@customafk/lunas-ui 0.2.53 → 0.2.54

package/dist/button-group-CDRMmMyT.d.cts

@@ -1,50 +0,0 @@
-import { t as Separator } from "./separator-DOHFNx8Z.cjs";
-import * as react66 from "react";
-import * as class_variance_authority_types4 from "class-variance-authority/types";
-import { VariantProps } from "class-variance-authority";
-
-//#region packages/components/ui/button-group.d.ts
-declare const buttonGroupVariants: (props?: ({
-  orientation?: "vertical" | "horizontal" | null | undefined;
-} & class_variance_authority_types4.ClassProp) | undefined) => string;
-/**
- * Groups buttons (or inputs) into a visually connected row or column by removing the border radii on adjacent sides.
- *
- * @example
- * ```tsx
- * import { ButtonGroup, ButtonGroupSeparator } from '@customafk/lunas-ui/ui/button-group';
- * import { Button } from '@customafk/lunas-ui/ui/button';
- *
- * <ButtonGroup orientation="horizontal">
- *   <Button variant="outline">Left</Button>
- *   <ButtonGroupSeparator />
- *   <Button variant="outline">Right</Button>
- * </ButtonGroup>
- * ```
- */
-declare function ButtonGroup({
-  className,
-  orientation,
-  ...props
-}: React.ComponentProps<'div'> & VariantProps<typeof buttonGroupVariants>): react66.JSX.Element;
-/**
- * A static text or icon addon rendered inside a ButtonGroup with muted background styling.
- *
- * @param asChild - When true, renders as the child element via Radix Slot instead of `<div>`.
- */
-declare function ButtonGroupText({
-  className,
-  asChild,
-  ...props
-}: React.ComponentProps<'div'> & {
-  asChild?: boolean;
-}): react66.JSX.Element;
-/** A visual Separator rendered between items inside a ButtonGroup. */
-declare function ButtonGroupSeparator({
-  className,
-  orientation,
-  ...props
-}: React.ComponentProps<typeof Separator>): react66.JSX.Element;
-//#endregion
-export { buttonGroupVariants as i, ButtonGroupSeparator as n, ButtonGroupText as r, ButtonGroup as t };
-//# sourceMappingURL=button-group-CDRMmMyT.d.cts.map

package/dist/button-group-CRuT_zEE.mjs

@@ -1,2 +0,0 @@
-import{t as e}from"./dist-DVrfqn8H.mjs";import{t}from"./separator-BjRgoiEx.mjs";import{cn as n}from"@customafk/react-toolkit/utils";import{cva as r}from"class-variance-authority";import{jsx as i}from"react/jsx-runtime";const a=r(`flex w-fit items-stretch *:focus-visible:relative *:focus-visible:z-10 has-[>[data-slot=button-group]]:gap-2 has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-r-md [&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit [&>input]:flex-1`,{variants:{orientation:{horizontal:`[&>*:not(:first-child)]:rounded-l-none [&>*:not(:first-child)]:border-l-0 [&>*:not(:last-child)]:rounded-r-none`,vertical:`flex-col [&>*:not(:first-child)]:rounded-t-none [&>*:not(:first-child)]:border-t-0 [&>*:not(:last-child)]:rounded-b-none`}},defaultVariants:{orientation:`horizontal`}});function o({className:e,orientation:t,...r}){return i(`div`,{role:`group`,"data-slot":`button-group`,"data-orientation":t,className:n(a({orientation:t}),e),...r})}function s({className:t,asChild:r=!1,...a}){return i(r?e:`div`,{className:n(`flex items-center gap-2 rounded-md border border-border bg-muted px-4 font-medium text-sm shadow-xs [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none`,t),...a})}function c({className:e,orientation:r=`vertical`,...a}){return i(t,{"data-slot":`button-group-separator`,orientation:r,className:n(`relative m-0! self-stretch bg-muted-muted data-[orientation=vertical]:h-auto`,e),...a})}export{a as i,c as n,s as r,o as t};
-//# sourceMappingURL=button-group-CRuT_zEE.mjs.map

package/dist/button-group-CRuT_zEE.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"button-group-CRuT_zEE.mjs","names":[],"sources":["../packages/components/ui/button-group.tsx"],"sourcesContent":["import { cn } from '@customafk/react-toolkit/utils';\n\nimport { Slot } from '@radix-ui/react-slot';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { Separator } from '@/components/ui/separator';\n\nconst buttonGroupVariants = cva(\n  \"flex w-fit items-stretch *:focus-visible:relative *:focus-visible:z-10 has-[>[data-slot=button-group]]:gap-2 has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-r-md [&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit [&>input]:flex-1\",\n  {\n    variants: {\n      orientation: {\n        horizontal: '[&>*:not(:first-child)]:rounded-l-none [&>*:not(:first-child)]:border-l-0 [&>*:not(:last-child)]:rounded-r-none',\n        vertical: 'flex-col [&>*:not(:first-child)]:rounded-t-none [&>*:not(:first-child)]:border-t-0 [&>*:not(:last-child)]:rounded-b-none',\n      },\n    },\n    defaultVariants: {\n      orientation: 'horizontal',\n    },\n  }\n);\n\n/**\n * Groups buttons (or inputs) into a visually connected row or column by removing the border radii on adjacent sides.\n *\n * @example\n * ```tsx\n * import { ButtonGroup, ButtonGroupSeparator } from '@customafk/lunas-ui/ui/button-group';\n * import { Button } from '@customafk/lunas-ui/ui/button';\n *\n * <ButtonGroup orientation=\"horizontal\">\n *   <Button variant=\"outline\">Left</Button>\n *   <ButtonGroupSeparator />\n *   <Button variant=\"outline\">Right</Button>\n * </ButtonGroup>\n * ```\n */\nfunction ButtonGroup({ className, orientation, ...props }: React.ComponentProps<'div'> & VariantProps<typeof buttonGroupVariants>) {\n  return (\n    <div role=\"group\" data-slot=\"button-group\" data-orientation={orientation} className={cn(buttonGroupVariants({ orientation }), className)} {...props} />\n  );\n}\n\n/**\n * A static text or icon addon rendered inside a ButtonGroup with muted background styling.\n *\n * @param asChild - When true, renders as the child element via Radix Slot instead of `<div>`.\n */\nfunction ButtonGroupText({\n  className,\n  asChild = false,\n  ...props\n}: React.ComponentProps<'div'> & {\n  asChild?: boolean;\n}) {\n  const Comp = asChild ? Slot : 'div';\n\n  return (\n    <Comp\n      className={cn(\n        \"flex items-center gap-2 rounded-md border border-border bg-muted px-4 font-medium text-sm shadow-xs [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none\",\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\n/** A visual Separator rendered between items inside a ButtonGroup. */\nfunction ButtonGroupSeparator({ className, orientation = 'vertical', ...props }: React.ComponentProps<typeof Separator>) {\n  return (\n    <Separator\n      data-slot=\"button-group-separator\"\n      orientation={orientation}\n      className={cn('relative m-0! self-stretch bg-muted-muted data-[orientation=vertical]:h-auto', className)}\n      {...props}\n    />\n  );\n}\n\nexport { ButtonGroup, ButtonGroupSeparator, ButtonGroupText, buttonGroupVariants };\n"],"mappings":"2NAMA,MAAM,EAAsB,EAC1B,2RACA,CACE,SAAU,CACR,YAAa,CACX,WAAY,kHACZ,SAAU,2HACX,CACF,CACD,gBAAiB,CACf,YAAa,aACd,CACF,CACF,CAiBD,SAAS,EAAY,CAAE,YAAW,cAAa,GAAG,GAAiF,CACjI,OACE,EAAC,MAAA,CAAI,KAAK,QAAQ,YAAU,eAAe,mBAAkB,EAAa,UAAW,EAAG,EAAoB,CAAE,cAAa,CAAC,CAAE,EAAU,CAAE,GAAI,GAAS,CAS3J,SAAS,EAAgB,CACvB,YACA,UAAU,GACV,GAAG,GAGF,CAGD,OACE,EAHW,EAAU,EAAO,MAAA,CAI1B,UAAW,EACT,uKACA,EACD,CACD,GAAI,GACJ,CAKN,SAAS,EAAqB,CAAE,YAAW,cAAc,WAAY,GAAG,GAAiD,CACvH,OACE,EAAC,EAAA,CACC,YAAU,yBACG,cACb,UAAW,EAAG,+EAAgF,EAAU,CACxG,GAAI,GACJ"}

package/dist/button-group-wrn32Sqe.d.mts

@@ -1,50 +0,0 @@
-import { t as Separator } from "./separator-BT4tDBSP.mjs";
-import * as react245 from "react";
-import { VariantProps } from "class-variance-authority";
-import * as class_variance_authority_types11 from "class-variance-authority/types";
-
-//#region packages/components/ui/button-group.d.ts
-declare const buttonGroupVariants: (props?: ({
-  orientation?: "vertical" | "horizontal" | null | undefined;
-} & class_variance_authority_types11.ClassProp) | undefined) => string;
-/**
- * Groups buttons (or inputs) into a visually connected row or column by removing the border radii on adjacent sides.
- *
- * @example
- * ```tsx
- * import { ButtonGroup, ButtonGroupSeparator } from '@customafk/lunas-ui/ui/button-group';
- * import { Button } from '@customafk/lunas-ui/ui/button';
- *
- * <ButtonGroup orientation="horizontal">
- *   <Button variant="outline">Left</Button>
- *   <ButtonGroupSeparator />
- *   <Button variant="outline">Right</Button>
- * </ButtonGroup>
- * ```
- */
-declare function ButtonGroup({
-  className,
-  orientation,
-  ...props
-}: React.ComponentProps<'div'> & VariantProps<typeof buttonGroupVariants>): react245.JSX.Element;
-/**
- * A static text or icon addon rendered inside a ButtonGroup with muted background styling.
- *
- * @param asChild - When true, renders as the child element via Radix Slot instead of `<div>`.
- */
-declare function ButtonGroupText({
-  className,
-  asChild,
-  ...props
-}: React.ComponentProps<'div'> & {
-  asChild?: boolean;
-}): react245.JSX.Element;
-/** A visual Separator rendered between items inside a ButtonGroup. */
-declare function ButtonGroupSeparator({
-  className,
-  orientation,
-  ...props
-}: React.ComponentProps<typeof Separator>): react245.JSX.Element;
-//#endregion
-export { buttonGroupVariants as i, ButtonGroupSeparator as n, ButtonGroupText as r, ButtonGroup as t };
-//# sourceMappingURL=button-group-wrn32Sqe.d.mts.map

package/dist/button.variants-4kw6plrv.cjs

@@ -1,2 +0,0 @@
-const e=require(`./chunk-350yNsax.cjs`);let t=require(`class-variance-authority`);const n=(0,t.cva)([`pointer-events-none absolute inset-0 z-10 flex cursor-default items-center justify-center rounded-sm`],{variants:{variant:{default:``,outline:``,soft:``,subtle:``,ghost:``,link:``},color:{primary:``,secondary:``,muted:``,success:``,important:``,info:``,warning:``,danger:``}},compoundVariants:[{variant:`default`,color:`primary`,className:`bg-primary-weak`},{variant:`default`,color:`secondary`,className:`bg-secondary-weak`},{variant:`default`,color:`muted`,className:`bg-muted-weak`},{variant:`default`,color:`success`,className:`bg-success-weak`},{variant:`default`,color:`important`,className:`bg-important-weak`},{variant:`default`,color:`info`,className:`bg-info-weak`},{variant:`default`,color:`warning`,className:`bg-warning-weak`},{variant:`default`,color:`danger`,className:`bg-danger-weak`},{variant:`outline`,color:`primary`,className:`bg-card outline-1 outline-primary-weak`},{variant:`outline`,color:`secondary`,className:`bg-card outline-1 outline-secondary-weak`},{variant:`outline`,color:`muted`,className:`bg-card outline-1 outline-muted-weak`},{variant:`outline`,color:`success`,className:`bg-card outline-1 outline-success-weak`},{variant:`outline`,color:`important`,className:`bg-card outline-1 outline-important-weak`},{variant:`outline`,color:`info`,className:`bg-card outline-1 outline-info-weak`},{variant:`outline`,color:`warning`,className:`bg-card outline-1 outline-warning-weak`},{variant:`outline`,color:`danger`,className:`bg-card outline-1 outline-danger-weak`},{variant:`soft`,color:`primary`,className:`bg-primary-bg-subtle`},{variant:`soft`,color:`secondary`,className:`bg-secondary-bg-subtle`},{variant:`soft`,color:`muted`,className:`bg-muted-bg-subtle`},{variant:`soft`,color:`success`,className:`bg-success-bg-subtle`},{variant:`soft`,color:`important`,className:`bg-important-bg-subtle`},{variant:`soft`,color:`info`,className:`bg-info-bg-subtle`},{variant:`soft`,color:`warning`,className:`bg-warning-bg-subtle`},{variant:`soft`,color:`danger`,className:`bg-danger-bg-subtle`},{variant:`subtle`,color:`primary`,className:`bg-primary-bg-subtle outline-1 outline-primary-weak`},{variant:`subtle`,color:`secondary`,className:`bg-secondary-bg-subtle outline-1 outline-secondary-weak`},{variant:`subtle`,color:`muted`,className:`bg-muted-bg-subtle outline-1 outline-border-weak`},{variant:`subtle`,color:`success`,className:`bg-success-bg-subtle outline-1 outline-success-weak`},{variant:`subtle`,color:`important`,className:`bg-important-bg-subtle outline-1 outline-important-weak`},{variant:`subtle`,color:`info`,className:`bg-info-bg-subtle outline-1 outline-info-weak`},{variant:`subtle`,color:`warning`,className:`bg-warning-bg-subtle outline-1 outline-warning-weak`},{variant:`subtle`,color:`danger`,className:`bg-danger-bg-subtle outline-1 outline-danger-weak`},{variant:`ghost`,color:`primary`,className:`bg-primary-bg-subtle`},{variant:`ghost`,color:`secondary`,className:`bg-secondary-bg-subtle`},{variant:`ghost`,color:`muted`,className:`bg-muted-bg-subtle`},{variant:`ghost`,color:`success`,className:`bg-success-bg-subtle`},{variant:`ghost`,color:`important`,className:`bg-important-bg-subtle`},{variant:`ghost`,color:`info`,className:`bg-info-bg-subtle`},{variant:`ghost`,color:`warning`,className:`bg-warning-bg-subtle`},{variant:`ghost`,color:`danger`,className:`bg-danger-bg-subtle`}]}),r=(0,t.cva)([`relative cursor-pointer rounded-sm transition-[color,background-color,border-color,box-shadow,opacity] duration-150 ease-in-out`,`whitespace-normal`,`inline-flex items-center justify-center`,`[&_svg]:pointer-events-none`,`[&_svg]:shrink-0`,`[&_svg:not([class*='size-'])]:size-4`,`disabled:pointer-events-none disabled:cursor-default disabled:opacity-60`,`data-[state=loading]:pointer-events-none data-[state=loading]:cursor-default`],{variants:{variant:{default:`border border-transparent outline-none shadow-btn`,outline:`border bg-card outline-none`,soft:`outline-none outline-0`,subtle:`border border-transparent outline-1 -outline-offset-1`,ghost:`border border-transparent outline-none`,link:`border border-transparent outline-none`},color:{primary:``,secondary:``,muted:``,success:``,important:``,info:``,warning:``,danger:``},size:{default:`px-2.5 py-1.5 font-medium text-sm leading-5`,xs:`px-2 py-1 font-medium text-xs leading-4`,sm:`px-2.5 py-1.5 font-medium text-xs leading-4`,md:`px-2.5 py-1.5 font-medium text-sm leading-5`,lg:`px-3 py-2 font-medium text-sm leading-5`,xl:`px-3 py-2 font-medium text-base leading-6`,icon:`size-8`}},defaultVariants:{variant:`default`,color:`primary`,size:`default`},compoundVariants:[{variant:`default`,color:`primary`,className:`bg-primary text-primary-foreground hover:bg-primary-strong focus:ring-2 focus:ring-primary focus:ring-offset-2`},{variant:`default`,color:`secondary`,className:`bg-secondary text-secondary-foreground hover:bg-secondary-strong focus:ring-2 focus:ring-secondary focus:ring-offset-2`},{variant:`default`,color:`muted`,className:`bg-muted text-text-negative hover:opacity-80 focus:ring-2 focus:ring-muted focus:ring-offset-2`},{variant:`default`,color:`success`,className:`bg-success text-success-foreground hover:bg-success-strong focus:ring-2 focus:ring-success focus:ring-offset-2`},{variant:`default`,color:`important`,className:`bg-important text-text-negative hover:opacity-80 focus:ring-2 focus:ring-important focus:ring-offset-2`},{variant:`default`,color:`info`,className:`bg-info text-info-foreground hover:bg-info-strong focus:ring-2 focus:ring-info focus:ring-offset-2`},{variant:`default`,color:`warning`,className:`bg-warning text-warning-foreground hover:bg-warning-strong focus:ring-2 focus:ring-warning focus:ring-offset-2`},{variant:`default`,color:`danger`,className:`bg-danger text-danger-foreground hover:bg-danger-strong focus:ring-2 focus:ring-danger focus:ring-offset-2`},{variant:`outline`,color:`primary`,className:`border-primary text-primary hover:bg-primary-bg-subtle focus:border-primary-strong focus:ring-2 focus:ring-primary-weak`},{variant:`outline`,color:`secondary`,className:`border-secondary text-secondary hover:bg-secondary-muted focus:border-secondary focus:ring-2 focus:ring-secondary-weak`},{variant:`outline`,color:`muted`,className:`border-muted-weak text-muted hover:bg-muted-muted focus:border-muted-weak focus:ring-2 focus:ring-muted-weak`},{variant:`outline`,color:`success`,className:`border-success text-success hover:bg-success-muted focus:border-success-strong focus:ring-2 focus:ring-success-weak`},{variant:`outline`,color:`important`,className:`border-important text-important hover:bg-important-muted focus:border-important-strong focus:ring-2 focus:ring-important-weak`},{variant:`outline`,color:`info`,className:`border-info text-info hover:bg-info-muted focus:border-info-strong focus:ring-2 focus:ring-info-weak`},{variant:`outline`,color:`warning`,className:`border-warning text-warning hover:bg-warning-muted focus:border-warning-strong focus:ring-2 focus:ring-warning-weak`},{variant:`outline`,color:`danger`,className:`border-danger text-danger hover:bg-danger-muted focus:border-danger-strong focus:ring-2 focus:ring-danger-weak`},{variant:`soft`,color:`primary`,className:`bg-primary-bg-subtle text-primary hover:bg-primary-muted hover:text-primary-strong focus:bg-primary-weak`},{variant:`soft`,color:`secondary`,className:`bg-secondary-bg-subtle text-secondary hover:bg-secondary-muted hover:text-secondary-strong focus:bg-secondary-weak`},{variant:`soft`,color:`muted`,className:`bg-muted-bg-subtle text-muted hover:bg-muted-muted hover:text-muted-strong focus:bg-muted-weak`},{variant:`soft`,color:`success`,className:`bg-success-bg-subtle text-success hover:bg-success-muted hover:text-success-strong focus:bg-success-weak`},{variant:`soft`,color:`important`,className:`bg-important-bg-subtle text-important hover:bg-important-muted hover:text-important-strong focus:bg-important-weak`},{variant:`soft`,color:`info`,className:`bg-info-bg-subtle text-info hover:bg-info-muted hover:text-info-strong focus:bg-info-weak`},{variant:`soft`,color:`warning`,className:`bg-warning-bg-subtle text-warning hover:bg-warning-muted hover:text-warning-strong focus:bg-warning-weak`},{variant:`soft`,color:`danger`,className:`bg-danger-bg-subtle text-danger hover:bg-danger-muted hover:text-danger-strong focus:bg-danger-weak`},{variant:`subtle`,color:`primary`,className:`bg-primary-bg-subtle text-primary outline-primary hover:bg-primary-bg-subtle focus:outline-2 focus:outline-primary`},{variant:`subtle`,color:`secondary`,className:`bg-secondary-bg-subtle text-secondary outline-secondary hover:bg-secondary-bg-subtle focus:outline-2 focus:outline-secondary`},{variant:`subtle`,color:`muted`,className:`bg-muted-bg-subtle text-muted outline-border hover:bg-muted-bg-subtle focus:outline-2 focus:outline-border`},{variant:`subtle`,color:`success`,className:`bg-success-bg-subtle text-success outline-success hover:bg-success-bg-subtle focus:outline-2 focus:outline-success`},{variant:`subtle`,color:`important`,className:`bg-important-bg-subtle text-important outline-important hover:bg-important-bg-subtle focus:outline-2 focus:outline-important`},{variant:`subtle`,color:`info`,className:`bg-info-bg-subtle text-info outline-info hover:bg-info-bg-subtle focus:outline-2 focus:outline-info`},{variant:`subtle`,color:`warning`,className:`bg-warning-bg-subtle text-warning outline-warning hover:bg-warning-bg-subtle focus:outline-2 focus:outline-warning`},{variant:`subtle`,color:`danger`,className:`bg-danger-bg-subtle text-danger outline-danger hover:bg-danger-bg-subtle focus:outline-2 focus:outline-danger`},{variant:`ghost`,color:`primary`,className:`text-primary hover:bg-primary-bg-subtle focus:bg-primary-muted`},{variant:`ghost`,color:`secondary`,className:`text-text-positive-weak hover:bg-secondary-bg-subtle focus:bg-secondary-muted`},{variant:`ghost`,color:`muted`,className:`text-text-positive-weak hover:bg-muted-bg-subtle focus:bg-muted-muted`},{variant:`ghost`,color:`success`,className:`text-success hover:bg-success-bg-subtle focus:bg-success-muted`},{variant:`ghost`,color:`important`,className:`text-important hover:bg-important-bg-subtle focus:bg-important-muted`},{variant:`ghost`,color:`info`,className:`text-info hover:bg-info-bg-subtle focus:bg-info-muted`},{variant:`ghost`,color:`warning`,className:`text-warning hover:bg-warning-bg-subtle focus:bg-warning-muted`},{variant:`ghost`,color:`danger`,className:`text-danger hover:bg-danger-bg-subtle focus:bg-danger-muted`},{variant:`link`,color:`primary`,className:`text-primary focus:ring-2 focus:ring-primary focus:ring-offset-2`},{variant:`link`,color:`secondary`,className:`text-secondary focus:ring-2 focus:ring-secondary focus:ring-offset-2`},{variant:`link`,color:`muted`,className:`text-muted focus:ring-2 focus:ring-muted focus:ring-offset-2`},{variant:`link`,color:`success`,className:`text-success focus:ring-2 focus:ring-success focus:ring-offset-2`},{variant:`link`,color:`important`,className:`text-important focus:ring-2 focus:ring-important focus:ring-offset-2`},{variant:`link`,color:`info`,className:`text-info focus:ring-2 focus:ring-info focus:ring-offset-2`},{variant:`link`,color:`warning`,className:`text-warning focus:ring-2 focus:ring-warning focus:ring-offset-2`},{variant:`link`,color:`danger`,className:`text-danger focus:ring-2 focus:ring-danger focus:ring-offset-2`}]});Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return r}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return n}});
-//# sourceMappingURL=button.variants-4kw6plrv.cjs.map

package/dist/calendar-BUPDN6CU.d.cts

@@ -1,45 +0,0 @@
-import { t as Button } from "./button-D-pWsdxT.cjs";
-import * as react64 from "react";
-import { DayButton, DayPicker } from "react-day-picker";
-
-//#region packages/components/ui/calendar.d.ts
-declare const CalendarDayButton: ({
-  className,
-  day,
-  modifiers,
-  color: _,
-  ...props
-}: React.ComponentProps<typeof DayButton>) => react64.JSX.Element;
-/**
- * A fully styled date-picker calendar built on top of react-day-picker, supporting single, range, and multiple selection modes.
- *
- * @example
- * ```tsx
- * import { Calendar } from '@customafk/lunas-ui/ui/calendar';
- *
- * const [date, setDate] = React.useState<Date>();
- *
- * <Calendar
- *   mode="single"
- *   selected={date}
- *   onSelect={setDate}
- *   captionLayout="dropdown"
- * />
- * ```
- */
-declare function Calendar({
-  className,
-  classNames,
-  showOutsideDays,
-  captionLayout,
-  buttonVariant,
-  formatters,
-  components,
-  ...props
-}: React.ComponentProps<typeof DayPicker> & {
-  /** Variant applied to the previous/next navigation buttons. */
-  buttonVariant?: React.ComponentProps<typeof Button>['variant'];
-}): react64.JSX.Element;
-//#endregion
-export { CalendarDayButton as n, Calendar as t };
-//# sourceMappingURL=calendar-BUPDN6CU.d.cts.map

package/dist/calendar-Boz9U-O2.d.mts

@@ -1,45 +0,0 @@
-import { t as Button } from "./button-CwxEnAw3.mjs";
-import * as react170 from "react";
-import { DayButton, DayPicker } from "react-day-picker";
-
-//#region packages/components/ui/calendar.d.ts
-declare const CalendarDayButton: ({
-  className,
-  day,
-  modifiers,
-  color: _,
-  ...props
-}: React.ComponentProps<typeof DayButton>) => react170.JSX.Element;
-/**
- * A fully styled date-picker calendar built on top of react-day-picker, supporting single, range, and multiple selection modes.
- *
- * @example
- * ```tsx
- * import { Calendar } from '@customafk/lunas-ui/ui/calendar';
- *
- * const [date, setDate] = React.useState<Date>();
- *
- * <Calendar
- *   mode="single"
- *   selected={date}
- *   onSelect={setDate}
- *   captionLayout="dropdown"
- * />
- * ```
- */
-declare function Calendar({
-  className,
-  classNames,
-  showOutsideDays,
-  captionLayout,
-  buttonVariant,
-  formatters,
-  components,
-  ...props
-}: React.ComponentProps<typeof DayPicker> & {
-  /** Variant applied to the previous/next navigation buttons. */
-  buttonVariant?: React.ComponentProps<typeof Button>['variant'];
-}): react170.JSX.Element;
-//#endregion
-export { CalendarDayButton as n, Calendar as t };
-//# sourceMappingURL=calendar-Boz9U-O2.d.mts.map

package/dist/calendar-CTyL_3WY.cjs

@@ -1,2 +0,0 @@
-const e=require(`./chunk-350yNsax.cjs`),t=require(`./button.variants-4kw6plrv.cjs`),n=require(`./button-C--DAN1D.cjs`);let r=require(`lucide-react`),i=require(`react`),a=require(`@customafk/react-toolkit/utils`),o=require(`react/jsx-runtime`),s=require(`react-day-picker`);const c=({rootRef:e,className:t,...n})=>(0,o.jsx)(`div`,{"data-slot":`calendar`,ref:e,className:(0,a.cn)(t),...n}),l=e=>e.orientation===`left`?(0,o.jsx)(r.ChevronLeftIcon,{size:16,className:e.className,...e}):e.orientation===`right`?(0,o.jsx)(r.ChevronRightIcon,{size:16,className:e.className,...e}):(0,o.jsx)(r.ChevronDownIcon,{size:16,className:e.className,...e}),u=({className:e,day:t,modifiers:r,color:c,...l})=>{let u=(0,s.getDefaultClassNames)(),d=(0,i.useRef)(null);return(0,i.useEffect)(()=>{r.focused&&d.current?.focus()},[r.focused]),(0,o.jsx)(n.t,{ref:d,variant:`ghost`,color:`muted`,"data-day":t.date.toLocaleDateString(),"data-selected-single":r.selected&&!r.range_start&&!r.range_end&&!r.range_middle,"data-range-start":r.range_start,"data-range-end":r.range_end,"data-range-middle":r.range_middle,className:(0,a.cn)(`flex aspect-square size-9 flex-col rounded font-normal text-sm tabular-nums leading-none`,`data-[selected-single=true]:bg-primary`,`data-[selected-single=true]:text-white`,`data-[range-middle=true]:bg-muted-muted`,`data-[range-middle=true]:text-text-positive`,`data-[range-start=true]:bg-primary-muted`,`data-[range-start=true]:text-text-positive-strong`,`data-[range-end=true]:bg-primary`,`data-[range-end=true]:text-text-positive-strong`,`group-data-[focused=true]/day:border-primary-strong`,`group-data-[focused=true]/day:relative`,`group-data-[focused=true]/day:z-10`,`data-[range-end=true]:rounded`,`data-[range-end=true]:rounded-r`,`data-[range-middle=true]:rounded-none`,`data-[range-start=true]:rounded`,`data-[range-start=true]:rounded-l`,`[&>span]:text-xs [&>span]:opacity-70`,u.day,e),...l})},d=({children:e,...t})=>(0,o.jsx)(`td`,{...t,children:(0,o.jsx)(`div`,{className:`flex size-(--cell-size) items-center justify-center text-center`,children:e})});function f({className:e,classNames:n,showOutsideDays:r=!0,captionLayout:i=`label`,buttonVariant:f=`ghost`,formatters:p,components:m,...h}){let g=(0,s.getDefaultClassNames)();return(0,o.jsx)(s.DayPicker,{showOutsideDays:r,className:(0,a.cn)(`group/calendar bg-background p-3`,`[--cell-size:--spacing(8)]`,`in-data-[slot=card-content]:bg-transparent`,`in-data-[slot=popover-content]:bg-transparent`,String.raw`rtl:**:[.rdp-button\_next>svg]:rotate-180`,String.raw`rtl:**:[.rdp-button\_previous>svg]:rotate-180`,e),captionLayout:i,formatters:{formatMonthDropdown:e=>e.toLocaleString(`default`,{month:`short`}),...p},classNames:{root:(0,a.cn)(g.root),months:(0,a.cn)(`flex gap-4 flex-col md:flex-row relative`,g.months),month:(0,a.cn)(`flex flex-col w-full gap-4`,g.month),nav:(0,a.cn)(`flex items-center gap-1 w-full absolute top-0 inset-x-0 justify-between`,g.nav),button_previous:(0,a.cn)(t.n({variant:`outline`,color:`muted`}),`size-(--cell-size) aria-disabled:opacity-50 p-0 select-none`,g.button_previous),button_next:(0,a.cn)(t.n({variant:`outline`,color:`muted`}),`size-(--cell-size) aria-disabled:opacity-50 p-0 select-none`,g.button_next),month_caption:(0,a.cn)(`flex items-center justify-center h-(--cell-size) w-full px-(--cell-size)`,g.month_caption),dropdowns:(0,a.cn)(`w-full flex items-center text-sm font-medium justify-center h-(--cell-size) gap-1.5`,g.dropdowns),dropdown_root:(0,a.cn)(`relative has-focus:border-primary-strong border border-border-weak shadow-xs has-focus:ring-primary-weak has-focus:ring-[3px] rounded`,g.dropdown_root),dropdown:(0,a.cn)(`absolute inset-0 opacity-0`,g.dropdown),caption_label:(0,a.cn)(`select-none font-medium`,i===`label`&&`text-sm`,i!==`label`&&`rounded shadow-xs px-2 flex items-center gap-0.5 text-sm h-8 [&>svg]:text-text-positive [&>svg]:size-3.5`,g.caption_label),table:`w-full border-collapse`,weekdays:(0,a.cn)(`flex`,g.weekdays),weekday:(0,a.cn)(`text-text-positive rounded flex-1 font-normal text-[0.8rem] select-none`,g.weekday),week:(0,a.cn)(`flex w-full mt-2`,g.week),week_number_header:(0,a.cn)(`select-none w-(--cell-size)`,g.week_number_header),week_number:(0,a.cn)(`text-[0.8rem] select-none text-text-positive`,g.week_number),day:(0,a.cn)(`relative w-full h-full p-0 text-center [&:first-child[data-selected=true]_button]:rounded-l [&:last-child[data-selected=true]_button]:rounded-r group/day aspect-square select-none`,g.day),range_start:(0,a.cn)(`rounded-l bg-muted-muted`,g.range_start),range_middle:(0,a.cn)(`rounded-none`,g.range_middle),range_end:(0,a.cn)(`rounded-r bg-muted-muted`,g.range_end),today:(0,a.cn)(`bg-muted-muted text-text-positive rounded data-[selected=true]:rounded-none`,g.today),outside:(0,a.cn)(`[&>button]:text-text-positive-muted aria-selected:text-text-positive`),disabled:(0,a.cn)(`bg-muted-muted text-text-positive opacity-50`,g.disabled),hidden:(0,a.cn)(`invisible`,g.hidden),...n},components:{Root:c,Chevron:l,DayButton:u,WeekNumber:d,...m},...h})}Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return u}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return f}});
-//# sourceMappingURL=calendar-CTyL_3WY.cjs.map

package/dist/calendar-CTyL_3WY.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"calendar-CTyL_3WY.cjs","names":["ChevronLeftIcon","ChevronRightIcon","ChevronDownIcon","Button","DayPicker","buttonVariants"],"sources":["../packages/components/ui/calendar.tsx"],"sourcesContent":["'use client';\nimport { type HTMLAttributes, type ThHTMLAttributes, useEffect, useRef } from 'react';\n\nimport { ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon } from 'lucide-react';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { Button } from '@/components/ui/button';\nimport { buttonVariants } from '@/components/ui/button.variants';\n\nimport { type CalendarWeek, type CustomComponents, type DayButton, DayPicker, getDefaultClassNames } from 'react-day-picker';\n\nconst CalendarRoot = ({\n  rootRef,\n  className,\n  ...props\n}: {\n  rootRef?: React.Ref<HTMLDivElement>;\n} & HTMLAttributes<HTMLDivElement>) => {\n  return <div data-slot=\"calendar\" ref={rootRef} className={cn(className)} {...props} />;\n};\n\nconst CalendarChevron = (props: { className?: string; size?: number; disabled?: boolean; orientation?: 'up' | 'down' | 'left' | 'right' }) => {\n  if (props.orientation === 'left') {\n    return <ChevronLeftIcon size={16} className={props.className} {...props} />;\n  }\n\n  if (props.orientation === 'right') {\n    return <ChevronRightIcon size={16} className={props.className} {...props} />;\n  }\n\n  return <ChevronDownIcon size={16} className={props.className} {...props} />;\n};\n\nconst CalendarDayButton = ({ className, day, modifiers, color: _, ...props }: React.ComponentProps<typeof DayButton>) => {\n  const defaultClassNames = getDefaultClassNames();\n\n  const ref = useRef<HTMLButtonElement>(null);\n  useEffect(() => {\n    if (modifiers.focused) ref.current?.focus();\n  }, [modifiers.focused]);\n\n  return (\n    <Button\n      ref={ref}\n      variant=\"ghost\"\n      color=\"muted\"\n      data-day={day.date.toLocaleDateString()}\n      data-selected-single={modifiers.selected && !modifiers.range_start && !modifiers.range_end && !modifiers.range_middle}\n      data-range-start={modifiers.range_start}\n      data-range-end={modifiers.range_end}\n      data-range-middle={modifiers.range_middle}\n      className={cn(\n        'flex aspect-square size-9 flex-col rounded font-normal text-sm tabular-nums leading-none',\n        'data-[selected-single=true]:bg-primary',\n        'data-[selected-single=true]:text-white',\n        'data-[range-middle=true]:bg-muted-muted',\n        'data-[range-middle=true]:text-text-positive',\n        'data-[range-start=true]:bg-primary-muted',\n        'data-[range-start=true]:text-text-positive-strong',\n        'data-[range-end=true]:bg-primary',\n        'data-[range-end=true]:text-text-positive-strong',\n        'group-data-[focused=true]/day:border-primary-strong',\n        'group-data-[focused=true]/day:relative',\n        'group-data-[focused=true]/day:z-10',\n        'data-[range-end=true]:rounded',\n        'data-[range-end=true]:rounded-r',\n        'data-[range-middle=true]:rounded-none',\n        'data-[range-start=true]:rounded',\n        'data-[range-start=true]:rounded-l',\n        '[&>span]:text-xs [&>span]:opacity-70',\n        defaultClassNames.day,\n        className\n      )}\n      {...props}\n    />\n  );\n};\n\nconst CalendarWeekNumber = ({\n  children,\n  ...props\n}: {\n  week: CalendarWeek;\n} & ThHTMLAttributes<HTMLTableCellElement>) => {\n  return (\n    <td {...props}>\n      <div className=\"flex size-(--cell-size) items-center justify-center text-center\">{children}</div>\n    </td>\n  );\n};\n\n/**\n * A fully styled date-picker calendar built on top of react-day-picker, supporting single, range, and multiple selection modes.\n *\n * @example\n * ```tsx\n * import { Calendar } from '@customafk/lunas-ui/ui/calendar';\n *\n * const [date, setDate] = React.useState<Date>();\n *\n * <Calendar\n *   mode=\"single\"\n *   selected={date}\n *   onSelect={setDate}\n *   captionLayout=\"dropdown\"\n * />\n * ```\n */\nfunction Calendar({\n  className,\n  classNames,\n  showOutsideDays = true,\n  captionLayout = 'label',\n  buttonVariant = 'ghost',\n  formatters,\n  components,\n  ...props\n}: React.ComponentProps<typeof DayPicker> & {\n  /** Variant applied to the previous/next navigation buttons. */\n  buttonVariant?: React.ComponentProps<typeof Button>['variant'];\n}) {\n  const defaultClassNames = getDefaultClassNames();\n\n  return (\n    <DayPicker\n      showOutsideDays={showOutsideDays}\n      className={cn(\n        'group/calendar bg-background p-3',\n        '[--cell-size:--spacing(8)]',\n        'in-data-[slot=card-content]:bg-transparent',\n        'in-data-[slot=popover-content]:bg-transparent',\n        String.raw`rtl:**:[.rdp-button\\_next>svg]:rotate-180`,\n        String.raw`rtl:**:[.rdp-button\\_previous>svg]:rotate-180`,\n        className\n      )}\n      captionLayout={captionLayout}\n      formatters={{\n        formatMonthDropdown: date => date.toLocaleString('default', { month: 'short' }),\n        ...formatters,\n      }}\n      classNames={{\n        root: cn(defaultClassNames.root),\n        months: cn('flex gap-4 flex-col md:flex-row relative', defaultClassNames.months),\n        month: cn('flex flex-col w-full gap-4', defaultClassNames.month),\n        nav: cn('flex items-center gap-1 w-full absolute top-0 inset-x-0 justify-between', defaultClassNames.nav),\n        button_previous: cn(\n          buttonVariants({ variant: 'outline', color: 'muted' }),\n          'size-(--cell-size) aria-disabled:opacity-50 p-0 select-none',\n          defaultClassNames.button_previous\n        ),\n        button_next: cn(\n          buttonVariants({ variant: 'outline', color: 'muted' }),\n          'size-(--cell-size) aria-disabled:opacity-50 p-0 select-none',\n          defaultClassNames.button_next\n        ),\n        month_caption: cn('flex items-center justify-center h-(--cell-size) w-full px-(--cell-size)', defaultClassNames.month_caption),\n        dropdowns: cn('w-full flex items-center text-sm font-medium justify-center h-(--cell-size) gap-1.5', defaultClassNames.dropdowns),\n        dropdown_root: cn(\n          'relative has-focus:border-primary-strong border border-border-weak shadow-xs has-focus:ring-primary-weak has-focus:ring-[3px] rounded',\n          defaultClassNames.dropdown_root\n        ),\n        dropdown: cn('absolute inset-0 opacity-0', defaultClassNames.dropdown),\n        caption_label: cn(\n          'select-none font-medium',\n          captionLayout === 'label' && 'text-sm',\n          captionLayout !== 'label' && 'rounded shadow-xs px-2 flex items-center gap-0.5 text-sm h-8 [&>svg]:text-text-positive [&>svg]:size-3.5',\n          defaultClassNames.caption_label\n        ),\n        table: 'w-full border-collapse',\n        weekdays: cn('flex', defaultClassNames.weekdays),\n        weekday: cn('text-text-positive rounded flex-1 font-normal text-[0.8rem] select-none', defaultClassNames.weekday),\n        week: cn('flex w-full mt-2', defaultClassNames.week),\n        week_number_header: cn('select-none w-(--cell-size)', defaultClassNames.week_number_header),\n        week_number: cn('text-[0.8rem] select-none text-text-positive', defaultClassNames.week_number),\n        day: cn(\n          'relative w-full h-full p-0 text-center [&:first-child[data-selected=true]_button]:rounded-l [&:last-child[data-selected=true]_button]:rounded-r group/day aspect-square select-none',\n          defaultClassNames.day\n        ),\n        range_start: cn('rounded-l bg-muted-muted', defaultClassNames.range_start),\n        range_middle: cn('rounded-none', defaultClassNames.range_middle),\n        range_end: cn('rounded-r bg-muted-muted', defaultClassNames.range_end),\n        today: cn('bg-muted-muted text-text-positive rounded data-[selected=true]:rounded-none', defaultClassNames.today),\n        outside: cn('[&>button]:text-text-positive-muted aria-selected:text-text-positive'),\n        disabled: cn('bg-muted-muted text-text-positive opacity-50', defaultClassNames.disabled),\n        hidden: cn('invisible', defaultClassNames.hidden),\n        ...classNames,\n      }}\n      components={{\n        Root: CalendarRoot as CustomComponents['Root'],\n        Chevron: CalendarChevron as CustomComponents['Chevron'],\n        DayButton: CalendarDayButton as CustomComponents['DayButton'],\n        WeekNumber: CalendarWeekNumber as CustomComponents['WeekNumber'],\n        ...components,\n      }}\n      {...props}\n    />\n  );\n}\n\nexport { Calendar, CalendarDayButton };\n"],"mappings":"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"}

package/dist/calendar-DyzwC2TQ.mjs

@@ -1,2 +0,0 @@
-import{n as e}from"./button.variants-DkMqWB8G.mjs";import{t}from"./button-CCVJTHBI.mjs";import{ChevronDownIcon as n,ChevronLeftIcon as r,ChevronRightIcon as i}from"lucide-react";import{useEffect as a,useRef as o}from"react";import{cn as s}from"@customafk/react-toolkit/utils";import{jsx as c}from"react/jsx-runtime";import{DayPicker as l,getDefaultClassNames as u}from"react-day-picker";const d=({rootRef:e,className:t,...n})=>c(`div`,{"data-slot":`calendar`,ref:e,className:s(t),...n}),f=e=>e.orientation===`left`?c(r,{size:16,className:e.className,...e}):e.orientation===`right`?c(i,{size:16,className:e.className,...e}):c(n,{size:16,className:e.className,...e}),p=({className:e,day:n,modifiers:r,color:i,...l})=>{let d=u(),f=o(null);return a(()=>{r.focused&&f.current?.focus()},[r.focused]),c(t,{ref:f,variant:`ghost`,color:`muted`,"data-day":n.date.toLocaleDateString(),"data-selected-single":r.selected&&!r.range_start&&!r.range_end&&!r.range_middle,"data-range-start":r.range_start,"data-range-end":r.range_end,"data-range-middle":r.range_middle,className:s(`flex aspect-square size-9 flex-col rounded font-normal text-sm tabular-nums leading-none`,`data-[selected-single=true]:bg-primary`,`data-[selected-single=true]:text-white`,`data-[range-middle=true]:bg-muted-muted`,`data-[range-middle=true]:text-text-positive`,`data-[range-start=true]:bg-primary-muted`,`data-[range-start=true]:text-text-positive-strong`,`data-[range-end=true]:bg-primary`,`data-[range-end=true]:text-text-positive-strong`,`group-data-[focused=true]/day:border-primary-strong`,`group-data-[focused=true]/day:relative`,`group-data-[focused=true]/day:z-10`,`data-[range-end=true]:rounded`,`data-[range-end=true]:rounded-r`,`data-[range-middle=true]:rounded-none`,`data-[range-start=true]:rounded`,`data-[range-start=true]:rounded-l`,`[&>span]:text-xs [&>span]:opacity-70`,d.day,e),...l})},m=({children:e,...t})=>c(`td`,{...t,children:c(`div`,{className:`flex size-(--cell-size) items-center justify-center text-center`,children:e})});function h({className:t,classNames:n,showOutsideDays:r=!0,captionLayout:i=`label`,buttonVariant:a=`ghost`,formatters:o,components:h,...g}){let _=u();return c(l,{showOutsideDays:r,className:s(`group/calendar bg-background p-3`,`[--cell-size:--spacing(8)]`,`in-data-[slot=card-content]:bg-transparent`,`in-data-[slot=popover-content]:bg-transparent`,String.raw`rtl:**:[.rdp-button\_next>svg]:rotate-180`,String.raw`rtl:**:[.rdp-button\_previous>svg]:rotate-180`,t),captionLayout:i,formatters:{formatMonthDropdown:e=>e.toLocaleString(`default`,{month:`short`}),...o},classNames:{root:s(_.root),months:s(`flex gap-4 flex-col md:flex-row relative`,_.months),month:s(`flex flex-col w-full gap-4`,_.month),nav:s(`flex items-center gap-1 w-full absolute top-0 inset-x-0 justify-between`,_.nav),button_previous:s(e({variant:`outline`,color:`muted`}),`size-(--cell-size) aria-disabled:opacity-50 p-0 select-none`,_.button_previous),button_next:s(e({variant:`outline`,color:`muted`}),`size-(--cell-size) aria-disabled:opacity-50 p-0 select-none`,_.button_next),month_caption:s(`flex items-center justify-center h-(--cell-size) w-full px-(--cell-size)`,_.month_caption),dropdowns:s(`w-full flex items-center text-sm font-medium justify-center h-(--cell-size) gap-1.5`,_.dropdowns),dropdown_root:s(`relative has-focus:border-primary-strong border border-border-weak shadow-xs has-focus:ring-primary-weak has-focus:ring-[3px] rounded`,_.dropdown_root),dropdown:s(`absolute inset-0 opacity-0`,_.dropdown),caption_label:s(`select-none font-medium`,i===`label`&&`text-sm`,i!==`label`&&`rounded shadow-xs px-2 flex items-center gap-0.5 text-sm h-8 [&>svg]:text-text-positive [&>svg]:size-3.5`,_.caption_label),table:`w-full border-collapse`,weekdays:s(`flex`,_.weekdays),weekday:s(`text-text-positive rounded flex-1 font-normal text-[0.8rem] select-none`,_.weekday),week:s(`flex w-full mt-2`,_.week),week_number_header:s(`select-none w-(--cell-size)`,_.week_number_header),week_number:s(`text-[0.8rem] select-none text-text-positive`,_.week_number),day:s(`relative w-full h-full p-0 text-center [&:first-child[data-selected=true]_button]:rounded-l [&:last-child[data-selected=true]_button]:rounded-r group/day aspect-square select-none`,_.day),range_start:s(`rounded-l bg-muted-muted`,_.range_start),range_middle:s(`rounded-none`,_.range_middle),range_end:s(`rounded-r bg-muted-muted`,_.range_end),today:s(`bg-muted-muted text-text-positive rounded data-[selected=true]:rounded-none`,_.today),outside:s(`[&>button]:text-text-positive-muted aria-selected:text-text-positive`),disabled:s(`bg-muted-muted text-text-positive opacity-50`,_.disabled),hidden:s(`invisible`,_.hidden),...n},components:{Root:d,Chevron:f,DayButton:p,WeekNumber:m,...h},...g})}export{p as n,h as t};
-//# sourceMappingURL=calendar-DyzwC2TQ.mjs.map

package/dist/calendar-DyzwC2TQ.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"calendar-DyzwC2TQ.mjs","names":[],"sources":["../packages/components/ui/calendar.tsx"],"sourcesContent":["'use client';\nimport { type HTMLAttributes, type ThHTMLAttributes, useEffect, useRef } from 'react';\n\nimport { ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon } from 'lucide-react';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { Button } from '@/components/ui/button';\nimport { buttonVariants } from '@/components/ui/button.variants';\n\nimport { type CalendarWeek, type CustomComponents, type DayButton, DayPicker, getDefaultClassNames } from 'react-day-picker';\n\nconst CalendarRoot = ({\n  rootRef,\n  className,\n  ...props\n}: {\n  rootRef?: React.Ref<HTMLDivElement>;\n} & HTMLAttributes<HTMLDivElement>) => {\n  return <div data-slot=\"calendar\" ref={rootRef} className={cn(className)} {...props} />;\n};\n\nconst CalendarChevron = (props: { className?: string; size?: number; disabled?: boolean; orientation?: 'up' | 'down' | 'left' | 'right' }) => {\n  if (props.orientation === 'left') {\n    return <ChevronLeftIcon size={16} className={props.className} {...props} />;\n  }\n\n  if (props.orientation === 'right') {\n    return <ChevronRightIcon size={16} className={props.className} {...props} />;\n  }\n\n  return <ChevronDownIcon size={16} className={props.className} {...props} />;\n};\n\nconst CalendarDayButton = ({ className, day, modifiers, color: _, ...props }: React.ComponentProps<typeof DayButton>) => {\n  const defaultClassNames = getDefaultClassNames();\n\n  const ref = useRef<HTMLButtonElement>(null);\n  useEffect(() => {\n    if (modifiers.focused) ref.current?.focus();\n  }, [modifiers.focused]);\n\n  return (\n    <Button\n      ref={ref}\n      variant=\"ghost\"\n      color=\"muted\"\n      data-day={day.date.toLocaleDateString()}\n      data-selected-single={modifiers.selected && !modifiers.range_start && !modifiers.range_end && !modifiers.range_middle}\n      data-range-start={modifiers.range_start}\n      data-range-end={modifiers.range_end}\n      data-range-middle={modifiers.range_middle}\n      className={cn(\n        'flex aspect-square size-9 flex-col rounded font-normal text-sm tabular-nums leading-none',\n        'data-[selected-single=true]:bg-primary',\n        'data-[selected-single=true]:text-white',\n        'data-[range-middle=true]:bg-muted-muted',\n        'data-[range-middle=true]:text-text-positive',\n        'data-[range-start=true]:bg-primary-muted',\n        'data-[range-start=true]:text-text-positive-strong',\n        'data-[range-end=true]:bg-primary',\n        'data-[range-end=true]:text-text-positive-strong',\n        'group-data-[focused=true]/day:border-primary-strong',\n        'group-data-[focused=true]/day:relative',\n        'group-data-[focused=true]/day:z-10',\n        'data-[range-end=true]:rounded',\n        'data-[range-end=true]:rounded-r',\n        'data-[range-middle=true]:rounded-none',\n        'data-[range-start=true]:rounded',\n        'data-[range-start=true]:rounded-l',\n        '[&>span]:text-xs [&>span]:opacity-70',\n        defaultClassNames.day,\n        className\n      )}\n      {...props}\n    />\n  );\n};\n\nconst CalendarWeekNumber = ({\n  children,\n  ...props\n}: {\n  week: CalendarWeek;\n} & ThHTMLAttributes<HTMLTableCellElement>) => {\n  return (\n    <td {...props}>\n      <div className=\"flex size-(--cell-size) items-center justify-center text-center\">{children}</div>\n    </td>\n  );\n};\n\n/**\n * A fully styled date-picker calendar built on top of react-day-picker, supporting single, range, and multiple selection modes.\n *\n * @example\n * ```tsx\n * import { Calendar } from '@customafk/lunas-ui/ui/calendar';\n *\n * const [date, setDate] = React.useState<Date>();\n *\n * <Calendar\n *   mode=\"single\"\n *   selected={date}\n *   onSelect={setDate}\n *   captionLayout=\"dropdown\"\n * />\n * ```\n */\nfunction Calendar({\n  className,\n  classNames,\n  showOutsideDays = true,\n  captionLayout = 'label',\n  buttonVariant = 'ghost',\n  formatters,\n  components,\n  ...props\n}: React.ComponentProps<typeof DayPicker> & {\n  /** Variant applied to the previous/next navigation buttons. */\n  buttonVariant?: React.ComponentProps<typeof Button>['variant'];\n}) {\n  const defaultClassNames = getDefaultClassNames();\n\n  return (\n    <DayPicker\n      showOutsideDays={showOutsideDays}\n      className={cn(\n        'group/calendar bg-background p-3',\n        '[--cell-size:--spacing(8)]',\n        'in-data-[slot=card-content]:bg-transparent',\n        'in-data-[slot=popover-content]:bg-transparent',\n        String.raw`rtl:**:[.rdp-button\\_next>svg]:rotate-180`,\n        String.raw`rtl:**:[.rdp-button\\_previous>svg]:rotate-180`,\n        className\n      )}\n      captionLayout={captionLayout}\n      formatters={{\n        formatMonthDropdown: date => date.toLocaleString('default', { month: 'short' }),\n        ...formatters,\n      }}\n      classNames={{\n        root: cn(defaultClassNames.root),\n        months: cn('flex gap-4 flex-col md:flex-row relative', defaultClassNames.months),\n        month: cn('flex flex-col w-full gap-4', defaultClassNames.month),\n        nav: cn('flex items-center gap-1 w-full absolute top-0 inset-x-0 justify-between', defaultClassNames.nav),\n        button_previous: cn(\n          buttonVariants({ variant: 'outline', color: 'muted' }),\n          'size-(--cell-size) aria-disabled:opacity-50 p-0 select-none',\n          defaultClassNames.button_previous\n        ),\n        button_next: cn(\n          buttonVariants({ variant: 'outline', color: 'muted' }),\n          'size-(--cell-size) aria-disabled:opacity-50 p-0 select-none',\n          defaultClassNames.button_next\n        ),\n        month_caption: cn('flex items-center justify-center h-(--cell-size) w-full px-(--cell-size)', defaultClassNames.month_caption),\n        dropdowns: cn('w-full flex items-center text-sm font-medium justify-center h-(--cell-size) gap-1.5', defaultClassNames.dropdowns),\n        dropdown_root: cn(\n          'relative has-focus:border-primary-strong border border-border-weak shadow-xs has-focus:ring-primary-weak has-focus:ring-[3px] rounded',\n          defaultClassNames.dropdown_root\n        ),\n        dropdown: cn('absolute inset-0 opacity-0', defaultClassNames.dropdown),\n        caption_label: cn(\n          'select-none font-medium',\n          captionLayout === 'label' && 'text-sm',\n          captionLayout !== 'label' && 'rounded shadow-xs px-2 flex items-center gap-0.5 text-sm h-8 [&>svg]:text-text-positive [&>svg]:size-3.5',\n          defaultClassNames.caption_label\n        ),\n        table: 'w-full border-collapse',\n        weekdays: cn('flex', defaultClassNames.weekdays),\n        weekday: cn('text-text-positive rounded flex-1 font-normal text-[0.8rem] select-none', defaultClassNames.weekday),\n        week: cn('flex w-full mt-2', defaultClassNames.week),\n        week_number_header: cn('select-none w-(--cell-size)', defaultClassNames.week_number_header),\n        week_number: cn('text-[0.8rem] select-none text-text-positive', defaultClassNames.week_number),\n        day: cn(\n          'relative w-full h-full p-0 text-center [&:first-child[data-selected=true]_button]:rounded-l [&:last-child[data-selected=true]_button]:rounded-r group/day aspect-square select-none',\n          defaultClassNames.day\n        ),\n        range_start: cn('rounded-l bg-muted-muted', defaultClassNames.range_start),\n        range_middle: cn('rounded-none', defaultClassNames.range_middle),\n        range_end: cn('rounded-r bg-muted-muted', defaultClassNames.range_end),\n        today: cn('bg-muted-muted text-text-positive rounded data-[selected=true]:rounded-none', defaultClassNames.today),\n        outside: cn('[&>button]:text-text-positive-muted aria-selected:text-text-positive'),\n        disabled: cn('bg-muted-muted text-text-positive opacity-50', defaultClassNames.disabled),\n        hidden: cn('invisible', defaultClassNames.hidden),\n        ...classNames,\n      }}\n      components={{\n        Root: CalendarRoot as CustomComponents['Root'],\n        Chevron: CalendarChevron as CustomComponents['Chevron'],\n        DayButton: CalendarDayButton as CustomComponents['DayButton'],\n        WeekNumber: CalendarWeekNumber as CustomComponents['WeekNumber'],\n        ...components,\n      }}\n      {...props}\n    />\n  );\n}\n\nexport { Calendar, CalendarDayButton };\n"],"mappings":"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"}

package/dist/card-B8Pm6iEs.cjs

@@ -1,2 +0,0 @@
-const e=require(`./chunk-350yNsax.cjs`),t=require(`./heading-tGTqk3pA.cjs`),n=require(`./paragraph-DvTZvbzw.cjs`);let r=require(`@customafk/react-toolkit/utils`),i=require(`react/jsx-runtime`);function a({className:e,...t}){return(0,i.jsx)(`div`,{"data-slot":`card`,className:(0,r.cn)(`flex flex-col gap-6 rounded-lg border border-border bg-card py-6 text-text-positive shadow-card`,`transition-[box-shadow,opacity] duration-150 ease-in-out`,`data-[interactive=true]:cursor-pointer`,`data-[interactive=true]:hover:shadow-dropdown`,`data-[interactive=true]:focus-visible:outline-none data-[interactive=true]:focus-visible:ring-2 data-[interactive=true]:focus-visible:ring-ring data-[interactive=true]:focus-visible:ring-offset-2`,`data-[interactive=true]:active:opacity-90`,e),...t})}function o({className:e,...t}){return(0,i.jsx)(`div`,{"data-slot":`card-header`,className:(0,r.cn)(`@container/card-header`,`grid auto-rows-min grid-rows-[auto_auto]`,`items-start gap-1.5 px-6 text-text-positive-strong`,`has-data-[slot=card-action]:grid-cols-[1fr_auto]`,`[.border-b]:pb-6`,e),...t})}function s({className:e,...n}){return(0,i.jsx)(`div`,{"data-slot":`card-title`,className:(0,r.cn)(t.t({level:`h3`}),e),...n})}function c({className:e,...t}){return(0,i.jsx)(`div`,{"data-slot":`card-description`,className:(0,r.cn)(n.n({variant:`muted`}),e),...t})}function l({className:e,...t}){return(0,i.jsx)(`div`,{"data-slot":`card-action`,className:(0,r.cn)(`col-start-2 row-span-2 row-start-1 self-start justify-self-end`,e),...t})}function u({className:e,...t}){return(0,i.jsx)(`div`,{"data-slot":`card-content`,className:(0,r.cn)(`px-6 text-sm`,e),...t})}function d({className:e,...t}){return(0,i.jsx)(`div`,{"data-slot":`card-footer`,className:(0,r.cn)(`flex items-center px-6 text-sm [.border-t]:pt-6`,e),...t})}Object.defineProperty(exports,`a`,{enumerable:!0,get:function(){return d}}),Object.defineProperty(exports,`i`,{enumerable:!0,get:function(){return c}}),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return l}}),Object.defineProperty(exports,`o`,{enumerable:!0,get:function(){return o}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return u}}),Object.defineProperty(exports,`s`,{enumerable:!0,get:function(){return s}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return a}});
-//# sourceMappingURL=card-B8Pm6iEs.cjs.map

package/dist/card-B8Pm6iEs.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"card-B8Pm6iEs.cjs","names":["headingVariants","paragraphVariants"],"sources":["../packages/components/ui/card.tsx"],"sourcesContent":["'use client';\n\nimport { cn } from '@customafk/react-toolkit/utils';\nimport { headingVariants } from '../typography/heading';\nimport { paragraphVariants } from '../typography/paragraph';\n\n/**\n * Surface container for grouping related content with a bordered, shadowed panel that supports optional interactive hover states.\n *\n * @example\n * ```tsx\n * import {\n *   Card, CardHeader, CardTitle, CardDescription,\n *   CardContent, CardFooter, CardAction,\n * } from '@customafk/lunas-ui/ui/card';\n * import { Button } from '@customafk/lunas-ui/ui/button';\n *\n * <Card>\n *   <CardHeader>\n *     <CardTitle>Plan overview</CardTitle>\n *     <CardDescription>Your current subscription details.</CardDescription>\n *     <CardAction><Button size=\"sm\">Upgrade</Button></CardAction>\n *   </CardHeader>\n *   <CardContent>Monthly usage: 42 / 100 requests</CardContent>\n *   <CardFooter>Renews on 1 Jun 2026</CardFooter>\n * </Card>\n * ```\n */\nfunction Card({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"card\"\n      className={cn(\n        'flex flex-col gap-6 rounded-lg border border-border bg-card py-6 text-text-positive shadow-card',\n        'transition-[box-shadow,opacity] duration-150 ease-in-out',\n        'data-[interactive=true]:cursor-pointer',\n        'data-[interactive=true]:hover:shadow-dropdown',\n        'data-[interactive=true]:focus-visible:outline-none data-[interactive=true]:focus-visible:ring-2 data-[interactive=true]:focus-visible:ring-ring data-[interactive=true]:focus-visible:ring-offset-2',\n        'data-[interactive=true]:active:opacity-90',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\n/** Top section of the card that holds the title, description, and optional action slot. */\nfunction CardHeader({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"card-header\"\n      className={cn(\n        '@container/card-header',\n        'grid auto-rows-min grid-rows-[auto_auto]',\n        'items-start gap-1.5 px-6 text-text-positive-strong',\n        'has-data-[slot=card-action]:grid-cols-[1fr_auto]',\n        '[.border-b]:pb-6',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\n/** Primary heading for the card, styled with the h3 heading variant. */\nfunction CardTitle({ className, ...props }: React.ComponentProps<'div'>) {\n  return <div data-slot=\"card-title\" className={cn(headingVariants({ level: 'h3' }), className)} {...props} />;\n}\n\n/** Muted supporting text displayed beneath the card title. */\nfunction CardDescription({ className, ...props }: React.ComponentProps<'div'>) {\n  return <div data-slot=\"card-description\" className={cn(paragraphVariants({ variant: 'muted' }), className)} {...props} />;\n}\n\n/** Optional slot in the card header for a contextual action (e.g. a button or menu); positioned in the top-right grid cell. */\nfunction CardAction({ className, ...props }: React.ComponentProps<'div'>) {\n  return <div data-slot=\"card-action\" className={cn('col-start-2 row-span-2 row-start-1 self-start justify-self-end', className)} {...props} />;\n}\n\n/** Main body area of the card with horizontal padding for content alignment. */\nfunction CardContent({ className, ...props }: React.ComponentProps<'div'>) {\n  return <div data-slot=\"card-content\" className={cn('px-6 text-sm', className)} {...props} />;\n}\n\n/** Bottom section of the card, typically used for supplementary text or secondary actions. */\nfunction CardFooter({ className, ...props }: React.ComponentProps<'div'>) {\n  return <div data-slot=\"card-footer\" className={cn('flex items-center px-6 text-sm [.border-t]:pt-6', className)} {...props} />;\n}\n\nexport { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle };\n"],"mappings":"iMA4BA,SAAS,EAAK,CAAE,YAAW,GAAG,GAAsC,CAClE,OACE,EAAA,EAAA,KAAC,MAAA,CACC,YAAU,OACV,WAAA,EAAA,EAAA,IACE,kGACA,2DACA,yCACA,gDACA,sMACA,4CACA,EACD,CACD,GAAI,GACJ,CAKN,SAAS,EAAW,CAAE,YAAW,GAAG,GAAsC,CACxE,OACE,EAAA,EAAA,KAAC,MAAA,CACC,YAAU,cACV,WAAA,EAAA,EAAA,IACE,yBACA,2CACA,qDACA,mDACA,mBACA,EACD,CACD,GAAI,GACJ,CAKN,SAAS,EAAU,CAAE,YAAW,GAAG,GAAsC,CACvE,OAAO,EAAA,EAAA,KAAC,MAAA,CAAI,YAAU,aAAa,WAAA,EAAA,EAAA,IAAcA,EAAAA,EAAgB,CAAE,MAAO,KAAM,CAAC,CAAE,EAAU,CAAE,GAAI,GAAS,CAI9G,SAAS,EAAgB,CAAE,YAAW,GAAG,GAAsC,CAC7E,OAAO,EAAA,EAAA,KAAC,MAAA,CAAI,YAAU,mBAAmB,WAAA,EAAA,EAAA,IAAcC,EAAAA,EAAkB,CAAE,QAAS,QAAS,CAAC,CAAE,EAAU,CAAE,GAAI,GAAS,CAI3H,SAAS,EAAW,CAAE,YAAW,GAAG,GAAsC,CACxE,OAAO,EAAA,EAAA,KAAC,MAAA,CAAI,YAAU,cAAc,WAAA,EAAA,EAAA,IAAc,iEAAkE,EAAU,CAAE,GAAI,GAAS,CAI/I,SAAS,EAAY,CAAE,YAAW,GAAG,GAAsC,CACzE,OAAO,EAAA,EAAA,KAAC,MAAA,CAAI,YAAU,eAAe,WAAA,EAAA,EAAA,IAAc,eAAgB,EAAU,CAAE,GAAI,GAAS,CAI9F,SAAS,EAAW,CAAE,YAAW,GAAG,GAAsC,CACxE,OAAO,EAAA,EAAA,KAAC,MAAA,CAAI,YAAU,cAAc,WAAA,EAAA,EAAA,IAAc,kDAAmD,EAAU,CAAE,GAAI,GAAS"}

package/dist/card-DDM5jg3U.d.mts

@@ -1,63 +0,0 @@
-import * as react212 from "react";
-
-//#region packages/components/ui/card.d.ts
-
-/**
- * Surface container for grouping related content with a bordered, shadowed panel that supports optional interactive hover states.
- *
- * @example
- * ```tsx
- * import {
- *   Card, CardHeader, CardTitle, CardDescription,
- *   CardContent, CardFooter, CardAction,
- * } from '@customafk/lunas-ui/ui/card';
- * import { Button } from '@customafk/lunas-ui/ui/button';
- *
- * <Card>
- *   <CardHeader>
- *     <CardTitle>Plan overview</CardTitle>
- *     <CardDescription>Your current subscription details.</CardDescription>
- *     <CardAction><Button size="sm">Upgrade</Button></CardAction>
- *   </CardHeader>
- *   <CardContent>Monthly usage: 42 / 100 requests</CardContent>
- *   <CardFooter>Renews on 1 Jun 2026</CardFooter>
- * </Card>
- * ```
- */
-declare function Card({
-  className,
-  ...props
-}: React.ComponentProps<'div'>): react212.JSX.Element;
-/** Top section of the card that holds the title, description, and optional action slot. */
-declare function CardHeader({
-  className,
-  ...props
-}: React.ComponentProps<'div'>): react212.JSX.Element;
-/** Primary heading for the card, styled with the h3 heading variant. */
-declare function CardTitle({
-  className,
-  ...props
-}: React.ComponentProps<'div'>): react212.JSX.Element;
-/** Muted supporting text displayed beneath the card title. */
-declare function CardDescription({
-  className,
-  ...props
-}: React.ComponentProps<'div'>): react212.JSX.Element;
-/** Optional slot in the card header for a contextual action (e.g. a button or menu); positioned in the top-right grid cell. */
-declare function CardAction({
-  className,
-  ...props
-}: React.ComponentProps<'div'>): react212.JSX.Element;
-/** Main body area of the card with horizontal padding for content alignment. */
-declare function CardContent({
-  className,
-  ...props
-}: React.ComponentProps<'div'>): react212.JSX.Element;
-/** Bottom section of the card, typically used for supplementary text or secondary actions. */
-declare function CardFooter({
-  className,
-  ...props
-}: React.ComponentProps<'div'>): react212.JSX.Element;
-//#endregion
-export { CardFooter as a, CardDescription as i, CardAction as n, CardHeader as o, CardContent as r, CardTitle as s, Card as t };
-//# sourceMappingURL=card-DDM5jg3U.d.mts.map

package/dist/card-DpQKFp4f.mjs

@@ -1,2 +0,0 @@
-import{t as e}from"./heading-De4Pn3mZ.mjs";import{n as t}from"./paragraph-DYLaQtTV.mjs";import{cn as n}from"@customafk/react-toolkit/utils";import{jsx as r}from"react/jsx-runtime";function i({className:e,...t}){return r(`div`,{"data-slot":`card`,className:n(`flex flex-col gap-6 rounded-lg border border-border bg-card py-6 text-text-positive shadow-card`,`transition-[box-shadow,opacity] duration-150 ease-in-out`,`data-[interactive=true]:cursor-pointer`,`data-[interactive=true]:hover:shadow-dropdown`,`data-[interactive=true]:focus-visible:outline-none data-[interactive=true]:focus-visible:ring-2 data-[interactive=true]:focus-visible:ring-ring data-[interactive=true]:focus-visible:ring-offset-2`,`data-[interactive=true]:active:opacity-90`,e),...t})}function a({className:e,...t}){return r(`div`,{"data-slot":`card-header`,className:n(`@container/card-header`,`grid auto-rows-min grid-rows-[auto_auto]`,`items-start gap-1.5 px-6 text-text-positive-strong`,`has-data-[slot=card-action]:grid-cols-[1fr_auto]`,`[.border-b]:pb-6`,e),...t})}function o({className:t,...i}){return r(`div`,{"data-slot":`card-title`,className:n(e({level:`h3`}),t),...i})}function s({className:e,...i}){return r(`div`,{"data-slot":`card-description`,className:n(t({variant:`muted`}),e),...i})}function c({className:e,...t}){return r(`div`,{"data-slot":`card-action`,className:n(`col-start-2 row-span-2 row-start-1 self-start justify-self-end`,e),...t})}function l({className:e,...t}){return r(`div`,{"data-slot":`card-content`,className:n(`px-6 text-sm`,e),...t})}function u({className:e,...t}){return r(`div`,{"data-slot":`card-footer`,className:n(`flex items-center px-6 text-sm [.border-t]:pt-6`,e),...t})}export{u as a,s as i,c as n,a as o,l as r,o as s,i as t};
-//# sourceMappingURL=card-DpQKFp4f.mjs.map

package/dist/card-DpQKFp4f.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"card-DpQKFp4f.mjs","names":[],"sources":["../packages/components/ui/card.tsx"],"sourcesContent":["'use client';\n\nimport { cn } from '@customafk/react-toolkit/utils';\nimport { headingVariants } from '../typography/heading';\nimport { paragraphVariants } from '../typography/paragraph';\n\n/**\n * Surface container for grouping related content with a bordered, shadowed panel that supports optional interactive hover states.\n *\n * @example\n * ```tsx\n * import {\n *   Card, CardHeader, CardTitle, CardDescription,\n *   CardContent, CardFooter, CardAction,\n * } from '@customafk/lunas-ui/ui/card';\n * import { Button } from '@customafk/lunas-ui/ui/button';\n *\n * <Card>\n *   <CardHeader>\n *     <CardTitle>Plan overview</CardTitle>\n *     <CardDescription>Your current subscription details.</CardDescription>\n *     <CardAction><Button size=\"sm\">Upgrade</Button></CardAction>\n *   </CardHeader>\n *   <CardContent>Monthly usage: 42 / 100 requests</CardContent>\n *   <CardFooter>Renews on 1 Jun 2026</CardFooter>\n * </Card>\n * ```\n */\nfunction Card({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"card\"\n      className={cn(\n        'flex flex-col gap-6 rounded-lg border border-border bg-card py-6 text-text-positive shadow-card',\n        'transition-[box-shadow,opacity] duration-150 ease-in-out',\n        'data-[interactive=true]:cursor-pointer',\n        'data-[interactive=true]:hover:shadow-dropdown',\n        'data-[interactive=true]:focus-visible:outline-none data-[interactive=true]:focus-visible:ring-2 data-[interactive=true]:focus-visible:ring-ring data-[interactive=true]:focus-visible:ring-offset-2',\n        'data-[interactive=true]:active:opacity-90',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\n/** Top section of the card that holds the title, description, and optional action slot. */\nfunction CardHeader({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"card-header\"\n      className={cn(\n        '@container/card-header',\n        'grid auto-rows-min grid-rows-[auto_auto]',\n        'items-start gap-1.5 px-6 text-text-positive-strong',\n        'has-data-[slot=card-action]:grid-cols-[1fr_auto]',\n        '[.border-b]:pb-6',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\n/** Primary heading for the card, styled with the h3 heading variant. */\nfunction CardTitle({ className, ...props }: React.ComponentProps<'div'>) {\n  return <div data-slot=\"card-title\" className={cn(headingVariants({ level: 'h3' }), className)} {...props} />;\n}\n\n/** Muted supporting text displayed beneath the card title. */\nfunction CardDescription({ className, ...props }: React.ComponentProps<'div'>) {\n  return <div data-slot=\"card-description\" className={cn(paragraphVariants({ variant: 'muted' }), className)} {...props} />;\n}\n\n/** Optional slot in the card header for a contextual action (e.g. a button or menu); positioned in the top-right grid cell. */\nfunction CardAction({ className, ...props }: React.ComponentProps<'div'>) {\n  return <div data-slot=\"card-action\" className={cn('col-start-2 row-span-2 row-start-1 self-start justify-self-end', className)} {...props} />;\n}\n\n/** Main body area of the card with horizontal padding for content alignment. */\nfunction CardContent({ className, ...props }: React.ComponentProps<'div'>) {\n  return <div data-slot=\"card-content\" className={cn('px-6 text-sm', className)} {...props} />;\n}\n\n/** Bottom section of the card, typically used for supplementary text or secondary actions. */\nfunction CardFooter({ className, ...props }: React.ComponentProps<'div'>) {\n  return <div data-slot=\"card-footer\" className={cn('flex items-center px-6 text-sm [.border-t]:pt-6', className)} {...props} />;\n}\n\nexport { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle };\n"],"mappings":"oLA4BA,SAAS,EAAK,CAAE,YAAW,GAAG,GAAsC,CAClE,OACE,EAAC,MAAA,CACC,YAAU,OACV,UAAW,EACT,kGACA,2DACA,yCACA,gDACA,sMACA,4CACA,EACD,CACD,GAAI,GACJ,CAKN,SAAS,EAAW,CAAE,YAAW,GAAG,GAAsC,CACxE,OACE,EAAC,MAAA,CACC,YAAU,cACV,UAAW,EACT,yBACA,2CACA,qDACA,mDACA,mBACA,EACD,CACD,GAAI,GACJ,CAKN,SAAS,EAAU,CAAE,YAAW,GAAG,GAAsC,CACvE,OAAO,EAAC,MAAA,CAAI,YAAU,aAAa,UAAW,EAAG,EAAgB,CAAE,MAAO,KAAM,CAAC,CAAE,EAAU,CAAE,GAAI,GAAS,CAI9G,SAAS,EAAgB,CAAE,YAAW,GAAG,GAAsC,CAC7E,OAAO,EAAC,MAAA,CAAI,YAAU,mBAAmB,UAAW,EAAG,EAAkB,CAAE,QAAS,QAAS,CAAC,CAAE,EAAU,CAAE,GAAI,GAAS,CAI3H,SAAS,EAAW,CAAE,YAAW,GAAG,GAAsC,CACxE,OAAO,EAAC,MAAA,CAAI,YAAU,cAAc,UAAW,EAAG,iEAAkE,EAAU,CAAE,GAAI,GAAS,CAI/I,SAAS,EAAY,CAAE,YAAW,GAAG,GAAsC,CACzE,OAAO,EAAC,MAAA,CAAI,YAAU,eAAe,UAAW,EAAG,eAAgB,EAAU,CAAE,GAAI,GAAS,CAI9F,SAAS,EAAW,CAAE,YAAW,GAAG,GAAsC,CACxE,OAAO,EAAC,MAAA,CAAI,YAAU,cAAc,UAAW,EAAG,kDAAmD,EAAU,CAAE,GAAI,GAAS"}

package/dist/card-a8tqytoT.d.cts

@@ -1,63 +0,0 @@
-import * as react72 from "react";
-
-//#region packages/components/ui/card.d.ts
-
-/**
- * Surface container for grouping related content with a bordered, shadowed panel that supports optional interactive hover states.
- *
- * @example
- * ```tsx
- * import {
- *   Card, CardHeader, CardTitle, CardDescription,
- *   CardContent, CardFooter, CardAction,
- * } from '@customafk/lunas-ui/ui/card';
- * import { Button } from '@customafk/lunas-ui/ui/button';
- *
- * <Card>
- *   <CardHeader>
- *     <CardTitle>Plan overview</CardTitle>
- *     <CardDescription>Your current subscription details.</CardDescription>
- *     <CardAction><Button size="sm">Upgrade</Button></CardAction>
- *   </CardHeader>
- *   <CardContent>Monthly usage: 42 / 100 requests</CardContent>
- *   <CardFooter>Renews on 1 Jun 2026</CardFooter>
- * </Card>
- * ```
- */
-declare function Card({
-  className,
-  ...props
-}: React.ComponentProps<'div'>): react72.JSX.Element;
-/** Top section of the card that holds the title, description, and optional action slot. */
-declare function CardHeader({
-  className,
-  ...props
-}: React.ComponentProps<'div'>): react72.JSX.Element;
-/** Primary heading for the card, styled with the h3 heading variant. */
-declare function CardTitle({
-  className,
-  ...props
-}: React.ComponentProps<'div'>): react72.JSX.Element;
-/** Muted supporting text displayed beneath the card title. */
-declare function CardDescription({
-  className,
-  ...props
-}: React.ComponentProps<'div'>): react72.JSX.Element;
-/** Optional slot in the card header for a contextual action (e.g. a button or menu); positioned in the top-right grid cell. */
-declare function CardAction({
-  className,
-  ...props
-}: React.ComponentProps<'div'>): react72.JSX.Element;
-/** Main body area of the card with horizontal padding for content alignment. */
-declare function CardContent({
-  className,
-  ...props
-}: React.ComponentProps<'div'>): react72.JSX.Element;
-/** Bottom section of the card, typically used for supplementary text or secondary actions. */
-declare function CardFooter({
-  className,
-  ...props
-}: React.ComponentProps<'div'>): react72.JSX.Element;
-//#endregion
-export { CardFooter as a, CardDescription as i, CardAction as n, CardHeader as o, CardContent as r, CardTitle as s, Card as t };
-//# sourceMappingURL=card-a8tqytoT.d.cts.map

package/dist/carousel-BayGB372.cjs

@@ -1,2 +0,0 @@
-const e=require(`./chunk-350yNsax.cjs`),t=require(`./button-C--DAN1D.cjs`);let n=require(`lucide-react`),r=require(`react`),i=require(`@customafk/react-toolkit/utils`),a=require(`react/jsx-runtime`),o=require(`embla-carousel-react`);o=e.n(o);const s=(0,r.createContext)(null);function c(){let e=(0,r.use)(s);if(!e)throw Error(`useCarousel must be used within a <Carousel />`);return e}function l({orientation:e=`horizontal`,opts:t,setApi:n,plugins:c,className:l,children:u,...d}){let[f,p]=(0,o.default)({...t,axis:e===`horizontal`?`x`:`y`},c),[m,h]=(0,r.useState)(!1),[g,_]=(0,r.useState)(!1),v=(0,r.useCallback)(e=>{e&&(h(e.canScrollPrev()),_(e.canScrollNext()))},[]),y=(0,r.useCallback)(()=>{p?.scrollPrev()},[p]),b=(0,r.useCallback)(()=>{p?.scrollNext()},[p]),x=(0,r.useCallback)(e=>{e.key===`ArrowLeft`?(e.preventDefault(),y()):e.key===`ArrowRight`&&(e.preventDefault(),b())},[y,b]);return(0,r.useEffect)(()=>{!p||!n||n(p)},[p,n]),(0,r.useEffect)(()=>{if(p)return v(p),p.on(`reInit`,v),p.on(`select`,v),()=>{p?.off(`select`,v)}},[p,v]),(0,a.jsx)(s.Provider,{value:{carouselRef:f,api:p,opts:t,orientation:e||(t?.axis===`y`?`vertical`:`horizontal`),scrollPrev:y,scrollNext:b,canScrollPrev:m,canScrollNext:g},children:(0,a.jsx)(`div`,{onKeyDownCapture:x,className:(0,i.cn)(`relative`,l),role:`region`,"aria-roledescription":`carousel`,"data-slot":`carousel`,...d,children:u})})}function u({className:e,...t}){let{carouselRef:n,orientation:r}=c();return(0,a.jsx)(`div`,{ref:n,className:`overflow-hidden`,"data-slot":`carousel-content`,children:(0,a.jsx)(`div`,{className:(0,i.cn)(`flex`,r===`horizontal`?`-ml-4`:`-mt-4 flex-col`,e),...t})})}function d({className:e,...t}){let{orientation:n}=c();return(0,a.jsx)(`div`,{role:`group`,"aria-roledescription":`slide`,"data-slot":`carousel-item`,className:(0,i.cn)(`min-w-0 shrink-0 grow-0 basis-full`,n===`horizontal`?`pl-4`:`pt-4`,e),...t})}function f({className:e,variant:r=`outline`,size:o=`icon`,...s}){let{orientation:l,scrollPrev:u,canScrollPrev:d}=c();return(0,a.jsxs)(t.t,{"data-slot":`carousel-previous`,variant:r,size:o,className:(0,i.cn)(`absolute size-8 rounded-full`,l===`horizontal`?`top-1/2 -left-12 -translate-y-1/2`:`-top-12 left-1/2 -translate-x-1/2 rotate-90`,e),disabled:!d,onClick:u,...s,children:[(0,a.jsx)(n.ArrowLeft,{}),(0,a.jsx)(`span`,{className:`sr-only`,children:`Previous slide`})]})}function p({className:e,variant:r=`outline`,size:o=`icon`,...s}){let{orientation:l,scrollNext:u,canScrollNext:d}=c();return(0,a.jsxs)(t.t,{"data-slot":`carousel-next`,variant:r,size:o,className:(0,i.cn)(`absolute size-8 rounded-full`,l===`horizontal`?`top-1/2 -right-12 -translate-y-1/2`:`-bottom-12 left-1/2 -translate-x-1/2 rotate-90`,e),disabled:!d,onClick:u,...s,children:[(0,a.jsx)(n.ArrowRight,{}),(0,a.jsx)(`span`,{className:`sr-only`,children:`Next slide`})]})}Object.defineProperty(exports,`a`,{enumerable:!0,get:function(){return f}}),Object.defineProperty(exports,`i`,{enumerable:!0,get:function(){return p}}),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return u}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return d}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return l}});
-//# sourceMappingURL=carousel-BayGB372.cjs.map

package/dist/carousel-BayGB372.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"carousel-BayGB372.cjs","names":["api","Button","ArrowLeft","ArrowRight"],"sources":["../packages/components/ui/carousel.tsx"],"sourcesContent":["'use client';\nimport { createContext, use, useCallback, useEffect, useState } from 'react';\n\nimport { ArrowLeft, ArrowRight } from 'lucide-react';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport useEmblaCarousel, { type UseEmblaCarouselType } from 'embla-carousel-react';\nimport { Button } from '@/components/ui/button';\n\ntype CarouselApi = UseEmblaCarouselType[1];\ntype UseCarouselParameters = Parameters<typeof useEmblaCarousel>;\ntype CarouselOptions = UseCarouselParameters[0];\ntype CarouselPlugin = UseCarouselParameters[1];\n\ntype CarouselProps = {\n  opts?: CarouselOptions;\n  plugins?: CarouselPlugin;\n  orientation?: 'horizontal' | 'vertical';\n  setApi?: (api: CarouselApi) => void;\n};\n\ntype CarouselContextProps = {\n  carouselRef: ReturnType<typeof useEmblaCarousel>[0];\n  api: ReturnType<typeof useEmblaCarousel>[1];\n  scrollPrev: () => void;\n  scrollNext: () => void;\n  canScrollPrev: boolean;\n  canScrollNext: boolean;\n} & CarouselProps;\n\nconst CarouselContext = createContext<CarouselContextProps | null>(null);\n\nfunction useCarousel() {\n  const context = use(CarouselContext);\n\n  if (!context) {\n    throw new Error('useCarousel must be used within a <Carousel />');\n  }\n\n  return context;\n}\n\n/**\n * Embla-powered carousel that supports horizontal and vertical orientations with keyboard navigation.\n *\n * @example\n * ```tsx\n * import {\n *   Carousel, CarouselContent, CarouselItem,\n *   CarouselPrevious, CarouselNext,\n * } from '@customafk/lunas-ui/ui/carousel';\n *\n * <Carousel>\n *   <CarouselContent>\n *     <CarouselItem>Slide 1</CarouselItem>\n *     <CarouselItem>Slide 2</CarouselItem>\n *   </CarouselContent>\n *   <CarouselPrevious />\n *   <CarouselNext />\n * </Carousel>\n * ```\n */\nfunction Carousel({ orientation = 'horizontal', opts, setApi, plugins, className, children, ...props }: React.ComponentProps<'div'> & CarouselProps) {\n  const [carouselRef, api] = useEmblaCarousel(\n    {\n      ...opts,\n      axis: orientation === 'horizontal' ? 'x' : 'y',\n    },\n    plugins\n  );\n  const [canScrollPrev, setCanScrollPrev] = useState(false);\n  const [canScrollNext, setCanScrollNext] = useState(false);\n\n  const onSelect = useCallback((api: CarouselApi) => {\n    if (!api) return;\n    setCanScrollPrev(api.canScrollPrev());\n    setCanScrollNext(api.canScrollNext());\n  }, []);\n\n  const scrollPrev = useCallback(() => {\n    api?.scrollPrev();\n  }, [api]);\n\n  const scrollNext = useCallback(() => {\n    api?.scrollNext();\n  }, [api]);\n\n  const handleKeyDown = useCallback(\n    (event: React.KeyboardEvent<HTMLDivElement>) => {\n      if (event.key === 'ArrowLeft') {\n        event.preventDefault();\n        scrollPrev();\n      } else if (event.key === 'ArrowRight') {\n        event.preventDefault();\n        scrollNext();\n      }\n    },\n    [scrollPrev, scrollNext]\n  );\n\n  useEffect(() => {\n    if (!api || !setApi) return;\n    setApi(api);\n  }, [api, setApi]);\n\n  useEffect(() => {\n    if (!api) return;\n    onSelect(api);\n    api.on('reInit', onSelect);\n    api.on('select', onSelect);\n\n    return () => {\n      api?.off('select', onSelect);\n    };\n  }, [api, onSelect]);\n\n  return (\n    <CarouselContext.Provider\n      value={{\n        carouselRef,\n        api: api,\n        opts,\n        orientation: orientation || (opts?.axis === 'y' ? 'vertical' : 'horizontal'),\n        scrollPrev,\n        scrollNext,\n        canScrollPrev,\n        canScrollNext,\n      }}\n    >\n      <div onKeyDownCapture={handleKeyDown} className={cn('relative', className)} role=\"region\" aria-roledescription=\"carousel\" data-slot=\"carousel\" {...props}>\n        {children}\n      </div>\n    </CarouselContext.Provider>\n  );\n}\n\n/** The scrollable track that holds all CarouselItem elements. */\nfunction CarouselContent({ className, ...props }: React.ComponentProps<'div'>) {\n  const { carouselRef, orientation } = useCarousel();\n\n  return (\n    <div ref={carouselRef} className=\"overflow-hidden\" data-slot=\"carousel-content\">\n      <div className={cn('flex', orientation === 'horizontal' ? '-ml-4' : '-mt-4 flex-col', className)} {...props} />\n    </div>\n  );\n}\n\n/** A single slide within a CarouselContent; occupies the full width (or height for vertical carousels). */\nfunction CarouselItem({ className, ...props }: React.ComponentProps<'div'>) {\n  const { orientation } = useCarousel();\n\n  return (\n    <div\n      role=\"group\"\n      aria-roledescription=\"slide\"\n      data-slot=\"carousel-item\"\n      className={cn('min-w-0 shrink-0 grow-0 basis-full', orientation === 'horizontal' ? 'pl-4' : 'pt-4', className)}\n      {...props}\n    />\n  );\n}\n\n/** Circular button positioned to the left (or top for vertical) that scrolls to the previous slide. */\nfunction CarouselPrevious({ className, variant = 'outline', size = 'icon', ...props }: React.ComponentProps<typeof Button>) {\n  const { orientation, scrollPrev, canScrollPrev } = useCarousel();\n\n  return (\n    <Button\n      data-slot=\"carousel-previous\"\n      variant={variant}\n      size={size}\n      className={cn(\n        'absolute size-8 rounded-full',\n        orientation === 'horizontal' ? 'top-1/2 -left-12 -translate-y-1/2' : '-top-12 left-1/2 -translate-x-1/2 rotate-90',\n        className\n      )}\n      disabled={!canScrollPrev}\n      onClick={scrollPrev}\n      {...props}\n    >\n      <ArrowLeft />\n      <span className=\"sr-only\">Previous slide</span>\n    </Button>\n  );\n}\n\n/** Circular button positioned to the right (or bottom for vertical) that scrolls to the next slide. */\nfunction CarouselNext({ className, variant = 'outline', size = 'icon', ...props }: React.ComponentProps<typeof Button>) {\n  const { orientation, scrollNext, canScrollNext } = useCarousel();\n\n  return (\n    <Button\n      data-slot=\"carousel-next\"\n      variant={variant}\n      size={size}\n      className={cn(\n        'absolute size-8 rounded-full',\n        orientation === 'horizontal' ? 'top-1/2 -right-12 -translate-y-1/2' : '-bottom-12 left-1/2 -translate-x-1/2 rotate-90',\n        className\n      )}\n      disabled={!canScrollNext}\n      onClick={scrollNext}\n      {...props}\n    >\n      <ArrowRight />\n      <span className=\"sr-only\">Next slide</span>\n    </Button>\n  );\n}\n\nexport { Carousel, type CarouselApi, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious };\n"],"mappings":"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"}

package/dist/carousel-Cm4szl4A.d.cts

@@ -1,71 +0,0 @@
-import { t as Button } from "./button-D-pWsdxT.cjs";
-import * as react79 from "react";
-import useEmblaCarousel, { UseEmblaCarouselType } from "embla-carousel-react";
-
-//#region packages/components/ui/carousel.d.ts
-type CarouselApi = UseEmblaCarouselType[1];
-type UseCarouselParameters = Parameters<typeof useEmblaCarousel>;
-type CarouselOptions = UseCarouselParameters[0];
-type CarouselPlugin = UseCarouselParameters[1];
-type CarouselProps = {
-  opts?: CarouselOptions;
-  plugins?: CarouselPlugin;
-  orientation?: 'horizontal' | 'vertical';
-  setApi?: (api: CarouselApi) => void;
-};
-/**
- * Embla-powered carousel that supports horizontal and vertical orientations with keyboard navigation.
- *
- * @example
- * ```tsx
- * import {
- *   Carousel, CarouselContent, CarouselItem,
- *   CarouselPrevious, CarouselNext,
- * } from '@customafk/lunas-ui/ui/carousel';
- *
- * <Carousel>
- *   <CarouselContent>
- *     <CarouselItem>Slide 1</CarouselItem>
- *     <CarouselItem>Slide 2</CarouselItem>
- *   </CarouselContent>
- *   <CarouselPrevious />
- *   <CarouselNext />
- * </Carousel>
- * ```
- */
-declare function Carousel({
-  orientation,
-  opts,
-  setApi,
-  plugins,
-  className,
-  children,
-  ...props
-}: React.ComponentProps<'div'> & CarouselProps): react79.JSX.Element;
-/** The scrollable track that holds all CarouselItem elements. */
-declare function CarouselContent({
-  className,
-  ...props
-}: React.ComponentProps<'div'>): react79.JSX.Element;
-/** A single slide within a CarouselContent; occupies the full width (or height for vertical carousels). */
-declare function CarouselItem({
-  className,
-  ...props
-}: React.ComponentProps<'div'>): react79.JSX.Element;
-/** Circular button positioned to the left (or top for vertical) that scrolls to the previous slide. */
-declare function CarouselPrevious({
-  className,
-  variant,
-  size,
-  ...props
-}: React.ComponentProps<typeof Button>): react79.JSX.Element;
-/** Circular button positioned to the right (or bottom for vertical) that scrolls to the next slide. */
-declare function CarouselNext({
-  className,
-  variant,
-  size,
-  ...props
-}: React.ComponentProps<typeof Button>): react79.JSX.Element;
-//#endregion
-export { CarouselNext as a, CarouselItem as i, CarouselApi as n, CarouselPrevious as o, CarouselContent as r, Carousel as t };
-//# sourceMappingURL=carousel-Cm4szl4A.d.cts.map

package/dist/carousel-D8xUkFZ-.mjs

@@ -1,2 +0,0 @@
-import{t as e}from"./button-CCVJTHBI.mjs";import{ArrowLeft as t,ArrowRight as n}from"lucide-react";import{createContext as r,use as i,useCallback as a,useEffect as o,useState as s}from"react";import{cn as c}from"@customafk/react-toolkit/utils";import{jsx as l,jsxs as u}from"react/jsx-runtime";import d from"embla-carousel-react";const f=r(null);function p(){let e=i(f);if(!e)throw Error(`useCarousel must be used within a <Carousel />`);return e}function m({orientation:e=`horizontal`,opts:t,setApi:n,plugins:r,className:i,children:u,...p}){let[m,h]=d({...t,axis:e===`horizontal`?`x`:`y`},r),[g,_]=s(!1),[v,y]=s(!1),b=a(e=>{e&&(_(e.canScrollPrev()),y(e.canScrollNext()))},[]),x=a(()=>{h?.scrollPrev()},[h]),S=a(()=>{h?.scrollNext()},[h]),C=a(e=>{e.key===`ArrowLeft`?(e.preventDefault(),x()):e.key===`ArrowRight`&&(e.preventDefault(),S())},[x,S]);return o(()=>{!h||!n||n(h)},[h,n]),o(()=>{if(h)return b(h),h.on(`reInit`,b),h.on(`select`,b),()=>{h?.off(`select`,b)}},[h,b]),l(f.Provider,{value:{carouselRef:m,api:h,opts:t,orientation:e||(t?.axis===`y`?`vertical`:`horizontal`),scrollPrev:x,scrollNext:S,canScrollPrev:g,canScrollNext:v},children:l(`div`,{onKeyDownCapture:C,className:c(`relative`,i),role:`region`,"aria-roledescription":`carousel`,"data-slot":`carousel`,...p,children:u})})}function h({className:e,...t}){let{carouselRef:n,orientation:r}=p();return l(`div`,{ref:n,className:`overflow-hidden`,"data-slot":`carousel-content`,children:l(`div`,{className:c(`flex`,r===`horizontal`?`-ml-4`:`-mt-4 flex-col`,e),...t})})}function g({className:e,...t}){let{orientation:n}=p();return l(`div`,{role:`group`,"aria-roledescription":`slide`,"data-slot":`carousel-item`,className:c(`min-w-0 shrink-0 grow-0 basis-full`,n===`horizontal`?`pl-4`:`pt-4`,e),...t})}function _({className:n,variant:r=`outline`,size:i=`icon`,...a}){let{orientation:o,scrollPrev:s,canScrollPrev:d}=p();return u(e,{"data-slot":`carousel-previous`,variant:r,size:i,className:c(`absolute size-8 rounded-full`,o===`horizontal`?`top-1/2 -left-12 -translate-y-1/2`:`-top-12 left-1/2 -translate-x-1/2 rotate-90`,n),disabled:!d,onClick:s,...a,children:[l(t,{}),l(`span`,{className:`sr-only`,children:`Previous slide`})]})}function v({className:t,variant:r=`outline`,size:i=`icon`,...a}){let{orientation:o,scrollNext:s,canScrollNext:d}=p();return u(e,{"data-slot":`carousel-next`,variant:r,size:i,className:c(`absolute size-8 rounded-full`,o===`horizontal`?`top-1/2 -right-12 -translate-y-1/2`:`-bottom-12 left-1/2 -translate-x-1/2 rotate-90`,t),disabled:!d,onClick:s,...a,children:[l(n,{}),l(`span`,{className:`sr-only`,children:`Next slide`})]})}export{_ as a,v as i,h as n,g as r,m as t};
-//# sourceMappingURL=carousel-D8xUkFZ-.mjs.map