@codefast/ui 0.0.8 → 0.0.10

package/dist/calendar.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/calendar.tsx"],"names":[],"mappings":";;;;;;;;;AAGA;AAAA,EAEE;AAAA,OAGK;AACP,SAAS,iBAAiB,wBAAwB;AAYzC;AAJT,SAAS,YAAY;AAAA,EACnB,UAAU;AAAA,EACV,GAAG;AACL,GAAuC;AACrC,SAAO,oBAAC,mBAAgB,WAAU,UAAU,GAAG,OAAO;AACxD;AAEA,SAAS,aAAa;AAAA,EACpB,UAAU;AAAA,EACV,GAAG;AACL,GAAuC;AACrC,SAAO,oBAAC,oBAAiB,WAAU,UAAU,GAAG,OAAO;AACzD;AAEA,SAAS,SAAS;AAAA,EAChB;AAAA,EACA;AAAA,EACA,kBAAkB;AAAA,EAClB,GAAG;AACL,GAAsC;AACpC,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,WAAW,GAAG,OAAO,SAAS;AAAA,MAC9B,YAAY;AAAA,QACV,QAAQ;AAAA,QACR,OAAO;AAAA,QACP,SAAS;AAAA,QACT,eAAe;AAAA,QACf,KAAK;AAAA,QACL,YAAY,eAAe;AAAA,UACzB,SAAS;AAAA,UACT,WAAW;AAAA,QACb,CAAC;AAAA,QACD,qBAAqB;AAAA,QACrB,iBAAiB;AAAA,QACjB,OAAO;AAAA,QACP,UAAU;AAAA,QACV,WAAW;AAAA,QACX,KAAK;AAAA,QACL,MAAM;AAAA,UACJ;AAAA,UACA,MAAM,SAAS,UACX,yKACA;AAAA,QACN;AAAA,QACA,KAAK,eAAe;AAAA,UAClB,SAAS;AAAA,UACT,WAAW;AAAA,QACb,CAAC;AAAA,QACD,iBAAiB;AAAA,QACjB,eAAe;AAAA,QACf,cACE;AAAA,QACF,WAAW;AAAA,QACX,aACE;AAAA,QACF,cAAc;AAAA,QACd,kBACE;AAAA,QACF,YAAY;AAAA,QACZ,GAAG;AAAA,MACL;AAAA,MACA,YAAY;AAAA,QACV,UAAU;AAAA,QACV,WAAW;AAAA,MACb;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ","sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport {\n  type DateRange,\n  DayPicker,\n  type DayPickerProps,\n  type StyledComponent,\n} from \"react-day-picker\";\nimport { ChevronLeftIcon, ChevronRightIcon } from \"@radix-ui/react-icons\";\nimport { buttonVariants } from \"./button\";\nimport { cn } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: Calendar\n * -------------------------------------------------------------------------- */\n\nfunction ChevronLeft({\n  children: _,\n  ...props\n}: StyledComponent): React.JSX.Element {\n  return <ChevronLeftIcon className=\"size-4\" {...props} />;\n}\n\nfunction ChevronRight({\n  children: _,\n  ...props\n}: StyledComponent): React.JSX.Element {\n  return <ChevronRightIcon className=\"size-4\" {...props} />;\n}\n\nfunction Calendar({\n  className,\n  classNames,\n  showOutsideDays = true,\n  ...props\n}: DayPickerProps): React.JSX.Element {\n  return (\n    <DayPicker\n      showOutsideDays={showOutsideDays}\n      className={cn(\"p-3\", className)}\n      classNames={{\n        months: \"flex flex-col sm:flex-row space-y-4 sm:space-x-4 sm:space-y-0\",\n        month: \"space-y-4\",\n        caption: \"flex justify-center pt-1 relative items-center\",\n        caption_label: \"text-sm font-medium\",\n        nav: \"space-x-1 flex items-center\",\n        nav_button: buttonVariants({\n          variant: \"outline\",\n          className: \"size-7 bg-transparent p-0 opacity-50 hover:opacity-100\",\n        }),\n        nav_button_previous: \"absolute left-1\",\n        nav_button_next: \"absolute right-1\",\n        table: \"w-full border-collapse space-y-1\",\n        head_row: \"flex\",\n        head_cell: \"text-muted-foreground rounded-md w-8 font-normal text-xs\",\n        row: \"flex w-full mt-2\",\n        cell: cn(\n          \"relative p-0 text-center text-sm focus-within:relative focus-within:z-20 [&:has([aria-selected])]:bg-accent [&:has([aria-selected].day-outside)]:bg-accent/50 [&:has([aria-selected].day-range-end)]:rounded-r-md\",\n          props.mode === \"range\"\n            ? \"[&:has(>.day-range-start)]:rounded-l-md [&:has(>.day-range-end)]:rounded-r-md first:[&:has([aria-selected])]:rounded-l-md last:[&:has([aria-selected])]:rounded-r-md\"\n            : \"[&:has([aria-selected])]:rounded-md\",\n        ),\n        day: buttonVariants({\n          variant: \"ghost\",\n          className: \"size-9 p-0 font-normal aria-selected:opacity-100\",\n        }),\n        day_range_start: \"day-range-start\",\n        day_range_end: \"day-range-end\",\n        day_selected:\n          \"bg-primary text-primary-foreground hover:bg-primary hover:text-primary-foreground focus:bg-primary focus:text-primary-foreground\",\n        day_today: \"bg-accent text-accent-foreground\",\n        day_outside:\n          \"day-outside text-muted-foreground opacity-50 aria-selected:bg-accent/50 aria-selected:text-muted-foreground aria-selected:opacity-30\",\n        day_disabled: \"text-muted-foreground opacity-50\",\n        day_range_middle:\n          \"aria-selected:bg-accent aria-selected:text-accent-foreground\",\n        day_hidden: \"invisible\",\n        ...classNames,\n      }}\n      components={{\n        IconLeft: ChevronLeft,\n        IconRight: ChevronRight,\n      }}\n      {...props}\n    />\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { Calendar, type DateRange };\n"]}
+{"version":3,"sources":["../src/calendar.tsx"],"names":[],"mappings":";;;;;;;;;;AAGA,SAAyB,iBAA4D;AACrF,SAAS,iBAAiB,wBAAwB;AASzC;AADT,SAAS,YAAY,EAAE,UAAU,GAAG,GAAG,MAAM,GAAuC;AAClF,SAAO,oBAAC,mBAAgB,WAAU,UAAU,GAAG,OAAO;AACxD;AAEA,SAAS,aAAa,EAAE,UAAU,GAAG,GAAG,MAAM,GAAuC;AACnF,SAAO,oBAAC,oBAAiB,WAAU,UAAU,GAAG,OAAO;AACzD;AAIA,SAAS,SAAS,EAAE,WAAW,YAAY,kBAAkB,MAAM,GAAG,MAAM,GAAqC;AAC/G,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,WAAW,GAAG,OAAO,SAAS;AAAA,MAC9B,YAAY;AAAA,QACV,QAAQ;AAAA,QACR,OAAO;AAAA,QACP,SAAS;AAAA,QACT,eAAe;AAAA,QACf,KAAK;AAAA,QACL,YAAY,eAAe;AAAA,UACzB,SAAS;AAAA,UACT,WAAW;AAAA,QACb,CAAC;AAAA,QACD,qBAAqB;AAAA,QACrB,iBAAiB;AAAA,QACjB,OAAO;AAAA,QACP,UAAU;AAAA,QACV,WAAW;AAAA,QACX,KAAK;AAAA,QACL,MAAM;AAAA,UACJ;AAAA,UACA,MAAM,SAAS,UACX,yKACA;AAAA,QACN;AAAA,QACA,KAAK,eAAe;AAAA,UAClB,SAAS;AAAA,UACT,WAAW;AAAA,QACb,CAAC;AAAA,QACD,iBAAiB;AAAA,QACjB,eAAe;AAAA,QACf,cACE;AAAA,QACF,WAAW;AAAA,QACX,aACE;AAAA,QACF,cAAc;AAAA,QACd,kBAAkB;AAAA,QAClB,YAAY;AAAA,QACZ,GAAG;AAAA,MACL;AAAA,MACA,YAAY;AAAA,QACV,UAAU;AAAA,QACV,WAAW;AAAA,MACb;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ","sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { type DateRange, DayPicker, type DayPickerProps, type StyledComponent } from \"react-day-picker\";\nimport { ChevronLeftIcon, ChevronRightIcon } from \"@radix-ui/react-icons\";\nimport { buttonVariants } from \"./button\";\nimport { cn } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: Calendar\n * -------------------------------------------------------------------------- */\n\nfunction ChevronLeft({ children: _, ...props }: StyledComponent): React.JSX.Element {\n  return <ChevronLeftIcon className=\"size-4\" {...props} />;\n}\n\nfunction ChevronRight({ children: _, ...props }: StyledComponent): React.JSX.Element {\n  return <ChevronRightIcon className=\"size-4\" {...props} />;\n}\n\ntype CalendarProps = DayPickerProps;\n\nfunction Calendar({ className, classNames, showOutsideDays = true, ...props }: CalendarProps): React.JSX.Element {\n  return (\n    <DayPicker\n      showOutsideDays={showOutsideDays}\n      className={cn(\"p-3\", className)}\n      classNames={{\n        months: \"flex flex-col sm:flex-row space-y-4 sm:space-x-4 sm:space-y-0\",\n        month: \"space-y-4\",\n        caption: \"flex justify-center pt-1 relative items-center\",\n        caption_label: \"text-sm font-medium\",\n        nav: \"space-x-1 flex items-center\",\n        nav_button: buttonVariants({\n          variant: \"outline\",\n          className: \"size-7 bg-transparent p-0 opacity-50 hover:opacity-100\",\n        }),\n        nav_button_previous: \"absolute left-1\",\n        nav_button_next: \"absolute right-1\",\n        table: \"w-full border-collapse space-y-1\",\n        head_row: \"flex\",\n        head_cell: \"text-muted-foreground rounded-md w-8 font-normal text-xs\",\n        row: \"flex w-full mt-2\",\n        cell: cn(\n          \"relative p-0 text-center text-sm focus-within:relative focus-within:z-20 [&:has([aria-selected])]:bg-accent [&:has([aria-selected].day-outside)]:bg-accent/50 [&:has([aria-selected].day-range-end)]:rounded-r-md\",\n          props.mode === \"range\"\n            ? \"[&:has(>.day-range-start)]:rounded-l-md [&:has(>.day-range-end)]:rounded-r-md first:[&:has([aria-selected])]:rounded-l-md last:[&:has([aria-selected])]:rounded-r-md\"\n            : \"[&:has([aria-selected])]:rounded-md\",\n        ),\n        day: buttonVariants({\n          variant: \"ghost\",\n          className: \"size-9 p-0 font-normal aria-selected:opacity-100\",\n        }),\n        day_range_start: \"day-range-start\",\n        day_range_end: \"day-range-end\",\n        day_selected:\n          \"bg-primary text-primary-foreground hover:bg-primary hover:text-primary-foreground focus:bg-primary focus:text-primary-foreground\",\n        day_today: \"bg-accent text-accent-foreground\",\n        day_outside:\n          \"day-outside text-muted-foreground opacity-50 aria-selected:bg-accent/50 aria-selected:text-muted-foreground aria-selected:opacity-30\",\n        day_disabled: \"text-muted-foreground opacity-50\",\n        day_range_middle: \"aria-selected:bg-accent aria-selected:text-accent-foreground\",\n        day_hidden: \"invisible\",\n        ...classNames,\n      }}\n      components={{\n        IconLeft: ChevronLeft,\n        IconRight: ChevronRight,\n      }}\n      {...props}\n    />\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { Calendar, type CalendarProps, type DateRange };\n"]}

package/dist/calendar.mjs

@@ -1,35 +1,23 @@
 "use client";
 import {
   buttonVariants
-} from "./chunk-KW5FJ62U.mjs";
+} from "./chunk-XHZUPL2U.mjs";
+import "./chunk-5UHPKXF4.mjs";
 import {
   cn
 } from "./chunk-UG3URV2Z.mjs";
 
 // src/calendar.tsx
-import {
-  DayPicker
-} from "react-day-picker";
+import { DayPicker } from "react-day-picker";
 import { ChevronLeftIcon, ChevronRightIcon } from "@radix-ui/react-icons";
 import { jsx } from "react/jsx-runtime";
-function ChevronLeft({
-  children: _,
-  ...props
-}) {
+function ChevronLeft({ children: _, ...props }) {
   return /* @__PURE__ */ jsx(ChevronLeftIcon, { className: "size-4", ...props });
 }
-function ChevronRight({
-  children: _,
-  ...props
-}) {
+function ChevronRight({ children: _, ...props }) {
   return /* @__PURE__ */ jsx(ChevronRightIcon, { className: "size-4", ...props });
 }
-function Calendar({
-  className,
-  classNames,
-  showOutsideDays = true,
-  ...props
-}) {
+function Calendar({ className, classNames, showOutsideDays = true, ...props }) {
   return /* @__PURE__ */ jsx(
     DayPicker,
     {

package/dist/calendar.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/calendar.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport {\n  type DateRange,\n  DayPicker,\n  type DayPickerProps,\n  type StyledComponent,\n} from \"react-day-picker\";\nimport { ChevronLeftIcon, ChevronRightIcon } from \"@radix-ui/react-icons\";\nimport { buttonVariants } from \"./button\";\nimport { cn } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: Calendar\n * -------------------------------------------------------------------------- */\n\nfunction ChevronLeft({\n  children: _,\n  ...props\n}: StyledComponent): React.JSX.Element {\n  return <ChevronLeftIcon className=\"size-4\" {...props} />;\n}\n\nfunction ChevronRight({\n  children: _,\n  ...props\n}: StyledComponent): React.JSX.Element {\n  return <ChevronRightIcon className=\"size-4\" {...props} />;\n}\n\nfunction Calendar({\n  className,\n  classNames,\n  showOutsideDays = true,\n  ...props\n}: DayPickerProps): React.JSX.Element {\n  return (\n    <DayPicker\n      showOutsideDays={showOutsideDays}\n      className={cn(\"p-3\", className)}\n      classNames={{\n        months: \"flex flex-col sm:flex-row space-y-4 sm:space-x-4 sm:space-y-0\",\n        month: \"space-y-4\",\n        caption: \"flex justify-center pt-1 relative items-center\",\n        caption_label: \"text-sm font-medium\",\n        nav: \"space-x-1 flex items-center\",\n        nav_button: buttonVariants({\n          variant: \"outline\",\n          className: \"size-7 bg-transparent p-0 opacity-50 hover:opacity-100\",\n        }),\n        nav_button_previous: \"absolute left-1\",\n        nav_button_next: \"absolute right-1\",\n        table: \"w-full border-collapse space-y-1\",\n        head_row: \"flex\",\n        head_cell: \"text-muted-foreground rounded-md w-8 font-normal text-xs\",\n        row: \"flex w-full mt-2\",\n        cell: cn(\n          \"relative p-0 text-center text-sm focus-within:relative focus-within:z-20 [&:has([aria-selected])]:bg-accent [&:has([aria-selected].day-outside)]:bg-accent/50 [&:has([aria-selected].day-range-end)]:rounded-r-md\",\n          props.mode === \"range\"\n            ? \"[&:has(>.day-range-start)]:rounded-l-md [&:has(>.day-range-end)]:rounded-r-md first:[&:has([aria-selected])]:rounded-l-md last:[&:has([aria-selected])]:rounded-r-md\"\n            : \"[&:has([aria-selected])]:rounded-md\",\n        ),\n        day: buttonVariants({\n          variant: \"ghost\",\n          className: \"size-9 p-0 font-normal aria-selected:opacity-100\",\n        }),\n        day_range_start: \"day-range-start\",\n        day_range_end: \"day-range-end\",\n        day_selected:\n          \"bg-primary text-primary-foreground hover:bg-primary hover:text-primary-foreground focus:bg-primary focus:text-primary-foreground\",\n        day_today: \"bg-accent text-accent-foreground\",\n        day_outside:\n          \"day-outside text-muted-foreground opacity-50 aria-selected:bg-accent/50 aria-selected:text-muted-foreground aria-selected:opacity-30\",\n        day_disabled: \"text-muted-foreground opacity-50\",\n        day_range_middle:\n          \"aria-selected:bg-accent aria-selected:text-accent-foreground\",\n        day_hidden: \"invisible\",\n        ...classNames,\n      }}\n      components={{\n        IconLeft: ChevronLeft,\n        IconRight: ChevronRight,\n      }}\n      {...props}\n    />\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { Calendar, type DateRange };\n"],"mappings":";;;;;;;;;AAGA;AAAA,EAEE;AAAA,OAGK;AACP,SAAS,iBAAiB,wBAAwB;AAYzC;AAJT,SAAS,YAAY;AAAA,EACnB,UAAU;AAAA,EACV,GAAG;AACL,GAAuC;AACrC,SAAO,oBAAC,mBAAgB,WAAU,UAAU,GAAG,OAAO;AACxD;AAEA,SAAS,aAAa;AAAA,EACpB,UAAU;AAAA,EACV,GAAG;AACL,GAAuC;AACrC,SAAO,oBAAC,oBAAiB,WAAU,UAAU,GAAG,OAAO;AACzD;AAEA,SAAS,SAAS;AAAA,EAChB;AAAA,EACA;AAAA,EACA,kBAAkB;AAAA,EAClB,GAAG;AACL,GAAsC;AACpC,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,WAAW,GAAG,OAAO,SAAS;AAAA,MAC9B,YAAY;AAAA,QACV,QAAQ;AAAA,QACR,OAAO;AAAA,QACP,SAAS;AAAA,QACT,eAAe;AAAA,QACf,KAAK;AAAA,QACL,YAAY,eAAe;AAAA,UACzB,SAAS;AAAA,UACT,WAAW;AAAA,QACb,CAAC;AAAA,QACD,qBAAqB;AAAA,QACrB,iBAAiB;AAAA,QACjB,OAAO;AAAA,QACP,UAAU;AAAA,QACV,WAAW;AAAA,QACX,KAAK;AAAA,QACL,MAAM;AAAA,UACJ;AAAA,UACA,MAAM,SAAS,UACX,yKACA;AAAA,QACN;AAAA,QACA,KAAK,eAAe;AAAA,UAClB,SAAS;AAAA,UACT,WAAW;AAAA,QACb,CAAC;AAAA,QACD,iBAAiB;AAAA,QACjB,eAAe;AAAA,QACf,cACE;AAAA,QACF,WAAW;AAAA,QACX,aACE;AAAA,QACF,cAAc;AAAA,QACd,kBACE;AAAA,QACF,YAAY;AAAA,QACZ,GAAG;AAAA,MACL;AAAA,MACA,YAAY;AAAA,QACV,UAAU;AAAA,QACV,WAAW;AAAA,MACb;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;","names":[]}
+{"version":3,"sources":["../src/calendar.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { type DateRange, DayPicker, type DayPickerProps, type StyledComponent } from \"react-day-picker\";\nimport { ChevronLeftIcon, ChevronRightIcon } from \"@radix-ui/react-icons\";\nimport { buttonVariants } from \"./button\";\nimport { cn } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: Calendar\n * -------------------------------------------------------------------------- */\n\nfunction ChevronLeft({ children: _, ...props }: StyledComponent): React.JSX.Element {\n  return <ChevronLeftIcon className=\"size-4\" {...props} />;\n}\n\nfunction ChevronRight({ children: _, ...props }: StyledComponent): React.JSX.Element {\n  return <ChevronRightIcon className=\"size-4\" {...props} />;\n}\n\ntype CalendarProps = DayPickerProps;\n\nfunction Calendar({ className, classNames, showOutsideDays = true, ...props }: CalendarProps): React.JSX.Element {\n  return (\n    <DayPicker\n      showOutsideDays={showOutsideDays}\n      className={cn(\"p-3\", className)}\n      classNames={{\n        months: \"flex flex-col sm:flex-row space-y-4 sm:space-x-4 sm:space-y-0\",\n        month: \"space-y-4\",\n        caption: \"flex justify-center pt-1 relative items-center\",\n        caption_label: \"text-sm font-medium\",\n        nav: \"space-x-1 flex items-center\",\n        nav_button: buttonVariants({\n          variant: \"outline\",\n          className: \"size-7 bg-transparent p-0 opacity-50 hover:opacity-100\",\n        }),\n        nav_button_previous: \"absolute left-1\",\n        nav_button_next: \"absolute right-1\",\n        table: \"w-full border-collapse space-y-1\",\n        head_row: \"flex\",\n        head_cell: \"text-muted-foreground rounded-md w-8 font-normal text-xs\",\n        row: \"flex w-full mt-2\",\n        cell: cn(\n          \"relative p-0 text-center text-sm focus-within:relative focus-within:z-20 [&:has([aria-selected])]:bg-accent [&:has([aria-selected].day-outside)]:bg-accent/50 [&:has([aria-selected].day-range-end)]:rounded-r-md\",\n          props.mode === \"range\"\n            ? \"[&:has(>.day-range-start)]:rounded-l-md [&:has(>.day-range-end)]:rounded-r-md first:[&:has([aria-selected])]:rounded-l-md last:[&:has([aria-selected])]:rounded-r-md\"\n            : \"[&:has([aria-selected])]:rounded-md\",\n        ),\n        day: buttonVariants({\n          variant: \"ghost\",\n          className: \"size-9 p-0 font-normal aria-selected:opacity-100\",\n        }),\n        day_range_start: \"day-range-start\",\n        day_range_end: \"day-range-end\",\n        day_selected:\n          \"bg-primary text-primary-foreground hover:bg-primary hover:text-primary-foreground focus:bg-primary focus:text-primary-foreground\",\n        day_today: \"bg-accent text-accent-foreground\",\n        day_outside:\n          \"day-outside text-muted-foreground opacity-50 aria-selected:bg-accent/50 aria-selected:text-muted-foreground aria-selected:opacity-30\",\n        day_disabled: \"text-muted-foreground opacity-50\",\n        day_range_middle: \"aria-selected:bg-accent aria-selected:text-accent-foreground\",\n        day_hidden: \"invisible\",\n        ...classNames,\n      }}\n      components={{\n        IconLeft: ChevronLeft,\n        IconRight: ChevronRight,\n      }}\n      {...props}\n    />\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { Calendar, type CalendarProps, type DateRange };\n"],"mappings":";;;;;;;;;;AAGA,SAAyB,iBAA4D;AACrF,SAAS,iBAAiB,wBAAwB;AASzC;AADT,SAAS,YAAY,EAAE,UAAU,GAAG,GAAG,MAAM,GAAuC;AAClF,SAAO,oBAAC,mBAAgB,WAAU,UAAU,GAAG,OAAO;AACxD;AAEA,SAAS,aAAa,EAAE,UAAU,GAAG,GAAG,MAAM,GAAuC;AACnF,SAAO,oBAAC,oBAAiB,WAAU,UAAU,GAAG,OAAO;AACzD;AAIA,SAAS,SAAS,EAAE,WAAW,YAAY,kBAAkB,MAAM,GAAG,MAAM,GAAqC;AAC/G,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,WAAW,GAAG,OAAO,SAAS;AAAA,MAC9B,YAAY;AAAA,QACV,QAAQ;AAAA,QACR,OAAO;AAAA,QACP,SAAS;AAAA,QACT,eAAe;AAAA,QACf,KAAK;AAAA,QACL,YAAY,eAAe;AAAA,UACzB,SAAS;AAAA,UACT,WAAW;AAAA,QACb,CAAC;AAAA,QACD,qBAAqB;AAAA,QACrB,iBAAiB;AAAA,QACjB,OAAO;AAAA,QACP,UAAU;AAAA,QACV,WAAW;AAAA,QACX,KAAK;AAAA,QACL,MAAM;AAAA,UACJ;AAAA,UACA,MAAM,SAAS,UACX,yKACA;AAAA,QACN;AAAA,QACA,KAAK,eAAe;AAAA,UAClB,SAAS;AAAA,UACT,WAAW;AAAA,QACb,CAAC;AAAA,QACD,iBAAiB;AAAA,QACjB,eAAe;AAAA,QACf,cACE;AAAA,QACF,WAAW;AAAA,QACX,aACE;AAAA,QACF,cAAc;AAAA,QACd,kBAAkB;AAAA,QAClB,YAAY;AAAA,QACZ,GAAG;AAAA,MACL;AAAA,MACA,YAAY;AAAA,QACV,UAAU;AAAA,QACV,WAAW;AAAA,MACb;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;","names":[]}

package/dist/card.d.mts

@@ -1,10 +1,16 @@
 import * as React from 'react';
 
-declare const Card: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-declare const CardHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-declare const CardTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLHeadingElement> & React.RefAttributes<HTMLParagraphElement>>;
-declare const CardDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
-declare const CardContent: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-declare const CardFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+type CardProps = React.HTMLAttributes<HTMLDivElement>;
+declare const Card: React.ForwardRefExoticComponent<CardProps & React.RefAttributes<HTMLDivElement>>;
+type CardHeaderProps = React.HTMLAttributes<HTMLDivElement>;
+declare const CardHeader: React.ForwardRefExoticComponent<CardHeaderProps & React.RefAttributes<HTMLDivElement>>;
+type CardTitleProps = React.HTMLAttributes<HTMLHeadingElement>;
+declare const CardTitle: React.ForwardRefExoticComponent<CardTitleProps & React.RefAttributes<HTMLParagraphElement>>;
+type CardDescriptionProps = React.HTMLAttributes<HTMLParagraphElement>;
+declare const CardDescription: React.ForwardRefExoticComponent<CardDescriptionProps & React.RefAttributes<HTMLParagraphElement>>;
+type CardContentProps = React.HTMLAttributes<HTMLDivElement>;
+declare const CardContent: React.ForwardRefExoticComponent<CardContentProps & React.RefAttributes<HTMLDivElement>>;
+type CardFooterProps = React.HTMLAttributes<HTMLDivElement>;
+declare const CardFooter: React.ForwardRefExoticComponent<CardFooterProps & React.RefAttributes<HTMLDivElement>>;
 
-export { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle };
+export { Card, CardContent, type CardContentProps, CardDescription, type CardDescriptionProps, CardFooter, type CardFooterProps, CardHeader, type CardHeaderProps, type CardProps, CardTitle, type CardTitleProps };

package/dist/card.d.ts

@@ -1,10 +1,16 @@
 import * as React from 'react';
 
-declare const Card: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-declare const CardHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-declare const CardTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLHeadingElement> & React.RefAttributes<HTMLParagraphElement>>;
-declare const CardDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
-declare const CardContent: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-declare const CardFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+type CardProps = React.HTMLAttributes<HTMLDivElement>;
+declare const Card: React.ForwardRefExoticComponent<CardProps & React.RefAttributes<HTMLDivElement>>;
+type CardHeaderProps = React.HTMLAttributes<HTMLDivElement>;
+declare const CardHeader: React.ForwardRefExoticComponent<CardHeaderProps & React.RefAttributes<HTMLDivElement>>;
+type CardTitleProps = React.HTMLAttributes<HTMLHeadingElement>;
+declare const CardTitle: React.ForwardRefExoticComponent<CardTitleProps & React.RefAttributes<HTMLParagraphElement>>;
+type CardDescriptionProps = React.HTMLAttributes<HTMLParagraphElement>;
+declare const CardDescription: React.ForwardRefExoticComponent<CardDescriptionProps & React.RefAttributes<HTMLParagraphElement>>;
+type CardContentProps = React.HTMLAttributes<HTMLDivElement>;
+declare const CardContent: React.ForwardRefExoticComponent<CardContentProps & React.RefAttributes<HTMLDivElement>>;
+type CardFooterProps = React.HTMLAttributes<HTMLDivElement>;
+declare const CardFooter: React.ForwardRefExoticComponent<CardFooterProps & React.RefAttributes<HTMLDivElement>>;
 
-export { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle };
+export { Card, CardContent, type CardContentProps, CardDescription, type CardDescriptionProps, CardFooter, type CardFooterProps, CardHeader, type CardHeaderProps, type CardProps, CardTitle, type CardTitleProps };

package/dist/card.js

@@ -5,56 +5,19 @@ var _chunkG3NP7M2Njs = require('./chunk-G3NP7M2N.js');
 // src/card.tsx
 var _react = require('react'); var React = _interopRequireWildcard(_react);
 var _jsxruntime = require('react/jsx-runtime');
-var Card = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-  "div",
-  {
-    ref,
-    className: _chunkG3NP7M2Njs.cn.call(void 0, 
-      "bg-card text-card-foreground rounded-lg border shadow-sm",
-      className
-    ),
-    ...props
-  }
-));
+var Card = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { ref, className: _chunkG3NP7M2Njs.cn.call(void 0, "bg-card text-card-foreground rounded-lg border shadow-sm", className), ...props }));
 Card.displayName = "Card";
-var CardHeader = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-  "div",
-  {
-    ref,
-    className: _chunkG3NP7M2Njs.cn.call(void 0, "flex flex-col space-y-1.5 p-6", className),
-    ...props
-  }
-));
+var CardHeader = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { ref, className: _chunkG3NP7M2Njs.cn.call(void 0, "flex flex-col space-y-1.5 p-6", className), ...props }));
 CardHeader.displayName = "CardHeader";
-var CardTitle = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-  "h3",
-  {
-    ref,
-    className: _chunkG3NP7M2Njs.cn.call(void 0, "font-semibold leading-none tracking-tight", className),
-    ...props,
-    children
-  }
-));
+var CardTitle = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h3", { ref, className: _chunkG3NP7M2Njs.cn.call(void 0, "font-semibold leading-none tracking-tight", className), ...props, children }));
 CardTitle.displayName = "CardTitle";
-var CardDescription = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-  "p",
-  {
-    ref,
-    className: _chunkG3NP7M2Njs.cn.call(void 0, "text-muted-foreground text-sm", className),
-    ...props
-  }
-));
+var CardDescription = React.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { ref, className: _chunkG3NP7M2Njs.cn.call(void 0, "text-muted-foreground text-sm", className), ...props })
+);
 CardDescription.displayName = "CardDescription";
 var CardContent = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { ref, className: _chunkG3NP7M2Njs.cn.call(void 0, "p-6 pt-0", className), ...props }));
 CardContent.displayName = "CardContent";
-var CardFooter = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-  "div",
-  {
-    ref,
-    className: _chunkG3NP7M2Njs.cn.call(void 0, "flex items-center p-6 pt-0", className),
-    ...props
-  }
-));
+var CardFooter = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { ref, className: _chunkG3NP7M2Njs.cn.call(void 0, "flex items-center p-6 pt-0", className), ...props }));
 CardFooter.displayName = "CardFooter";
 
 

package/dist/card.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/card.tsx"],"names":[],"mappings":";;;;;AAAA,YAAY,WAAW;AAWrB;AAJF,IAAM,OAAa,iBAGjB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B;AAAA,EAAC;AAAA;AAAA,IACC;AAAA,IACA,WAAW;AAAA,MACT;AAAA,MACA;AAAA,IACF;AAAA,IACC,GAAG;AAAA;AACN,CACD;AACD,KAAK,cAAc;AAMnB,IAAM,aAAmB,iBAGvB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B;AAAA,EAAC;AAAA;AAAA,IACC;AAAA,IACA,WAAW,GAAG,iCAAiC,SAAS;AAAA,IACvD,GAAG;AAAA;AACN,CACD;AACD,WAAW,cAAc;AAMzB,IAAM,YAAkB,iBAGtB,CAAC,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,QACpC;AAAA,EAAC;AAAA;AAAA,IACC;AAAA,IACA,WAAW,GAAG,6CAA6C,SAAS;AAAA,IACnE,GAAG;AAAA,IAEH;AAAA;AACH,CACD;AACD,UAAU,cAAc;AAMxB,IAAM,kBAAwB,iBAG5B,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B;AAAA,EAAC;AAAA;AAAA,IACC;AAAA,IACA,WAAW,GAAG,iCAAiC,SAAS;AAAA,IACvD,GAAG;AAAA;AACN,CACD;AACD,gBAAgB,cAAc;AAM9B,IAAM,cAAoB,iBAGxB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B,oBAAC,SAAI,KAAU,WAAW,GAAG,YAAY,SAAS,GAAI,GAAG,OAAO,CACjE;AACD,YAAY,cAAc;AAM1B,IAAM,aAAmB,iBAGvB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B;AAAA,EAAC;AAAA;AAAA,IACC;AAAA,IACA,WAAW,GAAG,8BAA8B,SAAS;AAAA,IACpD,GAAG;AAAA;AACN,CACD;AACD,WAAW,cAAc","sourcesContent":["import * as React from \"react\";\nimport { cn } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: Card\n * -------------------------------------------------------------------------- */\n\nconst Card = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    className={cn(\n      \"bg-card text-card-foreground rounded-lg border shadow-sm\",\n      className,\n    )}\n    {...props}\n  />\n));\nCard.displayName = \"Card\";\n\n/* -----------------------------------------------------------------------------\n * Component: CardHeader\n * -------------------------------------------------------------------------- */\n\nconst CardHeader = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    className={cn(\"flex flex-col space-y-1.5 p-6\", className)}\n    {...props}\n  />\n));\nCardHeader.displayName = \"CardHeader\";\n\n/* -----------------------------------------------------------------------------\n * Component: CardTitle\n * -------------------------------------------------------------------------- */\n\nconst CardTitle = React.forwardRef<\n  HTMLParagraphElement,\n  React.HTMLAttributes<HTMLHeadingElement>\n>(({ className, children, ...props }, ref) => (\n  <h3\n    ref={ref}\n    className={cn(\"font-semibold leading-none tracking-tight\", className)}\n    {...props}\n  >\n    {children}\n  </h3>\n));\nCardTitle.displayName = \"CardTitle\";\n\n/* -----------------------------------------------------------------------------\n * Component: CardDescription\n * -------------------------------------------------------------------------- */\n\nconst CardDescription = React.forwardRef<\n  HTMLParagraphElement,\n  React.HTMLAttributes<HTMLParagraphElement>\n>(({ className, ...props }, ref) => (\n  <p\n    ref={ref}\n    className={cn(\"text-muted-foreground text-sm\", className)}\n    {...props}\n  />\n));\nCardDescription.displayName = \"CardDescription\";\n\n/* -----------------------------------------------------------------------------\n * Component: CardContent\n * -------------------------------------------------------------------------- */\n\nconst CardContent = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div ref={ref} className={cn(\"p-6 pt-0\", className)} {...props} />\n));\nCardContent.displayName = \"CardContent\";\n\n/* -----------------------------------------------------------------------------\n * Component: CardFooter\n * -------------------------------------------------------------------------- */\n\nconst CardFooter = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    className={cn(\"flex items-center p-6 pt-0\", className)}\n    {...props}\n  />\n));\nCardFooter.displayName = \"CardFooter\";\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport {\n  Card,\n  CardHeader,\n  CardFooter,\n  CardTitle,\n  CardDescription,\n  CardContent,\n};\n"]}
+{"version":3,"sources":["../src/card.tsx"],"names":[],"mappings":";;;;;AAAA,YAAY,WAAW;AAWrB;AADF,IAAM,OAAa,iBAAmC,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC9E,oBAAC,SAAI,KAAU,WAAW,GAAG,4DAA4D,SAAS,GAAI,GAAG,OAAO,CACjH;AAED,KAAK,cAAc;AASnB,IAAM,aAAmB,iBAA+C,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAChG,oBAAC,SAAI,KAAU,WAAW,GAAG,iCAAiC,SAAS,GAAI,GAAG,OAAO,CACtF;AAED,WAAW,cAAc;AASzB,IAAM,YAAkB,iBAA6C,CAAC,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,QACvG,oBAAC,QAAG,KAAU,WAAW,GAAG,6CAA6C,SAAS,GAAI,GAAG,OACtF,UACH,CACD;AAED,UAAU,cAAc;AASxB,IAAM,kBAAwB;AAAA,EAC5B,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QACxB,oBAAC,OAAE,KAAU,WAAW,GAAG,iCAAiC,SAAS,GAAI,GAAG,OAAO;AAEvF;AAEA,gBAAgB,cAAc;AAS9B,IAAM,cAAoB,iBAAiD,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QACnG,oBAAC,SAAI,KAAU,WAAW,GAAG,YAAY,SAAS,GAAI,GAAG,OAAO,CACjE;AAED,YAAY,cAAc;AAS1B,IAAM,aAAmB,iBAA+C,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAChG,oBAAC,SAAI,KAAU,WAAW,GAAG,8BAA8B,SAAS,GAAI,GAAG,OAAO,CACnF;AAED,WAAW,cAAc","sourcesContent":["import * as React from \"react\";\nimport { cn } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: Card\n * -------------------------------------------------------------------------- */\n\ntype CardElement = HTMLDivElement;\ntype CardProps = React.HTMLAttributes<HTMLDivElement>;\n\nconst Card = React.forwardRef<CardElement, CardProps>(({ className, ...props }, ref) => (\n  <div ref={ref} className={cn(\"bg-card text-card-foreground rounded-lg border shadow-sm\", className)} {...props} />\n));\n\nCard.displayName = \"Card\";\n\n/* -----------------------------------------------------------------------------\n * Component: CardHeader\n * -------------------------------------------------------------------------- */\n\ntype CardHeaderElement = HTMLDivElement;\ntype CardHeaderProps = React.HTMLAttributes<HTMLDivElement>;\n\nconst CardHeader = React.forwardRef<CardHeaderElement, CardHeaderProps>(({ className, ...props }, ref) => (\n  <div ref={ref} className={cn(\"flex flex-col space-y-1.5 p-6\", className)} {...props} />\n));\n\nCardHeader.displayName = \"CardHeader\";\n\n/* -----------------------------------------------------------------------------\n * Component: CardTitle\n * -------------------------------------------------------------------------- */\n\ntype CardTitleElement = HTMLParagraphElement;\ntype CardTitleProps = React.HTMLAttributes<HTMLHeadingElement>;\n\nconst CardTitle = React.forwardRef<CardTitleElement, CardTitleProps>(({ className, children, ...props }, ref) => (\n  <h3 ref={ref} className={cn(\"font-semibold leading-none tracking-tight\", className)} {...props}>\n    {children}\n  </h3>\n));\n\nCardTitle.displayName = \"CardTitle\";\n\n/* -----------------------------------------------------------------------------\n * Component: CardDescription\n * -------------------------------------------------------------------------- */\n\ntype CardDescriptionElement = HTMLParagraphElement;\ntype CardDescriptionProps = React.HTMLAttributes<HTMLParagraphElement>;\n\nconst CardDescription = React.forwardRef<CardDescriptionElement, CardDescriptionProps>(\n  ({ className, ...props }, ref) => (\n    <p ref={ref} className={cn(\"text-muted-foreground text-sm\", className)} {...props} />\n  ),\n);\n\nCardDescription.displayName = \"CardDescription\";\n\n/* -----------------------------------------------------------------------------\n * Component: CardContent\n * -------------------------------------------------------------------------- */\n\ntype CardContentElement = HTMLDivElement;\ntype CardContentProps = React.HTMLAttributes<HTMLDivElement>;\n\nconst CardContent = React.forwardRef<CardContentElement, CardContentProps>(({ className, ...props }, ref) => (\n  <div ref={ref} className={cn(\"p-6 pt-0\", className)} {...props} />\n));\n\nCardContent.displayName = \"CardContent\";\n\n/* -----------------------------------------------------------------------------\n * Component: CardFooter\n * -------------------------------------------------------------------------- */\n\ntype CardFooterElement = HTMLDivElement;\ntype CardFooterProps = React.HTMLAttributes<HTMLDivElement>;\n\nconst CardFooter = React.forwardRef<CardFooterElement, CardFooterProps>(({ className, ...props }, ref) => (\n  <div ref={ref} className={cn(\"flex items-center p-6 pt-0\", className)} {...props} />\n));\n\nCardFooter.displayName = \"CardFooter\";\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport {\n  Card,\n  CardHeader,\n  CardFooter,\n  CardTitle,\n  CardDescription,\n  CardContent,\n  type CardProps,\n  type CardHeaderProps,\n  type CardFooterProps,\n  type CardTitleProps,\n  type CardDescriptionProps,\n  type CardContentProps,\n};\n"]}

package/dist/card.mjs

@@ -5,56 +5,19 @@ import {
 // src/card.tsx
 import * as React from "react";
 import { jsx } from "react/jsx-runtime";
-var Card = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  "div",
-  {
-    ref,
-    className: cn(
-      "bg-card text-card-foreground rounded-lg border shadow-sm",
-      className
-    ),
-    ...props
-  }
-));
+var Card = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("bg-card text-card-foreground rounded-lg border shadow-sm", className), ...props }));
 Card.displayName = "Card";
-var CardHeader = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  "div",
-  {
-    ref,
-    className: cn("flex flex-col space-y-1.5 p-6", className),
-    ...props
-  }
-));
+var CardHeader = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("flex flex-col space-y-1.5 p-6", className), ...props }));
 CardHeader.displayName = "CardHeader";
-var CardTitle = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx(
-  "h3",
-  {
-    ref,
-    className: cn("font-semibold leading-none tracking-tight", className),
-    ...props,
-    children
-  }
-));
+var CardTitle = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx("h3", { ref, className: cn("font-semibold leading-none tracking-tight", className), ...props, children }));
 CardTitle.displayName = "CardTitle";
-var CardDescription = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  "p",
-  {
-    ref,
-    className: cn("text-muted-foreground text-sm", className),
-    ...props
-  }
-));
+var CardDescription = React.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx("p", { ref, className: cn("text-muted-foreground text-sm", className), ...props })
+);
 CardDescription.displayName = "CardDescription";
 var CardContent = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("p-6 pt-0", className), ...props }));
 CardContent.displayName = "CardContent";
-var CardFooter = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  "div",
-  {
-    ref,
-    className: cn("flex items-center p-6 pt-0", className),
-    ...props
-  }
-));
+var CardFooter = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("flex items-center p-6 pt-0", className), ...props }));
 CardFooter.displayName = "CardFooter";
 export {
   Card,

package/dist/card.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/card.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: Card\n * -------------------------------------------------------------------------- */\n\nconst Card = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    className={cn(\n      \"bg-card text-card-foreground rounded-lg border shadow-sm\",\n      className,\n    )}\n    {...props}\n  />\n));\nCard.displayName = \"Card\";\n\n/* -----------------------------------------------------------------------------\n * Component: CardHeader\n * -------------------------------------------------------------------------- */\n\nconst CardHeader = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    className={cn(\"flex flex-col space-y-1.5 p-6\", className)}\n    {...props}\n  />\n));\nCardHeader.displayName = \"CardHeader\";\n\n/* -----------------------------------------------------------------------------\n * Component: CardTitle\n * -------------------------------------------------------------------------- */\n\nconst CardTitle = React.forwardRef<\n  HTMLParagraphElement,\n  React.HTMLAttributes<HTMLHeadingElement>\n>(({ className, children, ...props }, ref) => (\n  <h3\n    ref={ref}\n    className={cn(\"font-semibold leading-none tracking-tight\", className)}\n    {...props}\n  >\n    {children}\n  </h3>\n));\nCardTitle.displayName = \"CardTitle\";\n\n/* -----------------------------------------------------------------------------\n * Component: CardDescription\n * -------------------------------------------------------------------------- */\n\nconst CardDescription = React.forwardRef<\n  HTMLParagraphElement,\n  React.HTMLAttributes<HTMLParagraphElement>\n>(({ className, ...props }, ref) => (\n  <p\n    ref={ref}\n    className={cn(\"text-muted-foreground text-sm\", className)}\n    {...props}\n  />\n));\nCardDescription.displayName = \"CardDescription\";\n\n/* -----------------------------------------------------------------------------\n * Component: CardContent\n * -------------------------------------------------------------------------- */\n\nconst CardContent = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div ref={ref} className={cn(\"p-6 pt-0\", className)} {...props} />\n));\nCardContent.displayName = \"CardContent\";\n\n/* -----------------------------------------------------------------------------\n * Component: CardFooter\n * -------------------------------------------------------------------------- */\n\nconst CardFooter = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    className={cn(\"flex items-center p-6 pt-0\", className)}\n    {...props}\n  />\n));\nCardFooter.displayName = \"CardFooter\";\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport {\n  Card,\n  CardHeader,\n  CardFooter,\n  CardTitle,\n  CardDescription,\n  CardContent,\n};\n"],"mappings":";;;;;AAAA,YAAY,WAAW;AAWrB;AAJF,IAAM,OAAa,iBAGjB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B;AAAA,EAAC;AAAA;AAAA,IACC;AAAA,IACA,WAAW;AAAA,MACT;AAAA,MACA;AAAA,IACF;AAAA,IACC,GAAG;AAAA;AACN,CACD;AACD,KAAK,cAAc;AAMnB,IAAM,aAAmB,iBAGvB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B;AAAA,EAAC;AAAA;AAAA,IACC;AAAA,IACA,WAAW,GAAG,iCAAiC,SAAS;AAAA,IACvD,GAAG;AAAA;AACN,CACD;AACD,WAAW,cAAc;AAMzB,IAAM,YAAkB,iBAGtB,CAAC,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,QACpC;AAAA,EAAC;AAAA;AAAA,IACC;AAAA,IACA,WAAW,GAAG,6CAA6C,SAAS;AAAA,IACnE,GAAG;AAAA,IAEH;AAAA;AACH,CACD;AACD,UAAU,cAAc;AAMxB,IAAM,kBAAwB,iBAG5B,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B;AAAA,EAAC;AAAA;AAAA,IACC;AAAA,IACA,WAAW,GAAG,iCAAiC,SAAS;AAAA,IACvD,GAAG;AAAA;AACN,CACD;AACD,gBAAgB,cAAc;AAM9B,IAAM,cAAoB,iBAGxB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B,oBAAC,SAAI,KAAU,WAAW,GAAG,YAAY,SAAS,GAAI,GAAG,OAAO,CACjE;AACD,YAAY,cAAc;AAM1B,IAAM,aAAmB,iBAGvB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B;AAAA,EAAC;AAAA;AAAA,IACC;AAAA,IACA,WAAW,GAAG,8BAA8B,SAAS;AAAA,IACpD,GAAG;AAAA;AACN,CACD;AACD,WAAW,cAAc;","names":[]}
+{"version":3,"sources":["../src/card.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: Card\n * -------------------------------------------------------------------------- */\n\ntype CardElement = HTMLDivElement;\ntype CardProps = React.HTMLAttributes<HTMLDivElement>;\n\nconst Card = React.forwardRef<CardElement, CardProps>(({ className, ...props }, ref) => (\n  <div ref={ref} className={cn(\"bg-card text-card-foreground rounded-lg border shadow-sm\", className)} {...props} />\n));\n\nCard.displayName = \"Card\";\n\n/* -----------------------------------------------------------------------------\n * Component: CardHeader\n * -------------------------------------------------------------------------- */\n\ntype CardHeaderElement = HTMLDivElement;\ntype CardHeaderProps = React.HTMLAttributes<HTMLDivElement>;\n\nconst CardHeader = React.forwardRef<CardHeaderElement, CardHeaderProps>(({ className, ...props }, ref) => (\n  <div ref={ref} className={cn(\"flex flex-col space-y-1.5 p-6\", className)} {...props} />\n));\n\nCardHeader.displayName = \"CardHeader\";\n\n/* -----------------------------------------------------------------------------\n * Component: CardTitle\n * -------------------------------------------------------------------------- */\n\ntype CardTitleElement = HTMLParagraphElement;\ntype CardTitleProps = React.HTMLAttributes<HTMLHeadingElement>;\n\nconst CardTitle = React.forwardRef<CardTitleElement, CardTitleProps>(({ className, children, ...props }, ref) => (\n  <h3 ref={ref} className={cn(\"font-semibold leading-none tracking-tight\", className)} {...props}>\n    {children}\n  </h3>\n));\n\nCardTitle.displayName = \"CardTitle\";\n\n/* -----------------------------------------------------------------------------\n * Component: CardDescription\n * -------------------------------------------------------------------------- */\n\ntype CardDescriptionElement = HTMLParagraphElement;\ntype CardDescriptionProps = React.HTMLAttributes<HTMLParagraphElement>;\n\nconst CardDescription = React.forwardRef<CardDescriptionElement, CardDescriptionProps>(\n  ({ className, ...props }, ref) => (\n    <p ref={ref} className={cn(\"text-muted-foreground text-sm\", className)} {...props} />\n  ),\n);\n\nCardDescription.displayName = \"CardDescription\";\n\n/* -----------------------------------------------------------------------------\n * Component: CardContent\n * -------------------------------------------------------------------------- */\n\ntype CardContentElement = HTMLDivElement;\ntype CardContentProps = React.HTMLAttributes<HTMLDivElement>;\n\nconst CardContent = React.forwardRef<CardContentElement, CardContentProps>(({ className, ...props }, ref) => (\n  <div ref={ref} className={cn(\"p-6 pt-0\", className)} {...props} />\n));\n\nCardContent.displayName = \"CardContent\";\n\n/* -----------------------------------------------------------------------------\n * Component: CardFooter\n * -------------------------------------------------------------------------- */\n\ntype CardFooterElement = HTMLDivElement;\ntype CardFooterProps = React.HTMLAttributes<HTMLDivElement>;\n\nconst CardFooter = React.forwardRef<CardFooterElement, CardFooterProps>(({ className, ...props }, ref) => (\n  <div ref={ref} className={cn(\"flex items-center p-6 pt-0\", className)} {...props} />\n));\n\nCardFooter.displayName = \"CardFooter\";\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport {\n  Card,\n  CardHeader,\n  CardFooter,\n  CardTitle,\n  CardDescription,\n  CardContent,\n  type CardProps,\n  type CardHeaderProps,\n  type CardFooterProps,\n  type CardTitleProps,\n  type CardDescriptionProps,\n  type CardContentProps,\n};\n"],"mappings":";;;;;AAAA,YAAY,WAAW;AAWrB;AADF,IAAM,OAAa,iBAAmC,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC9E,oBAAC,SAAI,KAAU,WAAW,GAAG,4DAA4D,SAAS,GAAI,GAAG,OAAO,CACjH;AAED,KAAK,cAAc;AASnB,IAAM,aAAmB,iBAA+C,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAChG,oBAAC,SAAI,KAAU,WAAW,GAAG,iCAAiC,SAAS,GAAI,GAAG,OAAO,CACtF;AAED,WAAW,cAAc;AASzB,IAAM,YAAkB,iBAA6C,CAAC,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,QACvG,oBAAC,QAAG,KAAU,WAAW,GAAG,6CAA6C,SAAS,GAAI,GAAG,OACtF,UACH,CACD;AAED,UAAU,cAAc;AASxB,IAAM,kBAAwB;AAAA,EAC5B,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QACxB,oBAAC,OAAE,KAAU,WAAW,GAAG,iCAAiC,SAAS,GAAI,GAAG,OAAO;AAEvF;AAEA,gBAAgB,cAAc;AAS9B,IAAM,cAAoB,iBAAiD,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QACnG,oBAAC,SAAI,KAAU,WAAW,GAAG,YAAY,SAAS,GAAI,GAAG,OAAO,CACjE;AAED,YAAY,cAAc;AAS1B,IAAM,aAAmB,iBAA+C,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAChG,oBAAC,SAAI,KAAU,WAAW,GAAG,8BAA8B,SAAS,GAAI,GAAG,OAAO,CACnF;AAED,WAAW,cAAc;","names":[]}

package/dist/carousel.d.mts

@@ -1,22 +1,27 @@
-import { ButtonProps } from './button.mjs';
 import * as React from 'react';
 import useEmblaCarousel, { UseEmblaCarouselType } from 'embla-carousel-react';
+import { ButtonProps } from './button.mjs';
 import 'cva';
 
 type CarouselApi = UseEmblaCarouselType[1];
 type UseCarouselParameters = Parameters<typeof useEmblaCarousel>;
 type CarouselOptions = UseCarouselParameters[0];
 type CarouselPlugin = UseCarouselParameters[1];
-interface CarouselProps {
+interface BaseCarouselProps {
     opts?: CarouselOptions;
     plugins?: CarouselPlugin;
     orientation?: "horizontal" | "vertical";
     setApi?: (api: CarouselApi) => void;
 }
-declare const Carousel: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & CarouselProps & React.RefAttributes<HTMLDivElement>>;
-declare const CarouselContent: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-declare const CarouselItem: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-declare const CarouselPrevious: React.ForwardRefExoticComponent<Omit<ButtonProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
-declare const CarouselNext: React.ForwardRefExoticComponent<Omit<ButtonProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+type CarouselProps = React.HTMLAttributes<HTMLDivElement> & BaseCarouselProps;
+declare const Carousel: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & BaseCarouselProps & React.RefAttributes<HTMLDivElement>>;
+type CarouselContentProps = React.HTMLAttributes<HTMLDivElement>;
+declare const CarouselContent: React.ForwardRefExoticComponent<CarouselContentProps & React.RefAttributes<HTMLDivElement>>;
+type CarouselItemProps = React.HTMLAttributes<HTMLDivElement>;
+declare const CarouselItem: React.ForwardRefExoticComponent<CarouselItemProps & React.RefAttributes<HTMLDivElement>>;
+type CarouselPreviousProps = ButtonProps;
+declare const CarouselPrevious: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
+type CarouselNextProps = ButtonProps;
+declare const CarouselNext: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
 
-export { Carousel, type CarouselApi, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious };
+export { Carousel, type CarouselApi, CarouselContent, type CarouselContentProps, CarouselItem, type CarouselItemProps, CarouselNext, type CarouselNextProps, CarouselPrevious, type CarouselPreviousProps, type CarouselProps };

package/dist/carousel.d.ts

@@ -1,22 +1,27 @@
-import { ButtonProps } from './button.js';
 import * as React from 'react';
 import useEmblaCarousel, { UseEmblaCarouselType } from 'embla-carousel-react';
+import { ButtonProps } from './button.js';
 import 'cva';
 
 type CarouselApi = UseEmblaCarouselType[1];
 type UseCarouselParameters = Parameters<typeof useEmblaCarousel>;
 type CarouselOptions = UseCarouselParameters[0];
 type CarouselPlugin = UseCarouselParameters[1];
-interface CarouselProps {
+interface BaseCarouselProps {
     opts?: CarouselOptions;
     plugins?: CarouselPlugin;
     orientation?: "horizontal" | "vertical";
     setApi?: (api: CarouselApi) => void;
 }
-declare const Carousel: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & CarouselProps & React.RefAttributes<HTMLDivElement>>;
-declare const CarouselContent: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-declare const CarouselItem: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-declare const CarouselPrevious: React.ForwardRefExoticComponent<Omit<ButtonProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
-declare const CarouselNext: React.ForwardRefExoticComponent<Omit<ButtonProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+type CarouselProps = React.HTMLAttributes<HTMLDivElement> & BaseCarouselProps;
+declare const Carousel: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & BaseCarouselProps & React.RefAttributes<HTMLDivElement>>;
+type CarouselContentProps = React.HTMLAttributes<HTMLDivElement>;
+declare const CarouselContent: React.ForwardRefExoticComponent<CarouselContentProps & React.RefAttributes<HTMLDivElement>>;
+type CarouselItemProps = React.HTMLAttributes<HTMLDivElement>;
+declare const CarouselItem: React.ForwardRefExoticComponent<CarouselItemProps & React.RefAttributes<HTMLDivElement>>;
+type CarouselPreviousProps = ButtonProps;
+declare const CarouselPrevious: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
+type CarouselNextProps = ButtonProps;
+declare const CarouselNext: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
 
-export { Carousel, type CarouselApi, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious };
+export { Carousel, type CarouselApi, CarouselContent, type CarouselContentProps, CarouselItem, type CarouselItemProps, CarouselNext, type CarouselNextProps, CarouselPrevious, type CarouselPreviousProps, type CarouselProps };