@customafk/lunas-ui 0.2.75 → 0.2.77

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

@@ -1,2 +1,2 @@
-import { i as buttonGroupVariants, n as ButtonGroupSeparator, r as ButtonGroupText, t as ButtonGroup } from "../button-group-Cd5m5G3p.mjs";
+import { i as buttonGroupVariants, n as ButtonGroupSeparator, r as ButtonGroupText, t as ButtonGroup } from "../button-group-Br7Cye6b.mjs";
 export { ButtonGroup, ButtonGroupSeparator, ButtonGroupText, buttonGroupVariants };

package/dist/ui/button.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"button.cjs","names":["Slot","buttonVariants","buttonLoadingVariant","Loader2Icon","Slottable"],"sources":["../../packages/components/ui/button.tsx"],"sourcesContent":["'use client';\n\nimport { Loader2Icon } from 'lucide-react';\nimport { Slot, Slottable } from '@radix-ui/react-slot';\nimport { cn } from '@customafk/react-toolkit/utils';\nimport { type ButtonVariantProps, buttonLoadingVariant, buttonVariants } from './button.variants';\n\n/**\n * Props for the {@link Button} component.\n *\n * Extends all native `<button>` attributes except `color`, which is\n * re-declared as a semantic design-token via {@link ButtonVariantProps}.\n *\n * @see {@link https://www.radix-ui.com/primitives/docs/utilities/slot} Radix Slot (asChild pattern)\n */\nexport interface ButtonProps extends Omit<React.ComponentProps<'button'>, 'color'> {\n  /**\n   * When `true`, renders children through Radix's `<Slot>` primitive,\n   * merging all button props directly onto the child element.\n   *\n   * Use this to swap the rendered HTML element while keeping button styling\n   * (e.g. render a Next.js `<Link>` that looks like a button).\n   *\n   * @default false\n   * @example\n   * ```tsx\n   * <Button asChild variant=\"ghost\">\n   *   <Link href=\"/dashboard\">Go to Dashboard</Link>\n   * </Button>\n   * ```\n   */\n  asChild?: boolean;\n\n  /**\n   * When `true`, shows an animated `Loader2` spinner overlay and sets\n   * `aria-busy=\"true\"`. The button is implicitly disabled while loading —\n   * no separate `disabled` prop is needed for loading states.\n   *\n   * @default false\n   */\n  isLoading?: boolean;\n\n  /**\n   * Visual style variant of the button.\n   *\n   * | Value | Description |\n   * |---|---|\n   * | `\"default\"` | Filled surface — primary call-to-action (default) |\n   * | `\"outline\"` | Transparent background with a visible border |\n   * | `\"ghost\"` | No background or border — minimal footprint |\n   * | `\"link\"` | Styled as an underlined hyperlink |\n   * | `\"icon\"` | Square, padding-free — icon-only buttons |\n   * | `\"destructive\"` | Red-toned filled surface for danger actions |\n   *\n   * @default \"default\"\n   */\n  variant?: ButtonVariantProps['variant'];\n\n  /**\n   * Semantic color token applied to the button's surface and text.\n   *\n   * | Value | Usage |\n   * |---|---|\n   * | `\"primary\"` | Brand primary (default) |\n   * | `\"success\"` | Confirmation / save actions |\n   * | `\"danger\"` | Destructive / delete actions |\n   * | `\"warning\"` | Cautionary / irreversible actions |\n   * | `\"muted\"` | Secondary / low-emphasis actions |\n   *\n   * @default \"primary\"\n   */\n  color?: ButtonVariantProps['color'];\n\n  /**\n   * Controls height, horizontal padding, and font size.\n   *\n   * | Value | Height |\n   * |---|---|\n   * | `\"sm\"` | 32 px |\n   * | `\"default\"` | 36 px |\n   * | `\"lg\"` | 40 px |\n   * | `\"icon\"` | 36 × 36 px (square) |\n   *\n   * @default \"default\"\n   */\n  size?: ButtonVariantProps['size'];\n\n  /**\n   * Additional class names applied to the inner `<div>` that wraps `children`.\n   * Use this to style the children's flex container without overriding the\n   * button's outer layout or focus-ring classes.\n   */\n  innerClassName?: string;\n}\n\n/**\n * Primary interactive button component for `@customafk/lunas-ui`.\n *\n * Built on Radix UI's `<Slot>` primitive. Supports multiple visual variants,\n * semantic color tokens, a built-in loading state with full accessibility\n * attributes, and polymorphic rendering via `asChild`. All native `<button>`\n * attributes are forwarded to the underlying element.\n *\n * **Import:** `import { Button } from '@customafk/lunas-ui/ui/button'`\n *\n * @example Basic usage\n * ```tsx\n * import { Button } from '@customafk/lunas-ui/ui/button';\n *\n * export function SaveAction() {\n *   return <Button color=\"primary\">Save changes</Button>;\n * }\n * ```\n *\n * @example Async loading state\n * ```tsx\n * import { Button } from '@customafk/lunas-ui/ui/button';\n *\n * export function SubmitButton({ isPending }: { isPending: boolean }) {\n *   return (\n *     <Button type=\"submit\" isLoading={isPending}>\n *       Submit\n *     </Button>\n *   );\n * }\n * ```\n *\n * @example Destructive outline button\n * ```tsx\n * import { Button } from '@customafk/lunas-ui/ui/button';\n *\n * export function DeleteButton({ onDelete }: { onDelete: () => void }) {\n *   return (\n *     <Button variant=\"outline\" color=\"danger\" onClick={onDelete}>\n *       Delete account\n *     </Button>\n *   );\n * }\n * ```\n *\n * @example Polymorphic — render as Next.js Link\n * ```tsx\n * import { Button } from '@customafk/lunas-ui/ui/button';\n * import Link from 'next/link';\n *\n * export function NavLink() {\n *   return (\n *     <Button asChild variant=\"ghost\" size=\"sm\">\n *       <Link href=\"/settings\">Settings</Link>\n *     </Button>\n *   );\n * }\n * ```\n */\nfunction Button({\n  className,\n  variant,\n  size = 'default',\n  color,\n  asChild = false,\n  isLoading = false,\n  children,\n  disabled,\n  type = 'button',\n  innerClassName,\n  ...props\n}: ButtonProps) {\n  const Comp = asChild ? Slot : 'button';\n  const isDisabled = disabled || isLoading;\n\n  return (\n    <Comp\n      {...(!asChild ? { type, disabled: isDisabled } : undefined)}\n      data-slot=\"button\"\n      data-state={isLoading ? 'loading' : undefined}\n      aria-disabled={isDisabled ? true : undefined}\n      aria-busy={isLoading ? true : undefined}\n      className={cn(\n        buttonVariants({\n          variant,\n          size,\n          color,\n          className,\n        })\n      )}\n      {...props}\n    >\n      {isLoading && (\n        <div className={buttonLoadingVariant({ variant, color })}>\n          <Loader2Icon size={16} className=\"animate-spin\" />\n          <span className=\"sr-only\">Loading</span>\n        </div>\n      )}\n      {asChild ? (\n        <Slottable>{children}</Slottable>\n      ) : (\n        <div className={cn('inline-flex items-center justify-center gap-x-1', isLoading && 'invisible pointer-events-none', innerClassName)}>{children}</div>\n      )}\n    </Comp>\n  );\n}\n\nexport { Button };\n"],"mappings":"8QA0JA,SAAS,EAAO,CACd,YACA,UACA,OAAO,UACP,QACA,UAAU,GACV,YAAY,GACZ,WACA,WACA,OAAO,SACP,iBACA,GAAG,GACW,CACd,IAAM,EAAO,EAAUA,EAAAA,EAAO,SACxB,EAAa,GAAY,EAE/B,OACE,EAAA,EAAA,KAAA,CAAC,EAAD,CACE,GAAM,EAA2C,IAAA,GAAjC,CAAE,OAAM,SAAU,CAAW,EAC7C,YAAU,SACV,aAAY,EAAY,UAAY,IAAA,GACpC,gBAAe,EAAa,GAAO,IAAA,GACnC,YAAW,EAAY,GAAO,IAAA,GAC9B,WAAA,EAAA,EAAA,GAAA,CACEC,EAAAA,EAAe,CACb,UACA,OACA,QACA,WACF,CAAC,CACH,EACA,GAAI,WAdN,CAgBG,IACC,EAAA,EAAA,KAAA,CAAC,MAAD,CAAK,UAAWC,EAAAA,EAAqB,CAAE,UAAS,OAAM,CAAC,WAAvD,EACE,EAAA,EAAA,IAAA,CAACC,EAAAA,YAAD,CAAa,KAAM,GAAI,UAAU,cAAgB,CAAA,GACjD,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAU,mBAAU,SAAa,CAAA,CACpC,IAEN,GACC,EAAA,EAAA,IAAA,CAACC,EAAAA,EAAD,CAAY,UAAoB,CAAA,GAEhC,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,WAAA,EAAA,EAAA,GAAA,CAAc,kDAAmD,GAAa,gCAAiC,CAAc,EAAI,UAAc,CAAA,CAElJ,GAEV"}
+{"version":3,"file":"button.cjs","names":["Slot","buttonVariants","buttonLoadingVariant","Loader2Icon","Slottable"],"sources":["../../packages/components/ui/button.tsx"],"sourcesContent":["'use client';\n\nimport { Loader2Icon } from 'lucide-react';\nimport { Slot, Slottable } from '@radix-ui/react-slot';\nimport { cn } from '@customafk/react-toolkit/utils';\nimport { type ButtonVariantProps, buttonLoadingVariant, buttonVariants } from './button.variants';\n\n/**\n * Props for the {@link Button} component.\n *\n * Extends all native `<button>` attributes except `color`, which is\n * re-declared as a semantic design-token via {@link ButtonVariantProps}.\n *\n * @see {@link https://www.radix-ui.com/primitives/docs/utilities/slot} Radix Slot (asChild pattern)\n */\nexport interface ButtonProps extends Omit<React.ComponentProps<'button'>, 'color'> {\n  /**\n   * When `true`, renders children through Radix's `<Slot>` primitive,\n   * merging all button props directly onto the child element.\n   *\n   * Use this to swap the rendered HTML element while keeping button styling\n   * (e.g. render a Next.js `<Link>` that looks like a button).\n   *\n   * @default false\n   * @example\n   * ```tsx\n   * <Button asChild variant=\"ghost\">\n   *   <Link href=\"/dashboard\">Go to Dashboard</Link>\n   * </Button>\n   * ```\n   */\n  asChild?: boolean;\n\n  /**\n   * When `true`, shows an animated `Loader2` spinner overlay and sets\n   * `aria-busy=\"true\"`. The button is implicitly disabled while loading —\n   * no separate `disabled` prop is needed for loading states.\n   *\n   * @default false\n   */\n  isLoading?: boolean;\n\n  /**\n   * Visual style variant of the button.\n   *\n   * | Value | Description |\n   * |---|---|\n   * | `\"default\"` | Filled surface — primary call-to-action (default) |\n   * | `\"outline\"` | Transparent background with a visible border |\n   * | `\"ghost\"` | No background or border — minimal footprint |\n   * | `\"link\"` | Styled as an underlined hyperlink |\n   * | `\"icon\"` | Square, padding-free — icon-only buttons |\n   * | `\"destructive\"` | Red-toned filled surface for danger actions |\n   *\n   * @default \"default\"\n   */\n  variant?: ButtonVariantProps['variant'];\n\n  /**\n   * Semantic color token applied to the button's surface and text.\n   *\n   * | Value | Usage |\n   * |---|---|\n   * | `\"primary\"` | Brand primary (default) |\n   * | `\"success\"` | Confirmation / save actions |\n   * | `\"danger\"` | Destructive / delete actions |\n   * | `\"warning\"` | Cautionary / irreversible actions |\n   * | `\"muted\"` | Secondary / low-emphasis actions |\n   *\n   * @default \"primary\"\n   */\n  color?: ButtonVariantProps['color'];\n\n  /**\n   * Controls height, horizontal padding, and font size.\n   *\n   * | Value | Height |\n   * |---|---|\n   * | `\"sm\"` | 32 px |\n   * | `\"default\"` | 36 px |\n   * | `\"lg\"` | 40 px |\n   * | `\"icon\"` | 36 × 36 px (square) |\n   *\n   * @default \"default\"\n   */\n  size?: ButtonVariantProps['size'];\n\n  /**\n   * Additional class names applied to the inner `<div>` that wraps `children`.\n   * Use this to style the children's flex container without overriding the\n   * button's outer layout or focus-ring classes.\n   */\n  innerClassName?: string;\n}\n\n/**\n * Primary interactive button component for `@customafk/lunas-ui`.\n *\n * Built on Radix UI's `<Slot>` primitive. Supports multiple visual variants,\n * semantic color tokens, a built-in loading state with full accessibility\n * attributes, and polymorphic rendering via `asChild`. All native `<button>`\n * attributes are forwarded to the underlying element.\n *\n * **Import:** `import { Button } from '@customafk/lunas-ui/ui/button'`\n *\n * @example Basic usage\n * ```tsx\n * import { Button } from '@customafk/lunas-ui/ui/button';\n *\n * export function SaveAction() {\n *   return <Button color=\"primary\">Save changes</Button>;\n * }\n * ```\n *\n * @example Async loading state\n * ```tsx\n * import { Button } from '@customafk/lunas-ui/ui/button';\n *\n * export function SubmitButton({ isPending }: { isPending: boolean }) {\n *   return (\n *     <Button type=\"submit\" isLoading={isPending}>\n *       Submit\n *     </Button>\n *   );\n * }\n * ```\n *\n * @example Destructive outline button\n * ```tsx\n * import { Button } from '@customafk/lunas-ui/ui/button';\n *\n * export function DeleteButton({ onDelete }: { onDelete: () => void }) {\n *   return (\n *     <Button variant=\"outline\" color=\"danger\" onClick={onDelete}>\n *       Delete account\n *     </Button>\n *   );\n * }\n * ```\n *\n * @example Polymorphic — render as Next.js Link\n * ```tsx\n * import { Button } from '@customafk/lunas-ui/ui/button';\n * import Link from 'next/link';\n *\n * export function NavLink() {\n *   return (\n *     <Button asChild variant=\"ghost\" size=\"sm\">\n *       <Link href=\"/settings\">Settings</Link>\n *     </Button>\n *   );\n * }\n * ```\n */\nfunction Button({\n  className,\n  variant,\n  size = 'default',\n  color,\n  asChild = false,\n  isLoading = false,\n  children,\n  disabled,\n  type = 'button',\n  innerClassName,\n  ...props\n}: ButtonProps) {\n  const Comp = asChild ? Slot : 'button';\n  const isDisabled = disabled || isLoading;\n\n  return (\n    <Comp\n      {...(!asChild ? { type, disabled: isDisabled } : undefined)}\n      data-slot=\"button\"\n      data-state={isLoading ? 'loading' : undefined}\n      aria-disabled={isDisabled ? true : undefined}\n      aria-busy={isLoading ? true : undefined}\n      className={cn(\n        buttonVariants({\n          variant,\n          size,\n          color,\n          className,\n        })\n      )}\n      {...props}\n    >\n      {isLoading && (\n        <div className={buttonLoadingVariant({ variant, color })}>\n          <Loader2Icon size={16} className=\"animate-spin\" />\n          <span className=\"sr-only\">Loading</span>\n        </div>\n      )}\n      {asChild ? (\n        <Slottable>{children}</Slottable>\n      ) : (\n        <div className={cn('inline-flex items-center justify-center gap-x-1', isLoading && 'invisible pointer-events-none', innerClassName)}>{children}</div>\n      )}\n    </Comp>\n  );\n}\n\nexport { Button };\n"],"mappings":"8QA0JA,SAAS,EAAO,CACd,YACA,UACA,OAAO,UACP,QACA,UAAU,GACV,YAAY,GACZ,WACA,WACA,OAAO,SACP,iBACA,GAAG,GACW,CACd,IAAM,EAAO,EAAUA,EAAAA,EAAO,SACxB,EAAa,GAAY,EAE/B,OACE,EAAA,EAAA,KAAA,CAAC,EAAD,CACE,GAAM,EAA2C,IAAA,GAAjC,CAAE,OAAM,SAAU,CAAW,EAC7C,YAAU,SACV,aAAY,EAAY,UAAY,IAAA,GACpC,gBAAe,EAAa,GAAO,IAAA,GACnC,YAAW,EAAY,GAAO,IAAA,GAC9B,WAAA,EAAA,EAAA,GAAA,CACEC,EAAAA,EAAe,CACb,UACA,OACA,QACA,WACF,CAAC,CACH,EACA,GAAI,EAdN,SAAA,CAgBG,IACC,EAAA,EAAA,KAAA,CAAC,MAAD,CAAK,UAAWC,EAAAA,EAAqB,CAAE,UAAS,OAAM,CAAC,EAAvD,SAAA,EACE,EAAA,EAAA,IAAA,CAACC,EAAAA,YAAD,CAAa,KAAM,GAAI,UAAU,cAAgB,CAAA,GACjD,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAU,UAAU,SAAA,SAAa,CAAA,CACpC,CAEN,CAAA,EAAA,GACC,EAAA,EAAA,IAAA,CAACC,EAAAA,EAAD,CAAY,UAAoB,CAAA,GAEhC,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,WAAA,EAAA,EAAA,GAAA,CAAc,kDAAmD,GAAa,gCAAiC,CAAc,EAAI,UAAc,CAAA,CAElJ,GAEV"}

package/dist/ui/button.d.cts

@@ -1,2 +1,2 @@
-import { n as ButtonProps, t as Button } from "../button-Bk4Y6_9I.cjs";
+import { n as ButtonProps, t as Button } from "../button-BnoPktln.cjs";
 export { Button, ButtonProps };

package/dist/ui/button.d.mts

@@ -1,2 +1,2 @@
-import { n as ButtonProps, t as Button } from "../button-Bk4Y6_9I.mjs";
+import { n as ButtonProps, t as Button } from "../button-BnoPktln.mjs";
 export { Button, ButtonProps };

package/dist/ui/button.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"button.mjs","names":[],"sources":["../../packages/components/ui/button.tsx"],"sourcesContent":["'use client';\n\nimport { Loader2Icon } from 'lucide-react';\nimport { Slot, Slottable } from '@radix-ui/react-slot';\nimport { cn } from '@customafk/react-toolkit/utils';\nimport { type ButtonVariantProps, buttonLoadingVariant, buttonVariants } from './button.variants';\n\n/**\n * Props for the {@link Button} component.\n *\n * Extends all native `<button>` attributes except `color`, which is\n * re-declared as a semantic design-token via {@link ButtonVariantProps}.\n *\n * @see {@link https://www.radix-ui.com/primitives/docs/utilities/slot} Radix Slot (asChild pattern)\n */\nexport interface ButtonProps extends Omit<React.ComponentProps<'button'>, 'color'> {\n  /**\n   * When `true`, renders children through Radix's `<Slot>` primitive,\n   * merging all button props directly onto the child element.\n   *\n   * Use this to swap the rendered HTML element while keeping button styling\n   * (e.g. render a Next.js `<Link>` that looks like a button).\n   *\n   * @default false\n   * @example\n   * ```tsx\n   * <Button asChild variant=\"ghost\">\n   *   <Link href=\"/dashboard\">Go to Dashboard</Link>\n   * </Button>\n   * ```\n   */\n  asChild?: boolean;\n\n  /**\n   * When `true`, shows an animated `Loader2` spinner overlay and sets\n   * `aria-busy=\"true\"`. The button is implicitly disabled while loading —\n   * no separate `disabled` prop is needed for loading states.\n   *\n   * @default false\n   */\n  isLoading?: boolean;\n\n  /**\n   * Visual style variant of the button.\n   *\n   * | Value | Description |\n   * |---|---|\n   * | `\"default\"` | Filled surface — primary call-to-action (default) |\n   * | `\"outline\"` | Transparent background with a visible border |\n   * | `\"ghost\"` | No background or border — minimal footprint |\n   * | `\"link\"` | Styled as an underlined hyperlink |\n   * | `\"icon\"` | Square, padding-free — icon-only buttons |\n   * | `\"destructive\"` | Red-toned filled surface for danger actions |\n   *\n   * @default \"default\"\n   */\n  variant?: ButtonVariantProps['variant'];\n\n  /**\n   * Semantic color token applied to the button's surface and text.\n   *\n   * | Value | Usage |\n   * |---|---|\n   * | `\"primary\"` | Brand primary (default) |\n   * | `\"success\"` | Confirmation / save actions |\n   * | `\"danger\"` | Destructive / delete actions |\n   * | `\"warning\"` | Cautionary / irreversible actions |\n   * | `\"muted\"` | Secondary / low-emphasis actions |\n   *\n   * @default \"primary\"\n   */\n  color?: ButtonVariantProps['color'];\n\n  /**\n   * Controls height, horizontal padding, and font size.\n   *\n   * | Value | Height |\n   * |---|---|\n   * | `\"sm\"` | 32 px |\n   * | `\"default\"` | 36 px |\n   * | `\"lg\"` | 40 px |\n   * | `\"icon\"` | 36 × 36 px (square) |\n   *\n   * @default \"default\"\n   */\n  size?: ButtonVariantProps['size'];\n\n  /**\n   * Additional class names applied to the inner `<div>` that wraps `children`.\n   * Use this to style the children's flex container without overriding the\n   * button's outer layout or focus-ring classes.\n   */\n  innerClassName?: string;\n}\n\n/**\n * Primary interactive button component for `@customafk/lunas-ui`.\n *\n * Built on Radix UI's `<Slot>` primitive. Supports multiple visual variants,\n * semantic color tokens, a built-in loading state with full accessibility\n * attributes, and polymorphic rendering via `asChild`. All native `<button>`\n * attributes are forwarded to the underlying element.\n *\n * **Import:** `import { Button } from '@customafk/lunas-ui/ui/button'`\n *\n * @example Basic usage\n * ```tsx\n * import { Button } from '@customafk/lunas-ui/ui/button';\n *\n * export function SaveAction() {\n *   return <Button color=\"primary\">Save changes</Button>;\n * }\n * ```\n *\n * @example Async loading state\n * ```tsx\n * import { Button } from '@customafk/lunas-ui/ui/button';\n *\n * export function SubmitButton({ isPending }: { isPending: boolean }) {\n *   return (\n *     <Button type=\"submit\" isLoading={isPending}>\n *       Submit\n *     </Button>\n *   );\n * }\n * ```\n *\n * @example Destructive outline button\n * ```tsx\n * import { Button } from '@customafk/lunas-ui/ui/button';\n *\n * export function DeleteButton({ onDelete }: { onDelete: () => void }) {\n *   return (\n *     <Button variant=\"outline\" color=\"danger\" onClick={onDelete}>\n *       Delete account\n *     </Button>\n *   );\n * }\n * ```\n *\n * @example Polymorphic — render as Next.js Link\n * ```tsx\n * import { Button } from '@customafk/lunas-ui/ui/button';\n * import Link from 'next/link';\n *\n * export function NavLink() {\n *   return (\n *     <Button asChild variant=\"ghost\" size=\"sm\">\n *       <Link href=\"/settings\">Settings</Link>\n *     </Button>\n *   );\n * }\n * ```\n */\nfunction Button({\n  className,\n  variant,\n  size = 'default',\n  color,\n  asChild = false,\n  isLoading = false,\n  children,\n  disabled,\n  type = 'button',\n  innerClassName,\n  ...props\n}: ButtonProps) {\n  const Comp = asChild ? Slot : 'button';\n  const isDisabled = disabled || isLoading;\n\n  return (\n    <Comp\n      {...(!asChild ? { type, disabled: isDisabled } : undefined)}\n      data-slot=\"button\"\n      data-state={isLoading ? 'loading' : undefined}\n      aria-disabled={isDisabled ? true : undefined}\n      aria-busy={isLoading ? true : undefined}\n      className={cn(\n        buttonVariants({\n          variant,\n          size,\n          color,\n          className,\n        })\n      )}\n      {...props}\n    >\n      {isLoading && (\n        <div className={buttonLoadingVariant({ variant, color })}>\n          <Loader2Icon size={16} className=\"animate-spin\" />\n          <span className=\"sr-only\">Loading</span>\n        </div>\n      )}\n      {asChild ? (\n        <Slottable>{children}</Slottable>\n      ) : (\n        <div className={cn('inline-flex items-center justify-center gap-x-1', isLoading && 'invisible pointer-events-none', innerClassName)}>{children}</div>\n      )}\n    </Comp>\n  );\n}\n\nexport { Button };\n"],"mappings":"+PA0JA,SAAS,EAAO,CACd,YACA,UACA,OAAO,UACP,QACA,UAAU,GACV,YAAY,GACZ,WACA,WACA,OAAO,SACP,iBACA,GAAG,GACW,CACd,IAAM,EAAO,EAAU,EAAO,SACxB,EAAa,GAAY,EAE/B,OACE,EAAC,EAAD,CACE,GAAM,EAA2C,IAAA,GAAjC,CAAE,OAAM,SAAU,CAAW,EAC7C,YAAU,SACV,aAAY,EAAY,UAAY,IAAA,GACpC,gBAAe,EAAa,GAAO,IAAA,GACnC,YAAW,EAAY,GAAO,IAAA,GAC9B,UAAW,EACT,EAAe,CACb,UACA,OACA,QACA,WACF,CAAC,CACH,EACA,GAAI,WAdN,CAgBG,GACC,EAAC,MAAD,CAAK,UAAW,EAAqB,CAAE,UAAS,OAAM,CAAC,WAAvD,CACE,EAAC,EAAD,CAAa,KAAM,GAAI,UAAU,cAAgB,CAAA,EACjD,EAAC,OAAD,CAAM,UAAU,mBAAU,SAAa,CAAA,CACpC,IAEN,EACC,EAAC,EAAD,CAAY,UAAoB,CAAA,EAEhC,EAAC,MAAD,CAAK,UAAW,EAAG,kDAAmD,GAAa,gCAAiC,CAAc,EAAI,UAAc,CAAA,CAElJ,GAEV"}
+{"version":3,"file":"button.mjs","names":[],"sources":["../../packages/components/ui/button.tsx"],"sourcesContent":["'use client';\n\nimport { Loader2Icon } from 'lucide-react';\nimport { Slot, Slottable } from '@radix-ui/react-slot';\nimport { cn } from '@customafk/react-toolkit/utils';\nimport { type ButtonVariantProps, buttonLoadingVariant, buttonVariants } from './button.variants';\n\n/**\n * Props for the {@link Button} component.\n *\n * Extends all native `<button>` attributes except `color`, which is\n * re-declared as a semantic design-token via {@link ButtonVariantProps}.\n *\n * @see {@link https://www.radix-ui.com/primitives/docs/utilities/slot} Radix Slot (asChild pattern)\n */\nexport interface ButtonProps extends Omit<React.ComponentProps<'button'>, 'color'> {\n  /**\n   * When `true`, renders children through Radix's `<Slot>` primitive,\n   * merging all button props directly onto the child element.\n   *\n   * Use this to swap the rendered HTML element while keeping button styling\n   * (e.g. render a Next.js `<Link>` that looks like a button).\n   *\n   * @default false\n   * @example\n   * ```tsx\n   * <Button asChild variant=\"ghost\">\n   *   <Link href=\"/dashboard\">Go to Dashboard</Link>\n   * </Button>\n   * ```\n   */\n  asChild?: boolean;\n\n  /**\n   * When `true`, shows an animated `Loader2` spinner overlay and sets\n   * `aria-busy=\"true\"`. The button is implicitly disabled while loading —\n   * no separate `disabled` prop is needed for loading states.\n   *\n   * @default false\n   */\n  isLoading?: boolean;\n\n  /**\n   * Visual style variant of the button.\n   *\n   * | Value | Description |\n   * |---|---|\n   * | `\"default\"` | Filled surface — primary call-to-action (default) |\n   * | `\"outline\"` | Transparent background with a visible border |\n   * | `\"ghost\"` | No background or border — minimal footprint |\n   * | `\"link\"` | Styled as an underlined hyperlink |\n   * | `\"icon\"` | Square, padding-free — icon-only buttons |\n   * | `\"destructive\"` | Red-toned filled surface for danger actions |\n   *\n   * @default \"default\"\n   */\n  variant?: ButtonVariantProps['variant'];\n\n  /**\n   * Semantic color token applied to the button's surface and text.\n   *\n   * | Value | Usage |\n   * |---|---|\n   * | `\"primary\"` | Brand primary (default) |\n   * | `\"success\"` | Confirmation / save actions |\n   * | `\"danger\"` | Destructive / delete actions |\n   * | `\"warning\"` | Cautionary / irreversible actions |\n   * | `\"muted\"` | Secondary / low-emphasis actions |\n   *\n   * @default \"primary\"\n   */\n  color?: ButtonVariantProps['color'];\n\n  /**\n   * Controls height, horizontal padding, and font size.\n   *\n   * | Value | Height |\n   * |---|---|\n   * | `\"sm\"` | 32 px |\n   * | `\"default\"` | 36 px |\n   * | `\"lg\"` | 40 px |\n   * | `\"icon\"` | 36 × 36 px (square) |\n   *\n   * @default \"default\"\n   */\n  size?: ButtonVariantProps['size'];\n\n  /**\n   * Additional class names applied to the inner `<div>` that wraps `children`.\n   * Use this to style the children's flex container without overriding the\n   * button's outer layout or focus-ring classes.\n   */\n  innerClassName?: string;\n}\n\n/**\n * Primary interactive button component for `@customafk/lunas-ui`.\n *\n * Built on Radix UI's `<Slot>` primitive. Supports multiple visual variants,\n * semantic color tokens, a built-in loading state with full accessibility\n * attributes, and polymorphic rendering via `asChild`. All native `<button>`\n * attributes are forwarded to the underlying element.\n *\n * **Import:** `import { Button } from '@customafk/lunas-ui/ui/button'`\n *\n * @example Basic usage\n * ```tsx\n * import { Button } from '@customafk/lunas-ui/ui/button';\n *\n * export function SaveAction() {\n *   return <Button color=\"primary\">Save changes</Button>;\n * }\n * ```\n *\n * @example Async loading state\n * ```tsx\n * import { Button } from '@customafk/lunas-ui/ui/button';\n *\n * export function SubmitButton({ isPending }: { isPending: boolean }) {\n *   return (\n *     <Button type=\"submit\" isLoading={isPending}>\n *       Submit\n *     </Button>\n *   );\n * }\n * ```\n *\n * @example Destructive outline button\n * ```tsx\n * import { Button } from '@customafk/lunas-ui/ui/button';\n *\n * export function DeleteButton({ onDelete }: { onDelete: () => void }) {\n *   return (\n *     <Button variant=\"outline\" color=\"danger\" onClick={onDelete}>\n *       Delete account\n *     </Button>\n *   );\n * }\n * ```\n *\n * @example Polymorphic — render as Next.js Link\n * ```tsx\n * import { Button } from '@customafk/lunas-ui/ui/button';\n * import Link from 'next/link';\n *\n * export function NavLink() {\n *   return (\n *     <Button asChild variant=\"ghost\" size=\"sm\">\n *       <Link href=\"/settings\">Settings</Link>\n *     </Button>\n *   );\n * }\n * ```\n */\nfunction Button({\n  className,\n  variant,\n  size = 'default',\n  color,\n  asChild = false,\n  isLoading = false,\n  children,\n  disabled,\n  type = 'button',\n  innerClassName,\n  ...props\n}: ButtonProps) {\n  const Comp = asChild ? Slot : 'button';\n  const isDisabled = disabled || isLoading;\n\n  return (\n    <Comp\n      {...(!asChild ? { type, disabled: isDisabled } : undefined)}\n      data-slot=\"button\"\n      data-state={isLoading ? 'loading' : undefined}\n      aria-disabled={isDisabled ? true : undefined}\n      aria-busy={isLoading ? true : undefined}\n      className={cn(\n        buttonVariants({\n          variant,\n          size,\n          color,\n          className,\n        })\n      )}\n      {...props}\n    >\n      {isLoading && (\n        <div className={buttonLoadingVariant({ variant, color })}>\n          <Loader2Icon size={16} className=\"animate-spin\" />\n          <span className=\"sr-only\">Loading</span>\n        </div>\n      )}\n      {asChild ? (\n        <Slottable>{children}</Slottable>\n      ) : (\n        <div className={cn('inline-flex items-center justify-center gap-x-1', isLoading && 'invisible pointer-events-none', innerClassName)}>{children}</div>\n      )}\n    </Comp>\n  );\n}\n\nexport { Button };\n"],"mappings":"+PA0JA,SAAS,EAAO,CACd,YACA,UACA,OAAO,UACP,QACA,UAAU,GACV,YAAY,GACZ,WACA,WACA,OAAO,SACP,iBACA,GAAG,GACW,CACd,IAAM,EAAO,EAAU,EAAO,SACxB,EAAa,GAAY,EAE/B,OACE,EAAC,EAAD,CACE,GAAM,EAA2C,IAAA,GAAjC,CAAE,OAAM,SAAU,CAAW,EAC7C,YAAU,SACV,aAAY,EAAY,UAAY,IAAA,GACpC,gBAAe,EAAa,GAAO,IAAA,GACnC,YAAW,EAAY,GAAO,IAAA,GAC9B,UAAW,EACT,EAAe,CACb,UACA,OACA,QACA,WACF,CAAC,CACH,EACA,GAAI,EAdN,SAAA,CAgBG,GACC,EAAC,MAAD,CAAK,UAAW,EAAqB,CAAE,UAAS,OAAM,CAAC,EAAvD,SAAA,CACE,EAAC,EAAD,CAAa,KAAM,GAAI,UAAU,cAAgB,CAAA,EACjD,EAAC,OAAD,CAAM,UAAU,UAAU,SAAA,SAAa,CAAA,CACpC,CAEN,CAAA,EAAA,EACC,EAAC,EAAD,CAAY,UAAoB,CAAA,EAEhC,EAAC,MAAD,CAAK,UAAW,EAAG,kDAAmD,GAAa,gCAAiC,CAAc,EAAI,UAAc,CAAA,CAElJ,GAEV"}

package/dist/ui/buttons/add-new.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"add-new.cjs","names":["Button","PlusIcon","Paragraph"],"sources":["../../../packages/components/ui/buttons/add-new.tsx"],"sourcesContent":["import { PlusIcon } from 'lucide-react';\n\nimport { Paragraph } from '@/components/typography/paragraph';\n\nimport { Button } from '../button';\n\ntype Props = {\n  /** Callback invoked when the button is clicked. Defaults to a no-op. */\n  onClick?: () => void;\n};\n\n/**\n * A toolbar button that triggers a \"create new\" action, displaying a plus icon alongside a \"Create\" label that is hidden on small screens.\n *\n * @example\n * import { AddNewBtn } from '@customafk/lunas-ui/ui/buttons/add-new';\n *\n * <AddNewBtn onClick={() => setOpen(true)} />\n */\nexport const AddNewBtn: React.FC<React.PropsWithChildren<Props>> = ({ onClick = () => {} }) => {\n  return (\n    <Button\n      aria-label=\"Tạo mới\"\n      variant=\"outline\"\n      color=\"muted\"\n      className=\"outline-border-weak max-sm:aspect-square max-sm:size-9 max-sm:p-0\"\n      onClick={onClick}\n    >\n      <PlusIcon className=\"opacity-60 sm:-ms-1\" size={16} aria-hidden=\"true\" />\n      <Paragraph variant=\"sm\" className=\"max-sm:sr-only\">\n        Create\n      </Paragraph>\n    </Button>\n  );\n};\n"],"mappings":"6MAmBA,MAAa,GAAuD,CAAE,cAAgB,CAAC,MAEnF,EAAA,EAAA,KAAA,CAACA,EAAAA,OAAD,CACE,aAAW,UACX,QAAQ,UACR,MAAM,QACN,UAAU,oEACD,mBALX,EAOE,EAAA,EAAA,IAAA,CAACC,EAAAA,SAAD,CAAU,UAAU,sBAAsB,KAAM,GAAI,cAAY,MAAQ,CAAA,GACxE,EAAA,EAAA,IAAA,CAACC,EAAAA,UAAD,CAAW,QAAQ,KAAK,UAAU,0BAAiB,QAExC,CAAA,CACL"}
+{"version":3,"file":"add-new.cjs","names":["Button","PlusIcon","Paragraph"],"sources":["../../../packages/components/ui/buttons/add-new.tsx"],"sourcesContent":["import { PlusIcon } from 'lucide-react';\n\nimport { Paragraph } from '@/components/typography/paragraph';\n\nimport { Button } from '../button';\n\ntype Props = {\n  /** Callback invoked when the button is clicked. Defaults to a no-op. */\n  onClick?: () => void;\n};\n\n/**\n * A toolbar button that triggers a \"create new\" action, displaying a plus icon alongside a \"Create\" label that is hidden on small screens.\n *\n * @example\n * import { AddNewBtn } from '@customafk/lunas-ui/ui/buttons/add-new';\n *\n * <AddNewBtn onClick={() => setOpen(true)} />\n */\nexport const AddNewBtn: React.FC<React.PropsWithChildren<Props>> = ({ onClick = () => {} }) => {\n  return (\n    <Button\n      aria-label=\"Tạo mới\"\n      variant=\"outline\"\n      color=\"muted\"\n      className=\"outline-border-weak max-sm:aspect-square max-sm:size-9 max-sm:p-0\"\n      onClick={onClick}\n    >\n      <PlusIcon className=\"opacity-60 sm:-ms-1\" size={16} aria-hidden=\"true\" />\n      <Paragraph variant=\"sm\" className=\"max-sm:sr-only\">\n        Create\n      </Paragraph>\n    </Button>\n  );\n};\n"],"mappings":"6MAmBA,MAAa,GAAuD,CAAE,cAAgB,CAAC,MAEnF,EAAA,EAAA,KAAA,CAACA,EAAAA,OAAD,CACE,aAAW,UACX,QAAQ,UACR,MAAM,QACN,UAAU,oEACD,UALX,SAAA,EAOE,EAAA,EAAA,IAAA,CAACC,EAAAA,SAAD,CAAU,UAAU,sBAAsB,KAAM,GAAI,cAAY,MAAQ,CAAA,GACxE,EAAA,EAAA,IAAA,CAACC,EAAAA,UAAD,CAAW,QAAQ,KAAK,UAAU,iBAAiB,SAAA,QAExC,CAAA,CACL"}

package/dist/ui/buttons/add-new.d.cts

@@ -1,2 +1,2 @@
-import { t as AddNewBtn } from "../../add-new-DkBwXh0Q.cjs";
+import { t as AddNewBtn } from "../../add-new-CHYPSC1G.cjs";
 export { AddNewBtn };

package/dist/ui/buttons/add-new.d.mts

@@ -1,2 +1,2 @@
-import { t as AddNewBtn } from "../../add-new-DkBwXh0Q.mjs";
+import { t as AddNewBtn } from "../../add-new-CHYPSC1G.mjs";
 export { AddNewBtn };

package/dist/ui/buttons/add-new.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"add-new.mjs","names":[],"sources":["../../../packages/components/ui/buttons/add-new.tsx"],"sourcesContent":["import { PlusIcon } from 'lucide-react';\n\nimport { Paragraph } from '@/components/typography/paragraph';\n\nimport { Button } from '../button';\n\ntype Props = {\n  /** Callback invoked when the button is clicked. Defaults to a no-op. */\n  onClick?: () => void;\n};\n\n/**\n * A toolbar button that triggers a \"create new\" action, displaying a plus icon alongside a \"Create\" label that is hidden on small screens.\n *\n * @example\n * import { AddNewBtn } from '@customafk/lunas-ui/ui/buttons/add-new';\n *\n * <AddNewBtn onClick={() => setOpen(true)} />\n */\nexport const AddNewBtn: React.FC<React.PropsWithChildren<Props>> = ({ onClick = () => {} }) => {\n  return (\n    <Button\n      aria-label=\"Tạo mới\"\n      variant=\"outline\"\n      color=\"muted\"\n      className=\"outline-border-weak max-sm:aspect-square max-sm:size-9 max-sm:p-0\"\n      onClick={onClick}\n    >\n      <PlusIcon className=\"opacity-60 sm:-ms-1\" size={16} aria-hidden=\"true\" />\n      <Paragraph variant=\"sm\" className=\"max-sm:sr-only\">\n        Create\n      </Paragraph>\n    </Button>\n  );\n};\n"],"mappings":"4LAmBA,MAAa,GAAuD,CAAE,cAAgB,CAAC,KAEnF,EAAC,EAAD,CACE,aAAW,UACX,QAAQ,UACR,MAAM,QACN,UAAU,oEACD,mBALX,CAOE,EAAC,EAAD,CAAU,UAAU,sBAAsB,KAAM,GAAI,cAAY,MAAQ,CAAA,EACxE,EAAC,EAAD,CAAW,QAAQ,KAAK,UAAU,0BAAiB,QAExC,CAAA,CACL"}
+{"version":3,"file":"add-new.mjs","names":[],"sources":["../../../packages/components/ui/buttons/add-new.tsx"],"sourcesContent":["import { PlusIcon } from 'lucide-react';\n\nimport { Paragraph } from '@/components/typography/paragraph';\n\nimport { Button } from '../button';\n\ntype Props = {\n  /** Callback invoked when the button is clicked. Defaults to a no-op. */\n  onClick?: () => void;\n};\n\n/**\n * A toolbar button that triggers a \"create new\" action, displaying a plus icon alongside a \"Create\" label that is hidden on small screens.\n *\n * @example\n * import { AddNewBtn } from '@customafk/lunas-ui/ui/buttons/add-new';\n *\n * <AddNewBtn onClick={() => setOpen(true)} />\n */\nexport const AddNewBtn: React.FC<React.PropsWithChildren<Props>> = ({ onClick = () => {} }) => {\n  return (\n    <Button\n      aria-label=\"Tạo mới\"\n      variant=\"outline\"\n      color=\"muted\"\n      className=\"outline-border-weak max-sm:aspect-square max-sm:size-9 max-sm:p-0\"\n      onClick={onClick}\n    >\n      <PlusIcon className=\"opacity-60 sm:-ms-1\" size={16} aria-hidden=\"true\" />\n      <Paragraph variant=\"sm\" className=\"max-sm:sr-only\">\n        Create\n      </Paragraph>\n    </Button>\n  );\n};\n"],"mappings":"4LAmBA,MAAa,GAAuD,CAAE,cAAgB,CAAC,KAEnF,EAAC,EAAD,CACE,aAAW,UACX,QAAQ,UACR,MAAM,QACN,UAAU,oEACD,UALX,SAAA,CAOE,EAAC,EAAD,CAAU,UAAU,sBAAsB,KAAM,GAAI,cAAY,MAAQ,CAAA,EACxE,EAAC,EAAD,CAAW,QAAQ,KAAK,UAAU,iBAAiB,SAAA,QAExC,CAAA,CACL"}

package/dist/ui/buttons/edit.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"edit.cjs","names":["Button","Edit2Icon"],"sources":["../../../packages/components/ui/buttons/edit.tsx"],"sourcesContent":["import { Edit2Icon } from 'lucide-react';\n\nimport { Button } from '../button';\n\ntype Props = {\n  /** Callback invoked when the button is clicked. */\n  onClick?: React.MouseEventHandler<HTMLButtonElement>;\n};\n\n/**\n * An icon-only ghost button that triggers an edit action, rendered with a pencil icon.\n *\n * @example\n * import { EditBtn } from '@customafk/lunas-ui/ui/buttons/edit';\n *\n * <EditBtn onClick={() => openEditDialog(record.id)} />\n */\nexport const EditBtn: React.FC<Props> = ({ onClick }) => {\n  return (\n    <Button aria-label=\"Chỉnh sửa\" variant=\"ghost\" color=\"secondary\" size=\"icon\" className=\"max-sm:aspect-square max-sm:p-0\" onClick={onClick}>\n      <Edit2Icon size={16} className=\"opacity-60\" />\n    </Button>\n  );\n};\n"],"mappings":"iKAiBA,MAAa,GAA4B,CAAE,cAEvC,EAAA,EAAA,IAAA,CAACA,EAAAA,OAAD,CAAQ,aAAW,YAAY,QAAQ,QAAQ,MAAM,YAAY,KAAK,OAAO,UAAU,kCAA2C,oBAChI,EAAA,EAAA,IAAA,CAACC,EAAAA,UAAD,CAAW,KAAM,GAAI,UAAU,YAAc,CAAA,CACvC,CAAA"}
+{"version":3,"file":"edit.cjs","names":["Button","Edit2Icon"],"sources":["../../../packages/components/ui/buttons/edit.tsx"],"sourcesContent":["import { Edit2Icon } from 'lucide-react';\n\nimport { Button } from '../button';\n\ntype Props = {\n  /** Callback invoked when the button is clicked. */\n  onClick?: React.MouseEventHandler<HTMLButtonElement>;\n};\n\n/**\n * An icon-only ghost button that triggers an edit action, rendered with a pencil icon.\n *\n * @example\n * import { EditBtn } from '@customafk/lunas-ui/ui/buttons/edit';\n *\n * <EditBtn onClick={() => openEditDialog(record.id)} />\n */\nexport const EditBtn: React.FC<Props> = ({ onClick }) => {\n  return (\n    <Button aria-label=\"Chỉnh sửa\" variant=\"ghost\" color=\"secondary\" size=\"icon\" className=\"max-sm:aspect-square max-sm:p-0\" onClick={onClick}>\n      <Edit2Icon size={16} className=\"opacity-60\" />\n    </Button>\n  );\n};\n"],"mappings":"iKAiBA,MAAa,GAA4B,CAAE,cAEvC,EAAA,EAAA,IAAA,CAACA,EAAAA,OAAD,CAAQ,aAAW,YAAY,QAAQ,QAAQ,MAAM,YAAY,KAAK,OAAO,UAAU,kCAA2C,UAChI,UAAA,EAAA,EAAA,IAAA,CAACC,EAAAA,UAAD,CAAW,KAAM,GAAI,UAAU,YAAc,CAAA,CACvC,CAAA"}

package/dist/ui/buttons/edit.d.cts

@@ -1,2 +1,2 @@
-import { t as EditBtn } from "../../edit-qfS5kOtM.cjs";
+import { t as EditBtn } from "../../edit-C8JDClC3.cjs";
 export { EditBtn };

package/dist/ui/buttons/edit.d.mts

@@ -1,2 +1,2 @@
-import { t as EditBtn } from "../../edit-qfS5kOtM.mjs";
+import { t as EditBtn } from "../../edit-C8JDClC3.mjs";
 export { EditBtn };

package/dist/ui/buttons/edit.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"edit.mjs","names":[],"sources":["../../../packages/components/ui/buttons/edit.tsx"],"sourcesContent":["import { Edit2Icon } from 'lucide-react';\n\nimport { Button } from '../button';\n\ntype Props = {\n  /** Callback invoked when the button is clicked. */\n  onClick?: React.MouseEventHandler<HTMLButtonElement>;\n};\n\n/**\n * An icon-only ghost button that triggers an edit action, rendered with a pencil icon.\n *\n * @example\n * import { EditBtn } from '@customafk/lunas-ui/ui/buttons/edit';\n *\n * <EditBtn onClick={() => openEditDialog(record.id)} />\n */\nexport const EditBtn: React.FC<Props> = ({ onClick }) => {\n  return (\n    <Button aria-label=\"Chỉnh sửa\" variant=\"ghost\" color=\"secondary\" size=\"icon\" className=\"max-sm:aspect-square max-sm:p-0\" onClick={onClick}>\n      <Edit2Icon size={16} className=\"opacity-60\" />\n    </Button>\n  );\n};\n"],"mappings":"wHAiBA,MAAa,GAA4B,CAAE,aAEvC,EAAC,EAAD,CAAQ,aAAW,YAAY,QAAQ,QAAQ,MAAM,YAAY,KAAK,OAAO,UAAU,kCAA2C,mBAChI,EAAC,EAAD,CAAW,KAAM,GAAI,UAAU,YAAc,CAAA,CACvC,CAAA"}
+{"version":3,"file":"edit.mjs","names":[],"sources":["../../../packages/components/ui/buttons/edit.tsx"],"sourcesContent":["import { Edit2Icon } from 'lucide-react';\n\nimport { Button } from '../button';\n\ntype Props = {\n  /** Callback invoked when the button is clicked. */\n  onClick?: React.MouseEventHandler<HTMLButtonElement>;\n};\n\n/**\n * An icon-only ghost button that triggers an edit action, rendered with a pencil icon.\n *\n * @example\n * import { EditBtn } from '@customafk/lunas-ui/ui/buttons/edit';\n *\n * <EditBtn onClick={() => openEditDialog(record.id)} />\n */\nexport const EditBtn: React.FC<Props> = ({ onClick }) => {\n  return (\n    <Button aria-label=\"Chỉnh sửa\" variant=\"ghost\" color=\"secondary\" size=\"icon\" className=\"max-sm:aspect-square max-sm:p-0\" onClick={onClick}>\n      <Edit2Icon size={16} className=\"opacity-60\" />\n    </Button>\n  );\n};\n"],"mappings":"wHAiBA,MAAa,GAA4B,CAAE,aAEvC,EAAC,EAAD,CAAQ,aAAW,YAAY,QAAQ,QAAQ,MAAM,YAAY,KAAK,OAAO,UAAU,kCAA2C,UAChI,SAAA,EAAC,EAAD,CAAW,KAAM,GAAI,UAAU,YAAc,CAAA,CACvC,CAAA"}

package/dist/ui/buttons/refresh.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"refresh.cjs","names":["Button","RefreshCwIcon","Paragraph"],"sources":["../../../packages/components/ui/buttons/refresh.tsx"],"sourcesContent":["import { RefreshCwIcon } from 'lucide-react';\n\nimport { Paragraph } from '@/components/typography/paragraph';\n\nimport { Button } from '../button';\n\ntype Props = {\n  /** Callback invoked when the button is clicked. Defaults to a no-op. */\n  onClick?: () => void;\n};\n\n/**\n * A toolbar button that triggers a refresh/reset action, displaying a rotating arrows icon alongside a \"Reset\" label that is hidden on small screens.\n *\n * @example\n * import { RefreshBtn } from '@customafk/lunas-ui/ui/buttons/refresh';\n *\n * <RefreshBtn onClick={() => resetFilters()} />\n */\nexport const RefreshBtn: React.FC<React.PropsWithChildren<Props>> = ({ onClick = () => {} }) => {\n  return (\n    <Button\n      aria-label=\"Tạo mới\"\n      variant=\"outline\"\n      color=\"muted\"\n      className=\"outline-border-weak max-sm:aspect-square max-sm:size-9 max-sm:p-0\"\n      onClick={onClick}\n    >\n      <RefreshCwIcon className=\"opacity-60 sm:-ms-1\" size={16} aria-hidden=\"true\" />\n      <Paragraph variant=\"sm\" className=\"max-sm:sr-only\">\n        Reset\n      </Paragraph>\n    </Button>\n  );\n};\n"],"mappings":"6MAmBA,MAAa,GAAwD,CAAE,cAAgB,CAAC,MAEpF,EAAA,EAAA,KAAA,CAACA,EAAAA,OAAD,CACE,aAAW,UACX,QAAQ,UACR,MAAM,QACN,UAAU,oEACD,mBALX,EAOE,EAAA,EAAA,IAAA,CAACC,EAAAA,cAAD,CAAe,UAAU,sBAAsB,KAAM,GAAI,cAAY,MAAQ,CAAA,GAC7E,EAAA,EAAA,IAAA,CAACC,EAAAA,UAAD,CAAW,QAAQ,KAAK,UAAU,0BAAiB,OAExC,CAAA,CACL"}
+{"version":3,"file":"refresh.cjs","names":["Button","RefreshCwIcon","Paragraph"],"sources":["../../../packages/components/ui/buttons/refresh.tsx"],"sourcesContent":["import { RefreshCwIcon } from 'lucide-react';\n\nimport { Paragraph } from '@/components/typography/paragraph';\n\nimport { Button } from '../button';\n\ntype Props = {\n  /** Callback invoked when the button is clicked. Defaults to a no-op. */\n  onClick?: () => void;\n};\n\n/**\n * A toolbar button that triggers a refresh/reset action, displaying a rotating arrows icon alongside a \"Reset\" label that is hidden on small screens.\n *\n * @example\n * import { RefreshBtn } from '@customafk/lunas-ui/ui/buttons/refresh';\n *\n * <RefreshBtn onClick={() => resetFilters()} />\n */\nexport const RefreshBtn: React.FC<React.PropsWithChildren<Props>> = ({ onClick = () => {} }) => {\n  return (\n    <Button\n      aria-label=\"Tạo mới\"\n      variant=\"outline\"\n      color=\"muted\"\n      className=\"outline-border-weak max-sm:aspect-square max-sm:size-9 max-sm:p-0\"\n      onClick={onClick}\n    >\n      <RefreshCwIcon className=\"opacity-60 sm:-ms-1\" size={16} aria-hidden=\"true\" />\n      <Paragraph variant=\"sm\" className=\"max-sm:sr-only\">\n        Reset\n      </Paragraph>\n    </Button>\n  );\n};\n"],"mappings":"6MAmBA,MAAa,GAAwD,CAAE,cAAgB,CAAC,MAEpF,EAAA,EAAA,KAAA,CAACA,EAAAA,OAAD,CACE,aAAW,UACX,QAAQ,UACR,MAAM,QACN,UAAU,oEACD,UALX,SAAA,EAOE,EAAA,EAAA,IAAA,CAACC,EAAAA,cAAD,CAAe,UAAU,sBAAsB,KAAM,GAAI,cAAY,MAAQ,CAAA,GAC7E,EAAA,EAAA,IAAA,CAACC,EAAAA,UAAD,CAAW,QAAQ,KAAK,UAAU,iBAAiB,SAAA,OAExC,CAAA,CACL"}

package/dist/ui/buttons/refresh.d.cts

@@ -1,2 +1,2 @@
-import { t as RefreshBtn } from "../../refresh-BiyrZAXL.cjs";
+import { t as RefreshBtn } from "../../refresh-CWvkHT0L.cjs";
 export { RefreshBtn };

package/dist/ui/buttons/refresh.d.mts

@@ -1,2 +1,2 @@
-import { t as RefreshBtn } from "../../refresh-BiyrZAXL.mjs";
+import { t as RefreshBtn } from "../../refresh-CWvkHT0L.mjs";
 export { RefreshBtn };

package/dist/ui/buttons/refresh.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"refresh.mjs","names":[],"sources":["../../../packages/components/ui/buttons/refresh.tsx"],"sourcesContent":["import { RefreshCwIcon } from 'lucide-react';\n\nimport { Paragraph } from '@/components/typography/paragraph';\n\nimport { Button } from '../button';\n\ntype Props = {\n  /** Callback invoked when the button is clicked. Defaults to a no-op. */\n  onClick?: () => void;\n};\n\n/**\n * A toolbar button that triggers a refresh/reset action, displaying a rotating arrows icon alongside a \"Reset\" label that is hidden on small screens.\n *\n * @example\n * import { RefreshBtn } from '@customafk/lunas-ui/ui/buttons/refresh';\n *\n * <RefreshBtn onClick={() => resetFilters()} />\n */\nexport const RefreshBtn: React.FC<React.PropsWithChildren<Props>> = ({ onClick = () => {} }) => {\n  return (\n    <Button\n      aria-label=\"Tạo mới\"\n      variant=\"outline\"\n      color=\"muted\"\n      className=\"outline-border-weak max-sm:aspect-square max-sm:size-9 max-sm:p-0\"\n      onClick={onClick}\n    >\n      <RefreshCwIcon className=\"opacity-60 sm:-ms-1\" size={16} aria-hidden=\"true\" />\n      <Paragraph variant=\"sm\" className=\"max-sm:sr-only\">\n        Reset\n      </Paragraph>\n    </Button>\n  );\n};\n"],"mappings":"iMAmBA,MAAa,GAAwD,CAAE,cAAgB,CAAC,KAEpF,EAAC,EAAD,CACE,aAAW,UACX,QAAQ,UACR,MAAM,QACN,UAAU,oEACD,mBALX,CAOE,EAAC,EAAD,CAAe,UAAU,sBAAsB,KAAM,GAAI,cAAY,MAAQ,CAAA,EAC7E,EAAC,EAAD,CAAW,QAAQ,KAAK,UAAU,0BAAiB,OAExC,CAAA,CACL"}
+{"version":3,"file":"refresh.mjs","names":[],"sources":["../../../packages/components/ui/buttons/refresh.tsx"],"sourcesContent":["import { RefreshCwIcon } from 'lucide-react';\n\nimport { Paragraph } from '@/components/typography/paragraph';\n\nimport { Button } from '../button';\n\ntype Props = {\n  /** Callback invoked when the button is clicked. Defaults to a no-op. */\n  onClick?: () => void;\n};\n\n/**\n * A toolbar button that triggers a refresh/reset action, displaying a rotating arrows icon alongside a \"Reset\" label that is hidden on small screens.\n *\n * @example\n * import { RefreshBtn } from '@customafk/lunas-ui/ui/buttons/refresh';\n *\n * <RefreshBtn onClick={() => resetFilters()} />\n */\nexport const RefreshBtn: React.FC<React.PropsWithChildren<Props>> = ({ onClick = () => {} }) => {\n  return (\n    <Button\n      aria-label=\"Tạo mới\"\n      variant=\"outline\"\n      color=\"muted\"\n      className=\"outline-border-weak max-sm:aspect-square max-sm:size-9 max-sm:p-0\"\n      onClick={onClick}\n    >\n      <RefreshCwIcon className=\"opacity-60 sm:-ms-1\" size={16} aria-hidden=\"true\" />\n      <Paragraph variant=\"sm\" className=\"max-sm:sr-only\">\n        Reset\n      </Paragraph>\n    </Button>\n  );\n};\n"],"mappings":"iMAmBA,MAAa,GAAwD,CAAE,cAAgB,CAAC,KAEpF,EAAC,EAAD,CACE,aAAW,UACX,QAAQ,UACR,MAAM,QACN,UAAU,oEACD,UALX,SAAA,CAOE,EAAC,EAAD,CAAe,UAAU,sBAAsB,KAAM,GAAI,cAAY,MAAQ,CAAA,EAC7E,EAAC,EAAD,CAAW,QAAQ,KAAK,UAAU,iBAAiB,SAAA,OAExC,CAAA,CACL"}

package/dist/ui/buttons/trash.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"trash.cjs","names":["Button","Trash2Icon"],"sources":["../../../packages/components/ui/buttons/trash.tsx"],"sourcesContent":["import { Trash2Icon } from 'lucide-react';\n\nimport { Button } from '../button';\n\ntype Props = {\n  /** Callback invoked when the button is clicked. */\n  onClick?: () => void;\n};\n\n/**\n * An icon-only ghost button that triggers a delete action, rendered with a trash-can icon.\n *\n * @example\n * import { TrashBtn } from '@customafk/lunas-ui/ui/buttons/trash';\n *\n * <TrashBtn onClick={() => deleteRecord(record.id)} />\n */\nexport const TrashBtn: React.FC<Props> = ({ onClick }) => {\n  return (\n    <Button aria-label=\"Xoá\" variant=\"ghost\" size=\"icon\" color=\"secondary\" className=\"max-sm:aspect-square max-sm:p-0\" onClick={onClick}>\n      <Trash2Icon size={16} className=\"opacity-60\" aria-hidden=\"true\" />\n    </Button>\n  );\n};\n"],"mappings":"iKAiBA,MAAa,GAA6B,CAAE,cAExC,EAAA,EAAA,IAAA,CAACA,EAAAA,OAAD,CAAQ,aAAW,MAAM,QAAQ,QAAQ,KAAK,OAAO,MAAM,YAAY,UAAU,kCAA2C,oBAC1H,EAAA,EAAA,IAAA,CAACC,EAAAA,WAAD,CAAY,KAAM,GAAI,UAAU,aAAa,cAAY,MAAQ,CAAA,CAC3D,CAAA"}
+{"version":3,"file":"trash.cjs","names":["Button","Trash2Icon"],"sources":["../../../packages/components/ui/buttons/trash.tsx"],"sourcesContent":["import { Trash2Icon } from 'lucide-react';\n\nimport { Button } from '../button';\n\ntype Props = {\n  /** Callback invoked when the button is clicked. */\n  onClick?: () => void;\n};\n\n/**\n * An icon-only ghost button that triggers a delete action, rendered with a trash-can icon.\n *\n * @example\n * import { TrashBtn } from '@customafk/lunas-ui/ui/buttons/trash';\n *\n * <TrashBtn onClick={() => deleteRecord(record.id)} />\n */\nexport const TrashBtn: React.FC<Props> = ({ onClick }) => {\n  return (\n    <Button aria-label=\"Xoá\" variant=\"ghost\" size=\"icon\" color=\"secondary\" className=\"max-sm:aspect-square max-sm:p-0\" onClick={onClick}>\n      <Trash2Icon size={16} className=\"opacity-60\" aria-hidden=\"true\" />\n    </Button>\n  );\n};\n"],"mappings":"iKAiBA,MAAa,GAA6B,CAAE,cAExC,EAAA,EAAA,IAAA,CAACA,EAAAA,OAAD,CAAQ,aAAW,MAAM,QAAQ,QAAQ,KAAK,OAAO,MAAM,YAAY,UAAU,kCAA2C,UAC1H,UAAA,EAAA,EAAA,IAAA,CAACC,EAAAA,WAAD,CAAY,KAAM,GAAI,UAAU,aAAa,cAAY,MAAQ,CAAA,CAC3D,CAAA"}

package/dist/ui/buttons/trash.d.cts

@@ -1,2 +1,2 @@
-import { t as TrashBtn } from "../../trash-BfWSqlL4.cjs";
+import { t as TrashBtn } from "../../trash-DBDuSVzW.cjs";
 export { TrashBtn };

package/dist/ui/buttons/trash.d.mts

@@ -1,2 +1,2 @@
-import { t as TrashBtn } from "../../trash-BfWSqlL4.mjs";
+import { t as TrashBtn } from "../../trash-DBDuSVzW.mjs";
 export { TrashBtn };

package/dist/ui/buttons/trash.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"trash.mjs","names":[],"sources":["../../../packages/components/ui/buttons/trash.tsx"],"sourcesContent":["import { Trash2Icon } from 'lucide-react';\n\nimport { Button } from '../button';\n\ntype Props = {\n  /** Callback invoked when the button is clicked. */\n  onClick?: () => void;\n};\n\n/**\n * An icon-only ghost button that triggers a delete action, rendered with a trash-can icon.\n *\n * @example\n * import { TrashBtn } from '@customafk/lunas-ui/ui/buttons/trash';\n *\n * <TrashBtn onClick={() => deleteRecord(record.id)} />\n */\nexport const TrashBtn: React.FC<Props> = ({ onClick }) => {\n  return (\n    <Button aria-label=\"Xoá\" variant=\"ghost\" size=\"icon\" color=\"secondary\" className=\"max-sm:aspect-square max-sm:p-0\" onClick={onClick}>\n      <Trash2Icon size={16} className=\"opacity-60\" aria-hidden=\"true\" />\n    </Button>\n  );\n};\n"],"mappings":"yHAiBA,MAAa,GAA6B,CAAE,aAExC,EAAC,EAAD,CAAQ,aAAW,MAAM,QAAQ,QAAQ,KAAK,OAAO,MAAM,YAAY,UAAU,kCAA2C,mBAC1H,EAAC,EAAD,CAAY,KAAM,GAAI,UAAU,aAAa,cAAY,MAAQ,CAAA,CAC3D,CAAA"}
+{"version":3,"file":"trash.mjs","names":[],"sources":["../../../packages/components/ui/buttons/trash.tsx"],"sourcesContent":["import { Trash2Icon } from 'lucide-react';\n\nimport { Button } from '../button';\n\ntype Props = {\n  /** Callback invoked when the button is clicked. */\n  onClick?: () => void;\n};\n\n/**\n * An icon-only ghost button that triggers a delete action, rendered with a trash-can icon.\n *\n * @example\n * import { TrashBtn } from '@customafk/lunas-ui/ui/buttons/trash';\n *\n * <TrashBtn onClick={() => deleteRecord(record.id)} />\n */\nexport const TrashBtn: React.FC<Props> = ({ onClick }) => {\n  return (\n    <Button aria-label=\"Xoá\" variant=\"ghost\" size=\"icon\" color=\"secondary\" className=\"max-sm:aspect-square max-sm:p-0\" onClick={onClick}>\n      <Trash2Icon size={16} className=\"opacity-60\" aria-hidden=\"true\" />\n    </Button>\n  );\n};\n"],"mappings":"yHAiBA,MAAa,GAA6B,CAAE,aAExC,EAAC,EAAD,CAAQ,aAAW,MAAM,QAAQ,QAAQ,KAAK,OAAO,MAAM,YAAY,UAAU,kCAA2C,UAC1H,SAAA,EAAC,EAAD,CAAY,KAAM,GAAI,UAAU,aAAa,cAAY,MAAQ,CAAA,CAC3D,CAAA"}

package/dist/ui/buttons/upload-image.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"upload-image.cjs","names":["Button","UploadIcon"],"sources":["../../../packages/components/ui/buttons/upload-image.tsx"],"sourcesContent":["import type { PropsWithChildren } from 'react';\n\nimport { UploadIcon } from 'lucide-react';\n\nimport { Button } from '../button';\n\ntype Props = {\n  /**\n   * Numeric pixel value applied to both the `width` and `height` of the button via inline styles.\n   * @default '5rem'\n   */\n  size?: number;\n  /** Callback invoked when the button is clicked. */\n  onClick?: () => void;\n};\n\n/**\n * A square outline button for triggering image upload flows, rendered with an upload icon and a configurable size.\n *\n * @example\n * import { UploadImageBtn } from '@customafk/lunas-ui/ui/buttons/upload-image';\n *\n * <UploadImageBtn size={96} onClick={() => openFilePicker()} />\n */\nexport const UploadImageBtn: React.FC<PropsWithChildren<Props>> = ({ size = '5rem', onClick }) => {\n  return (\n    <Button\n      style={{\n        width: size,\n        height: size,\n      }}\n      variant=\"outline\"\n      color=\"muted\"\n      onClick={onClick}\n    >\n      <UploadIcon className=\"size-6\" />\n    </Button>\n  );\n};\n"],"mappings":"iKAwBA,MAAa,GAAsD,CAAE,OAAO,OAAQ,cAEhF,EAAA,EAAA,IAAA,CAACA,EAAAA,OAAD,CACE,MAAO,CACL,MAAO,EACP,OAAQ,CACV,EACA,QAAQ,UACR,MAAM,QACG,oBAET,EAAA,EAAA,IAAA,CAACC,EAAAA,WAAD,CAAY,UAAU,QAAU,CAAA,CAC1B,CAAA"}
+{"version":3,"file":"upload-image.cjs","names":["Button","UploadIcon"],"sources":["../../../packages/components/ui/buttons/upload-image.tsx"],"sourcesContent":["import type { PropsWithChildren } from 'react';\n\nimport { UploadIcon } from 'lucide-react';\n\nimport { Button } from '../button';\n\ntype Props = {\n  /**\n   * Numeric pixel value applied to both the `width` and `height` of the button via inline styles.\n   * @default '5rem'\n   */\n  size?: number;\n  /** Callback invoked when the button is clicked. */\n  onClick?: () => void;\n};\n\n/**\n * A square outline button for triggering image upload flows, rendered with an upload icon and a configurable size.\n *\n * @example\n * import { UploadImageBtn } from '@customafk/lunas-ui/ui/buttons/upload-image';\n *\n * <UploadImageBtn size={96} onClick={() => openFilePicker()} />\n */\nexport const UploadImageBtn: React.FC<PropsWithChildren<Props>> = ({ size = '5rem', onClick }) => {\n  return (\n    <Button\n      style={{\n        width: size,\n        height: size,\n      }}\n      variant=\"outline\"\n      color=\"muted\"\n      onClick={onClick}\n    >\n      <UploadIcon className=\"size-6\" />\n    </Button>\n  );\n};\n"],"mappings":"iKAwBA,MAAa,GAAsD,CAAE,OAAO,OAAQ,cAEhF,EAAA,EAAA,IAAA,CAACA,EAAAA,OAAD,CACE,MAAO,CACL,MAAO,EACP,OAAQ,CACV,EACA,QAAQ,UACR,MAAM,QACG,UAET,UAAA,EAAA,EAAA,IAAA,CAACC,EAAAA,WAAD,CAAY,UAAU,QAAU,CAAA,CAC1B,CAAA"}

package/dist/ui/buttons/upload-image.d.cts

@@ -1,2 +1,2 @@
-import { t as UploadImageBtn } from "../../upload-image-D4VZU3IA.cjs";
+import { t as UploadImageBtn } from "../../upload-image-DM-tkZuR.cjs";
 export { UploadImageBtn };

package/dist/ui/buttons/upload-image.d.mts

@@ -1,2 +1,2 @@
-import { t as UploadImageBtn } from "../../upload-image-D4VZU3IA.mjs";
+import { t as UploadImageBtn } from "../../upload-image-DM-tkZuR.mjs";
 export { UploadImageBtn };

package/dist/ui/buttons/upload-image.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"upload-image.mjs","names":[],"sources":["../../../packages/components/ui/buttons/upload-image.tsx"],"sourcesContent":["import type { PropsWithChildren } from 'react';\n\nimport { UploadIcon } from 'lucide-react';\n\nimport { Button } from '../button';\n\ntype Props = {\n  /**\n   * Numeric pixel value applied to both the `width` and `height` of the button via inline styles.\n   * @default '5rem'\n   */\n  size?: number;\n  /** Callback invoked when the button is clicked. */\n  onClick?: () => void;\n};\n\n/**\n * A square outline button for triggering image upload flows, rendered with an upload icon and a configurable size.\n *\n * @example\n * import { UploadImageBtn } from '@customafk/lunas-ui/ui/buttons/upload-image';\n *\n * <UploadImageBtn size={96} onClick={() => openFilePicker()} />\n */\nexport const UploadImageBtn: React.FC<PropsWithChildren<Props>> = ({ size = '5rem', onClick }) => {\n  return (\n    <Button\n      style={{\n        width: size,\n        height: size,\n      }}\n      variant=\"outline\"\n      color=\"muted\"\n      onClick={onClick}\n    >\n      <UploadIcon className=\"size-6\" />\n    </Button>\n  );\n};\n"],"mappings":"yHAwBA,MAAa,GAAsD,CAAE,OAAO,OAAQ,aAEhF,EAAC,EAAD,CACE,MAAO,CACL,MAAO,EACP,OAAQ,CACV,EACA,QAAQ,UACR,MAAM,QACG,mBAET,EAAC,EAAD,CAAY,UAAU,QAAU,CAAA,CAC1B,CAAA"}
+{"version":3,"file":"upload-image.mjs","names":[],"sources":["../../../packages/components/ui/buttons/upload-image.tsx"],"sourcesContent":["import type { PropsWithChildren } from 'react';\n\nimport { UploadIcon } from 'lucide-react';\n\nimport { Button } from '../button';\n\ntype Props = {\n  /**\n   * Numeric pixel value applied to both the `width` and `height` of the button via inline styles.\n   * @default '5rem'\n   */\n  size?: number;\n  /** Callback invoked when the button is clicked. */\n  onClick?: () => void;\n};\n\n/**\n * A square outline button for triggering image upload flows, rendered with an upload icon and a configurable size.\n *\n * @example\n * import { UploadImageBtn } from '@customafk/lunas-ui/ui/buttons/upload-image';\n *\n * <UploadImageBtn size={96} onClick={() => openFilePicker()} />\n */\nexport const UploadImageBtn: React.FC<PropsWithChildren<Props>> = ({ size = '5rem', onClick }) => {\n  return (\n    <Button\n      style={{\n        width: size,\n        height: size,\n      }}\n      variant=\"outline\"\n      color=\"muted\"\n      onClick={onClick}\n    >\n      <UploadIcon className=\"size-6\" />\n    </Button>\n  );\n};\n"],"mappings":"yHAwBA,MAAa,GAAsD,CAAE,OAAO,OAAQ,aAEhF,EAAC,EAAD,CACE,MAAO,CACL,MAAO,EACP,OAAQ,CACV,EACA,QAAQ,UACR,MAAM,QACG,UAET,SAAA,EAAC,EAAD,CAAY,UAAU,QAAU,CAAA,CAC1B,CAAA"}

package/dist/ui/calendar.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"calendar.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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"}
+{"version":3,"file":"calendar.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/ui/calendar.d.cts

@@ -1,2 +1,2 @@
-import { n as CalendarDayButton, t as Calendar } from "../calendar-stv2bJv0.cjs";
+import { n as CalendarDayButton, t as Calendar } from "../calendar-iDMPT1kI.cjs";
 export { Calendar, CalendarDayButton };

package/dist/ui/calendar.d.mts

@@ -1,2 +1,2 @@
-import { n as CalendarDayButton, t as Calendar } from "../calendar-DPKt7D3w.mjs";
+import { n as CalendarDayButton, t as Calendar } from "../calendar-BkV5hTX2.mjs";
 export { Calendar, CalendarDayButton };

package/dist/ui/calendar.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"calendar.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":"kZAYA,MAAM,GAAgB,CACpB,UACA,YACA,GAAG,KAII,EAAC,MAAD,CAAK,YAAU,WAAW,IAAK,EAAS,UAAW,EAAG,CAAS,EAAG,GAAI,CAAQ,CAAA,EAGjF,EAAmB,GACnB,EAAM,cAAgB,OACjB,EAAC,EAAD,CAAiB,KAAM,GAAI,UAAW,EAAM,UAAW,GAAI,CAAQ,CAAA,EAGxE,EAAM,cAAgB,QACjB,EAAC,EAAD,CAAkB,KAAM,GAAI,UAAW,EAAM,UAAW,GAAI,CAAQ,CAAA,EAGtE,EAAC,EAAD,CAAiB,KAAM,GAAI,UAAW,EAAM,UAAW,GAAI,CAAQ,CAAA,EAGtE,GAAqB,CAAE,YAAW,MAAK,YAAW,MAAO,EAAG,GAAG,KAAoD,CACvH,IAAM,EAAoB,EAAqB,EAEzC,EAAM,EAA0B,IAAI,EAK1C,OAJA,MAAgB,CACV,EAAU,SAAS,EAAI,SAAS,MAAM,CAC5C,EAAG,CAAC,EAAU,OAAO,CAAC,EAGpB,EAAC,EAAD,CACO,MACL,QAAQ,QACR,MAAM,QACN,WAAU,EAAI,KAAK,mBAAmB,EACtC,uBAAsB,EAAU,UAAY,CAAC,EAAU,aAAe,CAAC,EAAU,WAAa,CAAC,EAAU,aACzG,mBAAkB,EAAU,YAC5B,iBAAgB,EAAU,UAC1B,oBAAmB,EAAU,aAC7B,UAAW,EACT,2FACA,yCACA,yCACA,0CACA,8CACA,2CACA,oDACA,mCACA,kDACA,sDACA,yCACA,qCACA,gCACA,kCACA,wCACA,kCACA,oCACA,uCACA,EAAkB,IAClB,CACF,EACA,GAAI,CACL,CAAA,CAEL,EAEM,GAAsB,CAC1B,WACA,GAAG,KAKD,EAAC,KAAD,CAAI,GAAI,WACN,EAAC,MAAD,CAAK,UAAU,kEAAmE,UAAc,CAAA,CAC9F,CAAA,EAqBR,SAAS,EAAS,CAChB,YACA,aACA,kBAAkB,GAClB,gBAAgB,QAChB,gBAAgB,QAChB,aACA,aACA,GAAG,GAIF,CACD,IAAM,EAAoB,EAAqB,EAE/C,OACE,EAAC,EAAD,CACmB,kBACjB,UAAW,EACT,mCACA,6BACA,6CACA,gDACA,OAAO,GAAG,4CACV,OAAO,GAAG,gDACV,CACF,EACe,gBACf,WAAY,CACV,oBAAqB,GAAQ,EAAK,eAAe,UAAW,CAAE,MAAO,OAAQ,CAAC,EAC9E,GAAG,CACL,EACA,WAAY,CACV,KAAM,EAAG,EAAkB,IAAI,EAC/B,OAAQ,EAAG,2CAA4C,EAAkB,MAAM,EAC/E,MAAO,EAAG,6BAA8B,EAAkB,KAAK,EAC/D,IAAK,EAAG,0EAA2E,EAAkB,GAAG,EACxG,gBAAiB,EACf,EAAe,CAAE,QAAS,UAAW,MAAO,OAAQ,CAAC,EACrD,8DACA,EAAkB,eACpB,EACA,YAAa,EACX,EAAe,CAAE,QAAS,UAAW,MAAO,OAAQ,CAAC,EACrD,8DACA,EAAkB,WACpB,EACA,cAAe,EAAG,2EAA4E,EAAkB,aAAa,EAC7H,UAAW,EAAG,sFAAuF,EAAkB,SAAS,EAChI,cAAe,EACb,wIACA,EAAkB,aACpB,EACA,SAAU,EAAG,6BAA8B,EAAkB,QAAQ,EACrE,cAAe,EACb,0BACA,IAAkB,SAAW,UAC7B,IAAkB,SAAW,2GAC7B,EAAkB,aACpB,EACA,MAAO,yBACP,SAAU,EAAG,OAAQ,EAAkB,QAAQ,EAC/C,QAAS,EAAG,0EAA2E,EAAkB,OAAO,EAChH,KAAM,EAAG,mBAAoB,EAAkB,IAAI,EACnD,mBAAoB,EAAG,8BAA+B,EAAkB,kBAAkB,EAC1F,YAAa,EAAG,+CAAgD,EAAkB,WAAW,EAC7F,IAAK,EACH,sLACA,EAAkB,GACpB,EACA,YAAa,EAAG,2BAA4B,EAAkB,WAAW,EACzE,aAAc,EAAG,eAAgB,EAAkB,YAAY,EAC/D,UAAW,EAAG,2BAA4B,EAAkB,SAAS,EACrE,MAAO,EAAG,8EAA+E,EAAkB,KAAK,EAChH,QAAS,EAAG,sEAAsE,EAClF,SAAU,EAAG,+CAAgD,EAAkB,QAAQ,EACvF,OAAQ,EAAG,YAAa,EAAkB,MAAM,EAChD,GAAG,CACL,EACA,WAAY,CACV,KAAM,EACN,QAAS,EACT,UAAW,EACX,WAAY,EACZ,GAAG,CACL,EACA,GAAI,CACL,CAAA,CAEL"}
+{"version":3,"file":"calendar.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/ui/card.d.cts

@@ -1,2 +1,2 @@
-import { a as CardFooter, i as CardDescription, n as CardAction, o as CardHeader, r as CardContent, s as CardTitle, t as Card } from "../card-DOnx7RKz.cjs";
+import { a as CardFooter, i as CardDescription, n as CardAction, o as CardHeader, r as CardContent, s as CardTitle, t as Card } from "../card-C7jG9mCZ.cjs";
 export { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle };

package/dist/ui/card.d.mts

@@ -1,2 +1,2 @@
-import { a as CardFooter, i as CardDescription, n as CardAction, o as CardHeader, r as CardContent, s as CardTitle, t as Card } from "../card-DOnx7RKz.mjs";
+import { a as CardFooter, i as CardDescription, n as CardAction, o as CardHeader, r as CardContent, s as CardTitle, t as Card } from "../card-C7jG9mCZ.mjs";
 export { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle };

package/dist/ui/carousel.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"carousel.cjs","names":["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":"uUA+BA,MAAM,GAAA,EAAA,EAAA,cAAA,CAA6D,IAAI,EAEvE,SAAS,GAAc,CACrB,IAAM,GAAA,EAAA,EAAA,IAAA,CAAc,CAAe,EAEnC,GAAI,CAAC,EACH,MAAU,MAAM,gDAAgD,EAGlE,OAAO,CACT,CAsBA,SAAS,EAAS,CAAE,cAAc,aAAc,OAAM,SAAQ,UAAS,YAAW,WAAU,GAAG,GAAsD,CACnJ,GAAM,CAAC,EAAa,IAAA,EAAA,EAAA,QAAA,CAClB,CACE,GAAG,EACH,KAAM,IAAgB,aAAe,IAAM,GAC7C,EACA,CACF,EACM,CAAC,EAAe,IAAA,EAAA,EAAA,SAAA,CAA6B,EAAK,EAClD,CAAC,EAAe,IAAA,EAAA,EAAA,SAAA,CAA6B,EAAK,EAElD,GAAA,EAAA,EAAA,YAAA,CAAwB,GAAqB,CAC5C,IACL,EAAiB,EAAI,cAAc,CAAC,EACpC,EAAiB,EAAI,cAAc,CAAC,EACtC,EAAG,CAAC,CAAC,EAEC,GAAA,EAAA,EAAA,YAAA,KAA+B,CACnC,GAAK,WAAW,CAClB,EAAG,CAAC,CAAG,CAAC,EAEF,GAAA,EAAA,EAAA,YAAA,KAA+B,CACnC,GAAK,WAAW,CAClB,EAAG,CAAC,CAAG,CAAC,EAEF,GAAA,EAAA,EAAA,YAAA,CACH,GAA+C,CAC1C,EAAM,MAAQ,aAChB,EAAM,eAAe,EACrB,EAAW,GACF,EAAM,MAAQ,eACvB,EAAM,eAAe,EACrB,EAAW,EAEf,EACA,CAAC,EAAY,CAAU,CACzB,EAkBA,OAhBA,EAAA,EAAA,UAAA,KAAgB,CACV,CAAC,GAAO,CAAC,GACb,EAAO,CAAG,CACZ,EAAG,CAAC,EAAK,CAAM,CAAC,GAEhB,EAAA,EAAA,UAAA,KAAgB,CACT,KAKL,OAJA,EAAS,CAAG,EACZ,EAAI,GAAG,SAAU,CAAQ,EACzB,EAAI,GAAG,SAAU,CAAQ,MAEZ,CACX,GAAK,IAAI,SAAU,CAAQ,CAC7B,CACF,EAAG,CAAC,EAAK,CAAQ,CAAC,GAGhB,EAAA,EAAA,IAAA,CAAC,EAAgB,SAAjB,CACE,MAAO,CACL,cACK,MACL,OACA,YAAa,IAAgB,GAAM,OAAS,IAAM,WAAa,cAC/D,aACA,aACA,gBACA,eACF,YAEA,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,iBAAkB,EAAe,WAAA,EAAA,EAAA,GAAA,CAAc,WAAY,CAAS,EAAG,KAAK,SAAS,uBAAqB,WAAW,YAAU,WAAW,GAAI,EAChJ,UACE,CAAA,CACmB,CAAA,CAE9B,CAGA,SAAS,EAAgB,CAAE,YAAW,GAAG,GAAsC,CAC7E,GAAM,CAAE,cAAa,eAAgB,EAAY,EAEjD,OACE,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,IAAK,EAAa,UAAU,kBAAkB,YAAU,6BAC3D,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,WAAA,EAAA,EAAA,GAAA,CAAc,OAAQ,IAAgB,aAAe,QAAU,iBAAkB,CAAS,EAAG,GAAI,CAAQ,CAAA,CAC3G,CAAA,CAET,CAGA,SAAS,EAAa,CAAE,YAAW,GAAG,GAAsC,CAC1E,GAAM,CAAE,eAAgB,EAAY,EAEpC,OACE,EAAA,EAAA,IAAA,CAAC,MAAD,CACE,KAAK,QACL,uBAAqB,QACrB,YAAU,gBACV,WAAA,EAAA,EAAA,GAAA,CAAc,qCAAsC,IAAgB,aAAe,OAAS,OAAQ,CAAS,EAC7G,GAAI,CACL,CAAA,CAEL,CAGA,SAAS,EAAiB,CAAE,YAAW,UAAU,UAAW,OAAO,OAAQ,GAAG,GAA8C,CAC1H,GAAM,CAAE,cAAa,aAAY,iBAAkB,EAAY,EAE/D,OACE,EAAA,EAAA,KAAA,CAACA,EAAAA,OAAD,CACE,YAAU,oBACD,UACH,OACN,WAAA,EAAA,EAAA,GAAA,CACE,+BACA,IAAgB,aAAe,oCAAsC,8CACrE,CACF,EACA,SAAU,CAAC,EACX,QAAS,EACT,GAAI,WAXN,EAaE,EAAA,EAAA,IAAA,CAACC,EAAAA,UAAD,CAAY,CAAA,GACZ,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAU,mBAAU,gBAAoB,CAAA,CACxC,GAEZ,CAGA,SAAS,EAAa,CAAE,YAAW,UAAU,UAAW,OAAO,OAAQ,GAAG,GAA8C,CACtH,GAAM,CAAE,cAAa,aAAY,iBAAkB,EAAY,EAE/D,OACE,EAAA,EAAA,KAAA,CAACD,EAAAA,OAAD,CACE,YAAU,gBACD,UACH,OACN,WAAA,EAAA,EAAA,GAAA,CACE,+BACA,IAAgB,aAAe,qCAAuC,iDACtE,CACF,EACA,SAAU,CAAC,EACX,QAAS,EACT,GAAI,WAXN,EAaE,EAAA,EAAA,IAAA,CAACE,EAAAA,WAAD,CAAa,CAAA,GACb,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAU,mBAAU,YAAgB,CAAA,CACpC,GAEZ"}
+{"version":3,"file":"carousel.cjs","names":["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/ui/carousel.d.cts

@@ -1,2 +1,2 @@
-import { a as CarouselNext, i as CarouselItem, n as CarouselApi, o as CarouselPrevious, r as CarouselContent, t as Carousel } from "../carousel-c2XuzmYN.cjs";
+import { a as CarouselNext, i as CarouselItem, n as CarouselApi, o as CarouselPrevious, r as CarouselContent, t as Carousel } from "../carousel-bBvM31sh.cjs";
 export { Carousel, type CarouselApi, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious };

package/dist/ui/carousel.d.mts

@@ -1,2 +1,2 @@
-import { a as CarouselNext, i as CarouselItem, n as CarouselApi, o as CarouselPrevious, r as CarouselContent, t as Carousel } from "../carousel-CV3IZ96x.mjs";
+import { a as CarouselNext, i as CarouselItem, n as CarouselApi, o as CarouselPrevious, r as CarouselContent, t as Carousel } from "../carousel-D7VXWJ3S.mjs";
 export { Carousel, type CarouselApi, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious };

package/dist/ui/carousel.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"carousel.mjs","names":[],"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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"}
+{"version":3,"file":"carousel.mjs","names":[],"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/ui/chart.cjs

@@ -1,4 +1,4 @@
 "use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});let e=require("react"),t=require("@customafk/react-toolkit/utils"),n=require("react/jsx-runtime"),r=require("recharts");const i={light:``,dark:`.dark`},a=(0,e.createContext)(null),o=()=>{let t=(0,e.useContext)(a);if(!t)throw Error(`useChart must be used within a <ChartContainer />`);return t},s=({id:i,className:o,children:s,config:c,...l})=>{let d=(0,e.useId)(),f=`chart-${i||d.replace(/:/g,``)}`;return(0,n.jsx)(a.Provider,{value:{config:c},children:(0,n.jsxs)(`div`,{"data-slot":`chart`,"data-chart":f,className:(0,t.cn)(`flex aspect-video justify-center text-xs`,`[&_.recharts-cartesian-axis-tick_text]:fill-muted`,`[&_.recharts-cartesian-grid_line[stroke='#ccc']]:stroke-border/50`,`[&_.recharts-curve.recharts-tooltip-cursor]:stroke-border`,`[&_.recharts-polar-grid_[stroke='#ccc']]:stroke-border`,`[&_.recharts-radial-bar-background-sector]:fill-muted-muted`,`[&_.recharts-rectangle.recharts-tooltip-cursor]:fill-muted-muted`,`[&_.recharts-reference-line_[stroke='#ccc']]:stroke-border`,`[&_.recharts-dot[stroke='#fff']]:stroke-transparent`,`[&_.recharts-layer]:outline-hidden`,`[&_.recharts-sector]:outline-hidden`,`[&_.recharts-sector[stroke='#fff']]:stroke-transparent`,`[&_.recharts-surface]:outline-hidden`,o),...l,children:[(0,n.jsx)(u,{id:f,config:c}),(0,n.jsx)(r.ResponsiveContainer,{children:s})]})})},c=/^[a-zA-Z0-9#(),.%\s/_-]+$/,l=/^[a-zA-Z0-9_-]+$/,u=({id:e,config:t})=>{let r=Object.entries(t).filter(([e,t])=>(t.theme||t.color)&&l.test(e));return r.length?(0,n.jsx)(`style`,{dangerouslySetInnerHTML:{__html:Object.entries(i).map(([t,n])=>`${n} [data-chart=${e}] {\n${r.map(([e,n])=>{let r=n.theme?.[t]||n.color;return!r||!c.test(r)?null:`  --color-${e}: ${r};`}).filter(Boolean).join(`
 `)}\n}`).join(`
-`)}}):null},d=r.Tooltip,f=({active:r,payload:i,className:a,indicator:s=`dot`,hideLabel:c=!1,hideIndicator:l=!1,label:u,labelFormatter:d,labelClassName:f,formatter:p,color:m,nameKey:g,labelKey:_})=>{let{config:v}=o(),y=(0,e.useMemo)(()=>{if(c||!i?.length)return null;let[e]=i,r=h(v,e,`${_||e?.dataKey||e?.name||`value`}`),a=!_&&typeof u==`string`?v[u]?.label||u:r?.label;return d?(0,n.jsx)(`div`,{className:(0,t.cn)(`font-medium`,f),children:d(a,i)}):a?(0,n.jsx)(`div`,{className:(0,t.cn)(`font-medium`,f),children:a}):null},[u,d,i,c,f,v,_]);if(!r||!i?.length)return null;let b=i.length===1&&s!==`dot`;return(0,n.jsxs)(`div`,{"data-slot":`chart-tooltip-content`,className:(0,t.cn)(`border-border/50 bg-background grid min-w-[8rem] items-start gap-1.5 rounded-lg border px-2.5 py-1.5 text-xs shadow-dropdown`,a),children:[b?null:y,(0,n.jsx)(`div`,{className:`grid gap-1.5`,children:i.map((e,r)=>{let i=h(v,e,`${g||e.name||e.dataKey||`value`}`),a=m||e.payload?.fill||e.color;return(0,n.jsx)(`div`,{className:(0,t.cn)(`flex w-full flex-wrap items-stretch gap-2`,`[&>svg]:text-muted [&>svg]:size-2.5`,s===`dot`&&`items-center`),children:p&&e?.value!==void 0&&e.name?p(e.value,String(e.name),e,r,e.payload):(0,n.jsxs)(n.Fragment,{children:[i?.icon?(0,n.jsx)(i.icon,{}):!l&&(0,n.jsx)(`div`,{className:(0,t.cn)(`shrink-0 rounded-[2px] border-(--color-border) bg-(--color-bg)`,{"size-2.5":s===`dot`,"w-1":s===`line`,"w-0 border-[1.5px] border-dashed bg-transparent":s===`dashed`,"my-0.5":b&&s===`dashed`}),style:{"--color-bg":a,"--color-border":a}}),(0,n.jsxs)(`div`,{className:(0,t.cn)(`flex flex-1 justify-between gap-2 leading-none`,b?`items-end`:`items-center`),children:[(0,n.jsxs)(`div`,{className:`grid gap-1.5`,children:[b?y:null,(0,n.jsx)(`span`,{className:`text-muted`,children:i?.label||e.name})]}),e.value!==void 0&&(0,n.jsx)(`span`,{className:`text-text-positive-strong font-number font-medium tabular-nums`,children:typeof e.value==`number`?e.value.toLocaleString():e.value})]})]})},typeof e.dataKey==`function`?r:e.dataKey??r)})})]})},p=r.Legend,m=({className:e,hideIcon:r=!1,payload:i,verticalAlign:a=`bottom`,nameKey:s})=>{let{config:c}=o();return i?.length?(0,n.jsx)(`div`,{"data-slot":`chart-legend-content`,className:(0,t.cn)(`flex items-center justify-center gap-4`,a===`top`?`pb-3`:`pt-3`,e),children:i.map(e=>{let i=h(c,e,`${s||e.dataKey||`value`}`);return(0,n.jsxs)(`div`,{className:(0,t.cn)(`flex items-center gap-1.5`,`[&>svg]:text-muted [&>svg]:size-3`),children:[i?.icon&&!r?(0,n.jsx)(i.icon,{}):(0,n.jsx)(`div`,{className:`size-2 shrink-0 rounded-[2px]`,style:{backgroundColor:e.color}}),(0,n.jsx)(`span`,{className:`text-muted-strong`,children:i?.label??e.value})]},`${e.value}`)})}):null},h=(e,t,n)=>{if(typeof t!=`object`||!t)return;let r=`payload`in t&&typeof t.payload==`object`&&t.payload!==null?t.payload:void 0,i=n,a=t;return n in a&&typeof a[n]==`string`?i=a[n]:r&&n in r&&typeof r[n]==`string`&&(i=r[n]),i in e?e[i]:e[n]};exports.ChartContainer=s,exports.ChartLegend=p,exports.ChartLegendContent=m,exports.ChartStyle=u,exports.ChartTooltip=d,exports.ChartTooltipContent=f,exports.useChart=o;
+`)}}):null},d=r.Tooltip,f=({active:r,payload:i,className:a,indicator:s=`dot`,hideLabel:c=!1,hideIndicator:l=!1,label:u,labelFormatter:d,labelClassName:f,formatter:p,color:m,nameKey:g,labelKey:_})=>{let{config:v}=o(),y=(0,e.useMemo)(()=>{if(c||!i?.length)return null;let[e]=i,r=`${_||e?.dataKey||e?.name||`value`}`,a=h(v,e,r),o=!_&&typeof u==`string`?v[u]?.label||u:a?.label;return d?(0,n.jsx)(`div`,{className:(0,t.cn)(`font-medium`,f),children:d(o,i)}):o?(0,n.jsx)(`div`,{className:(0,t.cn)(`font-medium`,f),children:o}):null},[u,d,i,c,f,v,_]);if(!r||!i?.length)return null;let b=i.length===1&&s!==`dot`;return(0,n.jsxs)(`div`,{"data-slot":`chart-tooltip-content`,className:(0,t.cn)(`border-border/50 bg-background grid min-w-[8rem] items-start gap-1.5 rounded-lg border px-2.5 py-1.5 text-xs shadow-dropdown`,a),children:[b?null:y,(0,n.jsx)(`div`,{className:`grid gap-1.5`,children:i.map((e,r)=>{let i=`${g||e.name||e.dataKey||`value`}`,a=h(v,e,i),o=m||e.payload?.fill||e.color;return(0,n.jsx)(`div`,{className:(0,t.cn)(`flex w-full flex-wrap items-stretch gap-2`,`[&>svg]:text-muted [&>svg]:size-2.5`,s===`dot`&&`items-center`),children:p&&e?.value!==void 0&&e.name?p(e.value,String(e.name),e,r,e.payload):(0,n.jsxs)(n.Fragment,{children:[a?.icon?(0,n.jsx)(a.icon,{}):!l&&(0,n.jsx)(`div`,{className:(0,t.cn)(`shrink-0 rounded-[2px] border-(--color-border) bg-(--color-bg)`,{"size-2.5":s===`dot`,"w-1":s===`line`,"w-0 border-[1.5px] border-dashed bg-transparent":s===`dashed`,"my-0.5":b&&s===`dashed`}),style:{"--color-bg":o,"--color-border":o}}),(0,n.jsxs)(`div`,{className:(0,t.cn)(`flex flex-1 justify-between gap-2 leading-none`,b?`items-end`:`items-center`),children:[(0,n.jsxs)(`div`,{className:`grid gap-1.5`,children:[b?y:null,(0,n.jsx)(`span`,{className:`text-muted`,children:a?.label||e.name})]}),e.value!==void 0&&(0,n.jsx)(`span`,{className:`text-text-positive-strong font-number font-medium tabular-nums`,children:typeof e.value==`number`?e.value.toLocaleString():e.value})]})]})},typeof e.dataKey==`function`?r:e.dataKey??r)})})]})},p=r.Legend,m=({className:e,hideIcon:r=!1,payload:i,verticalAlign:a=`bottom`,nameKey:s})=>{let{config:c}=o();return i?.length?(0,n.jsx)(`div`,{"data-slot":`chart-legend-content`,className:(0,t.cn)(`flex items-center justify-center gap-4`,a===`top`?`pb-3`:`pt-3`,e),children:i.map(e=>{let i=`${s||e.dataKey||`value`}`,a=h(c,e,i);return(0,n.jsxs)(`div`,{className:(0,t.cn)(`flex items-center gap-1.5`,`[&>svg]:text-muted [&>svg]:size-3`),children:[a?.icon&&!r?(0,n.jsx)(a.icon,{}):(0,n.jsx)(`div`,{className:`size-2 shrink-0 rounded-[2px]`,style:{backgroundColor:e.color}}),(0,n.jsx)(`span`,{className:`text-muted-strong`,children:a?.label??e.value})]},`${e.value}`)})}):null},h=(e,t,n)=>{if(typeof t!=`object`||!t)return;let r=`payload`in t&&typeof t.payload==`object`&&t.payload!==null?t.payload:void 0,i=n,a=t;return n in a&&typeof a[n]==`string`?i=a[n]:r&&n in r&&typeof r[n]==`string`&&(i=r[n]),i in e?e[i]:e[n]};exports.ChartContainer=s,exports.ChartLegend=p,exports.ChartLegendContent=m,exports.ChartStyle=u,exports.ChartTooltip=d,exports.ChartTooltipContent=f,exports.useChart=o;
 //# sourceMappingURL=chart.cjs.map