@customafk/lunas-ui 0.2.41 → 0.2.43

package/dist/button-DserH5cQ.d.cts

@@ -0,0 +1,174 @@
+import * as react54 from "react";
+import * as class_variance_authority_types19 from "class-variance-authority/types";
+import { VariantProps } from "class-variance-authority";
+
+//#region packages/components/ui/button.variants.d.ts
+
+/**
+ * Button variants definition for styling using class-variance-authority
+ */
+declare const buttonVariants: (props?: ({
+  variant?: "default" | "outline" | "link" | "soft" | "ghost" | "subtle" | null | undefined;
+  color?: "muted" | "primary" | "secondary" | "info" | "success" | "warning" | "danger" | "important" | null | undefined;
+  size?: "xs" | "sm" | "md" | "lg" | "xl" | "default" | "icon" | null | undefined;
+} & class_variance_authority_types19.ClassProp) | undefined) => string;
+type ButtonVariantProps = VariantProps<typeof buttonVariants>;
+//#endregion
+//#region packages/components/ui/button.d.ts
+/**
+ * Props for the {@link Button} component.
+ *
+ * Extends all native `<button>` attributes except `color`, which is
+ * re-declared as a semantic design-token via {@link ButtonVariantProps}.
+ *
+ * @see {@link https://www.radix-ui.com/primitives/docs/utilities/slot} Radix Slot (asChild pattern)
+ */
+interface ButtonProps extends Omit<React.ComponentProps<'button'>, 'color'> {
+  /**
+   * When `true`, renders children through Radix's `<Slot>` primitive,
+   * merging all button props directly onto the child element.
+   *
+   * Use this to swap the rendered HTML element while keeping button styling
+   * (e.g. render a Next.js `<Link>` that looks like a button).
+   *
+   * @default false
+   * @example
+   * ```tsx
+   * <Button asChild variant="ghost">
+   *   <Link href="/dashboard">Go to Dashboard</Link>
+   * </Button>
+   * ```
+   */
+  asChild?: boolean;
+  /**
+   * When `true`, shows an animated `Loader2` spinner overlay and sets
+   * `aria-busy="true"`. The button is implicitly disabled while loading —
+   * no separate `disabled` prop is needed for loading states.
+   *
+   * @default false
+   */
+  isLoading?: boolean;
+  /**
+   * Visual style variant of the button.
+   *
+   * | Value | Description |
+   * |---|---|
+   * | `"default"` | Filled surface — primary call-to-action (default) |
+   * | `"outline"` | Transparent background with a visible border |
+   * | `"ghost"` | No background or border — minimal footprint |
+   * | `"link"` | Styled as an underlined hyperlink |
+   * | `"icon"` | Square, padding-free — icon-only buttons |
+   * | `"destructive"` | Red-toned filled surface for danger actions |
+   *
+   * @default "default"
+   */
+  variant?: ButtonVariantProps['variant'];
+  /**
+   * Semantic color token applied to the button's surface and text.
+   *
+   * | Value | Usage |
+   * |---|---|
+   * | `"primary"` | Brand primary (default) |
+   * | `"success"` | Confirmation / save actions |
+   * | `"danger"` | Destructive / delete actions |
+   * | `"warning"` | Cautionary / irreversible actions |
+   * | `"muted"` | Secondary / low-emphasis actions |
+   *
+   * @default "primary"
+   */
+  color?: ButtonVariantProps['color'];
+  /**
+   * Controls height, horizontal padding, and font size.
+   *
+   * | Value | Height |
+   * |---|---|
+   * | `"sm"` | 32 px |
+   * | `"default"` | 36 px |
+   * | `"lg"` | 40 px |
+   * | `"icon"` | 36 × 36 px (square) |
+   *
+   * @default "default"
+   */
+  size?: ButtonVariantProps['size'];
+  /**
+   * Additional class names applied to the inner `<div>` that wraps `children`.
+   * Use this to style the children's flex container without overriding the
+   * button's outer layout or focus-ring classes.
+   */
+  innerClassName?: string;
+}
+/**
+ * Primary interactive button component for `@customafk/lunas-ui`.
+ *
+ * Built on Radix UI's `<Slot>` primitive. Supports multiple visual variants,
+ * semantic color tokens, a built-in loading state with full accessibility
+ * attributes, and polymorphic rendering via `asChild`. All native `<button>`
+ * attributes are forwarded to the underlying element.
+ *
+ * **Import:** `import { Button } from '@customafk/lunas-ui/ui/button'`
+ *
+ * @example Basic usage
+ * ```tsx
+ * import { Button } from '@customafk/lunas-ui/ui/button';
+ *
+ * export function SaveAction() {
+ *   return <Button color="primary">Save changes</Button>;
+ * }
+ * ```
+ *
+ * @example Async loading state
+ * ```tsx
+ * import { Button } from '@customafk/lunas-ui/ui/button';
+ *
+ * export function SubmitButton({ isPending }: { isPending: boolean }) {
+ *   return (
+ *     <Button type="submit" isLoading={isPending}>
+ *       Submit
+ *     </Button>
+ *   );
+ * }
+ * ```
+ *
+ * @example Destructive outline button
+ * ```tsx
+ * import { Button } from '@customafk/lunas-ui/ui/button';
+ *
+ * export function DeleteButton({ onDelete }: { onDelete: () => void }) {
+ *   return (
+ *     <Button variant="outline" color="danger" onClick={onDelete}>
+ *       Delete account
+ *     </Button>
+ *   );
+ * }
+ * ```
+ *
+ * @example Polymorphic — render as Next.js Link
+ * ```tsx
+ * import { Button } from '@customafk/lunas-ui/ui/button';
+ * import Link from 'next/link';
+ *
+ * export function NavLink() {
+ *   return (
+ *     <Button asChild variant="ghost" size="sm">
+ *       <Link href="/settings">Settings</Link>
+ *     </Button>
+ *   );
+ * }
+ * ```
+ */
+declare function Button({
+  className,
+  variant,
+  size,
+  color,
+  asChild,
+  isLoading,
+  children,
+  disabled,
+  type,
+  innerClassName,
+  ...props
+}: ButtonProps): react54.JSX.Element;
+//#endregion
+export { ButtonProps as n, Button as t };
+//# sourceMappingURL=button-DserH5cQ.d.cts.map

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"button.variants-4kw6plrv.cjs","names":[],"sources":["../packages/components/ui/button.variants.ts"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority';\n\nexport const buttonLoadingVariant = cva(['pointer-events-none absolute inset-0 z-10 flex cursor-default items-center justify-center rounded-sm'], {\n  variants: {\n    variant: {\n      default: '',\n      outline: '',\n      soft: '',\n      subtle: '',\n      ghost: '',\n      link: '',\n    },\n    color: {\n      primary: '',\n      secondary: '',\n      muted: '',\n      success: '',\n      important: '',\n      info: '',\n      warning: '',\n      danger: '',\n    },\n  },\n  compoundVariants: [\n    {\n      variant: 'default',\n      color: 'primary',\n      className: 'bg-primary-weak',\n    },\n    {\n      variant: 'default',\n      color: 'secondary',\n      className: 'bg-secondary-weak',\n    },\n    { variant: 'default', color: 'muted', className: 'bg-muted-weak' },\n    {\n      variant: 'default',\n      color: 'success',\n      className: 'bg-success-weak',\n    },\n    {\n      variant: 'default',\n      color: 'important',\n      className: 'bg-important-weak',\n    },\n    {\n      variant: 'default',\n      color: 'info',\n      className: 'bg-info-weak',\n    },\n    {\n      variant: 'default',\n      color: 'warning',\n      className: 'bg-warning-weak',\n    },\n    {\n      variant: 'default',\n      color: 'danger',\n      className: 'bg-danger-weak',\n    },\n    {\n      variant: 'outline',\n      color: 'primary',\n      className: 'bg-card outline-1 outline-primary-weak',\n    },\n    {\n      variant: 'outline',\n      color: 'secondary',\n      className: 'bg-card outline-1 outline-secondary-weak',\n    },\n    {\n      variant: 'outline',\n      color: 'muted',\n      className: 'bg-card outline-1 outline-muted-weak',\n    },\n    {\n      variant: 'outline',\n      color: 'success',\n      className: 'bg-card outline-1 outline-success-weak',\n    },\n    {\n      variant: 'outline',\n      color: 'important',\n      className: 'bg-card outline-1 outline-important-weak',\n    },\n    {\n      variant: 'outline',\n      color: 'info',\n      className: 'bg-card outline-1 outline-info-weak',\n    },\n    {\n      variant: 'outline',\n      color: 'warning',\n      className: 'bg-card outline-1 outline-warning-weak',\n    },\n    {\n      variant: 'outline',\n      color: 'danger',\n      className: 'bg-card outline-1 outline-danger-weak',\n    },\n    {\n      variant: 'soft',\n      color: 'primary',\n      className: 'bg-primary-bg-subtle',\n    },\n    {\n      variant: 'soft',\n      color: 'secondary',\n      className: 'bg-secondary-bg-subtle',\n    },\n    {\n      variant: 'soft',\n      color: 'muted',\n      className: 'bg-muted-bg-subtle',\n    },\n    {\n      variant: 'soft',\n      color: 'success',\n      className: 'bg-success-bg-subtle',\n    },\n    {\n      variant: 'soft',\n      color: 'important',\n      className: 'bg-important-bg-subtle',\n    },\n    {\n      variant: 'soft',\n      color: 'info',\n      className: 'bg-info-bg-subtle',\n    },\n    {\n      variant: 'soft',\n      color: 'warning',\n      className: 'bg-warning-bg-subtle',\n    },\n    {\n      variant: 'soft',\n      color: 'danger',\n      className: 'bg-danger-bg-subtle',\n    },\n    {\n      variant: 'subtle',\n      color: 'primary',\n      className: 'bg-primary-bg-subtle outline-1 outline-primary-weak',\n    },\n    {\n      variant: 'subtle',\n      color: 'secondary',\n      className: 'bg-secondary-bg-subtle outline-1 outline-secondary-weak',\n    },\n    {\n      variant: 'subtle',\n      color: 'muted',\n      className: 'bg-muted-bg-subtle outline-1 outline-border-weak',\n    },\n    {\n      variant: 'subtle',\n      color: 'success',\n      className: 'bg-success-bg-subtle outline-1 outline-success-weak',\n    },\n    {\n      variant: 'subtle',\n      color: 'important',\n      className: 'bg-important-bg-subtle outline-1 outline-important-weak',\n    },\n    {\n      variant: 'subtle',\n      color: 'info',\n      className: 'bg-info-bg-subtle outline-1 outline-info-weak',\n    },\n    {\n      variant: 'subtle',\n      color: 'warning',\n      className: 'bg-warning-bg-subtle outline-1 outline-warning-weak',\n    },\n    {\n      variant: 'subtle',\n      color: 'danger',\n      className: 'bg-danger-bg-subtle outline-1 outline-danger-weak',\n    },\n    {\n      variant: 'ghost',\n      color: 'primary',\n      className: 'bg-primary-bg-subtle',\n    },\n    {\n      variant: 'ghost',\n      color: 'secondary',\n      className: 'bg-secondary-bg-subtle',\n    },\n    {\n      variant: 'ghost',\n      color: 'muted',\n      className: 'bg-muted-bg-subtle',\n    },\n    {\n      variant: 'ghost',\n      color: 'success',\n      className: 'bg-success-bg-subtle',\n    },\n    {\n      variant: 'ghost',\n      color: 'important',\n      className: 'bg-important-bg-subtle',\n    },\n    {\n      variant: 'ghost',\n      color: 'info',\n      className: 'bg-info-bg-subtle',\n    },\n    {\n      variant: 'ghost',\n      color: 'warning',\n      className: 'bg-warning-bg-subtle',\n    },\n    {\n      variant: 'ghost',\n      color: 'danger',\n      className: 'bg-danger-bg-subtle',\n    },\n  ],\n});\n\n/**\n * Button variants definition for styling using class-variance-authority\n */\nexport const buttonVariants = cva(\n  [\n    'relative cursor-pointer rounded-sm transition-[color,background-color,border-color,box-shadow,opacity] duration-150 ease-in-out',\n    'whitespace-normal',\n    'inline-flex items-center justify-center',\n    '[&_svg]:pointer-events-none',\n    '[&_svg]:shrink-0',\n    \"[&_svg:not([class*='size-'])]:size-4\",\n    'disabled:pointer-events-none disabled:cursor-default disabled:opacity-60',\n    'data-[state=loading]:pointer-events-none data-[state=loading]:cursor-default',\n  ],\n  {\n    variants: {\n      variant: {\n        default: 'border border-transparent outline-none shadow-btn',\n        outline: 'border bg-card outline-none',\n        soft: 'outline-none outline-0',\n        subtle: 'border border-transparent outline-1 -outline-offset-1',\n        ghost: 'border border-transparent outline-none',\n        link: 'border border-transparent outline-none',\n      },\n      color: {\n        primary: '',\n        secondary: '',\n        muted: '',\n        success: '',\n        important: '',\n        info: '',\n        warning: '',\n        danger: '',\n      },\n      size: {\n        default: 'px-2.5 py-1.5 font-medium text-sm leading-5',\n        xs: 'px-2 py-1 font-medium text-xs leading-4',\n        sm: 'px-2.5 py-1.5 font-medium text-xs leading-4',\n        md: 'px-2.5 py-1.5 font-medium text-sm leading-5',\n        lg: 'px-3 py-2 font-medium text-sm leading-5',\n        xl: 'px-3 py-2 font-medium text-base leading-6',\n        icon: 'size-8',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      color: 'primary',\n      size: 'default',\n    },\n    compoundVariants: [\n      {\n        variant: 'default',\n        color: 'primary',\n        className: 'bg-primary text-primary-foreground hover:bg-primary-strong focus:ring-2 focus:ring-primary focus:ring-offset-2',\n      },\n      {\n        variant: 'default',\n        color: 'secondary',\n        className: 'bg-secondary text-secondary-foreground hover:bg-secondary-strong focus:ring-2 focus:ring-secondary focus:ring-offset-2',\n      },\n      {\n        variant: 'default',\n        color: 'muted',\n        className: 'bg-muted text-text-negative hover:opacity-80 focus:ring-2 focus:ring-muted focus:ring-offset-2',\n      },\n      {\n        variant: 'default',\n        color: 'success',\n        className: 'bg-success text-success-foreground hover:bg-success-strong focus:ring-2 focus:ring-success focus:ring-offset-2',\n      },\n      {\n        variant: 'default',\n        color: 'important',\n        className: 'bg-important text-text-negative hover:opacity-80 focus:ring-2 focus:ring-important focus:ring-offset-2',\n      },\n      {\n        variant: 'default',\n        color: 'info',\n        className: 'bg-info text-info-foreground hover:bg-info-strong focus:ring-2 focus:ring-info focus:ring-offset-2',\n      },\n      {\n        variant: 'default',\n        color: 'warning',\n        className: 'bg-warning text-warning-foreground hover:bg-warning-strong focus:ring-2 focus:ring-warning focus:ring-offset-2',\n      },\n      {\n        variant: 'default',\n        color: 'danger',\n        className: 'bg-danger text-danger-foreground hover:bg-danger-strong focus:ring-2 focus:ring-danger focus:ring-offset-2',\n      },\n      {\n        variant: 'outline',\n        color: 'primary',\n        className: 'border-primary text-primary hover:bg-primary-bg-subtle focus:border-primary-strong focus:ring-2 focus:ring-primary-weak',\n      },\n      {\n        variant: 'outline',\n        color: 'secondary',\n        className: 'border-secondary text-secondary hover:bg-secondary-muted focus:border-secondary focus:ring-2 focus:ring-secondary-weak',\n      },\n      {\n        variant: 'outline',\n        color: 'muted',\n        className: 'border-muted-weak text-muted hover:bg-muted-muted focus:border-muted-weak focus:ring-2 focus:ring-muted-weak',\n      },\n      {\n        variant: 'outline',\n        color: 'success',\n        className: 'border-success text-success hover:bg-success-muted focus:border-success-strong focus:ring-2 focus:ring-success-weak',\n      },\n      {\n        variant: 'outline',\n        color: 'important',\n        className: 'border-important text-important hover:bg-important-muted focus:border-important-strong focus:ring-2 focus:ring-important-weak',\n      },\n      {\n        variant: 'outline',\n        color: 'info',\n        className: 'border-info text-info hover:bg-info-muted focus:border-info-strong focus:ring-2 focus:ring-info-weak',\n      },\n      {\n        variant: 'outline',\n        color: 'warning',\n        className: 'border-warning text-warning hover:bg-warning-muted focus:border-warning-strong focus:ring-2 focus:ring-warning-weak',\n      },\n      {\n        variant: 'outline',\n        color: 'danger',\n        className: 'border-danger text-danger hover:bg-danger-muted focus:border-danger-strong focus:ring-2 focus:ring-danger-weak',\n      },\n      {\n        variant: 'soft',\n        color: 'primary',\n        className: 'bg-primary-bg-subtle text-primary hover:bg-primary-muted hover:text-primary-strong focus:bg-primary-weak',\n      },\n      {\n        variant: 'soft',\n        color: 'secondary',\n        className: 'bg-secondary-bg-subtle text-secondary hover:bg-secondary-muted hover:text-secondary-strong focus:bg-secondary-weak',\n      },\n      {\n        variant: 'soft',\n        color: 'muted',\n        className: 'bg-muted-bg-subtle text-muted hover:bg-muted-muted hover:text-muted-strong focus:bg-muted-weak',\n      },\n      {\n        variant: 'soft',\n        color: 'success',\n        className: 'bg-success-bg-subtle text-success hover:bg-success-muted hover:text-success-strong focus:bg-success-weak',\n      },\n      {\n        variant: 'soft',\n        color: 'important',\n        className: 'bg-important-bg-subtle text-important hover:bg-important-muted hover:text-important-strong focus:bg-important-weak',\n      },\n      {\n        variant: 'soft',\n        color: 'info',\n        className: 'bg-info-bg-subtle text-info hover:bg-info-muted hover:text-info-strong focus:bg-info-weak',\n      },\n      {\n        variant: 'soft',\n        color: 'warning',\n        className: 'bg-warning-bg-subtle text-warning hover:bg-warning-muted hover:text-warning-strong focus:bg-warning-weak',\n      },\n      {\n        variant: 'soft',\n        color: 'danger',\n        className: 'bg-danger-bg-subtle text-danger hover:bg-danger-muted hover:text-danger-strong focus:bg-danger-weak',\n      },\n      {\n        variant: 'subtle',\n        color: 'primary',\n        className: 'bg-primary-bg-subtle text-primary outline-primary hover:bg-primary-bg-subtle focus:outline-2 focus:outline-primary',\n      },\n      {\n        variant: 'subtle',\n        color: 'secondary',\n        className: 'bg-secondary-bg-subtle text-secondary outline-secondary hover:bg-secondary-bg-subtle focus:outline-2 focus:outline-secondary',\n      },\n      {\n        variant: 'subtle',\n        color: 'muted',\n        className: 'bg-muted-bg-subtle text-muted outline-border hover:bg-muted-bg-subtle focus:outline-2 focus:outline-border',\n      },\n      {\n        variant: 'subtle',\n        color: 'success',\n        className: 'bg-success-bg-subtle text-success outline-success hover:bg-success-bg-subtle focus:outline-2 focus:outline-success',\n      },\n      {\n        variant: 'subtle',\n        color: 'important',\n        className: 'bg-important-bg-subtle text-important outline-important hover:bg-important-bg-subtle focus:outline-2 focus:outline-important',\n      },\n      {\n        variant: 'subtle',\n        color: 'info',\n        className: 'bg-info-bg-subtle text-info outline-info hover:bg-info-bg-subtle focus:outline-2 focus:outline-info',\n      },\n      {\n        variant: 'subtle',\n        color: 'warning',\n        className: 'bg-warning-bg-subtle text-warning outline-warning hover:bg-warning-bg-subtle focus:outline-2 focus:outline-warning',\n      },\n      {\n        variant: 'subtle',\n        color: 'danger',\n        className: 'bg-danger-bg-subtle text-danger outline-danger hover:bg-danger-bg-subtle focus:outline-2 focus:outline-danger',\n      },\n      {\n        variant: 'ghost',\n        color: 'primary',\n        className: 'text-primary hover:bg-primary-bg-subtle focus:bg-primary-muted',\n      },\n      {\n        variant: 'ghost',\n        color: 'secondary',\n        className: 'text-text-positive-weak hover:bg-secondary-bg-subtle focus:bg-secondary-muted',\n      },\n      {\n        variant: 'ghost',\n        color: 'muted',\n        className: 'text-text-positive-weak hover:bg-muted-bg-subtle focus:bg-muted-muted',\n      },\n      {\n        variant: 'ghost',\n        color: 'success',\n        className: 'text-success hover:bg-success-bg-subtle focus:bg-success-muted',\n      },\n      {\n        variant: 'ghost',\n        color: 'important',\n        className: 'text-important hover:bg-important-bg-subtle focus:bg-important-muted',\n      },\n      {\n        variant: 'ghost',\n        color: 'info',\n        className: 'text-info hover:bg-info-bg-subtle focus:bg-info-muted',\n      },\n      {\n        variant: 'ghost',\n        color: 'warning',\n        className: 'text-warning hover:bg-warning-bg-subtle focus:bg-warning-muted',\n      },\n      {\n        variant: 'ghost',\n        color: 'danger',\n        className: 'text-danger hover:bg-danger-bg-subtle focus:bg-danger-muted',\n      },\n      {\n        variant: 'link',\n        color: 'primary',\n        className: 'text-primary focus:ring-2 focus:ring-primary focus:ring-offset-2',\n      },\n      {\n        variant: 'link',\n        color: 'secondary',\n        className: 'text-secondary focus:ring-2 focus:ring-secondary focus:ring-offset-2',\n      },\n      {\n        variant: 'link',\n        color: 'muted',\n        className: 'text-muted focus:ring-2 focus:ring-muted focus:ring-offset-2',\n      },\n      {\n        variant: 'link',\n        color: 'success',\n        className: 'text-success focus:ring-2 focus:ring-success focus:ring-offset-2',\n      },\n      {\n        variant: 'link',\n        color: 'important',\n        className: 'text-important focus:ring-2 focus:ring-important focus:ring-offset-2',\n      },\n      {\n        variant: 'link',\n        color: 'info',\n        className: 'text-info focus:ring-2 focus:ring-info focus:ring-offset-2',\n      },\n      {\n        variant: 'link',\n        color: 'warning',\n        className: 'text-warning focus:ring-2 focus:ring-warning focus:ring-offset-2',\n      },\n      {\n        variant: 'link',\n        color: 'danger',\n        className: 'text-danger focus:ring-2 focus:ring-danger focus:ring-offset-2',\n      },\n    ],\n  }\n);\n\nexport type ButtonVariantProps = VariantProps<typeof buttonVariants>;\n"],"mappings":"kFAEA,MAAa,GAAA,EAAA,EAAA,KAA2B,CAAC,uGAAuG,CAAE,CAChJ,SAAU,CACR,QAAS,CACP,QAAS,GACT,QAAS,GACT,KAAM,GACN,OAAQ,GACR,MAAO,GACP,KAAM,GACP,CACD,MAAO,CACL,QAAS,GACT,UAAW,GACX,MAAO,GACP,QAAS,GACT,UAAW,GACX,KAAM,GACN,QAAS,GACT,OAAQ,GACT,CACF,CACD,iBAAkB,CAChB,CACE,QAAS,UACT,MAAO,UACP,UAAW,kBACZ,CACD,CACE,QAAS,UACT,MAAO,YACP,UAAW,oBACZ,CACD,CAAE,QAAS,UAAW,MAAO,QAAS,UAAW,gBAAiB,CAClE,CACE,QAAS,UACT,MAAO,UACP,UAAW,kBACZ,CACD,CACE,QAAS,UACT,MAAO,YACP,UAAW,oBACZ,CACD,CACE,QAAS,UACT,MAAO,OACP,UAAW,eACZ,CACD,CACE,QAAS,UACT,MAAO,UACP,UAAW,kBACZ,CACD,CACE,QAAS,UACT,MAAO,SACP,UAAW,iBACZ,CACD,CACE,QAAS,UACT,MAAO,UACP,UAAW,yCACZ,CACD,CACE,QAAS,UACT,MAAO,YACP,UAAW,2CACZ,CACD,CACE,QAAS,UACT,MAAO,QACP,UAAW,uCACZ,CACD,CACE,QAAS,UACT,MAAO,UACP,UAAW,yCACZ,CACD,CACE,QAAS,UACT,MAAO,YACP,UAAW,2CACZ,CACD,CACE,QAAS,UACT,MAAO,OACP,UAAW,sCACZ,CACD,CACE,QAAS,UACT,MAAO,UACP,UAAW,yCACZ,CACD,CACE,QAAS,UACT,MAAO,SACP,UAAW,wCACZ,CACD,CACE,QAAS,OACT,MAAO,UACP,UAAW,uBACZ,CACD,CACE,QAAS,OACT,MAAO,YACP,UAAW,yBACZ,CACD,CACE,QAAS,OACT,MAAO,QACP,UAAW,qBACZ,CACD,CACE,QAAS,OACT,MAAO,UACP,UAAW,uBACZ,CACD,CACE,QAAS,OACT,MAAO,YACP,UAAW,yBACZ,CACD,CACE,QAAS,OACT,MAAO,OACP,UAAW,oBACZ,CACD,CACE,QAAS,OACT,MAAO,UACP,UAAW,uBACZ,CACD,CACE,QAAS,OACT,MAAO,SACP,UAAW,sBACZ,CACD,CACE,QAAS,SACT,MAAO,UACP,UAAW,sDACZ,CACD,CACE,QAAS,SACT,MAAO,YACP,UAAW,0DACZ,CACD,CACE,QAAS,SACT,MAAO,QACP,UAAW,mDACZ,CACD,CACE,QAAS,SACT,MAAO,UACP,UAAW,sDACZ,CACD,CACE,QAAS,SACT,MAAO,YACP,UAAW,0DACZ,CACD,CACE,QAAS,SACT,MAAO,OACP,UAAW,gDACZ,CACD,CACE,QAAS,SACT,MAAO,UACP,UAAW,sDACZ,CACD,CACE,QAAS,SACT,MAAO,SACP,UAAW,oDACZ,CACD,CACE,QAAS,QACT,MAAO,UACP,UAAW,uBACZ,CACD,CACE,QAAS,QACT,MAAO,YACP,UAAW,yBACZ,CACD,CACE,QAAS,QACT,MAAO,QACP,UAAW,qBACZ,CACD,CACE,QAAS,QACT,MAAO,UACP,UAAW,uBACZ,CACD,CACE,QAAS,QACT,MAAO,YACP,UAAW,yBACZ,CACD,CACE,QAAS,QACT,MAAO,OACP,UAAW,oBACZ,CACD,CACE,QAAS,QACT,MAAO,UACP,UAAW,uBACZ,CACD,CACE,QAAS,QACT,MAAO,SACP,UAAW,sBACZ,CACF,CACF,CAAC,CAKW,GAAA,EAAA,EAAA,KACX,CACE,kIACA,oBACA,0CACA,8BACA,mBACA,uCACA,2EACA,+EACD,CACD,CACE,SAAU,CACR,QAAS,CACP,QAAS,oDACT,QAAS,8BACT,KAAM,yBACN,OAAQ,wDACR,MAAO,yCACP,KAAM,yCACP,CACD,MAAO,CACL,QAAS,GACT,UAAW,GACX,MAAO,GACP,QAAS,GACT,UAAW,GACX,KAAM,GACN,QAAS,GACT,OAAQ,GACT,CACD,KAAM,CACJ,QAAS,8CACT,GAAI,0CACJ,GAAI,8CACJ,GAAI,8CACJ,GAAI,0CACJ,GAAI,4CACJ,KAAM,SACP,CACF,CACD,gBAAiB,CACf,QAAS,UACT,MAAO,UACP,KAAM,UACP,CACD,iBAAkB,CAChB,CACE,QAAS,UACT,MAAO,UACP,UAAW,iHACZ,CACD,CACE,QAAS,UACT,MAAO,YACP,UAAW,yHACZ,CACD,CACE,QAAS,UACT,MAAO,QACP,UAAW,iGACZ,CACD,CACE,QAAS,UACT,MAAO,UACP,UAAW,iHACZ,CACD,CACE,QAAS,UACT,MAAO,YACP,UAAW,yGACZ,CACD,CACE,QAAS,UACT,MAAO,OACP,UAAW,qGACZ,CACD,CACE,QAAS,UACT,MAAO,UACP,UAAW,iHACZ,CACD,CACE,QAAS,UACT,MAAO,SACP,UAAW,6GACZ,CACD,CACE,QAAS,UACT,MAAO,UACP,UAAW,0HACZ,CACD,CACE,QAAS,UACT,MAAO,YACP,UAAW,yHACZ,CACD,CACE,QAAS,UACT,MAAO,QACP,UAAW,+GACZ,CACD,CACE,QAAS,UACT,MAAO,UACP,UAAW,sHACZ,CACD,CACE,QAAS,UACT,MAAO,YACP,UAAW,gIACZ,CACD,CACE,QAAS,UACT,MAAO,OACP,UAAW,uGACZ,CACD,CACE,QAAS,UACT,MAAO,UACP,UAAW,sHACZ,CACD,CACE,QAAS,UACT,MAAO,SACP,UAAW,iHACZ,CACD,CACE,QAAS,OACT,MAAO,UACP,UAAW,2GACZ,CACD,CACE,QAAS,OACT,MAAO,YACP,UAAW,qHACZ,CACD,CACE,QAAS,OACT,MAAO,QACP,UAAW,iGACZ,CACD,CACE,QAAS,OACT,MAAO,UACP,UAAW,2GACZ,CACD,CACE,QAAS,OACT,MAAO,YACP,UAAW,qHACZ,CACD,CACE,QAAS,OACT,MAAO,OACP,UAAW,4FACZ,CACD,CACE,QAAS,OACT,MAAO,UACP,UAAW,2GACZ,CACD,CACE,QAAS,OACT,MAAO,SACP,UAAW,sGACZ,CACD,CACE,QAAS,SACT,MAAO,UACP,UAAW,qHACZ,CACD,CACE,QAAS,SACT,MAAO,YACP,UAAW,+HACZ,CACD,CACE,QAAS,SACT,MAAO,QACP,UAAW,6GACZ,CACD,CACE,QAAS,SACT,MAAO,UACP,UAAW,qHACZ,CACD,CACE,QAAS,SACT,MAAO,YACP,UAAW,+HACZ,CACD,CACE,QAAS,SACT,MAAO,OACP,UAAW,sGACZ,CACD,CACE,QAAS,SACT,MAAO,UACP,UAAW,qHACZ,CACD,CACE,QAAS,SACT,MAAO,SACP,UAAW,gHACZ,CACD,CACE,QAAS,QACT,MAAO,UACP,UAAW,iEACZ,CACD,CACE,QAAS,QACT,MAAO,YACP,UAAW,gFACZ,CACD,CACE,QAAS,QACT,MAAO,QACP,UAAW,wEACZ,CACD,CACE,QAAS,QACT,MAAO,UACP,UAAW,iEACZ,CACD,CACE,QAAS,QACT,MAAO,YACP,UAAW,uEACZ,CACD,CACE,QAAS,QACT,MAAO,OACP,UAAW,wDACZ,CACD,CACE,QAAS,QACT,MAAO,UACP,UAAW,iEACZ,CACD,CACE,QAAS,QACT,MAAO,SACP,UAAW,8DACZ,CACD,CACE,QAAS,OACT,MAAO,UACP,UAAW,mEACZ,CACD,CACE,QAAS,OACT,MAAO,YACP,UAAW,uEACZ,CACD,CACE,QAAS,OACT,MAAO,QACP,UAAW,+DACZ,CACD,CACE,QAAS,OACT,MAAO,UACP,UAAW,mEACZ,CACD,CACE,QAAS,OACT,MAAO,YACP,UAAW,uEACZ,CACD,CACE,QAAS,OACT,MAAO,OACP,UAAW,6DACZ,CACD,CACE,QAAS,OACT,MAAO,UACP,UAAW,mEACZ,CACD,CACE,QAAS,OACT,MAAO,SACP,UAAW,iEACZ,CACF,CACF,CACF"}

package/dist/button.variants-DkMqWB8G.mjs

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

package/dist/button.variants-DkMqWB8G.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.variants-DkMqWB8G.mjs","names":[],"sources":["../packages/components/ui/button.variants.ts"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority';\n\nexport const buttonLoadingVariant = cva(['pointer-events-none absolute inset-0 z-10 flex cursor-default items-center justify-center rounded-sm'], {\n  variants: {\n    variant: {\n      default: '',\n      outline: '',\n      soft: '',\n      subtle: '',\n      ghost: '',\n      link: '',\n    },\n    color: {\n      primary: '',\n      secondary: '',\n      muted: '',\n      success: '',\n      important: '',\n      info: '',\n      warning: '',\n      danger: '',\n    },\n  },\n  compoundVariants: [\n    {\n      variant: 'default',\n      color: 'primary',\n      className: 'bg-primary-weak',\n    },\n    {\n      variant: 'default',\n      color: 'secondary',\n      className: 'bg-secondary-weak',\n    },\n    { variant: 'default', color: 'muted', className: 'bg-muted-weak' },\n    {\n      variant: 'default',\n      color: 'success',\n      className: 'bg-success-weak',\n    },\n    {\n      variant: 'default',\n      color: 'important',\n      className: 'bg-important-weak',\n    },\n    {\n      variant: 'default',\n      color: 'info',\n      className: 'bg-info-weak',\n    },\n    {\n      variant: 'default',\n      color: 'warning',\n      className: 'bg-warning-weak',\n    },\n    {\n      variant: 'default',\n      color: 'danger',\n      className: 'bg-danger-weak',\n    },\n    {\n      variant: 'outline',\n      color: 'primary',\n      className: 'bg-card outline-1 outline-primary-weak',\n    },\n    {\n      variant: 'outline',\n      color: 'secondary',\n      className: 'bg-card outline-1 outline-secondary-weak',\n    },\n    {\n      variant: 'outline',\n      color: 'muted',\n      className: 'bg-card outline-1 outline-muted-weak',\n    },\n    {\n      variant: 'outline',\n      color: 'success',\n      className: 'bg-card outline-1 outline-success-weak',\n    },\n    {\n      variant: 'outline',\n      color: 'important',\n      className: 'bg-card outline-1 outline-important-weak',\n    },\n    {\n      variant: 'outline',\n      color: 'info',\n      className: 'bg-card outline-1 outline-info-weak',\n    },\n    {\n      variant: 'outline',\n      color: 'warning',\n      className: 'bg-card outline-1 outline-warning-weak',\n    },\n    {\n      variant: 'outline',\n      color: 'danger',\n      className: 'bg-card outline-1 outline-danger-weak',\n    },\n    {\n      variant: 'soft',\n      color: 'primary',\n      className: 'bg-primary-bg-subtle',\n    },\n    {\n      variant: 'soft',\n      color: 'secondary',\n      className: 'bg-secondary-bg-subtle',\n    },\n    {\n      variant: 'soft',\n      color: 'muted',\n      className: 'bg-muted-bg-subtle',\n    },\n    {\n      variant: 'soft',\n      color: 'success',\n      className: 'bg-success-bg-subtle',\n    },\n    {\n      variant: 'soft',\n      color: 'important',\n      className: 'bg-important-bg-subtle',\n    },\n    {\n      variant: 'soft',\n      color: 'info',\n      className: 'bg-info-bg-subtle',\n    },\n    {\n      variant: 'soft',\n      color: 'warning',\n      className: 'bg-warning-bg-subtle',\n    },\n    {\n      variant: 'soft',\n      color: 'danger',\n      className: 'bg-danger-bg-subtle',\n    },\n    {\n      variant: 'subtle',\n      color: 'primary',\n      className: 'bg-primary-bg-subtle outline-1 outline-primary-weak',\n    },\n    {\n      variant: 'subtle',\n      color: 'secondary',\n      className: 'bg-secondary-bg-subtle outline-1 outline-secondary-weak',\n    },\n    {\n      variant: 'subtle',\n      color: 'muted',\n      className: 'bg-muted-bg-subtle outline-1 outline-border-weak',\n    },\n    {\n      variant: 'subtle',\n      color: 'success',\n      className: 'bg-success-bg-subtle outline-1 outline-success-weak',\n    },\n    {\n      variant: 'subtle',\n      color: 'important',\n      className: 'bg-important-bg-subtle outline-1 outline-important-weak',\n    },\n    {\n      variant: 'subtle',\n      color: 'info',\n      className: 'bg-info-bg-subtle outline-1 outline-info-weak',\n    },\n    {\n      variant: 'subtle',\n      color: 'warning',\n      className: 'bg-warning-bg-subtle outline-1 outline-warning-weak',\n    },\n    {\n      variant: 'subtle',\n      color: 'danger',\n      className: 'bg-danger-bg-subtle outline-1 outline-danger-weak',\n    },\n    {\n      variant: 'ghost',\n      color: 'primary',\n      className: 'bg-primary-bg-subtle',\n    },\n    {\n      variant: 'ghost',\n      color: 'secondary',\n      className: 'bg-secondary-bg-subtle',\n    },\n    {\n      variant: 'ghost',\n      color: 'muted',\n      className: 'bg-muted-bg-subtle',\n    },\n    {\n      variant: 'ghost',\n      color: 'success',\n      className: 'bg-success-bg-subtle',\n    },\n    {\n      variant: 'ghost',\n      color: 'important',\n      className: 'bg-important-bg-subtle',\n    },\n    {\n      variant: 'ghost',\n      color: 'info',\n      className: 'bg-info-bg-subtle',\n    },\n    {\n      variant: 'ghost',\n      color: 'warning',\n      className: 'bg-warning-bg-subtle',\n    },\n    {\n      variant: 'ghost',\n      color: 'danger',\n      className: 'bg-danger-bg-subtle',\n    },\n  ],\n});\n\n/**\n * Button variants definition for styling using class-variance-authority\n */\nexport const buttonVariants = cva(\n  [\n    'relative cursor-pointer rounded-sm transition-[color,background-color,border-color,box-shadow,opacity] duration-150 ease-in-out',\n    'whitespace-normal',\n    'inline-flex items-center justify-center',\n    '[&_svg]:pointer-events-none',\n    '[&_svg]:shrink-0',\n    \"[&_svg:not([class*='size-'])]:size-4\",\n    'disabled:pointer-events-none disabled:cursor-default disabled:opacity-60',\n    'data-[state=loading]:pointer-events-none data-[state=loading]:cursor-default',\n  ],\n  {\n    variants: {\n      variant: {\n        default: 'border border-transparent outline-none shadow-btn',\n        outline: 'border bg-card outline-none',\n        soft: 'outline-none outline-0',\n        subtle: 'border border-transparent outline-1 -outline-offset-1',\n        ghost: 'border border-transparent outline-none',\n        link: 'border border-transparent outline-none',\n      },\n      color: {\n        primary: '',\n        secondary: '',\n        muted: '',\n        success: '',\n        important: '',\n        info: '',\n        warning: '',\n        danger: '',\n      },\n      size: {\n        default: 'px-2.5 py-1.5 font-medium text-sm leading-5',\n        xs: 'px-2 py-1 font-medium text-xs leading-4',\n        sm: 'px-2.5 py-1.5 font-medium text-xs leading-4',\n        md: 'px-2.5 py-1.5 font-medium text-sm leading-5',\n        lg: 'px-3 py-2 font-medium text-sm leading-5',\n        xl: 'px-3 py-2 font-medium text-base leading-6',\n        icon: 'size-8',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      color: 'primary',\n      size: 'default',\n    },\n    compoundVariants: [\n      {\n        variant: 'default',\n        color: 'primary',\n        className: 'bg-primary text-primary-foreground hover:bg-primary-strong focus:ring-2 focus:ring-primary focus:ring-offset-2',\n      },\n      {\n        variant: 'default',\n        color: 'secondary',\n        className: 'bg-secondary text-secondary-foreground hover:bg-secondary-strong focus:ring-2 focus:ring-secondary focus:ring-offset-2',\n      },\n      {\n        variant: 'default',\n        color: 'muted',\n        className: 'bg-muted text-text-negative hover:opacity-80 focus:ring-2 focus:ring-muted focus:ring-offset-2',\n      },\n      {\n        variant: 'default',\n        color: 'success',\n        className: 'bg-success text-success-foreground hover:bg-success-strong focus:ring-2 focus:ring-success focus:ring-offset-2',\n      },\n      {\n        variant: 'default',\n        color: 'important',\n        className: 'bg-important text-text-negative hover:opacity-80 focus:ring-2 focus:ring-important focus:ring-offset-2',\n      },\n      {\n        variant: 'default',\n        color: 'info',\n        className: 'bg-info text-info-foreground hover:bg-info-strong focus:ring-2 focus:ring-info focus:ring-offset-2',\n      },\n      {\n        variant: 'default',\n        color: 'warning',\n        className: 'bg-warning text-warning-foreground hover:bg-warning-strong focus:ring-2 focus:ring-warning focus:ring-offset-2',\n      },\n      {\n        variant: 'default',\n        color: 'danger',\n        className: 'bg-danger text-danger-foreground hover:bg-danger-strong focus:ring-2 focus:ring-danger focus:ring-offset-2',\n      },\n      {\n        variant: 'outline',\n        color: 'primary',\n        className: 'border-primary text-primary hover:bg-primary-bg-subtle focus:border-primary-strong focus:ring-2 focus:ring-primary-weak',\n      },\n      {\n        variant: 'outline',\n        color: 'secondary',\n        className: 'border-secondary text-secondary hover:bg-secondary-muted focus:border-secondary focus:ring-2 focus:ring-secondary-weak',\n      },\n      {\n        variant: 'outline',\n        color: 'muted',\n        className: 'border-muted-weak text-muted hover:bg-muted-muted focus:border-muted-weak focus:ring-2 focus:ring-muted-weak',\n      },\n      {\n        variant: 'outline',\n        color: 'success',\n        className: 'border-success text-success hover:bg-success-muted focus:border-success-strong focus:ring-2 focus:ring-success-weak',\n      },\n      {\n        variant: 'outline',\n        color: 'important',\n        className: 'border-important text-important hover:bg-important-muted focus:border-important-strong focus:ring-2 focus:ring-important-weak',\n      },\n      {\n        variant: 'outline',\n        color: 'info',\n        className: 'border-info text-info hover:bg-info-muted focus:border-info-strong focus:ring-2 focus:ring-info-weak',\n      },\n      {\n        variant: 'outline',\n        color: 'warning',\n        className: 'border-warning text-warning hover:bg-warning-muted focus:border-warning-strong focus:ring-2 focus:ring-warning-weak',\n      },\n      {\n        variant: 'outline',\n        color: 'danger',\n        className: 'border-danger text-danger hover:bg-danger-muted focus:border-danger-strong focus:ring-2 focus:ring-danger-weak',\n      },\n      {\n        variant: 'soft',\n        color: 'primary',\n        className: 'bg-primary-bg-subtle text-primary hover:bg-primary-muted hover:text-primary-strong focus:bg-primary-weak',\n      },\n      {\n        variant: 'soft',\n        color: 'secondary',\n        className: 'bg-secondary-bg-subtle text-secondary hover:bg-secondary-muted hover:text-secondary-strong focus:bg-secondary-weak',\n      },\n      {\n        variant: 'soft',\n        color: 'muted',\n        className: 'bg-muted-bg-subtle text-muted hover:bg-muted-muted hover:text-muted-strong focus:bg-muted-weak',\n      },\n      {\n        variant: 'soft',\n        color: 'success',\n        className: 'bg-success-bg-subtle text-success hover:bg-success-muted hover:text-success-strong focus:bg-success-weak',\n      },\n      {\n        variant: 'soft',\n        color: 'important',\n        className: 'bg-important-bg-subtle text-important hover:bg-important-muted hover:text-important-strong focus:bg-important-weak',\n      },\n      {\n        variant: 'soft',\n        color: 'info',\n        className: 'bg-info-bg-subtle text-info hover:bg-info-muted hover:text-info-strong focus:bg-info-weak',\n      },\n      {\n        variant: 'soft',\n        color: 'warning',\n        className: 'bg-warning-bg-subtle text-warning hover:bg-warning-muted hover:text-warning-strong focus:bg-warning-weak',\n      },\n      {\n        variant: 'soft',\n        color: 'danger',\n        className: 'bg-danger-bg-subtle text-danger hover:bg-danger-muted hover:text-danger-strong focus:bg-danger-weak',\n      },\n      {\n        variant: 'subtle',\n        color: 'primary',\n        className: 'bg-primary-bg-subtle text-primary outline-primary hover:bg-primary-bg-subtle focus:outline-2 focus:outline-primary',\n      },\n      {\n        variant: 'subtle',\n        color: 'secondary',\n        className: 'bg-secondary-bg-subtle text-secondary outline-secondary hover:bg-secondary-bg-subtle focus:outline-2 focus:outline-secondary',\n      },\n      {\n        variant: 'subtle',\n        color: 'muted',\n        className: 'bg-muted-bg-subtle text-muted outline-border hover:bg-muted-bg-subtle focus:outline-2 focus:outline-border',\n      },\n      {\n        variant: 'subtle',\n        color: 'success',\n        className: 'bg-success-bg-subtle text-success outline-success hover:bg-success-bg-subtle focus:outline-2 focus:outline-success',\n      },\n      {\n        variant: 'subtle',\n        color: 'important',\n        className: 'bg-important-bg-subtle text-important outline-important hover:bg-important-bg-subtle focus:outline-2 focus:outline-important',\n      },\n      {\n        variant: 'subtle',\n        color: 'info',\n        className: 'bg-info-bg-subtle text-info outline-info hover:bg-info-bg-subtle focus:outline-2 focus:outline-info',\n      },\n      {\n        variant: 'subtle',\n        color: 'warning',\n        className: 'bg-warning-bg-subtle text-warning outline-warning hover:bg-warning-bg-subtle focus:outline-2 focus:outline-warning',\n      },\n      {\n        variant: 'subtle',\n        color: 'danger',\n        className: 'bg-danger-bg-subtle text-danger outline-danger hover:bg-danger-bg-subtle focus:outline-2 focus:outline-danger',\n      },\n      {\n        variant: 'ghost',\n        color: 'primary',\n        className: 'text-primary hover:bg-primary-bg-subtle focus:bg-primary-muted',\n      },\n      {\n        variant: 'ghost',\n        color: 'secondary',\n        className: 'text-text-positive-weak hover:bg-secondary-bg-subtle focus:bg-secondary-muted',\n      },\n      {\n        variant: 'ghost',\n        color: 'muted',\n        className: 'text-text-positive-weak hover:bg-muted-bg-subtle focus:bg-muted-muted',\n      },\n      {\n        variant: 'ghost',\n        color: 'success',\n        className: 'text-success hover:bg-success-bg-subtle focus:bg-success-muted',\n      },\n      {\n        variant: 'ghost',\n        color: 'important',\n        className: 'text-important hover:bg-important-bg-subtle focus:bg-important-muted',\n      },\n      {\n        variant: 'ghost',\n        color: 'info',\n        className: 'text-info hover:bg-info-bg-subtle focus:bg-info-muted',\n      },\n      {\n        variant: 'ghost',\n        color: 'warning',\n        className: 'text-warning hover:bg-warning-bg-subtle focus:bg-warning-muted',\n      },\n      {\n        variant: 'ghost',\n        color: 'danger',\n        className: 'text-danger hover:bg-danger-bg-subtle focus:bg-danger-muted',\n      },\n      {\n        variant: 'link',\n        color: 'primary',\n        className: 'text-primary focus:ring-2 focus:ring-primary focus:ring-offset-2',\n      },\n      {\n        variant: 'link',\n        color: 'secondary',\n        className: 'text-secondary focus:ring-2 focus:ring-secondary focus:ring-offset-2',\n      },\n      {\n        variant: 'link',\n        color: 'muted',\n        className: 'text-muted focus:ring-2 focus:ring-muted focus:ring-offset-2',\n      },\n      {\n        variant: 'link',\n        color: 'success',\n        className: 'text-success focus:ring-2 focus:ring-success focus:ring-offset-2',\n      },\n      {\n        variant: 'link',\n        color: 'important',\n        className: 'text-important focus:ring-2 focus:ring-important focus:ring-offset-2',\n      },\n      {\n        variant: 'link',\n        color: 'info',\n        className: 'text-info focus:ring-2 focus:ring-info focus:ring-offset-2',\n      },\n      {\n        variant: 'link',\n        color: 'warning',\n        className: 'text-warning focus:ring-2 focus:ring-warning focus:ring-offset-2',\n      },\n      {\n        variant: 'link',\n        color: 'danger',\n        className: 'text-danger focus:ring-2 focus:ring-danger focus:ring-offset-2',\n      },\n    ],\n  }\n);\n\nexport type ButtonVariantProps = VariantProps<typeof buttonVariants>;\n"],"mappings":"+CAEA,MAAa,EAAuB,EAAI,CAAC,uGAAuG,CAAE,CAChJ,SAAU,CACR,QAAS,CACP,QAAS,GACT,QAAS,GACT,KAAM,GACN,OAAQ,GACR,MAAO,GACP,KAAM,GACP,CACD,MAAO,CACL,QAAS,GACT,UAAW,GACX,MAAO,GACP,QAAS,GACT,UAAW,GACX,KAAM,GACN,QAAS,GACT,OAAQ,GACT,CACF,CACD,iBAAkB,CAChB,CACE,QAAS,UACT,MAAO,UACP,UAAW,kBACZ,CACD,CACE,QAAS,UACT,MAAO,YACP,UAAW,oBACZ,CACD,CAAE,QAAS,UAAW,MAAO,QAAS,UAAW,gBAAiB,CAClE,CACE,QAAS,UACT,MAAO,UACP,UAAW,kBACZ,CACD,CACE,QAAS,UACT,MAAO,YACP,UAAW,oBACZ,CACD,CACE,QAAS,UACT,MAAO,OACP,UAAW,eACZ,CACD,CACE,QAAS,UACT,MAAO,UACP,UAAW,kBACZ,CACD,CACE,QAAS,UACT,MAAO,SACP,UAAW,iBACZ,CACD,CACE,QAAS,UACT,MAAO,UACP,UAAW,yCACZ,CACD,CACE,QAAS,UACT,MAAO,YACP,UAAW,2CACZ,CACD,CACE,QAAS,UACT,MAAO,QACP,UAAW,uCACZ,CACD,CACE,QAAS,UACT,MAAO,UACP,UAAW,yCACZ,CACD,CACE,QAAS,UACT,MAAO,YACP,UAAW,2CACZ,CACD,CACE,QAAS,UACT,MAAO,OACP,UAAW,sCACZ,CACD,CACE,QAAS,UACT,MAAO,UACP,UAAW,yCACZ,CACD,CACE,QAAS,UACT,MAAO,SACP,UAAW,wCACZ,CACD,CACE,QAAS,OACT,MAAO,UACP,UAAW,uBACZ,CACD,CACE,QAAS,OACT,MAAO,YACP,UAAW,yBACZ,CACD,CACE,QAAS,OACT,MAAO,QACP,UAAW,qBACZ,CACD,CACE,QAAS,OACT,MAAO,UACP,UAAW,uBACZ,CACD,CACE,QAAS,OACT,MAAO,YACP,UAAW,yBACZ,CACD,CACE,QAAS,OACT,MAAO,OACP,UAAW,oBACZ,CACD,CACE,QAAS,OACT,MAAO,UACP,UAAW,uBACZ,CACD,CACE,QAAS,OACT,MAAO,SACP,UAAW,sBACZ,CACD,CACE,QAAS,SACT,MAAO,UACP,UAAW,sDACZ,CACD,CACE,QAAS,SACT,MAAO,YACP,UAAW,0DACZ,CACD,CACE,QAAS,SACT,MAAO,QACP,UAAW,mDACZ,CACD,CACE,QAAS,SACT,MAAO,UACP,UAAW,sDACZ,CACD,CACE,QAAS,SACT,MAAO,YACP,UAAW,0DACZ,CACD,CACE,QAAS,SACT,MAAO,OACP,UAAW,gDACZ,CACD,CACE,QAAS,SACT,MAAO,UACP,UAAW,sDACZ,CACD,CACE,QAAS,SACT,MAAO,SACP,UAAW,oDACZ,CACD,CACE,QAAS,QACT,MAAO,UACP,UAAW,uBACZ,CACD,CACE,QAAS,QACT,MAAO,YACP,UAAW,yBACZ,CACD,CACE,QAAS,QACT,MAAO,QACP,UAAW,qBACZ,CACD,CACE,QAAS,QACT,MAAO,UACP,UAAW,uBACZ,CACD,CACE,QAAS,QACT,MAAO,YACP,UAAW,yBACZ,CACD,CACE,QAAS,QACT,MAAO,OACP,UAAW,oBACZ,CACD,CACE,QAAS,QACT,MAAO,UACP,UAAW,uBACZ,CACD,CACE,QAAS,QACT,MAAO,SACP,UAAW,sBACZ,CACF,CACF,CAAC,CAKW,EAAiB,EAC5B,CACE,kIACA,oBACA,0CACA,8BACA,mBACA,uCACA,2EACA,+EACD,CACD,CACE,SAAU,CACR,QAAS,CACP,QAAS,oDACT,QAAS,8BACT,KAAM,yBACN,OAAQ,wDACR,MAAO,yCACP,KAAM,yCACP,CACD,MAAO,CACL,QAAS,GACT,UAAW,GACX,MAAO,GACP,QAAS,GACT,UAAW,GACX,KAAM,GACN,QAAS,GACT,OAAQ,GACT,CACD,KAAM,CACJ,QAAS,8CACT,GAAI,0CACJ,GAAI,8CACJ,GAAI,8CACJ,GAAI,0CACJ,GAAI,4CACJ,KAAM,SACP,CACF,CACD,gBAAiB,CACf,QAAS,UACT,MAAO,UACP,KAAM,UACP,CACD,iBAAkB,CAChB,CACE,QAAS,UACT,MAAO,UACP,UAAW,iHACZ,CACD,CACE,QAAS,UACT,MAAO,YACP,UAAW,yHACZ,CACD,CACE,QAAS,UACT,MAAO,QACP,UAAW,iGACZ,CACD,CACE,QAAS,UACT,MAAO,UACP,UAAW,iHACZ,CACD,CACE,QAAS,UACT,MAAO,YACP,UAAW,yGACZ,CACD,CACE,QAAS,UACT,MAAO,OACP,UAAW,qGACZ,CACD,CACE,QAAS,UACT,MAAO,UACP,UAAW,iHACZ,CACD,CACE,QAAS,UACT,MAAO,SACP,UAAW,6GACZ,CACD,CACE,QAAS,UACT,MAAO,UACP,UAAW,0HACZ,CACD,CACE,QAAS,UACT,MAAO,YACP,UAAW,yHACZ,CACD,CACE,QAAS,UACT,MAAO,QACP,UAAW,+GACZ,CACD,CACE,QAAS,UACT,MAAO,UACP,UAAW,sHACZ,CACD,CACE,QAAS,UACT,MAAO,YACP,UAAW,gIACZ,CACD,CACE,QAAS,UACT,MAAO,OACP,UAAW,uGACZ,CACD,CACE,QAAS,UACT,MAAO,UACP,UAAW,sHACZ,CACD,CACE,QAAS,UACT,MAAO,SACP,UAAW,iHACZ,CACD,CACE,QAAS,OACT,MAAO,UACP,UAAW,2GACZ,CACD,CACE,QAAS,OACT,MAAO,YACP,UAAW,qHACZ,CACD,CACE,QAAS,OACT,MAAO,QACP,UAAW,iGACZ,CACD,CACE,QAAS,OACT,MAAO,UACP,UAAW,2GACZ,CACD,CACE,QAAS,OACT,MAAO,YACP,UAAW,qHACZ,CACD,CACE,QAAS,OACT,MAAO,OACP,UAAW,4FACZ,CACD,CACE,QAAS,OACT,MAAO,UACP,UAAW,2GACZ,CACD,CACE,QAAS,OACT,MAAO,SACP,UAAW,sGACZ,CACD,CACE,QAAS,SACT,MAAO,UACP,UAAW,qHACZ,CACD,CACE,QAAS,SACT,MAAO,YACP,UAAW,+HACZ,CACD,CACE,QAAS,SACT,MAAO,QACP,UAAW,6GACZ,CACD,CACE,QAAS,SACT,MAAO,UACP,UAAW,qHACZ,CACD,CACE,QAAS,SACT,MAAO,YACP,UAAW,+HACZ,CACD,CACE,QAAS,SACT,MAAO,OACP,UAAW,sGACZ,CACD,CACE,QAAS,SACT,MAAO,UACP,UAAW,qHACZ,CACD,CACE,QAAS,SACT,MAAO,SACP,UAAW,gHACZ,CACD,CACE,QAAS,QACT,MAAO,UACP,UAAW,iEACZ,CACD,CACE,QAAS,QACT,MAAO,YACP,UAAW,gFACZ,CACD,CACE,QAAS,QACT,MAAO,QACP,UAAW,wEACZ,CACD,CACE,QAAS,QACT,MAAO,UACP,UAAW,iEACZ,CACD,CACE,QAAS,QACT,MAAO,YACP,UAAW,uEACZ,CACD,CACE,QAAS,QACT,MAAO,OACP,UAAW,wDACZ,CACD,CACE,QAAS,QACT,MAAO,UACP,UAAW,iEACZ,CACD,CACE,QAAS,QACT,MAAO,SACP,UAAW,8DACZ,CACD,CACE,QAAS,OACT,MAAO,UACP,UAAW,mEACZ,CACD,CACE,QAAS,OACT,MAAO,YACP,UAAW,uEACZ,CACD,CACE,QAAS,OACT,MAAO,QACP,UAAW,+DACZ,CACD,CACE,QAAS,OACT,MAAO,UACP,UAAW,mEACZ,CACD,CACE,QAAS,OACT,MAAO,YACP,UAAW,uEACZ,CACD,CACE,QAAS,OACT,MAAO,OACP,UAAW,6DACZ,CACD,CACE,QAAS,OACT,MAAO,UACP,UAAW,mEACZ,CACD,CACE,QAAS,OACT,MAAO,SACP,UAAW,iEACZ,CACF,CACF,CACF"}

package/dist/calendar-4weBDnXz.cjs

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

package/dist/calendar-4weBDnXz.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"calendar-4weBDnXz.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":"iRAYA,MAAM,GAAgB,CACpB,UACA,YACA,GAAG,MAII,EAAA,EAAA,KAAC,MAAA,CAAI,YAAU,WAAW,IAAK,EAAS,WAAA,EAAA,EAAA,IAAc,EAAU,CAAE,GAAI,GAAS,CAGlF,EAAmB,GACnB,EAAM,cAAgB,QACjB,EAAA,EAAA,KAACA,EAAAA,gBAAAA,CAAgB,KAAM,GAAI,UAAW,EAAM,UAAW,GAAI,GAAS,CAGzE,EAAM,cAAgB,SACjB,EAAA,EAAA,KAACC,EAAAA,iBAAAA,CAAiB,KAAM,GAAI,UAAW,EAAM,UAAW,GAAI,GAAS,EAGvE,EAAA,EAAA,KAACC,EAAAA,gBAAAA,CAAgB,KAAM,GAAI,UAAW,EAAM,UAAW,GAAI,GAAS,CAGvE,GAAqB,CAAE,YAAW,MAAK,YAAW,MAAO,EAAG,GAAG,KAAoD,CACvH,IAAM,GAAA,EAAA,EAAA,uBAA0C,CAE1C,GAAA,EAAA,EAAA,QAAgC,KAAK,CAK3C,OAJA,EAAA,EAAA,eAAgB,CACV,EAAU,SAAS,EAAI,SAAS,OAAO,EAC1C,CAAC,EAAU,QAAQ,CAAC,EAGrB,EAAA,EAAA,KAACC,EAAAA,EAAAA,CACM,MACL,QAAQ,QACR,MAAM,QACN,WAAU,EAAI,KAAK,oBAAoB,CACvC,uBAAsB,EAAU,UAAY,CAAC,EAAU,aAAe,CAAC,EAAU,WAAa,CAAC,EAAU,aACzG,mBAAkB,EAAU,YAC5B,iBAAgB,EAAU,UAC1B,oBAAmB,EAAU,aAC7B,WAAA,EAAA,EAAA,IACE,2FACA,yCACA,yCACA,0CACA,8CACA,2CACA,oDACA,mCACA,kDACA,sDACA,yCACA,qCACA,gCACA,kCACA,wCACA,kCACA,oCACA,uCACA,EAAkB,IAClB,EACD,CACD,GAAI,GACJ,EAIA,GAAsB,CAC1B,WACA,GAAG,MAKD,EAAA,EAAA,KAAC,KAAA,CAAG,GAAI,YACN,EAAA,EAAA,KAAC,MAAA,CAAI,UAAU,kEAAmE,YAAe,EAC9F,CAqBT,SAAS,EAAS,CAChB,YACA,aACA,kBAAkB,GAClB,gBAAgB,QAChB,gBAAgB,QAChB,aACA,aACA,GAAG,GAIF,CACD,IAAM,GAAA,EAAA,EAAA,uBAA0C,CAEhD,OACE,EAAA,EAAA,KAACC,EAAAA,UAAAA,CACkB,kBACjB,WAAA,EAAA,EAAA,IACE,mCACA,6BACA,6CACA,gDACA,OAAO,GAAG,4CACV,OAAO,GAAG,gDACV,EACD,CACc,gBACf,WAAY,CACV,oBAAqB,GAAQ,EAAK,eAAe,UAAW,CAAE,MAAO,QAAS,CAAC,CAC/E,GAAG,EACJ,CACD,WAAY,CACV,MAAA,EAAA,EAAA,IAAS,EAAkB,KAAK,CAChC,QAAA,EAAA,EAAA,IAAW,2CAA4C,EAAkB,OAAO,CAChF,OAAA,EAAA,EAAA,IAAU,6BAA8B,EAAkB,MAAM,CAChE,KAAA,EAAA,EAAA,IAAQ,0EAA2E,EAAkB,IAAI,CACzG,iBAAA,EAAA,EAAA,IACEC,EAAAA,EAAe,CAAE,QAAS,UAAW,MAAO,QAAS,CAAC,CACtD,8DACA,EAAkB,gBACnB,CACD,aAAA,EAAA,EAAA,IACEA,EAAAA,EAAe,CAAE,QAAS,UAAW,MAAO,QAAS,CAAC,CACtD,8DACA,EAAkB,YACnB,CACD,eAAA,EAAA,EAAA,IAAkB,2EAA4E,EAAkB,cAAc,CAC9H,WAAA,EAAA,EAAA,IAAc,sFAAuF,EAAkB,UAAU,CACjI,eAAA,EAAA,EAAA,IACE,wIACA,EAAkB,cACnB,CACD,UAAA,EAAA,EAAA,IAAa,6BAA8B,EAAkB,SAAS,CACtE,eAAA,EAAA,EAAA,IACE,0BACA,IAAkB,SAAW,UAC7B,IAAkB,SAAW,2GAC7B,EAAkB,cACnB,CACD,MAAO,yBACP,UAAA,EAAA,EAAA,IAAa,OAAQ,EAAkB,SAAS,CAChD,SAAA,EAAA,EAAA,IAAY,0EAA2E,EAAkB,QAAQ,CACjH,MAAA,EAAA,EAAA,IAAS,mBAAoB,EAAkB,KAAK,CACpD,oBAAA,EAAA,EAAA,IAAuB,8BAA+B,EAAkB,mBAAmB,CAC3F,aAAA,EAAA,EAAA,IAAgB,+CAAgD,EAAkB,YAAY,CAC9F,KAAA,EAAA,EAAA,IACE,sLACA,EAAkB,IACnB,CACD,aAAA,EAAA,EAAA,IAAgB,2BAA4B,EAAkB,YAAY,CAC1E,cAAA,EAAA,EAAA,IAAiB,eAAgB,EAAkB,aAAa,CAChE,WAAA,EAAA,EAAA,IAAc,2BAA4B,EAAkB,UAAU,CACtE,OAAA,EAAA,EAAA,IAAU,8EAA+E,EAAkB,MAAM,CACjH,SAAA,EAAA,EAAA,IAAY,uEAAuE,CACnF,UAAA,EAAA,EAAA,IAAa,+CAAgD,EAAkB,SAAS,CACxF,QAAA,EAAA,EAAA,IAAW,YAAa,EAAkB,OAAO,CACjD,GAAG,EACJ,CACD,WAAY,CACV,KAAM,EACN,QAAS,EACT,UAAW,EACX,WAAY,EACZ,GAAG,EACJ,CACD,GAAI,GACJ"}

package/dist/calendar-R866yyd1.mjs

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

package/dist/calendar-R866yyd1.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"calendar-R866yyd1.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":"mYAYA,MAAM,GAAgB,CACpB,UACA,YACA,GAAG,KAII,EAAC,MAAA,CAAI,YAAU,WAAW,IAAK,EAAS,UAAW,EAAG,EAAU,CAAE,GAAI,GAAS,CAGlF,EAAmB,GACnB,EAAM,cAAgB,OACjB,EAAC,EAAA,CAAgB,KAAM,GAAI,UAAW,EAAM,UAAW,GAAI,GAAS,CAGzE,EAAM,cAAgB,QACjB,EAAC,EAAA,CAAiB,KAAM,GAAI,UAAW,EAAM,UAAW,GAAI,GAAS,CAGvE,EAAC,EAAA,CAAgB,KAAM,GAAI,UAAW,EAAM,UAAW,GAAI,GAAS,CAGvE,GAAqB,CAAE,YAAW,MAAK,YAAW,MAAO,EAAG,GAAG,KAAoD,CACvH,IAAM,EAAoB,GAAsB,CAE1C,EAAM,EAA0B,KAAK,CAK3C,OAJA,MAAgB,CACV,EAAU,SAAS,EAAI,SAAS,OAAO,EAC1C,CAAC,EAAU,QAAQ,CAAC,CAGrB,EAAC,EAAA,CACM,MACL,QAAQ,QACR,MAAM,QACN,WAAU,EAAI,KAAK,oBAAoB,CACvC,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,EACD,CACD,GAAI,GACJ,EAIA,GAAsB,CAC1B,WACA,GAAG,KAKD,EAAC,KAAA,CAAG,GAAI,WACN,EAAC,MAAA,CAAI,UAAU,kEAAmE,YAAe,EAC9F,CAqBT,SAAS,EAAS,CAChB,YACA,aACA,kBAAkB,GAClB,gBAAgB,QAChB,gBAAgB,QAChB,aACA,aACA,GAAG,GAIF,CACD,IAAM,EAAoB,GAAsB,CAEhD,OACE,EAAC,EAAA,CACkB,kBACjB,UAAW,EACT,mCACA,6BACA,6CACA,gDACA,OAAO,GAAG,4CACV,OAAO,GAAG,gDACV,EACD,CACc,gBACf,WAAY,CACV,oBAAqB,GAAQ,EAAK,eAAe,UAAW,CAAE,MAAO,QAAS,CAAC,CAC/E,GAAG,EACJ,CACD,WAAY,CACV,KAAM,EAAG,EAAkB,KAAK,CAChC,OAAQ,EAAG,2CAA4C,EAAkB,OAAO,CAChF,MAAO,EAAG,6BAA8B,EAAkB,MAAM,CAChE,IAAK,EAAG,0EAA2E,EAAkB,IAAI,CACzG,gBAAiB,EACf,EAAe,CAAE,QAAS,UAAW,MAAO,QAAS,CAAC,CACtD,8DACA,EAAkB,gBACnB,CACD,YAAa,EACX,EAAe,CAAE,QAAS,UAAW,MAAO,QAAS,CAAC,CACtD,8DACA,EAAkB,YACnB,CACD,cAAe,EAAG,2EAA4E,EAAkB,cAAc,CAC9H,UAAW,EAAG,sFAAuF,EAAkB,UAAU,CACjI,cAAe,EACb,wIACA,EAAkB,cACnB,CACD,SAAU,EAAG,6BAA8B,EAAkB,SAAS,CACtE,cAAe,EACb,0BACA,IAAkB,SAAW,UAC7B,IAAkB,SAAW,2GAC7B,EAAkB,cACnB,CACD,MAAO,yBACP,SAAU,EAAG,OAAQ,EAAkB,SAAS,CAChD,QAAS,EAAG,0EAA2E,EAAkB,QAAQ,CACjH,KAAM,EAAG,mBAAoB,EAAkB,KAAK,CACpD,mBAAoB,EAAG,8BAA+B,EAAkB,mBAAmB,CAC3F,YAAa,EAAG,+CAAgD,EAAkB,YAAY,CAC9F,IAAK,EACH,sLACA,EAAkB,IACnB,CACD,YAAa,EAAG,2BAA4B,EAAkB,YAAY,CAC1E,aAAc,EAAG,eAAgB,EAAkB,aAAa,CAChE,UAAW,EAAG,2BAA4B,EAAkB,UAAU,CACtE,MAAO,EAAG,8EAA+E,EAAkB,MAAM,CACjH,QAAS,EAAG,uEAAuE,CACnF,SAAU,EAAG,+CAAgD,EAAkB,SAAS,CACxF,OAAQ,EAAG,YAAa,EAAkB,OAAO,CACjD,GAAG,EACJ,CACD,WAAY,CACV,KAAM,EACN,QAAS,EACT,UAAW,EACX,WAAY,EACZ,GAAG,EACJ,CACD,GAAI,GACJ"}

package/dist/cards/grid-product-card.cjs

@@ -1,2 +1,2 @@
-const e=require(`../chunk-Bmb41Sf3.cjs`);require(`../button.variants-DgVFNsVc.cjs`);const t=require(`../ui/button.cjs`);require(`../heading-BX7ZVnVg.cjs`),require(`../paragraph-D0x3Jc6W.cjs`);const n=require(`../ui/card.cjs`);require(`../skeleton-oQFT4xR2.cjs`);const r=require(`../ui/image.cjs`);let i=require(`lucide-react`),a=require(`react/jsx-runtime`);const o=({name:e,thumbnail:o,price:s})=>(0,a.jsxs)(n.Card,{className:`h-36 w-full flex-row gap-4 p-2 pr-4`,children:[(0,a.jsx)(r.Image,{className:`aspect-square h-full flex-0`,src:o}),(0,a.jsxs)(`div`,{className:`flex flex-1 flex-col gap-y-1`,children:[(0,a.jsx)(`p`,{className:`line-clamp-2 h-10 font-semibold text-sm text-text-positive`,children:e}),(0,a.jsxs)(`p`,{className:`font-bold text-base text-success`,children:[s.toLocaleString(`vi-VN`),(0,a.jsx)(`small`,{className:`ml-0.5`,children:`VND`})]}),(0,a.jsxs)(`div`,{className:`mb-3 flex flex-1 items-end justify-end gap-x-1`,children:[(0,a.jsx)(t.Button,{size:`icon`,variant:`outline`,color:`muted`,className:`size-9`,children:(0,a.jsx)(i.HeartIcon,{})}),(0,a.jsxs)(t.Button,{className:`max-w-52 max-sm:size-9 sm:flex-1`,children:[(0,a.jsx)(i.ShoppingCartIcon,{}),(0,a.jsx)(`p`,{className:`sr-only sm:not-sr-only`,children:`Thêm vào giỏ`})]})]})]})]});exports.GridProductCard=o;
+const e=require(`../chunk-350yNsax.cjs`);require(`../button.variants-4kw6plrv.cjs`);const t=require(`../button-C--DAN1D.cjs`);require(`../heading-tGTqk3pA.cjs`),require(`../paragraph-DvTZvbzw.cjs`);const n=require(`../ui/card.cjs`);require(`../skeleton-CX1USu1w.cjs`);const r=require(`../image-W_Yb0xTB.cjs`);let i=require(`lucide-react`),a=require(`react/jsx-runtime`);const o=({name:e,thumbnail:o,price:s})=>(0,a.jsxs)(n.Card,{className:`h-36 w-full flex-row gap-4 p-2 pr-4`,children:[(0,a.jsx)(r.t,{className:`aspect-square h-full flex-0`,src:o}),(0,a.jsxs)(`div`,{className:`flex flex-1 flex-col gap-y-1`,children:[(0,a.jsx)(`p`,{className:`line-clamp-2 h-10 font-semibold text-sm text-text-positive`,children:e}),(0,a.jsxs)(`p`,{className:`font-bold text-base text-success`,children:[s.toLocaleString(`vi-VN`),(0,a.jsx)(`small`,{className:`ml-0.5`,children:`VND`})]}),(0,a.jsxs)(`div`,{className:`mb-3 flex flex-1 items-end justify-end gap-x-1`,children:[(0,a.jsx)(t.t,{size:`icon`,variant:`outline`,color:`muted`,className:`size-9`,children:(0,a.jsx)(i.HeartIcon,{})}),(0,a.jsxs)(t.t,{className:`max-w-52 max-sm:size-9 sm:flex-1`,children:[(0,a.jsx)(i.ShoppingCartIcon,{}),(0,a.jsx)(`p`,{className:`sr-only sm:not-sr-only`,children:`Thêm vào giỏ`})]})]})]})]});exports.GridProductCard=o;
 //# sourceMappingURL=grid-product-card.cjs.map

package/dist/cards/grid-product-card.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"grid-product-card.cjs","names":["GridProductCard: React.FC<Props>","Card","Image","Button","HeartIcon","ShoppingCartIcon"],"sources":["../../packages/components/cards/grid-product-card.tsx"],"sourcesContent":["import { HeartIcon, ShoppingCartIcon } from 'lucide-react';\n\nimport { Button } from '../ui/button';\nimport { Card } from '../ui/card';\nimport { Image } from '../ui/image';\n\ntype Props = {\n  /** Unique identifier for the product. */\n  id: string;\n  /** URL-friendly slug for the product. */\n  slug: string;\n  /** Display name of the product shown on the card. */\n  name: string;\n  /** URL of the product's thumbnail image. */\n  thumbnail: string;\n  /** Regular price of the product in VND. */\n  price: number;\n  /** Optional sale / discounted price in VND. */\n  salePrice?: number;\n  /** Optional sale discount percentage (0–100). */\n  salePercentage?: number;\n};\n\n/**\n * A horizontal (grid-row) product card displaying a thumbnail, name, price, and add-to-cart / favourite actions.\n *\n * @example\n * ```tsx\n * import { GridProductCard } from '@customafk/lunas-ui/cards/grid-product-card';\n *\n * <GridProductCard\n *   id=\"prod-1\"\n *   slug=\"awesome-widget\"\n *   name=\"Awesome Widget\"\n *   thumbnail=\"/images/widget.png\"\n *   price={299000}\n * />\n * ```\n */\nexport const GridProductCard: React.FC<Props> = ({ name, thumbnail, price }) => {\n  return (\n    <Card className=\"h-36 w-full flex-row gap-4 p-2 pr-4\">\n      <Image className=\"aspect-square h-full flex-0\" src={thumbnail} />\n      <div className=\"flex flex-1 flex-col gap-y-1\">\n        <p className=\"line-clamp-2 h-10 font-semibold text-sm text-text-positive\">{name}</p>\n        <p className=\"font-bold text-base text-success\">\n          {price.toLocaleString('vi-VN')}\n          <small className=\"ml-0.5\">VND</small>\n        </p>\n        <div className=\"mb-3 flex flex-1 items-end justify-end gap-x-1\">\n          <Button size=\"icon\" variant=\"outline\" color=\"muted\" className=\"size-9\">\n            <HeartIcon />\n          </Button>\n          <Button className=\"max-w-52 max-sm:size-9 sm:flex-1\">\n            <ShoppingCartIcon />\n            <p className=\"sr-only sm:not-sr-only\">Thêm vào giỏ</p>\n          </Button>\n        </div>\n      </div>\n    </Card>\n  );\n};\n"],"mappings":"sWAuCA,MAAaA,GAAoC,CAAE,OAAM,YAAW,YAEhE,EAAA,EAAA,MAACC,EAAAA,KAAAA,CAAK,UAAU,iDACd,EAAA,EAAA,KAACC,EAAAA,MAAAA,CAAM,UAAU,8BAA8B,IAAK,GAAa,EACjE,EAAA,EAAA,MAAC,MAAA,CAAI,UAAU,0CACb,EAAA,EAAA,KAAC,IAAA,CAAE,UAAU,sEAA8D,GAAS,EACpF,EAAA,EAAA,MAAC,IAAA,CAAE,UAAU,6CACV,EAAM,eAAe,QAAQ,EAC9B,EAAA,EAAA,KAAC,QAAA,CAAM,UAAU,kBAAS,OAAW,CAAA,EACnC,EACJ,EAAA,EAAA,MAAC,MAAA,CAAI,UAAU,4DACb,EAAA,EAAA,KAACC,EAAAA,OAAAA,CAAO,KAAK,OAAO,QAAQ,UAAU,MAAM,QAAQ,UAAU,mBAC5D,EAAA,EAAA,KAACC,EAAAA,UAAAA,EAAAA,CAAY,EACN,EACT,EAAA,EAAA,MAACD,EAAAA,OAAAA,CAAO,UAAU,8CAChB,EAAA,EAAA,KAACE,EAAAA,iBAAAA,EAAAA,CAAmB,EACpB,EAAA,EAAA,KAAC,IAAA,CAAE,UAAU,kCAAyB,gBAAgB,CAAA,EAC/C,CAAA,EACL,GACF,CAAA,EACD"}
+{"version":3,"file":"grid-product-card.cjs","names":["GridProductCard: React.FC<Props>","Card","Image","Button","HeartIcon","ShoppingCartIcon"],"sources":["../../packages/components/cards/grid-product-card.tsx"],"sourcesContent":["import { HeartIcon, ShoppingCartIcon } from 'lucide-react';\n\nimport { Button } from '../ui/button';\nimport { Card } from '../ui/card';\nimport { Image } from '../ui/image';\n\ntype Props = {\n  /** Unique identifier for the product. */\n  id: string;\n  /** URL-friendly slug for the product. */\n  slug: string;\n  /** Display name of the product shown on the card. */\n  name: string;\n  /** URL of the product's thumbnail image. */\n  thumbnail: string;\n  /** Regular price of the product in VND. */\n  price: number;\n  /** Optional sale / discounted price in VND. */\n  salePrice?: number;\n  /** Optional sale discount percentage (0–100). */\n  salePercentage?: number;\n};\n\n/**\n * A horizontal (grid-row) product card displaying a thumbnail, name, price, and add-to-cart / favourite actions.\n *\n * @example\n * ```tsx\n * import { GridProductCard } from '@customafk/lunas-ui/cards/grid-product-card';\n *\n * <GridProductCard\n *   id=\"prod-1\"\n *   slug=\"awesome-widget\"\n *   name=\"Awesome Widget\"\n *   thumbnail=\"/images/widget.png\"\n *   price={299000}\n * />\n * ```\n */\nexport const GridProductCard: React.FC<Props> = ({ name, thumbnail, price }) => {\n  return (\n    <Card className=\"h-36 w-full flex-row gap-4 p-2 pr-4\">\n      <Image className=\"aspect-square h-full flex-0\" src={thumbnail} />\n      <div className=\"flex flex-1 flex-col gap-y-1\">\n        <p className=\"line-clamp-2 h-10 font-semibold text-sm text-text-positive\">{name}</p>\n        <p className=\"font-bold text-base text-success\">\n          {price.toLocaleString('vi-VN')}\n          <small className=\"ml-0.5\">VND</small>\n        </p>\n        <div className=\"mb-3 flex flex-1 items-end justify-end gap-x-1\">\n          <Button size=\"icon\" variant=\"outline\" color=\"muted\" className=\"size-9\">\n            <HeartIcon />\n          </Button>\n          <Button className=\"max-w-52 max-sm:size-9 sm:flex-1\">\n            <ShoppingCartIcon />\n            <p className=\"sr-only sm:not-sr-only\">Thêm vào giỏ</p>\n          </Button>\n        </div>\n      </div>\n    </Card>\n  );\n};\n"],"mappings":"kXAuCA,MAAaA,GAAoC,CAAE,OAAM,YAAW,YAEhE,EAAA,EAAA,MAACC,EAAAA,KAAAA,CAAK,UAAU,iDACd,EAAA,EAAA,KAACC,EAAAA,EAAAA,CAAM,UAAU,8BAA8B,IAAK,GAAa,EACjE,EAAA,EAAA,MAAC,MAAA,CAAI,UAAU,0CACb,EAAA,EAAA,KAAC,IAAA,CAAE,UAAU,sEAA8D,GAAS,EACpF,EAAA,EAAA,MAAC,IAAA,CAAE,UAAU,6CACV,EAAM,eAAe,QAAQ,EAC9B,EAAA,EAAA,KAAC,QAAA,CAAM,UAAU,kBAAS,OAAW,CAAA,EACnC,EACJ,EAAA,EAAA,MAAC,MAAA,CAAI,UAAU,4DACb,EAAA,EAAA,KAACC,EAAAA,EAAAA,CAAO,KAAK,OAAO,QAAQ,UAAU,MAAM,QAAQ,UAAU,mBAC5D,EAAA,EAAA,KAACC,EAAAA,UAAAA,EAAAA,CAAY,EACN,EACT,EAAA,EAAA,MAACD,EAAAA,EAAAA,CAAO,UAAU,8CAChB,EAAA,EAAA,KAACE,EAAAA,iBAAAA,EAAAA,CAAmB,EACpB,EAAA,EAAA,KAAC,IAAA,CAAE,UAAU,kCAAyB,gBAAgB,CAAA,EAC/C,CAAA,EACL,GACF,CAAA,EACD"}

package/dist/cards/grid-product-card.d.mts

@@ -0,0 +1,37 @@
+//#region packages/components/cards/grid-product-card.d.ts
+type Props = {
+  /** Unique identifier for the product. */
+  id: string;
+  /** URL-friendly slug for the product. */
+  slug: string;
+  /** Display name of the product shown on the card. */
+  name: string;
+  /** URL of the product's thumbnail image. */
+  thumbnail: string;
+  /** Regular price of the product in VND. */
+  price: number;
+  /** Optional sale / discounted price in VND. */
+  salePrice?: number;
+  /** Optional sale discount percentage (0–100). */
+  salePercentage?: number;
+};
+/**
+ * A horizontal (grid-row) product card displaying a thumbnail, name, price, and add-to-cart / favourite actions.
+ *
+ * @example
+ * ```tsx
+ * import { GridProductCard } from '@customafk/lunas-ui/cards/grid-product-card';
+ *
+ * <GridProductCard
+ *   id="prod-1"
+ *   slug="awesome-widget"
+ *   name="Awesome Widget"
+ *   thumbnail="/images/widget.png"
+ *   price={299000}
+ * />
+ * ```
+ */
+declare const GridProductCard: React.FC<Props>;
+//#endregion
+export { GridProductCard };
+//# sourceMappingURL=grid-product-card.d.mts.map

package/dist/cards/grid-product-card.mjs

@@ -0,0 +1,2 @@
+import"../button.variants-DkMqWB8G.mjs";import{t as e}from"../button-CCVJTHBI.mjs";import"../heading-De4Pn3mZ.mjs";import"../paragraph-DYLaQtTV.mjs";import{Card as t}from"../ui/card.mjs";import"../skeleton-C51IdOfK.mjs";import{t as n}from"../image-D7OZ13Ib.mjs";import{HeartIcon as r,ShoppingCartIcon as i}from"lucide-react";import{jsx as a,jsxs as o}from"react/jsx-runtime";const s=({name:s,thumbnail:c,price:l})=>o(t,{className:`h-36 w-full flex-row gap-4 p-2 pr-4`,children:[a(n,{className:`aspect-square h-full flex-0`,src:c}),o(`div`,{className:`flex flex-1 flex-col gap-y-1`,children:[a(`p`,{className:`line-clamp-2 h-10 font-semibold text-sm text-text-positive`,children:s}),o(`p`,{className:`font-bold text-base text-success`,children:[l.toLocaleString(`vi-VN`),a(`small`,{className:`ml-0.5`,children:`VND`})]}),o(`div`,{className:`mb-3 flex flex-1 items-end justify-end gap-x-1`,children:[a(e,{size:`icon`,variant:`outline`,color:`muted`,className:`size-9`,children:a(r,{})}),o(e,{className:`max-w-52 max-sm:size-9 sm:flex-1`,children:[a(i,{}),a(`p`,{className:`sr-only sm:not-sr-only`,children:`Thêm vào giỏ`})]})]})]})]});export{s as GridProductCard};
+//# sourceMappingURL=grid-product-card.mjs.map

package/dist/cards/grid-product-card.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"grid-product-card.mjs","names":["GridProductCard: React.FC<Props>","Image"],"sources":["../../packages/components/cards/grid-product-card.tsx"],"sourcesContent":["import { HeartIcon, ShoppingCartIcon } from 'lucide-react';\n\nimport { Button } from '../ui/button';\nimport { Card } from '../ui/card';\nimport { Image } from '../ui/image';\n\ntype Props = {\n  /** Unique identifier for the product. */\n  id: string;\n  /** URL-friendly slug for the product. */\n  slug: string;\n  /** Display name of the product shown on the card. */\n  name: string;\n  /** URL of the product's thumbnail image. */\n  thumbnail: string;\n  /** Regular price of the product in VND. */\n  price: number;\n  /** Optional sale / discounted price in VND. */\n  salePrice?: number;\n  /** Optional sale discount percentage (0–100). */\n  salePercentage?: number;\n};\n\n/**\n * A horizontal (grid-row) product card displaying a thumbnail, name, price, and add-to-cart / favourite actions.\n *\n * @example\n * ```tsx\n * import { GridProductCard } from '@customafk/lunas-ui/cards/grid-product-card';\n *\n * <GridProductCard\n *   id=\"prod-1\"\n *   slug=\"awesome-widget\"\n *   name=\"Awesome Widget\"\n *   thumbnail=\"/images/widget.png\"\n *   price={299000}\n * />\n * ```\n */\nexport const GridProductCard: React.FC<Props> = ({ name, thumbnail, price }) => {\n  return (\n    <Card className=\"h-36 w-full flex-row gap-4 p-2 pr-4\">\n      <Image className=\"aspect-square h-full flex-0\" src={thumbnail} />\n      <div className=\"flex flex-1 flex-col gap-y-1\">\n        <p className=\"line-clamp-2 h-10 font-semibold text-sm text-text-positive\">{name}</p>\n        <p className=\"font-bold text-base text-success\">\n          {price.toLocaleString('vi-VN')}\n          <small className=\"ml-0.5\">VND</small>\n        </p>\n        <div className=\"mb-3 flex flex-1 items-end justify-end gap-x-1\">\n          <Button size=\"icon\" variant=\"outline\" color=\"muted\" className=\"size-9\">\n            <HeartIcon />\n          </Button>\n          <Button className=\"max-w-52 max-sm:size-9 sm:flex-1\">\n            <ShoppingCartIcon />\n            <p className=\"sr-only sm:not-sr-only\">Thêm vào giỏ</p>\n          </Button>\n        </div>\n      </div>\n    </Card>\n  );\n};\n"],"mappings":"uXAuCA,MAAaA,GAAoC,CAAE,OAAM,YAAW,WAEhE,EAAC,EAAA,CAAK,UAAU,gDACd,EAACC,EAAAA,CAAM,UAAU,8BAA8B,IAAK,GAAa,CACjE,EAAC,MAAA,CAAI,UAAU,yCACb,EAAC,IAAA,CAAE,UAAU,sEAA8D,GAAS,CACpF,EAAC,IAAA,CAAE,UAAU,6CACV,EAAM,eAAe,QAAQ,CAC9B,EAAC,QAAA,CAAM,UAAU,kBAAS,OAAW,CAAA,EACnC,CACJ,EAAC,MAAA,CAAI,UAAU,2DACb,EAAC,EAAA,CAAO,KAAK,OAAO,QAAQ,UAAU,MAAM,QAAQ,UAAU,kBAC5D,EAAC,EAAA,EAAA,CAAY,EACN,CACT,EAAC,EAAA,CAAO,UAAU,6CAChB,EAAC,EAAA,EAAA,CAAmB,CACpB,EAAC,IAAA,CAAE,UAAU,kCAAyB,gBAAgB,CAAA,EAC/C,CAAA,EACL,GACF,CAAA,EACD"}

package/dist/cards/product-card.cjs

@@ -1,2 +1,2 @@
-const e=require(`../chunk-Bmb41Sf3.cjs`);require(`../button.variants-DgVFNsVc.cjs`);const t=require(`../ui/button.cjs`);require(`../heading-BX7ZVnVg.cjs`),require(`../paragraph-D0x3Jc6W.cjs`);const n=require(`../ui/card.cjs`);require(`../skeleton-oQFT4xR2.cjs`);const r=require(`../ui/image.cjs`);let i=require(`lucide-react`),a=require(`react/jsx-runtime`);const o=({name:e,thumbnail:o,price:s})=>(0,a.jsxs)(n.Card,{className:`size-full gap-y-2 p-2 pb-4`,children:[(0,a.jsx)(r.Image,{src:o,className:`aspect-square`}),(0,a.jsxs)(`div`,{className:`flex flex-col gap-y-1`,children:[(0,a.jsx)(`p`,{className:`line-clamp-2 h-10 text-sm font-semibold`,children:e}),(0,a.jsxs)(`p`,{className:`text-success text-base font-bold`,children:[s.toLocaleString(`vi-VN`),(0,a.jsx)(`small`,{className:`ml-0.5`,children:`VND`})]}),(0,a.jsxs)(`div`,{className:`mt-1 flex gap-x-1`,children:[(0,a.jsxs)(t.Button,{className:`flex-1`,children:[(0,a.jsx)(i.ShoppingCartIcon,{}),`Thêm vào giỏ`]}),(0,a.jsx)(t.Button,{size:`icon`,variant:`outline`,color:`muted`,className:`size-9`,children:(0,a.jsx)(i.HeartIcon,{})})]})]})]});exports.ProductCard=o;
+const e=require(`../chunk-350yNsax.cjs`);require(`../button.variants-4kw6plrv.cjs`);const t=require(`../button-C--DAN1D.cjs`);require(`../heading-tGTqk3pA.cjs`),require(`../paragraph-DvTZvbzw.cjs`);const n=require(`../ui/card.cjs`);require(`../skeleton-CX1USu1w.cjs`);const r=require(`../image-W_Yb0xTB.cjs`);let i=require(`lucide-react`),a=require(`react/jsx-runtime`);const o=({name:e,thumbnail:o,price:s})=>(0,a.jsxs)(n.Card,{className:`size-full gap-y-2 p-2 pb-4`,children:[(0,a.jsx)(r.t,{src:o,className:`aspect-square`}),(0,a.jsxs)(`div`,{className:`flex flex-col gap-y-1`,children:[(0,a.jsx)(`p`,{className:`line-clamp-2 h-10 text-sm font-semibold`,children:e}),(0,a.jsxs)(`p`,{className:`text-success text-base font-bold`,children:[s.toLocaleString(`vi-VN`),(0,a.jsx)(`small`,{className:`ml-0.5`,children:`VND`})]}),(0,a.jsxs)(`div`,{className:`mt-1 flex gap-x-1`,children:[(0,a.jsxs)(t.t,{className:`flex-1`,children:[(0,a.jsx)(i.ShoppingCartIcon,{}),`Thêm vào giỏ`]}),(0,a.jsx)(t.t,{size:`icon`,variant:`outline`,color:`muted`,className:`size-9`,children:(0,a.jsx)(i.HeartIcon,{})})]})]})]});exports.ProductCard=o;
 //# sourceMappingURL=product-card.cjs.map

package/dist/cards/product-card.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"product-card.cjs","names":["ProductCard: React.FC<Props>","Card","Image","Button","ShoppingCartIcon","HeartIcon"],"sources":["../../packages/components/cards/product-card.tsx"],"sourcesContent":["import { HeartIcon, ShoppingCartIcon } from 'lucide-react';\n\nimport { Button } from '../ui/button';\nimport { Card } from '../ui/card';\nimport { Image } from '../ui/image';\n\ntype Props = {\n  /** Unique identifier for the product. */\n  id: string;\n  /** URL-friendly slug for the product. */\n  slug: string;\n  /** Display name of the product shown on the card. */\n  name: string;\n  /** URL of the product's thumbnail image. */\n  thumbnail: string;\n  /** Regular price of the product in VND. */\n  price: number;\n  /** Optional sale / discounted price in VND. */\n  salePrice?: number;\n  /** Optional sale discount percentage (0–100). */\n  salePercentage?: number;\n};\n\n/**\n * A vertical product card displaying a thumbnail, name, price, and add-to-cart / favourite actions.\n *\n * @example\n * ```tsx\n * import { ProductCard } from '@customafk/lunas-ui/cards/product-card';\n *\n * <ProductCard\n *   id=\"prod-1\"\n *   slug=\"awesome-widget\"\n *   name=\"Awesome Widget\"\n *   thumbnail=\"/images/widget.png\"\n *   price={299000}\n * />\n * ```\n */\nexport const ProductCard: React.FC<Props> = ({ name, thumbnail, price }) => {\n  return (\n    <Card className=\"size-full gap-y-2 p-2 pb-4\">\n      <Image src={thumbnail} className=\"aspect-square\" />\n      <div className=\"flex flex-col gap-y-1\">\n        <p className=\"line-clamp-2 h-10 text-sm font-semibold\">{name}</p>\n        <p className=\"text-success text-base font-bold\">\n          {price.toLocaleString('vi-VN')}\n          <small className=\"ml-0.5\">VND</small>\n        </p>\n        <div className=\"mt-1 flex gap-x-1\">\n          <Button className=\"flex-1\">\n            <ShoppingCartIcon />\n            Thêm vào giỏ\n          </Button>\n          <Button size=\"icon\" variant=\"outline\" color=\"muted\" className=\"size-9\">\n            <HeartIcon />\n          </Button>\n        </div>\n      </div>\n    </Card>\n  );\n};\n"],"mappings":"sWAuCA,MAAaA,GAAgC,CAAE,OAAM,YAAW,YAE5D,EAAA,EAAA,MAACC,EAAAA,KAAAA,CAAK,UAAU,wCACd,EAAA,EAAA,KAACC,EAAAA,MAAAA,CAAM,IAAK,EAAW,UAAU,iBAAkB,EACnD,EAAA,EAAA,MAAC,MAAA,CAAI,UAAU,mCACb,EAAA,EAAA,KAAC,IAAA,CAAE,UAAU,mDAA2C,GAAS,EACjE,EAAA,EAAA,MAAC,IAAA,CAAE,UAAU,6CACV,EAAM,eAAe,QAAQ,EAC9B,EAAA,EAAA,KAAC,QAAA,CAAM,UAAU,kBAAS,OAAW,CAAA,EACnC,EACJ,EAAA,EAAA,MAAC,MAAA,CAAI,UAAU,+BACb,EAAA,EAAA,MAACC,EAAAA,OAAAA,CAAO,UAAU,oBAChB,EAAA,EAAA,KAACC,EAAAA,iBAAAA,EAAAA,CAAmB,CAAA,eAAA,EAEb,EACT,EAAA,EAAA,KAACD,EAAAA,OAAAA,CAAO,KAAK,OAAO,QAAQ,UAAU,MAAM,QAAQ,UAAU,mBAC5D,EAAA,EAAA,KAACE,EAAAA,UAAAA,EAAAA,CAAY,EACN,CAAA,EACL,GACF,CAAA,EACD"}
+{"version":3,"file":"product-card.cjs","names":["ProductCard: React.FC<Props>","Card","Image","Button","ShoppingCartIcon","HeartIcon"],"sources":["../../packages/components/cards/product-card.tsx"],"sourcesContent":["import { HeartIcon, ShoppingCartIcon } from 'lucide-react';\n\nimport { Button } from '../ui/button';\nimport { Card } from '../ui/card';\nimport { Image } from '../ui/image';\n\ntype Props = {\n  /** Unique identifier for the product. */\n  id: string;\n  /** URL-friendly slug for the product. */\n  slug: string;\n  /** Display name of the product shown on the card. */\n  name: string;\n  /** URL of the product's thumbnail image. */\n  thumbnail: string;\n  /** Regular price of the product in VND. */\n  price: number;\n  /** Optional sale / discounted price in VND. */\n  salePrice?: number;\n  /** Optional sale discount percentage (0–100). */\n  salePercentage?: number;\n};\n\n/**\n * A vertical product card displaying a thumbnail, name, price, and add-to-cart / favourite actions.\n *\n * @example\n * ```tsx\n * import { ProductCard } from '@customafk/lunas-ui/cards/product-card';\n *\n * <ProductCard\n *   id=\"prod-1\"\n *   slug=\"awesome-widget\"\n *   name=\"Awesome Widget\"\n *   thumbnail=\"/images/widget.png\"\n *   price={299000}\n * />\n * ```\n */\nexport const ProductCard: React.FC<Props> = ({ name, thumbnail, price }) => {\n  return (\n    <Card className=\"size-full gap-y-2 p-2 pb-4\">\n      <Image src={thumbnail} className=\"aspect-square\" />\n      <div className=\"flex flex-col gap-y-1\">\n        <p className=\"line-clamp-2 h-10 text-sm font-semibold\">{name}</p>\n        <p className=\"text-success text-base font-bold\">\n          {price.toLocaleString('vi-VN')}\n          <small className=\"ml-0.5\">VND</small>\n        </p>\n        <div className=\"mt-1 flex gap-x-1\">\n          <Button className=\"flex-1\">\n            <ShoppingCartIcon />\n            Thêm vào giỏ\n          </Button>\n          <Button size=\"icon\" variant=\"outline\" color=\"muted\" className=\"size-9\">\n            <HeartIcon />\n          </Button>\n        </div>\n      </div>\n    </Card>\n  );\n};\n"],"mappings":"kXAuCA,MAAaA,GAAgC,CAAE,OAAM,YAAW,YAE5D,EAAA,EAAA,MAACC,EAAAA,KAAAA,CAAK,UAAU,wCACd,EAAA,EAAA,KAACC,EAAAA,EAAAA,CAAM,IAAK,EAAW,UAAU,iBAAkB,EACnD,EAAA,EAAA,MAAC,MAAA,CAAI,UAAU,mCACb,EAAA,EAAA,KAAC,IAAA,CAAE,UAAU,mDAA2C,GAAS,EACjE,EAAA,EAAA,MAAC,IAAA,CAAE,UAAU,6CACV,EAAM,eAAe,QAAQ,EAC9B,EAAA,EAAA,KAAC,QAAA,CAAM,UAAU,kBAAS,OAAW,CAAA,EACnC,EACJ,EAAA,EAAA,MAAC,MAAA,CAAI,UAAU,+BACb,EAAA,EAAA,MAACC,EAAAA,EAAAA,CAAO,UAAU,oBAChB,EAAA,EAAA,KAACC,EAAAA,iBAAAA,EAAAA,CAAmB,CAAA,eAAA,EAEb,EACT,EAAA,EAAA,KAACD,EAAAA,EAAAA,CAAO,KAAK,OAAO,QAAQ,UAAU,MAAM,QAAQ,UAAU,mBAC5D,EAAA,EAAA,KAACE,EAAAA,UAAAA,EAAAA,CAAY,EACN,CAAA,EACL,GACF,CAAA,EACD"}

package/dist/cards/product-card.d.mts

@@ -0,0 +1,37 @@
+//#region packages/components/cards/product-card.d.ts
+type Props = {
+  /** Unique identifier for the product. */
+  id: string;
+  /** URL-friendly slug for the product. */
+  slug: string;
+  /** Display name of the product shown on the card. */
+  name: string;
+  /** URL of the product's thumbnail image. */
+  thumbnail: string;
+  /** Regular price of the product in VND. */
+  price: number;
+  /** Optional sale / discounted price in VND. */
+  salePrice?: number;
+  /** Optional sale discount percentage (0–100). */
+  salePercentage?: number;
+};
+/**
+ * A vertical product card displaying a thumbnail, name, price, and add-to-cart / favourite actions.
+ *
+ * @example
+ * ```tsx
+ * import { ProductCard } from '@customafk/lunas-ui/cards/product-card';
+ *
+ * <ProductCard
+ *   id="prod-1"
+ *   slug="awesome-widget"
+ *   name="Awesome Widget"
+ *   thumbnail="/images/widget.png"
+ *   price={299000}
+ * />
+ * ```
+ */
+declare const ProductCard: React.FC<Props>;
+//#endregion
+export { ProductCard };
+//# sourceMappingURL=product-card.d.mts.map

package/dist/cards/product-card.mjs

@@ -0,0 +1,2 @@
+import"../button.variants-DkMqWB8G.mjs";import{t as e}from"../button-CCVJTHBI.mjs";import"../heading-De4Pn3mZ.mjs";import"../paragraph-DYLaQtTV.mjs";import{Card as t}from"../ui/card.mjs";import"../skeleton-C51IdOfK.mjs";import{t as n}from"../image-D7OZ13Ib.mjs";import{HeartIcon as r,ShoppingCartIcon as i}from"lucide-react";import{jsx as a,jsxs as o}from"react/jsx-runtime";const s=({name:s,thumbnail:c,price:l})=>o(t,{className:`size-full gap-y-2 p-2 pb-4`,children:[a(n,{src:c,className:`aspect-square`}),o(`div`,{className:`flex flex-col gap-y-1`,children:[a(`p`,{className:`line-clamp-2 h-10 text-sm font-semibold`,children:s}),o(`p`,{className:`text-success text-base font-bold`,children:[l.toLocaleString(`vi-VN`),a(`small`,{className:`ml-0.5`,children:`VND`})]}),o(`div`,{className:`mt-1 flex gap-x-1`,children:[o(e,{className:`flex-1`,children:[a(i,{}),`Thêm vào giỏ`]}),a(e,{size:`icon`,variant:`outline`,color:`muted`,className:`size-9`,children:a(r,{})})]})]})]});export{s as ProductCard};
+//# sourceMappingURL=product-card.mjs.map

package/dist/cards/product-card.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"product-card.mjs","names":["ProductCard: React.FC<Props>","Image"],"sources":["../../packages/components/cards/product-card.tsx"],"sourcesContent":["import { HeartIcon, ShoppingCartIcon } from 'lucide-react';\n\nimport { Button } from '../ui/button';\nimport { Card } from '../ui/card';\nimport { Image } from '../ui/image';\n\ntype Props = {\n  /** Unique identifier for the product. */\n  id: string;\n  /** URL-friendly slug for the product. */\n  slug: string;\n  /** Display name of the product shown on the card. */\n  name: string;\n  /** URL of the product's thumbnail image. */\n  thumbnail: string;\n  /** Regular price of the product in VND. */\n  price: number;\n  /** Optional sale / discounted price in VND. */\n  salePrice?: number;\n  /** Optional sale discount percentage (0–100). */\n  salePercentage?: number;\n};\n\n/**\n * A vertical product card displaying a thumbnail, name, price, and add-to-cart / favourite actions.\n *\n * @example\n * ```tsx\n * import { ProductCard } from '@customafk/lunas-ui/cards/product-card';\n *\n * <ProductCard\n *   id=\"prod-1\"\n *   slug=\"awesome-widget\"\n *   name=\"Awesome Widget\"\n *   thumbnail=\"/images/widget.png\"\n *   price={299000}\n * />\n * ```\n */\nexport const ProductCard: React.FC<Props> = ({ name, thumbnail, price }) => {\n  return (\n    <Card className=\"size-full gap-y-2 p-2 pb-4\">\n      <Image src={thumbnail} className=\"aspect-square\" />\n      <div className=\"flex flex-col gap-y-1\">\n        <p className=\"line-clamp-2 h-10 text-sm font-semibold\">{name}</p>\n        <p className=\"text-success text-base font-bold\">\n          {price.toLocaleString('vi-VN')}\n          <small className=\"ml-0.5\">VND</small>\n        </p>\n        <div className=\"mt-1 flex gap-x-1\">\n          <Button className=\"flex-1\">\n            <ShoppingCartIcon />\n            Thêm vào giỏ\n          </Button>\n          <Button size=\"icon\" variant=\"outline\" color=\"muted\" className=\"size-9\">\n            <HeartIcon />\n          </Button>\n        </div>\n      </div>\n    </Card>\n  );\n};\n"],"mappings":"uXAuCA,MAAaA,GAAgC,CAAE,OAAM,YAAW,WAE5D,EAAC,EAAA,CAAK,UAAU,uCACd,EAACC,EAAAA,CAAM,IAAK,EAAW,UAAU,iBAAkB,CACnD,EAAC,MAAA,CAAI,UAAU,kCACb,EAAC,IAAA,CAAE,UAAU,mDAA2C,GAAS,CACjE,EAAC,IAAA,CAAE,UAAU,6CACV,EAAM,eAAe,QAAQ,CAC9B,EAAC,QAAA,CAAM,UAAU,kBAAS,OAAW,CAAA,EACnC,CACJ,EAAC,MAAA,CAAI,UAAU,8BACb,EAAC,EAAA,CAAO,UAAU,mBAChB,EAAC,EAAA,EAAA,CAAmB,CAAA,eAAA,EAEb,CACT,EAAC,EAAA,CAAO,KAAK,OAAO,QAAQ,UAAU,MAAM,QAAQ,UAAU,kBAC5D,EAAC,EAAA,EAAA,CAAY,EACN,CAAA,EACL,GACF,CAAA,EACD"}

package/dist/cards/simple-card.cjs

@@ -1,2 +1,2 @@
-"use client";const e=require(`../chunk-Bmb41Sf3.cjs`);require(`../heading-BX7ZVnVg.cjs`),require(`../paragraph-D0x3Jc6W.cjs`);const t=require(`../ui/card.cjs`);let n=require(`react/jsx-runtime`);const r=({title:e,description:r,action:i,footer:a,children:o})=>(0,n.jsxs)(t.Card,{children:[(0,n.jsxs)(t.CardHeader,{children:[(0,n.jsx)(t.CardTitle,{children:e}),(0,n.jsx)(t.CardDescription,{children:r}),i&&(0,n.jsx)(t.CardAction,{children:i})]}),(0,n.jsx)(t.CardContent,{children:o}),a&&(0,n.jsx)(t.CardFooter,{children:a})]});exports.SimpleCard=r;
+"use client";const e=require(`../chunk-350yNsax.cjs`);require(`../heading-tGTqk3pA.cjs`),require(`../paragraph-DvTZvbzw.cjs`);const t=require(`../ui/card.cjs`);let n=require(`react/jsx-runtime`);const r=({title:e,description:r,action:i,footer:a,children:o})=>(0,n.jsxs)(t.Card,{children:[(0,n.jsxs)(t.CardHeader,{children:[(0,n.jsx)(t.CardTitle,{children:e}),(0,n.jsx)(t.CardDescription,{children:r}),i&&(0,n.jsx)(t.CardAction,{children:i})]}),(0,n.jsx)(t.CardContent,{children:o}),a&&(0,n.jsx)(t.CardFooter,{children:a})]});exports.SimpleCard=r;
 //# sourceMappingURL=simple-card.cjs.map