@mieweb/ui 0.2.4 → 0.3.0-dev.101

package/dist/{chunk-LZEY55QZ.cjs → chunk-OYKS2JBB.cjs}

@@ -30,6 +30,7 @@ var Table = React__namespace.forwardRef(
       "table",
       {
         ref,
+        "data-slot": "table",
         className: chunkOR5DRJCW_cjs.cn("w-full caption-bottom text-sm", className),
         ...props,
         children
@@ -43,7 +44,15 @@ var Table = React__namespace.forwardRef(
 );
 Table.displayName = "Table";
 var TableHeader = React__namespace.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("thead", { ref, className: chunkOR5DRJCW_cjs.cn("[&_tr]:border-b", className), ...props })
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+    "thead",
+    {
+      ref,
+      "data-slot": "table-header",
+      className: chunkOR5DRJCW_cjs.cn("[&_tr]:border-b", className),
+      ...props
+    }
+  )
 );
 TableHeader.displayName = "TableHeader";
 var TableBody = React__namespace.forwardRef(
@@ -51,6 +60,7 @@ var TableBody = React__namespace.forwardRef(
     "tbody",
     {
       ref,
+      "data-slot": "table-body",
       className: chunkOR5DRJCW_cjs.cn("[&_tr:last-child]:border-0", className),
       ...props
     }
@@ -62,6 +72,7 @@ var TableFooter = React__namespace.forwardRef(
     "tfoot",
     {
       ref,
+      "data-slot": "table-footer",
       className: chunkOR5DRJCW_cjs.cn(
         "bg-muted/50 border-t font-medium [&>tr]:last:border-b-0",
         className
@@ -76,6 +87,7 @@ var TableRow = React__namespace.forwardRef(
     "tr",
     {
       ref,
+      "data-slot": "table-row",
       "data-selected": selected,
       className: chunkOR5DRJCW_cjs.cn(
         "border-border border-b transition-colors",
@@ -110,6 +122,7 @@ var TableHead = React__namespace.forwardRef(
       "th",
       {
         ref,
+        "data-slot": "table-head",
         "aria-sort": sortable ? sortDirection === "asc" ? "ascending" : sortDirection === "desc" ? "descending" : "none" : void 0,
         className: chunkOR5DRJCW_cjs.cn(
           "text-muted-foreground h-12 px-4 text-left align-middle font-medium",
@@ -128,6 +141,7 @@ var TableCell = React__namespace.forwardRef(
     "td",
     {
       ref,
+      "data-slot": "table-cell",
       className: chunkOR5DRJCW_cjs.cn(
         "p-4 align-middle [&:has([role=checkbox])]:pr-0",
         className
@@ -141,6 +155,7 @@ var TableCaption = React__namespace.forwardRef(({ className, ...props }, ref) =>
   "caption",
   {
     ref,
+    "data-slot": "table-caption",
     className: chunkOR5DRJCW_cjs.cn("text-muted-foreground mt-4 text-sm", className),
     ...props
   }
@@ -215,5 +230,5 @@ exports.TableFooter = TableFooter;
 exports.TableHead = TableHead;
 exports.TableHeader = TableHeader;
 exports.TableRow = TableRow;
-//# sourceMappingURL=chunk-LZEY55QZ.cjs.map
-//# sourceMappingURL=chunk-LZEY55QZ.cjs.map
+//# sourceMappingURL=chunk-OYKS2JBB.cjs.map
+//# sourceMappingURL=chunk-OYKS2JBB.cjs.map

package/dist/chunk-OYKS2JBB.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Table/Table.tsx"],"names":["React","jsx","cn","jsxs"],"mappings":"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","file":"chunk-OYKS2JBB.cjs","sourcesContent":["import * as React from 'react';\nimport { cn } from '../../utils/cn';\n\n// ============================================================================\n// Table Root\n// ============================================================================\n\nexport interface TableProps extends React.TableHTMLAttributes<HTMLTableElement> {\n  /** Whether to make the table responsive with horizontal scroll */\n  responsive?: boolean;\n}\n\n/**\n * An accessible table component.\n *\n * @example\n * ```tsx\n * <Table>\n *   <TableHeader>\n *     <TableRow>\n *       <TableHead>Name</TableHead>\n *       <TableHead>Email</TableHead>\n *     </TableRow>\n *   </TableHeader>\n *   <TableBody>\n *     <TableRow>\n *       <TableCell>John Doe</TableCell>\n *       <TableCell>john@example.com</TableCell>\n *     </TableRow>\n *   </TableBody>\n * </Table>\n * ```\n */\nconst Table = React.forwardRef<HTMLTableElement, TableProps>(\n  ({ className, responsive = true, children, ...props }, ref) => {\n    const table = (\n      <table\n        ref={ref}\n        data-slot=\"table\"\n        className={cn('w-full caption-bottom text-sm', className)}\n        {...props}\n      >\n        {children}\n      </table>\n    );\n\n    if (responsive) {\n      return <div className=\"relative w-full overflow-auto\">{table}</div>;\n    }\n\n    return table;\n  }\n);\n\nTable.displayName = 'Table';\n\n// ============================================================================\n// Table Header\n// ============================================================================\n\nexport type TableHeaderProps = React.HTMLAttributes<HTMLTableSectionElement>;\n\nconst TableHeader = React.forwardRef<HTMLTableSectionElement, TableHeaderProps>(\n  ({ className, ...props }, ref) => (\n    <thead\n      ref={ref}\n      data-slot=\"table-header\"\n      className={cn('[&_tr]:border-b', className)}\n      {...props}\n    />\n  )\n);\n\nTableHeader.displayName = 'TableHeader';\n\n// ============================================================================\n// Table Body\n// ============================================================================\n\nexport type TableBodyProps = React.HTMLAttributes<HTMLTableSectionElement>;\n\nconst TableBody = React.forwardRef<HTMLTableSectionElement, TableBodyProps>(\n  ({ className, ...props }, ref) => (\n    <tbody\n      ref={ref}\n      data-slot=\"table-body\"\n      className={cn('[&_tr:last-child]:border-0', className)}\n      {...props}\n    />\n  )\n);\n\nTableBody.displayName = 'TableBody';\n\n// ============================================================================\n// Table Footer\n// ============================================================================\n\nexport type TableFooterProps = React.HTMLAttributes<HTMLTableSectionElement>;\n\nconst TableFooter = React.forwardRef<HTMLTableSectionElement, TableFooterProps>(\n  ({ className, ...props }, ref) => (\n    <tfoot\n      ref={ref}\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\nTableFooter.displayName = 'TableFooter';\n\n// ============================================================================\n// Table Row\n// ============================================================================\n\nexport interface TableRowProps extends React.HTMLAttributes<HTMLTableRowElement> {\n  /** Whether the row is selected */\n  selected?: boolean;\n}\n\nconst TableRow = React.forwardRef<HTMLTableRowElement, TableRowProps>(\n  ({ className, selected, ...props }, ref) => (\n    <tr\n      ref={ref}\n      data-slot=\"table-row\"\n      data-selected={selected}\n      className={cn(\n        'border-border border-b transition-colors',\n        'hover:bg-muted/50',\n        'data-[selected=true]:bg-muted',\n        className\n      )}\n      {...props}\n    />\n  )\n);\n\nTableRow.displayName = 'TableRow';\n\n// ============================================================================\n// Table Head\n// ============================================================================\n\nexport interface TableHeadProps extends React.ThHTMLAttributes<HTMLTableCellElement> {\n  /** Sortable column configuration */\n  sortable?: boolean;\n  /** Current sort direction */\n  sortDirection?: 'asc' | 'desc' | null;\n  /** Callback when sort is triggered */\n  onSort?: () => void;\n}\n\nconst TableHead = React.forwardRef<HTMLTableCellElement, TableHeadProps>(\n  ({ className, sortable, sortDirection, onSort, children, ...props }, ref) => {\n    const content = sortable ? (\n      <button\n        type=\"button\"\n        onClick={onSort}\n        className={cn(\n          'hover:text-foreground flex items-center gap-1 transition-colors',\n          'focus-visible:ring-ring rounded focus-visible:ring-2 focus-visible:outline-none'\n        )}\n        aria-label={`Sort column ${sortDirection === 'asc' ? 'descending' : 'ascending'}`}\n      >\n        {children}\n        <SortIcon direction={sortDirection} />\n      </button>\n    ) : (\n      children\n    );\n\n    return (\n      <th\n        ref={ref}\n        data-slot=\"table-head\"\n        aria-sort={\n          sortable\n            ? sortDirection === 'asc'\n              ? 'ascending'\n              : sortDirection === 'desc'\n                ? 'descending'\n                : 'none'\n            : undefined\n        }\n        className={cn(\n          'text-muted-foreground h-12 px-4 text-left align-middle font-medium',\n          '[&:has([role=checkbox])]:pr-0',\n          className\n        )}\n        {...props}\n      >\n        {content}\n      </th>\n    );\n  }\n);\n\nTableHead.displayName = 'TableHead';\n\n// ============================================================================\n// Table Cell\n// ============================================================================\n\nexport type TableCellProps = React.TdHTMLAttributes<HTMLTableCellElement>;\n\nconst TableCell = React.forwardRef<HTMLTableCellElement, TableCellProps>(\n  ({ className, ...props }, ref) => (\n    <td\n      ref={ref}\n      data-slot=\"table-cell\"\n      className={cn(\n        'p-4 align-middle [&:has([role=checkbox])]:pr-0',\n        className\n      )}\n      {...props}\n    />\n  )\n);\n\nTableCell.displayName = 'TableCell';\n\n// ============================================================================\n// Table Caption\n// ============================================================================\n\nexport type TableCaptionProps = React.HTMLAttributes<HTMLTableCaptionElement>;\n\nconst TableCaption = React.forwardRef<\n  HTMLTableCaptionElement,\n  TableCaptionProps\n>(({ className, ...props }, ref) => (\n  <caption\n    ref={ref}\n    data-slot=\"table-caption\"\n    className={cn('text-muted-foreground mt-4 text-sm', className)}\n    {...props}\n  />\n));\n\nTableCaption.displayName = 'TableCaption';\n\n// ============================================================================\n// Sort Icon\n// ============================================================================\n\nfunction SortIcon({ direction }: { direction?: 'asc' | 'desc' | null }) {\n  if (direction === 'asc') {\n    return (\n      <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width=\"16\"\n        height=\"16\"\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        stroke=\"currentColor\"\n        strokeWidth=\"2\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        aria-hidden=\"true\"\n        className=\"shrink-0\"\n      >\n        <path d=\"m5 12 7-7 7 7\" />\n      </svg>\n    );\n  }\n\n  if (direction === 'desc') {\n    return (\n      <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width=\"16\"\n        height=\"16\"\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        stroke=\"currentColor\"\n        strokeWidth=\"2\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        aria-hidden=\"true\"\n        className=\"shrink-0\"\n      >\n        <path d=\"m19 12-7 7-7-7\" />\n      </svg>\n    );\n  }\n\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"16\"\n      height=\"16\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      aria-hidden=\"true\"\n      className=\"shrink-0 opacity-50\"\n    >\n      <path d=\"m7 15 5 5 5-5\" />\n      <path d=\"m7 9 5-5 5 5\" />\n    </svg>\n  );\n}\n\nexport {\n  Table,\n  TableHeader,\n  TableBody,\n  TableFooter,\n  TableRow,\n  TableHead,\n  TableCell,\n  TableCaption,\n};\n"]}

package/dist/{chunk-4LTN2LEN.js → chunk-PSTGFXQG.js}

@@ -27,7 +27,7 @@ var defaultBrand = {
       border: "#e2e8f0",
       input: "#e2e8f0",
       ring: "#3b82f6",
-      destructive: "#ef4444",
+      destructive: "#dc2626",
       destructiveForeground: "#ffffff",
       success: "#22c55e",
       successForeground: "#ffffff",
@@ -75,5 +75,5 @@ var defaultBrand = {
 };
 
 export { defaultBrand };
-//# sourceMappingURL=chunk-4LTN2LEN.js.map
-//# sourceMappingURL=chunk-4LTN2LEN.js.map
+//# sourceMappingURL=chunk-PSTGFXQG.js.map
+//# sourceMappingURL=chunk-PSTGFXQG.js.map

package/dist/{chunk-4LTN2LEN.js.map → chunk-PSTGFXQG.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/brands/default.ts"],"names":[],"mappings":";AASO,IAAM,YAAA,GAA4B;AAAA,EACvC,IAAA,EAAM,SAAA;AAAA,EACN,WAAA,EAAa,eAAA;AAAA,EACb,WAAA,EAAa,qCAAA;AAAA,EAEb,MAAA,EAAQ;AAAA,IACN,OAAA,EAAS;AAAA,MACP,EAAA,EAAI,SAAA;AAAA,MACJ,GAAA,EAAK,SAAA;AAAA,MACL,GAAA,EAAK,SAAA;AAAA,MACL,GAAA,EAAK,SAAA;AAAA,MACL,GAAA,EAAK,SAAA;AAAA,MACL,GAAA,EAAK,SAAA;AAAA,MACL,GAAA,EAAK,SAAA;AAAA,MACL,GAAA,EAAK,SAAA;AAAA,MACL,GAAA,EAAK,SAAA;AAAA,MACL,GAAA,EAAK,SAAA;AAAA,MACL,GAAA,EAAK;AAAA,KACP;AAAA,IAEA,KAAA,EAAO;AAAA,MACL,UAAA,EAAY,SAAA;AAAA,MACZ,UAAA,EAAY,SAAA;AAAA,MACZ,IAAA,EAAM,SAAA;AAAA,MACN,cAAA,EAAgB,SAAA;AAAA,MAChB,KAAA,EAAO,SAAA;AAAA,MACP,eAAA,EAAiB,SAAA;AAAA,MACjB,MAAA,EAAQ,SAAA;AAAA,MACR,KAAA,EAAO,SAAA;AAAA,MACP,IAAA,EAAM,SAAA;AAAA,MACN,WAAA,EAAa,SAAA;AAAA,MACb,qBAAA,EAAuB,SAAA;AAAA,MACvB,OAAA,EAAS,SAAA;AAAA,MACT,iBAAA,EAAmB,SAAA;AAAA,MACnB,OAAA,EAAS,SAAA;AAAA,MACT,iBAAA,EAAmB;AAAA,KACrB;AAAA,IAEA,IAAA,EAAM;AAAA,MACJ,UAAA,EAAY,SAAA;AAAA,MACZ,UAAA,EAAY,SAAA;AAAA,MACZ,IAAA,EAAM,SAAA;AAAA,MACN,cAAA,EAAgB,SAAA;AAAA,MAChB,KAAA,EAAO,SAAA;AAAA,MACP,eAAA,EAAiB,SAAA;AAAA,MACjB,MAAA,EAAQ,SAAA;AAAA,MACR,KAAA,EAAO,SAAA;AAAA,MACP,IAAA,EAAM,SAAA;AAAA,MACN,WAAA,EAAa,SAAA;AAAA,MACb,qBAAA,EAAuB,SAAA;AAAA,MACvB,OAAA,EAAS,SAAA;AAAA,MACT,iBAAA,EAAmB,SAAA;AAAA,MACnB,OAAA,EAAS,SAAA;AAAA,MACT,iBAAA,EAAmB;AAAA;AACrB,GACF;AAAA,EAEA,UAAA,EAAY;AAAA,IACV,UAAA,EAAY;AAAA,MACV,IAAA,EAAM,CAAC,OAAA,EAAS,eAAA,EAAiB,aAAa,YAAY,CAAA;AAAA,MAC1D,IAAA,EAAM,CAAC,cAAA,EAAgB,gBAAA,EAAkB,SAAS,WAAW;AAAA;AAC/D,GACF;AAAA,EAEA,YAAA,EAAc;AAAA,IACZ,IAAA,EAAM,GAAA;AAAA,IACN,EAAA,EAAI,UAAA;AAAA,IACJ,EAAA,EAAI,UAAA;AAAA,IACJ,EAAA,EAAI,QAAA;AAAA,IACJ,EAAA,EAAI,SAAA;AAAA,IACJ,KAAA,EAAO,MAAA;AAAA,IACP,IAAA,EAAM;AAAA,GACR;AAAA,EAEA,SAAA,EAAW;AAAA,IACT,IAAA,EAAM,+BAAA;AAAA,IACN,QAAA,EACE,kEAAA;AAAA,IACF,KAAA,EACE;AAAA;AAEN","file":"chunk-4LTN2LEN.js","sourcesContent":["/**\n * Default Brand Configuration\n *\n * A neutral, accessible brand theme using standard colors.\n * Use this as a starting point for creating custom brands.\n */\n\nimport type { BrandConfig } from './types';\n\nexport const defaultBrand: BrandConfig = {\n  name: 'default',\n  displayName: 'Default Theme',\n  description: 'A neutral, accessible default theme',\n\n  colors: {\n    primary: {\n      50: '#f8fafc',\n      100: '#f1f5f9',\n      200: '#e2e8f0',\n      300: '#cbd5e1',\n      400: '#94a3b8',\n      500: '#64748b',\n      600: '#475569',\n      700: '#334155',\n      800: '#1e293b',\n      900: '#0f172a',\n      950: '#020617',\n    },\n\n    light: {\n      background: '#ffffff',\n      foreground: '#0f172a',\n      card: '#ffffff',\n      cardForeground: '#0f172a',\n      muted: '#f1f5f9',\n      mutedForeground: '#64748b',\n      border: '#e2e8f0',\n      input: '#e2e8f0',\n      ring: '#3b82f6',\n      destructive: '#ef4444',\n      destructiveForeground: '#ffffff',\n      success: '#22c55e',\n      successForeground: '#ffffff',\n      warning: '#f59e0b',\n      warningForeground: '#ffffff',\n    },\n\n    dark: {\n      background: '#0f172a',\n      foreground: '#f8fafc',\n      card: '#1e293b',\n      cardForeground: '#f8fafc',\n      muted: '#334155',\n      mutedForeground: '#94a3b8',\n      border: '#334155',\n      input: '#334155',\n      ring: '#3b82f6',\n      destructive: '#dc2626',\n      destructiveForeground: '#f8fafc',\n      success: '#16a34a',\n      successForeground: '#f8fafc',\n      warning: '#d97706',\n      warningForeground: '#f8fafc',\n    },\n  },\n\n  typography: {\n    fontFamily: {\n      sans: ['Inter', 'ui-sans-serif', 'system-ui', 'sans-serif'],\n      mono: ['ui-monospace', 'SFMono-Regular', 'Menlo', 'monospace'],\n    },\n  },\n\n  borderRadius: {\n    none: '0',\n    sm: '0.125rem',\n    md: '0.375rem',\n    lg: '0.5rem',\n    xl: '0.75rem',\n    '2xl': '1rem',\n    full: '9999px',\n  },\n\n  boxShadow: {\n    card: '0 1px 2px 0 rgb(0 0 0 / 0.05)',\n    dropdown:\n      '0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)',\n    modal:\n      '0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)',\n  },\n};\n\nexport { defaultBrand as default };\n"]}
+{"version":3,"sources":["../src/brands/default.ts"],"names":[],"mappings":";AASO,IAAM,YAAA,GAA4B;AAAA,EACvC,IAAA,EAAM,SAAA;AAAA,EACN,WAAA,EAAa,eAAA;AAAA,EACb,WAAA,EAAa,qCAAA;AAAA,EAEb,MAAA,EAAQ;AAAA,IACN,OAAA,EAAS;AAAA,MACP,EAAA,EAAI,SAAA;AAAA,MACJ,GAAA,EAAK,SAAA;AAAA,MACL,GAAA,EAAK,SAAA;AAAA,MACL,GAAA,EAAK,SAAA;AAAA,MACL,GAAA,EAAK,SAAA;AAAA,MACL,GAAA,EAAK,SAAA;AAAA,MACL,GAAA,EAAK,SAAA;AAAA,MACL,GAAA,EAAK,SAAA;AAAA,MACL,GAAA,EAAK,SAAA;AAAA,MACL,GAAA,EAAK,SAAA;AAAA,MACL,GAAA,EAAK;AAAA,KACP;AAAA,IAEA,KAAA,EAAO;AAAA,MACL,UAAA,EAAY,SAAA;AAAA,MACZ,UAAA,EAAY,SAAA;AAAA,MACZ,IAAA,EAAM,SAAA;AAAA,MACN,cAAA,EAAgB,SAAA;AAAA,MAChB,KAAA,EAAO,SAAA;AAAA,MACP,eAAA,EAAiB,SAAA;AAAA,MACjB,MAAA,EAAQ,SAAA;AAAA,MACR,KAAA,EAAO,SAAA;AAAA,MACP,IAAA,EAAM,SAAA;AAAA,MACN,WAAA,EAAa,SAAA;AAAA,MACb,qBAAA,EAAuB,SAAA;AAAA,MACvB,OAAA,EAAS,SAAA;AAAA,MACT,iBAAA,EAAmB,SAAA;AAAA,MACnB,OAAA,EAAS,SAAA;AAAA,MACT,iBAAA,EAAmB;AAAA,KACrB;AAAA,IAEA,IAAA,EAAM;AAAA,MACJ,UAAA,EAAY,SAAA;AAAA,MACZ,UAAA,EAAY,SAAA;AAAA,MACZ,IAAA,EAAM,SAAA;AAAA,MACN,cAAA,EAAgB,SAAA;AAAA,MAChB,KAAA,EAAO,SAAA;AAAA,MACP,eAAA,EAAiB,SAAA;AAAA,MACjB,MAAA,EAAQ,SAAA;AAAA,MACR,KAAA,EAAO,SAAA;AAAA,MACP,IAAA,EAAM,SAAA;AAAA,MACN,WAAA,EAAa,SAAA;AAAA,MACb,qBAAA,EAAuB,SAAA;AAAA,MACvB,OAAA,EAAS,SAAA;AAAA,MACT,iBAAA,EAAmB,SAAA;AAAA,MACnB,OAAA,EAAS,SAAA;AAAA,MACT,iBAAA,EAAmB;AAAA;AACrB,GACF;AAAA,EAEA,UAAA,EAAY;AAAA,IACV,UAAA,EAAY;AAAA,MACV,IAAA,EAAM,CAAC,OAAA,EAAS,eAAA,EAAiB,aAAa,YAAY,CAAA;AAAA,MAC1D,IAAA,EAAM,CAAC,cAAA,EAAgB,gBAAA,EAAkB,SAAS,WAAW;AAAA;AAC/D,GACF;AAAA,EAEA,YAAA,EAAc;AAAA,IACZ,IAAA,EAAM,GAAA;AAAA,IACN,EAAA,EAAI,UAAA;AAAA,IACJ,EAAA,EAAI,UAAA;AAAA,IACJ,EAAA,EAAI,QAAA;AAAA,IACJ,EAAA,EAAI,SAAA;AAAA,IACJ,KAAA,EAAO,MAAA;AAAA,IACP,IAAA,EAAM;AAAA,GACR;AAAA,EAEA,SAAA,EAAW;AAAA,IACT,IAAA,EAAM,+BAAA;AAAA,IACN,QAAA,EACE,kEAAA;AAAA,IACF,KAAA,EACE;AAAA;AAEN","file":"chunk-PSTGFXQG.js","sourcesContent":["/**\n * Default Brand Configuration\n *\n * A neutral, accessible brand theme using standard colors.\n * Use this as a starting point for creating custom brands.\n */\n\nimport type { BrandConfig } from './types';\n\nexport const defaultBrand: BrandConfig = {\n  name: 'default',\n  displayName: 'Default Theme',\n  description: 'A neutral, accessible default theme',\n\n  colors: {\n    primary: {\n      50: '#f8fafc',\n      100: '#f1f5f9',\n      200: '#e2e8f0',\n      300: '#cbd5e1',\n      400: '#94a3b8',\n      500: '#64748b',\n      600: '#475569',\n      700: '#334155',\n      800: '#1e293b',\n      900: '#0f172a',\n      950: '#020617',\n    },\n\n    light: {\n      background: '#ffffff',\n      foreground: '#0f172a',\n      card: '#ffffff',\n      cardForeground: '#0f172a',\n      muted: '#f1f5f9',\n      mutedForeground: '#64748b',\n      border: '#e2e8f0',\n      input: '#e2e8f0',\n      ring: '#3b82f6',\n      destructive: '#dc2626',\n      destructiveForeground: '#ffffff',\n      success: '#22c55e',\n      successForeground: '#ffffff',\n      warning: '#f59e0b',\n      warningForeground: '#ffffff',\n    },\n\n    dark: {\n      background: '#0f172a',\n      foreground: '#f8fafc',\n      card: '#1e293b',\n      cardForeground: '#f8fafc',\n      muted: '#334155',\n      mutedForeground: '#94a3b8',\n      border: '#334155',\n      input: '#334155',\n      ring: '#3b82f6',\n      destructive: '#dc2626',\n      destructiveForeground: '#f8fafc',\n      success: '#16a34a',\n      successForeground: '#f8fafc',\n      warning: '#d97706',\n      warningForeground: '#f8fafc',\n    },\n  },\n\n  typography: {\n    fontFamily: {\n      sans: ['Inter', 'ui-sans-serif', 'system-ui', 'sans-serif'],\n      mono: ['ui-monospace', 'SFMono-Regular', 'Menlo', 'monospace'],\n    },\n  },\n\n  borderRadius: {\n    none: '0',\n    sm: '0.125rem',\n    md: '0.375rem',\n    lg: '0.5rem',\n    xl: '0.75rem',\n    '2xl': '1rem',\n    full: '9999px',\n  },\n\n  boxShadow: {\n    card: '0 1px 2px 0 rgb(0 0 0 / 0.05)',\n    dropdown:\n      '0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)',\n    modal:\n      '0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)',\n  },\n};\n\nexport { defaultBrand as default };\n"]}

package/dist/{chunk-OW2BWGST.js → chunk-PU6ZC4GI.js}

@@ -73,6 +73,7 @@ function RadioGroup({
       children: /* @__PURE__ */ jsxs(
         "fieldset",
         {
+          "data-slot": "radio-group",
           role: "radiogroup",
           className: cn("flex flex-col gap-2", className),
           "aria-describedby": [description ? descriptionId : null, error ? errorId : null].filter(Boolean).join(" ") || void 0,
@@ -80,6 +81,7 @@ function RadioGroup({
             label && /* @__PURE__ */ jsx(
               "legend",
               {
+                "data-slot": "radio-group-legend",
                 className: cn(
                   "text-foreground font-medium",
                   size === "sm" && "text-xs",
@@ -93,6 +95,7 @@ function RadioGroup({
               "p",
               {
                 id: descriptionId,
+                "data-slot": "radio-group-description",
                 className: cn(
                   "text-muted-foreground",
                   size === "sm" && "text-[10px]",
@@ -105,6 +108,7 @@ function RadioGroup({
             /* @__PURE__ */ jsx(
               "div",
               {
+                "data-slot": "radio-group-items",
                 className: cn(
                   "flex gap-4",
                   orientation === "vertical" && "flex-col gap-3"
@@ -116,6 +120,7 @@ function RadioGroup({
               "p",
               {
                 id: errorId,
+                "data-slot": "radio-group-error",
                 className: cn(
                   "text-destructive",
                   size === "sm" && "text-xs",
@@ -157,41 +162,51 @@ var Radio = React.forwardRef(
         context.onChange(value);
       }
     }, [isDisabled, context, value]);
-    const radioElement = /* @__PURE__ */ jsxs("span", { className: "relative inline-flex items-center justify-center", children: [
-      /* @__PURE__ */ jsx(
-        "input",
-        {
-          ref,
-          id: radioId,
-          type: "radio",
-          name: context.name,
-          value,
-          checked: isChecked,
-          disabled: isDisabled,
-          onChange: handleChange,
-          "aria-describedby": description ? descriptionId : void 0,
-          className: cn(radioVariants({ size }), className),
-          ...props
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        "span",
-        {
-          className: cn(
-            "bg-primary-500 pointer-events-none absolute rounded-full transition-transform",
-            size === "sm" && "h-2 w-2",
-            size === "md" && "h-2.5 w-2.5",
-            size === "lg" && "h-3 w-3",
-            isChecked ? "scale-100" : "scale-0"
+    const radioElement = /* @__PURE__ */ jsxs(
+      "span",
+      {
+        "data-slot": "radio-indicator",
+        className: "relative inline-flex items-center justify-center",
+        children: [
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              ref,
+              "data-slot": "radio",
+              id: radioId,
+              type: "radio",
+              name: context.name,
+              value,
+              checked: isChecked,
+              disabled: isDisabled,
+              onChange: handleChange,
+              "aria-describedby": description ? descriptionId : void 0,
+              className: cn(radioVariants({ size }), className),
+              ...props
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "span",
+            {
+              "data-slot": "radio-dot",
+              className: cn(
+                "bg-primary-800 pointer-events-none absolute rounded-full transition-transform",
+                size === "sm" && "h-2 w-2",
+                size === "md" && "h-2.5 w-2.5",
+                size === "lg" && "h-3 w-3",
+                isChecked ? "scale-100" : "scale-0"
+              )
+            }
           )
-        }
-      )
-    ] });
+        ]
+      }
+    );
     const labelElement = label && /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-0.5", children: [
       /* @__PURE__ */ jsx(
         "label",
         {
           htmlFor: radioId,
+          "data-slot": "radio-label",
           className: cn(
             "text-foreground cursor-pointer font-medium select-none",
             size === "sm" && "text-xs",
@@ -206,6 +221,7 @@ var Radio = React.forwardRef(
         "p",
         {
           id: descriptionId,
+          "data-slot": "radio-description",
           className: cn(
             "text-muted-foreground",
             size === "sm" && "text-[10px]",
@@ -219,6 +235,7 @@ var Radio = React.forwardRef(
     return /* @__PURE__ */ jsxs(
       "div",
       {
+        "data-slot": "radio-wrapper",
         className: cn(
           "flex items-start gap-3",
           labelPosition === "left" && "flex-row-reverse"
@@ -234,5 +251,5 @@ var Radio = React.forwardRef(
 Radio.displayName = "Radio";
 
 export { Radio, RadioGroup, radioVariants };
-//# sourceMappingURL=chunk-OW2BWGST.js.map
-//# sourceMappingURL=chunk-OW2BWGST.js.map
+//# sourceMappingURL=chunk-PU6ZC4GI.js.map
+//# sourceMappingURL=chunk-PU6ZC4GI.js.map

package/dist/chunk-PU6ZC4GI.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Radio/Radio.tsx"],"names":[],"mappings":"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","file":"chunk-PU6ZC4GI.js","sourcesContent":["import * as React from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\n\n// ============================================================================\n// Radio Group Context\n// ============================================================================\n\ninterface RadioGroupContextValue {\n  name: string;\n  value: string;\n  onChange: (value: string) => void;\n  disabled?: boolean;\n  size?: 'sm' | 'md' | 'lg' | null;\n}\n\nconst RadioGroupContext = React.createContext<\n  RadioGroupContextValue | undefined\n>(undefined);\n\nfunction useRadioGroupContext() {\n  const context = React.useContext(RadioGroupContext);\n  if (!context) {\n    throw new Error('Radio must be used within a RadioGroup');\n  }\n  return context;\n}\n\n// ============================================================================\n// Radio Variants\n// ============================================================================\n\nconst radioVariants = cva(\n  [\n    'shrink-0 appearance-none',\n    'border-2 border-input rounded-full',\n    'bg-background',\n    'transition-all duration-150',\n    'cursor-pointer',\n    'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2',\n    'disabled:cursor-not-allowed disabled:opacity-50',\n    'checked:border-primary-500',\n  ],\n  {\n    variants: {\n      size: {\n        sm: 'h-4 w-4',\n        md: 'h-5 w-5',\n        lg: 'h-6 w-6',\n      },\n    },\n    defaultVariants: {\n      size: 'md',\n    },\n  }\n);\n\n// ============================================================================\n// Radio Group\n// ============================================================================\n\nexport interface RadioGroupProps {\n  /** Group name (required for native form behavior) */\n  name?: string;\n  /** Controlled value */\n  value?: string;\n  /** Default value (uncontrolled) */\n  defaultValue?: string;\n  /** Callback when value changes */\n  onValueChange?: (value: string) => void;\n  /** Group label */\n  label?: string;\n  /** Description for the group */\n  description?: string;\n  /** Error message */\n  error?: string;\n  /** Whether all radios are disabled */\n  disabled?: boolean;\n  /** Size of all radios */\n  size?: 'sm' | 'md' | 'lg';\n  /** Orientation of radio items */\n  orientation?: 'horizontal' | 'vertical';\n  /** Children radio items */\n  children: React.ReactNode;\n  /** Additional class name */\n  className?: string;\n}\n\n/**\n * A radio group component for selecting one option from a set.\n *\n * @example\n * ```tsx\n * <RadioGroup name=\"plan\" label=\"Select a plan\" onValueChange={setPlan}>\n *   <Radio value=\"free\" label=\"Free\" />\n *   <Radio value=\"pro\" label=\"Pro\" />\n *   <Radio value=\"enterprise\" label=\"Enterprise\" />\n * </RadioGroup>\n * ```\n */\nfunction RadioGroup({\n  name,\n  value: controlledValue,\n  defaultValue = '',\n  onValueChange,\n  label,\n  description,\n  error,\n  disabled = false,\n  size = 'md',\n  orientation = 'vertical',\n  children,\n  className,\n}: RadioGroupProps) {\n  const generatedName = React.useId();\n  const groupName = name || generatedName;\n  const groupId = React.useId();\n  const descriptionId = `${groupId}-description`;\n  const errorId = `${groupId}-error`;\n\n  const [uncontrolledValue, setUncontrolledValue] =\n    React.useState(defaultValue);\n  const isControlled = controlledValue !== undefined;\n  const value = isControlled ? controlledValue : uncontrolledValue;\n\n  const handleChange = React.useCallback(\n    (newValue: string) => {\n      if (!isControlled) {\n        setUncontrolledValue(newValue);\n      }\n      onValueChange?.(newValue);\n    },\n    [isControlled, onValueChange]\n  );\n\n  return (\n    <RadioGroupContext.Provider\n      value={{ name: groupName, value, onChange: handleChange, disabled, size }}\n    >\n      <fieldset\n        data-slot=\"radio-group\"\n        role=\"radiogroup\"\n        className={cn('flex flex-col gap-2', className)}\n        aria-describedby={\n          [description ? descriptionId : null, error ? errorId : null]\n            .filter(Boolean)\n            .join(' ') || undefined\n        }\n      >\n        {label && (\n          <legend\n            data-slot=\"radio-group-legend\"\n            className={cn(\n              'text-foreground font-medium',\n              size === 'sm' && 'text-xs',\n              size === 'md' && 'text-sm',\n              size === 'lg' && 'text-base'\n            )}\n          >\n            {label}\n          </legend>\n        )}\n        {description && (\n          <p\n            id={descriptionId}\n            data-slot=\"radio-group-description\"\n            className={cn(\n              'text-muted-foreground',\n              size === 'sm' && 'text-[10px]',\n              size === 'md' && 'text-xs',\n              size === 'lg' && 'text-sm'\n            )}\n          >\n            {description}\n          </p>\n        )}\n        <div\n          data-slot=\"radio-group-items\"\n          className={cn(\n            'flex gap-4',\n            orientation === 'vertical' && 'flex-col gap-3'\n          )}\n        >\n          {children}\n        </div>\n        {error && (\n          <p\n            id={errorId}\n            data-slot=\"radio-group-error\"\n            className={cn(\n              'text-destructive',\n              size === 'sm' && 'text-xs',\n              size === 'md' && 'text-sm',\n              size === 'lg' && 'text-base'\n            )}\n            role=\"alert\"\n          >\n            {error}\n          </p>\n        )}\n      </fieldset>\n    </RadioGroupContext.Provider>\n  );\n}\n\nRadioGroup.displayName = 'RadioGroup';\n\n// ============================================================================\n// Radio Item\n// ============================================================================\n\nexport interface RadioProps\n  extends\n    Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size' | 'type'>,\n    VariantProps<typeof radioVariants> {\n  /** Value for this radio option */\n  value: string;\n  /** Label for the radio */\n  label?: string;\n  /** Description text below the label */\n  description?: string;\n  /** Position of the label */\n  labelPosition?: 'left' | 'right';\n}\n\n/**\n * An individual radio item within a RadioGroup.\n *\n * @example\n * ```tsx\n * <Radio value=\"option1\" label=\"Option 1\" />\n * <Radio value=\"option2\" label=\"Option 2\" description=\"Additional details\" />\n * ```\n */\nconst Radio = React.forwardRef<HTMLInputElement, RadioProps>(\n  (\n    {\n      className,\n      size: propSize,\n      value,\n      label,\n      description,\n      labelPosition = 'right',\n      disabled: propDisabled,\n      id,\n      ...props\n    },\n    ref\n  ) => {\n    const context = useRadioGroupContext();\n    const generatedId = React.useId();\n    const radioId = id || generatedId;\n    const descriptionId = `${radioId}-description`;\n\n    const isChecked = context.value === value;\n    const isDisabled = propDisabled || context.disabled;\n    const size = propSize || context.size;\n\n    const handleChange = React.useCallback(() => {\n      if (!isDisabled) {\n        context.onChange(value);\n      }\n    }, [isDisabled, context, value]);\n\n    const radioElement = (\n      <span\n        data-slot=\"radio-indicator\"\n        className=\"relative inline-flex items-center justify-center\"\n      >\n        <input\n          ref={ref}\n          data-slot=\"radio\"\n          id={radioId}\n          type=\"radio\"\n          name={context.name}\n          value={value}\n          checked={isChecked}\n          disabled={isDisabled}\n          onChange={handleChange}\n          aria-describedby={description ? descriptionId : undefined}\n          className={cn(radioVariants({ size }), className)}\n          {...props}\n        />\n        {/* Custom dot indicator */}\n        <span\n          data-slot=\"radio-dot\"\n          className={cn(\n            'bg-primary-800 pointer-events-none absolute rounded-full transition-transform',\n            size === 'sm' && 'h-2 w-2',\n            size === 'md' && 'h-2.5 w-2.5',\n            size === 'lg' && 'h-3 w-3',\n            isChecked ? 'scale-100' : 'scale-0'\n          )}\n        />\n      </span>\n    );\n\n    const labelElement = label && (\n      <div className=\"flex flex-col gap-0.5\">\n        <label\n          htmlFor={radioId}\n          data-slot=\"radio-label\"\n          className={cn(\n            'text-foreground cursor-pointer font-medium select-none',\n            size === 'sm' && 'text-xs',\n            size === 'md' && 'text-sm',\n            size === 'lg' && 'text-base',\n            isDisabled && 'cursor-not-allowed opacity-50'\n          )}\n        >\n          {label}\n        </label>\n        {description && (\n          <p\n            id={descriptionId}\n            data-slot=\"radio-description\"\n            className={cn(\n              'text-muted-foreground',\n              size === 'sm' && 'text-[10px]',\n              size === 'md' && 'text-xs',\n              size === 'lg' && 'text-sm'\n            )}\n          >\n            {description}\n          </p>\n        )}\n      </div>\n    );\n\n    return (\n      <div\n        data-slot=\"radio-wrapper\"\n        className={cn(\n          'flex items-start gap-3',\n          labelPosition === 'left' && 'flex-row-reverse'\n        )}\n      >\n        {radioElement}\n        {labelElement}\n      </div>\n    );\n  }\n);\n\nRadio.displayName = 'Radio';\n\nexport { RadioGroup, Radio, radioVariants };\n"]}

package/dist/chunk-PVUDXJAI.js

@@ -0,0 +1,124 @@
+import { cn } from './chunk-F3SOEIN2.js';
+import * as React from 'react';
+import { cva } from 'class-variance-authority';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var inputVariants = cva(
+  [
+    "w-full px-3 py-2",
+    "border border-input rounded-lg",
+    "bg-background text-foreground",
+    "placeholder:text-muted-foreground",
+    "transition-colors duration-200",
+    "focus:outline-none focus:ring-2 focus:ring-ring focus:border-transparent",
+    "disabled:cursor-not-allowed disabled:opacity-50"
+  ],
+  {
+    variants: {
+      size: {
+        sm: "h-8 text-sm",
+        md: "h-10 text-base",
+        lg: "h-12 text-lg"
+      },
+      hasError: {
+        true: "border-destructive focus:ring-destructive",
+        false: ""
+      }
+    },
+    defaultVariants: {
+      size: "md",
+      hasError: false
+    }
+  }
+);
+var Input = React.forwardRef(
+  ({
+    className,
+    size,
+    hasError,
+    error,
+    helperText,
+    label,
+    hideLabel,
+    required,
+    disabled,
+    id,
+    "aria-describedby": ariaDescribedBy,
+    ...props
+  }, ref) => {
+    const generatedId = React.useId();
+    const inputId = id || generatedId;
+    const errorId = `${inputId}-error`;
+    const helperId = `${inputId}-helper`;
+    const describedByIds = [
+      error ? errorId : null,
+      helperText && !error ? helperId : null,
+      ariaDescribedBy
+    ].filter(Boolean).join(" ");
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        "data-slot": "input-wrapper",
+        className: cn("flex flex-col gap-1.5", disabled && "opacity-50"),
+        children: [
+          label && /* @__PURE__ */ jsxs(
+            "label",
+            {
+              "data-slot": "input-label",
+              htmlFor: inputId,
+              className: cn(
+                "text-foreground text-sm font-medium",
+                hideLabel && "sr-only"
+              ),
+              children: [
+                label,
+                required && /* @__PURE__ */ jsx("span", { className: "text-destructive ml-1", "aria-hidden": "true", children: "*" })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              "data-slot": "input",
+              id: inputId,
+              ref,
+              className: cn(
+                inputVariants({ size, hasError: hasError || !!error }),
+                className
+              ),
+              "aria-invalid": hasError || !!error,
+              "aria-describedby": describedByIds || void 0,
+              required,
+              disabled,
+              ...props
+            }
+          ),
+          error && /* @__PURE__ */ jsx(
+            "p",
+            {
+              id: errorId,
+              "data-slot": "input-error",
+              className: "text-destructive-700 dark:text-destructive-400 text-sm",
+              role: "alert",
+              children: error
+            }
+          ),
+          helperText && !error && /* @__PURE__ */ jsx(
+            "p",
+            {
+              id: helperId,
+              "data-slot": "input-helper",
+              className: "text-muted-foreground text-sm",
+              children: helperText
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+Input.displayName = "Input";
+
+export { Input, inputVariants };
+//# sourceMappingURL=chunk-PVUDXJAI.js.map
+//# sourceMappingURL=chunk-PVUDXJAI.js.map

package/dist/chunk-PVUDXJAI.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Input/Input.tsx"],"names":[],"mappings":"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","file":"chunk-PVUDXJAI.js","sourcesContent":["import * as React from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\n\nconst inputVariants = cva(\n  [\n    'w-full px-3 py-2',\n    'border border-input rounded-lg',\n    'bg-background text-foreground',\n    'placeholder:text-muted-foreground',\n    'transition-colors duration-200',\n    'focus:outline-none focus:ring-2 focus:ring-ring focus:border-transparent',\n    'disabled:cursor-not-allowed disabled:opacity-50',\n  ],\n  {\n    variants: {\n      size: {\n        sm: 'h-8 text-sm',\n        md: 'h-10 text-base',\n        lg: 'h-12 text-lg',\n      },\n      hasError: {\n        true: 'border-destructive focus:ring-destructive',\n        false: '',\n      },\n    },\n    defaultVariants: {\n      size: 'md',\n      hasError: false,\n    },\n  }\n);\n\nexport interface InputProps\n  extends\n    Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size'>,\n    VariantProps<typeof inputVariants> {\n  /** Error message to display below the input */\n  error?: string;\n  /** Helper text to display below the input */\n  helperText?: string;\n  /** Label for the input */\n  label?: string;\n  /** Whether the label should be visually hidden (still accessible) */\n  hideLabel?: boolean;\n  /** Whether the input is required */\n  required?: boolean;\n}\n\n/**\n * A styled input component with support for labels, errors, and helper text.\n *\n * @example\n * ```tsx\n * <Input label=\"Email\" type=\"email\" placeholder=\"you@example.com\" />\n * <Input label=\"Password\" type=\"password\" error=\"Password is required\" hasError />\n * ```\n */\nconst Input = React.forwardRef<HTMLInputElement, InputProps>(\n  (\n    {\n      className,\n      size,\n      hasError,\n      error,\n      helperText,\n      label,\n      hideLabel,\n      required,\n      disabled,\n      id,\n      'aria-describedby': ariaDescribedBy,\n      ...props\n    },\n    ref\n  ) => {\n    const generatedId = React.useId();\n    const inputId = id || generatedId;\n    const errorId = `${inputId}-error`;\n    const helperId = `${inputId}-helper`;\n\n    const describedByIds = [\n      error ? errorId : null,\n      helperText && !error ? helperId : null,\n      ariaDescribedBy,\n    ]\n      .filter(Boolean)\n      .join(' ');\n\n    return (\n      <div\n        data-slot=\"input-wrapper\"\n        className={cn('flex flex-col gap-1.5', disabled && 'opacity-50')}\n      >\n        {label && (\n          <label\n            data-slot=\"input-label\"\n            htmlFor={inputId}\n            className={cn(\n              'text-foreground text-sm font-medium',\n              hideLabel && 'sr-only'\n            )}\n          >\n            {label}\n            {required && (\n              <span className=\"text-destructive ml-1\" aria-hidden=\"true\">\n                *\n              </span>\n            )}\n          </label>\n        )}\n        <input\n          data-slot=\"input\"\n          id={inputId}\n          ref={ref}\n          className={cn(\n            inputVariants({ size, hasError: hasError || !!error }),\n            className\n          )}\n          aria-invalid={hasError || !!error}\n          aria-describedby={describedByIds || undefined}\n          required={required}\n          disabled={disabled}\n          {...props}\n        />\n        {error && (\n          <p\n            id={errorId}\n            data-slot=\"input-error\"\n            className=\"text-destructive-700 dark:text-destructive-400 text-sm\"\n            role=\"alert\"\n          >\n            {error}\n          </p>\n        )}\n        {helperText && !error && (\n          <p\n            id={helperId}\n            data-slot=\"input-helper\"\n            className=\"text-muted-foreground text-sm\"\n          >\n            {helperText}\n          </p>\n        )}\n      </div>\n    );\n  }\n);\n\nInput.displayName = 'Input';\n\nexport { Input, inputVariants };\n"]}