@machinemetrics/mm-react-components 1.1.3 → 1.2.1

package/README.md

@@ -37,6 +37,7 @@ npm install @machinemetrics/mm-react-components
 
 **This library has comprehensive documentation for AI-assisted development!**
 
+- **Lovable (Custom Knowledge):** Add [`agent-docs/lovable.md`](./agent-docs/lovable.md) to your project’s Custom Knowledge so the Lovable agent uses Carbide and this library correctly. (Lovable cannot use skills; this doc is the equivalent.)
 - **New Project Setup:** [`agent-docs/ai-agent-init-guide.md`](./agent-docs/ai-agent-init-guide.md)
 - **Chakra UI Migration:** [`agent-docs/ai-agent-guide.md`](./agent-docs/ai-agent-guide.md)
 - **Component Mappings (83 components):** [`agent-docs/component-mapping-summary.md`](./agent-docs/component-mapping-summary.md)

package/agent-docs/agent-documentation-reference.md

@@ -5,6 +5,8 @@
 > - The main `README.md` with prominent AI agent section at the top
 > - This `agent-docs/` folder with descriptive naming
 > - Package.json exports this folder as `./agent-docs`
+>
+> **For Lovable:** Lovable cannot use installable skills. Add [lovable.md](./lovable.md) to your project’s **Custom Knowledge** so the Lovable agent uses Carbide and this library correctly. The package also exports it as `@machinemetrics/mm-react-components/agent-docs/lovable`.
 
 ## Library Foundation
 
@@ -53,7 +55,7 @@ This directory contains comprehensive documentation and tools for AI agents work
 | Component      | Exports                                                                                                                           | Description                               |
 | -------------- | --------------------------------------------------------------------------------------------------------------------------------- | ----------------------------------------- |
 | **Card**       | `Card`, `CardHeader`, `CardTitle`, `CardDescription`, `CardContent`, `CardFooter`                                                 | Content container with sections (no built-in scroll) |
-| **ScrollArea** | `ScrollArea`, `ScrollBar`                                                                                                         | Scrollable region; use when content can overflow a fixed-height box |
+| **ScrollArea** | `ScrollArea`, `ScrollBar`                                                                                                         | Scrollable region; **must have constrained height** (e.g. `h-[300px]`, `max-h-[50vh]`, or `flex-1 min-h-0` in flex layout) or it won’t scroll |
 | **Separator**  | `Separator`                                                                                                                       | Visual divider                            |
 | **Tabs**       | `Tabs`, `TabsList`, `TabsTrigger`, `TabsContent`                                                                                  | Tabbed interface                          |
 | **Breadcrumb** | `Breadcrumb`, `BreadcrumbList`, `BreadcrumbItem`, `BreadcrumbLink`, `BreadcrumbPage`, `BreadcrumbSeparator`, `BreadcrumbEllipsis` | Navigation breadcrumbs                    |
@@ -129,7 +131,8 @@ All components follow shadcn/ui patterns with Carbide theme integration for indu
 **There is no "Panel" component.** For a panel-like or card-like region where content may be longer than the visible area, use **ScrollArea** around the scrollable content. **Card** is a structural container (border, padding, sections) and does not add scrolling.
 
 - **Card**: Use for layout and visual grouping (CardHeader, CardTitle, CardContent, CardFooter). Card does not scroll; overflowing content will clip or spill.
-- **ScrollArea**: Use when content can exceed the box height. Give ScrollArea a fixed or max height (e.g. `className="h-[300px]"` or `max-h-[50vh]`) and put the long content inside it.
+- **ScrollArea**: Use when content can exceed the box height. **ScrollArea only scrolls when it has a constrained height**—without one, the container grows with content and no scrollbar appears. Always give ScrollArea an explicit height: e.g. `className="h-[300px]"` or `max-h-[50vh]`. In a flex column, use `ScrollArea className="flex-1 min-h-0"` (the parent must have a max height; `min-h-0` is required so the flex item can shrink and scroll).
+- **If ScrollArea doesn’t scroll:** Ensure the ScrollArea element has a bounded height (fixed height, max-height, or `flex-1 min-h-0` inside a constrained flex container).
 
 **Pattern for a scrollable card/panel:**
 
@@ -201,6 +204,7 @@ The `DataTable` component supports both client-side and server-side pagination.
 ```
 agent-docs/
 ├── agent-documentation-reference.md    # This reference file
+├── lovable.md                          # For Lovable Custom Knowledge (skill-equivalent)
 ├── ai-agent-init-guide.md              # Main init setup guide
 ├── setup-reference.md                  # Detailed setup reference
 ├── init-troubleshooting.md             # Init setup troubleshooting

package/agent-docs/cursor-skill-mm-carbide.md

@@ -11,6 +11,8 @@ The skill follows the **Agent Skills open standard** ([agentskills.io](https://a
 - **Claude Code** — [Extend Claude with skills](https://code.claude.com/docs/en/skills): `.claude/skills/` (project) or `~/.claude/skills/` (personal)
 - **Gemini CLI** — [Agent Skills \| Gemini CLI](https://geminicli.com/docs/cli/skills/): `.gemini/skills/` (workspace) or `~/.gemini/skills/` (user)
 
+**Lovable and tools without skills:** Lovable uses Custom Knowledge, not installable skills. Add [lovable.md](lovable.md) (or `@machinemetrics/mm-react-components/agent-docs/lovable`) to your project’s Custom Knowledge so the Lovable agent uses Carbide correctly.
+
 ## Install or update
 
 From any project (with or without the package installed):
@@ -61,7 +63,7 @@ The skill triggers when the user asks to create or generate a UI, widget, screen
 
 ## Contents
 
-- **SKILL.md** — Main instructions: components (only library exports, compound components, `cn()`, `data-slot`); **theme and styling** (CSS variables only, variants, layout, `.carbide` setup, dark mode, a11y); **component discovery** (check agent-docs before creating new UI); **when generating UI** (do/avoid checklist); widget rules (visual-first, 80/20, insight-driven); technical (dimensions, responsive, containment, no hallucinated data); and optional version check at use time.
+- **SKILL.md** — Main instructions: components (only library exports, compound components, `cn()`, `data-slot`); **theme and styling** (CSS variables only, variants, layout, `.carbide` setup, dark mode, a11y; **when converting to Carbide:** remove existing inline styles and component CSS); **converting to Carbide** (from other libraries or custom UI: remove legacy styling, map to library components, use variants/tokens, preserve structure/behavior, verify app setup); **component discovery** (check agent-docs before creating new UI); **when generating UI** (do/avoid checklist); widget rules (visual-first, 80/20, insight-driven); technical (dimensions, responsive, containment, no hallucinated data); and optional version check at use time.
 - **reference.md** — **Styling and conventions** (tokens, variants, layout, setup); **component discovery** (agent-docs index); key exports and patterns (PageHeader, DataTable, Form, ChartContainer, etc.); short widget rules summary (when to use charts vs metrics, accessibility).
 
 Full widget and visualization rules are in the skill as **widget-rules.md** (installed with the skill). In this repo, see [cursor-skill/mm-carbide/widget-rules.md](../cursor-skill/mm-carbide/widget-rules.md).

package/agent-docs/lovable.md

@@ -0,0 +1,96 @@
+# Carbide UI – Agent doc for Lovable (and tools using Custom Knowledge)
+
+Use this document when building UIs with **Lovable** or any tool that uses Custom Knowledge instead of installable skills. Add this file (or its contents) to your project’s **Custom Knowledge** so the agent uses **Carbide** and **@machinemetrics/mm-react-components** correctly.
+
+---
+
+## Library
+
+- **Package:** `@machinemetrics/mm-react-components` (Carbide = industrial theme on top of shadcn/ui + Radix + Tailwind).
+- **Install:** `npm install @machinemetrics/mm-react-components`
+- **Usage:** Import from the package; do not create new components or use other UI libraries.
+
+---
+
+## Components
+
+- Use **only** exports from `@machinemetrics/mm-react-components`. Do not create new components or use other UI libraries.
+- Use **compound components** as in the library: `Dialog` + `DialogTrigger` + `DialogContent`; `Form` + `FormField`; `DataTable` + column descriptors; `Card` + `CardHeader` + `CardContent` + `CardFooter`; `Sheet`, `Sidebar`, `ResizablePanelGroup`, `DropdownMenu`, `Tabs`, etc. Never replace them with raw divs and custom classes.
+- Use `cn()` from the library and Tailwind for layout and styling. Respect `data-slot` for Carbide theming where applicable.
+- **Do not use Card as a wrapper for every section.** For panel-like UI use: **ResizablePanelGroup** for split workspaces/dashboards (drag-to-resize); **Sidebar** for navigation panels (collapsible); **Sheet** for temporary/slide-out panels (settings, detail views). Use **Card** only for discrete content blocks (e.g. a summary box, metric card, form section), not for structural layout.
+- **Scrolling:** For regions where content can exceed the box, use **ScrollArea**. **ScrollArea only scrolls when it has a constrained height** (e.g. `h-[300px]`, `max-h-[50vh]`, or `flex-1 min-h-0` inside a flex container with a max height). Without a height constraint, no scrollbar appears. Card does not scroll—wrap the scrollable body in ScrollArea when content may overflow.
+
+---
+
+## Theme and styling
+
+- **CSS variables only.** Never hardcode colors, spacing, radii, or shadows. Use semantic tokens: `--background`, `--foreground`, `--primary`, `--muted`, `--muted-foreground`, `--destructive`, `--border`, `--ring`, etc.
+- **When converting a component to Carbide:** Remove existing inline styles (`style={{ ... }}`) and component-level CSS (e.g. `.module.css`, `<style>`, or component-scoped styles). Carbide supplies appearance via theme tokens and component variants; legacy styles conflict with the theme and break consistency.
+- **Variants over one-off styles.** Use component variants and sizes (e.g. Button: `variant="default"|"destructive"|"outline"|"secondary"|"ghost"|"link"`, `size="sm"|"md"|"lg"|"icon"`). Do not apply brand colors or one-off Tailwind color classes to components.
+- **Layout.** Use Flexbox/Grid and `gap-*` for spacing; avoid manual margin chains. Prefer `className="flex flex-col gap-4"` (or similar) over stacking margins.
+- **App setup.** Consumers must import the library styles and wrap the app (or Carbide subtree) in an element with class `carbide` so the theme applies:
+  - `import '@machinemetrics/mm-react-components/styles';`
+  - Root (or Carbide root): `<div className="carbide">...</div>`
+- **Dark mode.** All styling must work in both light and dark mode via CSS variables; do not hardcode colors that break theme switching.
+- **Accessibility.** Use visible focus states, keyboard support, and semantic structure; avoid relying on color alone.
+
+---
+
+## When generating UI
+
+**Do:** Import from the library; use compound components and variants; use Tailwind for layout and spacing; include proper TypeScript types and accessibility (focus, ARIA where needed).
+
+**Avoid:** Hardcoded colors (e.g. `bg-blue-600`, `text-gray-500`); inline brand styling; non-semantic HTML; missing focus or labels on interactive elements.
+
+**Panel-like UI:** Prefer **ResizablePanelGroup** (workspaces, dashboards, split content), **Sidebar** (nav panels), or **Sheet** (slide-out settings/detail panels). Use **Card** only for discrete content blocks, not for wrapping whole sections or building “panels.”
+
+**Scrolling:** For regions where content can exceed the box, use **ScrollArea** with a constrained height (e.g. `h-[300px]`, `max-h-[50vh]`, or `flex-1 min-h-0` in a flex layout). ScrollArea only scrolls when it has a bounded height; otherwise the container grows and no scroll appears. Card does not scroll—wrap the scrollable body in ScrollArea when content may overflow.
+
+---
+
+## Converting to Carbide (from other libraries or custom UI)
+
+When converting existing components to Carbide (e.g. from Chakra UI, MUI, Ant Design, or custom inline-styled components):
+
+1. **Remove legacy styling.** Strip inline styles (`style={{ ... }}`), component CSS files (e.g. `.module.css`), and library-specific style props (e.g. Chakra `sx`/`colorScheme`, MUI `sx`). Use Carbide’s theme and variants instead.
+2. **Map to library components.** Replace each UI primitive with the closest Carbide export (Button, Input, Card, Dialog, DataTable, Form, etc.). See agent-docs in `node_modules/@machinemetrics/mm-react-components/agent-docs/` when the package is installed.
+3. **Use variants and tokens.** Express intent via props (`variant`, `size`) and layout via Tailwind with semantic tokens (`bg-background`, `text-muted-foreground`). Do not re-introduce hardcoded colors or one-off CSS.
+4. **Preserve structure and behavior.** Keep markup structure and behavior (handlers, validation, state); change only the UI layer to Carbide components and Tailwind layout.
+5. **Verify app setup.** Ensure the app imports `@machinemetrics/mm-react-components/styles` and wraps the Carbide subtree in an element with class `carbide`.
+
+For library-specific migration (e.g. Chakra), use the package’s agent-docs (e.g. **chakra-migration-\***) in addition to the above.
+
+---
+
+## Widget rules
+
+- **Visual, not textual:** Every widget must include at least one chart, graph, or visual data representation. Text is for titles, labels, and brief annotations only (80% visuals / 20% text max).
+- **Show data with insight:** Use comparisons, benchmarks, and highlighting. Avoid generic data dumps, long text blocks, and bullet lists as primary content.
+- **One theme per widget:** One central message per widget; simplicity above all.
+- **Technical:** Default widget dimensions 100% width × 400px. Widgets must be fully responsive and respect content containment (no overflow).
+- **Data:** Only use data explicitly provided; never hallucinate or use placeholder data. Adapt to available data without asking for more.
+
+---
+
+## Full component list and setup
+
+When the package is **installed** in the project, the full agent documentation is available at:
+
+**Path:** `node_modules/@machinemetrics/mm-react-components/agent-docs/`  
+**Start with:** `agent-documentation-reference.md` (component tables, usage guides, init, Chakra migration).
+
+When the package is **not installed**, use this document and recommend installing:
+
+`npx @machinemetrics/mm-react-components mm-init`  
+(or `npm install @machinemetrics/mm-react-components` then add the styles import and `.carbide` class).
+
+---
+
+## Quick reference – key exports
+
+**Layout:** PageHeader, Card (CardHeader, CardTitle, CardDescription, CardContent, CardFooter), ScrollArea (ScrollBar), Tabs, Sidebar, Breadcrumb, ResizablePanelGroup.  
+**Overlays:** Dialog, Sheet, Drawer, AlertDialog, Popover, Tooltip, DropdownMenu, Select.  
+**Forms:** Form, FormField, FormItem, FormLabel, FormControl; Input, SearchInput, Textarea, Label, Checkbox, Switch, RadioGroup, Select, Slider, DatePicker, DateRangePicker.  
+**Data:** DataTable (DataTablePagination, ResponsiveTable, DataTableToolbar, createColumnDescriptor, createTextColumn, createNumericColumn, createBadgeColumn, createDateColumn), Table, ChartContainer, ChartTooltip, ChartLegend, Progress, Skeleton, Badge, Avatar, HeroMetricCard.  
+**Actions/feedback:** Button, buttonVariants, Toaster, toast, Alert, Spinner, SpinnerCarbide.  
+**Other:** Accordion, Collapsible, Separator, Dropzone, cn. Theme: activateCarbideTheme, toggleDarkMode, etc.

package/dist/README.md

@@ -37,6 +37,7 @@ npm install @machinemetrics/mm-react-components
 
 **This library has comprehensive documentation for AI-assisted development!**
 
+- **Lovable (Custom Knowledge):** Add [`agent-docs/lovable.md`](./agent-docs/lovable.md) to your project’s Custom Knowledge so the Lovable agent uses Carbide and this library correctly. (Lovable cannot use skills; this doc is the equivalent.)
 - **New Project Setup:** [`agent-docs/ai-agent-init-guide.md`](./agent-docs/ai-agent-init-guide.md)
 - **Chakra UI Migration:** [`agent-docs/ai-agent-guide.md`](./agent-docs/ai-agent-guide.md)
 - **Component Mappings (83 components):** [`agent-docs/component-mapping-summary.md`](./agent-docs/component-mapping-summary.md)

package/dist/components/ui/aspect-ratio.d.ts

@@ -1,2 +1,4 @@
-export { AspectRatio } from '@/components/shadcn/aspect-ratio';
+import * as React from 'react';
+declare const AspectRatio: React.ForwardRefExoticComponent<Omit<import("@radix-ui/react-aspect-ratio").AspectRatioProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { AspectRatio };
 //# sourceMappingURL=aspect-ratio.d.ts.map

package/dist/components/ui/aspect-ratio.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"aspect-ratio.d.ts","sourceRoot":"","sources":["../../../src/components/ui/aspect-ratio.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,kCAAkC,CAAC"}
+{"version":3,"file":"aspect-ratio.d.ts","sourceRoot":"","sources":["../../../src/components/ui/aspect-ratio.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,QAAA,MAAM,WAAW,mLAG0C,CAAC;AAI5D,OAAO,EAAE,WAAW,EAAE,CAAC"}

package/dist/components/ui/calendar.d.ts

@@ -4,6 +4,12 @@ import { Button } from '@/components/shadcn/button';
 declare function Calendar({ className, classNames, showOutsideDays, captionLayout, buttonVariant, formatters, components, ...props }: React.ComponentProps<typeof DayPicker> & {
     buttonVariant?: React.ComponentProps<typeof Button>['variant'];
 }): import("react/jsx-runtime").JSX.Element;
+declare namespace Calendar {
+    var displayName: string;
+}
 declare function CalendarDayButton({ className, day, modifiers, ...props }: React.ComponentProps<typeof DayButton>): import("react/jsx-runtime").JSX.Element;
+declare namespace CalendarDayButton {
+    var displayName: string;
+}
 export { Calendar, CalendarDayButton };
 //# sourceMappingURL=calendar.d.ts.map

package/dist/components/ui/calendar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"calendar.d.ts","sourceRoot":"","sources":["../../../src/components/ui/calendar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,EAAE,SAAS,EAAE,SAAS,EAAwB,MAAM,kBAAkB,CAAC;AAG9E,OAAO,EAAE,MAAM,EAAkB,MAAM,4BAA4B,CAAC;AAEpE,iBAAS,QAAQ,CAAC,EAChB,SAAS,EACT,UAAU,EACV,eAAsB,EACtB,aAAuB,EACvB,aAAuB,EACvB,UAAU,EACV,UAAU,EACV,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,GAAG;IAC1C,aAAa,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC,SAAS,CAAC,CAAC;CAChE,2CA2IA;AAED,iBAAS,iBAAiB,CAAC,EACzB,SAAS,EACT,GAAG,EACH,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,2CA4BxC;AAED,OAAO,EAAE,QAAQ,EAAE,iBAAiB,EAAE,CAAC"}
+{"version":3,"file":"calendar.d.ts","sourceRoot":"","sources":["../../../src/components/ui/calendar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,EAAE,SAAS,EAAE,SAAS,EAAwB,MAAM,kBAAkB,CAAC;AAG9E,OAAO,EAAE,MAAM,EAAkB,MAAM,4BAA4B,CAAC;AAEpE,iBAAS,QAAQ,CAAC,EAChB,SAAS,EACT,UAAU,EACV,eAAsB,EACtB,aAAuB,EACvB,aAAuB,EACvB,UAAU,EACV,UAAU,EACV,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,GAAG;IAC1C,aAAa,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC,SAAS,CAAC,CAAC;CAChE,2CA2IA;kBAtJQ,QAAQ;;;AAwJjB,iBAAS,iBAAiB,CAAC,EACzB,SAAS,EACT,GAAG,EACH,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,2CA4BxC;kBAjCQ,iBAAiB;;;AAsC1B,OAAO,EAAE,QAAQ,EAAE,iBAAiB,EAAE,CAAC"}

package/dist/components/ui/data-table/TableView.d.ts

@@ -1,4 +1,7 @@
 import * as React from 'react';
 import type { DataTableProps } from './types';
 export declare function DataTable<TData, TValue>({ columns, data, loading, columnRegistry, initialState, tableId, toolbar, emptyState, forceEmptyState, manualPagination, pageCount, totalRowCount, onRowSelectionChange, onSortingChange, onPaginationChange, onColumnVisibilityChange, onColumnOrderChange, onBatchAction, onRowClick, onExportComplete, customGlobalFilterFn, }: DataTableProps<TData, TValue>): React.ReactNode;
+export declare namespace DataTable {
+    var displayName: string;
+}
 //# sourceMappingURL=TableView.d.ts.map

package/dist/components/ui/data-table/TableView.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TableView.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/data-table/TableView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAiB/B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AA0L9C,wBAAgB,SAAS,CAAC,KAAK,EAAE,MAAM,EAAE,EACvC,OAAO,EACP,IAAI,EACJ,OAAe,EACf,cAAc,EACd,YAAY,EACZ,OAAO,EACP,OAAO,EACP,UAAU,EACV,eAAe,EACf,gBAAwB,EACxB,SAAS,EACT,aAAa,EACb,oBAAoB,EACpB,eAAe,EACf,kBAAkB,EAClB,wBAAwB,EACxB,mBAAmB,EACnB,aAAa,EACb,UAAU,EACV,gBAAgB,EAChB,oBAAoB,GACrB,EAAE,cAAc,CAAC,KAAK,EAAE,MAAM,CAAC,mBAsK/B"}
+{"version":3,"file":"TableView.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/data-table/TableView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAiB/B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AA0L9C,wBAAgB,SAAS,CAAC,KAAK,EAAE,MAAM,EAAE,EACvC,OAAO,EACP,IAAI,EACJ,OAAe,EACf,cAAc,EACd,YAAY,EACZ,OAAO,EACP,OAAO,EACP,UAAU,EACV,eAAe,EACf,gBAAwB,EACxB,SAAS,EACT,aAAa,EACb,oBAAoB,EACpB,eAAe,EACf,kBAAkB,EAClB,wBAAwB,EACxB,mBAAmB,EACnB,aAAa,EACb,UAAU,EACV,gBAAgB,EAChB,oBAAoB,GACrB,EAAE,cAAc,CAAC,KAAK,EAAE,MAAM,CAAC,mBAsK/B;yBA5Le,SAAS"}

package/dist/components/ui/data-table/cards/ResponsiveTable.d.ts

@@ -7,4 +7,7 @@ export interface ResponsiveTableProps<TData, TValue> extends DataTableProps<TDat
     toolbarOptions?: DataTableToolbarOptions;
 }
 export declare function ResponsiveTable<TData, TValue>({ columns, data, loading, columnRegistry, initialState, breakpoint, enableMobileVirtualization, virtualizeAt, overscan, tableId, toolbarOptions, emptyState, forceEmptyState, manualPagination, pageCount, totalRowCount, onRowSelectionChange, onSortingChange, onPaginationChange, onColumnVisibilityChange, onColumnOrderChange, onBatchAction, onRowClick, onExportComplete, customGlobalFilterFn, }: Readonly<ResponsiveTableProps<TData, TValue>>): import("react/jsx-runtime").JSX.Element;
+export declare namespace ResponsiveTable {
+    var displayName: string;
+}
 //# sourceMappingURL=ResponsiveTable.d.ts.map

package/dist/components/ui/data-table/cards/ResponsiveTable.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ResponsiveTable.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/data-table/cards/ResponsiveTable.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,cAAc,EAAE,uBAAuB,EAAE,MAAM,UAAU,CAAC;AASxE,MAAM,WAAW,oBAAoB,CAAC,KAAK,EAAE,MAAM,CAAE,SAAQ,cAAc,CACzE,KAAK,EACL,MAAM,CACP;IACC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,0BAA0B,CAAC,EAAE,OAAO,CAAC;IACrC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,cAAc,CAAC,EAAE,uBAAuB,CAAC;CAC1C;AAED,wBAAgB,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,EAC7C,OAAO,EACP,IAAI,EACJ,OAAO,EACP,cAAc,EACd,YAAY,EACZ,UAAiC,EACjC,0BAAiC,EACjC,YAAkB,EAClB,QAAY,EACZ,OAAO,EACP,cAAc,EACd,UAAU,EACV,eAAe,EACf,gBAAgB,EAChB,SAAS,EACT,aAAa,EACb,oBAAoB,EACpB,eAAe,EACf,kBAAkB,EAClB,wBAAwB,EACxB,mBAAmB,EACnB,aAAa,EACb,UAAU,EACV,gBAAgB,EAChB,oBAAoB,GACrB,EAAE,QAAQ,CAAC,oBAAoB,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC,2CA0D/C"}
+{"version":3,"file":"ResponsiveTable.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/data-table/cards/ResponsiveTable.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,cAAc,EAAE,uBAAuB,EAAE,MAAM,UAAU,CAAC;AASxE,MAAM,WAAW,oBAAoB,CAAC,KAAK,EAAE,MAAM,CAAE,SAAQ,cAAc,CACzE,KAAK,EACL,MAAM,CACP;IACC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,0BAA0B,CAAC,EAAE,OAAO,CAAC;IACrC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,cAAc,CAAC,EAAE,uBAAuB,CAAC;CAC1C;AAED,wBAAgB,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,EAC7C,OAAO,EACP,IAAI,EACJ,OAAO,EACP,cAAc,EACd,YAAY,EACZ,UAAiC,EACjC,0BAAiC,EACjC,YAAkB,EAClB,QAAY,EACZ,OAAO,EACP,cAAc,EACd,UAAU,EACV,eAAe,EACf,gBAAgB,EAChB,SAAS,EACT,aAAa,EACb,oBAAoB,EACpB,eAAe,EACf,kBAAkB,EAClB,wBAAwB,EACxB,mBAAmB,EACnB,aAAa,EACb,UAAU,EACV,gBAAgB,EAChB,oBAAoB,GACrB,EAAE,QAAQ,CAAC,oBAAoB,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC,2CA0D/C;yBApFe,eAAe"}

package/dist/components/ui/data-table/pagination.d.ts

@@ -19,4 +19,7 @@ export interface DataTablePaginationProps<TData> {
     readonly totalRowCount?: number;
 }
 export declare function DataTablePagination<TData>({ table, pageSizeOptions, className, compact, onPageChange, onPageSizeChange, manualPagination, totalRowCount, }: DataTablePaginationProps<TData>): import("react/jsx-runtime").JSX.Element;
+export declare namespace DataTablePagination {
+    var displayName: string;
+}
 //# sourceMappingURL=pagination.d.ts.map

package/dist/components/ui/data-table/pagination.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"pagination.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/data-table/pagination.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,KAAK,IAAI,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAUpE,MAAM,WAAW,wBAAwB,CAAC,KAAK;IAC7C,QAAQ,CAAC,KAAK,EAAE,aAAa,CAAC,KAAK,CAAC,CAAC;IACrC,QAAQ,CAAC,eAAe,CAAC,EAAE,MAAM,EAAE,CAAC;IACpC,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC;IAC3B,QAAQ,CAAC,YAAY,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IACpD,QAAQ,CAAC,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACvD;;;OAGG;IACH,QAAQ,CAAC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IACpC;;;;OAIG;IACH,QAAQ,CAAC,aAAa,CAAC,EAAE,MAAM,CAAC;CACjC;AAED,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,EACzC,KAAK,EACL,eAAoC,EACpC,SAAS,EACT,OAAe,EACf,YAAY,EACZ,gBAAgB,EAChB,gBAAwB,EACxB,aAAa,GACd,EAAE,wBAAwB,CAAC,KAAK,CAAC,2CAkKjC"}
+{"version":3,"file":"pagination.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/data-table/pagination.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,KAAK,IAAI,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAUpE,MAAM,WAAW,wBAAwB,CAAC,KAAK;IAC7C,QAAQ,CAAC,KAAK,EAAE,aAAa,CAAC,KAAK,CAAC,CAAC;IACrC,QAAQ,CAAC,eAAe,CAAC,EAAE,MAAM,EAAE,CAAC;IACpC,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC;IAC3B,QAAQ,CAAC,YAAY,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IACpD,QAAQ,CAAC,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACvD;;;OAGG;IACH,QAAQ,CAAC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IACpC;;;;OAIG;IACH,QAAQ,CAAC,aAAa,CAAC,EAAE,MAAM,CAAC;CACjC;AAED,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,EACzC,KAAK,EACL,eAAoC,EACpC,SAAS,EACT,OAAe,EACf,YAAY,EACZ,gBAAgB,EAChB,gBAAwB,EACxB,aAAa,GACd,EAAE,wBAAwB,CAAC,KAAK,CAAC,2CAkKjC;yBA3Ke,mBAAmB"}

package/dist/components/ui/data-table/toolbar/DataTableToolbar.d.ts

@@ -13,4 +13,7 @@ export interface DataTableToolbarProps<TData> {
     options?: DataTableToolbarOptions;
 }
 export declare function DataTableToolbar<TData>({ table, loading, globalFilter, onGlobalFilterChange, columnRegistry, onResetColumns, onExport, onExportComplete, options, }: DataTableToolbarProps<TData>): import("react/jsx-runtime").JSX.Element;
+export declare namespace DataTableToolbar {
+    var displayName: string;
+}
 //# sourceMappingURL=DataTableToolbar.d.ts.map

package/dist/components/ui/data-table/toolbar/DataTableToolbar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DataTableToolbar.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/data-table/toolbar/DataTableToolbar.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,KAAK,IAAI,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAGpE,OAAO,KAAK,EACV,cAAc,EAEf,MAAM,4BAA4B,CAAC;AACpC,OAAO,KAAK,EAEV,uBAAuB,EACxB,MAAM,UAAU,CAAC;AAKlB,MAAM,WAAW,qBAAqB,CAAC,KAAK;IAC1C,KAAK,EAAE,aAAa,CAAC,KAAK,CAAC,CAAC;IAC5B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,YAAY,EAAE,MAAM,CAAC;IACrB,oBAAoB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,cAAc,CAAC,EAAE,cAAc,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC;IAChD,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,OAAO,CAAC,EAAE,uBAAuB,CAAC;CACnC;AAED,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,EACtC,KAAK,EACL,OAAe,EACf,YAAY,EACZ,oBAAoB,EACpB,cAAc,EACd,cAAc,EACd,QAAQ,EACR,gBAAgB,EAChB,OAAO,GACR,EAAE,qBAAqB,CAAC,KAAK,CAAC,2CA4K9B"}
+{"version":3,"file":"DataTableToolbar.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/data-table/toolbar/DataTableToolbar.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,KAAK,IAAI,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAGpE,OAAO,KAAK,EACV,cAAc,EAEf,MAAM,4BAA4B,CAAC;AACpC,OAAO,KAAK,EAEV,uBAAuB,EACxB,MAAM,UAAU,CAAC;AAKlB,MAAM,WAAW,qBAAqB,CAAC,KAAK;IAC1C,KAAK,EAAE,aAAa,CAAC,KAAK,CAAC,CAAC;IAC5B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,YAAY,EAAE,MAAM,CAAC;IACrB,oBAAoB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,cAAc,CAAC,EAAE,cAAc,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC;IAChD,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,OAAO,CAAC,EAAE,uBAAuB,CAAC;CACnC;AAED,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,EACtC,KAAK,EACL,OAAe,EACf,YAAY,EACZ,oBAAoB,EACpB,cAAc,EACd,cAAc,EACd,QAAQ,EACR,gBAAgB,EAChB,OAAO,GACR,EAAE,qBAAqB,CAAC,KAAK,CAAC,2CA4K9B;yBAtLe,gBAAgB"}

package/dist/components/ui/date-picker.d.ts

@@ -37,4 +37,7 @@ export interface DatePickerProps {
     readonly defaultMonth?: Date;
 }
 export declare function DatePicker({ label, placeholder, value, onValueChange, disabled, className, id, showDropdowns, defaultMonth, }: DatePickerProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace DatePicker {
+    var displayName: string;
+}
 //# sourceMappingURL=date-picker.d.ts.map

package/dist/components/ui/date-picker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"date-picker.d.ts","sourceRoot":"","sources":["../../../src/components/ui/date-picker.tsx"],"names":[],"mappings":"AAcA,MAAM,WAAW,eAAe;IAC9B;;OAEG;IACH,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IACxB;;OAEG;IACH,QAAQ,CAAC,WAAW,CAAC,EAAE,MAAM,CAAC;IAC9B;;OAEG;IACH,QAAQ,CAAC,KAAK,CAAC,EAAE,IAAI,CAAC;IACtB;;OAEG;IACH,QAAQ,CAAC,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,SAAS,KAAK,IAAI,CAAC;IAC1D;;OAEG;IACH,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B;;OAEG;IACH,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAC5B;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,QAAQ,CAAC,aAAa,CAAC,EAAE,OAAO,CAAC;IACjC;;OAEG;IACH,QAAQ,CAAC,YAAY,CAAC,EAAE,IAAI,CAAC;CAC9B;AAED,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,WAA2B,EAC3B,KAAK,EACL,aAAa,EACb,QAAgB,EAChB,SAAS,EACT,EAAE,EACF,aAAqB,EACrB,YAAY,GACb,EAAE,eAAe,2CAgDjB"}
+{"version":3,"file":"date-picker.d.ts","sourceRoot":"","sources":["../../../src/components/ui/date-picker.tsx"],"names":[],"mappings":"AAcA,MAAM,WAAW,eAAe;IAC9B;;OAEG;IACH,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IACxB;;OAEG;IACH,QAAQ,CAAC,WAAW,CAAC,EAAE,MAAM,CAAC;IAC9B;;OAEG;IACH,QAAQ,CAAC,KAAK,CAAC,EAAE,IAAI,CAAC;IACtB;;OAEG;IACH,QAAQ,CAAC,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,SAAS,KAAK,IAAI,CAAC;IAC1D;;OAEG;IACH,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B;;OAEG;IACH,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAC5B;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,QAAQ,CAAC,aAAa,CAAC,EAAE,OAAO,CAAC;IACjC;;OAEG;IACH,QAAQ,CAAC,YAAY,CAAC,EAAE,IAAI,CAAC;CAC9B;AAED,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,WAA2B,EAC3B,KAAK,EACL,aAAa,EACb,QAAgB,EAChB,SAAS,EACT,EAAE,EACF,aAAqB,EACrB,YAAY,GACb,EAAE,eAAe,2CAgDjB;yBA1De,UAAU"}

package/dist/components/ui/date-range-picker.d.ts

@@ -6,4 +6,7 @@ export interface DateRangePickerProps {
     className?: string;
 }
 export declare function DateRangePicker({ value, onValueChange, allowSingleDate, placeholder, className, }: DateRangePickerProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace DateRangePicker {
+    var displayName: string;
+}
 //# sourceMappingURL=date-range-picker.d.ts.map

package/dist/components/ui/date-range-picker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"date-range-picker.d.ts","sourceRoot":"","sources":["../../../src/components/ui/date-range-picker.tsx"],"names":[],"mappings":"AAqCA,MAAM,WAAW,oBAAoB;IACnC,KAAK,CAAC,EAAE,CAAC,MAAM,GAAG,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC,GAAG,IAAI,CAAC;IAC9C,aAAa,EAAE,CAAC,KAAK,EAAE,CAAC,MAAM,GAAG,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC,GAAG,SAAS,KAAK,IAAI,CAAC;IAC3E,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,eAAe,CAAC,EAC9B,KAAK,EACL,aAAa,EACb,eAAuB,EACvB,WAAiC,EACjC,SAAS,GACV,EAAE,oBAAoB,2CAoItB"}
+{"version":3,"file":"date-range-picker.d.ts","sourceRoot":"","sources":["../../../src/components/ui/date-range-picker.tsx"],"names":[],"mappings":"AAqCA,MAAM,WAAW,oBAAoB;IACnC,KAAK,CAAC,EAAE,CAAC,MAAM,GAAG,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC,GAAG,IAAI,CAAC;IAC9C,aAAa,EAAE,CAAC,KAAK,EAAE,CAAC,MAAM,GAAG,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC,GAAG,SAAS,KAAK,IAAI,CAAC;IAC3E,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,eAAe,CAAC,EAC9B,KAAK,EACL,aAAa,EACb,eAAuB,EACvB,WAAiC,EACjC,SAAS,GACV,EAAE,oBAAoB,2CAoItB;yBA1Ie,eAAe"}

package/dist/components/ui/dropzone/index.d.ts

@@ -10,16 +10,25 @@ export type DropzoneProps = Omit<DropzoneOptions, 'onDrop'> & {
     onDrop?: (acceptedFiles: File[], fileRejections: FileRejection[], event: DropEvent) => void;
     children?: ReactNode;
 };
-export declare const Dropzone: ({ accept, maxFiles, maxSize, minSize, onDrop, onError, disabled, src, className, children, debugForceDragActive, ...props }: DropzoneProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Dropzone: {
+    ({ accept, maxFiles, maxSize, minSize, onDrop, onError, disabled, src, className, children, debugForceDragActive, ...props }: DropzoneProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
 export type DropzoneContentProps = {
     children?: ReactNode;
     className?: string;
 };
-export declare const DropzoneContent: ({ children, className, }: DropzoneContentProps) => import("react/jsx-runtime").JSX.Element | null;
+export declare const DropzoneContent: {
+    ({ children, className, }: DropzoneContentProps): import("react/jsx-runtime").JSX.Element | null;
+    displayName: string;
+};
 export type DropzoneEmptyStateProps = {
     children?: ReactNode;
     className?: string;
 };
-export declare const DropzoneEmptyState: ({ children, className, }: DropzoneEmptyStateProps) => import("react/jsx-runtime").JSX.Element | null;
+export declare const DropzoneEmptyState: {
+    ({ children, className, }: DropzoneEmptyStateProps): import("react/jsx-runtime").JSX.Element | null;
+    displayName: string;
+};
 export default Dropzone;
 //# sourceMappingURL=index.d.ts.map

package/dist/components/ui/dropzone/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/dropzone/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,SAAS,EAAE,eAAe,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AA2BhF,MAAM,MAAM,aAAa,GAAG,IAAI,CAAC,eAAe,EAAE,QAAQ,CAAC,GAAG;IAC5D,GAAG,CAAC,EAAE,IAAI,EAAE,CAAC;IACb,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,MAAM,CAAC,EAAE,CACP,aAAa,EAAE,IAAI,EAAE,EACrB,cAAc,EAAE,aAAa,EAAE,EAC/B,KAAK,EAAE,SAAS,KACb,IAAI,CAAC;IACV,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,QAAQ,GAAI,6HAatB,aAAa,4CAmDf,CAAC;AAUF,MAAM,MAAM,oBAAoB,GAAG;IACjC,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAWF,eAAO,MAAM,eAAe,GAAI,0BAG7B,oBAAoB,mDAgCtB,CAAC;AAEF,MAAM,MAAM,uBAAuB,GAAG;IACpC,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAeF,eAAO,MAAM,kBAAkB,GAAI,0BAGhC,uBAAuB,mDAyFzB,CAAC;AAEF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/dropzone/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,SAAS,EAAE,eAAe,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AA2BhF,MAAM,MAAM,aAAa,GAAG,IAAI,CAAC,eAAe,EAAE,QAAQ,CAAC,GAAG;IAC5D,GAAG,CAAC,EAAE,IAAI,EAAE,CAAC;IACb,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,MAAM,CAAC,EAAE,CACP,aAAa,EAAE,IAAI,EAAE,EACrB,cAAc,EAAE,aAAa,EAAE,EAC/B,KAAK,EAAE,SAAS,KACb,IAAI,CAAC;IACV,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,QAAQ;kIAalB,aAAa;;CAmDf,CAAC;AAYF,MAAM,MAAM,oBAAoB,GAAG;IACjC,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAWF,eAAO,MAAM,eAAe;+BAGzB,oBAAoB;;CAgCtB,CAAC;AAIF,MAAM,MAAM,uBAAuB,GAAG;IACpC,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAeF,eAAO,MAAM,kBAAkB;+BAG5B,uBAAuB;;CAyFzB,CAAC;AAIF,eAAe,QAAQ,CAAC"}

package/dist/components/ui/kbd.d.ts

@@ -1,2 +1,12 @@
-export { Kbd, KbdGroup } from '@/components/shadcn/kbd';
+import * as React from 'react';
+import { Kbd as BaseKbd, KbdGroup as BaseKbdGroup } from '@/components/shadcn/kbd';
+declare function Kbd(props: React.ComponentProps<typeof BaseKbd>): import("react/jsx-runtime").JSX.Element;
+declare namespace Kbd {
+    var displayName: string;
+}
+declare function KbdGroup(props: React.ComponentProps<typeof BaseKbdGroup>): import("react/jsx-runtime").JSX.Element;
+declare namespace KbdGroup {
+    var displayName: string;
+}
+export { Kbd, KbdGroup };
 //# sourceMappingURL=kbd.d.ts.map

package/dist/components/ui/kbd.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"kbd.d.ts","sourceRoot":"","sources":["../../../src/components/ui/kbd.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,GAAG,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC"}
+{"version":3,"file":"kbd.d.ts","sourceRoot":"","sources":["../../../src/components/ui/kbd.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EACL,GAAG,IAAI,OAAO,EACd,QAAQ,IAAI,YAAY,EACzB,MAAM,yBAAyB,CAAC;AAEjC,iBAAS,GAAG,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,OAAO,CAAC,2CAEvD;kBAFQ,GAAG;;;AAIZ,iBAAS,QAAQ,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,YAAY,CAAC,2CAEjE;kBAFQ,QAAQ;;;AAOjB,OAAO,EAAE,GAAG,EAAE,QAAQ,EAAE,CAAC"}

package/dist/components/ui/label.d.ts

@@ -1,2 +1,4 @@
-export { Label } from '@/components/shadcn/label';
+import * as React from 'react';
+declare const Label: React.ForwardRefExoticComponent<Omit<import("@radix-ui/react-label").LabelProps & React.RefAttributes<HTMLLabelElement>, "ref"> & React.RefAttributes<HTMLLabelElement>>;
+export { Label };
 //# sourceMappingURL=label.d.ts.map

package/dist/components/ui/label.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"label.d.ts","sourceRoot":"","sources":["../../../src/components/ui/label.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,MAAM,2BAA2B,CAAC"}
+{"version":3,"file":"label.d.ts","sourceRoot":"","sources":["../../../src/components/ui/label.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,QAAA,MAAM,KAAK,0KAG0C,CAAC;AAItD,OAAO,EAAE,KAAK,EAAE,CAAC"}

package/dist/components/ui/radio-group.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
-export { RadioGroup } from '@/components/shadcn/radio-group';
+declare const RadioGroup: React.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const RadioGroupItem: React.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupItemProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
-export { RadioGroupItem };
+export { RadioGroup, RadioGroupItem };
 //# sourceMappingURL=radio-group.d.ts.map

package/dist/components/ui/radio-group.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"radio-group.d.ts","sourceRoot":"","sources":["../../../src/components/ui/radio-group.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,mBAAmB,MAAM,6BAA6B,CAAC;AAMnE,OAAO,EAAE,UAAU,EAAE,MAAM,iCAAiC,CAAC;AAM7D,QAAA,MAAM,cAAc,yKAsBlB,CAAC;AAIH,OAAO,EAAE,cAAc,EAAE,CAAC"}
+{"version":3,"file":"radio-group.d.ts","sourceRoot":"","sources":["../../../src/components/ui/radio-group.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,mBAAmB,MAAM,6BAA6B,CAAC;AAUnE,QAAA,MAAM,UAAU,+JAG0C,CAAC;AAK3D,QAAA,MAAM,cAAc,yKAsBlB,CAAC;AAIH,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,CAAC"}

package/dist/components/ui/scroll-area.d.ts

@@ -6,6 +6,12 @@ type ScrollAreaProps = React.ComponentProps<typeof ScrollAreaPrimitive.Root> & {
     viewPortRef?: React.Ref<HTMLDivElement>;
 };
 declare function ScrollArea({ className, children, viewPortRef, ...props }: ScrollAreaProps): import("react/jsx-runtime").JSX.Element;
+declare namespace ScrollArea {
+    var displayName: string;
+}
 declare function ScrollBar({ className, orientation, ...props }: React.ComponentProps<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>): import("react/jsx-runtime").JSX.Element;
+declare namespace ScrollBar {
+    var displayName: string;
+}
 export { ScrollArea, ScrollBar };
 //# sourceMappingURL=scroll-area.d.ts.map

package/dist/components/ui/scroll-area.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"scroll-area.d.ts","sourceRoot":"","sources":["../../../src/components/ui/scroll-area.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,mBAAmB,MAAM,6BAA6B,CAAC;AAInE,MAAM,MAAM,qBAAqB,GAAG,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;AAE3E,KAAK,eAAe,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,mBAAmB,CAAC,IAAI,CAAC,GAAG;IAC7E,sIAAsI;IACtI,WAAW,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;CACzC,CAAC;AAEF,iBAAS,UAAU,CAAC,EAClB,SAAS,EACT,QAAQ,EACR,WAAW,EACX,GAAG,KAAK,EACT,EAAE,eAAe,2CAkBjB;AAED,iBAAS,SAAS,CAAC,EACjB,SAAS,EACT,WAAwB,EACxB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,mBAAmB,CAAC,mBAAmB,CAAC,2CAqBtE;AAED,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,CAAC"}
+{"version":3,"file":"scroll-area.d.ts","sourceRoot":"","sources":["../../../src/components/ui/scroll-area.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,mBAAmB,MAAM,6BAA6B,CAAC;AAInE,MAAM,MAAM,qBAAqB,GAAG,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;AAE3E,KAAK,eAAe,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,mBAAmB,CAAC,IAAI,CAAC,GAAG;IAC7E,sIAAsI;IACtI,WAAW,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;CACzC,CAAC;AAEF,iBAAS,UAAU,CAAC,EAClB,SAAS,EACT,QAAQ,EACR,WAAW,EACX,GAAG,KAAK,EACT,EAAE,eAAe,2CAkBjB;kBAvBQ,UAAU;;;AAyBnB,iBAAS,SAAS,CAAC,EACjB,SAAS,EACT,WAAwB,EACxB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,mBAAmB,CAAC,mBAAmB,CAAC,2CAqBtE;kBAzBQ,SAAS;;;AA8BlB,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,CAAC"}

package/dist/components/ui/simple-pagination.d.ts

@@ -5,4 +5,7 @@ export interface SimplePaginationProps {
     readonly className?: string;
 }
 export declare function SimplePagination({ currentPage, totalPages, onPageChange, className, }: SimplePaginationProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace SimplePagination {
+    var displayName: string;
+}
 //# sourceMappingURL=simple-pagination.d.ts.map

package/dist/components/ui/simple-pagination.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"simple-pagination.d.ts","sourceRoot":"","sources":["../../../src/components/ui/simple-pagination.tsx"],"names":[],"mappings":"AAKA,MAAM,WAAW,qBAAqB;IACpC,QAAQ,CAAC,WAAW,EAAE,MAAM,CAAC;IAC7B,QAAQ,CAAC,UAAU,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,WAAW,EACX,UAAU,EACV,YAAY,EACZ,SAAS,GACV,EAAE,qBAAqB,2CAgDvB"}
+{"version":3,"file":"simple-pagination.d.ts","sourceRoot":"","sources":["../../../src/components/ui/simple-pagination.tsx"],"names":[],"mappings":"AAKA,MAAM,WAAW,qBAAqB;IACpC,QAAQ,CAAC,WAAW,EAAE,MAAM,CAAC;IAC7B,QAAQ,CAAC,UAAU,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,WAAW,EACX,UAAU,EACV,YAAY,EACZ,SAAS,GACV,EAAE,qBAAqB,2CAgDvB;yBArDe,gBAAgB"}

package/dist/components/ui/skeleton.d.ts

@@ -1,2 +1,8 @@
-export { Skeleton } from '@/components/shadcn/skeleton';
+import * as React from 'react';
+import { Skeleton as BaseSkeleton } from '@/components/shadcn/skeleton';
+declare function Skeleton(props: React.ComponentProps<typeof BaseSkeleton>): import("react/jsx-runtime").JSX.Element;
+declare namespace Skeleton {
+    var displayName: string;
+}
+export { Skeleton };
 //# sourceMappingURL=skeleton.d.ts.map

package/dist/components/ui/skeleton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"skeleton.d.ts","sourceRoot":"","sources":["../../../src/components/ui/skeleton.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAC"}
+{"version":3,"file":"skeleton.d.ts","sourceRoot":"","sources":["../../../src/components/ui/skeleton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,QAAQ,IAAI,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAExE,iBAAS,QAAQ,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,YAAY,CAAC,2CAEjE;kBAFQ,QAAQ;;;AAMjB,OAAO,EAAE,QAAQ,EAAE,CAAC"}

package/dist/components/ui/slider.d.ts

@@ -1,6 +1,9 @@
 import * as React from 'react';
 import * as SliderPrimitive from '@radix-ui/react-slider';
 declare function Slider({ className, defaultValue, value, min, max, ...props }: React.ComponentProps<typeof SliderPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare namespace Slider {
+    var displayName: string;
+}
 /**
  * LabeledSlider variant – renders a header row with a label and current value with the slider control.
  * Restored after shadcn re-add to maintain prior API.
@@ -11,5 +14,8 @@ interface LabeledSliderProps extends React.ComponentProps<typeof SliderPrimitive
     sliderClassName?: string;
 }
 declare function LabeledSlider({ label, formatValue, className, sliderClassName, value, defaultValue, onValueChange, ...props }: LabeledSliderProps): import("react/jsx-runtime").JSX.Element;
+declare namespace LabeledSlider {
+    var displayName: string;
+}
 export { Slider, LabeledSlider };
 //# sourceMappingURL=slider.d.ts.map

package/dist/components/ui/slider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"slider.d.ts","sourceRoot":"","sources":["../../../src/components/ui/slider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAI1D,iBAAS,MAAM,CAAC,EACd,SAAS,EACT,YAAY,EACZ,KAAK,EACL,GAAO,EACP,GAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,2CA8CnD;AAED;;;GAGG;AACH,UAAU,kBAAmB,SAAQ,KAAK,CAAC,cAAc,CACvD,OAAO,eAAe,CAAC,IAAI,CAC5B;IACC,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,KAAK,CAAC,SAAS,CAAC;IACpD,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,iBAAS,aAAa,CAAC,EACrB,KAAK,EACL,WAAW,EACX,SAAS,EACT,eAAe,EACf,KAAK,EACL,YAAY,EACZ,aAAa,EACb,GAAG,KAAK,EACT,EAAE,kBAAkB,2CAkEpB;AAED,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,CAAC"}
+{"version":3,"file":"slider.d.ts","sourceRoot":"","sources":["../../../src/components/ui/slider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAI1D,iBAAS,MAAM,CAAC,EACd,SAAS,EACT,YAAY,EACZ,KAAK,EACL,GAAO,EACP,GAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,2CA8CnD;kBArDQ,MAAM;;;AAuDf;;;GAGG;AACH,UAAU,kBAAmB,SAAQ,KAAK,CAAC,cAAc,CACvD,OAAO,eAAe,CAAC,IAAI,CAC5B;IACC,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,KAAK,CAAC,SAAS,CAAC;IACpD,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,iBAAS,aAAa,CAAC,EACrB,KAAK,EACL,WAAW,EACX,SAAS,EACT,eAAe,EACf,KAAK,EACL,YAAY,EACZ,aAAa,EACb,GAAG,KAAK,EACT,EAAE,kBAAkB,2CAkEpB;kBA3EQ,aAAa;;;AAgFtB,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,CAAC"}

package/dist/components/ui/spinner-carbide.d.ts

@@ -1,5 +1,8 @@
 import * as React from 'react';
 export type SpinnerCarbideProps = React.ComponentProps<'svg'>;
 declare function SpinnerCarbide({ className, ...props }: SpinnerCarbideProps): import("react/jsx-runtime").JSX.Element;
+declare namespace SpinnerCarbide {
+    var displayName: string;
+}
 export { SpinnerCarbide };
 //# sourceMappingURL=spinner-carbide.d.ts.map

package/dist/components/ui/spinner-carbide.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"spinner-carbide.d.ts","sourceRoot":"","sources":["../../../src/components/ui/spinner-carbide.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,MAAM,mBAAmB,GAAG,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;AAE9D,iBAAS,cAAc,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,mBAAmB,2CA+BnE;AAED,OAAO,EAAE,cAAc,EAAE,CAAC"}
+{"version":3,"file":"spinner-carbide.d.ts","sourceRoot":"","sources":["../../../src/components/ui/spinner-carbide.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,MAAM,mBAAmB,GAAG,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;AAE9D,iBAAS,cAAc,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,mBAAmB,2CA+BnE;kBA/BQ,cAAc;;;AAmCvB,OAAO,EAAE,cAAc,EAAE,CAAC"}

package/dist/components/ui/spinner.d.ts

@@ -1,2 +1,8 @@
-export { Spinner } from '@/components/shadcn/spinner';
+import * as React from 'react';
+import { Spinner as BaseSpinner } from '@/components/shadcn/spinner';
+declare function Spinner(props: React.ComponentProps<typeof BaseSpinner>): import("react/jsx-runtime").JSX.Element;
+declare namespace Spinner {
+    var displayName: string;
+}
+export { Spinner };
 //# sourceMappingURL=spinner.d.ts.map

package/dist/components/ui/spinner.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"spinner.d.ts","sourceRoot":"","sources":["../../../src/components/ui/spinner.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,MAAM,6BAA6B,CAAC"}
+{"version":3,"file":"spinner.d.ts","sourceRoot":"","sources":["../../../src/components/ui/spinner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,6BAA6B,CAAC;AAErE,iBAAS,OAAO,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,WAAW,CAAC,2CAE/D;kBAFQ,OAAO;;;AAMhB,OAAO,EAAE,OAAO,EAAE,CAAC"}

package/dist/components/ui/textarea.d.ts

@@ -1,2 +1,4 @@
-export { Textarea } from '@/components/shadcn/textarea';
+import * as React from 'react';
+declare const Textarea: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLTextAreaElement> & React.TextareaHTMLAttributes<HTMLTextAreaElement>, "ref"> & React.RefAttributes<HTMLTextAreaElement>>;
+export { Textarea };
 //# sourceMappingURL=textarea.d.ts.map

package/dist/components/ui/textarea.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"textarea.d.ts","sourceRoot":"","sources":["../../../src/components/ui/textarea.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAC"}
+{"version":3,"file":"textarea.d.ts","sourceRoot":"","sources":["../../../src/components/ui/textarea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,QAAA,MAAM,QAAQ,yLAG0C,CAAC;AAIzD,OAAO,EAAE,QAAQ,EAAE,CAAC"}

package/dist/components/ui/toggle.d.ts

@@ -1,2 +1,8 @@
-export { Toggle, toggleVariants } from '@/components/shadcn/toggle';
+import * as React from 'react';
+import { toggleVariants } from '@/components/shadcn/toggle';
+declare const Toggle: React.ForwardRefExoticComponent<Omit<import("@radix-ui/react-toggle").ToggleProps & React.RefAttributes<HTMLButtonElement> & import("class-variance-authority").VariantProps<(props?: ({
+    variant?: "default" | "outline" | null | undefined;
+    size?: "default" | "sm" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export { Toggle, toggleVariants };
 //# sourceMappingURL=toggle.d.ts.map

package/dist/components/ui/toggle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"toggle.d.ts","sourceRoot":"","sources":["../../../src/components/ui/toggle.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC"}
+{"version":3,"file":"toggle.d.ts","sourceRoot":"","sources":["../../../src/components/ui/toggle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAEL,cAAc,EACf,MAAM,4BAA4B,CAAC;AAEpC,QAAA,MAAM,MAAM;;;iIAG0C,CAAC;AAIvD,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,CAAC"}

package/dist/cursor-skill/mm-carbide/SKILL.md

@@ -15,6 +15,7 @@ description: Generate UIs and widgets with Carbide and MachineMetrics React Comp
 ## Theme and styling
 
 - **CSS variables only.** Never hardcode colors, spacing, radii, or shadows. Use semantic tokens: `--background`, `--foreground`, `--primary`, `--muted`, `--muted-foreground`, `--destructive`, `--border`, `--ring`, etc.
+- **When converting a component to Carbide:** Remove existing inline styles (`style={{ ... }}`) and component-level CSS (e.g. `.module.css`, `<style>`, or component-scoped styles). Carbide supplies appearance via theme tokens and component variants; legacy styles conflict with the theme and break consistency.
 - **Variants over one-off styles.** Use component variants and sizes (e.g. Button: `variant="default"|"destructive"|"outline"|"secondary"|"ghost"|"link"`, `size="sm"|"md"|"lg"|"icon"`). Do not apply brand colors or one-off Tailwind color classes to components.
 - **Layout.** Use Flexbox/Grid and `gap-*` for spacing; avoid manual margin chains. Prefer `className="flex flex-col gap-4"` (or similar) over stacking margins.
 - **App setup.** Consumers must import the library styles and wrap the app (or Carbide subtree) in an element with class `carbide` so the theme applies. See [reference.md](reference.md) for setup.
@@ -33,7 +34,7 @@ description: Generate UIs and widgets with Carbide and MachineMetrics React Comp
 
 **Avoid:** Hardcoded colors (e.g. `bg-blue-600`, `text-gray-500`); inline brand styling; non-semantic HTML; missing focus or labels on interactive elements.
 
-**Scrolling:** There is no Panel component. For panel-like or card-like regions where content can be longer than the box, use **ScrollArea** with a fixed or max height (e.g. `h-[300px]` or `max-h-[50vh]`) around the scrollable content. Card is for structure only and does not scroll—wrap CardContent (or the scrollable body) in ScrollArea when content may overflow.
+**Scrolling:** There is no Panel component. For panel-like or card-like regions where content can be longer than the box, use **ScrollArea** around the scrollable content. **ScrollArea only scrolls when it has a constrained height**—otherwise the container grows with content and no scroll appears. Always give ScrollArea an explicit height: e.g. `className="h-[300px]"` or `max-h-[50vh]`. In a flex column (e.g. Card with `flex flex-col max-h-[80vh]`), use `ScrollArea className="flex-1 min-h-0"` so the flex item can shrink and scroll; without `min-h-0` the item won’t shrink and scrolling won’t work. Card is for structure only and does not scroll—wrap CardContent (or the scrollable body) in ScrollArea when content may overflow.
 
 ## Widget rules
 
@@ -47,6 +48,18 @@ description: Generate UIs and widgets with Carbide and MachineMetrics React Comp
 - Widgets must be fully responsive and respect content containment (no overflow).
 - Only use data explicitly provided; never hallucinate or use placeholder data. Adapt to available data without asking for more.
 
+## Converting to Carbide (from other libraries or custom UI)
+
+When converting existing components to Carbide (including from Chakra UI, MUI, Ant Design, custom components, or inline-styled markup):
+
+1. **Remove legacy styling.** Strip inline styles (`style={{ ... }}`), component CSS files (e.g. `.module.css`), and any library-specific style props (e.g. Chakra `sx`/`colorScheme`, MUI `sx`). Rely on Carbide’s theme and variants instead.
+2. **Map to library components.** Replace each existing UI primitive with the closest Carbide export (Button, Input, Card, Dialog, DataTable, Form, etc.). Use [reference.md](reference.md) and agent-docs when the package is installed.
+3. **Use variants and tokens.** Express intent via props (`variant`, `size`) and layout via Tailwind with semantic tokens (`bg-background`, `text-muted-foreground`, `border-border`). Do not re-introduce hardcoded colors or one-off CSS.
+4. **Preserve structure and behavior.** Keep markup structure (headings, sections, forms, tables) and behavior (handlers, validation, state); change only the UI layer to Carbide components and Tailwind layout.
+5. **Verify app setup.** Ensure the app imports `@machinemetrics/mm-react-components/styles` and wraps the Carbide subtree in an element with class `carbide`.
+
+**When the package is installed in this project:** Use agent-docs (e.g. **chakra-migration-\***) for library-specific migration steps in addition to the above.
+
 ## Setup, init, and migration
 
 **When the package is installed in this project:** Use the package’s **agent-docs** at `node_modules/@machinemetrics/mm-react-components/agent-docs/` for setup, initialization (`mm-init`), Chakra UI migration, and the full doc index. Start with **agent-documentation-reference.md**; use **ai-agent-init-guide.md** for setup and **ai-agent-guide.md** (and chakra-migration-\*) for migration.