@customafk/lunas-ui 0.1.39 → 0.1.41

package/dist/{input-D81b7-hX.d.mts → input-BSE6jQaF.d.mts}

@@ -1,11 +1,11 @@
-import * as react_jsx_runtime145 from "react/jsx-runtime";
+import * as react_jsx_runtime146 from "react/jsx-runtime";
 import { VariantProps } from "class-variance-authority";
 import * as class_variance_authority_types10 from "class-variance-authority/types";
 
 //#region packages/components/ui/input.variants.d.ts
 declare const inputVariants: (props?: ({
   variant?: "none" | "outline" | "ghost" | "soft" | "subtle" | null | undefined;
-  size?: "sm" | "md" | "lg" | "xl" | "xs" | null | undefined;
+  size?: "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
 } & class_variance_authority_types10.ClassProp) | undefined) => string;
 type InputVariantProps = VariantProps<typeof inputVariants>;
 //#endregion
@@ -21,7 +21,7 @@ declare function Input({
   variant?: InputVariantProps['variant'];
   size?: InputVariantProps['size'];
   onValueChange?: (value: string) => void;
-}): react_jsx_runtime145.JSX.Element;
+}): react_jsx_runtime146.JSX.Element;
 //#endregion
 export { Input as t };
-//# sourceMappingURL=input-D81b7-hX.d.mts.map
+//# sourceMappingURL=input-BSE6jQaF.d.mts.map

package/dist/{input-C1K2wbv1.mjs → input-DD17n9Bv.mjs}

@@ -1,2 +1,2 @@
 import{jsx as e}from"react/jsx-runtime";import{useCallback as t}from"react";import{cva as n}from"class-variance-authority";const r=n(`w-full rounded-sm font-normal text-text-positive caret-primary transition-all duration-200 disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50`,{variants:{variant:{outline:`-outline-offset-1 outline-1 outline-border placeholder:text-text-positive-muted focus:outline-primary-strong focus:ring-4 focus:ring-primary-weak aria-invalid:bg-danger-bg-subtle aria-invalid:outline-danger aria-invalid:ring-danger-weak aria-invalid:focus:outline-danger-strong aria-invalid:focus:ring-4`,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=t(e=>{o?.(e),s?.(e.target.value)},[o,s]);return e(`input`,{"data-slot":`input`,className:r({variant:i,size:a,className:n}),...c,onChange:l})}export{i as t};
-//# sourceMappingURL=input-C1K2wbv1.mjs.map
+//# sourceMappingURL=input-DD17n9Bv.mjs.map

package/dist/{input-C1K2wbv1.mjs.map → input-DD17n9Bv.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"input-C1K2wbv1.mjs","names":[],"sources":["../packages/components/ui/input.variants.ts","../packages/components/ui/input.tsx"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority';\n\nexport const inputVariants = cva(\n  'w-full rounded-sm font-normal text-text-positive caret-primary transition-all duration-200 disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50',\n  {\n    variants: {\n      variant: {\n        outline:\n          '-outline-offset-1 outline-1 outline-border placeholder:text-text-positive-muted focus:outline-primary-strong focus:ring-4 focus:ring-primary-weak aria-invalid:bg-danger-bg-subtle aria-invalid:outline-danger aria-invalid:ring-danger-weak aria-invalid:focus:outline-danger-strong aria-invalid:focus:ring-4',\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","'use client';\n\nimport { useCallback } from 'react';\n\nimport { type InputVariantProps, inputVariants } from './input.variants';\n\nfunction Input({\n  className,\n  variant,\n  size,\n  onChange,\n  onValueChange,\n  ...props\n}: Omit<React.ComponentProps<'input'>, 'size'> & {\n  variant?: InputVariantProps['variant'];\n  size?: InputVariantProps['size'];\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":"2HAEA,MAAa,EAAgB,EAC3B,0KACA,CACE,SAAU,CACR,QAAS,CACP,QACE,kTACF,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,CCrBD,SAAS,EAAM,CACb,YACA,UACA,OACA,WACA,gBACA,GAAG,GAKF,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-DD17n9Bv.mjs","names":[],"sources":["../packages/components/ui/input.variants.ts","../packages/components/ui/input.tsx"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority';\n\nexport const inputVariants = cva(\n  'w-full rounded-sm font-normal text-text-positive caret-primary transition-all duration-200 disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50',\n  {\n    variants: {\n      variant: {\n        outline:\n          '-outline-offset-1 outline-1 outline-border placeholder:text-text-positive-muted focus:outline-primary-strong focus:ring-4 focus:ring-primary-weak aria-invalid:bg-danger-bg-subtle aria-invalid:outline-danger aria-invalid:ring-danger-weak aria-invalid:focus:outline-danger-strong aria-invalid:focus:ring-4',\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","'use client';\n\nimport { useCallback } from 'react';\n\nimport { type InputVariantProps, inputVariants } from './input.variants';\n\nfunction Input({\n  className,\n  variant,\n  size,\n  onChange,\n  onValueChange,\n  ...props\n}: Omit<React.ComponentProps<'input'>, 'size'> & {\n  variant?: InputVariantProps['variant'];\n  size?: InputVariantProps['size'];\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":"2HAEA,MAAa,EAAgB,EAC3B,0KACA,CACE,SAAU,CACR,QAAS,CACP,QACE,kTACF,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,CCrBD,SAAS,EAAM,CACb,YACA,UACA,OACA,WACA,gBACA,GAAG,GAKF,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-BndBVN6Q.d.cts → input-Dh7Ny5P9.d.cts}

@@ -1,12 +1,12 @@
-import * as react_jsx_runtime275 from "react/jsx-runtime";
-import * as class_variance_authority_types11 from "class-variance-authority/types";
+import * as react_jsx_runtime169 from "react/jsx-runtime";
+import * as class_variance_authority_types12 from "class-variance-authority/types";
 import { VariantProps } from "class-variance-authority";
 
 //#region packages/components/ui/input.variants.d.ts
 declare const inputVariants: (props?: ({
   variant?: "none" | "outline" | "ghost" | "soft" | "subtle" | null | undefined;
-  size?: "sm" | "md" | "lg" | "xl" | "xs" | null | undefined;
-} & class_variance_authority_types11.ClassProp) | undefined) => string;
+  size?: "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
+} & class_variance_authority_types12.ClassProp) | undefined) => string;
 type InputVariantProps = VariantProps<typeof inputVariants>;
 //#endregion
 //#region packages/components/ui/input.d.ts
@@ -21,7 +21,7 @@ declare function Input({
   variant?: InputVariantProps['variant'];
   size?: InputVariantProps['size'];
   onValueChange?: (value: string) => void;
-}): react_jsx_runtime275.JSX.Element;
+}): react_jsx_runtime169.JSX.Element;
 //#endregion
 export { Input as t };
-//# sourceMappingURL=input-BndBVN6Q.d.cts.map
+//# sourceMappingURL=input-Dh7Ny5P9.d.cts.map

package/dist/{input-C1BXP8dd.cjs → input-qnlHzDDm.cjs}

@@ -1,2 +1,2 @@
 const e=require(`./chunk-Bmb41Sf3.cjs`);let t=require(`react/jsx-runtime`),n=require(`react`),r=require(`class-variance-authority`);const i=(0,r.cva)(`w-full rounded-sm font-normal text-text-positive caret-primary transition-all duration-200 disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50`,{variants:{variant:{outline:`-outline-offset-1 outline-1 outline-border placeholder:text-text-positive-muted focus:outline-primary-strong focus:ring-4 focus:ring-primary-weak aria-invalid:bg-danger-bg-subtle aria-invalid:outline-danger aria-invalid:ring-danger-weak aria-invalid:focus:outline-danger-strong aria-invalid:focus:ring-4`,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 a({className:e,variant:r,size:a,onChange:o,onValueChange:s,...c}){let l=(0,n.useCallback)(e=>{o?.(e),s?.(e.target.value)},[o,s]);return(0,t.jsx)(`input`,{"data-slot":`input`,className:i({variant:r,size:a,className:e}),...c,onChange:l})}Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return a}});
-//# sourceMappingURL=input-C1BXP8dd.cjs.map
+//# sourceMappingURL=input-qnlHzDDm.cjs.map

package/dist/{input-C1BXP8dd.cjs.map → input-qnlHzDDm.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"input-C1BXP8dd.cjs","names":[],"sources":["../packages/components/ui/input.variants.ts","../packages/components/ui/input.tsx"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority';\n\nexport const inputVariants = cva(\n  'w-full rounded-sm font-normal text-text-positive caret-primary transition-all duration-200 disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50',\n  {\n    variants: {\n      variant: {\n        outline:\n          '-outline-offset-1 outline-1 outline-border placeholder:text-text-positive-muted focus:outline-primary-strong focus:ring-4 focus:ring-primary-weak aria-invalid:bg-danger-bg-subtle aria-invalid:outline-danger aria-invalid:ring-danger-weak aria-invalid:focus:outline-danger-strong aria-invalid:focus:ring-4',\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","'use client';\n\nimport { useCallback } from 'react';\n\nimport { type InputVariantProps, inputVariants } from './input.variants';\n\nfunction Input({\n  className,\n  variant,\n  size,\n  onChange,\n  onValueChange,\n  ...props\n}: Omit<React.ComponentProps<'input'>, 'size'> & {\n  variant?: InputVariantProps['variant'];\n  size?: InputVariantProps['size'];\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":"oIAEA,MAAa,GAAA,EAAA,EAAA,KACX,0KACA,CACE,SAAU,CACR,QAAS,CACP,QACE,kTACF,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,CCrBD,SAAS,EAAM,CACb,YACA,UACA,OACA,WACA,gBACA,GAAG,GAKF,CACD,IAAM,GAAA,EAAA,EAAA,aACH,GAA2C,CAC1C,IAAW,EAAE,CACb,IAAgB,EAAE,OAAO,MAAM,EAEjC,CAAC,EAAU,EAAc,CAC1B,CACD,OAAO,EAAA,EAAA,KAAC,QAAA,CAAM,YAAU,QAAQ,UAAW,EAAc,CAAE,UAAS,OAAM,YAAW,CAAC,CAAE,GAAI,EAAO,SAAU,GAAgB"}
+{"version":3,"file":"input-qnlHzDDm.cjs","names":[],"sources":["../packages/components/ui/input.variants.ts","../packages/components/ui/input.tsx"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority';\n\nexport const inputVariants = cva(\n  'w-full rounded-sm font-normal text-text-positive caret-primary transition-all duration-200 disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50',\n  {\n    variants: {\n      variant: {\n        outline:\n          '-outline-offset-1 outline-1 outline-border placeholder:text-text-positive-muted focus:outline-primary-strong focus:ring-4 focus:ring-primary-weak aria-invalid:bg-danger-bg-subtle aria-invalid:outline-danger aria-invalid:ring-danger-weak aria-invalid:focus:outline-danger-strong aria-invalid:focus:ring-4',\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","'use client';\n\nimport { useCallback } from 'react';\n\nimport { type InputVariantProps, inputVariants } from './input.variants';\n\nfunction Input({\n  className,\n  variant,\n  size,\n  onChange,\n  onValueChange,\n  ...props\n}: Omit<React.ComponentProps<'input'>, 'size'> & {\n  variant?: InputVariantProps['variant'];\n  size?: InputVariantProps['size'];\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":"oIAEA,MAAa,GAAA,EAAA,EAAA,KACX,0KACA,CACE,SAAU,CACR,QAAS,CACP,QACE,kTACF,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,CCrBD,SAAS,EAAM,CACb,YACA,UACA,OACA,WACA,gBACA,GAAG,GAKF,CACD,IAAM,GAAA,EAAA,EAAA,aACH,GAA2C,CAC1C,IAAW,EAAE,CACb,IAAgB,EAAE,OAAO,MAAM,EAEjC,CAAC,EAAU,EAAc,CAC1B,CACD,OAAO,EAAA,EAAA,KAAC,QAAA,CAAM,YAAU,QAAQ,UAAW,EAAc,CAAE,UAAS,OAAM,YAAW,CAAC,CAAE,GAAI,EAAO,SAAU,GAAgB"}

package/dist/{label-CkTb259R.cjs → label-CaBktIhh.cjs}

@@ -1,2 +1,2 @@
 const e=require(`./chunk-Bmb41Sf3.cjs`);let t=require(`@customafk/react-toolkit/utils`),n=require(`react/jsx-runtime`),r=require(`radix-ui`);function i({className:e,...i}){return(0,n.jsx)(r.Label.Root,{"data-slot":`label`,className:(0,t.cn)(`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`,e),...i})}Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return i}});
-//# sourceMappingURL=label-CkTb259R.cjs.map
+//# sourceMappingURL=label-CaBktIhh.cjs.map

package/dist/{label-CkTb259R.cjs.map → label-CaBktIhh.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"label-CkTb259R.cjs","names":["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\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":"6IAMA,SAAS,EAAM,CAAE,YAAW,GAAG,GAA2D,CACxF,OACE,EAAA,EAAA,KAACA,EAAAA,MAAe,KAAA,CACd,YAAU,QACV,WAAA,EAAA,EAAA,IACE,qBACA,0BACA,iDACA,iDACA,wCACA,mCACA,2BACA,EACD,CACD,GAAI,GACJ"}
+{"version":3,"file":"label-CaBktIhh.cjs","names":["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\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":"6IAMA,SAAS,EAAM,CAAE,YAAW,GAAG,GAA2D,CACxF,OACE,EAAA,EAAA,KAACA,EAAAA,MAAe,KAAA,CACd,YAAU,QACV,WAAA,EAAA,EAAA,IACE,qBACA,0BACA,iDACA,iDACA,wCACA,mCACA,2BACA,EACD,CACD,GAAI,GACJ"}

package/dist/{label-DwmJnk4H.mjs → label-DVfxfyG5.mjs}

@@ -1,2 +1,2 @@
 import{cn as e}from"@customafk/react-toolkit/utils";import{jsx as t}from"react/jsx-runtime";import{Label as n}from"radix-ui";function r({className:r,...i}){return t(n.Root,{"data-slot":`label`,className:e(`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-DwmJnk4H.mjs.map
+//# sourceMappingURL=label-DVfxfyG5.mjs.map

package/dist/{label-DwmJnk4H.mjs.map → label-DVfxfyG5.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"label-DwmJnk4H.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\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":"6HAMA,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-DVfxfyG5.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\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":"6HAMA,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/app-layout/index.cjs

@@ -1,2 +1,2 @@
-"use client";const e=require(`../../chunk-Bmb41Sf3.cjs`);require(`../../button.variants-C--cfyfH.cjs`);const t=require(`../../button-DtFiUaY7.cjs`),n=require(`../../skeleton-C4suljHP.cjs`),r=require(`../../tooltip-BimfNium.cjs`),i=require(`../../separator-Crr30ZHa.cjs`),a=require(`../../sheet-BYKV6xT_.cjs`);let o=require(`@customafk/react-toolkit/utils`),s=require(`react/jsx-runtime`),c=require(`lucide-react`),l=require(`react`),u=require(`class-variance-authority`),d=require(`radix-ui`),f=require(`@customafk/react-toolkit/hooks/useMobile`);const p=`sidebar_state`,m=3600*24*7,h=`16rem`,g=`16rem`,_=`3rem`,v=`b`,y=(0,l.createContext)(null);function b(){let e=(0,l.use)(y);if(!e)throw Error(`useSidebar must be used within a SidebarProvider.`);return e}function x({defaultOpen:e=!0,open:t,onOpenChange:n,className:i,style:a,children:c,...u}){let d=(0,f.useIsMobile)(),[p,m]=(0,l.useState)(!1),[h,g]=(0,l.useState)(e),_=t??h,v=(0,l.useCallback)(e=>{let t=typeof e==`function`?e(_):e;n?n(t):g(t),document.cookie=`sidebar_state=${t}; path=/; max-age=604800`},[n,_]),b=(0,l.useCallback)(()=>d?m(e=>!e):v(e=>!e),[d,v,m]);(0,l.useEffect)(()=>{let e=e=>{e.key===`b`&&(e.metaKey||e.ctrlKey)&&(e.preventDefault(),b())};return window.addEventListener(`keydown`,e),()=>window.removeEventListener(`keydown`,e)},[b]);let x=_?`expanded`:`collapsed`,S=(0,l.useMemo)(()=>({state:x,isMobile:d,toggleSidebar:b,open:_,setOpen:v,openMobile:p,setOpenMobile:m}),[x,_,v,d,p,m,b]);return(0,s.jsx)(y.Provider,{value:S,children:(0,s.jsx)(r.r,{delayDuration:0,children:(0,s.jsx)(`div`,{"data-slot":`sidebar-wrapper`,style:{"--sidebar-width":`16rem`,"--sidebar-width-icon":`3rem`,...a},className:(0,o.cn)(`group/sidebar-wrapper`,`has-data-[variant=inset]:bg-sidebar`,`flex h-dvh w-full`,i),...u,children:c})})})}function S({side:e=`left`,variant:t=`sidebar`,collapsible:n=`offcanvas`,className:r,children:i,...l}){let{isMobile:u,state:d,openMobile:f,setOpenMobile:p}=b();return n===`none`?(0,s.jsx)(`aside`,{"data-slot":`sidebar`,className:(0,o.cn)(`bg-sidebar text-sidebar-foreground flex h-full w-(--sidebar-width) flex-col`,r),...l,children:i}):u?(0,s.jsx)(a.t,{open:f,onOpenChange:p,...l,children:(0,s.jsxs)(a.r,{"data-sidebar":`sidebar`,"data-slot":`sidebar`,"data-mobile":`true`,className:`bg-sidebar text-sidebar-foreground w-(--sidebar-width) p-0 [&>button]:hidden`,style:{"--sidebar-width":`16rem`},side:e,children:[(0,s.jsxs)(a.o,{className:`sr-only`,children:[(0,s.jsx)(a.s,{children:`Sidebar`}),(0,s.jsx)(a.i,{children:`Displays the mobile sidebar.`})]}),(0,s.jsxs)(`div`,{className:`flex size-full flex-col`,children:[(0,s.jsxs)(`div`,{className:`border-border-weak flex items-center gap-x-2 border-b p-2 pr-4`,children:[(0,s.jsx)(C,{}),(0,s.jsx)(`div`,{className:`bg-sidebar-primary text-sidebar-primary-foreground ml-2 flex aspect-square size-8 items-center justify-center rounded-lg`,children:(0,s.jsx)(c.ShoppingCartIcon,{size:20})}),(0,s.jsxs)(`div`,{className:`grid flex-1 text-left text-sm leading-tight`,children:[(0,s.jsx)(`span`,{className:`truncate font-medium`,children:`Lunas Store`}),(0,s.jsx)(`span`,{className:`truncate text-xs`,children:`Established 2023`})]})]}),i]})]})}):(0,s.jsxs)(`aside`,{className:`group peer text-sidebar-foreground bg-card hidden md:block`,"data-state":d,"data-collapsible":d===`collapsed`?n:``,"data-variant":t,"data-side":e,"data-slot":`sidebar`,children:[(0,s.jsx)(`div`,{"data-slot":`sidebar-gap`,className:(0,o.cn)(`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`,t===`floating`||t===`inset`?`group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4)))]`:`group-data-[collapsible=icon]:w-(--sidebar-width-icon)`)}),(0,s.jsx)(`div`,{"data-slot":`sidebar-container`,className:(0,o.cn)(`hidden md:flex`,`shadow-nav fixed inset-y-0 top-14 z-10`,`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)]`,t===`floating`||t===`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`,r),...l,children:(0,s.jsx)(`div`,{"data-sidebar":`sidebar`,"data-slot":`sidebar-inner`,className:(0,o.cn)(`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:i})})]})}function C({className:e,onClick:n,...r}){let{toggleSidebar:i}=b();return(0,s.jsxs)(t.t,{"data-sidebar":`trigger`,"data-slot":`sidebar-trigger`,variant:`ghost`,color:`muted`,size:`icon`,className:(0,o.cn)(`size-10 rounded-full`,e),onClick:e=>{n?.(e),i()},...r,children:[(0,s.jsx)(c.MenuIcon,{className:`!size-6`}),(0,s.jsx)(`span`,{className:`sr-only`,children:`Toggle Sidebar`})]})}function w({className:e,...t}){let{toggleSidebar:n}=b();return(0,s.jsx)(`button`,{"data-sidebar":`rail`,"data-slot":`sidebar-rail`,"aria-label":`Toggle Sidebar`,tabIndex:-1,onClick:n,title:`Toggle Sidebar`,className:(0,o.cn)(`absolute inset-y-0 z-20 hidden w-4 -translate-x-1/2 transition-all ease-linear sm:flex`,`after:absolute after:inset-y-0 after:left-1/2 after:w-[2px]`,`group-data-[side=left]:-right-4`,`group-data-[side=right]:left-0`,`in-data-[side=left]:cursor-w-resize`,`in-data-[side=right]:cursor-e-resize`,`hover:after:bg-sidebar-border`,`hover:group-data-[collapsible=offcanvas]:bg-sidebar`,`group-data-[collapsible=offcanvas]:translate-x-0`,`group-data-[collapsible=offcanvas]:after:left-full`,`[[data-side=left][data-state=collapsed]_&]:cursor-e-resize`,`[[data-side=right][data-state=collapsed]_&]:cursor-w-resize`,`[[data-side=left][data-collapsible=offcanvas]_&]:-right-2`,`[[data-side=right][data-collapsible=offcanvas]_&]:-left-2`,e),...t})}function T({className:e,children:t,...n}){return(0,s.jsxs)(`main`,{"data-slot":`sidebar-inset`,className:(0,o.cn)(`relative flex w-full flex-1 flex-col`,e),...n,children:[(0,s.jsx)(`div`,{className:`h-(--header-height) w-full sm:h-[calc(var(--header-height)_+_0.5rem)]`}),(0,s.jsx)(`div`,{className:(0,o.cn)(`flex-1 inset-shadow-sm`),children:t})]})}function E({className:e,...t}){return(0,s.jsx)(`div`,{"data-slot":`sidebar-header`,"data-sidebar":`header`,className:(0,o.cn)(`flex flex-col gap-2 p-2`,e),...t})}function D({className:e,...t}){return(0,s.jsx)(`div`,{"data-slot":`sidebar-footer`,"data-sidebar":`footer`,className:(0,o.cn)(`flex flex-col gap-2 p-2`,e),...t})}function O({className:e,...t}){return(0,s.jsx)(i.t,{"data-slot":`sidebar-separator`,"data-sidebar":`separator`,className:(0,o.cn)(`bg-sidebar-border mx-2 w-auto`,e),...t})}function k({className:e,...t}){return(0,s.jsx)(`div`,{"data-slot":`sidebar-content`,"data-sidebar":`content`,className:(0,o.cn)(`flex min-h-0 flex-1 flex-col gap-2 overflow-auto group-data-[collapsible=icon]:overflow-hidden`,e),...t})}function A({className:e,...t}){return(0,s.jsx)(`div`,{"data-slot":`sidebar-group`,"data-sidebar":`group`,className:(0,o.cn)(`relative flex w-full min-w-0 flex-col p-2`,e),...t})}function j({className:e,asChild:t=!1,...n}){return(0,s.jsx)(t?d.Slot.Slot:`div`,{"data-slot":`sidebar-group-label`,"data-sidebar":`group-label`,className:(0,o.cn)(`flex h-8 shrink-0 items-center rounded-md px-2 text-xs font-medium outline-hidden transition-[margin,opacity] duration-200 ease-linear focus-visible:ring-2`,`text-sidebar-foreground/70`,`ring-sidebar-ring`,`[&>svg]:size-4`,`[&>svg]:shrink-0`,`group-data-[collapsible=icon]:-mt-8`,`group-data-[collapsible=icon]:opacity-0`,e),...n})}function M({className:e,asChild:t=!1,...n}){return(0,s.jsx)(t?d.Slot.Slot:`button`,{"data-slot":`sidebar-group-action`,"data-sidebar":`group-action`,className:(0,o.cn)(`text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground absolute top-3.5 right-3 flex aspect-square w-5 items-center justify-center rounded-md p-0 outline-hidden transition-transform`,`focus-visible:ring-2`,`[&>svg]:size-4`,`[&>svg]:shrink-0`,`after:absolute after:-inset-2 md:after:hidden`,`group-data-[collapsible=icon]:hidden`,e),...n})}function N({className:e,...t}){return(0,s.jsx)(`div`,{"data-slot":`sidebar-group-content`,"data-sidebar":`group-content`,className:(0,o.cn)(`w-full text-sm`,e),...t})}function P({className:e,...t}){return(0,s.jsx)(`ul`,{"data-slot":`sidebar-menu`,"data-sidebar":`menu`,className:(0,o.cn)(`flex w-full min-w-0 flex-col gap-1`,e),...t})}function F({className:e,...t}){return(0,s.jsx)(`li`,{"data-slot":`sidebar-menu-item`,"data-sidebar":`menu-item`,className:(0,o.cn)(`group/menu-item relative`,e),...t})}const I=(0,u.cva)([`peer/menu-button`,`cursor-pointer`,`flex w-full items-center gap-2`,`overflow-hidden rounded-md p-2 outline-hidden`,`text-left truncate`,`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]:font-medium`,`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-8!`,`group-data-[collapsible=icon]:p-2!`,`[&>svg]:size-4`,`[&>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-8 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:e=!1,isActive:t=!1,variant:n=`default`,size:i=`default`,tooltip:a,className:c,...l}){let u=e?d.Slot.Slot:`button`,{isMobile:f,state:p}=b(),m=(0,s.jsx)(u,{"data-slot":`sidebar-menu-button`,"data-sidebar":`menu-button`,"data-size":i,"data-active":t,className:(0,o.cn)(I({variant:n,size:i}),c),...l});return a?(typeof a==`string`&&(a={children:a}),(0,s.jsxs)(r.t,{children:[(0,s.jsx)(r.i,{asChild:!0,children:m}),(0,s.jsx)(r.n,{side:`right`,align:`center`,hidden:p!==`collapsed`||f,...a})]})):m}function R({className:e,asChild:t=!1,showOnHover:n=!1,...r}){return(0,s.jsx)(t?d.Slot.Slot:`button`,{"data-slot":`sidebar-menu-action`,"data-sidebar":`menu-action`,className:(0,o.cn)(`text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground peer-hover/menu-button:text-sidebar-accent-foreground absolute top-1.5 right-1 flex aspect-square w-5 items-center justify-center rounded-md p-0 outline-hidden transition-transform`,`focus-visible:ring-2`,`[&>svg]:size-4`,`[&>svg]:shrink-0`,`after:absolute after:-inset-2 md:after:hidden`,`peer-data-[size=sm]/menu-button:top-1`,`peer-data-[size=default]/menu-button:top-1.5`,`peer-data-[size=lg]/menu-button:top-2.5`,`group-data-[collapsible=icon]:hidden`,n&&`peer-data-[active=true]/menu-button:text-sidebar-accent-foreground`,n&&`group-focus-within/menu-item:opacity-100`,n&&`group-hover/menu-item:opacity-100`,n&&`data-[state=open]:opacity-100 md:opacity-0`,e),...r})}function z({className:e,...t}){return(0,s.jsx)(`div`,{"data-slot":`sidebar-menu-badge`,"data-sidebar":`menu-badge`,className:(0,o.cn)(`text-sidebar-foreground pointer-events-none absolute right-1 flex h-5 min-w-5 items-center justify-center rounded-md px-1 text-xs font-medium tabular-nums select-none`,`peer-hover/menu-button:text-sidebar-accent-foreground`,`peer-data-[active=true]/menu-button:text-sidebar-accent-foreground`,`peer-data-[size=sm]/menu-button:top-1`,`peer-data-[size=default]/menu-button:top-1.5`,`peer-data-[size=lg]/menu-button:top-2.5`,`group-data-[collapsible=icon]:hidden`,e),...t})}function B({className:e,showIcon:t=!1,...r}){let i=(0,l.useMemo)(()=>`${Math.floor(Math.random()*40)+50}%`,[]);return(0,s.jsxs)(`div`,{"data-slot":`sidebar-menu-skeleton`,"data-sidebar":`menu-skeleton`,className:(0,o.cn)(`flex h-8 items-center gap-2 rounded-md px-2`,e),...r,children:[t&&(0,s.jsx)(n.t,{className:`size-4 rounded-md`,"data-sidebar":`menu-skeleton-icon`}),(0,s.jsx)(n.t,{className:`h-4 max-w-(--skeleton-width) flex-1`,"data-sidebar":`menu-skeleton-text`,style:{"--skeleton-width":i}})]})}function V({className:e,...t}){return(0,s.jsx)(`ul`,{"data-slot":`sidebar-menu-sub`,"data-sidebar":`menu-sub`,className:(0,o.cn)(`border-sidebar-border mx-3.5 flex min-w-0 translate-x-px flex-col gap-1 border-l px-2.5 py-0.5`,`group-data-[collapsible=icon]:hidden`,e),...t})}function H({className:e,...t}){return(0,s.jsx)(`li`,{"data-slot":`sidebar-menu-sub-item`,"data-sidebar":`menu-sub-item`,className:(0,o.cn)(`group/menu-sub-item relative`,e),...t})}function U({asChild:e=!1,size:t=`md`,isActive:n=!1,className:r,...i}){return(0,s.jsx)(e?d.Slot.Slot:`a`,{"data-slot":`sidebar-menu-sub-button`,"data-sidebar":`menu-sub-button`,"data-size":t,"data-active":n,className:(0,o.cn)(`text-sidebar-foreground`,`ring-sidebar-ring`,`flex h-7 min-w-0 -translate-x-px items-center gap-2 overflow-hidden rounded-md px-2 outline-hidden`,`focus-visible:ring-2`,`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`,`aria-disabled:pointer-events-none`,`aria-disabled:opacity-50`,`[&>svg]:size-4`,`[&>svg]:shrink-0`,`[&>svg]:text-sidebar-accent-foreground`,`[&>span:last-child]:truncate`,`data-[active=true]:bg-sidebar-accent`,`data-[active=true]:text-sidebar-accent-foreground`,t===`sm`&&`text-xs`,t===`md`&&`text-sm`,`group-data-[collapsible=icon]:hidden`,r),...i})}const W=({children:e})=>(0,s.jsx)(x,{children:e}),G=({children:e})=>(0,s.jsxs)(`header`,{className:(0,o.cn)(`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`,`group-has-data-[collapsible=icon]/sidebar-wrapper:h-(--header-height)`,`sm:group-has-data-[collapsible=icon]/sidebar-wrapper:h-[calc(var(--header-height)+0.5rem)]`),children:[(0,s.jsx)(C,{}),(0,s.jsxs)(`div`,{className:`flex gap-x-2 sm:ml-2.5`,children:[(0,s.jsx)(`div`,{className:`flex aspect-square size-8 items-center justify-center rounded-lg bg-sidebar-primary text-sidebar-primary-foreground`,children:(0,s.jsx)(c.ShoppingCartIcon,{size:20})}),(0,s.jsxs)(`div`,{className:`grid flex-1 text-left text-sm leading-tight`,children:[(0,s.jsx)(`span`,{className:`truncate font-medium`,children:`Lunas Store`}),(0,s.jsx)(`span`,{className:`truncate text-xs`,children:`Established 2023`})]})]}),(0,s.jsx)(`div`,{className:`flex flex-1 items-center justify-end`,children:e})]}),K=({children:e,...t})=>(0,s.jsx)(S,{variant:`inset`,collapsible:`icon`,...t,children:e}),q=({children:e})=>(0,s.jsx)(T,{children:(0,s.jsx)(`section`,{className:`relative size-full`,children:(0,s.jsx)(`div`,{className:`absolute inset-0 flex flex-col`,children:e})})}),J=({className:e,children:t})=>(0,s.jsx)(`div`,{"data-slot":`main-header`,className:(0,o.cn)(`flex-0`,e),children:t}),Y=({className:e,children:t})=>(0,s.jsx)(`div`,{"data-slot":`main-content`,className:(0,o.cn)(`flex w-full flex-1 flex-col gap-4 overflow-y-auto px-2 sm:px-4`,e),children:t}),X=({className:e,children:t})=>(0,s.jsx)(`div`,{"data-slot":`main-footer`,className:(0,o.cn)(`border-border-weak hidden w-full flex-0 border-t pt-2 sm:flex`,e),children:t}),Z=({children:e,className:t})=>(0,s.jsx)(`div`,{"data-slot":`main-group`,className:(0,o.cn)(`flex size-full flex-col gap-4`,t),children:e}),Q=({className:e,children:t})=>(0,s.jsx)(`div`,{"data-slot":`main-group-content`,className:(0,o.cn)(`bg-card shadow-card size-full max-w-5xl flex-1 snap-start snap-always scroll-mt-4 rounded-md p-4`,e),children:t});exports.AppLayoutHeader=G,exports.AppLayoutMain=q,exports.AppLayoutMainContent=Y,exports.AppLayoutMainFooter=X,exports.AppLayoutMainGroup=Z,exports.AppLayoutMainGroupContent=Q,exports.AppLayoutMainHeader=J,exports.AppLayoutSidebar=K,exports.AppLayoutSidebarContent=k,exports.AppLayoutSidebarFooter=D,exports.AppLayoutSidebarGroup=A,exports.AppLayoutSidebarGroupAction=M,exports.AppLayoutSidebarGroupContent=N,exports.AppLayoutSidebarGroupLabel=j,exports.AppLayoutSidebarHeader=E,exports.AppLayoutSidebarInset=T,exports.AppLayoutSidebarMenu=P,exports.AppLayoutSidebarMenuAction=R,exports.AppLayoutSidebarMenuBadge=z,exports.AppLayoutSidebarMenuButton=L,exports.AppLayoutSidebarMenuItem=F,exports.AppLayoutSidebarMenuSkeleton=B,exports.AppLayoutSidebarMenuSub=V,exports.AppLayoutSidebarMenuSubButton=U,exports.AppLayoutSidebarMenuSubItem=H,exports.AppLayoutSidebarRail=w,exports.AppLayoutSidebarSeparator=O,exports.AppLayoutSidebarTrigger=C,exports.AppLayoutWrapper=W,exports.Sidebar=S,exports.SidebarProvider=x,exports.useSidebar=b;
+"use client";const e=require(`../../chunk-Bmb41Sf3.cjs`);require(`../../button.variants-C--cfyfH.cjs`);const t=require(`../../button-DtFiUaY7.cjs`),n=require(`../../skeleton-C4suljHP.cjs`),r=require(`../../tooltip-BimfNium.cjs`),i=require(`../../separator-C3ip6sbh.cjs`),a=require(`../../sheet-5MJRtrfG.cjs`);let o=require(`@customafk/react-toolkit/utils`),s=require(`react/jsx-runtime`),c=require(`lucide-react`),l=require(`react`),u=require(`class-variance-authority`),d=require(`radix-ui`),f=require(`@customafk/react-toolkit/hooks/useMobile`);const p=`sidebar_state`,m=3600*24*7,h=`16rem`,g=`16rem`,_=`3rem`,v=`b`,y=(0,l.createContext)(null);function b(){let e=(0,l.use)(y);if(!e)throw Error(`useSidebar must be used within a SidebarProvider.`);return e}function x({defaultOpen:e=!0,open:t,onOpenChange:n,className:i,style:a,children:c,...u}){let d=(0,f.useIsMobile)(),[p,m]=(0,l.useState)(!1),[h,g]=(0,l.useState)(e),_=t??h,v=(0,l.useCallback)(e=>{let t=typeof e==`function`?e(_):e;n?n(t):g(t),document.cookie=`sidebar_state=${t}; path=/; max-age=604800`},[n,_]),b=(0,l.useCallback)(()=>d?m(e=>!e):v(e=>!e),[d,v,m]);(0,l.useEffect)(()=>{let e=e=>{e.key===`b`&&(e.metaKey||e.ctrlKey)&&(e.preventDefault(),b())};return window.addEventListener(`keydown`,e),()=>window.removeEventListener(`keydown`,e)},[b]);let x=_?`expanded`:`collapsed`,S=(0,l.useMemo)(()=>({state:x,isMobile:d,toggleSidebar:b,open:_,setOpen:v,openMobile:p,setOpenMobile:m}),[x,_,v,d,p,m,b]);return(0,s.jsx)(y.Provider,{value:S,children:(0,s.jsx)(r.r,{delayDuration:0,children:(0,s.jsx)(`div`,{"data-slot":`sidebar-wrapper`,style:{"--sidebar-width":`16rem`,"--sidebar-width-icon":`3rem`,...a},className:(0,o.cn)(`group/sidebar-wrapper`,`has-data-[variant=inset]:bg-sidebar`,`flex h-dvh w-full`,i),...u,children:c})})})}function S({side:e=`left`,variant:t=`sidebar`,collapsible:n=`offcanvas`,className:r,children:i,...l}){let{isMobile:u,state:d,openMobile:f,setOpenMobile:p}=b();return n===`none`?(0,s.jsx)(`aside`,{"data-slot":`sidebar`,className:(0,o.cn)(`bg-sidebar text-sidebar-foreground flex h-full w-(--sidebar-width) flex-col`,r),...l,children:i}):u?(0,s.jsx)(a.t,{open:f,onOpenChange:p,...l,children:(0,s.jsxs)(a.r,{"data-sidebar":`sidebar`,"data-slot":`sidebar`,"data-mobile":`true`,className:`bg-sidebar text-sidebar-foreground w-(--sidebar-width) p-0 [&>button]:hidden`,style:{"--sidebar-width":`16rem`},side:e,children:[(0,s.jsxs)(a.o,{className:`sr-only`,children:[(0,s.jsx)(a.s,{children:`Sidebar`}),(0,s.jsx)(a.i,{children:`Displays the mobile sidebar.`})]}),(0,s.jsxs)(`div`,{className:`flex size-full flex-col`,children:[(0,s.jsxs)(`div`,{className:`border-border-weak flex items-center gap-x-2 border-b p-2 pr-4`,children:[(0,s.jsx)(C,{}),(0,s.jsx)(`div`,{className:`bg-sidebar-primary text-sidebar-primary-foreground ml-2 flex aspect-square size-8 items-center justify-center rounded-lg`,children:(0,s.jsx)(c.ShoppingCartIcon,{size:20})}),(0,s.jsxs)(`div`,{className:`grid flex-1 text-left text-sm leading-tight`,children:[(0,s.jsx)(`span`,{className:`truncate font-medium`,children:`Lunas Store`}),(0,s.jsx)(`span`,{className:`truncate text-xs`,children:`Established 2023`})]})]}),i]})]})}):(0,s.jsxs)(`aside`,{className:`group peer text-sidebar-foreground bg-card hidden md:block`,"data-state":d,"data-collapsible":d===`collapsed`?n:``,"data-variant":t,"data-side":e,"data-slot":`sidebar`,children:[(0,s.jsx)(`div`,{"data-slot":`sidebar-gap`,className:(0,o.cn)(`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`,t===`floating`||t===`inset`?`group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4)))]`:`group-data-[collapsible=icon]:w-(--sidebar-width-icon)`)}),(0,s.jsx)(`div`,{"data-slot":`sidebar-container`,className:(0,o.cn)(`hidden md:flex`,`shadow-nav fixed inset-y-0 top-14 z-10`,`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)]`,t===`floating`||t===`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`,r),...l,children:(0,s.jsx)(`div`,{"data-sidebar":`sidebar`,"data-slot":`sidebar-inner`,className:(0,o.cn)(`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:i})})]})}function C({className:e,onClick:n,...r}){let{toggleSidebar:i}=b();return(0,s.jsxs)(t.t,{"data-sidebar":`trigger`,"data-slot":`sidebar-trigger`,variant:`ghost`,color:`muted`,size:`icon`,className:(0,o.cn)(`size-10 rounded-full`,e),onClick:e=>{n?.(e),i()},...r,children:[(0,s.jsx)(c.MenuIcon,{className:`!size-6`}),(0,s.jsx)(`span`,{className:`sr-only`,children:`Toggle Sidebar`})]})}function w({className:e,...t}){let{toggleSidebar:n}=b();return(0,s.jsx)(`button`,{"data-sidebar":`rail`,"data-slot":`sidebar-rail`,"aria-label":`Toggle Sidebar`,tabIndex:-1,onClick:n,title:`Toggle Sidebar`,className:(0,o.cn)(`absolute inset-y-0 z-20 hidden w-4 -translate-x-1/2 transition-all ease-linear sm:flex`,`after:absolute after:inset-y-0 after:left-1/2 after:w-[2px]`,`group-data-[side=left]:-right-4`,`group-data-[side=right]:left-0`,`in-data-[side=left]:cursor-w-resize`,`in-data-[side=right]:cursor-e-resize`,`hover:after:bg-sidebar-border`,`hover:group-data-[collapsible=offcanvas]:bg-sidebar`,`group-data-[collapsible=offcanvas]:translate-x-0`,`group-data-[collapsible=offcanvas]:after:left-full`,`[[data-side=left][data-state=collapsed]_&]:cursor-e-resize`,`[[data-side=right][data-state=collapsed]_&]:cursor-w-resize`,`[[data-side=left][data-collapsible=offcanvas]_&]:-right-2`,`[[data-side=right][data-collapsible=offcanvas]_&]:-left-2`,e),...t})}function T({className:e,children:t,...n}){return(0,s.jsxs)(`main`,{"data-slot":`sidebar-inset`,className:(0,o.cn)(`relative flex w-full flex-1 flex-col`,e),...n,children:[(0,s.jsx)(`div`,{className:`h-(--header-height) w-full sm:h-[calc(var(--header-height)_+_0.5rem)]`}),(0,s.jsx)(`div`,{className:(0,o.cn)(`flex-1 inset-shadow-sm`),children:t})]})}function E({className:e,...t}){return(0,s.jsx)(`div`,{"data-slot":`sidebar-header`,"data-sidebar":`header`,className:(0,o.cn)(`flex flex-col gap-2 p-2`,e),...t})}function D({className:e,...t}){return(0,s.jsx)(`div`,{"data-slot":`sidebar-footer`,"data-sidebar":`footer`,className:(0,o.cn)(`flex flex-col gap-2 p-2`,e),...t})}function O({className:e,...t}){return(0,s.jsx)(i.t,{"data-slot":`sidebar-separator`,"data-sidebar":`separator`,className:(0,o.cn)(`bg-sidebar-border mx-2 w-auto`,e),...t})}function k({className:e,...t}){return(0,s.jsx)(`div`,{"data-slot":`sidebar-content`,"data-sidebar":`content`,className:(0,o.cn)(`flex min-h-0 flex-1 flex-col gap-2 overflow-auto group-data-[collapsible=icon]:overflow-hidden`,e),...t})}function A({className:e,...t}){return(0,s.jsx)(`div`,{"data-slot":`sidebar-group`,"data-sidebar":`group`,className:(0,o.cn)(`relative flex w-full min-w-0 flex-col p-2`,e),...t})}function j({className:e,asChild:t=!1,...n}){return(0,s.jsx)(t?d.Slot.Slot:`div`,{"data-slot":`sidebar-group-label`,"data-sidebar":`group-label`,className:(0,o.cn)(`flex h-8 shrink-0 items-center rounded-md px-2 text-xs font-medium outline-hidden transition-[margin,opacity] duration-200 ease-linear focus-visible:ring-2`,`text-sidebar-foreground/70`,`ring-sidebar-ring`,`[&>svg]:size-4`,`[&>svg]:shrink-0`,`group-data-[collapsible=icon]:-mt-8`,`group-data-[collapsible=icon]:opacity-0`,e),...n})}function M({className:e,asChild:t=!1,...n}){return(0,s.jsx)(t?d.Slot.Slot:`button`,{"data-slot":`sidebar-group-action`,"data-sidebar":`group-action`,className:(0,o.cn)(`text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground absolute top-3.5 right-3 flex aspect-square w-5 items-center justify-center rounded-md p-0 outline-hidden transition-transform`,`focus-visible:ring-2`,`[&>svg]:size-4`,`[&>svg]:shrink-0`,`after:absolute after:-inset-2 md:after:hidden`,`group-data-[collapsible=icon]:hidden`,e),...n})}function N({className:e,...t}){return(0,s.jsx)(`div`,{"data-slot":`sidebar-group-content`,"data-sidebar":`group-content`,className:(0,o.cn)(`w-full text-sm`,e),...t})}function P({className:e,...t}){return(0,s.jsx)(`ul`,{"data-slot":`sidebar-menu`,"data-sidebar":`menu`,className:(0,o.cn)(`flex w-full min-w-0 flex-col gap-1`,e),...t})}function F({className:e,...t}){return(0,s.jsx)(`li`,{"data-slot":`sidebar-menu-item`,"data-sidebar":`menu-item`,className:(0,o.cn)(`group/menu-item relative`,e),...t})}const I=(0,u.cva)([`peer/menu-button`,`cursor-pointer`,`flex w-full items-center gap-2`,`overflow-hidden rounded-md p-2 outline-hidden`,`text-left truncate`,`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]:font-medium`,`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-8!`,`group-data-[collapsible=icon]:p-2!`,`[&>svg]:size-4`,`[&>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-8 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:e=!1,isActive:t=!1,variant:n=`default`,size:i=`default`,tooltip:a,className:c,...l}){let u=e?d.Slot.Slot:`button`,{isMobile:f,state:p}=b(),m=(0,s.jsx)(u,{"data-slot":`sidebar-menu-button`,"data-sidebar":`menu-button`,"data-size":i,"data-active":t,className:(0,o.cn)(I({variant:n,size:i}),c),...l});return a?(typeof a==`string`&&(a={children:a}),(0,s.jsxs)(r.t,{children:[(0,s.jsx)(r.i,{asChild:!0,children:m}),(0,s.jsx)(r.n,{side:`right`,align:`center`,hidden:p!==`collapsed`||f,...a})]})):m}function R({className:e,asChild:t=!1,showOnHover:n=!1,...r}){return(0,s.jsx)(t?d.Slot.Slot:`button`,{"data-slot":`sidebar-menu-action`,"data-sidebar":`menu-action`,className:(0,o.cn)(`text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground peer-hover/menu-button:text-sidebar-accent-foreground absolute top-1.5 right-1 flex aspect-square w-5 items-center justify-center rounded-md p-0 outline-hidden transition-transform`,`focus-visible:ring-2`,`[&>svg]:size-4`,`[&>svg]:shrink-0`,`after:absolute after:-inset-2 md:after:hidden`,`peer-data-[size=sm]/menu-button:top-1`,`peer-data-[size=default]/menu-button:top-1.5`,`peer-data-[size=lg]/menu-button:top-2.5`,`group-data-[collapsible=icon]:hidden`,n&&`peer-data-[active=true]/menu-button:text-sidebar-accent-foreground`,n&&`group-focus-within/menu-item:opacity-100`,n&&`group-hover/menu-item:opacity-100`,n&&`data-[state=open]:opacity-100 md:opacity-0`,e),...r})}function z({className:e,...t}){return(0,s.jsx)(`div`,{"data-slot":`sidebar-menu-badge`,"data-sidebar":`menu-badge`,className:(0,o.cn)(`text-sidebar-foreground pointer-events-none absolute right-1 flex h-5 min-w-5 items-center justify-center rounded-md px-1 text-xs font-medium tabular-nums select-none`,`peer-hover/menu-button:text-sidebar-accent-foreground`,`peer-data-[active=true]/menu-button:text-sidebar-accent-foreground`,`peer-data-[size=sm]/menu-button:top-1`,`peer-data-[size=default]/menu-button:top-1.5`,`peer-data-[size=lg]/menu-button:top-2.5`,`group-data-[collapsible=icon]:hidden`,e),...t})}function B({className:e,showIcon:t=!1,...r}){let i=(0,l.useMemo)(()=>`${Math.floor(Math.random()*40)+50}%`,[]);return(0,s.jsxs)(`div`,{"data-slot":`sidebar-menu-skeleton`,"data-sidebar":`menu-skeleton`,className:(0,o.cn)(`flex h-8 items-center gap-2 rounded-md px-2`,e),...r,children:[t&&(0,s.jsx)(n.t,{className:`size-4 rounded-md`,"data-sidebar":`menu-skeleton-icon`}),(0,s.jsx)(n.t,{className:`h-4 max-w-(--skeleton-width) flex-1`,"data-sidebar":`menu-skeleton-text`,style:{"--skeleton-width":i}})]})}function V({className:e,...t}){return(0,s.jsx)(`ul`,{"data-slot":`sidebar-menu-sub`,"data-sidebar":`menu-sub`,className:(0,o.cn)(`border-sidebar-border mx-3.5 flex min-w-0 translate-x-px flex-col gap-1 border-l px-2.5 py-0.5`,`group-data-[collapsible=icon]:hidden`,e),...t})}function H({className:e,...t}){return(0,s.jsx)(`li`,{"data-slot":`sidebar-menu-sub-item`,"data-sidebar":`menu-sub-item`,className:(0,o.cn)(`group/menu-sub-item relative`,e),...t})}function U({asChild:e=!1,size:t=`md`,isActive:n=!1,className:r,...i}){return(0,s.jsx)(e?d.Slot.Slot:`a`,{"data-slot":`sidebar-menu-sub-button`,"data-sidebar":`menu-sub-button`,"data-size":t,"data-active":n,className:(0,o.cn)(`text-sidebar-foreground`,`ring-sidebar-ring`,`flex h-7 min-w-0 -translate-x-px items-center gap-2 overflow-hidden rounded-md px-2 outline-hidden`,`focus-visible:ring-2`,`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`,`aria-disabled:pointer-events-none`,`aria-disabled:opacity-50`,`[&>svg]:size-4`,`[&>svg]:shrink-0`,`[&>svg]:text-sidebar-accent-foreground`,`[&>span:last-child]:truncate`,`data-[active=true]:bg-sidebar-accent`,`data-[active=true]:text-sidebar-accent-foreground`,t===`sm`&&`text-xs`,t===`md`&&`text-sm`,`group-data-[collapsible=icon]:hidden`,r),...i})}const W=({children:e})=>(0,s.jsx)(x,{children:e}),G=({children:e})=>(0,s.jsxs)(`header`,{className:(0,o.cn)(`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`,`group-has-data-[collapsible=icon]/sidebar-wrapper:h-(--header-height)`,`sm:group-has-data-[collapsible=icon]/sidebar-wrapper:h-[calc(var(--header-height)+0.5rem)]`),children:[(0,s.jsx)(C,{}),(0,s.jsxs)(`div`,{className:`flex gap-x-2 sm:ml-2.5`,children:[(0,s.jsx)(`div`,{className:`flex aspect-square size-8 items-center justify-center rounded-lg bg-sidebar-primary text-sidebar-primary-foreground`,children:(0,s.jsx)(c.ShoppingCartIcon,{size:20})}),(0,s.jsxs)(`div`,{className:`grid flex-1 text-left text-sm leading-tight`,children:[(0,s.jsx)(`span`,{className:`truncate font-medium`,children:`Lunas Store`}),(0,s.jsx)(`span`,{className:`truncate text-xs`,children:`Established 2023`})]})]}),(0,s.jsx)(`div`,{className:`flex flex-1 items-center justify-end`,children:e})]}),K=({children:e,...t})=>(0,s.jsx)(S,{variant:`inset`,collapsible:`icon`,...t,children:e}),q=({children:e})=>(0,s.jsx)(T,{children:(0,s.jsx)(`section`,{className:`relative size-full`,children:(0,s.jsx)(`div`,{className:`absolute inset-0 flex flex-col`,children:e})})}),J=({className:e,children:t})=>(0,s.jsx)(`div`,{"data-slot":`main-header`,className:(0,o.cn)(`flex-0`,e),children:t}),Y=({className:e,children:t})=>(0,s.jsx)(`div`,{"data-slot":`main-content`,className:(0,o.cn)(`flex w-full flex-1 flex-col gap-4 overflow-y-auto px-2 sm:px-4`,e),children:t}),X=({className:e,children:t})=>(0,s.jsx)(`div`,{"data-slot":`main-footer`,className:(0,o.cn)(`border-border-weak hidden w-full flex-0 border-t pt-2 sm:flex`,e),children:t}),Z=({children:e,className:t})=>(0,s.jsx)(`div`,{"data-slot":`main-group`,className:(0,o.cn)(`flex size-full flex-col gap-4`,t),children:e}),Q=({className:e,children:t})=>(0,s.jsx)(`div`,{"data-slot":`main-group-content`,className:(0,o.cn)(`bg-card shadow-card size-full max-w-5xl flex-1 snap-start snap-always scroll-mt-4 rounded-md p-4`,e),children:t});exports.AppLayoutHeader=G,exports.AppLayoutMain=q,exports.AppLayoutMainContent=Y,exports.AppLayoutMainFooter=X,exports.AppLayoutMainGroup=Z,exports.AppLayoutMainGroupContent=Q,exports.AppLayoutMainHeader=J,exports.AppLayoutSidebar=K,exports.AppLayoutSidebarContent=k,exports.AppLayoutSidebarFooter=D,exports.AppLayoutSidebarGroup=A,exports.AppLayoutSidebarGroupAction=M,exports.AppLayoutSidebarGroupContent=N,exports.AppLayoutSidebarGroupLabel=j,exports.AppLayoutSidebarHeader=E,exports.AppLayoutSidebarInset=T,exports.AppLayoutSidebarMenu=P,exports.AppLayoutSidebarMenuAction=R,exports.AppLayoutSidebarMenuBadge=z,exports.AppLayoutSidebarMenuButton=L,exports.AppLayoutSidebarMenuItem=F,exports.AppLayoutSidebarMenuSkeleton=B,exports.AppLayoutSidebarMenuSub=V,exports.AppLayoutSidebarMenuSubButton=U,exports.AppLayoutSidebarMenuSubItem=H,exports.AppLayoutSidebarRail=w,exports.AppLayoutSidebarSeparator=O,exports.AppLayoutSidebarTrigger=C,exports.AppLayoutWrapper=W,exports.Sidebar=S,exports.SidebarProvider=x,exports.useSidebar=b;
 //# sourceMappingURL=index.cjs.map

package/dist/layouts/app-layout/index.d.cts

@@ -1,8 +1,8 @@
-import { t as Button } from "../../button-Bi0XgXUX.cjs";
-import { t as Separator } from "../../separator-D2UE0gwx.cjs";
-import { n as TooltipContent } from "../../tooltip-hNjQeKGr.cjs";
-import * as react_jsx_runtime314 from "react/jsx-runtime";
-import * as class_variance_authority_types15 from "class-variance-authority/types";
+import { t as Button } from "../../button-B47JL9_X.cjs";
+import { t as Separator } from "../../separator-D6YkFSv3.cjs";
+import { n as TooltipContent } from "../../tooltip-CVLw9F2s.cjs";
+import * as react_jsx_runtime291 from "react/jsx-runtime";
+import * as class_variance_authority_types11 from "class-variance-authority/types";
 import { VariantProps } from "class-variance-authority";
 
 //#region packages/components/layouts/app-layout/sidebar.d.ts
@@ -28,7 +28,7 @@ declare function SidebarProvider({
   defaultOpen?: boolean;
   open?: boolean;
   onOpenChange?: (open: boolean) => void;
-}): react_jsx_runtime314.JSX.Element;
+}): react_jsx_runtime291.JSX.Element;
 declare function Sidebar({
   side,
   variant,
@@ -40,71 +40,71 @@ declare function Sidebar({
   side?: 'left' | 'right';
   variant?: 'sidebar' | 'floating' | 'inset';
   collapsible?: 'offcanvas' | 'icon' | 'none';
-}): react_jsx_runtime314.JSX.Element;
+}): react_jsx_runtime291.JSX.Element;
 declare function AppLayoutSidebarTrigger({
   className,
   onClick,
   ...props
-}: React.ComponentProps<typeof Button>): react_jsx_runtime314.JSX.Element;
+}: React.ComponentProps<typeof Button>): react_jsx_runtime291.JSX.Element;
 declare function AppLayoutSidebarRail({
   className,
   ...props
-}: React.ComponentProps<'button'>): react_jsx_runtime314.JSX.Element;
+}: React.ComponentProps<'button'>): react_jsx_runtime291.JSX.Element;
 declare function AppLayoutSidebarInset({
   className,
   children,
   ...props
-}: React.ComponentProps<'main'>): react_jsx_runtime314.JSX.Element;
+}: React.ComponentProps<'main'>): react_jsx_runtime291.JSX.Element;
 declare function AppLayoutSidebarHeader({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime314.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime291.JSX.Element;
 declare function AppLayoutSidebarFooter({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime314.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime291.JSX.Element;
 declare function AppLayoutSidebarSeparator({
   className,
   ...props
-}: React.ComponentProps<typeof Separator>): react_jsx_runtime314.JSX.Element;
+}: React.ComponentProps<typeof Separator>): react_jsx_runtime291.JSX.Element;
 declare function AppLayoutSidebarContent({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime314.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime291.JSX.Element;
 declare function AppLayoutSidebarGroup({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime314.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime291.JSX.Element;
 declare function AppLayoutSidebarGroupLabel({
   className,
   asChild,
   ...props
 }: React.ComponentProps<'div'> & {
   asChild?: boolean;
-}): react_jsx_runtime314.JSX.Element;
+}): react_jsx_runtime291.JSX.Element;
 declare function AppLayoutSidebarGroupAction({
   className,
   asChild,
   ...props
 }: React.ComponentProps<'button'> & {
   asChild?: boolean;
-}): react_jsx_runtime314.JSX.Element;
+}): react_jsx_runtime291.JSX.Element;
 declare function AppLayoutSidebarGroupContent({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime314.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime291.JSX.Element;
 declare function AppLayoutSidebarMenu({
   className,
   ...props
-}: React.ComponentProps<'ul'>): react_jsx_runtime314.JSX.Element;
+}: React.ComponentProps<'ul'>): react_jsx_runtime291.JSX.Element;
 declare function AppLayoutSidebarMenuItem({
   className,
   ...props
-}: React.ComponentProps<'li'>): react_jsx_runtime314.JSX.Element;
+}: React.ComponentProps<'li'>): react_jsx_runtime291.JSX.Element;
 declare const sidebarMenuButtonVariants: (props?: ({
   variant?: "default" | "outline" | null | undefined;
   size?: "sm" | "lg" | "default" | null | undefined;
-} & class_variance_authority_types15.ClassProp) | undefined) => string;
+} & class_variance_authority_types11.ClassProp) | undefined) => string;
 declare function AppLayoutSidebarMenuButton({
   asChild,
   isActive,
@@ -117,7 +117,7 @@ declare function AppLayoutSidebarMenuButton({
   asChild?: boolean;
   isActive?: boolean;
   tooltip?: string | React.ComponentProps<typeof TooltipContent>;
-} & VariantProps<typeof sidebarMenuButtonVariants>): react_jsx_runtime314.JSX.Element;
+} & VariantProps<typeof sidebarMenuButtonVariants>): react_jsx_runtime291.JSX.Element;
 declare function AppLayoutSidebarMenuAction({
   className,
   asChild,
@@ -126,26 +126,26 @@ declare function AppLayoutSidebarMenuAction({
 }: React.ComponentProps<'button'> & {
   asChild?: boolean;
   showOnHover?: boolean;
-}): react_jsx_runtime314.JSX.Element;
+}): react_jsx_runtime291.JSX.Element;
 declare function AppLayoutSidebarMenuBadge({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime314.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime291.JSX.Element;
 declare function AppLayoutSidebarMenuSkeleton({
   className,
   showIcon,
   ...props
 }: React.ComponentProps<'div'> & {
   showIcon?: boolean;
-}): react_jsx_runtime314.JSX.Element;
+}): react_jsx_runtime291.JSX.Element;
 declare function AppLayoutSidebarMenuSub({
   className,
   ...props
-}: React.ComponentProps<'ul'>): react_jsx_runtime314.JSX.Element;
+}: React.ComponentProps<'ul'>): react_jsx_runtime291.JSX.Element;
 declare function AppLayoutSidebarMenuSubItem({
   className,
   ...props
-}: React.ComponentProps<'li'>): react_jsx_runtime314.JSX.Element;
+}: React.ComponentProps<'li'>): react_jsx_runtime291.JSX.Element;
 declare function AppLayoutSidebarMenuSubButton({
   asChild,
   size,
@@ -156,7 +156,7 @@ declare function AppLayoutSidebarMenuSubButton({
   asChild?: boolean;
   size?: 'sm' | 'md';
   isActive?: boolean;
-}): react_jsx_runtime314.JSX.Element;
+}): react_jsx_runtime291.JSX.Element;
 //#endregion
 //#region packages/components/layouts/app-layout/index.d.ts
 declare const AppLayoutWrapper: React.FC<React.PropsWithChildren>;

package/dist/layouts/app-layout/index.d.mts

@@ -1,7 +1,7 @@
-import { t as Button } from "../../button-uVUP5sTh.mjs";
-import { t as Separator } from "../../separator-P6dOfeXo.mjs";
-import { n as TooltipContent } from "../../tooltip-C91traQ2.mjs";
-import * as react_jsx_runtime314 from "react/jsx-runtime";
+import { t as Button } from "../../button-BVyGOvsM.mjs";
+import { t as Separator } from "../../separator-DVJtN08T.mjs";
+import { n as TooltipContent } from "../../tooltip-Cu2-ZHAv.mjs";
+import * as react_jsx_runtime315 from "react/jsx-runtime";
 import { VariantProps } from "class-variance-authority";
 import * as class_variance_authority_types15 from "class-variance-authority/types";
 
@@ -28,7 +28,7 @@ declare function SidebarProvider({
   defaultOpen?: boolean;
   open?: boolean;
   onOpenChange?: (open: boolean) => void;
-}): react_jsx_runtime314.JSX.Element;
+}): react_jsx_runtime315.JSX.Element;
 declare function Sidebar({
   side,
   variant,
@@ -40,67 +40,67 @@ declare function Sidebar({
   side?: 'left' | 'right';
   variant?: 'sidebar' | 'floating' | 'inset';
   collapsible?: 'offcanvas' | 'icon' | 'none';
-}): react_jsx_runtime314.JSX.Element;
+}): react_jsx_runtime315.JSX.Element;
 declare function AppLayoutSidebarTrigger({
   className,
   onClick,
   ...props
-}: React.ComponentProps<typeof Button>): react_jsx_runtime314.JSX.Element;
+}: React.ComponentProps<typeof Button>): react_jsx_runtime315.JSX.Element;
 declare function AppLayoutSidebarRail({
   className,
   ...props
-}: React.ComponentProps<'button'>): react_jsx_runtime314.JSX.Element;
+}: React.ComponentProps<'button'>): react_jsx_runtime315.JSX.Element;
 declare function AppLayoutSidebarInset({
   className,
   children,
   ...props
-}: React.ComponentProps<'main'>): react_jsx_runtime314.JSX.Element;
+}: React.ComponentProps<'main'>): react_jsx_runtime315.JSX.Element;
 declare function AppLayoutSidebarHeader({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime314.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime315.JSX.Element;
 declare function AppLayoutSidebarFooter({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime314.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime315.JSX.Element;
 declare function AppLayoutSidebarSeparator({
   className,
   ...props
-}: React.ComponentProps<typeof Separator>): react_jsx_runtime314.JSX.Element;
+}: React.ComponentProps<typeof Separator>): react_jsx_runtime315.JSX.Element;
 declare function AppLayoutSidebarContent({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime314.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime315.JSX.Element;
 declare function AppLayoutSidebarGroup({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime314.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime315.JSX.Element;
 declare function AppLayoutSidebarGroupLabel({
   className,
   asChild,
   ...props
 }: React.ComponentProps<'div'> & {
   asChild?: boolean;
-}): react_jsx_runtime314.JSX.Element;
+}): react_jsx_runtime315.JSX.Element;
 declare function AppLayoutSidebarGroupAction({
   className,
   asChild,
   ...props
 }: React.ComponentProps<'button'> & {
   asChild?: boolean;
-}): react_jsx_runtime314.JSX.Element;
+}): react_jsx_runtime315.JSX.Element;
 declare function AppLayoutSidebarGroupContent({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime314.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime315.JSX.Element;
 declare function AppLayoutSidebarMenu({
   className,
   ...props
-}: React.ComponentProps<'ul'>): react_jsx_runtime314.JSX.Element;
+}: React.ComponentProps<'ul'>): react_jsx_runtime315.JSX.Element;
 declare function AppLayoutSidebarMenuItem({
   className,
   ...props
-}: React.ComponentProps<'li'>): react_jsx_runtime314.JSX.Element;
+}: React.ComponentProps<'li'>): react_jsx_runtime315.JSX.Element;
 declare const sidebarMenuButtonVariants: (props?: ({
   variant?: "default" | "outline" | null | undefined;
   size?: "sm" | "lg" | "default" | null | undefined;
@@ -117,7 +117,7 @@ declare function AppLayoutSidebarMenuButton({
   asChild?: boolean;
   isActive?: boolean;
   tooltip?: string | React.ComponentProps<typeof TooltipContent>;
-} & VariantProps<typeof sidebarMenuButtonVariants>): react_jsx_runtime314.JSX.Element;
+} & VariantProps<typeof sidebarMenuButtonVariants>): react_jsx_runtime315.JSX.Element;
 declare function AppLayoutSidebarMenuAction({
   className,
   asChild,
@@ -126,26 +126,26 @@ declare function AppLayoutSidebarMenuAction({
 }: React.ComponentProps<'button'> & {
   asChild?: boolean;
   showOnHover?: boolean;
-}): react_jsx_runtime314.JSX.Element;
+}): react_jsx_runtime315.JSX.Element;
 declare function AppLayoutSidebarMenuBadge({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime314.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime315.JSX.Element;
 declare function AppLayoutSidebarMenuSkeleton({
   className,
   showIcon,
   ...props
 }: React.ComponentProps<'div'> & {
   showIcon?: boolean;
-}): react_jsx_runtime314.JSX.Element;
+}): react_jsx_runtime315.JSX.Element;
 declare function AppLayoutSidebarMenuSub({
   className,
   ...props
-}: React.ComponentProps<'ul'>): react_jsx_runtime314.JSX.Element;
+}: React.ComponentProps<'ul'>): react_jsx_runtime315.JSX.Element;
 declare function AppLayoutSidebarMenuSubItem({
   className,
   ...props
-}: React.ComponentProps<'li'>): react_jsx_runtime314.JSX.Element;
+}: React.ComponentProps<'li'>): react_jsx_runtime315.JSX.Element;
 declare function AppLayoutSidebarMenuSubButton({
   asChild,
   size,
@@ -156,7 +156,7 @@ declare function AppLayoutSidebarMenuSubButton({
   asChild?: boolean;
   size?: 'sm' | 'md';
   isActive?: boolean;
-}): react_jsx_runtime314.JSX.Element;
+}): react_jsx_runtime315.JSX.Element;
 //#endregion
 //#region packages/components/layouts/app-layout/index.d.ts
 declare const AppLayoutWrapper: React.FC<React.PropsWithChildren>;

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

@@ -1,2 +1,2 @@
-"use client";import"../../button.variants-DmUzMbB8.mjs";import{t as e}from"../../button-DIEXNBpi.mjs";import{t}from"../../skeleton-CvZncisJ.mjs";import{i as n,n as r,r as i,t as a}from"../../tooltip-BDaKTFKI.mjs";import{t as o}from"../../separator-yTKDuMWb.mjs";import{i as s,o as c,r as l,s as u,t as d}from"../../sheet-BSeiP8S8.mjs";import{cn as f}from"@customafk/react-toolkit/utils";import{jsx as p,jsxs as m}from"react/jsx-runtime";import{MenuIcon as h,ShoppingCartIcon as g}from"lucide-react";import{createContext as _,use as v,useCallback as y,useEffect as b,useMemo as x,useState as S}from"react";import{cva as C}from"class-variance-authority";import{Slot as w}from"radix-ui";import{useIsMobile as T}from"@customafk/react-toolkit/hooks/useMobile";const E=_(null);function D(){let e=v(E);if(!e)throw Error(`useSidebar must be used within a SidebarProvider.`);return e}function O({defaultOpen:e=!0,open:t,onOpenChange:n,className:r,style:a,children:o,...s}){let c=T(),[l,u]=S(!1),[d,m]=S(e),h=t??d,g=y(e=>{let t=typeof e==`function`?e(h):e;n?n(t):m(t),document.cookie=`sidebar_state=${t}; path=/; max-age=604800`},[n,h]),_=y(()=>c?u(e=>!e):g(e=>!e),[c,g,u]);b(()=>{let e=e=>{e.key===`b`&&(e.metaKey||e.ctrlKey)&&(e.preventDefault(),_())};return window.addEventListener(`keydown`,e),()=>window.removeEventListener(`keydown`,e)},[_]);let v=h?`expanded`:`collapsed`,C=x(()=>({state:v,isMobile:c,toggleSidebar:_,open:h,setOpen:g,openMobile:l,setOpenMobile:u}),[v,h,g,c,l,u,_]);return p(E.Provider,{value:C,children:p(i,{delayDuration:0,children:p(`div`,{"data-slot":`sidebar-wrapper`,style:{"--sidebar-width":`16rem`,"--sidebar-width-icon":`3rem`,...a},className:f(`group/sidebar-wrapper`,`has-data-[variant=inset]:bg-sidebar`,`flex h-dvh w-full`,r),...s,children:o})})})}function k({side:e=`left`,variant:t=`sidebar`,collapsible:n=`offcanvas`,className:r,children:i,...a}){let{isMobile:o,state:h,openMobile:_,setOpenMobile:v}=D();return n===`none`?p(`aside`,{"data-slot":`sidebar`,className:f(`bg-sidebar text-sidebar-foreground flex h-full w-(--sidebar-width) flex-col`,r),...a,children:i}):o?p(d,{open:_,onOpenChange:v,...a,children:m(l,{"data-sidebar":`sidebar`,"data-slot":`sidebar`,"data-mobile":`true`,className:`bg-sidebar text-sidebar-foreground w-(--sidebar-width) p-0 [&>button]:hidden`,style:{"--sidebar-width":`16rem`},side:e,children:[m(c,{className:`sr-only`,children:[p(u,{children:`Sidebar`}),p(s,{children:`Displays the mobile sidebar.`})]}),m(`div`,{className:`flex size-full flex-col`,children:[m(`div`,{className:`border-border-weak flex items-center gap-x-2 border-b p-2 pr-4`,children:[p(A,{}),p(`div`,{className:`bg-sidebar-primary text-sidebar-primary-foreground ml-2 flex aspect-square size-8 items-center justify-center rounded-lg`,children:p(g,{size:20})}),m(`div`,{className:`grid flex-1 text-left text-sm leading-tight`,children:[p(`span`,{className:`truncate font-medium`,children:`Lunas Store`}),p(`span`,{className:`truncate text-xs`,children:`Established 2023`})]})]}),i]})]})}):m(`aside`,{className:`group peer text-sidebar-foreground bg-card hidden md:block`,"data-state":h,"data-collapsible":h===`collapsed`?n:``,"data-variant":t,"data-side":e,"data-slot":`sidebar`,children:[p(`div`,{"data-slot":`sidebar-gap`,className:f(`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`,t===`floating`||t===`inset`?`group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4)))]`:`group-data-[collapsible=icon]:w-(--sidebar-width-icon)`)}),p(`div`,{"data-slot":`sidebar-container`,className:f(`hidden md:flex`,`shadow-nav fixed inset-y-0 top-14 z-10`,`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)]`,t===`floating`||t===`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`,r),...a,children:p(`div`,{"data-sidebar":`sidebar`,"data-slot":`sidebar-inner`,className:f(`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:i})})]})}function A({className:t,onClick:n,...r}){let{toggleSidebar:i}=D();return m(e,{"data-sidebar":`trigger`,"data-slot":`sidebar-trigger`,variant:`ghost`,color:`muted`,size:`icon`,className:f(`size-10 rounded-full`,t),onClick:e=>{n?.(e),i()},...r,children:[p(h,{className:`!size-6`}),p(`span`,{className:`sr-only`,children:`Toggle Sidebar`})]})}function j({className:e,...t}){let{toggleSidebar:n}=D();return p(`button`,{"data-sidebar":`rail`,"data-slot":`sidebar-rail`,"aria-label":`Toggle Sidebar`,tabIndex:-1,onClick:n,title:`Toggle Sidebar`,className:f(`absolute inset-y-0 z-20 hidden w-4 -translate-x-1/2 transition-all ease-linear sm:flex`,`after:absolute after:inset-y-0 after:left-1/2 after:w-[2px]`,`group-data-[side=left]:-right-4`,`group-data-[side=right]:left-0`,`in-data-[side=left]:cursor-w-resize`,`in-data-[side=right]:cursor-e-resize`,`hover:after:bg-sidebar-border`,`hover:group-data-[collapsible=offcanvas]:bg-sidebar`,`group-data-[collapsible=offcanvas]:translate-x-0`,`group-data-[collapsible=offcanvas]:after:left-full`,`[[data-side=left][data-state=collapsed]_&]:cursor-e-resize`,`[[data-side=right][data-state=collapsed]_&]:cursor-w-resize`,`[[data-side=left][data-collapsible=offcanvas]_&]:-right-2`,`[[data-side=right][data-collapsible=offcanvas]_&]:-left-2`,e),...t})}function M({className:e,children:t,...n}){return m(`main`,{"data-slot":`sidebar-inset`,className:f(`relative flex w-full flex-1 flex-col`,e),...n,children:[p(`div`,{className:`h-(--header-height) w-full sm:h-[calc(var(--header-height)_+_0.5rem)]`}),p(`div`,{className:f(`flex-1 inset-shadow-sm`),children:t})]})}function N({className:e,...t}){return p(`div`,{"data-slot":`sidebar-header`,"data-sidebar":`header`,className:f(`flex flex-col gap-2 p-2`,e),...t})}function P({className:e,...t}){return p(`div`,{"data-slot":`sidebar-footer`,"data-sidebar":`footer`,className:f(`flex flex-col gap-2 p-2`,e),...t})}function F({className:e,...t}){return p(o,{"data-slot":`sidebar-separator`,"data-sidebar":`separator`,className:f(`bg-sidebar-border mx-2 w-auto`,e),...t})}function I({className:e,...t}){return p(`div`,{"data-slot":`sidebar-content`,"data-sidebar":`content`,className:f(`flex min-h-0 flex-1 flex-col gap-2 overflow-auto group-data-[collapsible=icon]:overflow-hidden`,e),...t})}function L({className:e,...t}){return p(`div`,{"data-slot":`sidebar-group`,"data-sidebar":`group`,className:f(`relative flex w-full min-w-0 flex-col p-2`,e),...t})}function R({className:e,asChild:t=!1,...n}){return p(t?w.Slot:`div`,{"data-slot":`sidebar-group-label`,"data-sidebar":`group-label`,className:f(`flex h-8 shrink-0 items-center rounded-md px-2 text-xs font-medium outline-hidden transition-[margin,opacity] duration-200 ease-linear focus-visible:ring-2`,`text-sidebar-foreground/70`,`ring-sidebar-ring`,`[&>svg]:size-4`,`[&>svg]:shrink-0`,`group-data-[collapsible=icon]:-mt-8`,`group-data-[collapsible=icon]:opacity-0`,e),...n})}function z({className:e,asChild:t=!1,...n}){return p(t?w.Slot:`button`,{"data-slot":`sidebar-group-action`,"data-sidebar":`group-action`,className:f(`text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground absolute top-3.5 right-3 flex aspect-square w-5 items-center justify-center rounded-md p-0 outline-hidden transition-transform`,`focus-visible:ring-2`,`[&>svg]:size-4`,`[&>svg]:shrink-0`,`after:absolute after:-inset-2 md:after:hidden`,`group-data-[collapsible=icon]:hidden`,e),...n})}function B({className:e,...t}){return p(`div`,{"data-slot":`sidebar-group-content`,"data-sidebar":`group-content`,className:f(`w-full text-sm`,e),...t})}function V({className:e,...t}){return p(`ul`,{"data-slot":`sidebar-menu`,"data-sidebar":`menu`,className:f(`flex w-full min-w-0 flex-col gap-1`,e),...t})}function H({className:e,...t}){return p(`li`,{"data-slot":`sidebar-menu-item`,"data-sidebar":`menu-item`,className:f(`group/menu-item relative`,e),...t})}const U=C([`peer/menu-button`,`cursor-pointer`,`flex w-full items-center gap-2`,`overflow-hidden rounded-md p-2 outline-hidden`,`text-left truncate`,`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]:font-medium`,`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-8!`,`group-data-[collapsible=icon]:p-2!`,`[&>svg]:size-4`,`[&>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-8 text-sm`,sm:`h-7 text-xs`,lg:`h-12 text-sm group-data-[collapsible=icon]:p-0!`}},defaultVariants:{variant:`default`,size:`default`}});function W({asChild:e=!1,isActive:t=!1,variant:i=`default`,size:o=`default`,tooltip:s,className:c,...l}){let u=e?w.Slot:`button`,{isMobile:d,state:h}=D(),g=p(u,{"data-slot":`sidebar-menu-button`,"data-sidebar":`menu-button`,"data-size":o,"data-active":t,className:f(U({variant:i,size:o}),c),...l});return s?(typeof s==`string`&&(s={children:s}),m(a,{children:[p(n,{asChild:!0,children:g}),p(r,{side:`right`,align:`center`,hidden:h!==`collapsed`||d,...s})]})):g}function G({className:e,asChild:t=!1,showOnHover:n=!1,...r}){return p(t?w.Slot:`button`,{"data-slot":`sidebar-menu-action`,"data-sidebar":`menu-action`,className:f(`text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground peer-hover/menu-button:text-sidebar-accent-foreground absolute top-1.5 right-1 flex aspect-square w-5 items-center justify-center rounded-md p-0 outline-hidden transition-transform`,`focus-visible:ring-2`,`[&>svg]:size-4`,`[&>svg]:shrink-0`,`after:absolute after:-inset-2 md:after:hidden`,`peer-data-[size=sm]/menu-button:top-1`,`peer-data-[size=default]/menu-button:top-1.5`,`peer-data-[size=lg]/menu-button:top-2.5`,`group-data-[collapsible=icon]:hidden`,n&&`peer-data-[active=true]/menu-button:text-sidebar-accent-foreground`,n&&`group-focus-within/menu-item:opacity-100`,n&&`group-hover/menu-item:opacity-100`,n&&`data-[state=open]:opacity-100 md:opacity-0`,e),...r})}function K({className:e,...t}){return p(`div`,{"data-slot":`sidebar-menu-badge`,"data-sidebar":`menu-badge`,className:f(`text-sidebar-foreground pointer-events-none absolute right-1 flex h-5 min-w-5 items-center justify-center rounded-md px-1 text-xs font-medium tabular-nums select-none`,`peer-hover/menu-button:text-sidebar-accent-foreground`,`peer-data-[active=true]/menu-button:text-sidebar-accent-foreground`,`peer-data-[size=sm]/menu-button:top-1`,`peer-data-[size=default]/menu-button:top-1.5`,`peer-data-[size=lg]/menu-button:top-2.5`,`group-data-[collapsible=icon]:hidden`,e),...t})}function q({className:e,showIcon:n=!1,...r}){let i=x(()=>`${Math.floor(Math.random()*40)+50}%`,[]);return m(`div`,{"data-slot":`sidebar-menu-skeleton`,"data-sidebar":`menu-skeleton`,className:f(`flex h-8 items-center gap-2 rounded-md px-2`,e),...r,children:[n&&p(t,{className:`size-4 rounded-md`,"data-sidebar":`menu-skeleton-icon`}),p(t,{className:`h-4 max-w-(--skeleton-width) flex-1`,"data-sidebar":`menu-skeleton-text`,style:{"--skeleton-width":i}})]})}function J({className:e,...t}){return p(`ul`,{"data-slot":`sidebar-menu-sub`,"data-sidebar":`menu-sub`,className:f(`border-sidebar-border mx-3.5 flex min-w-0 translate-x-px flex-col gap-1 border-l px-2.5 py-0.5`,`group-data-[collapsible=icon]:hidden`,e),...t})}function Y({className:e,...t}){return p(`li`,{"data-slot":`sidebar-menu-sub-item`,"data-sidebar":`menu-sub-item`,className:f(`group/menu-sub-item relative`,e),...t})}function X({asChild:e=!1,size:t=`md`,isActive:n=!1,className:r,...i}){return p(e?w.Slot:`a`,{"data-slot":`sidebar-menu-sub-button`,"data-sidebar":`menu-sub-button`,"data-size":t,"data-active":n,className:f(`text-sidebar-foreground`,`ring-sidebar-ring`,`flex h-7 min-w-0 -translate-x-px items-center gap-2 overflow-hidden rounded-md px-2 outline-hidden`,`focus-visible:ring-2`,`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`,`aria-disabled:pointer-events-none`,`aria-disabled:opacity-50`,`[&>svg]:size-4`,`[&>svg]:shrink-0`,`[&>svg]:text-sidebar-accent-foreground`,`[&>span:last-child]:truncate`,`data-[active=true]:bg-sidebar-accent`,`data-[active=true]:text-sidebar-accent-foreground`,t===`sm`&&`text-xs`,t===`md`&&`text-sm`,`group-data-[collapsible=icon]:hidden`,r),...i})}const Z=({children:e})=>p(O,{children:e}),Q=({children:e})=>m(`header`,{className:f(`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`,`group-has-data-[collapsible=icon]/sidebar-wrapper:h-(--header-height)`,`sm:group-has-data-[collapsible=icon]/sidebar-wrapper:h-[calc(var(--header-height)+0.5rem)]`),children:[p(A,{}),m(`div`,{className:`flex gap-x-2 sm:ml-2.5`,children:[p(`div`,{className:`flex aspect-square size-8 items-center justify-center rounded-lg bg-sidebar-primary text-sidebar-primary-foreground`,children:p(g,{size:20})}),m(`div`,{className:`grid flex-1 text-left text-sm leading-tight`,children:[p(`span`,{className:`truncate font-medium`,children:`Lunas Store`}),p(`span`,{className:`truncate text-xs`,children:`Established 2023`})]})]}),p(`div`,{className:`flex flex-1 items-center justify-end`,children:e})]}),$=({children:e,...t})=>p(k,{variant:`inset`,collapsible:`icon`,...t,children:e}),ee=({children:e})=>p(M,{children:p(`section`,{className:`relative size-full`,children:p(`div`,{className:`absolute inset-0 flex flex-col`,children:e})})}),te=({className:e,children:t})=>p(`div`,{"data-slot":`main-header`,className:f(`flex-0`,e),children:t}),ne=({className:e,children:t})=>p(`div`,{"data-slot":`main-content`,className:f(`flex w-full flex-1 flex-col gap-4 overflow-y-auto px-2 sm:px-4`,e),children:t}),re=({className:e,children:t})=>p(`div`,{"data-slot":`main-footer`,className:f(`border-border-weak hidden w-full flex-0 border-t pt-2 sm:flex`,e),children:t}),ie=({children:e,className:t})=>p(`div`,{"data-slot":`main-group`,className:f(`flex size-full flex-col gap-4`,t),children:e}),ae=({className:e,children:t})=>p(`div`,{"data-slot":`main-group-content`,className:f(`bg-card shadow-card size-full max-w-5xl flex-1 snap-start snap-always scroll-mt-4 rounded-md p-4`,e),children:t});export{Q as AppLayoutHeader,ee as AppLayoutMain,ne as AppLayoutMainContent,re as AppLayoutMainFooter,ie as AppLayoutMainGroup,ae as AppLayoutMainGroupContent,te as AppLayoutMainHeader,$ as AppLayoutSidebar,I as AppLayoutSidebarContent,P as AppLayoutSidebarFooter,L as AppLayoutSidebarGroup,z as AppLayoutSidebarGroupAction,B as AppLayoutSidebarGroupContent,R as AppLayoutSidebarGroupLabel,N as AppLayoutSidebarHeader,M as AppLayoutSidebarInset,V as AppLayoutSidebarMenu,G as AppLayoutSidebarMenuAction,K as AppLayoutSidebarMenuBadge,W as AppLayoutSidebarMenuButton,H as AppLayoutSidebarMenuItem,q as AppLayoutSidebarMenuSkeleton,J as AppLayoutSidebarMenuSub,X as AppLayoutSidebarMenuSubButton,Y as AppLayoutSidebarMenuSubItem,j as AppLayoutSidebarRail,F as AppLayoutSidebarSeparator,A as AppLayoutSidebarTrigger,Z as AppLayoutWrapper,k as Sidebar,O as SidebarProvider,D as useSidebar};
+"use client";import"../../button.variants-DmUzMbB8.mjs";import{t as e}from"../../button-DIEXNBpi.mjs";import{t}from"../../skeleton-CvZncisJ.mjs";import{i as n,n as r,r as i,t as a}from"../../tooltip-BDaKTFKI.mjs";import{t as o}from"../../separator-CZM2q-Ac.mjs";import{i as s,o as c,r as l,s as u,t as d}from"../../sheet-CUMpo5F_.mjs";import{cn as f}from"@customafk/react-toolkit/utils";import{jsx as p,jsxs as m}from"react/jsx-runtime";import{MenuIcon as h,ShoppingCartIcon as g}from"lucide-react";import{createContext as _,use as v,useCallback as y,useEffect as b,useMemo as x,useState as S}from"react";import{cva as C}from"class-variance-authority";import{Slot as w}from"radix-ui";import{useIsMobile as T}from"@customafk/react-toolkit/hooks/useMobile";const E=_(null);function D(){let e=v(E);if(!e)throw Error(`useSidebar must be used within a SidebarProvider.`);return e}function O({defaultOpen:e=!0,open:t,onOpenChange:n,className:r,style:a,children:o,...s}){let c=T(),[l,u]=S(!1),[d,m]=S(e),h=t??d,g=y(e=>{let t=typeof e==`function`?e(h):e;n?n(t):m(t),document.cookie=`sidebar_state=${t}; path=/; max-age=604800`},[n,h]),_=y(()=>c?u(e=>!e):g(e=>!e),[c,g,u]);b(()=>{let e=e=>{e.key===`b`&&(e.metaKey||e.ctrlKey)&&(e.preventDefault(),_())};return window.addEventListener(`keydown`,e),()=>window.removeEventListener(`keydown`,e)},[_]);let v=h?`expanded`:`collapsed`,C=x(()=>({state:v,isMobile:c,toggleSidebar:_,open:h,setOpen:g,openMobile:l,setOpenMobile:u}),[v,h,g,c,l,u,_]);return p(E.Provider,{value:C,children:p(i,{delayDuration:0,children:p(`div`,{"data-slot":`sidebar-wrapper`,style:{"--sidebar-width":`16rem`,"--sidebar-width-icon":`3rem`,...a},className:f(`group/sidebar-wrapper`,`has-data-[variant=inset]:bg-sidebar`,`flex h-dvh w-full`,r),...s,children:o})})})}function k({side:e=`left`,variant:t=`sidebar`,collapsible:n=`offcanvas`,className:r,children:i,...a}){let{isMobile:o,state:h,openMobile:_,setOpenMobile:v}=D();return n===`none`?p(`aside`,{"data-slot":`sidebar`,className:f(`bg-sidebar text-sidebar-foreground flex h-full w-(--sidebar-width) flex-col`,r),...a,children:i}):o?p(d,{open:_,onOpenChange:v,...a,children:m(l,{"data-sidebar":`sidebar`,"data-slot":`sidebar`,"data-mobile":`true`,className:`bg-sidebar text-sidebar-foreground w-(--sidebar-width) p-0 [&>button]:hidden`,style:{"--sidebar-width":`16rem`},side:e,children:[m(c,{className:`sr-only`,children:[p(u,{children:`Sidebar`}),p(s,{children:`Displays the mobile sidebar.`})]}),m(`div`,{className:`flex size-full flex-col`,children:[m(`div`,{className:`border-border-weak flex items-center gap-x-2 border-b p-2 pr-4`,children:[p(A,{}),p(`div`,{className:`bg-sidebar-primary text-sidebar-primary-foreground ml-2 flex aspect-square size-8 items-center justify-center rounded-lg`,children:p(g,{size:20})}),m(`div`,{className:`grid flex-1 text-left text-sm leading-tight`,children:[p(`span`,{className:`truncate font-medium`,children:`Lunas Store`}),p(`span`,{className:`truncate text-xs`,children:`Established 2023`})]})]}),i]})]})}):m(`aside`,{className:`group peer text-sidebar-foreground bg-card hidden md:block`,"data-state":h,"data-collapsible":h===`collapsed`?n:``,"data-variant":t,"data-side":e,"data-slot":`sidebar`,children:[p(`div`,{"data-slot":`sidebar-gap`,className:f(`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`,t===`floating`||t===`inset`?`group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4)))]`:`group-data-[collapsible=icon]:w-(--sidebar-width-icon)`)}),p(`div`,{"data-slot":`sidebar-container`,className:f(`hidden md:flex`,`shadow-nav fixed inset-y-0 top-14 z-10`,`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)]`,t===`floating`||t===`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`,r),...a,children:p(`div`,{"data-sidebar":`sidebar`,"data-slot":`sidebar-inner`,className:f(`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:i})})]})}function A({className:t,onClick:n,...r}){let{toggleSidebar:i}=D();return m(e,{"data-sidebar":`trigger`,"data-slot":`sidebar-trigger`,variant:`ghost`,color:`muted`,size:`icon`,className:f(`size-10 rounded-full`,t),onClick:e=>{n?.(e),i()},...r,children:[p(h,{className:`!size-6`}),p(`span`,{className:`sr-only`,children:`Toggle Sidebar`})]})}function j({className:e,...t}){let{toggleSidebar:n}=D();return p(`button`,{"data-sidebar":`rail`,"data-slot":`sidebar-rail`,"aria-label":`Toggle Sidebar`,tabIndex:-1,onClick:n,title:`Toggle Sidebar`,className:f(`absolute inset-y-0 z-20 hidden w-4 -translate-x-1/2 transition-all ease-linear sm:flex`,`after:absolute after:inset-y-0 after:left-1/2 after:w-[2px]`,`group-data-[side=left]:-right-4`,`group-data-[side=right]:left-0`,`in-data-[side=left]:cursor-w-resize`,`in-data-[side=right]:cursor-e-resize`,`hover:after:bg-sidebar-border`,`hover:group-data-[collapsible=offcanvas]:bg-sidebar`,`group-data-[collapsible=offcanvas]:translate-x-0`,`group-data-[collapsible=offcanvas]:after:left-full`,`[[data-side=left][data-state=collapsed]_&]:cursor-e-resize`,`[[data-side=right][data-state=collapsed]_&]:cursor-w-resize`,`[[data-side=left][data-collapsible=offcanvas]_&]:-right-2`,`[[data-side=right][data-collapsible=offcanvas]_&]:-left-2`,e),...t})}function M({className:e,children:t,...n}){return m(`main`,{"data-slot":`sidebar-inset`,className:f(`relative flex w-full flex-1 flex-col`,e),...n,children:[p(`div`,{className:`h-(--header-height) w-full sm:h-[calc(var(--header-height)_+_0.5rem)]`}),p(`div`,{className:f(`flex-1 inset-shadow-sm`),children:t})]})}function N({className:e,...t}){return p(`div`,{"data-slot":`sidebar-header`,"data-sidebar":`header`,className:f(`flex flex-col gap-2 p-2`,e),...t})}function P({className:e,...t}){return p(`div`,{"data-slot":`sidebar-footer`,"data-sidebar":`footer`,className:f(`flex flex-col gap-2 p-2`,e),...t})}function F({className:e,...t}){return p(o,{"data-slot":`sidebar-separator`,"data-sidebar":`separator`,className:f(`bg-sidebar-border mx-2 w-auto`,e),...t})}function I({className:e,...t}){return p(`div`,{"data-slot":`sidebar-content`,"data-sidebar":`content`,className:f(`flex min-h-0 flex-1 flex-col gap-2 overflow-auto group-data-[collapsible=icon]:overflow-hidden`,e),...t})}function L({className:e,...t}){return p(`div`,{"data-slot":`sidebar-group`,"data-sidebar":`group`,className:f(`relative flex w-full min-w-0 flex-col p-2`,e),...t})}function R({className:e,asChild:t=!1,...n}){return p(t?w.Slot:`div`,{"data-slot":`sidebar-group-label`,"data-sidebar":`group-label`,className:f(`flex h-8 shrink-0 items-center rounded-md px-2 text-xs font-medium outline-hidden transition-[margin,opacity] duration-200 ease-linear focus-visible:ring-2`,`text-sidebar-foreground/70`,`ring-sidebar-ring`,`[&>svg]:size-4`,`[&>svg]:shrink-0`,`group-data-[collapsible=icon]:-mt-8`,`group-data-[collapsible=icon]:opacity-0`,e),...n})}function z({className:e,asChild:t=!1,...n}){return p(t?w.Slot:`button`,{"data-slot":`sidebar-group-action`,"data-sidebar":`group-action`,className:f(`text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground absolute top-3.5 right-3 flex aspect-square w-5 items-center justify-center rounded-md p-0 outline-hidden transition-transform`,`focus-visible:ring-2`,`[&>svg]:size-4`,`[&>svg]:shrink-0`,`after:absolute after:-inset-2 md:after:hidden`,`group-data-[collapsible=icon]:hidden`,e),...n})}function B({className:e,...t}){return p(`div`,{"data-slot":`sidebar-group-content`,"data-sidebar":`group-content`,className:f(`w-full text-sm`,e),...t})}function V({className:e,...t}){return p(`ul`,{"data-slot":`sidebar-menu`,"data-sidebar":`menu`,className:f(`flex w-full min-w-0 flex-col gap-1`,e),...t})}function H({className:e,...t}){return p(`li`,{"data-slot":`sidebar-menu-item`,"data-sidebar":`menu-item`,className:f(`group/menu-item relative`,e),...t})}const U=C([`peer/menu-button`,`cursor-pointer`,`flex w-full items-center gap-2`,`overflow-hidden rounded-md p-2 outline-hidden`,`text-left truncate`,`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]:font-medium`,`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-8!`,`group-data-[collapsible=icon]:p-2!`,`[&>svg]:size-4`,`[&>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-8 text-sm`,sm:`h-7 text-xs`,lg:`h-12 text-sm group-data-[collapsible=icon]:p-0!`}},defaultVariants:{variant:`default`,size:`default`}});function W({asChild:e=!1,isActive:t=!1,variant:i=`default`,size:o=`default`,tooltip:s,className:c,...l}){let u=e?w.Slot:`button`,{isMobile:d,state:h}=D(),g=p(u,{"data-slot":`sidebar-menu-button`,"data-sidebar":`menu-button`,"data-size":o,"data-active":t,className:f(U({variant:i,size:o}),c),...l});return s?(typeof s==`string`&&(s={children:s}),m(a,{children:[p(n,{asChild:!0,children:g}),p(r,{side:`right`,align:`center`,hidden:h!==`collapsed`||d,...s})]})):g}function G({className:e,asChild:t=!1,showOnHover:n=!1,...r}){return p(t?w.Slot:`button`,{"data-slot":`sidebar-menu-action`,"data-sidebar":`menu-action`,className:f(`text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground peer-hover/menu-button:text-sidebar-accent-foreground absolute top-1.5 right-1 flex aspect-square w-5 items-center justify-center rounded-md p-0 outline-hidden transition-transform`,`focus-visible:ring-2`,`[&>svg]:size-4`,`[&>svg]:shrink-0`,`after:absolute after:-inset-2 md:after:hidden`,`peer-data-[size=sm]/menu-button:top-1`,`peer-data-[size=default]/menu-button:top-1.5`,`peer-data-[size=lg]/menu-button:top-2.5`,`group-data-[collapsible=icon]:hidden`,n&&`peer-data-[active=true]/menu-button:text-sidebar-accent-foreground`,n&&`group-focus-within/menu-item:opacity-100`,n&&`group-hover/menu-item:opacity-100`,n&&`data-[state=open]:opacity-100 md:opacity-0`,e),...r})}function K({className:e,...t}){return p(`div`,{"data-slot":`sidebar-menu-badge`,"data-sidebar":`menu-badge`,className:f(`text-sidebar-foreground pointer-events-none absolute right-1 flex h-5 min-w-5 items-center justify-center rounded-md px-1 text-xs font-medium tabular-nums select-none`,`peer-hover/menu-button:text-sidebar-accent-foreground`,`peer-data-[active=true]/menu-button:text-sidebar-accent-foreground`,`peer-data-[size=sm]/menu-button:top-1`,`peer-data-[size=default]/menu-button:top-1.5`,`peer-data-[size=lg]/menu-button:top-2.5`,`group-data-[collapsible=icon]:hidden`,e),...t})}function q({className:e,showIcon:n=!1,...r}){let i=x(()=>`${Math.floor(Math.random()*40)+50}%`,[]);return m(`div`,{"data-slot":`sidebar-menu-skeleton`,"data-sidebar":`menu-skeleton`,className:f(`flex h-8 items-center gap-2 rounded-md px-2`,e),...r,children:[n&&p(t,{className:`size-4 rounded-md`,"data-sidebar":`menu-skeleton-icon`}),p(t,{className:`h-4 max-w-(--skeleton-width) flex-1`,"data-sidebar":`menu-skeleton-text`,style:{"--skeleton-width":i}})]})}function J({className:e,...t}){return p(`ul`,{"data-slot":`sidebar-menu-sub`,"data-sidebar":`menu-sub`,className:f(`border-sidebar-border mx-3.5 flex min-w-0 translate-x-px flex-col gap-1 border-l px-2.5 py-0.5`,`group-data-[collapsible=icon]:hidden`,e),...t})}function Y({className:e,...t}){return p(`li`,{"data-slot":`sidebar-menu-sub-item`,"data-sidebar":`menu-sub-item`,className:f(`group/menu-sub-item relative`,e),...t})}function X({asChild:e=!1,size:t=`md`,isActive:n=!1,className:r,...i}){return p(e?w.Slot:`a`,{"data-slot":`sidebar-menu-sub-button`,"data-sidebar":`menu-sub-button`,"data-size":t,"data-active":n,className:f(`text-sidebar-foreground`,`ring-sidebar-ring`,`flex h-7 min-w-0 -translate-x-px items-center gap-2 overflow-hidden rounded-md px-2 outline-hidden`,`focus-visible:ring-2`,`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`,`aria-disabled:pointer-events-none`,`aria-disabled:opacity-50`,`[&>svg]:size-4`,`[&>svg]:shrink-0`,`[&>svg]:text-sidebar-accent-foreground`,`[&>span:last-child]:truncate`,`data-[active=true]:bg-sidebar-accent`,`data-[active=true]:text-sidebar-accent-foreground`,t===`sm`&&`text-xs`,t===`md`&&`text-sm`,`group-data-[collapsible=icon]:hidden`,r),...i})}const Z=({children:e})=>p(O,{children:e}),Q=({children:e})=>m(`header`,{className:f(`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`,`group-has-data-[collapsible=icon]/sidebar-wrapper:h-(--header-height)`,`sm:group-has-data-[collapsible=icon]/sidebar-wrapper:h-[calc(var(--header-height)+0.5rem)]`),children:[p(A,{}),m(`div`,{className:`flex gap-x-2 sm:ml-2.5`,children:[p(`div`,{className:`flex aspect-square size-8 items-center justify-center rounded-lg bg-sidebar-primary text-sidebar-primary-foreground`,children:p(g,{size:20})}),m(`div`,{className:`grid flex-1 text-left text-sm leading-tight`,children:[p(`span`,{className:`truncate font-medium`,children:`Lunas Store`}),p(`span`,{className:`truncate text-xs`,children:`Established 2023`})]})]}),p(`div`,{className:`flex flex-1 items-center justify-end`,children:e})]}),$=({children:e,...t})=>p(k,{variant:`inset`,collapsible:`icon`,...t,children:e}),ee=({children:e})=>p(M,{children:p(`section`,{className:`relative size-full`,children:p(`div`,{className:`absolute inset-0 flex flex-col`,children:e})})}),te=({className:e,children:t})=>p(`div`,{"data-slot":`main-header`,className:f(`flex-0`,e),children:t}),ne=({className:e,children:t})=>p(`div`,{"data-slot":`main-content`,className:f(`flex w-full flex-1 flex-col gap-4 overflow-y-auto px-2 sm:px-4`,e),children:t}),re=({className:e,children:t})=>p(`div`,{"data-slot":`main-footer`,className:f(`border-border-weak hidden w-full flex-0 border-t pt-2 sm:flex`,e),children:t}),ie=({children:e,className:t})=>p(`div`,{"data-slot":`main-group`,className:f(`flex size-full flex-col gap-4`,t),children:e}),ae=({className:e,children:t})=>p(`div`,{"data-slot":`main-group-content`,className:f(`bg-card shadow-card size-full max-w-5xl flex-1 snap-start snap-always scroll-mt-4 rounded-md p-4`,e),children:t});export{Q as AppLayoutHeader,ee as AppLayoutMain,ne as AppLayoutMainContent,re as AppLayoutMainFooter,ie as AppLayoutMainGroup,ae as AppLayoutMainGroupContent,te as AppLayoutMainHeader,$ as AppLayoutSidebar,I as AppLayoutSidebarContent,P as AppLayoutSidebarFooter,L as AppLayoutSidebarGroup,z as AppLayoutSidebarGroupAction,B as AppLayoutSidebarGroupContent,R as AppLayoutSidebarGroupLabel,N as AppLayoutSidebarHeader,M as AppLayoutSidebarInset,V as AppLayoutSidebarMenu,G as AppLayoutSidebarMenuAction,K as AppLayoutSidebarMenuBadge,W as AppLayoutSidebarMenuButton,H as AppLayoutSidebarMenuItem,q as AppLayoutSidebarMenuSkeleton,J as AppLayoutSidebarMenuSub,X as AppLayoutSidebarMenuSubButton,Y as AppLayoutSidebarMenuSubItem,j as AppLayoutSidebarRail,F as AppLayoutSidebarSeparator,A as AppLayoutSidebarTrigger,Z as AppLayoutWrapper,k as Sidebar,O as SidebarProvider,D as useSidebar};
 //# sourceMappingURL=index.mjs.map