[{"data":1,"prerenderedAt":715},["ShallowReactive",2],{"registry-index":3},{"items":4},[5,11,16,23,28,33,39,44,49,54,59,63,67,71,76,80,84,89,94,98,102,107,112,116,120,124,128,132,136,140,144,149,153,157,161,165,169,173,177,181,185,189,193,197,201,205,209,213,217,221,225,229,233,237,241,245,249,252,256,260,264,268,272,276,280,284,288,292,296,300,304,308,312,315,319,323,327,331,335,339,343,347,351,355,359,363,367,371,375,379,383,389,393,397,401,405,409,413,417,421,425,429,433,437,441,445,449,453,457,461,465,469,473,477,481,485,489,493,497,501,505,509,513,517,521,525,529,533,537,541,545,549,553,557,561,565,569,573,577,581,585,589,593,597,601,605,609,613,617,621,624,628,632,636,640,645,649,653,657,661,665,669,673,677,681,685,689,695,698,701,704,707,711],{"name":6,"type":7,"description":8,"categories":9},"accordion","registry:ui","Vertically stacked, collapsible panels — one or many open at a time. Use for FAQs, settings groups, and any place where space is tight but content needs to stay browsable. Built on reka-ui with smooth animation and full keyboard support.",[10],"disclosure",{"name":12,"type":7,"description":13,"categories":14},"advance-select","Searchable, async-capable select with keyboard navigation, multi-select, and option grouping. Drop in when the native `\u003Cselect>` or the basic Select primitive runs out of room — large lists, debounced server-side filtering, custom rendered items.",[15],"form",{"name":17,"type":18,"description":19,"categories":20},"ai-llm-chat","registry:block","ChatGPT\u002FClaude-style LLM chat surface. Collapsible left sidebar with New chat, searchable thread history grouped Today\u002FYesterday\u002FPrevious 7 days\u002FEarlier, account row. Centered conversation: empty state with suggested-prompt tiles, user\u002Fassistant turns with code-block rendering and copy\u002Fregenerate\u002Ffeedback actions, streaming dots, stop button. Composer with model picker (Opus\u002FSonnet\u002FHaiku), attach, Enter-to-send, autosizing textarea. Stateful demo — wire `send()` to your streaming endpoint.",[21,22],"communication","ai",{"name":24,"type":7,"description":25,"categories":26},"alert","Static, in-flow notice block with a leading icon, title, and description. Use for inline page-level messages — info banners, success confirmations, warning callouts. Two tones: `default` and `destructive`.",[27],"feedback",{"name":29,"type":7,"description":30,"categories":31},"alert-modal","Props-driven shortcut for confirm and destructive prompts — pass `title`, `description`, `actionLabel`, and a `tone` and you get a fully styled modal with a leading icon ring, action button, and optional async loading state. Skip it and use Dialog when you need a free-form modal instead.",[32],"overlay",{"name":34,"type":18,"description":35,"categories":36},"analytics-overview","Two-pane analytics dashboard: stacked bar with dot overlay on a dual y-axis above, and an interactive drill-down line chart below. Click a bar to filter the bottom pane to that route.",[37,38],"dashboard","analytics",{"name":40,"type":7,"description":41,"categories":42},"anchor","In-page navigation list with scroll-spy. Renders a vertical list of links; the active item highlights as the user scrolls through anchored sections.",[43],"navigation",{"name":45,"type":7,"description":46,"categories":47},"area-chart","Filled-area line chart wrapper around Apache ECharts. Multi-series, stacked, gradient, and stepped variants. Theme-aware via registry tokens (--chart-1..5, --muted-foreground, --border).",[48],"chart",{"name":50,"type":7,"description":51,"categories":52},"aspect-ratio","Wraps content (typically images, video, or iframes) at a fixed width:height ratio so it never letterboxes or jumps as it loads. Common ratios: 16\u002F9 for video, 1\u002F1 for avatars, 4\u002F3 for cards.",[53],"layout",{"name":55,"type":18,"description":56,"categories":57},"auth-mfa","Two-step verification surface. 6-digit OTP pin input auto-submits on entry, shows verifying state and an inline error on mismatch, has a 30-second resend cooldown, and swaps to a Verified card with a Continue button on success. Emits `verify` (code), `resend`, and `continue`. `demoCode` prop controls the value the built-in mock validator accepts.",[58],"auth",{"name":60,"type":18,"description":61,"categories":62},"auth-password-reset","Four-stage password reset surface in a single card: request (email form) -> sent (check-your-inbox confirmation with \"Open reset form\" demo button) -> reset (new password + confirm with match validation) -> done (success confirmation linking back to sign-in). Emits `request` (email) when the link is asked for and `reset` (password) when the new password is set; consumer wires the actual mail\u002Fdb calls.",[58],{"name":64,"type":18,"description":65,"categories":66},"auth-sign-in","Full-page sign-in surface. Email + password + remember-me form, forgot-password and sign-up links, optional GitHub\u002FGoogle OAuth row. Emits `submit` with the form payload and `oauth` with the chosen provider; consumer wires the actual auth call. Link targets are configurable via props.",[58],{"name":68,"type":18,"description":69,"categories":70},"auth-sign-up","Full-page sign-up surface. Name\u002Femail\u002Fpassword\u002Fconfirm form with password-match validation, T&C acceptance gate, optional OAuth row, link back to sign-in. Emits `submit` with the validated payload and `oauth` with provider; consumer wires the actual auth call.",[58],{"name":72,"type":7,"description":73,"categories":74},"avatar","Round or rounded-square user image with a fallback that shows initials or an icon when the image is missing or fails to load. Sizes from xs to 2xl, optional status dot, and a group composition for stacked avatar lists.",[75],"data-display",{"name":77,"type":7,"description":78,"categories":79},"badge","Small inline label for status, counts, or tags — sits beside other content, not as a standalone control. Seven variants: `default`, `secondary`, `destructive`, `outline`, `success`, `warning`, `info`.",[75],{"name":81,"type":7,"description":82,"categories":83},"bar-chart","Bar chart wrapper around Apache ECharts. Vertical, horizontal, grouped, stacked, and negative-value variants. Theme-aware via registry tokens.",[48],{"name":85,"type":18,"description":86,"categories":87},"bento-01","Four-tile bento grid (4 cols × 2 rows on lg). One large 2×2 hero tile with a mini progress + stats illustration; one wide 2×1 secondary tile; two square 1×1 tiles (a big-number setup-time stat and a compliance line). Each tile is a raw Card with the content spelled out inline — swap any one without affecting the others.",[88],"marketing",{"name":90,"type":7,"description":91,"categories":92},"board","Six small composable components for any board \u002F kanban \u002F sortable-list surface — opinionated about drop targeting and animation, agnostic about layout, data, and chrome. Drop `\u003CBoard>` around a grid of `\u003CBoardLane>` columns; slot `\u003CBoardLaneHeader>`, `\u003CBoardLaneBody>`, `\u003CBoardLaneEmpty>`, and `\u003CBoardCard>` items inside each lane. State lives in the sibling `useBoard()` hook (insertion-index drop math, keyboard a11y, accept predicate). Animation comes from the `motion-list` motion preset by default — enter \u002F leave \u002F move all share one settle curve so a card travelling between two lanes reads as one continuous motion. Mirrors the Timeline \u002F Card sub-component pattern (three-level context injection: board → lane → card). The current monolithic `@uipkge\u002Fkanban-board` block can be rebuilt on top of this primitive — Board is the layer underneath, kanban-board is one opinionated assembly.",[93,53],"data",{"name":95,"type":7,"description":96,"categories":97},"boxplot-chart","Box-and-whisker plot wrapper around Apache ECharts. Five-number summary (min, Q1, median, Q3, max) per category. Vertical or horizontal.",[48],{"name":99,"type":7,"description":100,"categories":101},"breadcrumb","Hierarchical wayfinding strip that shows a user’s position in a nested page tree. Built from `\u003CBreadcrumbList>` and `\u003CBreadcrumbItem>` primitives so you can drop in custom separators, dropdowns for collapsed parents, and ellipsis for overflow.",[43],{"name":103,"type":7,"description":104,"categories":105},"button","The primary clickable primitive — six variants (default, destructive, outline, secondary, ghost, link), seven sizes (default, sm, lg, xs, icon, icon-sm, icon-lg), and an as-child mode that lets you render a router-link or anchor with full button styling.",[106],"control",{"name":108,"type":7,"description":109,"categories":110},"calendar","Single-month calendar grid for date selection, built on reka-ui’s Calendar primitive. Pair it with a Popover or use it inline. Supports min\u002Fmax bounds, disabled dates, and locale formatting.",[111],"date-time",{"name":113,"type":7,"description":114,"categories":115},"calendar-heatmap","Year \u002F quarter calendar heatmap wrapper around Apache ECharts. GitHub-style contribution grid with palette overrides. Theme-aware via registry tokens.",[48],{"name":117,"type":7,"description":118,"categories":119},"candlestick-chart","OHLC candlestick wrapper around Apache ECharts. Bullish\u002Fbearish coloring from registry tokens, optional data-zoom slider, axis-cross pointer.",[48],{"name":121,"type":7,"description":122,"categories":123},"card","Bordered container with an opinionated header \u002F content \u002F footer layout. Use it as the wrapper around any self-contained block of content — settings panels, dashboard tiles, list cells.",[53],{"name":125,"type":7,"description":126,"categories":127},"carousel","Horizontal or vertical scroller with previous\u002Fnext controls. Hand-rolled `useCarousel` composable backed by native CSS scroll-snap — no external carousel library, just the browser. Drop in images, cards, or any custom slide content.",[75],{"name":129,"type":7,"description":130,"categories":131},"charts","Meta-bundle that installs every chart wrapper at once -- 23 charts spanning cartesian (area \u002F bar \u002F line \u002F scatter \u002F candlestick \u002F theme-river), circular (pie \u002F radar \u002F gauge \u002F segmented-gauge), hierarchy (treemap \u002F funnel \u002F smooth-funnel \u002F sunburst \u002F tree), flow (sankey \u002F graph \u002F parallel), distribution (boxplot), specialty (heatmap \u002F calendar-heatmap \u002F sparkline), and the raw escape hatch. Each is also installable on its own.",[129],{"name":133,"type":18,"description":134,"categories":135},"chat-thread","Single-pane conversation surface. Peer header (avatar + online dot + call\u002Fvideo\u002Fmore), grouped messages with day separators (Today\u002FYesterday\u002Fdate), own vs. peer bubbles, read\u002Fdelivered\u002Fsent ticks, typing indicator, composer with attach\u002Femoji and Enter-to-send. Stateful demo; swap the `messages` ref for your transport.",[21],{"name":137,"type":18,"description":138,"categories":139},"chat-two-pane","Two-pane messaging surface. Left rail: searchable conversation list with avatars, online dots, pinned section, unread badges, mute icons, last-message preview, smart timestamps. Right pane: active thread with day separators, own\u002Fpeer bubbles, read ticks, typing indicator, attach\u002Femoji\u002Fsend composer. Stateful demo — replace `conversations` and `messagesByConvo` with your data layer.",[21,53],{"name":141,"type":7,"description":142,"categories":143},"checkbox","Standalone or in-form binary toggle, built on reka-ui. Supports indeterminate state for tri-state lists, sizes, and proper keyboard \u002F screen-reader behavior. Pair with Label for clickable text.",[15],{"name":145,"type":18,"description":146,"categories":147},"checkout-flow","Three-step checkout (cart → payment → confirm) with animated step transitions, an inline PaymentForm, a success screen that fires a confetti burst with an animated checkmark, and an error screen with retry. Async submit is forwarded to the consumer-provided `onSubmit`, which returns an `orderId` that ends up on the success screen.",[148],"commerce",{"name":150,"type":7,"description":151,"categories":152},"chip","Compact, removable tag — typically used inside `tags-input` or as a filter pill. Seven variants (`default`, `filled`, `outlined`, `elevated`, `success`, `warning`, `destructive`), three sizes, and an optional close button.",[75],{"name":154,"type":7,"description":155,"categories":156},"code-block","Read-only code preview with a header, optional filename, copy button, and `\u003Cpre>`-rendered content. Use for installation snippets, API examples, and snippets you want users to copy verbatim.",[75],{"name":158,"type":7,"description":159,"categories":160},"collapsible","Headless single-region show\u002Fhide primitive. Use it when Accordion is overkill — a single toggle reveals one panel of content. Smooth height animation built in.",[10],{"name":162,"type":7,"description":163,"categories":164},"color-picker","Hex \u002F RGB color input with a popover swatch grid. Supports controlled and uncontrolled modes, alpha channel, and a recent-colors row.",[15],{"name":166,"type":7,"description":167,"categories":168},"command","Searchable command palette à la Cmd-K — keyboard-driven menu with grouped items, icons, shortcuts, and fuzzy filtering. Use as a global launcher (mounted in a Dialog) or inline as a typeahead select.",[32],{"name":170,"type":18,"description":171,"categories":172},"command-palette","Header-grade search\u002Fcommand palette. Bundles the slim trigger button (with platform-aware ⌘K\u002FCtrl-K kbd hint) AND the modal CommandDialog into one block; consumers drop it once and the global keyboard shortcut wires itself. Takes a `groups` array of `{ heading, items: [{ label, hint, icon, onSelect }] }` and emits `select`. `show-trigger=false` hides the inline button so the consumer can fire it from elsewhere via the exposed `show()` \u002F `toggle()` methods.",[37,32,43],{"name":174,"type":18,"description":175,"categories":176},"contact-01","Two-column contact section. Left column has eyebrow, headline, lede, three icon-prefixed contact rows (email \u002F phone \u002F office), and a map placeholder. Right column is a Card-wrapped form (name \u002F email \u002F company \u002F subject Select \u002F message Textarea) that swaps to a success state after submit. Emits \"submit\" with the form payload.",[88],{"name":178,"type":18,"description":179,"categories":180},"contact-us","Two-column contact section. Left: eyebrow, headline, lede, icon contact rows (email \u002F phone \u002F office) and a live Mapbox map pinned to your office (pass access-token + location; falls back to a placeholder without a token). Right: a Card-wrapped form (name \u002F email \u002F company \u002F subject Select \u002F message Textarea) that swaps to a success state. Emits \"submit\" with the payload.",[88],{"name":182,"type":7,"description":183,"categories":184},"context-menu","Right-click menu — same primitives as Dropdown Menu but triggered by `contextmenu` events. Drop on any element you want to attach row actions, file-system style operations, or copy\u002Fpaste menus to.",[32],{"name":186,"type":18,"description":187,"categories":188},"conversion-funnel","Horizontal conversion funnel with count strip above the SmoothFunnel chart and a stage-name + retention-from-previous footer below. Works for hiring (applied → hired), e-commerce (sessions → purchases), onboarding (signed up → activated). 3-6 stages. Theme-aware via OKLCH chart tokens.",[37,38],{"name":190,"type":18,"description":191,"categories":192},"cost-breakdown","Three-panel spend dashboard. Stacked weekly bar chart over time on top, plus two side-by-side categorical pies below (share by lane \u002F share by carrier). Theme-aware via registry tokens.",[37,38],{"name":194,"type":18,"description":195,"categories":196},"cta-01","Centered call-to-action section. Soft gradient backdrop, large headline, supporting copy, primary + outline buttons, and a fine-print line for trial \u002F cancel terms.",[88],{"name":198,"type":18,"description":199,"categories":200},"dashboard-layout","Full dashboard shell — collapsible sidebar (sidebar-02) + sticky topbar (sidebar trigger, breadcrumb, command palette, theme switch, notifications, profile menu) + main content slot. Drop it in a Nuxt layout: `\u003CDashboardLayout>\u003Cslot \u002F>\u003C\u002FDashboardLayout>`. Auto-pulls every transitive piece (sidebar-02, command-palette, notifications-popover, profile-menu, theme-switch).",[37,53],{"name":202,"type":7,"description":203,"categories":204},"data-list","Vertical key\u002Fvalue list for showing read-only metadata — invoice details, settings summaries, profile fields. Pair items in label\u002Fvalue rows; supports inline edit triggers and trailing actions per row.",[75],{"name":206,"type":7,"description":207,"categories":208},"data-table","Full-feature table with sorting, filtering, column pinning, pagination, row selection, and an opinionated header\u002Ftoolbar. Built on TanStack Table — pass `columns` + `data` and configure as needed.",[93],{"name":210,"type":7,"description":211,"categories":212},"date-picker","Date input that opens a Calendar in a Popover. Handles parsing, formatting, min\u002Fmax bounds, and disabled dates. Use the Range Calendar version for from\u002Fto selections.",[111],{"name":214,"type":7,"description":215,"categories":216},"dialog","Free-form modal primitive — composable from `Dialog`, `DialogTrigger`, `DialogContent`, and friends. Use for forms, info cards, pickers, and any custom modal layout. For confirm\u002Fdestructive prompts, prefer the prebuilt `AlertModal` shortcut.",[32],{"name":218,"type":7,"description":219,"categories":220},"dropdown-menu","Floating menu launched from a trigger button — for account switchers, row actions, editor menus, and any short list of commands. Supports labels, icons, separators, keyboard shortcuts, checkbox\u002Fradio items, and nested submenus. Built on reka-ui; ARIA + keyboard navigation handled.",[32],{"name":222,"type":7,"description":223,"categories":224},"empty-state","Centered placeholder with icon, headline, supporting text, and one or two actions. Drop into empty lists, blank dashboards, and unauthenticated views — the standard \"nothing here yet\" pattern.",[27],{"name":226,"type":18,"description":227,"categories":228},"event-calendar","Month-view event calendar with stats strip, drag\u002Fshift range select, side rail (selected day or range summary), upcoming list, and per-cell\u002Fper-event context menus. v-model:events binds the source of truth; eventTypes config maps each type key to its label\u002Ficon\u002Fcolor theme so swapping the visual palette is one prop. Built on the use-month-grid headless composable.",[37],{"name":230,"type":18,"description":231,"categories":232},"event-list","List of upcoming events in a SectionCard. Each item shows title + date + optional status badge.",[37],{"name":234,"type":18,"description":235,"categories":236},"faq-01","Single-column FAQ section. Eyebrow + headline + email-CTA lede, then six accordion items (trial \u002F migration \u002F security \u002F pricing \u002F support \u002F cancel). Uses Accordion in single-collapsible mode so only one answer expands at a time. Questions are spelled out inline so consumers can rewrite them directly.",[88],{"name":238,"type":18,"description":239,"categories":240},"features-01","Three-column features grid (six cards). Eyebrow + headline + lede, then each card has a tinted icon-box, a short title, and a one-paragraph description. Cards are spelled out inline — swap, reorder, or change icons without unwiring a wrapper.",[88],{"name":242,"type":7,"description":243,"categories":244},"file-upload","Drag-and-drop file dropzone with click-to-browse fallback, file-type filtering, multi-file support, and per-file progress + remove controls. Wraps native `\u003Cinput type=\"file\">` with proper a11y.",[15],{"name":246,"type":18,"description":247,"categories":248},"footer-01","Site footer with brand mark + newsletter form on the left and four link columns (Product \u002F Company \u002F Resources \u002F Legal) on the right. Separator divides into a copyright + social icon row. Each link is spelled out inline so copy lives in one place.",[88],{"name":15,"type":7,"description":250,"categories":251},"Zod-first form block built on TanStack Vue Form. Wires field labels, descriptions, error messages, and validation together; bind a field once and the rest is automatic.",[15],{"name":253,"type":7,"description":254,"categories":255},"funnel-chart","Funnel chart wrapper around Apache ECharts. Conversion-stage visualization with inverted and percentage-label variants. Theme-aware via registry tokens.",[48],{"name":257,"type":7,"description":258,"categories":259},"gauge-chart","Gauge \u002F speedometer wrapper around Apache ECharts. Threshold-banded stoplight (teal\u002Famber\u002Fred), progress-ring, and multi-needle variants. Theme-aware via registry tokens.",[48],{"name":261,"type":7,"description":262,"categories":263},"graph-chart","Network \u002F graph chart wrapper around Apache ECharts. Force-directed, circular, or manual layouts; directed or undirected edges; optional category coloring. Useful for service maps, social graphs, knowledge bases.",[48],{"name":265,"type":7,"description":266,"categories":267},"grid","Responsive CSS grid container with `cols`, `gap`, and breakpoint props. A small but useful primitive for laying out card grids, KPI tiles, and form sections without writing repetitive Tailwind classes.",[53],{"name":269,"type":18,"description":270,"categories":271},"header-01","Sticky marketing top-bar. Brand mark on the left, five inline anchor links in the centre on desktop, \"Sign in\" + primary trial CTA on the right. Below the md breakpoint the right side collapses into a hamburger that opens a right-side Sheet with the same links and CTAs stacked. Translucent background uses backdrop-blur so content can scroll behind it.",[88],{"name":273,"type":7,"description":274,"categories":275},"heatmap","Grid heatmap wrapper around Apache ECharts with visualMap color ramp. Theme-aware via registry tokens.",[48],{"name":277,"type":18,"description":278,"categories":279},"hero-01","Two-column hero with badge eyebrow, large headline, supporting copy, primary + outline CTAs, social proof row, and a collage of three rotated KPI cards (active users \u002F uptime \u002F onboarding queue) on the right.",[88],{"name":281,"type":7,"description":282,"categories":283},"hover-card","Rich popover triggered by hover\u002Ffocus instead of click. Use for inline previews — user cards on @mentions, link previews, KPI explanations. Built on reka-ui with a configurable open\u002Fclose delay.",[32],{"name":285,"type":7,"description":286,"categories":287},"icon-box","Small framed icon used inside cards, list items, and stat tiles. Three variants (`primary`, `muted`, `custom`), two shapes (`rounded`, `circle`), and three sizes. Drop a Lucide icon in, get a polished badge.",[75],{"name":289,"type":7,"description":290,"categories":291},"icon-transition","Animated icon swap for click acknowledgements — copy → check, bookmark → bookmark-filled, follow → follower. Pass two icon components and an async `action`; clicking runs the action then springs the active icon in. Auto-reverts after `resetAfter` ms (default 1500), or pass `0` to keep the active icon and call the exposed `reset()` method to flip it back. Renders as a `\u003Cbutton>` by default; use `as=\"span\"` plus the `:active` prop when you want an externally controlled, non-interactive icon swap inside another control. Honors `prefers-reduced-motion`.",[27],{"name":293,"type":7,"description":294,"categories":295},"icons","Showcase + recipe page for the registry’s default icon set (Lucide). Not a runtime component — install the npm package directly. Documented here so consumers can browse names and copy-paste imports.",[75],{"name":297,"type":18,"description":298,"categories":299},"inbox","Three-pane mail surface. Left rail: Compose button, folders (Inbox\u002FStarred\u002FSent\u002FDrafts\u002FSpam\u002FTrash) with unread counts, colour-coded labels with totals. Middle: searchable message list with sender, subject, preview, labels, attachment glyphs, star toggle, smart timestamps. Right: reader pane with subject, from\u002Fto, body, attachment chip, reply\u002Fforward\u002Farchive actions. Stateful demo — swap `mails` for your data source.",[21,53],{"name":301,"type":302,"description":303},"init","registry:lib","One-shot bootstrap. Pulls tailwind tokens, the cn() helper, and the useTheme composable in a single command. Run this first when starting a new app.",{"name":305,"type":7,"description":306,"categories":307},"input","Text input — single-line. Same sizing and ring treatment as the rest of the form primitives. Pair with Label, attach an icon via the `start` \u002F `end` slots, or compose into a search input.",[106],{"name":309,"type":18,"description":310,"categories":311},"kanban-board","Full kanban surface: 4 status columns, drag-and-drop card movement with insertion indicator, board\u002Flist view toggle, search + priority + assignee filters, collapsible columns, click-to-open task detail Sheet (comments, subtasks, files), full-form Add Task Dialog with priority\u002Fassignee\u002Fdue-date\u002Ftags\u002Fsubtasks. Mega-block: ships 14 Vue files (KanbanBoard + 6 kanban-* views + 7 small badges\u002Flists). Bind with v-model:columns; consumer owns the columns array so swapping the in-memory store for Drizzle\u002FPostgres is a one-line change. Auto-pulls the use-kanban hook (types + configs + helpers) and kanban-data lib (seed columns).",[37,93],{"name":313,"type":302,"description":314},"kanban-data","Seed columns for the kanban-board block. Five HR-themed columns (Backlog \u002F To Do \u002F In Progress \u002F In Review \u002F Done) with ~26 tasks across them, complete with assignees, tags, due dates, subtasks, comments, and files. Swap with your own fetcher when wiring to a real backend -- the consumer page just imports `createInitialColumns()` and binds the returned array to `\u003CKanbanBoard v-model:columns>`.",{"name":316,"type":7,"description":317,"categories":318},"knob","Circular dial input. Drag to rotate, keyboard accessible, SVG-rendered. Useful for compact numeric controls (volume, brightness, gauges).",[15],{"name":320,"type":7,"description":321,"categories":322},"kpi-grid","Bare responsive grid wrapper (2 \u002F 3 \u002F 4 columns). Pass any children — Cards, inline charts, custom tiles. No items prop, no item rendering.",[53],{"name":324,"type":7,"description":325,"categories":326},"label","Accessible label primitive — wraps text and binds to its child input via `for`. Disabled-state styling, optional required-asterisk, and proper screen-reader behavior.",[15],{"name":328,"type":7,"description":329,"categories":330},"labeled-value","Read-only label\u002Fvalue pair for surface details — \"Email: jane@…\" or \"Status: Active\". Compose them in a Data List, a Stat Card, or a Section Card detail row.",[75],{"name":332,"type":7,"description":333,"categories":334},"lazy-image","Lazy-loaded image with aspect-ratio reservation, skeleton placeholder, fade-in transition, and error fallback. Composes loading=\"lazy\" with IntersectionObserver for off-viewport hold and pairs with the skeleton primitive for the placeholder state.",[75],{"name":336,"type":7,"description":337,"categories":338},"line-chart","Line chart wrapper around Apache ECharts. Smooth\u002Fstepped\u002Fdashed lines, multi-series, point markers. Theme-aware via registry tokens.",[48],{"name":340,"type":7,"description":341,"categories":342},"list","Plain content list with `\u003Cul>` \u002F `\u003Cli>` semantics and a few preset gap and divider modes. Use for menu items, navigation lists, or any vertical sequence of small rows.",[75],{"name":344,"type":18,"description":345,"categories":346},"login-01","Centered login card. Email + password fields with a \"Forgot password?\" link, primary submit, then a divider and a 2-button SSO row (Google + GitHub). Footer links to sign-up. Emits submit, forgot-password, sign-up, and oauth events for the consuming app to wire.",[58],{"name":348,"type":18,"description":349,"categories":350},"login-02","Split-layout login. Brand\u002Fmarketing panel on the left (logo, headline, value-prop bullets, copyright) and the form on the right (email + password, SSO row, sign-up link). Collapses to single-column form-only on small screens. Edit the brand panel inline to swap product copy + bullet icons.",[58],{"name":352,"type":18,"description":353,"categories":354},"logos-01","Customer-logo cloud strip. \"Trusted by teams at\" eyebrow over a responsive grid of six grayscale wordmarks (2 \u002F 3 \u002F 6 columns by breakpoint). Each logo is an inline SVG sitting on currentColor so the muted-foreground → foreground hover swap works. Ships with placeholder marks — swap the SVGs with real customer logos before shipping.",[88],{"name":356,"type":18,"description":357,"categories":358},"logos-02","Single-row infinite marquee of customer logos. Track is duplicated and translated -50% on a 30s linear loop for a seamless seam; edges fade out via CSS mask-image; pauses on hover; respects prefers-reduced-motion.",[88],{"name":360,"type":18,"description":361,"categories":362},"logos-03","Three-row logo marquee with alternating scroll directions and slightly different speeds (32s left, 26s right, 38s left) so the eye does not lock onto a single rhythm. Edges fade out via CSS mask-image; the whole section pauses on hover; respects prefers-reduced-motion.",[88],{"name":364,"type":7,"description":365,"categories":366},"map","A thin, theme-aware Mapbox GL JS wrapper (built on @studiometa\u002Fvue-mapbox-gl). Pass an access token and drop MapMarker \u002F MapPopup \u002F MapLayer into the slot to build any map — fleet boards, journey maps, store locators. The base style follows light\u002Fdark automatically, an opt-in `muted` prop desaturates the basemap so overlaid data is the only colour, and `@created` hands you the raw map instance for custom layers and fitBounds.",[75],{"name":368,"type":7,"description":369,"categories":370},"masked-input","Input with a fixed format mask — phone numbers, credit cards, dates, postal codes. Pass a mask string (e.g. `(###) ###-####`) and the input enforces it as the user types. Customizable placeholder character and replacement marker.",[15],{"name":372,"type":7,"description":373,"categories":374},"mentions","Textarea with trigger-character autocomplete. Type a configured trigger (default @) to open a filtered popover; pick to insert. Static or async options.",[15],{"name":376,"type":7,"description":377,"categories":378},"menubar","Top-level menu bar — File \u002F Edit \u002F View — for desktop-style apps. Same primitives as Dropdown Menu but laid out horizontally and keyboard-navigable across siblings (left\u002Fright arrows).",[43],{"name":380,"type":18,"description":381,"categories":382},"metrics-grid","Six-tile KPI status grid. Each tile pairs a stat header (count \u002F percentage) with a small pie or horizontal bar chart that breaks the metric down. Different tiles use different chart types so each KPI reads at a glance.",[37,38],{"name":384,"type":385,"description":386,"categories":387},"motion-list","registry:style","Drop-in TransitionGroup styles for sortable lists, kanban columns, and reorderable cards. Pairs with `\u003CTransitionGroup name=\"motion-list\" tag=\"div\" class=\"relative\">` — siblings reflow smoothly while items fade-and-scale on enter\u002Fleave. Leaving items are taken out of layout flow (position: absolute) so the parent collapses immediately instead of waiting for the leave fade. All four timings and the settle curve are CSS variables (`--motion-list-curve`, `--motion-list-duration-{enter,leave,move}`, `--motion-list-leave-width`) so consumers tune per-context with one line. Consumed by `@uipkge\u002Fboard` by default; usable standalone for any reorderable list. Tiny — one .css file, zero JS.",[388],"motion",{"name":390,"type":7,"description":391,"categories":392},"navigation-menu","Top-of-page horizontal navigation with hover\u002Fclick triggered megamenus. Use for marketing sites and product navs that need rich content — featured links, mini-cards, and submenu columns.",[43],{"name":394,"type":18,"description":395,"categories":396},"notifications-popover","Header-grade notifications panel. Slot-trigger Popover the consumer wraps around their own Bell button. Filter tabs (All\u002FUnread), Today\u002FEarlier groups, category-coloured accent bars, hover-dismiss, mark-all-read, slide-in animation. Slot receives `unreadCount` so the trigger can show a badge.",[37,32],{"name":398,"type":7,"description":399,"categories":400},"number-field","Numeric input with stepper buttons, min\u002Fmax bounds, step size, and decimal precision. Use for quantities, prices, and any field that should be a number rather than free text.",[15],{"name":402,"type":7,"description":403,"categories":404},"overlay-scroll","Slack-style overlay scrollbar. Hides the native scrollbar so the scrolled content uses the full container width (no gutter reservation), then draws a thin auto-fading thumb absolutely positioned on top. Drag-to-scroll via Pointer Events covers mouse, touch, and pen. Vertical only. The component does not enforce a height — give it a bounded height via the parent (`flex-1 min-h-0` in a flex column, or a fixed `h-*` \u002F `max-h-*`).",[53],{"name":406,"type":7,"description":407,"categories":408},"page","Page-level layout shell — title row, optional breadcrumbs, action bar, and slotted content well. The standard wrapper for `routes\u002F*.vue` pages so every screen looks consistent.",[53],{"name":410,"type":7,"description":411,"categories":412},"pagination","Page-number bar with previous\u002Fnext, ellipsis collapse, and a configurable visible-window size. Pair with a data-table or any paged list.",[43],{"name":414,"type":7,"description":415,"categories":416},"parallel-chart","Parallel coordinates wrapper around Apache ECharts. Plots high-dimensional rows as polylines across N axes — useful for spotting correlations and outlier clusters.",[48],{"name":418,"type":7,"description":419,"categories":420},"payment-card","Animated 3D credit-card visual. Auto-detects brand (Visa, Mastercard, Amex, Discover) from the card number, flips between front and back, and supports opt-in mouse-parallax tilt and a shimmering gradient sweep. Pure presentational — pass typed values in via props.",[75],{"name":422,"type":18,"description":423,"categories":424},"payment-form","Credit-card checkout form with a live 3D card preview, wallet shortcut buttons (Apple Pay \u002F Google Pay \u002F PayPal), brand auto-detection, Luhn validation, expiry \u002F CVC checks, and a hookable async submit. Wallet buttons emit a `wallet` event so the consumer wires the actual SDK; the card form emits `success` \u002F `error` after the consumer-provided `onSubmit` settles.",[148],{"name":426,"type":7,"description":427,"categories":428},"pie-chart","Pie chart wrapper around Apache ECharts. Full pie, donut, rose (Nightingale), and labeled variants. Theme-aware via registry tokens.",[48],{"name":430,"type":7,"description":431,"categories":432},"pin-input","One-time-code input — N separate boxes that auto-advance and accept paste. Use for SMS verification, 2FA, and short numeric codes. Length, masking, and per-slot status all configurable.",[15],{"name":434,"type":7,"description":435,"categories":436},"popover","Click-triggered floating panel anchored to a trigger element. Supports optional localStorage persistence and configurable dismissal (click-outside, escape, manual). Built on reka-ui with collision detection.",[32],{"name":438,"type":18,"description":439,"categories":440},"pricing-01","Three-tier pricing table (Starter \u002F Team \u002F Enterprise) with a monthly\u002Fyearly ToggleGroup that flips prices live. Middle tier is highlighted with a ring + \"Most popular\" badge. Each tier spells out its bullet list inline so consumers can edit any line directly.",[88],{"name":442,"type":18,"description":443,"categories":444},"profile-menu","Header-grade profile\u002Faccount dropdown. Slot-trigger DropdownMenu the consumer wraps around their own avatar button (default trigger ships an Avatar fallback). Sections: upgrade, account\u002Fbilling\u002Fnotifications\u002Fsettings, log out. Emits `select` with the chosen item key so consumers wire navigation and auth themselves.",[37,32],{"name":446,"type":7,"description":447,"categories":448},"progress","Linear progress bar — determinate or indeterminate. Two visual densities (slim, default), four tones, and an optional inline percentage label.",[27],{"name":450,"type":18,"description":451,"categories":452},"progress-breakdown","Labeled progress bars in a SectionCard. Each bar cycles through chart-1..5 colors.",[37],{"name":454,"type":7,"description":455,"categories":456},"progress-item","Labeled progress row — item name on the left, progress bar in the middle, percent or count on the right. Use for batched task lists, file upload queues, or onboarding checklists.",[27],{"name":458,"type":7,"description":459,"categories":460},"progress-linear","Top-of-screen page-loading bar (à la NProgress \u002F nuxt loading-indicator). Auto-advances while a navigation or fetch is in flight, then completes. Drop into the app shell once.",[27],{"name":462,"type":7,"description":463,"categories":464},"qr-code","Static QR code renderer — pass `value` and a size, get an SVG. Useful for sign-in links, share URLs, and Wi-Fi credentials. No dependencies on a heavy QR library.",[75],{"name":466,"type":18,"description":467,"categories":468},"quick-actions","Vertical list of clickable shortcuts in a SectionCard. Pass linkComponent (NuxtLink or RouterLink) for SPA routing.",[37],{"name":470,"type":7,"description":471,"categories":472},"radar-chart","Radar (spider) chart wrapper around Apache ECharts. Multi-series with optional fill. Theme-aware via registry tokens.",[48],{"name":474,"type":7,"description":475,"categories":476},"radio-group","Single-selection group of radio inputs. Vertical or horizontal layout, optional descriptions per item, and full keyboard navigation. Pair with Form for validation messages.",[15],{"name":478,"type":7,"description":479,"categories":480},"range-calendar","Calendar variant for from\u002Fto date selection — click two dates and the range fills in between. Same min\u002Fmax and disabled-date support as the single-date Calendar.",[111],{"name":482,"type":7,"description":483,"categories":484},"range-slider","Two-thumb range slider for \"between X and Y\" inputs — price filters, age ranges, time windows. Built on reka-ui with proper keyboard handling and aria-valuetext.",[15],{"name":486,"type":7,"description":487,"categories":488},"rating","Star (or custom icon) rating control — pick a value from 1 to N. Read-only mode for displaying review averages, with half-step support.",[15],{"name":490,"type":7,"description":491,"categories":492},"raw-chart","Escape-hatch wrapper that takes a full ECharts option object. Lets you build any ECharts type (sankey, sunburst, candlestick, graph, boxplot, parallel, themeRiver, custom) with full customization. Theme-aware exports available via useChartTheme.",[48],{"name":494,"type":18,"description":495,"categories":496},"register-01","Centered sign-up card. Name + email + password + confirm with inline mismatch warning, terms checkbox gating the submit, divider, and a 2-button SSO row (Google + GitHub). Footer links back to sign-in. Emits submit, sign-in, oauth, view-terms, view-privacy.",[58],{"name":498,"type":7,"description":499,"categories":500},"resizable","Drag-to-resize panel layout — horizontal or vertical splits with persistent sizes. Use for IDE-style sidebars, split views, and any layout the user should be able to reshape.",[53],{"name":502,"type":7,"description":503,"categories":504},"rich-text-editor","WYSIWYG editor wrapped around TipTap — bold\u002Fitalic\u002Flinks\u002Flists\u002Fheadings\u002Fblockquote\u002Fcode, plus a configurable toolbar. Drop into forms where Markdown is too low-level.",[15],{"name":506,"type":7,"description":507,"categories":508},"sankey-chart","Sankey flow diagram wrapper around Apache ECharts. Visualizes value flows between named nodes (channels, stages, sources). Gradient links + theme-aware tokens.",[48],{"name":510,"type":18,"description":511,"categories":512},"saved-cards-list","List of stored payment cards using compact 3D card visuals. Marks one as the default, allows setting a different one as default, removing with a confirmation dialog, and adding a new card via an inline PaymentForm that collapses open. Emits `add`, `remove`, and `set-default` — consumer owns the persistence.",[148],{"name":514,"type":7,"description":515,"categories":516},"scatter-chart","Scatter \u002F bubble chart wrapper around Apache ECharts. Optional point sizing and categorical coloring. Theme-aware via registry tokens.",[48],{"name":518,"type":7,"description":519,"categories":520},"scroll-area","Custom scrollbar that always renders the same way across OSes (no flashing native scrollbars on Windows). Use for sidebars, dropdown content, and any overflow region you want to feel consistent.",[53],{"name":522,"type":7,"description":523,"categories":524},"section-card","Card variant tuned for settings pages — title, description, and content slots, with optional footer for save\u002Fcancel actions. The block-level building block for `...\u002Fsettings\u002F*` routes.",[53],{"name":526,"type":7,"description":527,"categories":528},"segmented-gauge","Semicircular SVG gauge split into colored segments by relative value. Pure SVG (no ECharts). Rounded line caps + an angular gap between segments produce the pill-shaped look; a center slot lets consumers drop a KPI value + label into the dish.",[48],{"name":530,"type":7,"description":531,"categories":532},"select","Dropdown select primitive — single-select, with optional groups, descriptions per item, and a search input via the AdvanceSelect variant. Built on reka-ui.",[106],{"name":534,"type":7,"description":535,"categories":536},"separator","Horizontal or vertical visual divider — a `\u003Cdiv>` with the right ARIA role and a registry-token border color. Use between sections, list rows, and toolbar groups.",[53],{"name":538,"type":7,"description":539,"categories":540},"sheet","Side-mounted modal that slides in from the top, right, bottom, or left edge. Use for filter panels, edit drawers, and mobile menus.",[32],{"name":542,"type":7,"description":543,"categories":544},"sidebar","Full-height app sidebar — collapsible to icons, with grouping, sub-grouping, and integrated search. The navigation surface for product apps with many sections.",[43],{"name":546,"type":18,"description":547,"categories":548},"sidebar-01","Collapsible icon-rail app sidebar with brand block, two grouped nav sections, and a user dropdown footer. Pure template, no props -- edit Sidebar01.vue to change routes and NavUser.vue to wire your auth session. Pair with SidebarProvider + SidebarInset for the full admin shell.",[542,53],{"name":550,"type":18,"description":551,"categories":552},"sidebar-02","Full-featured app sidebar -- collapsible=\"icon\" rail with TeamSwitcher header, primary nav, projects section, secondary nav, and user dropdown footer. Each section ships as a sibling file in the same folder so consumers can edit one piece at a time.",[542,53],{"name":554,"type":18,"description":555,"categories":556},"sidebar-03","Docs-style sidebar with a version switcher at the top, a search input below, and collapsible navigation groups. All sample data inlined so consumers edit routes in place.",[542,53],{"name":558,"type":18,"description":559,"categories":560},"sidebar-04","Floating sidebar variant with rounded corners and inset margins. Uses Sidebar variant=\"floating\" and SidebarMenuSub for nested routes. Sample data inlined so consumers edit routes in place.",[542,53],{"name":562,"type":18,"description":563,"categories":564},"sidebar-05","Dual-rail sidebar -- a thin always-visible icon column on the far left holds quick shortcuts (a subset of the full nav), paired with a wider main panel for the brand, search, sections, and footer. Uses collapsible=\"icon\": when the user collapses, only the rail stays. On mobile the kit Sheet shows the full dual rail. Requires the parent SidebarProvider to set both widths: :style=\"{ '--sidebar-width': '19.5rem', '--sidebar-width-icon': '3.5rem' }\". Modeled on the GR8R HRMS admin shell.",[542,53],{"name":566,"type":18,"description":567,"categories":568},"sidebar-06","Colorful, customised app sidebar -- branded project tiles with star favorites, badge counts, team avatars with status dots, and a user pill footer. Inline search input with ⌘F shortcut. Modeled on a HRMS workspace shell.",[542,53],{"name":570,"type":18,"description":571,"categories":572},"sidebar-07","App sidebar with a bottom action bar -- workspace pill, ⌘K search, grouped nav with section labels (Dashboard \u002F Management \u002F Content), badge counts, user pill above an icon toolbar (Settings, Help, Notifications, Command, Log out). Built on sidebar-01.",[542,53],{"name":574,"type":7,"description":575,"categories":576},"skeleton","Animated placeholder rectangles for loading states — drop one in shape of the content that’s about to render. Variants for text lines, avatars, rounded rectangles, and circles.",[27],{"name":578,"type":7,"description":579,"categories":580},"slider","Single-thumb slider — pick a value within a range. Optional tick marks, step size, and inline value display.",[15],{"name":582,"type":7,"description":583,"categories":584},"smooth-funnel","Smoothly tapering SVG funnel with cubic-bezier transitions between stages. Pure SVG (no ECharts). Each stage is colored independently and shows its own percent pill; a minHeight floor keeps tail stages visible at tiny percents.",[48],{"name":586,"type":7,"description":587,"categories":588},"sonner","Toast notification system — non-blocking, auto-dismissing alerts that stack in a corner. Built on the `vue-sonner` library with the registry’s tokens applied.",[27],{"name":590,"type":7,"description":591,"categories":592},"sparkline","Inline micro-chart for KPI tiles. Line, area, bar, and win\u002Floss variants. Theme-aware via registry tokens.",[48],{"name":594,"type":7,"description":595,"categories":596},"spinner","Lightweight loading indicator — circular spinner with three sizes and tone variants. Use inside buttons (replacing the icon when an action is in flight) or as a centered page loader.",[27],{"name":598,"type":7,"description":599,"categories":600},"stepper","Multi-step indicator — horizontal or vertical, with completed \u002F current \u002F upcoming states and optional descriptions per step. Use for onboarding wizards and checkout flows.",[43],{"name":602,"type":7,"description":603,"categories":604},"sunburst-chart","Sunburst wrapper around Apache ECharts. Concentric-ring hierarchical share visualization — pairs naturally with treemap for comparison.",[48],{"name":606,"type":7,"description":607,"categories":608},"switch","On\u002Foff toggle — visual analog of a hardware switch. Use for binary settings where the change takes effect immediately, not for form fields that submit later (use Checkbox there).",[15],{"name":610,"type":7,"description":611,"categories":612},"table","Plain HTML table primitives — `\u003CTable>`, `\u003CTableHeader>`, `\u003CTableRow>`, `\u003CTableCell>` — with the registry’s borders, padding, and tokens already applied. Use this when Data Table is too heavy.",[75],{"name":614,"type":7,"description":615,"categories":616},"tabs","Horizontal tab navigation with content panels — pick one panel at a time. Underline or pills variants. Built on reka-ui with full keyboard navigation.",[43],{"name":618,"type":7,"description":619,"categories":620},"tags-input","Multi-tag input — type a value, hit Enter, get a Chip. Backspace removes the last tag. Use for email recipient lists, tag sets, and free-form keyword inputs.",[15],{"name":622,"type":385,"description":623},"tailwind","Tailwind v4 design tokens (light + dark), motion tokens, base layer styling, and shadow utilities. Ships the full canonical tailwind.css as the `files` content so a re-pull with `--overwrite` lands a working setup. The cssVars block stays as a safety net for first-install scenarios where the CLI merges tokens into a consumer's pre-existing tailwind.css. The `css` (@layer base) field is intentionally omitted to avoid duplicating the @layer base block already present in the shipped file when the CLI merges.",{"name":625,"type":18,"description":626,"categories":627},"testimonials-01","Centered single-card testimonial carousel. Quote icon, large pull-quote, avatar with initials, name + role + company line. Pip row underneath flips between three testimonials with an animated active pill.",[88],{"name":629,"type":7,"description":630,"categories":631},"textarea","Multi-line text input. Auto-resize variant, character counter, and the same ring\u002Fborder treatment as the rest of the form primitives.",[15],{"name":633,"type":18,"description":634,"categories":635},"theme-customize","Compact theme customization popover. Light\u002FDark\u002FSystem mode (via the useTheme cookie), six curated color presets that overwrite `--primary` \u002F `--primary-foreground` \u002F `--ring`, and a radius slider bound to `--radius`. Persists to localStorage and exposes a one-click Copy CSS for the active token set.",[37],{"name":637,"type":7,"description":638,"categories":639},"theme-river","Theme-river (streamgraph) wrapper around Apache ECharts. Stacked areas centred on a baseline along a time axis — good for topic-volume drift over time.",[48],{"name":641,"type":7,"description":642,"categories":643},"theme-switch","Light \u002F dark \u002F system theme toggle — drop in the header. Seven visual variants: `cards`, `icons`, `icon-only`, `dropdown`, `pill`, `pill-4`, and `switch`. Persists choice to `localStorage` and respects `prefers-color-scheme` for `system`.",[644],"action",{"name":646,"type":7,"description":647,"categories":648},"time-picker","Standalone time input — hours, minutes, optional seconds, and 12h\u002F24h modes. Pairs with Date Picker for full datetime entry.",[111],{"name":650,"type":7,"description":651,"categories":652},"timeline","Vertical or horizontal sequence of events with connectors and node markers. Statuses (pending, current, completed, failed) tint the connector. Use for activity feeds, audit logs, and progress tracking.",[75],{"name":654,"type":7,"description":655,"categories":656},"toggle","On\u002Foff button (different from Switch — this is shaped like a button and lives in toolbars). Three sizes, two variants. Use inside Toggle Group or standalone for \"press to enable\" buttons like bold \u002F italic.",[644],{"name":658,"type":7,"description":659,"categories":660},"toggle-group","Group of `Toggle` buttons that act as a single-select or multi-select control. Use for view-mode pickers (grid\u002Flist), text-format toolbars, and any \"pick one of N\" button bar.",[644],{"name":662,"type":18,"description":663,"categories":664},"toggle-setting-list","List of toggle-able settings in a SectionCard. v-model binds a Record\u003Cstring, boolean> keyed by item.key.",[37],{"name":666,"type":7,"description":667,"categories":668},"tooltip","Small popover triggered by hover\u002Ffocus, used for short labels — icon-button names, abbreviation expansions, keyboard shortcuts. Auto-positions and respects `prefers-reduced-motion`.",[32],{"name":670,"type":7,"description":671,"categories":672},"tour","Multi-step guided overlay walkthrough. Highlights a target element with a dim mask cutout and shows a card next to it. Steps support targets by selector, ref, or function; centered (no-target) steps work as modal-style intros.",[32],{"name":674,"type":7,"description":675,"categories":676},"transfer","Dual-list move-between control. Two columns plus a center pair of move buttons. Optional search, pagination, and one-way mode.",[75],{"name":678,"type":7,"description":679,"categories":680},"tree-chart","Hierarchical tree wrapper around Apache ECharts. Orthogonal (LR\u002FTB\u002FRL\u002FBT) or radial layout, optional roam, focus-on-hover for descendants.",[48],{"name":682,"type":7,"description":683,"categories":684},"tree-view","Indented tree of expandable nodes — file browsers, taxonomy editors, nested settings. Discord-style elbow connectors, lazy-load branches, and full keyboard navigation.",[75],{"name":686,"type":7,"description":687,"categories":688},"treemap-chart","Treemap wrapper around Apache ECharts. Hierarchical area-by-value visualization with nested and color-by-value variants. Theme-aware via registry tokens.",[48],{"name":690,"type":691,"description":692,"categories":693},"use-board","registry:hook","State + handlers for the `@uipkge\u002Fboard` compositional primitive. Returns a reactive `state` (draggingId \u002F dragOverLaneId \u002F justMovedId), `handlers` to bind on lanes and cards (onDragStart \u002F onLaneDragOver \u002F onLaneDragLeave \u002F onLaneDrop \u002F onDragEnd), and an imperative `moveItem(itemId, toLaneId, toIndex?)` — used by keyboard navigation, undo, or server-pushed updates. Drop math computes the insertion index from pointer Y vs each card's bounding-box midpoint. An `accepts` predicate gives consumers a per-lane veto. The composable doesn't mutate your lanes data directly — it emits `onChange({ itemId, from, to, index })` so you stay in control of the canonical store (Pinia, Drizzle, server). Imports the Board's shared types from `@\u002Fcomponents\u002Fui\u002Fboard\u002Fcontext` so `npx shadcn-vue add @uipkge\u002Fboard` and `npx shadcn-vue add @uipkge\u002Fuse-board` produce a typed, drop-in pairing.",[694,93],"hooks",{"name":696,"type":691,"description":697},"use-kanban","Types (KanbanTask, KanbanColumn, CommentItem, FileItem), configs (priorityConfig with icons, assignee colour palette, tagPresets, fileIconMap), and helpers (getInitials, getDueStatus, formatDueDate, findTaskById, getTaskColumn). Shipped as a sibling to the kanban-board block so all the kanban Vue files import the same types and assignee\u002Ftag presets.",{"name":699,"type":691,"description":700},"use-month-grid","Headless month-grid + drag\u002Fshift range-select composable. Returns the 42-cell grid, today\u002Fcursor refs, range state, and mouse handlers. Domain-agnostic -- pair with EventCalendar or any month-shaped UI by reading the returned refs. Also exports isoDate \u002F dateFromKey \u002F dayDiff helpers.",{"name":702,"type":691,"description":703},"use-theme","useTheme composable + a Nuxt boot plugin that inlines the dark-class assignment in \u003Chead>, so initial paint matches the saved theme (no white flash on reload).",{"name":705,"type":302,"description":706},"utils","Tailwind class merge helper: cn(). Combines clsx and tailwind-merge.",{"name":708,"type":7,"description":709,"categories":710},"vertical-tabs","Settings-page navigation pattern — labels stack on the left, content panel on the right. Same API as Tabs but with a vertical orientation. Use for dense, multi-section settings UIs.",[43],{"name":712,"type":7,"description":713,"categories":714},"virtual-list","Generic windowed scroller. Renders only visible items plus a small overscan, with fixed or dynamic item sizes. Use for long lists where most rows are off-screen.",[75],1780140018230]