@customafk/lunas-ui 0.2.17 → 0.2.18

package/dist/{input-CKmihxje.d.mts → input-BFD3ecVI.d.mts}

@@ -1,13 +1,13 @@
-import * as react_jsx_runtime108 from "react/jsx-runtime";
+import * as react_jsx_runtime98 from "react/jsx-runtime";
 import { VariantProps } from "class-variance-authority";
-import * as class_variance_authority_types4 from "class-variance-authority/types";
+import * as class_variance_authority_types2 from "class-variance-authority/types";
 
 //#region packages/components/ui/input.d.ts
 /** CVA variant definitions for the `Input` component — controls sizing and visual style. */
 declare const inputVariants: (props?: ({
-  variant?: "outline" | "none" | "ghost" | "soft" | "subtle" | null | undefined;
+  variant?: "soft" | "outline" | "none" | "ghost" | "subtle" | null | undefined;
   size?: "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
-} & class_variance_authority_types4.ClassProp) | undefined) => string;
+} & class_variance_authority_types2.ClassProp) | undefined) => string;
 type InputVariantProps = VariantProps<typeof inputVariants>;
 /**
  * Styled text input field built on the native `<input>` element with CVA-driven size and variant tokens.
@@ -38,7 +38,7 @@ declare function Input({
   size?: InputVariantProps['size'];
   /** Convenience callback that receives the raw string value on every change, bypassing the synthetic event. */
   onValueChange?: (value: string) => void;
-}): react_jsx_runtime108.JSX.Element;
+}): react_jsx_runtime98.JSX.Element;
 //#endregion
 export { InputVariantProps as n, inputVariants as r, Input as t };
-//# sourceMappingURL=input-CKmihxje.d.mts.map
+//# sourceMappingURL=input-BFD3ecVI.d.mts.map

package/dist/{input-6f9JTc79.mjs → input-BTm2GrZP.mjs}

@@ -1,2 +1,2 @@
 import{useCallback as e}from"react";import{jsx as t}from"react/jsx-runtime";import{cva as n}from"class-variance-authority";const r=n([`w-full rounded font-normal text-text-positive caret-primary transition-all tabular-nums`,`placeholder:text-text-positive-muted`,`disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50`,`read-only:pointer-events-none read-only:bg-muted-muted read-only:placeholder:text-text-positive-weak`],{variants:{variant:{outline:[`outline-1 outline-border -outline-offset-1 bg-transparent shadow-input`,`focus-visible:outline-primary-strong`,`focus-visible:ring-4`,`focus-visible:ring-primary-weak`,`aria-invalid:outline-danger`,`aria-invalid:ring-danger-weak`,`aria-invalid:bg-danger-bg-subtle`,`aria-invalid:focus-visible:outline-danger-strong`,`aria-invalid:focus-visible:ring-4`,`aria-invalid:placeholder:text-text-positive-weak`],ghost:``,none:``,soft:``,subtle:``},size:{xs:`px-2 py-1 text-xs leading-4`,sm:`px-2.5 py-1.5 text-xs leading-4`,md:`px-2.5 py-2 text-sm leading-5`,lg:`px-3 py-2 text-sm leading-5`,xl:`px-3 py-2 text-base leading-6`}},defaultVariants:{variant:`outline`,size:`md`}});function i({className:n,variant:i,size:a,onChange:o,onValueChange:s,...c}){let l=e(e=>{o?.(e),s?.(e.target.value)},[o,s]);return t(`input`,{"data-slot":`input`,className:r({variant:i,size:a,className:n}),...c,onChange:l})}export{r as n,i as t};
-//# sourceMappingURL=input-6f9JTc79.mjs.map
+//# sourceMappingURL=input-BTm2GrZP.mjs.map

package/dist/{input-6f9JTc79.mjs.map → input-BTm2GrZP.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"input-6f9JTc79.mjs","names":[],"sources":["../packages/components/ui/input.tsx"],"sourcesContent":["'use client';\n\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useCallback } from 'react';\n\n/** CVA variant definitions for the `Input` component — controls sizing and visual style. */\nexport const inputVariants = cva(\n  [\n    'w-full rounded font-normal text-text-positive caret-primary transition-all tabular-nums',\n    'placeholder:text-text-positive-muted',\n    'disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50',\n    'read-only:pointer-events-none read-only:bg-muted-muted read-only:placeholder:text-text-positive-weak',\n  ],\n  {\n    variants: {\n      variant: {\n        outline: [\n          'outline-1 outline-border -outline-offset-1 bg-transparent shadow-input',\n          'focus-visible:outline-primary-strong',\n          'focus-visible:ring-4',\n          'focus-visible:ring-primary-weak',\n          'aria-invalid:outline-danger',\n          'aria-invalid:ring-danger-weak',\n          'aria-invalid:bg-danger-bg-subtle',\n          'aria-invalid:focus-visible:outline-danger-strong',\n          'aria-invalid:focus-visible:ring-4',\n          'aria-invalid:placeholder:text-text-positive-weak',\n        ],\n        ghost: '',\n        none: '',\n        soft: '',\n        subtle: '',\n      },\n      size: {\n        xs: 'px-2 py-1 text-xs leading-4',\n        sm: 'px-2.5 py-1.5 text-xs leading-4',\n        md: 'px-2.5 py-2 text-sm leading-5',\n        lg: 'px-3 py-2 text-sm leading-5',\n        xl: 'px-3 py-2 text-base leading-6',\n      },\n    },\n    defaultVariants: {\n      variant: 'outline',\n      size: 'md',\n    },\n  }\n);\n\nexport type InputVariantProps = VariantProps<typeof inputVariants>;\n\n/**\n * Styled text input field built on the native `<input>` element with CVA-driven size and variant tokens.\n *\n * @example\n * ```tsx\n * import { Input } from '@customafk/lunas-ui/ui/input';\n *\n * <Input\n *   placeholder=\"Enter your name\"\n *   variant=\"outline\"\n *   size=\"md\"\n *   onValueChange={(value) => console.log(value)}\n * />\n * ```\n */\nfunction Input({\n  className,\n  variant,\n  size,\n  onChange,\n  onValueChange,\n  ...props\n}: Omit<React.ComponentProps<'input'>, 'size'> & {\n  /** Visual style of the input border — `'outline'` (default), `'ghost'`, `'none'`, `'soft'`, or `'subtle'`. */\n  variant?: InputVariantProps['variant'];\n  /** Controls padding and font size — `'xs'` | `'sm'` | `'md'` (default) | `'lg'` | `'xl'`. */\n  size?: InputVariantProps['size'];\n  /** Convenience callback that receives the raw string value on every change, bypassing the synthetic event. */\n  onValueChange?: (value: string) => void;\n}) {\n  const handleChange = useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      onChange?.(e);\n      onValueChange?.(e.target.value);\n    },\n    [onChange, onValueChange]\n  );\n  return <input data-slot=\"input\" className={inputVariants({ variant, size, className })} {...props} onChange={handleChange} />;\n}\n\nexport { Input };\n"],"mappings":"2HAMA,MAAa,EAAgB,EAC3B,CACE,0FACA,uCACA,+EACA,uGACD,CACD,CACE,SAAU,CACR,QAAS,CACP,QAAS,CACP,yEACA,uCACA,uBACA,kCACA,8BACA,gCACA,mCACA,mDACA,oCACA,mDACD,CACD,MAAO,GACP,KAAM,GACN,KAAM,GACN,OAAQ,GACT,CACD,KAAM,CACJ,GAAI,8BACJ,GAAI,kCACJ,GAAI,gCACJ,GAAI,8BACJ,GAAI,gCACL,CACF,CACD,gBAAiB,CACf,QAAS,UACT,KAAM,KACP,CACF,CACF,CAmBD,SAAS,EAAM,CACb,YACA,UACA,OACA,WACA,gBACA,GAAG,GAQF,CACD,IAAM,EAAe,EAClB,GAA2C,CAC1C,IAAW,EAAE,CACb,IAAgB,EAAE,OAAO,MAAM,EAEjC,CAAC,EAAU,EAAc,CAC1B,CACD,OAAO,EAAC,QAAA,CAAM,YAAU,QAAQ,UAAW,EAAc,CAAE,UAAS,OAAM,YAAW,CAAC,CAAE,GAAI,EAAO,SAAU,GAAgB"}
+{"version":3,"file":"input-BTm2GrZP.mjs","names":[],"sources":["../packages/components/ui/input.tsx"],"sourcesContent":["'use client';\n\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useCallback } from 'react';\n\n/** CVA variant definitions for the `Input` component — controls sizing and visual style. */\nexport const inputVariants = cva(\n  [\n    'w-full rounded font-normal text-text-positive caret-primary transition-all tabular-nums',\n    'placeholder:text-text-positive-muted',\n    'disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50',\n    'read-only:pointer-events-none read-only:bg-muted-muted read-only:placeholder:text-text-positive-weak',\n  ],\n  {\n    variants: {\n      variant: {\n        outline: [\n          'outline-1 outline-border -outline-offset-1 bg-transparent shadow-input',\n          'focus-visible:outline-primary-strong',\n          'focus-visible:ring-4',\n          'focus-visible:ring-primary-weak',\n          'aria-invalid:outline-danger',\n          'aria-invalid:ring-danger-weak',\n          'aria-invalid:bg-danger-bg-subtle',\n          'aria-invalid:focus-visible:outline-danger-strong',\n          'aria-invalid:focus-visible:ring-4',\n          'aria-invalid:placeholder:text-text-positive-weak',\n        ],\n        ghost: '',\n        none: '',\n        soft: '',\n        subtle: '',\n      },\n      size: {\n        xs: 'px-2 py-1 text-xs leading-4',\n        sm: 'px-2.5 py-1.5 text-xs leading-4',\n        md: 'px-2.5 py-2 text-sm leading-5',\n        lg: 'px-3 py-2 text-sm leading-5',\n        xl: 'px-3 py-2 text-base leading-6',\n      },\n    },\n    defaultVariants: {\n      variant: 'outline',\n      size: 'md',\n    },\n  }\n);\n\nexport type InputVariantProps = VariantProps<typeof inputVariants>;\n\n/**\n * Styled text input field built on the native `<input>` element with CVA-driven size and variant tokens.\n *\n * @example\n * ```tsx\n * import { Input } from '@customafk/lunas-ui/ui/input';\n *\n * <Input\n *   placeholder=\"Enter your name\"\n *   variant=\"outline\"\n *   size=\"md\"\n *   onValueChange={(value) => console.log(value)}\n * />\n * ```\n */\nfunction Input({\n  className,\n  variant,\n  size,\n  onChange,\n  onValueChange,\n  ...props\n}: Omit<React.ComponentProps<'input'>, 'size'> & {\n  /** Visual style of the input border — `'outline'` (default), `'ghost'`, `'none'`, `'soft'`, or `'subtle'`. */\n  variant?: InputVariantProps['variant'];\n  /** Controls padding and font size — `'xs'` | `'sm'` | `'md'` (default) | `'lg'` | `'xl'`. */\n  size?: InputVariantProps['size'];\n  /** Convenience callback that receives the raw string value on every change, bypassing the synthetic event. */\n  onValueChange?: (value: string) => void;\n}) {\n  const handleChange = useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      onChange?.(e);\n      onValueChange?.(e.target.value);\n    },\n    [onChange, onValueChange]\n  );\n  return <input data-slot=\"input\" className={inputVariants({ variant, size, className })} {...props} onChange={handleChange} />;\n}\n\nexport { Input };\n"],"mappings":"2HAMA,MAAa,EAAgB,EAC3B,CACE,0FACA,uCACA,+EACA,uGACD,CACD,CACE,SAAU,CACR,QAAS,CACP,QAAS,CACP,yEACA,uCACA,uBACA,kCACA,8BACA,gCACA,mCACA,mDACA,oCACA,mDACD,CACD,MAAO,GACP,KAAM,GACN,KAAM,GACN,OAAQ,GACT,CACD,KAAM,CACJ,GAAI,8BACJ,GAAI,kCACJ,GAAI,gCACJ,GAAI,8BACJ,GAAI,gCACL,CACF,CACD,gBAAiB,CACf,QAAS,UACT,KAAM,KACP,CACF,CACF,CAmBD,SAAS,EAAM,CACb,YACA,UACA,OACA,WACA,gBACA,GAAG,GAQF,CACD,IAAM,EAAe,EAClB,GAA2C,CAC1C,IAAW,EAAE,CACb,IAAgB,EAAE,OAAO,MAAM,EAEjC,CAAC,EAAU,EAAc,CAC1B,CACD,OAAO,EAAC,QAAA,CAAM,YAAU,QAAQ,UAAW,EAAc,CAAE,UAAS,OAAM,YAAW,CAAC,CAAE,GAAI,EAAO,SAAU,GAAgB"}

package/dist/{input-BMJ08G0t.d.cts → input-CsTijTsW.d.cts}

@@ -1,13 +1,13 @@
 import * as react_jsx_runtime202 from "react/jsx-runtime";
-import * as class_variance_authority_types6 from "class-variance-authority/types";
+import * as class_variance_authority_types9 from "class-variance-authority/types";
 import { VariantProps } from "class-variance-authority";
 
 //#region packages/components/ui/input.d.ts
 /** CVA variant definitions for the `Input` component — controls sizing and visual style. */
 declare const inputVariants: (props?: ({
-  variant?: "outline" | "none" | "ghost" | "soft" | "subtle" | null | undefined;
+  variant?: "soft" | "outline" | "none" | "ghost" | "subtle" | null | undefined;
   size?: "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
-} & class_variance_authority_types6.ClassProp) | undefined) => string;
+} & class_variance_authority_types9.ClassProp) | undefined) => string;
 type InputVariantProps = VariantProps<typeof inputVariants>;
 /**
  * Styled text input field built on the native `<input>` element with CVA-driven size and variant tokens.
@@ -41,4 +41,4 @@ declare function Input({
 }): react_jsx_runtime202.JSX.Element;
 //#endregion
 export { InputVariantProps as n, inputVariants as r, Input as t };
-//# sourceMappingURL=input-BMJ08G0t.d.cts.map
+//# sourceMappingURL=input-CsTijTsW.d.cts.map

package/dist/{label-COqDQDMy.mjs → label-BC2u42kJ.mjs}

@@ -1,2 +1,2 @@
 import{jsx as e}from"react/jsx-runtime";import{cn as t}from"@customafk/react-toolkit/utils";import{Label as n}from"radix-ui";function r({className:r,...i}){return e(n.Root,{"data-slot":`label`,className:t(`text-text-positive`,`flex items-center gap-2`,`select-none font-medium text-sm/6 leading-none`,`group-data-[disabled=true]:pointer-events-none`,`group-data-[disabled=true]:opacity-50`,`peer-disabled:cursor-not-allowed`,`peer-disabled:opacity-50`,r),...i})}export{r as t};
-//# sourceMappingURL=label-COqDQDMy.mjs.map
+//# sourceMappingURL=label-BC2u42kJ.mjs.map

package/dist/{label-COqDQDMy.mjs.map → label-BC2u42kJ.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"label-COqDQDMy.mjs","names":["Label","LabelPrimitive"],"sources":["../packages/components/ui/label.tsx"],"sourcesContent":["'use client';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { Label as LabelPrimitive } from 'radix-ui';\n\n/**\n * Accessible form label built on Radix UI's `Label.Root`, with styles for disabled and peer-disabled states.\n *\n * @example\n * ```tsx\n * import { Label } from '@customafk/lunas-ui/ui/label';\n * import { Input } from '@customafk/lunas-ui/ui/input';\n *\n * <Label htmlFor=\"email\">Email address</Label>\n * <Input id=\"email\" type=\"email\" placeholder=\"you@example.com\" />\n * ```\n */\nfunction Label({ className, ...props }: React.ComponentProps<typeof LabelPrimitive.Root>) {\n  return (\n    <LabelPrimitive.Root\n      data-slot=\"label\"\n      className={cn(\n        'text-text-positive',\n        'flex items-center gap-2',\n        'select-none font-medium text-sm/6 leading-none',\n        'group-data-[disabled=true]:pointer-events-none',\n        'group-data-[disabled=true]:opacity-50',\n        'peer-disabled:cursor-not-allowed',\n        'peer-disabled:opacity-50',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nexport { Label };\n"],"mappings":"6HAkBA,SAASA,EAAM,CAAE,YAAW,GAAG,GAA2D,CACxF,OACE,EAACC,EAAe,KAAA,CACd,YAAU,QACV,UAAW,EACT,qBACA,0BACA,iDACA,iDACA,wCACA,mCACA,2BACA,EACD,CACD,GAAI,GACJ"}
+{"version":3,"file":"label-BC2u42kJ.mjs","names":["Label","LabelPrimitive"],"sources":["../packages/components/ui/label.tsx"],"sourcesContent":["'use client';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { Label as LabelPrimitive } from 'radix-ui';\n\n/**\n * Accessible form label built on Radix UI's `Label.Root`, with styles for disabled and peer-disabled states.\n *\n * @example\n * ```tsx\n * import { Label } from '@customafk/lunas-ui/ui/label';\n * import { Input } from '@customafk/lunas-ui/ui/input';\n *\n * <Label htmlFor=\"email\">Email address</Label>\n * <Input id=\"email\" type=\"email\" placeholder=\"you@example.com\" />\n * ```\n */\nfunction Label({ className, ...props }: React.ComponentProps<typeof LabelPrimitive.Root>) {\n  return (\n    <LabelPrimitive.Root\n      data-slot=\"label\"\n      className={cn(\n        'text-text-positive',\n        'flex items-center gap-2',\n        'select-none font-medium text-sm/6 leading-none',\n        'group-data-[disabled=true]:pointer-events-none',\n        'group-data-[disabled=true]:opacity-50',\n        'peer-disabled:cursor-not-allowed',\n        'peer-disabled:opacity-50',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nexport { Label };\n"],"mappings":"6HAkBA,SAASA,EAAM,CAAE,YAAW,GAAG,GAA2D,CACxF,OACE,EAACC,EAAe,KAAA,CACd,YAAU,QACV,UAAW,EACT,qBACA,0BACA,iDACA,iDACA,wCACA,mCACA,2BACA,EACD,CACD,GAAI,GACJ"}

package/dist/layouts/cms-layout/index.cjs

@@ -1 +1 @@
-"use client";require(`../../button.variants-tnhb123u.cjs`),require(`../../button-CwDT3m4m.cjs`),require(`../../skeleton-BfMCjXYM.cjs`),require(`../../tooltip-itUmYz9k.cjs`),require(`../../separator-BwZb12bh.cjs`),require(`../../sheet-CaDXTx7n.cjs`),require(`../../dropdown-menu-Ct9BLGfa.cjs`),require(`../../input-BMOYFJYM.cjs`);const e=require(`../../cms-layout-BLJpfFpE.cjs`);exports.CMSLayout=e.t;
+"use client";require(`../../button.variants-tnhb123u.cjs`),require(`../../button-CwDT3m4m.cjs`),require(`../../skeleton-BfMCjXYM.cjs`),require(`../../tooltip-itUmYz9k.cjs`),require(`../../separator-BwZb12bh.cjs`),require(`../../sheet-CaDXTx7n.cjs`),require(`../../dropdown-menu-Ct9BLGfa.cjs`),require(`../../input-BMOYFJYM.cjs`);const e=require(`../../cms-layout-mgZdCNOL.cjs`);exports.CMSLayout=e.t;

package/dist/layouts/cms-layout/index.mjs

@@ -1 +1 @@
-"use client";import"../../button.variants-DeCyas1F.mjs";import"../../button-C6ybzxxj.mjs";import"../../skeleton-BPxcW2yu.mjs";import"../../tooltip-Bj0iOG4s.mjs";import"../../separator-BMsbHAVt.mjs";import"../../sheet-DMIqn1iv.mjs";import"../../dropdown-menu-DWSfXhHo.mjs";import"../../input-6f9JTc79.mjs";import{t as e}from"../../cms-layout-BYzUepEk.mjs";export{e as CMSLayout};
+"use client";import"../../button.variants-B8KCLWPT.mjs";import"../../button-DPABon17.mjs";import"../../skeleton-CZVkWN4p.mjs";import"../../tooltip-C7UhtrFf.mjs";import"../../separator-DVI2h_rd.mjs";import"../../sheet-BRXYSJDv.mjs";import"../../dropdown-menu-BocQ2Vev.mjs";import"../../input-BTm2GrZP.mjs";import{t as e}from"../../cms-layout-CujBx9FA.mjs";export{e as CMSLayout};

package/dist/layouts/flex.d.cts

@@ -1,19 +1,19 @@
-import * as react_jsx_runtime25 from "react/jsx-runtime";
-import * as class_variance_authority_types1 from "class-variance-authority/types";
-import * as react0 from "react";
+import * as react_jsx_runtime95 from "react/jsx-runtime";
+import * as class_variance_authority_types5 from "class-variance-authority/types";
+import * as react10 from "react";
 import { VariantProps } from "class-variance-authority";
 
 //#region packages/components/layouts/flex.d.ts
 declare const flexVariants: (props?: ({
   vertical?: boolean | null | undefined;
-  width?: "full" | "auto" | "fit" | "screen" | "min" | "max" | "null" | null | undefined;
+  width?: "auto" | "full" | "fit" | "screen" | "min" | "max" | "null" | null | undefined;
   wrap?: boolean | null | undefined;
   margin?: "sm" | "md" | "lg" | "xl" | "none" | null | undefined;
   padding?: "sm" | "md" | "lg" | "xl" | "none" | null | undefined;
   gap?: "xs" | "sm" | "md" | "lg" | "xl" | "none" | null | undefined;
   justify?: "center" | "start" | "end" | "between" | "around" | "evenly" | "stretch" | null | undefined;
   align?: "center" | "start" | "end" | "stretch" | "baseline" | null | undefined;
-} & class_variance_authority_types1.ClassProp) | undefined) => string;
+} & class_variance_authority_types5.ClassProp) | undefined) => string;
 type Props = {
   /** Additional Tailwind classes merged on top of the variant-generated classes. */
   className?: string;
@@ -101,7 +101,7 @@ type Props = {
  * </Flex>
  * ```
  */
-declare const Flex: react0.MemoExoticComponent<({
+declare const Flex: react10.MemoExoticComponent<({
   vertical,
   wrap,
   width,
@@ -112,7 +112,7 @@ declare const Flex: react0.MemoExoticComponent<({
   align,
   className,
   children
-}: React.PropsWithChildren<Props>) => react_jsx_runtime25.JSX.Element>;
+}: React.PropsWithChildren<Props>) => react_jsx_runtime95.JSX.Element>;
 //#endregion
 export { Flex };
 //# sourceMappingURL=flex.d.cts.map

package/dist/layouts/flex.d.mts

@@ -1,19 +1,19 @@
-import * as react0 from "react";
-import * as react_jsx_runtime101 from "react/jsx-runtime";
+import * as react15 from "react";
+import * as react_jsx_runtime206 from "react/jsx-runtime";
 import { VariantProps } from "class-variance-authority";
-import * as class_variance_authority_types3 from "class-variance-authority/types";
+import * as class_variance_authority_types7 from "class-variance-authority/types";
 
 //#region packages/components/layouts/flex.d.ts
 declare const flexVariants: (props?: ({
   vertical?: boolean | null | undefined;
-  width?: "full" | "auto" | "fit" | "screen" | "min" | "max" | "null" | null | undefined;
+  width?: "auto" | "full" | "fit" | "screen" | "min" | "max" | "null" | null | undefined;
   wrap?: boolean | null | undefined;
   margin?: "sm" | "md" | "lg" | "xl" | "none" | null | undefined;
   padding?: "sm" | "md" | "lg" | "xl" | "none" | null | undefined;
   gap?: "xs" | "sm" | "md" | "lg" | "xl" | "none" | null | undefined;
   justify?: "center" | "start" | "end" | "between" | "around" | "evenly" | "stretch" | null | undefined;
   align?: "center" | "start" | "end" | "stretch" | "baseline" | null | undefined;
-} & class_variance_authority_types3.ClassProp) | undefined) => string;
+} & class_variance_authority_types7.ClassProp) | undefined) => string;
 type Props = {
   /** Additional Tailwind classes merged on top of the variant-generated classes. */
   className?: string;
@@ -101,7 +101,7 @@ type Props = {
  * </Flex>
  * ```
  */
-declare const Flex: react0.MemoExoticComponent<({
+declare const Flex: react15.MemoExoticComponent<({
   vertical,
   wrap,
   width,
@@ -112,7 +112,7 @@ declare const Flex: react0.MemoExoticComponent<({
   align,
   className,
   children
-}: React.PropsWithChildren<Props>) => react_jsx_runtime101.JSX.Element>;
+}: React.PropsWithChildren<Props>) => react_jsx_runtime206.JSX.Element>;
 //#endregion
 export { Flex };
 //# sourceMappingURL=flex.d.mts.map

package/dist/layouts/flex.mjs

@@ -1 +1 @@
-"use client";import{t as e}from"../flex-BLMTj7Ev.mjs";export{e as Flex};
+"use client";import{t as e}from"../flex-zl_w1yeZ.mjs";export{e as Flex};

package/dist/layouts/payment-layout/index.cjs

@@ -1 +1 @@
-require(`../../button.variants-tnhb123u.cjs`),require(`../../button-CwDT3m4m.cjs`),require(`../../skeleton-BfMCjXYM.cjs`),require(`../../tooltip-itUmYz9k.cjs`),require(`../../separator-BwZb12bh.cjs`),require(`../../sheet-CaDXTx7n.cjs`),require(`../../input-BMOYFJYM.cjs`);const e=require(`../../payment-layout-C8_xrnVn.cjs`);exports.PaymentLayout=e.t;
+require(`../../button.variants-tnhb123u.cjs`),require(`../../button-CwDT3m4m.cjs`),require(`../../skeleton-BfMCjXYM.cjs`),require(`../../tooltip-itUmYz9k.cjs`),require(`../../separator-BwZb12bh.cjs`),require(`../../sheet-CaDXTx7n.cjs`),require(`../../input-BMOYFJYM.cjs`);const e=require(`../../payment-layout-CcMvKPaX.cjs`);exports.PaymentLayout=e.t;

package/dist/layouts/payment-layout/index.mjs

@@ -1 +1 @@
-import"../../button.variants-DeCyas1F.mjs";import"../../button-C6ybzxxj.mjs";import"../../skeleton-BPxcW2yu.mjs";import"../../tooltip-Bj0iOG4s.mjs";import"../../separator-BMsbHAVt.mjs";import"../../sheet-DMIqn1iv.mjs";import"../../input-6f9JTc79.mjs";import{t as e}from"../../payment-layout-CVBTGjMw.mjs";export{e as PaymentLayout};
+import"../../button.variants-B8KCLWPT.mjs";import"../../button-DPABon17.mjs";import"../../skeleton-CZVkWN4p.mjs";import"../../tooltip-C7UhtrFf.mjs";import"../../separator-DVI2h_rd.mjs";import"../../sheet-BRXYSJDv.mjs";import"../../input-BTm2GrZP.mjs";import{t as e}from"../../payment-layout-BKJ5xJra.mjs";export{e as PaymentLayout};

package/dist/pages/FeatureDeveloping.d.cts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime1 from "react/jsx-runtime";
+import * as react_jsx_runtime2 from "react/jsx-runtime";
 
 //#region packages/components/pages/FeatureDeveloping.d.ts
 interface FeatureDevelopingProps {
@@ -37,7 +37,7 @@ declare const FeatureDeveloping: ({
   onButtonClick,
   className,
   iconClassName
-}: FeatureDevelopingProps) => react_jsx_runtime1.JSX.Element;
+}: FeatureDevelopingProps) => react_jsx_runtime2.JSX.Element;
 //#endregion
 export { FeatureDeveloping, FeatureDeveloping as default, FeatureDevelopingProps };
 //# sourceMappingURL=FeatureDeveloping.d.cts.map

package/dist/pages/FeatureDeveloping.d.mts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime1 from "react/jsx-runtime";
+import * as react_jsx_runtime124 from "react/jsx-runtime";
 
 //#region packages/components/pages/FeatureDeveloping.d.ts
 interface FeatureDevelopingProps {
@@ -37,7 +37,7 @@ declare const FeatureDeveloping: ({
   onButtonClick,
   className,
   iconClassName
-}: FeatureDevelopingProps) => react_jsx_runtime1.JSX.Element;
+}: FeatureDevelopingProps) => react_jsx_runtime124.JSX.Element;
 //#endregion
 export { FeatureDeveloping, FeatureDeveloping as default, FeatureDevelopingProps };
 //# sourceMappingURL=FeatureDeveloping.d.mts.map

package/dist/pages/FeatureDeveloping.mjs

@@ -1,2 +1,2 @@
-import"../button.variants-DeCyas1F.mjs";import{t as e}from"../button-C6ybzxxj.mjs";import{Construction as t}from"lucide-react";import{jsx as n,jsxs as r}from"react/jsx-runtime";import{cn as i}from"@customafk/react-toolkit/utils";const a=({title:a=`Tính năng đang phát triển`,subtitle:o=`Chúng tôi đang phát triển tính năng này. Vui lòng quay lại sau.`,buttonText:s=`Quay lại`,onButtonClick:c=()=>window.history.back(),className:l,iconClassName:u})=>r(`div`,{className:i(`flex flex-col items-center justify-center min-h-[50vh] gap-4 sm:gap-6 py-8 sm:py-10 px-4 text-center w-full`,l),children:[r(`div`,{className:`flex flex-col items-center gap-2`,children:[n(t,{className:i(`size-16 sm:size-24 text-yellow-500`,u)}),n(`div`,{className:`text-3xl sm:text-5xl font-bold text-yellow-500`})]}),n(`h1`,{className:`text-xl sm:text-2xl font-semibold mt-2`,children:a}),n(`p`,{className:`text-muted-foreground max-w-md text-sm sm:text-base`,children:o}),n(e,{onClick:c,variant:`default`,className:`mt-2`,size:`sm`,children:s})]});var o=a;export{a as FeatureDeveloping,o as default};
+import"../button.variants-B8KCLWPT.mjs";import{t as e}from"../button-DPABon17.mjs";import{Construction as t}from"lucide-react";import{jsx as n,jsxs as r}from"react/jsx-runtime";import{cn as i}from"@customafk/react-toolkit/utils";const a=({title:a=`Tính năng đang phát triển`,subtitle:o=`Chúng tôi đang phát triển tính năng này. Vui lòng quay lại sau.`,buttonText:s=`Quay lại`,onButtonClick:c=()=>window.history.back(),className:l,iconClassName:u})=>r(`div`,{className:i(`flex flex-col items-center justify-center min-h-[50vh] gap-4 sm:gap-6 py-8 sm:py-10 px-4 text-center w-full`,l),children:[r(`div`,{className:`flex flex-col items-center gap-2`,children:[n(t,{className:i(`size-16 sm:size-24 text-yellow-500`,u)}),n(`div`,{className:`text-3xl sm:text-5xl font-bold text-yellow-500`})]}),n(`h1`,{className:`text-xl sm:text-2xl font-semibold mt-2`,children:a}),n(`p`,{className:`text-muted-foreground max-w-md text-sm sm:text-base`,children:o}),n(e,{onClick:c,variant:`default`,className:`mt-2`,size:`sm`,children:s})]});var o=a;export{a as FeatureDeveloping,o as default};
 //# sourceMappingURL=FeatureDeveloping.mjs.map

package/dist/pages/FeatureFixing.d.cts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as react_jsx_runtime96 from "react/jsx-runtime";
 
 //#region packages/components/pages/FeatureFixing.d.ts
 interface FeatureFixingProps {
@@ -37,7 +37,7 @@ declare const FeatureFixing: ({
   onButtonClick,
   className,
   iconClassName
-}: FeatureFixingProps) => react_jsx_runtime0.JSX.Element;
+}: FeatureFixingProps) => react_jsx_runtime96.JSX.Element;
 //#endregion
 export { FeatureFixing, FeatureFixing as default, FeatureFixingProps };
 //# sourceMappingURL=FeatureFixing.d.cts.map

package/dist/pages/FeatureFixing.d.mts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime63 from "react/jsx-runtime";
+import * as react_jsx_runtime41 from "react/jsx-runtime";
 
 //#region packages/components/pages/FeatureFixing.d.ts
 interface FeatureFixingProps {
@@ -37,7 +37,7 @@ declare const FeatureFixing: ({
   onButtonClick,
   className,
   iconClassName
-}: FeatureFixingProps) => react_jsx_runtime63.JSX.Element;
+}: FeatureFixingProps) => react_jsx_runtime41.JSX.Element;
 //#endregion
 export { FeatureFixing, FeatureFixing as default, FeatureFixingProps };
 //# sourceMappingURL=FeatureFixing.d.mts.map

package/dist/pages/FeatureFixing.mjs

@@ -1,2 +1,2 @@
-import"../button.variants-DeCyas1F.mjs";import{t as e}from"../button-C6ybzxxj.mjs";import{Wrench as t}from"lucide-react";import{jsx as n,jsxs as r}from"react/jsx-runtime";import{cn as i}from"@customafk/react-toolkit/utils";const a=({title:a=`Tính năng đang bảo trì`,subtitle:o=`Chúng tôi đang khắc phục vấn đề với tính năng này. Vui lòng quay lại sau.`,buttonText:s=`Quay lại`,onButtonClick:c=()=>window.history.back(),className:l,iconClassName:u})=>r(`div`,{className:i(`flex flex-col items-center justify-center min-h-[50vh] gap-4 sm:gap-6 py-8 sm:py-10 px-4 text-center w-full`,l),children:[r(`div`,{className:`flex flex-col items-center gap-2`,children:[n(t,{className:i(`size-16 sm:size-24 text-orange-500`,u)}),n(`div`,{className:`text-3xl sm:text-5xl font-bold text-orange-500`})]}),n(`h1`,{className:`text-xl sm:text-2xl font-semibold mt-2`,children:a}),n(`p`,{className:`text-muted-foreground max-w-md text-sm sm:text-base`,children:o}),n(e,{onClick:c,variant:`default`,className:`mt-2`,size:`sm`,children:s})]});var o=a;export{a as FeatureFixing,o as default};
+import"../button.variants-B8KCLWPT.mjs";import{t as e}from"../button-DPABon17.mjs";import{Wrench as t}from"lucide-react";import{jsx as n,jsxs as r}from"react/jsx-runtime";import{cn as i}from"@customafk/react-toolkit/utils";const a=({title:a=`Tính năng đang bảo trì`,subtitle:o=`Chúng tôi đang khắc phục vấn đề với tính năng này. Vui lòng quay lại sau.`,buttonText:s=`Quay lại`,onButtonClick:c=()=>window.history.back(),className:l,iconClassName:u})=>r(`div`,{className:i(`flex flex-col items-center justify-center min-h-[50vh] gap-4 sm:gap-6 py-8 sm:py-10 px-4 text-center w-full`,l),children:[r(`div`,{className:`flex flex-col items-center gap-2`,children:[n(t,{className:i(`size-16 sm:size-24 text-orange-500`,u)}),n(`div`,{className:`text-3xl sm:text-5xl font-bold text-orange-500`})]}),n(`h1`,{className:`text-xl sm:text-2xl font-semibold mt-2`,children:a}),n(`p`,{className:`text-muted-foreground max-w-md text-sm sm:text-base`,children:o}),n(e,{onClick:c,variant:`default`,className:`mt-2`,size:`sm`,children:s})]});var o=a;export{a as FeatureFixing,o as default};
 //# sourceMappingURL=FeatureFixing.mjs.map

package/dist/pages/NotAuthorized.d.cts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime35 from "react/jsx-runtime";
+import * as react_jsx_runtime286 from "react/jsx-runtime";
 
 //#region packages/components/pages/NotAuthorized.d.ts
 interface NotAuthorizedProps {
@@ -37,7 +37,7 @@ declare const NotAuthorized: ({
   onButtonClick,
   className,
   iconClassName
-}: NotAuthorizedProps) => react_jsx_runtime35.JSX.Element;
+}: NotAuthorizedProps) => react_jsx_runtime286.JSX.Element;
 //#endregion
 export { NotAuthorized, NotAuthorized as default, NotAuthorizedProps };
 //# sourceMappingURL=NotAuthorized.d.cts.map

package/dist/pages/NotAuthorized.d.mts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime3 from "react/jsx-runtime";
+import * as react_jsx_runtime31 from "react/jsx-runtime";
 
 //#region packages/components/pages/NotAuthorized.d.ts
 interface NotAuthorizedProps {
@@ -37,7 +37,7 @@ declare const NotAuthorized: ({
   onButtonClick,
   className,
   iconClassName
-}: NotAuthorizedProps) => react_jsx_runtime3.JSX.Element;
+}: NotAuthorizedProps) => react_jsx_runtime31.JSX.Element;
 //#endregion
 export { NotAuthorized, NotAuthorized as default, NotAuthorizedProps };
 //# sourceMappingURL=NotAuthorized.d.mts.map

package/dist/pages/NotAuthorized.mjs

@@ -1,2 +1,2 @@
-import"../button.variants-DeCyas1F.mjs";import{t as e}from"../button-C6ybzxxj.mjs";import{ShieldAlert as t}from"lucide-react";import{jsx as n,jsxs as r}from"react/jsx-runtime";import{cn as i}from"@customafk/react-toolkit/utils";const a=({title:a=`Quyền truy cập bị từ chối`,subtitle:o=`Xin lỗi, bạn không có quyền truy cập vào trang này.`,buttonText:s=`Quay lại`,onButtonClick:c=()=>window.history.back(),className:l,iconClassName:u})=>r(`div`,{className:i(`flex flex-col items-center justify-center min-h-[50vh] gap-4 sm:gap-6 py-8 sm:py-10 px-4 text-center w-full`,l),children:[r(`div`,{className:`flex flex-col items-center gap-2`,children:[n(t,{className:i(`size-16 sm:size-24 text-primary`,u)}),n(`div`,{className:`text-4xl sm:text-6xl font-bold text-primary`,children:`403`})]}),n(`h1`,{className:`text-xl sm:text-2xl font-semibold mt-2`,children:a}),n(`p`,{className:`text-muted-foreground max-w-md text-sm sm:text-base`,children:o}),n(e,{onClick:c,variant:`default`,className:`mt-2`,size:`sm`,children:s})]});var o=a;export{a as NotAuthorized,o as default};
+import"../button.variants-B8KCLWPT.mjs";import{t as e}from"../button-DPABon17.mjs";import{ShieldAlert as t}from"lucide-react";import{jsx as n,jsxs as r}from"react/jsx-runtime";import{cn as i}from"@customafk/react-toolkit/utils";const a=({title:a=`Quyền truy cập bị từ chối`,subtitle:o=`Xin lỗi, bạn không có quyền truy cập vào trang này.`,buttonText:s=`Quay lại`,onButtonClick:c=()=>window.history.back(),className:l,iconClassName:u})=>r(`div`,{className:i(`flex flex-col items-center justify-center min-h-[50vh] gap-4 sm:gap-6 py-8 sm:py-10 px-4 text-center w-full`,l),children:[r(`div`,{className:`flex flex-col items-center gap-2`,children:[n(t,{className:i(`size-16 sm:size-24 text-primary`,u)}),n(`div`,{className:`text-4xl sm:text-6xl font-bold text-primary`,children:`403`})]}),n(`h1`,{className:`text-xl sm:text-2xl font-semibold mt-2`,children:a}),n(`p`,{className:`text-muted-foreground max-w-md text-sm sm:text-base`,children:o}),n(e,{onClick:c,variant:`default`,className:`mt-2`,size:`sm`,children:s})]});var o=a;export{a as NotAuthorized,o as default};
 //# sourceMappingURL=NotAuthorized.mjs.map

package/dist/pages/NotFound.d.cts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime30 from "react/jsx-runtime";
+import * as react_jsx_runtime126 from "react/jsx-runtime";
 
 //#region packages/components/pages/NotFound.d.ts
 interface NotFoundProps {
@@ -37,7 +37,7 @@ declare const NotFound: ({
   onButtonClick,
   className,
   iconClassName
-}: NotFoundProps) => react_jsx_runtime30.JSX.Element;
+}: NotFoundProps) => react_jsx_runtime126.JSX.Element;
 //#endregion
 export { NotFound, NotFound as default, NotFoundProps };
 //# sourceMappingURL=NotFound.d.cts.map

package/dist/pages/NotFound.d.mts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime27 from "react/jsx-runtime";
+import * as react_jsx_runtime87 from "react/jsx-runtime";
 
 //#region packages/components/pages/NotFound.d.ts
 interface NotFoundProps {
@@ -37,7 +37,7 @@ declare const NotFound: ({
   onButtonClick,
   className,
   iconClassName
-}: NotFoundProps) => react_jsx_runtime27.JSX.Element;
+}: NotFoundProps) => react_jsx_runtime87.JSX.Element;
 //#endregion
 export { NotFound, NotFound as default, NotFoundProps };
 //# sourceMappingURL=NotFound.d.mts.map

package/dist/pages/NotFound.mjs

@@ -1,2 +1,2 @@
-import"../button.variants-DeCyas1F.mjs";import{t as e}from"../button-C6ybzxxj.mjs";import{FileQuestion as t}from"lucide-react";import{jsx as n,jsxs as r}from"react/jsx-runtime";import{cn as i}from"@customafk/react-toolkit/utils";const a=({title:a=`Không tìm thấy trang`,subtitle:o=`Xin lỗi, trang bạn đang tìm kiếm không tồn tại hoặc đã bị di chuyển.`,buttonText:s=`Trở về trang chủ`,onButtonClick:c=()=>window.history.back(),className:l,iconClassName:u})=>r(`div`,{className:i(`flex flex-col items-center justify-center min-h-[50vh] gap-4 sm:gap-6 py-8 sm:py-10 px-4 text-center w-full`,l),children:[r(`div`,{className:`flex flex-col items-center gap-2`,children:[n(t,{className:i(`size-16 sm:size-24 text-primary`,u)}),n(`div`,{className:`text-4xl sm:text-6xl font-bold text-primary`,children:`404`})]}),n(`h1`,{className:`text-xl sm:text-2xl font-semibold mt-2`,children:a}),n(`p`,{className:`text-muted-foreground max-w-md text-sm sm:text-base`,children:o}),n(e,{onClick:c,variant:`default`,className:`mt-2`,size:`sm`,children:s})]});var o=a;export{a as NotFound,o as default};
+import"../button.variants-B8KCLWPT.mjs";import{t as e}from"../button-DPABon17.mjs";import{FileQuestion as t}from"lucide-react";import{jsx as n,jsxs as r}from"react/jsx-runtime";import{cn as i}from"@customafk/react-toolkit/utils";const a=({title:a=`Không tìm thấy trang`,subtitle:o=`Xin lỗi, trang bạn đang tìm kiếm không tồn tại hoặc đã bị di chuyển.`,buttonText:s=`Trở về trang chủ`,onButtonClick:c=()=>window.history.back(),className:l,iconClassName:u})=>r(`div`,{className:i(`flex flex-col items-center justify-center min-h-[50vh] gap-4 sm:gap-6 py-8 sm:py-10 px-4 text-center w-full`,l),children:[r(`div`,{className:`flex flex-col items-center gap-2`,children:[n(t,{className:i(`size-16 sm:size-24 text-primary`,u)}),n(`div`,{className:`text-4xl sm:text-6xl font-bold text-primary`,children:`404`})]}),n(`h1`,{className:`text-xl sm:text-2xl font-semibold mt-2`,children:a}),n(`p`,{className:`text-muted-foreground max-w-md text-sm sm:text-base`,children:o}),n(e,{onClick:c,variant:`default`,className:`mt-2`,size:`sm`,children:s})]});var o=a;export{a as NotFound,o as default};
 //# sourceMappingURL=NotFound.mjs.map

package/dist/{paragraph-Ch5TvEqL.mjs → paragraph-jzLzzEYZ.mjs}

@@ -1,2 +1,2 @@
 import{jsx as e}from"react/jsx-runtime";import{cn as t}from"@customafk/react-toolkit/utils";import{cva as n}from"class-variance-authority";const r=n(`not-first:mt-3 max-w-prose whitespace-pre-line text-pretty text-start leading-7 transition-colors`,{variants:{variant:{lead:`text-base leading-8 font-medium text-text-positive-strong md:text-lg`,lg:`text-base leading-8 font-normal text-text-positive md:text-lg`,p:`text-sm font-normal text-text-positive md:text-base`,sm:`text-sm leading-6 font-normal text-text-positive`,muted:`text-sm font-normal text-text-positive-weak md:text-base`,xs:`text-xs leading-5 font-normal text-text-positive-weak`}},defaultVariants:{variant:`p`}}),i=({variant:n,className:i,...a})=>e(`p`,{"data-slot":`paragraph`,className:t(r({variant:n}),i),...a});export{r as n,i as t};
-//# sourceMappingURL=paragraph-Ch5TvEqL.mjs.map
+//# sourceMappingURL=paragraph-jzLzzEYZ.mjs.map

package/dist/{paragraph-Ch5TvEqL.mjs.map → paragraph-jzLzzEYZ.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"paragraph-Ch5TvEqL.mjs","names":[],"sources":["../packages/components/typography/paragraph.tsx"],"sourcesContent":["'use client';\n\nimport type { ComponentPropsWithoutRef } from 'react';\nimport { cn } from '@customafk/react-toolkit/utils';\nimport { cva, type VariantProps } from 'class-variance-authority';\n\nexport const paragraphVariants = cva('not-first:mt-3 max-w-prose whitespace-pre-line text-pretty text-start leading-7 transition-colors', {\n  variants: {\n    variant: {\n      lead: 'text-base leading-8 font-medium text-text-positive-strong md:text-lg',\n      lg: 'text-base leading-8 font-normal text-text-positive md:text-lg',\n      p: 'text-sm font-normal text-text-positive md:text-base',\n      sm: 'text-sm leading-6 font-normal text-text-positive',\n      muted: 'text-sm font-normal text-text-positive-weak md:text-base',\n      xs: 'text-xs leading-5 font-normal text-text-positive-weak',\n    },\n  },\n  defaultVariants: {\n    variant: 'p',\n  },\n});\n\n/**\n * Props for the {@link Paragraph} component.\n *\n * Extends all native `<p>` HTML attributes plus the CVA variant.\n *\n * @property variant - Visual style variant.\n *   - `'lead'` — large, medium-weight introductory text (default size `text-base` / `md:text-lg`)\n *   - `'lg'`  — large normal-weight text\n *   - `'p'`   — standard body text (default)\n *   - `'sm'`  — small normal-weight text with tighter leading\n *   - `'muted'` — subdued colour, standard body size\n *   - `'xs'`  — extra-small text in a muted colour\n */\nexport type ParagraphProps = ComponentPropsWithoutRef<'p'> & VariantProps<typeof paragraphVariants>;\n\n/**\n * A styled `<p>` element with semantic size and weight variants for body text.\n *\n * @example\n * ```tsx\n * import { Paragraph } from '@customafk/lunas-ui/typography/paragraph';\n *\n * // Default body paragraph\n * <Paragraph>This is body text.</Paragraph>\n *\n * // Lead paragraph with larger, medium-weight text\n * <Paragraph variant=\"lead\">Introducing our new feature.</Paragraph>\n *\n * // Muted helper text\n * <Paragraph variant=\"muted\">Last updated 3 days ago.</Paragraph>\n * ```\n */\nexport const Paragraph = ({ variant, className, ...props }: ParagraphProps) => {\n  return <p data-slot=\"paragraph\" className={cn(paragraphVariants({ variant }), className)} {...props} />;\n};\n"],"mappings":"2IAMA,MAAa,EAAoB,EAAI,oGAAqG,CACxI,SAAU,CACR,QAAS,CACP,KAAM,uEACN,GAAI,gEACJ,EAAG,sDACH,GAAI,mDACJ,MAAO,2DACP,GAAI,wDACL,CACF,CACD,gBAAiB,CACf,QAAS,IACV,CACF,CAAC,CAkCW,GAAa,CAAE,UAAS,YAAW,GAAG,KAC1C,EAAC,IAAA,CAAE,YAAU,YAAY,UAAW,EAAG,EAAkB,CAAE,UAAS,CAAC,CAAE,EAAU,CAAE,GAAI,GAAS"}
+{"version":3,"file":"paragraph-jzLzzEYZ.mjs","names":[],"sources":["../packages/components/typography/paragraph.tsx"],"sourcesContent":["'use client';\n\nimport type { ComponentPropsWithoutRef } from 'react';\nimport { cn } from '@customafk/react-toolkit/utils';\nimport { cva, type VariantProps } from 'class-variance-authority';\n\nexport const paragraphVariants = cva('not-first:mt-3 max-w-prose whitespace-pre-line text-pretty text-start leading-7 transition-colors', {\n  variants: {\n    variant: {\n      lead: 'text-base leading-8 font-medium text-text-positive-strong md:text-lg',\n      lg: 'text-base leading-8 font-normal text-text-positive md:text-lg',\n      p: 'text-sm font-normal text-text-positive md:text-base',\n      sm: 'text-sm leading-6 font-normal text-text-positive',\n      muted: 'text-sm font-normal text-text-positive-weak md:text-base',\n      xs: 'text-xs leading-5 font-normal text-text-positive-weak',\n    },\n  },\n  defaultVariants: {\n    variant: 'p',\n  },\n});\n\n/**\n * Props for the {@link Paragraph} component.\n *\n * Extends all native `<p>` HTML attributes plus the CVA variant.\n *\n * @property variant - Visual style variant.\n *   - `'lead'` — large, medium-weight introductory text (default size `text-base` / `md:text-lg`)\n *   - `'lg'`  — large normal-weight text\n *   - `'p'`   — standard body text (default)\n *   - `'sm'`  — small normal-weight text with tighter leading\n *   - `'muted'` — subdued colour, standard body size\n *   - `'xs'`  — extra-small text in a muted colour\n */\nexport type ParagraphProps = ComponentPropsWithoutRef<'p'> & VariantProps<typeof paragraphVariants>;\n\n/**\n * A styled `<p>` element with semantic size and weight variants for body text.\n *\n * @example\n * ```tsx\n * import { Paragraph } from '@customafk/lunas-ui/typography/paragraph';\n *\n * // Default body paragraph\n * <Paragraph>This is body text.</Paragraph>\n *\n * // Lead paragraph with larger, medium-weight text\n * <Paragraph variant=\"lead\">Introducing our new feature.</Paragraph>\n *\n * // Muted helper text\n * <Paragraph variant=\"muted\">Last updated 3 days ago.</Paragraph>\n * ```\n */\nexport const Paragraph = ({ variant, className, ...props }: ParagraphProps) => {\n  return <p data-slot=\"paragraph\" className={cn(paragraphVariants({ variant }), className)} {...props} />;\n};\n"],"mappings":"2IAMA,MAAa,EAAoB,EAAI,oGAAqG,CACxI,SAAU,CACR,QAAS,CACP,KAAM,uEACN,GAAI,gEACJ,EAAG,sDACH,GAAI,mDACJ,MAAO,2DACP,GAAI,wDACL,CACF,CACD,gBAAiB,CACf,QAAS,IACV,CACF,CAAC,CAkCW,GAAa,CAAE,UAAS,YAAW,GAAG,KAC1C,EAAC,IAAA,CAAE,YAAU,YAAY,UAAW,EAAG,EAAkB,CAAE,UAAS,CAAC,CAAE,EAAU,CAAE,GAAI,GAAS"}

package/dist/{payment-layout-CVBTGjMw.mjs → payment-layout-BKJ5xJra.mjs}

@@ -1,2 +1,2 @@
-import{t as e}from"./dist-CIN9T2FB.mjs";import{t}from"./button-C6ybzxxj.mjs";import{i as n,n as r,r as i,t as a}from"./tooltip-Bj0iOG4s.mjs";import{i as o,o as s,r as c,s as l,t as u}from"./sheet-DMIqn1iv.mjs";import{MenuIcon as d,ShoppingCartIcon as f}from"lucide-react";import{createContext as p,useCallback as m,useContext as h,useEffect as g,useMemo as _,useState as v}from"react";import{jsx as y,jsxs as b}from"react/jsx-runtime";import{cn as x}from"@customafk/react-toolkit/utils";import{cva as S}from"class-variance-authority";import{useIsMobile as C}from"@customafk/react-toolkit/hooks/useMobile";const w=p(null);function T(){let e=h(w);if(!e)throw Error(`useSidebar must be used within a SidebarProvider.`);return e}function E({defaultOpen:e=!0,open:t,onOpenChange:n,className:r,style:a,children:o,...s}){let c=C(),[l,u]=v(!1),[d,f]=v(e),p=t??d,h=m(e=>{let t=typeof e==`function`?e(p):e;n?n(t):f(t),document.cookie=`sidebar_state=${t}; path=/; max-age=604800`},[n,p]),b=m(()=>c?u(e=>!e):h(e=>!e),[c,h]);g(()=>{let e=e=>{e.key===`b`&&(e.metaKey||e.ctrlKey)&&(e.preventDefault(),b())};return window.addEventListener(`keydown`,e),()=>window.removeEventListener(`keydown`,e)},[b]);let S=p?`expanded`:`collapsed`,T=_(()=>({state:S,open:p,setOpen:h,isMobile:c,openMobile:l,setOpenMobile:u,toggleSidebar:b}),[S,p,h,c,l,b]);return y(w.Provider,{value:T,children:y(i,{delayDuration:0,children:y(`div`,{"data-slot":`sidebar-wrapper`,style:{"--sidebar-width":`16rem`,"--sidebar-width-icon":`3rem`,...a},className:x(`group/sidebar-wrapper flex h-dvh w-full`,r),...s,children:o})})})}function D({side:e=`left`,variant:n=`sidebar`,collapsible:r=`offcanvas`,className:i,children:a,...p}){let{isMobile:m,state:h,openMobile:g,setOpenMobile:_,toggleSidebar:v}=T();return r===`none`?y(`aside`,{"data-slot":`sidebar`,className:x(`flex h-full w-(--sidebar-width) flex-col bg-sidebar text-sidebar-foreground`,i),...p,children:a}):m?y(u,{open:g,onOpenChange:_,...p,children:b(c,{"data-sidebar":`sidebar`,"data-slot":`sidebar`,"data-mobile":`true`,className:`w-(--sidebar-width) bg-sidebar p-0 text-sidebar-foreground sm:max-w-3xs [&>button]:hidden`,style:{"--sidebar-width":`18rem`},side:e,children:[b(s,{className:`sr-only`,children:[y(l,{children:`Sidebar`}),y(o,{children:`Displays the mobile sidebar.`})]}),b(`div`,{className:`flex size-full flex-col`,children:[b(`div`,{className:`flex flex-0 items-center gap-x-2 border-border-weak border-b p-2 pr-4`,children:[b(t,{"data-sidebar":`trigger`,"data-slot":`sidebar-trigger`,variant:`ghost`,color:`muted`,size:`icon`,className:x(`size-10 rounded-full`,i),onClick:e=>{v(),e.preventDefault(),e.stopPropagation()},children:[y(d,{className:`size-6!`}),y(`span`,{className:`sr-only`,children:`Toggle Sidebar`})]}),y(`div`,{className:`ml-2 flex aspect-square size-8 items-center justify-center rounded-lg bg-sidebar-primary text-sidebar-primary-foreground`,children:y(f,{size:20})}),b(`div`,{className:`grid flex-1 text-left text-sm leading-tight`,children:[y(`span`,{className:`truncate font-medium`,children:`Lunas Store`}),y(`span`,{className:`truncate text-xs`,children:`Established 2023`})]})]}),y(`div`,{className:`flex flex-1 flex-col p-2`,children:a})]})]})}):b(`aside`,{className:`group peer hidden bg-card text-sidebar-foreground md:block`,"data-state":h,"data-collapsible":h===`collapsed`?r:``,"data-variant":n,"data-side":e,"data-slot":`sidebar`,children:[y(`div`,{"data-slot":`sidebar-gap`,className:x(`relative`,`bg-transparent`,`transition-[width] duration-200 ease-linear`,`h-(--header-height) w-(--sidebar-width)`,`sm:h-[calc(var(--header-height)+0.5rem)]`,`group-data-[collapsible=offcanvas]:w-0`,`group-data-[side=right]:rotate-180`,n===`floating`||n===`inset`?`group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4)))]`:`group-data-[collapsible=icon]:w-(--sidebar-width-icon)`)}),y(`div`,{"data-slot":`sidebar-container`,className:x(`hidden md:flex`,`fixed inset-y-0 top-14 z-10 shadow-nav`,`h-[calc(100dvh-3.5rem)] w-(--sidebar-width)`,`transition-[left,right,width] duration-200 ease-linear`,e===`left`&&`left-0 group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)]`,e===`right`&&`right-0 group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)]`,n===`floating`||n===`inset`?`p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4)))]`:`group-data-[collapsible=icon]:w-(--sidebar-width-icon) group-data-[side=left]:border-r group-data-[side=right]:border-l`,i),...p,children:y(`div`,{"data-sidebar":`sidebar`,"data-slot":`sidebar-inner`,className:x(`flex size-full flex-col`,`group-data-[variant=floating]:rounded-lg`,`group-data-[variant=floating]:border`,`group-data-[variant=floating]:border-sidebar-border`,`group-data-[variant=floating]:shadow-sm`),children:a})})]})}function O({className:e,children:t,...n}){return b(`main`,{"data-slot":`sidebar-inset`,className:x(`relative flex w-full flex-1 flex-col`,e),...n,children:[y(`div`,{className:`h-(--header-height) w-full sm:h-[calc(var(--header-height)+0.5rem)]`}),y(`div`,{className:`inset-shadow-sm flex-1`,children:t})]})}function k({className:e,...t}){return y(`div`,{"data-slot":`sidebar-footer`,"data-sidebar":`footer`,className:x(`flex flex-col gap-2 p-2`,e),...t})}function A({className:e,...t}){return y(`div`,{"data-slot":`sidebar-content`,"data-sidebar":`content`,className:x(`flex min-h-0 flex-1 flex-col gap-2 overflow-auto group-data-[collapsible=icon]:overflow-hidden`,e),...t})}function j({className:e,...t}){return y(`div`,{"data-slot":`sidebar-group`,"data-sidebar":`group`,className:x(`relative flex w-full min-w-0 flex-col`,e),...t})}function M({className:t,asChild:n=!1,...r}){return y(n?e:`div`,{"data-slot":`sidebar-group-label`,"data-sidebar":`group-label`,className:x(`flex h-8 shrink-0 items-center rounded-md px-2 font-medium text-sidebar-foreground/70 text-xs outline-hidden ring-sidebar-ring transition-[margin,opacity] duration-200 ease-linear focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0`,`group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0`,t),...r})}function N({className:e,...t}){return y(`div`,{"data-slot":`sidebar-group-content`,"data-sidebar":`group-content`,className:x(`w-full text-sm`,e),...t})}function P({className:e,...t}){return y(`ul`,{"data-slot":`sidebar-menu`,"data-sidebar":`menu`,className:x(`flex w-full min-w-0 flex-col gap-1`,e),...t})}function F({className:e,...t}){return y(`li`,{"data-slot":`sidebar-menu-item`,"data-sidebar":`menu-item`,className:x(`group/menu-item relative`,e),...t})}const I=S([`peer/menu-button`,`cursor-pointer`,`flex w-full items-center gap-2`,`overflow-hidden rounded-md p-2 outline-hidden`,`truncate text-left font-normal`,`transition-[color,width,height,padding]`,`hover:bg-sidebar-accent`,`hover:text-sidebar-accent-foreground`,`active:bg-sidebar-accent`,`active:text-sidebar-accent-foreground`,`disabled:pointer-events-none`,`disabled:opacity-50`,`group-has-data-[sidebar=menu-action]/menu-item:pr-8`,`aria-disabled:pointer-events-none`,`aria-disabled:opacity-50`,`data-[active=true]:bg-sidebar-primary-muted`,`data-[active=true]:text-sidebar-primary`,`data-[state=open]:hover:bg-sidebar-accent`,`data-[state=open]:hover:text-sidebar-accent-foreground`,`group-data-[collapsible=icon]:size-12!`,`group-data-[collapsible=icon]:p-3!`,`group-data-[collapsible=icon]:gap-3!`,`[&>svg]:size-6`,`[&>svg]:shrink-0`,`[&>span:last-child]:truncate`],{variants:{variant:{default:`hover:bg-sidebar-accent/60 hover:text-sidebar-accent-foreground/80`,outline:`bg-background shadow-[0_0_0_1px_hsl(var(--sidebar-border))] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground hover:shadow-[0_0_0_1px_hsl(var(--sidebar-accent))]`},size:{default:`h-10 text-sm`,sm:`h-7 text-xs`,lg:`h-12 text-sm group-data-[collapsible=icon]:p-0!`}},defaultVariants:{variant:`default`,size:`default`}});function L({asChild:t=!1,isActive:i=!1,variant:o=`default`,size:s=`default`,tooltip:c,className:l,...u}){let d=t?e:`button`,{isMobile:f,state:p}=T(),m=y(d,{"data-slot":`sidebar-menu-button`,"data-sidebar":`menu-button`,"data-size":s,"data-active":i,className:x(I({variant:o,size:s}),l),...u});return c?(typeof c==`string`&&(c={children:c}),b(a,{children:[y(n,{asChild:!0,children:m}),y(r,{side:`right`,align:`center`,hidden:p!==`collapsed`||f,...c})]})):m}const R=()=>{let{toggleSidebar:e}=T();return b(`header`,{"data-slot":`payment-layout-header`,className:x(`bg-card`,`h-(--header-height)`,`sm:h-[calc(var(--header-height)+0.5rem)] sm:px-4 sm:pr-6`,`absolute inset-x-0 top-0 z-20 gap-2 px-2 pr-4.5`,`flex items-center shadow-nav`,`transition-[width,height] ease-linear`),children:[b(t,{"data-sidebar":`trigger`,"data-slot":`sidebar-trigger`,variant:`ghost`,color:`muted`,size:`icon`,className:`size-10 rounded-full transition-all hover:text-text-positive`,onClick:t=>{t.preventDefault(),t.stopPropagation(),e()},children:[y(d,{className:`size-6!`}),y(`span`,{className:`sr-only`,children:`Toggle Sidebar`})]}),b(`div`,{className:`flex gap-x-2 sm:ml-2.5`,children:[y(`div`,{className:`flex aspect-square size-8 items-center justify-center rounded-lg bg-sidebar-primary text-sidebar-primary-foreground`,children:y(f,{size:20})}),b(`div`,{className:`grid flex-1 text-left text-sm leading-tight`,children:[y(`span`,{className:`truncate font-medium`,children:`Lunas Enterprise`}),y(`span`,{className:`truncate text-xs`,children:`Established 2025`})]})]})]})},z=({activeNavItemId:e,sidebar:t,children:n})=>{let r=_(()=>t?.groupcontent||[],[t]);return b(E,{children:[y(R,{}),b(D,{variant:`inset`,collapsible:`icon`,children:[y(A,{children:r.map(t=>b(j,{children:[y(M,{children:t.label}),y(N,{children:y(P,{children:t.items.map(t=>y(F,{children:b(L,{isActive:t.id===e,onClick:e=>{t.onClick?.(),e.preventDefault(),e.stopPropagation()},children:[t.icon,t.label]})},t.id))})})]},t.id))}),y(k,{children:y(P,{children:y(F,{className:`mt-2 border-t border-t-border`,children:y(`p`,{className:`pt-2 text-center text-muted-foreground text-xs`,children:`Copyright © 2025, Lunas.`})})})})]}),y(O,{children:y(`section`,{className:`relative size-full`,children:y(`div`,{className:`absolute inset-0`,children:n})})})]})};export{z as t};
-//# sourceMappingURL=payment-layout-CVBTGjMw.mjs.map
+import{t as e}from"./dist-DPEjz4kv.mjs";import{t}from"./button-DPABon17.mjs";import{i as n,n as r,r as i,t as a}from"./tooltip-C7UhtrFf.mjs";import{i as o,o as s,r as c,s as l,t as u}from"./sheet-BRXYSJDv.mjs";import{MenuIcon as d,ShoppingCartIcon as f}from"lucide-react";import{createContext as p,useCallback as m,useContext as h,useEffect as g,useMemo as _,useState as v}from"react";import{jsx as y,jsxs as b}from"react/jsx-runtime";import{cn as x}from"@customafk/react-toolkit/utils";import{cva as S}from"class-variance-authority";import{useIsMobile as C}from"@customafk/react-toolkit/hooks/useMobile";const w=p(null);function T(){let e=h(w);if(!e)throw Error(`useSidebar must be used within a SidebarProvider.`);return e}function E({defaultOpen:e=!0,open:t,onOpenChange:n,className:r,style:a,children:o,...s}){let c=C(),[l,u]=v(!1),[d,f]=v(e),p=t??d,h=m(e=>{let t=typeof e==`function`?e(p):e;n?n(t):f(t),document.cookie=`sidebar_state=${t}; path=/; max-age=604800`},[n,p]),b=m(()=>c?u(e=>!e):h(e=>!e),[c,h]);g(()=>{let e=e=>{e.key===`b`&&(e.metaKey||e.ctrlKey)&&(e.preventDefault(),b())};return window.addEventListener(`keydown`,e),()=>window.removeEventListener(`keydown`,e)},[b]);let S=p?`expanded`:`collapsed`,T=_(()=>({state:S,open:p,setOpen:h,isMobile:c,openMobile:l,setOpenMobile:u,toggleSidebar:b}),[S,p,h,c,l,b]);return y(w.Provider,{value:T,children:y(i,{delayDuration:0,children:y(`div`,{"data-slot":`sidebar-wrapper`,style:{"--sidebar-width":`16rem`,"--sidebar-width-icon":`3rem`,...a},className:x(`group/sidebar-wrapper flex h-dvh w-full`,r),...s,children:o})})})}function D({side:e=`left`,variant:n=`sidebar`,collapsible:r=`offcanvas`,className:i,children:a,...p}){let{isMobile:m,state:h,openMobile:g,setOpenMobile:_,toggleSidebar:v}=T();return r===`none`?y(`aside`,{"data-slot":`sidebar`,className:x(`flex h-full w-(--sidebar-width) flex-col bg-sidebar text-sidebar-foreground`,i),...p,children:a}):m?y(u,{open:g,onOpenChange:_,...p,children:b(c,{"data-sidebar":`sidebar`,"data-slot":`sidebar`,"data-mobile":`true`,className:`w-(--sidebar-width) bg-sidebar p-0 text-sidebar-foreground sm:max-w-3xs [&>button]:hidden`,style:{"--sidebar-width":`18rem`},side:e,children:[b(s,{className:`sr-only`,children:[y(l,{children:`Sidebar`}),y(o,{children:`Displays the mobile sidebar.`})]}),b(`div`,{className:`flex size-full flex-col`,children:[b(`div`,{className:`flex flex-0 items-center gap-x-2 border-border-weak border-b p-2 pr-4`,children:[b(t,{"data-sidebar":`trigger`,"data-slot":`sidebar-trigger`,variant:`ghost`,color:`muted`,size:`icon`,className:x(`size-10 rounded-full`,i),onClick:e=>{v(),e.preventDefault(),e.stopPropagation()},children:[y(d,{className:`size-6!`}),y(`span`,{className:`sr-only`,children:`Toggle Sidebar`})]}),y(`div`,{className:`ml-2 flex aspect-square size-8 items-center justify-center rounded-lg bg-sidebar-primary text-sidebar-primary-foreground`,children:y(f,{size:20})}),b(`div`,{className:`grid flex-1 text-left text-sm leading-tight`,children:[y(`span`,{className:`truncate font-medium`,children:`Lunas Store`}),y(`span`,{className:`truncate text-xs`,children:`Established 2023`})]})]}),y(`div`,{className:`flex flex-1 flex-col p-2`,children:a})]})]})}):b(`aside`,{className:`group peer hidden bg-card text-sidebar-foreground md:block`,"data-state":h,"data-collapsible":h===`collapsed`?r:``,"data-variant":n,"data-side":e,"data-slot":`sidebar`,children:[y(`div`,{"data-slot":`sidebar-gap`,className:x(`relative`,`bg-transparent`,`transition-[width] duration-200 ease-linear`,`h-(--header-height) w-(--sidebar-width)`,`sm:h-[calc(var(--header-height)+0.5rem)]`,`group-data-[collapsible=offcanvas]:w-0`,`group-data-[side=right]:rotate-180`,n===`floating`||n===`inset`?`group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4)))]`:`group-data-[collapsible=icon]:w-(--sidebar-width-icon)`)}),y(`div`,{"data-slot":`sidebar-container`,className:x(`hidden md:flex`,`fixed inset-y-0 top-14 z-10 shadow-nav`,`h-[calc(100dvh-3.5rem)] w-(--sidebar-width)`,`transition-[left,right,width] duration-200 ease-linear`,e===`left`&&`left-0 group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)]`,e===`right`&&`right-0 group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)]`,n===`floating`||n===`inset`?`p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4)))]`:`group-data-[collapsible=icon]:w-(--sidebar-width-icon) group-data-[side=left]:border-r group-data-[side=right]:border-l`,i),...p,children:y(`div`,{"data-sidebar":`sidebar`,"data-slot":`sidebar-inner`,className:x(`flex size-full flex-col`,`group-data-[variant=floating]:rounded-lg`,`group-data-[variant=floating]:border`,`group-data-[variant=floating]:border-sidebar-border`,`group-data-[variant=floating]:shadow-sm`),children:a})})]})}function O({className:e,children:t,...n}){return b(`main`,{"data-slot":`sidebar-inset`,className:x(`relative flex w-full flex-1 flex-col`,e),...n,children:[y(`div`,{className:`h-(--header-height) w-full sm:h-[calc(var(--header-height)+0.5rem)]`}),y(`div`,{className:`inset-shadow-sm flex-1`,children:t})]})}function k({className:e,...t}){return y(`div`,{"data-slot":`sidebar-footer`,"data-sidebar":`footer`,className:x(`flex flex-col gap-2 p-2`,e),...t})}function A({className:e,...t}){return y(`div`,{"data-slot":`sidebar-content`,"data-sidebar":`content`,className:x(`flex min-h-0 flex-1 flex-col gap-2 overflow-auto group-data-[collapsible=icon]:overflow-hidden`,e),...t})}function j({className:e,...t}){return y(`div`,{"data-slot":`sidebar-group`,"data-sidebar":`group`,className:x(`relative flex w-full min-w-0 flex-col`,e),...t})}function M({className:t,asChild:n=!1,...r}){return y(n?e:`div`,{"data-slot":`sidebar-group-label`,"data-sidebar":`group-label`,className:x(`flex h-8 shrink-0 items-center rounded-md px-2 font-medium text-sidebar-foreground/70 text-xs outline-hidden ring-sidebar-ring transition-[margin,opacity] duration-200 ease-linear focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0`,`group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0`,t),...r})}function N({className:e,...t}){return y(`div`,{"data-slot":`sidebar-group-content`,"data-sidebar":`group-content`,className:x(`w-full text-sm`,e),...t})}function P({className:e,...t}){return y(`ul`,{"data-slot":`sidebar-menu`,"data-sidebar":`menu`,className:x(`flex w-full min-w-0 flex-col gap-1`,e),...t})}function F({className:e,...t}){return y(`li`,{"data-slot":`sidebar-menu-item`,"data-sidebar":`menu-item`,className:x(`group/menu-item relative`,e),...t})}const I=S([`peer/menu-button`,`cursor-pointer`,`flex w-full items-center gap-2`,`overflow-hidden rounded-md p-2 outline-hidden`,`truncate text-left font-normal`,`transition-[color,width,height,padding]`,`hover:bg-sidebar-accent`,`hover:text-sidebar-accent-foreground`,`active:bg-sidebar-accent`,`active:text-sidebar-accent-foreground`,`disabled:pointer-events-none`,`disabled:opacity-50`,`group-has-data-[sidebar=menu-action]/menu-item:pr-8`,`aria-disabled:pointer-events-none`,`aria-disabled:opacity-50`,`data-[active=true]:bg-sidebar-primary-muted`,`data-[active=true]:text-sidebar-primary`,`data-[state=open]:hover:bg-sidebar-accent`,`data-[state=open]:hover:text-sidebar-accent-foreground`,`group-data-[collapsible=icon]:size-12!`,`group-data-[collapsible=icon]:p-3!`,`group-data-[collapsible=icon]:gap-3!`,`[&>svg]:size-6`,`[&>svg]:shrink-0`,`[&>span:last-child]:truncate`],{variants:{variant:{default:`hover:bg-sidebar-accent/60 hover:text-sidebar-accent-foreground/80`,outline:`bg-background shadow-[0_0_0_1px_hsl(var(--sidebar-border))] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground hover:shadow-[0_0_0_1px_hsl(var(--sidebar-accent))]`},size:{default:`h-10 text-sm`,sm:`h-7 text-xs`,lg:`h-12 text-sm group-data-[collapsible=icon]:p-0!`}},defaultVariants:{variant:`default`,size:`default`}});function L({asChild:t=!1,isActive:i=!1,variant:o=`default`,size:s=`default`,tooltip:c,className:l,...u}){let d=t?e:`button`,{isMobile:f,state:p}=T(),m=y(d,{"data-slot":`sidebar-menu-button`,"data-sidebar":`menu-button`,"data-size":s,"data-active":i,className:x(I({variant:o,size:s}),l),...u});return c?(typeof c==`string`&&(c={children:c}),b(a,{children:[y(n,{asChild:!0,children:m}),y(r,{side:`right`,align:`center`,hidden:p!==`collapsed`||f,...c})]})):m}const R=()=>{let{toggleSidebar:e}=T();return b(`header`,{"data-slot":`payment-layout-header`,className:x(`bg-card`,`h-(--header-height)`,`sm:h-[calc(var(--header-height)+0.5rem)] sm:px-4 sm:pr-6`,`absolute inset-x-0 top-0 z-20 gap-2 px-2 pr-4.5`,`flex items-center shadow-nav`,`transition-[width,height] ease-linear`),children:[b(t,{"data-sidebar":`trigger`,"data-slot":`sidebar-trigger`,variant:`ghost`,color:`muted`,size:`icon`,className:`size-10 rounded-full transition-all hover:text-text-positive`,onClick:t=>{t.preventDefault(),t.stopPropagation(),e()},children:[y(d,{className:`size-6!`}),y(`span`,{className:`sr-only`,children:`Toggle Sidebar`})]}),b(`div`,{className:`flex gap-x-2 sm:ml-2.5`,children:[y(`div`,{className:`flex aspect-square size-8 items-center justify-center rounded-lg bg-sidebar-primary text-sidebar-primary-foreground`,children:y(f,{size:20})}),b(`div`,{className:`grid flex-1 text-left text-sm leading-tight`,children:[y(`span`,{className:`truncate font-medium`,children:`Lunas Enterprise`}),y(`span`,{className:`truncate text-xs`,children:`Established 2025`})]})]})]})},z=({activeNavItemId:e,sidebar:t,children:n})=>{let r=_(()=>t?.groupcontent||[],[t]);return b(E,{children:[y(R,{}),b(D,{variant:`inset`,collapsible:`icon`,children:[y(A,{children:r.map(t=>b(j,{children:[y(M,{children:t.label}),y(N,{children:y(P,{children:t.items.map(t=>y(F,{children:b(L,{isActive:t.id===e,onClick:e=>{t.onClick?.(),e.preventDefault(),e.stopPropagation()},children:[t.icon,t.label]})},t.id))})})]},t.id))}),y(k,{children:y(P,{children:y(F,{className:`mt-2 border-t border-t-border`,children:y(`p`,{className:`pt-2 text-center text-muted-foreground text-xs`,children:`Copyright © 2025, Lunas.`})})})})]}),y(O,{children:y(`section`,{className:`relative size-full`,children:y(`div`,{className:`absolute inset-0`,children:n})})})]})};export{z as t};
+//# sourceMappingURL=payment-layout-BKJ5xJra.mjs.map