52:I[707087,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"RegistryDependencies"] 53:I[314491,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"FilesView"] 54:Tb72,"use client" import { useEffect, useState } from "react" // shadcn import { Button } from "@/components/ui/button" import { Sheet, SheetContent, SheetHeader, SheetTitle, SheetTrigger, } from "@/components/ui/sheet" // project-imports import { CHANGELOG_DATA } from "@/data/changelog-data" // project import { cn } from "@/lib/utils" // assets import { ListTree } from "lucide-react" // ------------------------------ | COMPONENT - CHANGELOG MOBILE TOC | ------------------------------ // export default function ChangelogMobileToc() { const [activeId, setActiveId] = useState(null) const [open, setOpen] = useState(false) useEffect(() => { const observer = new IntersectionObserver( (entries) => { entries.forEach((entry) => { if (entry.isIntersecting) { setActiveId(entry.target.id) } }) }, { rootMargin: "0% 0% -80% 0%" } ) CHANGELOG_DATA.forEach((release) => { const element = document.getElementById(release.anchor) if (element) observer.observe(element) }) return () => observer.disconnect() }, []) const handleClick = (anchor: string) => { setOpen(false) // Small delay to let sheet close before scrolling requestAnimationFrame(() => { const element = document.getElementById(anchor) if (element) { element.scrollIntoView({ behavior: "smooth" }) } }) } return (

} > On this page On this page

) } 55:T498a,interface ChangelogItem { text: string previewUrl?: string } interface ChangelogCategory { title: string items: (string | ChangelogItem)[] } interface ChangelogRelease { version: string date: string title?: string anchor: string categories: ChangelogCategory[] } // ------------------------------ | DATA - CHANGELOG | ------------------------------ // export const CHANGELOG_DATA: ChangelogRelease[] = [ { version: "1.10.0", date: "September 08, 2026", anchor: "v1-10-0", categories: [ { title: "New Blocks", items: [ { text: "Bento: Bento 4", previewUrl: "/preview/bento/bento-4", }, { text: "Call To Action: CTA 3", previewUrl: "/preview/cta/cta-3", }, { text: "E-Commerce: E-Commerce 3", previewUrl: "/preview/e-commerce/e-commerce-3", }, { text: "E-Commerce: E-Commerce 5", previewUrl: "/preview/e-commerce/e-commerce-5", }, { text: "Small Hero: Small Hero 5", previewUrl: "/preview/small-hero/small-hero-5", }, ], }, { title: "New Components variants", items: [ { text: "Alert Dialog: Subscription", previewUrl: "/components/alert-dialog", }, { text: "Aspect Ratio: Widescreen", previewUrl: "/components/aspect-ratio", }, { text: "Dialog: QR Code Scanner", previewUrl: "/components/dialog", }, { text: "Drawer: Event RSVP", previewUrl: "/components/drawer", }, { text: "Sheet: Settings", previewUrl: "/components/sheet", }, { text: "Spinner: Capsule Track, Segmented Aperture, Wave Helix", previewUrl: "/components/spinner", }, { text: "Table: Status", previewUrl: "/components/table", }, { text: "Tooltip: Dot, Glow", previewUrl: "/components/tooltip", }, { text: "Typography: Typewriter", previewUrl: "/components/typography", }, ], }, ], }, { version: "1.9.0", date: "September 01, 2026", anchor: "v1-9-0", categories: [ { title: "New Blocks", items: [ { text: "E-Commerce: E-Commerce 2", previewUrl: "/preview/e-commerce/e-commerce-2", }, { text: "Feature: Feature 4", previewUrl: "/preview/feature/feature-4", }, { text: "Statistics: Statistics 5", previewUrl: "/preview/statistics/statistics-5", }, { text: "Team: Team 7", previewUrl: "/preview/team/team-7", }, { text: "Testimonial: Testimonial 5", previewUrl: "/preview/testimonial/testimonial-5", }, ], }, { title: "New Components variants", items: [ { text: "Accordion: With Icons", previewUrl: "/components/accordion", }, { text: "Breadcrumb: Outline", previewUrl: "/components/breadcrumb", }, { text: "Context Menu: Font & Style Menu, Spell Check Menu", previewUrl: "/components/context-menu", }, { text: "Dropdown Menu: Profile Detailed", previewUrl: "/components/dropdown-menu", }, { text: "Menubar: Compact", previewUrl: "/components/menubar", }, { text: "Pagination: Card", previewUrl: "/components/pagination", }, { text: "Popover: User Profile", previewUrl: "/components/popover", }, { text: "Resizable: Main Admin Layout", previewUrl: "/components/resizable", }, { text: "Tabs: With Badge", previewUrl: "/components/tabs", }, ], }, ], }, { version: "1.8.0", date: "August 25, 2026", anchor: "v1-8-0", categories: [ { title: "New Blocks", items: [ { text: "FAQ: FAQ 4", previewUrl: "/preview/faq/faq-4", }, { text: "Pricing: Pricing 9", previewUrl: "/preview/pricing/pricing-9", }, { text: "Process: Process 4", previewUrl: "/preview/process/process-4", }, { text: "Team: Team 3", previewUrl: "/preview/team/team-3", }, { text: "Testimonial: Testimonial 9", previewUrl: "/preview/testimonial/testimonial-9", }, ], }, { title: "New Components variants", items: [ { text: "Alert: Outlined Danger, Outlined Dark, Outlined Info, Outlined Primary, Outlined Secondary, Outlined Success, Outlined Warning", previewUrl: "/components/alert", }, { text: "Alert Dialog: Warning", previewUrl: "/components/alert-dialog", }, { text: "Aspect Ratio: Cinematic", previewUrl: "/components/aspect-ratio", }, { text: "Breadcrumb: Background", previewUrl: "/components/breadcrumb", }, { text: "Dialog: Destructive", previewUrl: "/components/dialog", }, { text: "Menubar: Editor", previewUrl: "/components/menubar", }, { text: "Separator: With Text", previewUrl: "/components/separator", }, { text: "Sonner: Close Button, Icon", previewUrl: "/components/sonner", }, { text: "Spinner: Dots Pulse", previewUrl: "/components/spinner", }, ], }, ], }, { version: "1.7.0", date: "August 18, 2026", anchor: "v1-7-0", categories: [ { title: "New Blocks", items: [ { text: "Contact: Contact 11", previewUrl: "/preview/contact/contact-11", }, { text: "Content: Content 5", previewUrl: "/preview/content/content-5", }, { text: "Footer: Footer 11", previewUrl: "/preview/footer/footer-11", }, { text: "Gallery: Gallery 10", previewUrl: "/preview/gallery/gallery-10", }, { text: "Hero: Hero 6", previewUrl: "/preview/hero/hero-6", }, ], }, { title: "New Components variants", items: [ { text: "Alert: Border Left Danger, Border Left Dark", previewUrl: "/components/alert", }, { text: "Dialog: Newsletter", previewUrl: "/components/dialog", }, { text: "Progress: Circular, Gradient, With Value", previewUrl: "/components/progress", }, { text: "Separator: Stats", previewUrl: "/components/separator", }, { text: "Sheet: Menu", previewUrl: "/components/sheet", }, { text: "Skeleton: List", previewUrl: "/components/skeleton", }, { text: "Sonner: Action", previewUrl: "/components/sonner", }, { text: "Table: Users", previewUrl: "/components/table", }, { text: "Tooltip: Status", previewUrl: "/components/tooltip", }, { text: "Typography: Italic, Link", previewUrl: "/components/typography", }, ], }, ], }, { version: "1.6.0", date: "August 11, 2026", anchor: "v1-6-0", categories: [ { title: "New Blocks", items: [ { text: "Gallery: Gallery 3", previewUrl: "/preview/gallery/gallery-3", }, { text: "Hero: Hero 3", previewUrl: "/preview/hero/hero-3", }, { text: "Portfolio: Portfolio 3", previewUrl: "/preview/portfolio/portfolio-3", }, { text: "Pricing: Pricing 3", previewUrl: "/preview/pricing/pricing-3", }, { text: "Process: Process 3", previewUrl: "/preview/process/process-3", }, ], }, { title: "New Components variants", items: [ { text: "Alert Dialog: Lock", previewUrl: "/components/alert-dialog", }, { text: "Aspect Ratio: Standard", previewUrl: "/components/aspect-ratio", }, { text: "Breadcrumb: Stepper", previewUrl: "/components/breadcrumb", }, { text: "Label: Card", previewUrl: "/components/label", }, { text: "List Group: Nested", previewUrl: "/components/list-group", }, { text: "Navigation Menu: Mega", previewUrl: "/components/navigation-menu", }, { text: "Progress: Circular With Label, With Steps", previewUrl: "/components/progress", }, { text: "Scroll Area: Horizontal", previewUrl: "/components/scroll-area", }, { text: "Skeleton: Chart, Profile", previewUrl: "/components/skeleton", }, { text: "Sonner: Custom", previewUrl: "/components/sonner", }, { text: "Spinner: Bars Scale", previewUrl: "/components/spinner", }, { text: "Tooltip: Custom Delay", previewUrl: "/components/tooltip", }, { text: "Circular Progress", previewUrl: "/components/progress", }, ], }, ], }, { version: "1.5.0", date: "August 4, 2026", anchor: "v1-5-0", categories: [ { title: "New Blocks", items: [ { text: "Feature: Feature 1", previewUrl: "/preview/feature/feature-1", }, { text: "Footer: Footer 7", previewUrl: "/preview/footer/footer-7", }, { text: "Gallery: Gallery 2", previewUrl: "/preview/gallery/gallery-2", }, { text: "Portfolio: Portfolio 5", previewUrl: "/preview/portfolio/portfolio-5", }, { text: "Process: Process 6", previewUrl: "/preview/process/process-6", }, ], }, { title: "New Components variants", items: [ { text: "Kbd: Arrow Keys, Function Keys, Shortcut Keys", previewUrl: "/components/kbd", }, { text: "Label: Card, Disabled, Required", previewUrl: "/components/label", }, { text: "List Group: Avatar, Badge, Nested", previewUrl: "/components/list-group", }, { text: "Scroll Area: Chat Scroller, Horizontal, Image Scroll, Terminal Logs", previewUrl: "/components/scroll-area", }, ], }, ], }, { version: "1.4.0", date: "July 28, 2026", anchor: "v1-4-0", categories: [ { title: "New Blocks", items: [ { text: "Pricing: Pricing 2", previewUrl: "/preview/pricing/pricing-2", }, { text: "Process: Process 1", previewUrl: "/preview/process/process-1", }, { text: "Statistics: Statistics 1", previewUrl: "/preview/statistics/statistics-1", }, { text: "Team: Team 1", previewUrl: "/preview/team/team-1" }, { text: "Testimonial: Testimonial 1", previewUrl: "/preview/testimonial/testimonial-1", }, ], }, { title: "New Components variants", items: [ { text: "Chart: Pie, Radial, Area, Line", previewUrl: "/components/chart", }, { text: "Data Table: Expandable, Pagination, Editable", previewUrl: "/components/data-table", }, { text: "Empty: No Search Result, With Large Icon", previewUrl: "/components/empty", }, { text: "Field: One Time Password Form", previewUrl: "/components/field", }, { text: "Hover Card: Info With Icon Badge, Image Preview, Simple Info Tooltip, Link Preview", previewUrl: "/components/hover-card", }, ], }, ], }, { version: "1.3.0", date: "July 21, 2026", anchor: "v1-3-0", categories: [ { title: "New Components variants", items: [ { text: "Select: With Icons, With Users, With Status, Clearable", previewUrl: "/components/select", }, { text: "Slider: Color Options", previewUrl: "/components/slider", }, { text: "Switch: Toggle Theme, Color Options, Outline, Square", previewUrl: "/components/switch", }, { text: "Textarea: Helper Text, Character Count, Feedback, Readonly", previewUrl: "/components/textarea", }, { text: "Toggle: Icon, Animated", previewUrl: "/components/toggle", }, { text: "Toggle Group: Filled Icon", previewUrl: "/components/toggle-group", }, { text: "Calendar: Right Navigation", previewUrl: "/components/calendar", }, { text: "Avatar: Fallback, Placeholder Icon, Counter Indicator, Border Radius", previewUrl: "/components/avatar", }, { text: "Badge: Status, Avatar, Sizes, Gradient", previewUrl: "/components/badge", }, { text: "Card: Product, Tabs, Animated Tilt, Animated Flip", previewUrl: "/components/card", }, ], }, { title: "Introduce New UI Blocks", items: [ { text: "Hero: Hero 2", previewUrl: "/preview/hero/hero-2", }, { text: "Feature: Feature 2", previewUrl: "/preview/feature/feature-2", }, { text: "Footer: Footer 3", previewUrl: "/preview/footer/footer-3", }, { text: "Gallery: Gallery 4", previewUrl: "/preview/gallery/gallery-4", }, { text: "Portfolio: Portfolio 4", previewUrl: "/preview/portfolio/portfolio-4", }, ], }, ], }, { version: "1.2.0", date: "July 14, 2026", anchor: "v1-2-0", categories: [ { title: "New Components variants", items: [ { text: "Command: 4 new variants", previewUrl: "/components/command", }, { text: "Date Picker: 2 new variants (Disabled, Time)", previewUrl: "/components/date-picker", }, { text: "Input: 3 new variants (Range, Select, Validation)", previewUrl: "/components/input", }, { text: "Input Group: 1 new variant (Chat Message)", previewUrl: "/components/input-group", }, { text: "Input OTP: 3 new variants (Animated, Filled, Outlined)", previewUrl: "/components/input-otp", }, { text: "Item: 4 new variants (Background, Checkbox, Separator, Switch)", previewUrl: "/components/item", }, { text: "Message Scroller: 3 core variants (Anchoring Turns, Animating, Context Visible)", previewUrl: "/components/message-scroller", }, { text: "Radio Group: 4 new variants (Box, Colors, List, Sizes)", previewUrl: "/components/radio-group", }, ], }, { title: "Introduce New UI Blocks", items: [ { text: "Call To Action", previewUrl: "/blocks/call-to-action" }, { text: "Contact", previewUrl: "/blocks/contact" }, { text: "Content", previewUrl: "/blocks/content" }, { text: "FAQ", previewUrl: "/blocks/faq" }, ], }, ], }, { version: "1.1.0", date: "July 6, 2026", anchor: "v1-1-0", categories: [ { title: "New Components", items: [ { text: "Attachment", previewUrl: "/components/attachment" }, { text: "Bubble", previewUrl: "/components/bubble" }, { text: "Marker", previewUrl: "/components/marker" }, { text: "Message", previewUrl: "/components/message" }, { text: "MessageScroller", previewUrl: "/components/message-scroller", }, ], }, { title: "Enhanced", items: [ "Added new button, button group, checkbox, and combobox variants.", ], }, ], }, { version: "1.0.0", date: "July 4, 2026", anchor: "v1-0-0", categories: [ { title: "Initial Release", items: ["Initial Version laying Foundation for library"], }, ], }, ] export const PRO_CHANGELOG_DATA: ChangelogRelease[] = [ { version: "1.0.0", date: "SEPTEMBER 19, 2026", anchor: "v1-0-0", categories: [ { title: "Initial Release", items: ["Initial Pro Release of UIAble "], }, ], }, ] 51:["$","div",null,{"className":"mt-3 flex min-h-0 min-w-0 flex-1 flex-col gap-3","children":[["$","div",null,{"className":"flex shrink-0 items-start gap-3","children":[["$","div",null,{"className":"flex max-h-28 min-w-0 flex-1 flex-wrap items-center gap-2 overflow-y-auto","children":[["$","ul",null,{"className":"flex min-w-0 flex-wrap gap-2","aria-label":"Package dependencies","children":[["$","li","lucide-react",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/lucide-react","target":"_blank","rel":"noopener noreferrer","className":"flex max-w-full min-w-0 items-center gap-1.5 rounded-md border px-2 py-1.5 text-xs","children":[["$","svg",null,{"viewBox":"0 0 24 24","className":"size-3 shrink-0","children":["$","path",null,{"d":"M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z","fill":"currentColor"}]}],["$","span",null,{"className":"min-w-0 break-all text-xs font-medium","children":"lucide-react"}]]}]}]]}],["$","$L52",null,{"namespace":"@uiable","registryDependencies":["@uiable/button","@uiable/sheet"]}]]}],null]}],["$","$L53",null,{"files":[{"path":"src/components/uiable/changelog/changelog-mobile-toc.tsx","content":"$54","type":"registry:component","target":"@components/uiable/changelog/changelog-mobile-toc.tsx"},{"path":"src/data/changelog-data.ts","content":"$55","type":"registry:component","target":"src/data/changelog-data.ts"}],"className":"h-[70svh] min-h-80"}]]}]