@neynar/ui 0.4.0 → 1.0.0

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

@@ -1,90 +1,12 @@
-import * as React from "react";
-import * as SwitchPrimitive from "@radix-ui/react-switch";
+import { Switch as SwitchPrimitive } from '@base-ui/react/switch';
+type SwitchProps = SwitchPrimitive.Root.Props & {
+    /** Switch size variant. @default "default" */
+    size?: "sm" | "default";
+};
 /**
- * Switch - Binary toggle control for on/off states
- *
- * A versatile toggle switch component built on Radix UI Switch primitive that provides
- * an accessible way to toggle between on/off states. Commonly used for settings,
- * preferences, and feature toggles that have immediate effects.
- *
- * Built with Radix UI Switch primitive and styled with Tailwind CSS to ensure
- * consistent visual appearance across light and dark themes. The component
- * automatically handles state management, accessibility, keyboard navigation,
- * and form integration.
- *
- * @example Basic usage with label
- * ```tsx
- * import { Switch } from "@/components/ui/switch";
- * import { Label } from "@/components/ui/label";
- *
- * <div className="flex items-center space-x-2">
- *   <Switch id="airplane-mode" />
- *   <Label htmlFor="airplane-mode">Airplane Mode</Label>
- * </div>
- * ```
- *
- * @example Controlled switch with state
- * ```tsx
- * const [enabled, setEnabled] = useState(false);
- *
- * <Switch
- *   id="notifications"
- *   checked={enabled}
- *   onCheckedChange={setEnabled}
- * />
- * ```
- *
- * @example Switch with custom handler
- * ```tsx
- * <Switch
- *   checked={isDarkMode}
- *   onCheckedChange={(checked) => {
- *     setIsDarkMode(checked);
- *     document.documentElement.classList.toggle("dark", checked);
- *   }}
- * />
- * ```
- *
- * @example Disabled states
- * ```tsx
- * <Switch disabled /> // Disabled unchecked
- * <Switch disabled defaultChecked /> // Disabled checked
- * ```
- *
- * @example Form integration with validation
- * ```tsx
- * <form>
- *   <Switch
- *     name="notifications"
- *     value="enabled"
- *     required
- *     onCheckedChange={(checked) => console.log('Notifications:', checked)}
- *   />
- * </form>
- * ```
- *
- * @example Uncontrolled with default state
- * ```tsx
- * <Switch defaultChecked onCheckedChange={(checked) => {
- *   // Handle state changes without controlling the value
- *   analytics.track('switch_toggled', { checked });
- * }} />
- * ```
- *
- * @accessibility
- * - **Keyboard Navigation**: Space and Enter keys toggle the switch
- * - **Focus Management**: Clear focus ring indicator with keyboard navigation
- * - **Screen Readers**: Announces current state ("on" or "off") and changes
- * - **ARIA Compliance**: Follows WAI-ARIA Switch pattern with proper role and attributes
- * - **Label Association**: Works with labels via htmlFor/id pairing for proper announcements
- * - **Form Integration**: Properly participates in form submission and validation
- * - **Disabled State**: Clearly communicated to assistive technology with proper attributes
- * - **State Attributes**: Uses data-state for styling and accessibility context
- *
- * @see {@link https://ui.shadcn.com/docs/components/switch} shadcn/ui Switch documentation
- * @see {@link https://www.radix-ui.com/primitives/docs/components/switch} Radix UI Switch primitive
- * @since 1.0.0
+ * Toggle switch for binary on/off settings.
+ * Renders a styled switch with automatic focus management and form integration.
  */
-declare function Switch({ className, ...props }: React.ComponentProps<typeof SwitchPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
-export { Switch };
+declare function Switch({ className, size, ...props }: SwitchProps): import("react/jsx-runtime").JSX.Element;
+export { Switch, type SwitchProps };
 //# sourceMappingURL=switch.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"switch.d.ts","sourceRoot":"","sources":["../../../src/components/ui/switch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAmC1D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoFG;AACH,iBAAS,MAAM,CAAC,EACd,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,2CAkBnD;AAED,OAAO,EAAE,MAAM,EAAE,CAAC"}
+{"version":3,"file":"switch.d.ts","sourceRoot":"","sources":["../../../src/components/ui/switch.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAIlE,KAAK,WAAW,GAAG,eAAe,CAAC,IAAI,CAAC,KAAK,GAAG;IAC9C,8CAA8C;IAC9C,IAAI,CAAC,EAAE,IAAI,GAAG,SAAS,CAAC;CACzB,CAAC;AAEF;;;GAGG;AACH,iBAAS,MAAM,CAAC,EAAE,SAAS,EAAE,IAAgB,EAAE,GAAG,KAAK,EAAE,EAAE,WAAW,2CAiBrE;AAED,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,CAAC"}

package/dist/components/ui/switch.js

@@ -0,0 +1,30 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { cn } from "../../lib/utils.js";
+import { SwitchRoot } from "../../node_modules/@base-ui/react/esm/switch/root/SwitchRoot.js";
+import { SwitchThumb } from "../../node_modules/@base-ui/react/esm/switch/thumb/SwitchThumb.js";
+function Switch({ className, size = "default", ...props }) {
+  return /* @__PURE__ */ jsx(
+    SwitchRoot,
+    {
+      "data-slot": "switch",
+      "data-size": size,
+      className: cn(
+        "data-checked:bg-primary data-unchecked:bg-input focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 dark:data-unchecked:bg-input/80 shrink-0 rounded-full border border-transparent shadow-xs focus-visible:ring-[3px] aria-invalid:ring-[3px] data-[size=default]:h-[18.4px] data-[size=default]:w-[32px] data-[size=sm]:h-[14px] data-[size=sm]:w-[24px] peer group/switch relative inline-flex items-center transition-all outline-none after:absolute after:-inset-x-3 after:-inset-y-2 data-disabled:cursor-not-allowed data-disabled:opacity-50",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ jsx(
+        SwitchThumb,
+        {
+          "data-slot": "switch-thumb",
+          className: "bg-background dark:data-unchecked:bg-foreground dark:data-checked:bg-primary-foreground rounded-full group-data-[size=default]/switch:size-4 group-data-[size=sm]/switch:size-3 group-data-[size=default]/switch:data-checked:translate-x-[calc(100%-2px)] group-data-[size=sm]/switch:data-checked:translate-x-[calc(100%-2px)] group-data-[size=default]/switch:data-unchecked:translate-x-0 group-data-[size=sm]/switch:data-unchecked:translate-x-0 pointer-events-none block ring-0 transition-transform"
+        }
+      )
+    }
+  );
+}
+export {
+  Switch
+};
+//# sourceMappingURL=switch.js.map

package/dist/components/ui/switch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"switch.js","sources":["../../../src/components/ui/switch.tsx"],"sourcesContent":["\"use client\";\n\nimport { Switch as SwitchPrimitive } from \"@base-ui/react/switch\";\n\nimport { cn } from \"@/lib/utils\";\n\ntype SwitchProps = SwitchPrimitive.Root.Props & {\n  /** Switch size variant. @default \"default\" */\n  size?: \"sm\" | \"default\";\n};\n\n/**\n * Toggle switch for binary on/off settings.\n * Renders a styled switch with automatic focus management and form integration.\n */\nfunction Switch({ className, size = \"default\", ...props }: SwitchProps) {\n  return (\n    <SwitchPrimitive.Root\n      data-slot=\"switch\"\n      data-size={size}\n      className={cn(\n        \"data-checked:bg-primary data-unchecked:bg-input focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 dark:data-unchecked:bg-input/80 shrink-0 rounded-full border border-transparent shadow-xs focus-visible:ring-[3px] aria-invalid:ring-[3px] data-[size=default]:h-[18.4px] data-[size=default]:w-[32px] data-[size=sm]:h-[14px] data-[size=sm]:w-[24px] peer group/switch relative inline-flex items-center transition-all outline-none after:absolute after:-inset-x-3 after:-inset-y-2 data-disabled:cursor-not-allowed data-disabled:opacity-50\",\n        className,\n      )}\n      {...props}\n    >\n      <SwitchPrimitive.Thumb\n        data-slot=\"switch-thumb\"\n        className=\"bg-background dark:data-unchecked:bg-foreground dark:data-checked:bg-primary-foreground rounded-full group-data-[size=default]/switch:size-4 group-data-[size=sm]/switch:size-3 group-data-[size=default]/switch:data-checked:translate-x-[calc(100%-2px)] group-data-[size=sm]/switch:data-checked:translate-x-[calc(100%-2px)] group-data-[size=default]/switch:data-unchecked:translate-x-0 group-data-[size=sm]/switch:data-unchecked:translate-x-0 pointer-events-none block ring-0 transition-transform\"\n      />\n    </SwitchPrimitive.Root>\n  );\n}\n\nexport { Switch, type SwitchProps };\n"],"names":["SwitchPrimitive.Root","SwitchPrimitive.Thumb"],"mappings":";;;;;AAeA;AACE;AACE;AAACA;AAAA;AACW;AACC;AACA;AACT;AACA;AAAA;AAEE;AAEJ;AAACC;AAAA;AACW;AACA;AAAA;AAAA;AACZ;AAGN;;;;"}

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

@@ -1,354 +1,51 @@
 import * as React from "react";
+type TableProps = React.ComponentProps<"table">;
 /**
- * Table - A responsive data table component for displaying structured information
- *
- * Built on semantic HTML table elements with responsive scrolling and proper accessibility.
- * Follows shadcn/ui patterns for data presentation and can be enhanced with TanStack Table
- * for sorting, filtering, and pagination. Perfect for dashboards, data management, and
- * structured content display.
- *
- * @component
- * @example
- * ```tsx
- * // Basic table with Farcaster user data
- * <Table>
- *   <TableCaption>Recent casts from your network</TableCaption>
- *   <TableHeader>
- *     <TableRow>
- *       <TableHead>User</TableHead>
- *       <TableHead>Channel</TableHead>
- *       <TableHead>Content</TableHead>
- *       <TableHead className="text-right">Reactions</TableHead>
- *     </TableRow>
- *   </TableHeader>
- *   <TableBody>
- *     <TableRow>
- *       <TableCell className="font-medium">@dwr.eth</TableCell>
- *       <TableCell>/farcaster</TableCell>
- *       <TableCell>Announcing Farcaster v2...</TableCell>
- *       <TableCell className="text-right">1,234</TableCell>
- *     </TableRow>
- *   </TableBody>
- * </Table>
- * ```
- *
- * @example
- * ```tsx
- * // Table with selection and actions
- * <Table>
- *   <TableHeader>
- *     <TableRow>
- *       <TableHead className="w-[50px]">
- *         <Checkbox />
- *       </TableHead>
- *       <TableHead>User</TableHead>
- *       <TableHead>FID</TableHead>
- *       <TableHead className="text-right">Actions</TableHead>
- *     </TableRow>
- *   </TableHeader>
- *   <TableBody>
- *     <TableRow data-state="selected">
- *       <TableCell><Checkbox checked /></TableCell>
- *       <TableCell>@vitalik.eth</TableCell>
- *       <TableCell>5650</TableCell>
- *       <TableCell className="text-right">
- *         <Button variant="ghost" size="sm">Edit</Button>
- *       </TableCell>
- *     </TableRow>
- *   </TableBody>
- * </Table>
- * ```
- *
- * @example
- * ```tsx
- * // Table with footer totals
- * <Table>
- *   <TableBody>
- *     <TableRow>
- *       <TableCell>/farcaster</TableCell>
- *       <TableCell className="text-right">5,234</TableCell>
- *     </TableRow>
- *   </TableBody>
- *   <TableFooter>
- *     <TableRow>
- *       <TableCell>Total</TableCell>
- *       <TableCell className="text-right">15,767</TableCell>
- *     </TableRow>
- *   </TableFooter>
- * </Table>
- * ```
- *
- * @example
- * ```tsx
- * // Table with custom attributes for data integration
- * <Table role="table" aria-label="User analytics dashboard">
- *   <TableCaption>Showing 1-10 of 50 users</TableCaption>
- *   <TableHeader>
- *     <TableRow>
- *       <TableHead scope="col">User</TableHead>
- *       <TableHead scope="col">FID</TableHead>
- *       <TableHead scope="col" className="text-right">Casts</TableHead>
- *     </TableRow>
- *   </TableHeader>
- *   <TableBody>
- *     <TableRow data-user-id="3">
- *       <TableCell>@dwr.eth</TableCell>
- *       <TableCell>3</TableCell>
- *       <TableCell className="text-right">1,234</TableCell>
- *     </TableRow>
- *   </TableBody>
- * </Table>
- * ```
- *
- * @accessibility
- * - Semantic HTML table structure with thead, tbody, tfoot elements
- * - Screen reader navigation with proper table headers and data relationships
- * - Responsive horizontal scrolling container for mobile devices
- * - Caption support for table descriptions and context
- * - Selection states communicated via data-state attributes
- * - Keyboard navigation support for interactive elements
- * - TableHead components automatically provide column context for screen readers
- * - Table container ensures content remains accessible during horizontal scroll
- *
- * @see {@link https://ui.shadcn.com/docs/components/table} shadcn/ui Table documentation
- * @see {@link https://ui.shadcn.com/docs/components/data-table} TanStack Table integration
- * @see {@link https://tanstack.com/table} TanStack Table library for advanced features
- * @see {@link TableHeader} Table header container component
- * @see {@link TableBody} Table body container component
- * @see {@link TableRow} Table row component with hover and selection states
- * @see {@link TableCell} Table data cell component
- * @see {@link TableHead} Table header cell component
- * @see {@link TableFooter} Table footer container for summary data
- * @see {@link TableCaption} Table caption component for descriptions
- * @since 1.0.0
+ * Root table component with automatic horizontal scrolling container.
+ * Wraps standard HTML table element with responsive overflow behavior.
  */
-declare function Table({ className, ...props }: React.ComponentProps<"table">): import("react/jsx-runtime").JSX.Element;
+declare function Table({ className, ...props }: TableProps): import("react/jsx-runtime").JSX.Element;
+type TableHeaderProps = React.ComponentProps<"thead">;
 /**
- * TableHeader - Container for table header rows
- *
- * Groups header rows and applies consistent styling with bottom borders.
- * Contains TableRow components with TableHead cells for column definitions.
- * Essential for accessibility and proper table structure.
- *
- * @component
- * @example
- * ```tsx
- * <TableHeader>
- *   <TableRow>
- *     <TableHead>Username</TableHead>
- *     <TableHead>FID</TableHead>
- *     <TableHead className="text-right">Actions</TableHead>
- *   </TableRow>
- * </TableHeader>
- * ```
- *
- * @accessibility
- * - Semantic thead element for proper table structure
- * - Screen readers identify this as the table header section
- * - Provides context for data columns below
- * @since 1.0.0
+ * Table header section for column headings.
+ * Use with TableHead for individual header cells.
  */
-declare function TableHeader({ className, ...props }: React.ComponentProps<"thead">): import("react/jsx-runtime").JSX.Element;
+declare function TableHeader({ className, ...props }: TableHeaderProps): import("react/jsx-runtime").JSX.Element;
+type TableBodyProps = React.ComponentProps<"tbody">;
 /**
- * TableBody - Container for table data rows
- *
- * Main content area of the table containing all data rows.
- * Applies border styling where the last row has no bottom border.
- * Contains TableRow components with TableCell elements.
- *
- * @component
- * @example
- * ```tsx
- * <TableBody>
- *   <TableRow>
- *     <TableCell>@dwr.eth</TableCell>
- *     <TableCell>3</TableCell>
- *     <TableCell>45.2k followers</TableCell>
- *   </TableRow>
- *   <TableRow>
- *     <TableCell>@vitalik.eth</TableCell>
- *     <TableCell>5650</TableCell>
- *     <TableCell>112.3k followers</TableCell>
- *   </TableRow>
- * </TableBody>
- * ```
- *
- * @accessibility
- * - Semantic tbody element for data rows
- * - Supports keyboard navigation through rows
- * - Screen readers navigate row by row through content
- * @since 1.0.0
+ * Table body section for data rows.
+ * Use with TableRow and TableCell for row content.
  */
-declare function TableBody({ className, ...props }: React.ComponentProps<"tbody">): import("react/jsx-runtime").JSX.Element;
+declare function TableBody({ className, ...props }: TableBodyProps): import("react/jsx-runtime").JSX.Element;
+type TableFooterProps = React.ComponentProps<"tfoot">;
 /**
- * TableFooter - Container for table footer rows
- *
- * Used for summary rows, totals, or additional table information.
- * Styled with a muted background and top border to distinguish from data rows.
- * Typically contains aggregated data or table-wide information.
- *
- * @component
- * @example
- * ```tsx
- * <TableFooter>
- *   <TableRow>
- *     <TableCell>Total Users</TableCell>
- *     <TableCell>15,767</TableCell>
- *     <TableCell className="text-right">+9.25%</TableCell>
- *   </TableRow>
- * </TableFooter>
- * ```
- *
- * @accessibility
- * - Semantic tfoot element for summary data
- * - Screen readers announce as table footer section
- * - Distinguished visually and semantically from body content
- * @since 1.0.0
+ * Table footer section for summary rows.
+ * Typically used for totals or aggregated data.
  */
-declare function TableFooter({ className, ...props }: React.ComponentProps<"tfoot">): import("react/jsx-runtime").JSX.Element;
+declare function TableFooter({ className, ...props }: TableFooterProps): import("react/jsx-runtime").JSX.Element;
+type TableRowProps = React.ComponentProps<"tr">;
 /**
- * TableRow - A table row component with interactive states
- *
- * Represents a single row in the table with hover effects and selection support.
- * Supports data-state attributes for visual feedback and proper border styling.
- * Essential building block for all table content areas.
- *
- * @component
- * @example
- * ```tsx
- * // Basic row
- * <TableRow>
- *   <TableCell>@dwr.eth</TableCell>
- *   <TableCell>/farcaster</TableCell>
- * </TableRow>
- *
- * // Selected row
- * <TableRow data-state="selected">
- *   <TableCell>@vitalik.eth</TableCell>
- *   <TableCell>/ethereum</TableCell>
- * </TableRow>
- * ```
- *
- * @accessibility
- * - Supports data-state="selected" for selection indication
- * - Hover state enhances interactivity and focus
- * - Semantic tr element maintains table structure
- * - Visual feedback for user interactions
- * - Compatible with keyboard navigation patterns
- * - Selection state changes are announced to screen readers
- * - Transition animations provide smooth visual feedback
- * @since 1.0.0
+ * Table row with hover and selection states.
+ * Add `data-state="selected"` attribute to highlight row.
  */
-declare function TableRow({ className, ...props }: React.ComponentProps<"tr">): import("react/jsx-runtime").JSX.Element;
+declare function TableRow({ className, ...props }: TableRowProps): import("react/jsx-runtime").JSX.Element;
+type TableHeadProps = React.ComponentProps<"th">;
 /**
- * TableHead - Table header cell component for column definitions
- *
- * Used for column headers with medium font weight and proper text alignment.
- * Includes special styling for checkbox columns and interactive elements.
- * Essential for screen reader navigation and table accessibility.
- *
- * @component
- * @example
- * ```tsx
- * // Text headers
- * <TableHead>Username</TableHead>
- * <TableHead className="text-right">Followers</TableHead>
- *
- * // Checkbox header
- * <TableHead className="w-[50px]">
- *   <Checkbox />
- * </TableHead>
- *
- * // Sortable header
- * <TableHead>
- *   <Button variant="ghost">FID ↕</Button>
- * </TableHead>
- * ```
- *
- * @accessibility
- * - Semantic th element for column headers
- * - Screen readers announce as column headers for navigation
- * - Supports scope attribute for complex table relationships
- * - Special checkbox styling maintains proper alignment
- * - Automatically provides column context for data cells
- * - Works with sorting and filtering interaction patterns
- * - Maintains proper focus order for keyboard navigation
- * @since 1.0.0
+ * Table header cell for column titles.
+ * Use within TableHeader > TableRow.
  */
-declare function TableHead({ className, ...props }: React.ComponentProps<"th">): import("react/jsx-runtime").JSX.Element;
+declare function TableHead({ className, ...props }: TableHeadProps): import("react/jsx-runtime").JSX.Element;
+type TableCellProps = React.ComponentProps<"td">;
 /**
- * TableCell - Table data cell component for content display
- *
- * Used for data cells within table rows with consistent padding and alignment.
- * Supports custom styling, truncation, and special handling for interactive elements
- * like checkboxes and buttons.
- *
- * @component
- * @example
- * ```tsx
- * // Basic data cells
- * <TableCell>@dwr.eth</TableCell>
- * <TableCell className="text-right">1,234</TableCell>
- * <TableCell className="font-medium">Active</TableCell>
- *
- * // Cell with checkbox
- * <TableCell>
- *   <Checkbox checked />
- * </TableCell>
- *
- * // Cell with truncated content
- * <TableCell className="max-w-[200px] truncate">
- *   This is a very long piece of content...
- * </TableCell>
- *
- * // Cell spanning multiple columns
- * <TableCell colSpan={3} className="text-center">
- *   No data available
- * </TableCell>
- * ```
- *
- * @accessibility
- * - Semantic td element for data cells
- * - Supports checkbox cells with proper alignment adjustments
- * - Screen readers navigate cell by cell for data comprehension
- * - ColSpan support for empty states and grouped content
- * @since 1.0.0
+ * Table data cell for row content.
+ * Use within TableBody > TableRow.
  */
-declare function TableCell({ className, ...props }: React.ComponentProps<"td">): import("react/jsx-runtime").JSX.Element;
+declare function TableCell({ className, ...props }: TableCellProps): import("react/jsx-runtime").JSX.Element;
+type TableCaptionProps = React.ComponentProps<"caption">;
 /**
- * TableCaption - Table caption for describing table content and context
- *
- * Provides a description, title, or additional context for the table.
- * Displayed with muted styling and proper spacing. Essential for accessibility
- * as screen readers announce the caption to provide table context.
- *
- * @component
- * @example
- * ```tsx
- * <Table>
- *   <TableCaption>Recent casts from your network</TableCaption>
- *   <TableHeader>...</TableHeader>
- *   <TableBody>...</TableBody>
- * </Table>
- *
- * // Caption with additional context
- * <Table>
- *   <TableCaption>
- *     Channel analytics for the last 30 days.
- *     Data updated every hour.
- *   </TableCaption>
- *   <TableHeader>...</TableHeader>
- *   <TableBody>...</TableBody>
- * </Table>
- * ```
- *
- * @accessibility
- * - Semantic caption element positioned according to HTML standards
- * - Screen readers announce caption before table content
- * - Provides essential context for understanding table data
- * - Helps users understand table purpose and scope
- * @since 1.0.0
+ * Table caption for accessibility and description.
+ * Rendered below the table by default.
  */
-declare function TableCaption({ className, ...props }: React.ComponentProps<"caption">): import("react/jsx-runtime").JSX.Element;
-export { Table, TableHeader, TableBody, TableFooter, TableHead, TableRow, TableCell, TableCaption, };
+declare function TableCaption({ className, ...props }: TableCaptionProps): import("react/jsx-runtime").JSX.Element;
+export { Table, TableHeader, TableBody, TableFooter, TableHead, TableRow, TableCell, TableCaption, type TableProps, type TableHeaderProps, type TableBodyProps, type TableFooterProps, type TableHeadProps, type TableRowProps, type TableCellProps, type TableCaptionProps, };
 //# sourceMappingURL=table.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["../../../src/components/ui/table.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AA4I/B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0HG;AACH,iBAAS,KAAK,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,2CAapE;AAED;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,2CAQ1E;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,iBAAS,SAAS,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,2CAQxE;AAED;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,2CAW1E;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,iBAAS,QAAQ,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,2CAWpE;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkCG;AACH,iBAAS,SAAS,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,2CAWrE;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqCG;AACH,iBAAS,SAAS,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,2CAWrE;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AACH,iBAAS,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,SAAS,CAAC,2CAQ7E;AAED,OAAO,EACL,KAAK,EACL,WAAW,EACX,SAAS,EACT,WAAW,EACX,SAAS,EACT,QAAQ,EACR,SAAS,EACT,YAAY,GACb,CAAC"}
+{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["../../../src/components/ui/table.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,KAAK,UAAU,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC;AAEhD;;;GAGG;AACH,iBAAS,KAAK,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,UAAU,2CAajD;AAED,KAAK,gBAAgB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC;AAEtD;;;GAGG;AACH,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,2CAQ7D;AAED,KAAK,cAAc,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC;AAEpD;;;GAGG;AACH,iBAAS,SAAS,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,2CAQzD;AAED,KAAK,gBAAgB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC;AAEtD;;;GAGG;AACH,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,2CAW7D;AAED,KAAK,aAAa,GAAG,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC;AAEhD;;;GAGG;AACH,iBAAS,QAAQ,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,aAAa,2CAWvD;AAED,KAAK,cAAc,GAAG,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC;AAEjD;;;GAGG;AACH,iBAAS,SAAS,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,2CAWzD;AAED,KAAK,cAAc,GAAG,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC;AAEjD;;;GAGG;AACH,iBAAS,SAAS,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,2CAWzD;AAED,KAAK,iBAAiB,GAAG,KAAK,CAAC,cAAc,CAAC,SAAS,CAAC,CAAC;AAEzD;;;GAGG;AACH,iBAAS,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,iBAAiB,2CAQ/D;AAED,OAAO,EACL,KAAK,EACL,WAAW,EACX,SAAS,EACT,WAAW,EACX,SAAS,EACT,QAAQ,EACR,SAAS,EACT,YAAY,EACZ,KAAK,UAAU,EACf,KAAK,gBAAgB,EACrB,KAAK,cAAc,EACnB,KAAK,gBAAgB,EACrB,KAAK,cAAc,EACnB,KAAK,aAAa,EAClB,KAAK,cAAc,EACnB,KAAK,iBAAiB,GACvB,CAAC"}

package/dist/components/ui/table.js

@@ -0,0 +1,113 @@
+import { jsx } from "react/jsx-runtime";
+import "react";
+import { cn } from "../../lib/utils.js";
+function Table({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "table-container",
+      className: "relative w-full overflow-x-auto",
+      children: /* @__PURE__ */ jsx(
+        "table",
+        {
+          "data-slot": "table",
+          className: cn("w-full caption-bottom text-sm", className),
+          ...props
+        }
+      )
+    }
+  );
+}
+function TableHeader({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "thead",
+    {
+      "data-slot": "table-header",
+      className: cn("[&_tr]:border-b", className),
+      ...props
+    }
+  );
+}
+function TableBody({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "tbody",
+    {
+      "data-slot": "table-body",
+      className: cn("[&_tr:last-child]:border-0", className),
+      ...props
+    }
+  );
+}
+function TableFooter({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "tfoot",
+    {
+      "data-slot": "table-footer",
+      className: cn(
+        "bg-muted/50 border-t font-medium [&>tr]:last:border-b-0",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function TableRow({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "tr",
+    {
+      "data-slot": "table-row",
+      className: cn(
+        "hover:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function TableHead({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "th",
+    {
+      "data-slot": "table-head",
+      className: cn(
+        "text-foreground h-10 px-2 text-left align-middle font-medium whitespace-nowrap [&:has([role=checkbox])]:pr-0",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function TableCell({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "td",
+    {
+      "data-slot": "table-cell",
+      className: cn(
+        "p-2 align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function TableCaption({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "caption",
+    {
+      "data-slot": "table-caption",
+      className: cn("text-muted-foreground mt-4 text-sm", className),
+      ...props
+    }
+  );
+}
+export {
+  Table,
+  TableBody,
+  TableCaption,
+  TableCell,
+  TableFooter,
+  TableHead,
+  TableHeader,
+  TableRow
+};
+//# sourceMappingURL=table.js.map

package/dist/components/ui/table.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table.js","sources":["../../../src/components/ui/table.tsx"],"sourcesContent":["import * as React from \"react\";\n\nimport { cn } from \"@/lib/utils\";\n\ntype TableProps = React.ComponentProps<\"table\">;\n\n/**\n * Root table component with automatic horizontal scrolling container.\n * Wraps standard HTML table element with responsive overflow behavior.\n */\nfunction Table({ className, ...props }: TableProps) {\n  return (\n    <div\n      data-slot=\"table-container\"\n      className=\"relative w-full overflow-x-auto\"\n    >\n      <table\n        data-slot=\"table\"\n        className={cn(\"w-full caption-bottom text-sm\", className)}\n        {...props}\n      />\n    </div>\n  );\n}\n\ntype TableHeaderProps = React.ComponentProps<\"thead\">;\n\n/**\n * Table header section for column headings.\n * Use with TableHead for individual header cells.\n */\nfunction TableHeader({ className, ...props }: TableHeaderProps) {\n  return (\n    <thead\n      data-slot=\"table-header\"\n      className={cn(\"[&_tr]:border-b\", className)}\n      {...props}\n    />\n  );\n}\n\ntype TableBodyProps = React.ComponentProps<\"tbody\">;\n\n/**\n * Table body section for data rows.\n * Use with TableRow and TableCell for row content.\n */\nfunction TableBody({ className, ...props }: TableBodyProps) {\n  return (\n    <tbody\n      data-slot=\"table-body\"\n      className={cn(\"[&_tr:last-child]:border-0\", className)}\n      {...props}\n    />\n  );\n}\n\ntype TableFooterProps = React.ComponentProps<\"tfoot\">;\n\n/**\n * Table footer section for summary rows.\n * Typically used for totals or aggregated data.\n */\nfunction TableFooter({ className, ...props }: TableFooterProps) {\n  return (\n    <tfoot\n      data-slot=\"table-footer\"\n      className={cn(\n        \"bg-muted/50 border-t font-medium [&>tr]:last:border-b-0\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\ntype TableRowProps = React.ComponentProps<\"tr\">;\n\n/**\n * Table row with hover and selection states.\n * Add `data-state=\"selected\"` attribute to highlight row.\n */\nfunction TableRow({ className, ...props }: TableRowProps) {\n  return (\n    <tr\n      data-slot=\"table-row\"\n      className={cn(\n        \"hover:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\ntype TableHeadProps = React.ComponentProps<\"th\">;\n\n/**\n * Table header cell for column titles.\n * Use within TableHeader > TableRow.\n */\nfunction TableHead({ className, ...props }: TableHeadProps) {\n  return (\n    <th\n      data-slot=\"table-head\"\n      className={cn(\n        \"text-foreground h-10 px-2 text-left align-middle font-medium whitespace-nowrap [&:has([role=checkbox])]:pr-0\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\ntype TableCellProps = React.ComponentProps<\"td\">;\n\n/**\n * Table data cell for row content.\n * Use within TableBody > TableRow.\n */\nfunction TableCell({ className, ...props }: TableCellProps) {\n  return (\n    <td\n      data-slot=\"table-cell\"\n      className={cn(\n        \"p-2 align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\ntype TableCaptionProps = React.ComponentProps<\"caption\">;\n\n/**\n * Table caption for accessibility and description.\n * Rendered below the table by default.\n */\nfunction TableCaption({ className, ...props }: TableCaptionProps) {\n  return (\n    <caption\n      data-slot=\"table-caption\"\n      className={cn(\"text-muted-foreground mt-4 text-sm\", className)}\n      {...props}\n    />\n  );\n}\n\nexport {\n  Table,\n  TableHeader,\n  TableBody,\n  TableFooter,\n  TableHead,\n  TableRow,\n  TableCell,\n  TableCaption,\n  type TableProps,\n  type TableHeaderProps,\n  type TableBodyProps,\n  type TableFooterProps,\n  type TableHeadProps,\n  type TableRowProps,\n  type TableCellProps,\n  type TableCaptionProps,\n};\n"],"names":[],"mappings":";;;AAUA,SAAS,MAAM,EAAE,WAAW,GAAG,SAAqB;AAClD,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAU;AAAA,MAEV,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,aAAU;AAAA,UACV,WAAW,GAAG,iCAAiC,SAAS;AAAA,UACvD,GAAG;AAAA,QAAA;AAAA,MAAA;AAAA,IACN;AAAA,EAAA;AAGN;AAQA,SAAS,YAAY,EAAE,WAAW,GAAG,SAA2B;AAC9D,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,mBAAmB,SAAS;AAAA,MACzC,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV;AAQA,SAAS,UAAU,EAAE,WAAW,GAAG,SAAyB;AAC1D,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,8BAA8B,SAAS;AAAA,MACpD,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV;AAQA,SAAS,YAAY,EAAE,WAAW,GAAG,SAA2B;AAC9D,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MAAA;AAAA,MAED,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV;AAQA,SAAS,SAAS,EAAE,WAAW,GAAG,SAAwB;AACxD,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MAAA;AAAA,MAED,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV;AAQA,SAAS,UAAU,EAAE,WAAW,GAAG,SAAyB;AAC1D,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MAAA;AAAA,MAED,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV;AAQA,SAAS,UAAU,EAAE,WAAW,GAAG,SAAyB;AAC1D,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MAAA;AAAA,MAED,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV;AAQA,SAAS,aAAa,EAAE,WAAW,GAAG,SAA4B;AAChE,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,sCAAsC,SAAS;AAAA,MAC5D,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV;"}