@codefast/ui 0.0.8 → 0.0.9

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;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;AAGA,SAAS,SAAS;AAAA,EAChB;AAAA,EACA;AAAA,EACA,kBAAkB;AAAA,EAClB,GAAG;AACL,GAAqC;AACnC,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\ntype CalendarProps = DayPickerProps;\nfunction Calendar({\n  className,\n  classNames,\n  showOutsideDays = true,\n  ...props\n}: 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:\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 CalendarProps, type DateRange };\n"]}

package/dist/calendar.mjs

@@ -1,7 +1,7 @@
 "use client";
 import {
   buttonVariants
-} from "./chunk-KW5FJ62U.mjs";
+} from "./chunk-FATZHRHR.mjs";
 import {
   cn
 } from "./chunk-UG3URV2Z.mjs";

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 {\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\ntype CalendarProps = DayPickerProps;\nfunction Calendar({\n  className,\n  classNames,\n  showOutsideDays = true,\n  ...props\n}: 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:\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 CalendarProps, 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;AAGA,SAAS,SAAS;AAAA,EAChB;AAAA,EACA;AAAA,EACA,kBAAkB;AAAA,EAClB,GAAG;AACL,GAAqC;AACnC,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":[]}

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,36 +5,42 @@ 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",
@@ -45,16 +51,20 @@ var CardDescription = React.forwardRef(({ className, ...props }, ref) => /* @__P
   }
 ));
 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 }));
+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;AAUnB;AAFJ,IAAM,OAAa;AAAA,EACjB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QACxB;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;AACA,KAAK,cAAc;AAOnB,IAAM,aAAmB;AAAA,EACvB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QACxB;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,WAAW,GAAG,iCAAiC,SAAS;AAAA,MACvD,GAAG;AAAA;AAAA,EACN;AAEJ;AACA,WAAW,cAAc;AAOzB,IAAM,YAAkB;AAAA,EACtB,CAAC,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,QAClC;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,WAAW,GAAG,6CAA6C,SAAS;AAAA,MACnE,GAAG;AAAA,MAEH;AAAA;AAAA,EACH;AAEJ;AACA,UAAU,cAAc;AAOxB,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;AAO9B,IAAM,cAAoB;AAAA,EACxB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QACxB,oBAAC,SAAI,KAAU,WAAW,GAAG,YAAY,SAAS,GAAI,GAAG,OAAO;AAEpE;AACA,YAAY,cAAc;AAO1B,IAAM,aAAmB;AAAA,EACvB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QACxB;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,WAAW,GAAG,8BAA8B,SAAS;AAAA,MACpD,GAAG;AAAA;AAAA,EACN;AAEJ;AACA,WAAW,cAAc","sourcesContent":["import * as React from \"react\";\nimport { cn } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: Card\n * -------------------------------------------------------------------------- */\n\ntype CardProps = React.HTMLAttributes<HTMLDivElement>;\nconst Card = React.forwardRef<HTMLDivElement, CardProps>(\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  ),\n);\nCard.displayName = \"Card\";\n\n/* -----------------------------------------------------------------------------\n * Component: CardHeader\n * -------------------------------------------------------------------------- */\n\ntype CardHeaderProps = React.HTMLAttributes<HTMLDivElement>;\nconst CardHeader = React.forwardRef<HTMLDivElement, CardHeaderProps>(\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  ),\n);\nCardHeader.displayName = \"CardHeader\";\n\n/* -----------------------------------------------------------------------------\n * Component: CardTitle\n * -------------------------------------------------------------------------- */\n\ntype CardTitleProps = React.HTMLAttributes<HTMLHeadingElement>;\nconst CardTitle = React.forwardRef<HTMLParagraphElement, CardTitleProps>(\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  ),\n);\nCardTitle.displayName = \"CardTitle\";\n\n/* -----------------------------------------------------------------------------\n * Component: CardDescription\n * -------------------------------------------------------------------------- */\n\ntype CardDescriptionProps = React.HTMLAttributes<HTMLParagraphElement>;\nconst CardDescription = React.forwardRef<\n  HTMLParagraphElement,\n  CardDescriptionProps\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\ntype CardContentProps = React.HTMLAttributes<HTMLDivElement>;\nconst CardContent = React.forwardRef<HTMLDivElement, CardContentProps>(\n  ({ 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 CardFooterProps = React.HTMLAttributes<HTMLDivElement>;\nconst CardFooter = React.forwardRef<HTMLDivElement, CardFooterProps>(\n  ({ className, ...props }, ref) => (\n    <div\n      ref={ref}\n      className={cn(\"flex items-center p-6 pt-0\", className)}\n      {...props}\n    />\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,36 +5,42 @@ 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",
@@ -45,16 +51,20 @@ var CardDescription = React.forwardRef(({ className, ...props }, ref) => /* @__P
   }
 ));
 CardDescription.displayName = "CardDescription";
-var CardContent = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("p-6 pt-0", className), ...props }));
+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 CardProps = React.HTMLAttributes<HTMLDivElement>;\nconst Card = React.forwardRef<HTMLDivElement, CardProps>(\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  ),\n);\nCard.displayName = \"Card\";\n\n/* -----------------------------------------------------------------------------\n * Component: CardHeader\n * -------------------------------------------------------------------------- */\n\ntype CardHeaderProps = React.HTMLAttributes<HTMLDivElement>;\nconst CardHeader = React.forwardRef<HTMLDivElement, CardHeaderProps>(\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  ),\n);\nCardHeader.displayName = \"CardHeader\";\n\n/* -----------------------------------------------------------------------------\n * Component: CardTitle\n * -------------------------------------------------------------------------- */\n\ntype CardTitleProps = React.HTMLAttributes<HTMLHeadingElement>;\nconst CardTitle = React.forwardRef<HTMLParagraphElement, CardTitleProps>(\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  ),\n);\nCardTitle.displayName = \"CardTitle\";\n\n/* -----------------------------------------------------------------------------\n * Component: CardDescription\n * -------------------------------------------------------------------------- */\n\ntype CardDescriptionProps = React.HTMLAttributes<HTMLParagraphElement>;\nconst CardDescription = React.forwardRef<\n  HTMLParagraphElement,\n  CardDescriptionProps\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\ntype CardContentProps = React.HTMLAttributes<HTMLDivElement>;\nconst CardContent = React.forwardRef<HTMLDivElement, CardContentProps>(\n  ({ 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 CardFooterProps = React.HTMLAttributes<HTMLDivElement>;\nconst CardFooter = React.forwardRef<HTMLDivElement, CardFooterProps>(\n  ({ className, ...props }, ref) => (\n    <div\n      ref={ref}\n      className={cn(\"flex items-center p-6 pt-0\", className)}\n      {...props}\n    />\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;AAUnB;AAFJ,IAAM,OAAa;AAAA,EACjB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QACxB;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;AACA,KAAK,cAAc;AAOnB,IAAM,aAAmB;AAAA,EACvB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QACxB;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,WAAW,GAAG,iCAAiC,SAAS;AAAA,MACvD,GAAG;AAAA;AAAA,EACN;AAEJ;AACA,WAAW,cAAc;AAOzB,IAAM,YAAkB;AAAA,EACtB,CAAC,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,QAClC;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,WAAW,GAAG,6CAA6C,SAAS;AAAA,MACnE,GAAG;AAAA,MAEH;AAAA;AAAA,EACH;AAEJ;AACA,UAAU,cAAc;AAOxB,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;AAO9B,IAAM,cAAoB;AAAA,EACxB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QACxB,oBAAC,SAAI,KAAU,WAAW,GAAG,YAAY,SAAS,GAAI,GAAG,OAAO;AAEpE;AACA,YAAY,cAAc;AAO1B,IAAM,aAAmB;AAAA,EACvB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QACxB;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,WAAW,GAAG,8BAA8B,SAAS;AAAA,MACpD,GAAG;AAAA;AAAA,EACN;AAEJ;AACA,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 };

package/dist/carousel.js

@@ -1,7 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } } function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }"use client";
 
 
-var _chunkU2WDUCW3js = require('./chunk-U2WDUCW3.js');
+var _chunkJOJW7BBYjs = require('./chunk-JOJW7BBY.js');
 
 
 var _chunkG3NP7M2Njs = require('./chunk-G3NP7M2N.js');
@@ -102,44 +102,48 @@ var Carousel = React.forwardRef(
   }
 );
 Carousel.displayName = "Carousel";
-var CarouselContent = React.forwardRef(({ className, ...props }, ref) => {
-  const { carouselRef, orientation } = useCarousel();
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { ref: carouselRef, className: "overflow-hidden", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    "div",
-    {
-      ref,
-      className: _chunkG3NP7M2Njs.cn.call(void 0, 
-        "flex",
-        orientation === "horizontal" ? "-ml-4" : "-mt-4 flex-col",
-        className
-      ),
-      ...props
-    }
-  ) });
-});
+var CarouselContent = React.forwardRef(
+  ({ className, ...props }, ref) => {
+    const { carouselRef, orientation } = useCarousel();
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { ref: carouselRef, className: "overflow-hidden", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "div",
+      {
+        ref,
+        className: _chunkG3NP7M2Njs.cn.call(void 0, 
+          "flex",
+          orientation === "horizontal" ? "-ml-4" : "-mt-4 flex-col",
+          className
+        ),
+        ...props
+      }
+    ) });
+  }
+);
 CarouselContent.displayName = "CarouselContent";
-var CarouselItem = React.forwardRef(({ className, ...props }, ref) => {
-  const { orientation } = useCarousel();
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    "div",
-    {
-      ref,
-      role: "group",
-      "aria-roledescription": "slide",
-      className: _chunkG3NP7M2Njs.cn.call(void 0, 
-        "min-w-0 shrink-0 grow-0 basis-full",
-        orientation === "horizontal" ? "pl-4" : "pt-4",
-        className
-      ),
-      ...props
-    }
-  );
-});
+var CarouselItem = React.forwardRef(
+  ({ className, ...props }, ref) => {
+    const { orientation } = useCarousel();
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "div",
+      {
+        ref,
+        role: "group",
+        "aria-roledescription": "slide",
+        className: _chunkG3NP7M2Njs.cn.call(void 0, 
+          "min-w-0 shrink-0 grow-0 basis-full",
+          orientation === "horizontal" ? "pl-4" : "pt-4",
+          className
+        ),
+        ...props
+      }
+    );
+  }
+);
 CarouselItem.displayName = "CarouselItem";
 var CarouselPrevious = React.forwardRef(({ className, variant = "outline", size = "icon", ...props }, ref) => {
   const { orientation, scrollPrev, canScrollPrev } = useCarousel();
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-    _chunkU2WDUCW3js.Button,
+    _chunkJOJW7BBYjs.Button,
     {
       ref,
       variant,
@@ -160,29 +164,31 @@ var CarouselPrevious = React.forwardRef(({ className, variant = "outline", size
   );
 });
 CarouselPrevious.displayName = "CarouselPrevious";
-var CarouselNext = React.forwardRef(({ className, variant = "outline", size = "icon", ...props }, ref) => {
-  const { orientation, scrollNext, canScrollNext } = useCarousel();
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-    _chunkU2WDUCW3js.Button,
-    {
-      ref,
-      variant,
-      size,
-      className: _chunkG3NP7M2Njs.cn.call(void 0, 
-        "absolute size-8 rounded-full",
-        orientation === "horizontal" ? "-right-12 top-1/2 -translate-y-1/2" : "-bottom-12 left-1/2 -translate-x-1/2 rotate-90",
-        className
-      ),
-      disabled: !canScrollNext,
-      onClick: scrollNext,
-      ...props,
-      children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _reacticons.ArrowRightIcon, { className: "size-4" }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "sr-only", children: "Next slide" })
-      ]
-    }
-  );
-});
+var CarouselNext = React.forwardRef(
+  ({ className, variant = "outline", size = "icon", ...props }, ref) => {
+    const { orientation, scrollNext, canScrollNext } = useCarousel();
+    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+      _chunkJOJW7BBYjs.Button,
+      {
+        ref,
+        variant,
+        size,
+        className: _chunkG3NP7M2Njs.cn.call(void 0, 
+          "absolute size-8 rounded-full",
+          orientation === "horizontal" ? "-right-12 top-1/2 -translate-y-1/2" : "-bottom-12 left-1/2 -translate-x-1/2 rotate-90",
+          className
+        ),
+        disabled: !canScrollNext,
+        onClick: scrollNext,
+        ...props,
+        children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _reacticons.ArrowRightIcon, { className: "size-4" }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "sr-only", children: "Next slide" })
+        ]
+      }
+    );
+  }
+);
 CarouselNext.displayName = "CarouselNext";