@customafk/lunas-ui 0.2.4 → 0.2.5

package/dist/{flex-twCgWyx1.cjs.map → flex-BsoSgWFN.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"flex-twCgWyx1.cjs","names":[],"sources":["../packages/components/layouts/flex.tsx"],"sourcesContent":["'use client';\nimport { memo } from 'react';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { cva, type VariantProps } from 'class-variance-authority';\n\nconst flexVariants = cva(['relative flex', 'text-sm'], {\n  variants: {\n    vertical: {\n      true: 'flex-col',\n      false: 'flex-row',\n    },\n    width: {\n      full: 'w-full',\n      auto: 'w-auto',\n      fit: 'w-fit',\n      screen: 'w-screen',\n      min: 'w-min',\n      max: 'w-max',\n      null: '',\n    },\n    wrap: {\n      true: 'flex-wrap',\n      false: 'flex-nowrap',\n    },\n    margin: {\n      sm: 'm-2',\n      md: 'm-4',\n      lg: 'm-6',\n      xl: 'm-8',\n      none: 'm-0',\n    },\n    padding: {\n      sm: 'p-2',\n      md: 'p-4',\n      lg: 'p-6',\n      xl: 'p-8',\n      none: 'p-0',\n    },\n    gap: {\n      xs: 'gap-1',\n      sm: 'gap-2',\n      md: 'gap-4',\n      lg: 'gap-6',\n      xl: 'gap-8',\n      none: 'gap-0',\n    },\n    justify: {\n      start: 'justify-start',\n      center: 'justify-center',\n      end: 'justify-end',\n      between: 'justify-between',\n      around: 'justify-around',\n      evenly: 'justify-evenly',\n      stretch: 'justify-stretch',\n    },\n    align: {\n      start: 'items-start',\n      center: 'items-center',\n      end: 'items-end',\n      baseline: 'items-baseline',\n      stretch: 'items-stretch',\n    },\n  },\n  defaultVariants: {\n    vertical: false,\n    wrap: true,\n    width: 'fit',\n    margin: 'none',\n    padding: 'sm',\n    gap: 'xs',\n    justify: 'start',\n    align: 'center',\n  },\n});\n\ntype Props = {\n  className?: string;\n} & VariantProps<typeof flexVariants>;\n\nexport const Flex = memo(({ vertical, wrap, width, margin, padding, gap, justify, align, className, children }: React.PropsWithChildren<Props>) => {\n  return (\n    <div\n      className={cn(\n        flexVariants({\n          vertical,\n          width,\n          wrap,\n          margin,\n          padding,\n          gap,\n          justify,\n          align,\n          className,\n        })\n      )}\n    >\n      {children}\n    </div>\n  );\n});\nFlex.displayName = 'Flex';\n"],"mappings":"gLAOA,MAAM,GAAA,EAAA,EAAA,KAAmB,CAAC,gBAAiB,UAAU,CAAE,CACrD,SAAU,CACR,SAAU,CACR,KAAM,WACN,MAAO,WACR,CACD,MAAO,CACL,KAAM,SACN,KAAM,SACN,IAAK,QACL,OAAQ,WACR,IAAK,QACL,IAAK,QACL,KAAM,GACP,CACD,KAAM,CACJ,KAAM,YACN,MAAO,cACR,CACD,OAAQ,CACN,GAAI,MACJ,GAAI,MACJ,GAAI,MACJ,GAAI,MACJ,KAAM,MACP,CACD,QAAS,CACP,GAAI,MACJ,GAAI,MACJ,GAAI,MACJ,GAAI,MACJ,KAAM,MACP,CACD,IAAK,CACH,GAAI,QACJ,GAAI,QACJ,GAAI,QACJ,GAAI,QACJ,GAAI,QACJ,KAAM,QACP,CACD,QAAS,CACP,MAAO,gBACP,OAAQ,iBACR,IAAK,cACL,QAAS,kBACT,OAAQ,iBACR,OAAQ,iBACR,QAAS,kBACV,CACD,MAAO,CACL,MAAO,cACP,OAAQ,eACR,IAAK,YACL,SAAU,iBACV,QAAS,gBACV,CACF,CACD,gBAAiB,CACf,SAAU,GACV,KAAM,GACN,MAAO,MACP,OAAQ,OACR,QAAS,KACT,IAAK,KACL,QAAS,QACT,MAAO,SACR,CACF,CAAC,CAMW,GAAA,EAAA,EAAA,OAAa,CAAE,WAAU,OAAM,QAAO,SAAQ,UAAS,MAAK,UAAS,QAAO,YAAW,eAEhG,EAAA,EAAA,KAAC,MAAA,CACC,WAAA,EAAA,EAAA,IACE,EAAa,CACX,WACA,QACA,OACA,SACA,UACA,MACA,UACA,QACA,YACD,CAAC,CACH,CAEA,YACG,CAER,CACF,EAAK,YAAc"}
+{"version":3,"file":"flex-BsoSgWFN.cjs","names":[],"sources":["../packages/components/layouts/flex.tsx"],"sourcesContent":["'use client';\nimport { memo } from 'react';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { cva, type VariantProps } from 'class-variance-authority';\n\nconst flexVariants = cva(['relative flex', 'text-sm'], {\n  variants: {\n    vertical: {\n      true: 'flex-col',\n      false: 'flex-row',\n    },\n    width: {\n      full: 'w-full',\n      auto: 'w-auto',\n      fit: 'w-fit',\n      screen: 'w-screen',\n      min: 'w-min',\n      max: 'w-max',\n      null: '',\n    },\n    wrap: {\n      true: 'flex-wrap',\n      false: 'flex-nowrap',\n    },\n    margin: {\n      sm: 'm-2',\n      md: 'm-4',\n      lg: 'm-6',\n      xl: 'm-8',\n      none: 'm-0',\n    },\n    padding: {\n      sm: 'p-2',\n      md: 'p-4',\n      lg: 'p-6',\n      xl: 'p-8',\n      none: 'p-0',\n    },\n    gap: {\n      xs: 'gap-1',\n      sm: 'gap-2',\n      md: 'gap-4',\n      lg: 'gap-6',\n      xl: 'gap-8',\n      none: 'gap-0',\n    },\n    justify: {\n      start: 'justify-start',\n      center: 'justify-center',\n      end: 'justify-end',\n      between: 'justify-between',\n      around: 'justify-around',\n      evenly: 'justify-evenly',\n      stretch: 'justify-stretch',\n    },\n    align: {\n      start: 'items-start',\n      center: 'items-center',\n      end: 'items-end',\n      baseline: 'items-baseline',\n      stretch: 'items-stretch',\n    },\n  },\n  defaultVariants: {\n    vertical: false,\n    wrap: true,\n    width: 'fit',\n    margin: 'none',\n    padding: 'sm',\n    gap: 'xs',\n    justify: 'start',\n    align: 'center',\n  },\n});\n\ntype Props = {\n  className?: string;\n} & VariantProps<typeof flexVariants>;\n\nexport const Flex = memo(({ vertical, wrap, width, margin, padding, gap, justify, align, className, children }: React.PropsWithChildren<Props>) => {\n  return (\n    <div\n      className={cn(\n        flexVariants({\n          vertical,\n          width,\n          wrap,\n          margin,\n          padding,\n          gap,\n          justify,\n          align,\n          className,\n        })\n      )}\n    >\n      {children}\n    </div>\n  );\n});\nFlex.displayName = 'Flex';\n"],"mappings":"gLAOA,MAAM,GAAA,EAAA,EAAA,KAAmB,CAAC,gBAAiB,UAAU,CAAE,CACrD,SAAU,CACR,SAAU,CACR,KAAM,WACN,MAAO,WACR,CACD,MAAO,CACL,KAAM,SACN,KAAM,SACN,IAAK,QACL,OAAQ,WACR,IAAK,QACL,IAAK,QACL,KAAM,GACP,CACD,KAAM,CACJ,KAAM,YACN,MAAO,cACR,CACD,OAAQ,CACN,GAAI,MACJ,GAAI,MACJ,GAAI,MACJ,GAAI,MACJ,KAAM,MACP,CACD,QAAS,CACP,GAAI,MACJ,GAAI,MACJ,GAAI,MACJ,GAAI,MACJ,KAAM,MACP,CACD,IAAK,CACH,GAAI,QACJ,GAAI,QACJ,GAAI,QACJ,GAAI,QACJ,GAAI,QACJ,KAAM,QACP,CACD,QAAS,CACP,MAAO,gBACP,OAAQ,iBACR,IAAK,cACL,QAAS,kBACT,OAAQ,iBACR,OAAQ,iBACR,QAAS,kBACV,CACD,MAAO,CACL,MAAO,cACP,OAAQ,eACR,IAAK,YACL,SAAU,iBACV,QAAS,gBACV,CACF,CACD,gBAAiB,CACf,SAAU,GACV,KAAM,GACN,MAAO,MACP,OAAQ,OACR,QAAS,KACT,IAAK,KACL,QAAS,QACT,MAAO,SACR,CACF,CAAC,CAMW,GAAA,EAAA,EAAA,OAAa,CAAE,WAAU,OAAM,QAAO,SAAQ,UAAS,MAAK,UAAS,QAAO,YAAW,eAEhG,EAAA,EAAA,KAAC,MAAA,CACC,WAAA,EAAA,EAAA,IACE,EAAa,CACX,WACA,QACA,OACA,SACA,UACA,MACA,UACA,QACA,YACD,CAAC,CACH,CAEA,YACG,CAER,CACF,EAAK,YAAc"}

package/dist/{flex-BP8sTi70.mjs → flex-CeizYtXs.mjs}

@@ -1,2 +1,2 @@
-import{cn as e}from"@customafk/react-toolkit/utils";import{cva as t}from"class-variance-authority";import{memo as n}from"react";import{jsx as r}from"react/jsx-runtime";const i=t([`relative flex`,`text-sm`],{variants:{vertical:{true:`flex-col`,false:`flex-row`},width:{full:`w-full`,auto:`w-auto`,fit:`w-fit`,screen:`w-screen`,min:`w-min`,max:`w-max`,null:``},wrap:{true:`flex-wrap`,false:`flex-nowrap`},margin:{sm:`m-2`,md:`m-4`,lg:`m-6`,xl:`m-8`,none:`m-0`},padding:{sm:`p-2`,md:`p-4`,lg:`p-6`,xl:`p-8`,none:`p-0`},gap:{xs:`gap-1`,sm:`gap-2`,md:`gap-4`,lg:`gap-6`,xl:`gap-8`,none:`gap-0`},justify:{start:`justify-start`,center:`justify-center`,end:`justify-end`,between:`justify-between`,around:`justify-around`,evenly:`justify-evenly`,stretch:`justify-stretch`},align:{start:`items-start`,center:`items-center`,end:`items-end`,baseline:`items-baseline`,stretch:`items-stretch`}},defaultVariants:{vertical:!1,wrap:!0,width:`fit`,margin:`none`,padding:`sm`,gap:`xs`,justify:`start`,align:`center`}}),a=n(({vertical:t,wrap:n,width:a,margin:o,padding:s,gap:c,justify:l,align:u,className:d,children:f})=>r(`div`,{className:e(i({vertical:t,width:a,wrap:n,margin:o,padding:s,gap:c,justify:l,align:u,className:d})),children:f}));a.displayName=`Flex`;export{a as t};
-//# sourceMappingURL=flex-BP8sTi70.mjs.map
+import{cn as e}from"@customafk/react-toolkit/utils";import{cva as t}from"class-variance-authority";import{jsx as n}from"react/jsx-runtime";import{memo as r}from"react";const i=t([`relative flex`,`text-sm`],{variants:{vertical:{true:`flex-col`,false:`flex-row`},width:{full:`w-full`,auto:`w-auto`,fit:`w-fit`,screen:`w-screen`,min:`w-min`,max:`w-max`,null:``},wrap:{true:`flex-wrap`,false:`flex-nowrap`},margin:{sm:`m-2`,md:`m-4`,lg:`m-6`,xl:`m-8`,none:`m-0`},padding:{sm:`p-2`,md:`p-4`,lg:`p-6`,xl:`p-8`,none:`p-0`},gap:{xs:`gap-1`,sm:`gap-2`,md:`gap-4`,lg:`gap-6`,xl:`gap-8`,none:`gap-0`},justify:{start:`justify-start`,center:`justify-center`,end:`justify-end`,between:`justify-between`,around:`justify-around`,evenly:`justify-evenly`,stretch:`justify-stretch`},align:{start:`items-start`,center:`items-center`,end:`items-end`,baseline:`items-baseline`,stretch:`items-stretch`}},defaultVariants:{vertical:!1,wrap:!0,width:`fit`,margin:`none`,padding:`sm`,gap:`xs`,justify:`start`,align:`center`}}),a=r(({vertical:t,wrap:r,width:a,margin:o,padding:s,gap:c,justify:l,align:u,className:d,children:f})=>n(`div`,{className:e(i({vertical:t,width:a,wrap:r,margin:o,padding:s,gap:c,justify:l,align:u,className:d})),children:f}));a.displayName=`Flex`;export{a as t};
+//# sourceMappingURL=flex-CeizYtXs.mjs.map

package/dist/{flex-BP8sTi70.mjs.map → flex-CeizYtXs.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"flex-BP8sTi70.mjs","names":[],"sources":["../packages/components/layouts/flex.tsx"],"sourcesContent":["'use client';\nimport { memo } from 'react';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { cva, type VariantProps } from 'class-variance-authority';\n\nconst flexVariants = cva(['relative flex', 'text-sm'], {\n  variants: {\n    vertical: {\n      true: 'flex-col',\n      false: 'flex-row',\n    },\n    width: {\n      full: 'w-full',\n      auto: 'w-auto',\n      fit: 'w-fit',\n      screen: 'w-screen',\n      min: 'w-min',\n      max: 'w-max',\n      null: '',\n    },\n    wrap: {\n      true: 'flex-wrap',\n      false: 'flex-nowrap',\n    },\n    margin: {\n      sm: 'm-2',\n      md: 'm-4',\n      lg: 'm-6',\n      xl: 'm-8',\n      none: 'm-0',\n    },\n    padding: {\n      sm: 'p-2',\n      md: 'p-4',\n      lg: 'p-6',\n      xl: 'p-8',\n      none: 'p-0',\n    },\n    gap: {\n      xs: 'gap-1',\n      sm: 'gap-2',\n      md: 'gap-4',\n      lg: 'gap-6',\n      xl: 'gap-8',\n      none: 'gap-0',\n    },\n    justify: {\n      start: 'justify-start',\n      center: 'justify-center',\n      end: 'justify-end',\n      between: 'justify-between',\n      around: 'justify-around',\n      evenly: 'justify-evenly',\n      stretch: 'justify-stretch',\n    },\n    align: {\n      start: 'items-start',\n      center: 'items-center',\n      end: 'items-end',\n      baseline: 'items-baseline',\n      stretch: 'items-stretch',\n    },\n  },\n  defaultVariants: {\n    vertical: false,\n    wrap: true,\n    width: 'fit',\n    margin: 'none',\n    padding: 'sm',\n    gap: 'xs',\n    justify: 'start',\n    align: 'center',\n  },\n});\n\ntype Props = {\n  className?: string;\n} & VariantProps<typeof flexVariants>;\n\nexport const Flex = memo(({ vertical, wrap, width, margin, padding, gap, justify, align, className, children }: React.PropsWithChildren<Props>) => {\n  return (\n    <div\n      className={cn(\n        flexVariants({\n          vertical,\n          width,\n          wrap,\n          margin,\n          padding,\n          gap,\n          justify,\n          align,\n          className,\n        })\n      )}\n    >\n      {children}\n    </div>\n  );\n});\nFlex.displayName = 'Flex';\n"],"mappings":"wKAOA,MAAM,EAAe,EAAI,CAAC,gBAAiB,UAAU,CAAE,CACrD,SAAU,CACR,SAAU,CACR,KAAM,WACN,MAAO,WACR,CACD,MAAO,CACL,KAAM,SACN,KAAM,SACN,IAAK,QACL,OAAQ,WACR,IAAK,QACL,IAAK,QACL,KAAM,GACP,CACD,KAAM,CACJ,KAAM,YACN,MAAO,cACR,CACD,OAAQ,CACN,GAAI,MACJ,GAAI,MACJ,GAAI,MACJ,GAAI,MACJ,KAAM,MACP,CACD,QAAS,CACP,GAAI,MACJ,GAAI,MACJ,GAAI,MACJ,GAAI,MACJ,KAAM,MACP,CACD,IAAK,CACH,GAAI,QACJ,GAAI,QACJ,GAAI,QACJ,GAAI,QACJ,GAAI,QACJ,KAAM,QACP,CACD,QAAS,CACP,MAAO,gBACP,OAAQ,iBACR,IAAK,cACL,QAAS,kBACT,OAAQ,iBACR,OAAQ,iBACR,QAAS,kBACV,CACD,MAAO,CACL,MAAO,cACP,OAAQ,eACR,IAAK,YACL,SAAU,iBACV,QAAS,gBACV,CACF,CACD,gBAAiB,CACf,SAAU,GACV,KAAM,GACN,MAAO,MACP,OAAQ,OACR,QAAS,KACT,IAAK,KACL,QAAS,QACT,MAAO,SACR,CACF,CAAC,CAMW,EAAO,GAAM,CAAE,WAAU,OAAM,QAAO,SAAQ,UAAS,MAAK,UAAS,QAAO,YAAW,cAEhG,EAAC,MAAA,CACC,UAAW,EACT,EAAa,CACX,WACA,QACA,OACA,SACA,UACA,MACA,UACA,QACA,YACD,CAAC,CACH,CAEA,YACG,CAER,CACF,EAAK,YAAc"}
+{"version":3,"file":"flex-CeizYtXs.mjs","names":[],"sources":["../packages/components/layouts/flex.tsx"],"sourcesContent":["'use client';\nimport { memo } from 'react';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { cva, type VariantProps } from 'class-variance-authority';\n\nconst flexVariants = cva(['relative flex', 'text-sm'], {\n  variants: {\n    vertical: {\n      true: 'flex-col',\n      false: 'flex-row',\n    },\n    width: {\n      full: 'w-full',\n      auto: 'w-auto',\n      fit: 'w-fit',\n      screen: 'w-screen',\n      min: 'w-min',\n      max: 'w-max',\n      null: '',\n    },\n    wrap: {\n      true: 'flex-wrap',\n      false: 'flex-nowrap',\n    },\n    margin: {\n      sm: 'm-2',\n      md: 'm-4',\n      lg: 'm-6',\n      xl: 'm-8',\n      none: 'm-0',\n    },\n    padding: {\n      sm: 'p-2',\n      md: 'p-4',\n      lg: 'p-6',\n      xl: 'p-8',\n      none: 'p-0',\n    },\n    gap: {\n      xs: 'gap-1',\n      sm: 'gap-2',\n      md: 'gap-4',\n      lg: 'gap-6',\n      xl: 'gap-8',\n      none: 'gap-0',\n    },\n    justify: {\n      start: 'justify-start',\n      center: 'justify-center',\n      end: 'justify-end',\n      between: 'justify-between',\n      around: 'justify-around',\n      evenly: 'justify-evenly',\n      stretch: 'justify-stretch',\n    },\n    align: {\n      start: 'items-start',\n      center: 'items-center',\n      end: 'items-end',\n      baseline: 'items-baseline',\n      stretch: 'items-stretch',\n    },\n  },\n  defaultVariants: {\n    vertical: false,\n    wrap: true,\n    width: 'fit',\n    margin: 'none',\n    padding: 'sm',\n    gap: 'xs',\n    justify: 'start',\n    align: 'center',\n  },\n});\n\ntype Props = {\n  className?: string;\n} & VariantProps<typeof flexVariants>;\n\nexport const Flex = memo(({ vertical, wrap, width, margin, padding, gap, justify, align, className, children }: React.PropsWithChildren<Props>) => {\n  return (\n    <div\n      className={cn(\n        flexVariants({\n          vertical,\n          width,\n          wrap,\n          margin,\n          padding,\n          gap,\n          justify,\n          align,\n          className,\n        })\n      )}\n    >\n      {children}\n    </div>\n  );\n});\nFlex.displayName = 'Flex';\n"],"mappings":"wKAOA,MAAM,EAAe,EAAI,CAAC,gBAAiB,UAAU,CAAE,CACrD,SAAU,CACR,SAAU,CACR,KAAM,WACN,MAAO,WACR,CACD,MAAO,CACL,KAAM,SACN,KAAM,SACN,IAAK,QACL,OAAQ,WACR,IAAK,QACL,IAAK,QACL,KAAM,GACP,CACD,KAAM,CACJ,KAAM,YACN,MAAO,cACR,CACD,OAAQ,CACN,GAAI,MACJ,GAAI,MACJ,GAAI,MACJ,GAAI,MACJ,KAAM,MACP,CACD,QAAS,CACP,GAAI,MACJ,GAAI,MACJ,GAAI,MACJ,GAAI,MACJ,KAAM,MACP,CACD,IAAK,CACH,GAAI,QACJ,GAAI,QACJ,GAAI,QACJ,GAAI,QACJ,GAAI,QACJ,KAAM,QACP,CACD,QAAS,CACP,MAAO,gBACP,OAAQ,iBACR,IAAK,cACL,QAAS,kBACT,OAAQ,iBACR,OAAQ,iBACR,QAAS,kBACV,CACD,MAAO,CACL,MAAO,cACP,OAAQ,eACR,IAAK,YACL,SAAU,iBACV,QAAS,gBACV,CACF,CACD,gBAAiB,CACf,SAAU,GACV,KAAM,GACN,MAAO,MACP,OAAQ,OACR,QAAS,KACT,IAAK,KACL,QAAS,QACT,MAAO,SACR,CACF,CAAC,CAMW,EAAO,GAAM,CAAE,WAAU,OAAM,QAAO,SAAQ,UAAS,MAAK,UAAS,QAAO,YAAW,cAEhG,EAAC,MAAA,CACC,UAAW,EACT,EAAa,CACX,WACA,QACA,OACA,SACA,UACA,MACA,UACA,QACA,YACD,CAAC,CACH,CAEA,YACG,CAER,CACF,EAAK,YAAc"}

package/dist/heading-BEbpIiLg.cjs

@@ -0,0 +1,2 @@
+const e=require(`./chunk-Bmb41Sf3.cjs`);let t=require(`@customafk/react-toolkit/utils`),n=require(`class-variance-authority`),r=require(`react/jsx-runtime`);const i=(0,n.cva)(`text-start text-balance text-text-positive-strong tracking-tight`,{variants:{level:{h1:`text-3xl leading-tight font-bold md:text-4xl`,h2:`text-2xl leading-tight font-semibold md:text-3xl`,h3:`text-xl leading-snug font-semibold md:text-2xl`,h4:`text-lg leading-snug font-semibold md:text-xl`,h5:`text-base leading-normal font-semibold md:text-lg`}},defaultVariants:{level:`h2`}});Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return i}});
+//# sourceMappingURL=heading-BEbpIiLg.cjs.map

package/dist/heading-BEbpIiLg.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"heading-BEbpIiLg.cjs","names":[],"sources":["../packages/components/typography/heading.tsx"],"sourcesContent":["'use client';\n\nimport type { ElementType, ReactNode } from 'react';\nimport { cn } from '@customafk/react-toolkit/utils';\nimport { cva } from 'class-variance-authority';\n\ntype HeadingLevel = 'h1' | 'h2' | 'h3' | 'h4' | 'h5';\n\ntype HeadingProps = {\n  level?: HeadingLevel;\n  className?: string;\n  children?: ReactNode;\n  as?: ElementType;\n};\n\nexport const headingVariants = cva(\n  'text-start text-balance text-text-positive-strong tracking-tight',\n  {\n    variants: {\n      level: {\n        h1: 'text-3xl leading-tight font-bold md:text-4xl',\n        h2: 'text-2xl leading-tight font-semibold md:text-3xl',\n        h3: 'text-xl leading-snug font-semibold md:text-2xl',\n        h4: 'text-lg leading-snug font-semibold md:text-xl',\n        h5: 'text-base leading-normal font-semibold md:text-lg',\n      },\n    },\n    defaultVariants: {\n      level: 'h2',\n    },\n  }\n);\n\nexport const Heading = ({ level = 'h3', className, as, children }: HeadingProps) => {\n  const Component = as || level;\n\n  return (\n    <Component data-slot='heading' className={cn(headingVariants({ level }), className)}>\n      {children}\n    </Component>\n  );\n};\n"],"mappings":"6JAeA,MAAa,GAAA,EAAA,EAAA,KACX,mEACA,CACE,SAAU,CACR,MAAO,CACL,GAAI,+CACJ,GAAI,mDACJ,GAAI,iDACJ,GAAI,gDACJ,GAAI,oDACL,CACF,CACD,gBAAiB,CACf,MAAO,KACR,CACF,CACF"}

package/dist/heading-CrF1CFWS.mjs

@@ -0,0 +1,2 @@
+import{cn as e}from"@customafk/react-toolkit/utils";import{cva as t}from"class-variance-authority";import{jsx as n}from"react/jsx-runtime";const r=t(`text-start text-balance text-text-positive-strong tracking-tight`,{variants:{level:{h1:`text-3xl leading-tight font-bold md:text-4xl`,h2:`text-2xl leading-tight font-semibold md:text-3xl`,h3:`text-xl leading-snug font-semibold md:text-2xl`,h4:`text-lg leading-snug font-semibold md:text-xl`,h5:`text-base leading-normal font-semibold md:text-lg`}},defaultVariants:{level:`h2`}});export{r as t};
+//# sourceMappingURL=heading-CrF1CFWS.mjs.map

package/dist/heading-CrF1CFWS.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"heading-CrF1CFWS.mjs","names":[],"sources":["../packages/components/typography/heading.tsx"],"sourcesContent":["'use client';\n\nimport type { ElementType, ReactNode } from 'react';\nimport { cn } from '@customafk/react-toolkit/utils';\nimport { cva } from 'class-variance-authority';\n\ntype HeadingLevel = 'h1' | 'h2' | 'h3' | 'h4' | 'h5';\n\ntype HeadingProps = {\n  level?: HeadingLevel;\n  className?: string;\n  children?: ReactNode;\n  as?: ElementType;\n};\n\nexport const headingVariants = cva(\n  'text-start text-balance text-text-positive-strong tracking-tight',\n  {\n    variants: {\n      level: {\n        h1: 'text-3xl leading-tight font-bold md:text-4xl',\n        h2: 'text-2xl leading-tight font-semibold md:text-3xl',\n        h3: 'text-xl leading-snug font-semibold md:text-2xl',\n        h4: 'text-lg leading-snug font-semibold md:text-xl',\n        h5: 'text-base leading-normal font-semibold md:text-lg',\n      },\n    },\n    defaultVariants: {\n      level: 'h2',\n    },\n  }\n);\n\nexport const Heading = ({ level = 'h3', className, as, children }: HeadingProps) => {\n  const Component = as || level;\n\n  return (\n    <Component data-slot='heading' className={cn(headingVariants({ level }), className)}>\n      {children}\n    </Component>\n  );\n};\n"],"mappings":"2IAeA,MAAa,EAAkB,EAC7B,mEACA,CACE,SAAU,CACR,MAAO,CACL,GAAI,+CACJ,GAAI,mDACJ,GAAI,iDACJ,GAAI,gDACJ,GAAI,oDACL,CACF,CACD,gBAAiB,CACf,MAAO,KACR,CACF,CACF"}

package/dist/{image-DuFv8sPr.cjs → image-BBZUipoU.cjs}

@@ -1,2 +1,2 @@
-const e=require(`./chunk-Bmb41Sf3.cjs`),t=require(`./skeleton-CHympz8k.cjs`);let n=require(`@customafk/react-toolkit/utils`),r=require(`react`),i=require(`react/jsx-runtime`),a=require(`lucide-react`);const o=({src:e,alt:o,width:s,height:c,maxRetries:l=3,retryDelay:u=500,className:d,imageClassName:f,onClick:p})=>{let m=(0,r.useRef)(null),[h,g]=(0,r.useState)(e),[_,v]=(0,r.useState)(0),[y,b]=(0,r.useState)(!1),[x,S]=(0,r.useState)(!1),C=(0,r.useCallback)(()=>{b(!0)},[]),w=(0,r.useCallback)(()=>{if(_<l){S(!1);let t=_+1;v(t),setTimeout(()=>{g(e+`?retry=${Date.now()}&attempt=${t}`)},u*t);return}S(!0),b(!0),g(e)},[l,_,u,e]);return x?(0,i.jsx)(`div`,{style:{width:s,height:c},className:(0,n.cn)(`@container relative inline-block`,d),children:(0,i.jsxs)(`div`,{className:`flex size-full flex-col items-center justify-center gap-y-2 rounded-md bg-danger-muted shadow-card`,children:[(0,i.jsx)(a.AlertCircleIcon,{className:`@max-[52px]:size-6 size-8 text-danger`}),(0,i.jsx)(`span`,{className:`@max-[96px]:sr-only text-center text-danger-weak text-xs`,children:`Image failed to load`})]})}):(0,i.jsxs)(`div`,{style:{width:s,height:c},className:(0,n.cn)(`relative flex items-center justify-center overflow-hidden rounded-md`,d),onClick:p,children:[!y&&(0,i.jsx)(t.t,{className:`absolute inset-0 flex size-full animate-pulse items-center justify-center`}),(0,i.jsx)(`img`,{src:h,className:`absolute inset-0 z-0 size-full scale-110 object-cover blur-xl brightness-60`}),(0,i.jsx)(`img`,{id:h,ref:m,src:h,alt:o,loading:`lazy`,className:(0,n.cn)(`relative h-6/5 w-auto object-cover shadow-card transition-opacity duration-300`,y&&`opacity-100`,!y&&`pointer-events-none opacity-0`,f),onLoad:C,onError:w})]})};Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return o}});
-//# sourceMappingURL=image-DuFv8sPr.cjs.map
+const e=require(`./chunk-Bmb41Sf3.cjs`),t=require(`./skeleton-CHympz8k.cjs`);let n=require(`@customafk/react-toolkit/utils`),r=require(`react/jsx-runtime`),i=require(`lucide-react`),a=require(`react`);const o=({src:e,alt:o,width:s,height:c,maxRetries:l=3,retryDelay:u=500,className:d,imageClassName:f,onClick:p})=>{let m=(0,a.useRef)(null),[h,g]=(0,a.useState)(e),[_,v]=(0,a.useState)(0),[y,b]=(0,a.useState)(!1),[x,S]=(0,a.useState)(!1),C=(0,a.useCallback)(()=>{b(!0)},[]),w=(0,a.useCallback)(()=>{if(_<l){S(!1);let t=_+1;v(t),setTimeout(()=>{g(e+`?retry=${Date.now()}&attempt=${t}`)},u*t);return}S(!0),b(!0),g(e)},[l,_,u,e]);return x?(0,r.jsx)(`div`,{style:{width:s,height:c},className:(0,n.cn)(`@container relative inline-block`,d),children:(0,r.jsxs)(`div`,{className:`flex size-full flex-col items-center justify-center gap-y-2 rounded-md bg-danger-muted shadow-card`,children:[(0,r.jsx)(i.AlertCircleIcon,{className:`@max-[52px]:size-6 size-8 text-danger`}),(0,r.jsx)(`span`,{className:`@max-[96px]:sr-only text-center text-danger-weak text-xs`,children:`Image failed to load`})]})}):(0,r.jsxs)(`div`,{style:{width:s,height:c},className:(0,n.cn)(`relative flex items-center justify-center overflow-hidden rounded-md`,d),onClick:p,children:[!y&&(0,r.jsx)(t.t,{className:`absolute inset-0 flex size-full animate-pulse items-center justify-center`}),(0,r.jsx)(`img`,{src:h,className:`absolute inset-0 z-0 size-full scale-110 object-cover blur-xl brightness-60`}),(0,r.jsx)(`img`,{id:h,ref:m,src:h,alt:o,loading:`lazy`,className:(0,n.cn)(`relative h-6/5 w-auto object-cover shadow-card transition-opacity duration-300`,y&&`opacity-100`,!y&&`pointer-events-none opacity-0`,f),onLoad:C,onError:w})]})};Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return o}});
+//# sourceMappingURL=image-BBZUipoU.cjs.map

package/dist/{image-DuFv8sPr.cjs.map → image-BBZUipoU.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"image-DuFv8sPr.cjs","names":["Image: React.FC<Props>","AlertCircleIcon","Skeleton"],"sources":["../packages/components/ui/image.tsx"],"sourcesContent":["import { useCallback, useRef, useState } from 'react';\n\nimport { AlertCircleIcon } from 'lucide-react';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { Skeleton } from './skeleton';\n\ntype Props = {\n  src?: string;\n  alt?: string;\n  width?: number | string;\n  height?: number | string;\n  maxRetries?: number;\n  retryDelay?: number;\n  className?: string;\n  imageClassName?: string;\n  onClick?: () => void;\n};\nexport const Image: React.FC<Props> = ({ src, alt, width, height, maxRetries = 3, retryDelay = 500, className, imageClassName, onClick }) => {\n  const imageRef = useRef<HTMLImageElement>(null);\n  const [currentSrc, setCurrentSrc] = useState<string | undefined>(src);\n  const [retryCount, setRetryCount] = useState<number>(0);\n  const [isLoaded, setIsLoaded] = useState<boolean>(false);\n  const [hasError, setHasError] = useState<boolean>(false);\n\n  const handleLoad = useCallback(() => {\n    setIsLoaded(true);\n  }, []);\n\n  const handleError = useCallback(() => {\n    if (retryCount < maxRetries) {\n      // imageRef.current?.style.setProperty('display', 'none')\n      setHasError(false);\n      const newRetryCount = retryCount + 1;\n      setRetryCount(newRetryCount);\n\n      // Retry with exponential backoff and cache busting\n      setTimeout(() => {\n        const cacheBuster = `?retry=${Date.now()}&attempt=${newRetryCount}`;\n        setCurrentSrc(src + cacheBuster);\n      }, retryDelay * newRetryCount);\n      return;\n    }\n\n    setHasError(true);\n    setIsLoaded(true);\n    setCurrentSrc(src);\n  }, [maxRetries, retryCount, retryDelay, src]);\n\n  if (hasError) {\n    return (\n      <div style={{ width, height }} className={cn('@container relative inline-block', className)}>\n        <div className=\"flex size-full flex-col items-center justify-center gap-y-2 rounded-md bg-danger-muted shadow-card\">\n          <AlertCircleIcon className=\"@max-[52px]:size-6 size-8 text-danger\" />\n          <span className=\"@max-[96px]:sr-only text-center text-danger-weak text-xs\">Image failed to load</span>\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <div style={{ width, height }} className={cn('relative flex items-center justify-center overflow-hidden rounded-md', className)} onClick={onClick}>\n      {!isLoaded && <Skeleton className=\"absolute inset-0 flex size-full animate-pulse items-center justify-center\" />}\n      <img src={currentSrc} className=\"absolute inset-0 z-0 size-full scale-110 object-cover blur-xl brightness-60\" />\n      <img\n        id={currentSrc}\n        ref={imageRef}\n        src={currentSrc}\n        alt={alt}\n        loading=\"lazy\"\n        className={cn(\n          'relative h-6/5 w-auto object-cover shadow-card transition-opacity duration-300',\n          isLoaded && 'opacity-100',\n          !isLoaded && 'pointer-events-none opacity-0',\n          imageClassName\n        )}\n        onLoad={handleLoad}\n        onError={handleError}\n      />\n    </div>\n  );\n};\n"],"mappings":"yMAmBA,MAAaA,GAA0B,CAAE,MAAK,MAAK,QAAO,SAAQ,aAAa,EAAG,aAAa,IAAK,YAAW,iBAAgB,aAAc,CAC3I,IAAM,GAAA,EAAA,EAAA,QAAoC,KAAK,CACzC,CAAC,EAAY,IAAA,EAAA,EAAA,UAA8C,EAAI,CAC/D,CAAC,EAAY,IAAA,EAAA,EAAA,UAAkC,EAAE,CACjD,CAAC,EAAU,IAAA,EAAA,EAAA,UAAiC,GAAM,CAClD,CAAC,EAAU,IAAA,EAAA,EAAA,UAAiC,GAAM,CAElD,GAAA,EAAA,EAAA,iBAA+B,CACnC,EAAY,GAAK,EAChB,EAAE,CAAC,CAEA,GAAA,EAAA,EAAA,iBAAgC,CACpC,GAAI,EAAa,EAAY,CAE3B,EAAY,GAAM,CAClB,IAAM,EAAgB,EAAa,EACnC,EAAc,EAAc,CAG5B,eAAiB,CAEf,EAAc,EADM,UAAU,KAAK,KAAK,CAAC,WAAW,IACpB,EAC/B,EAAa,EAAc,CAC9B,OAGF,EAAY,GAAK,CACjB,EAAY,GAAK,CACjB,EAAc,EAAI,EACjB,CAAC,EAAY,EAAY,EAAY,EAAI,CAAC,CAa7C,OAXI,GAEA,EAAA,EAAA,KAAC,MAAA,CAAI,MAAO,CAAE,QAAO,SAAQ,CAAE,WAAA,EAAA,EAAA,IAAc,mCAAoC,EAAU,WACzF,EAAA,EAAA,MAAC,MAAA,CAAI,UAAU,gHACb,EAAA,EAAA,KAACC,EAAAA,gBAAAA,CAAgB,UAAU,wCAAA,CAA0C,EACrE,EAAA,EAAA,KAAC,OAAA,CAAK,UAAU,oEAA2D,wBAA2B,CAAA,EAClG,EACF,EAKR,EAAA,EAAA,MAAC,MAAA,CAAI,MAAO,CAAE,QAAO,SAAQ,CAAE,WAAA,EAAA,EAAA,IAAc,uEAAwE,EAAU,CAAW,oBACvI,CAAC,IAAY,EAAA,EAAA,KAACC,EAAAA,EAAAA,CAAS,UAAU,4EAAA,CAA8E,EAChH,EAAA,EAAA,KAAC,MAAA,CAAI,IAAK,EAAY,UAAU,+EAAgF,EAChH,EAAA,EAAA,KAAC,MAAA,CACC,GAAI,EACJ,IAAK,EACL,IAAK,EACA,MACL,QAAQ,OACR,WAAA,EAAA,EAAA,IACE,iFACA,GAAY,cACZ,CAAC,GAAY,gCACb,EACD,CACD,OAAQ,EACR,QAAS,GACT,GACE"}
+{"version":3,"file":"image-BBZUipoU.cjs","names":["Image: React.FC<Props>","AlertCircleIcon","Skeleton"],"sources":["../packages/components/ui/image.tsx"],"sourcesContent":["import { useCallback, useRef, useState } from 'react';\n\nimport { AlertCircleIcon } from 'lucide-react';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { Skeleton } from './skeleton';\n\ntype Props = {\n  src?: string;\n  alt?: string;\n  width?: number | string;\n  height?: number | string;\n  maxRetries?: number;\n  retryDelay?: number;\n  className?: string;\n  imageClassName?: string;\n  onClick?: () => void;\n};\nexport const Image: React.FC<Props> = ({ src, alt, width, height, maxRetries = 3, retryDelay = 500, className, imageClassName, onClick }) => {\n  const imageRef = useRef<HTMLImageElement>(null);\n  const [currentSrc, setCurrentSrc] = useState<string | undefined>(src);\n  const [retryCount, setRetryCount] = useState<number>(0);\n  const [isLoaded, setIsLoaded] = useState<boolean>(false);\n  const [hasError, setHasError] = useState<boolean>(false);\n\n  const handleLoad = useCallback(() => {\n    setIsLoaded(true);\n  }, []);\n\n  const handleError = useCallback(() => {\n    if (retryCount < maxRetries) {\n      // imageRef.current?.style.setProperty('display', 'none')\n      setHasError(false);\n      const newRetryCount = retryCount + 1;\n      setRetryCount(newRetryCount);\n\n      // Retry with exponential backoff and cache busting\n      setTimeout(() => {\n        const cacheBuster = `?retry=${Date.now()}&attempt=${newRetryCount}`;\n        setCurrentSrc(src + cacheBuster);\n      }, retryDelay * newRetryCount);\n      return;\n    }\n\n    setHasError(true);\n    setIsLoaded(true);\n    setCurrentSrc(src);\n  }, [maxRetries, retryCount, retryDelay, src]);\n\n  if (hasError) {\n    return (\n      <div style={{ width, height }} className={cn('@container relative inline-block', className)}>\n        <div className=\"flex size-full flex-col items-center justify-center gap-y-2 rounded-md bg-danger-muted shadow-card\">\n          <AlertCircleIcon className=\"@max-[52px]:size-6 size-8 text-danger\" />\n          <span className=\"@max-[96px]:sr-only text-center text-danger-weak text-xs\">Image failed to load</span>\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <div style={{ width, height }} className={cn('relative flex items-center justify-center overflow-hidden rounded-md', className)} onClick={onClick}>\n      {!isLoaded && <Skeleton className=\"absolute inset-0 flex size-full animate-pulse items-center justify-center\" />}\n      <img src={currentSrc} className=\"absolute inset-0 z-0 size-full scale-110 object-cover blur-xl brightness-60\" />\n      <img\n        id={currentSrc}\n        ref={imageRef}\n        src={currentSrc}\n        alt={alt}\n        loading=\"lazy\"\n        className={cn(\n          'relative h-6/5 w-auto object-cover shadow-card transition-opacity duration-300',\n          isLoaded && 'opacity-100',\n          !isLoaded && 'pointer-events-none opacity-0',\n          imageClassName\n        )}\n        onLoad={handleLoad}\n        onError={handleError}\n      />\n    </div>\n  );\n};\n"],"mappings":"yMAmBA,MAAaA,GAA0B,CAAE,MAAK,MAAK,QAAO,SAAQ,aAAa,EAAG,aAAa,IAAK,YAAW,iBAAgB,aAAc,CAC3I,IAAM,GAAA,EAAA,EAAA,QAAoC,KAAK,CACzC,CAAC,EAAY,IAAA,EAAA,EAAA,UAA8C,EAAI,CAC/D,CAAC,EAAY,IAAA,EAAA,EAAA,UAAkC,EAAE,CACjD,CAAC,EAAU,IAAA,EAAA,EAAA,UAAiC,GAAM,CAClD,CAAC,EAAU,IAAA,EAAA,EAAA,UAAiC,GAAM,CAElD,GAAA,EAAA,EAAA,iBAA+B,CACnC,EAAY,GAAK,EAChB,EAAE,CAAC,CAEA,GAAA,EAAA,EAAA,iBAAgC,CACpC,GAAI,EAAa,EAAY,CAE3B,EAAY,GAAM,CAClB,IAAM,EAAgB,EAAa,EACnC,EAAc,EAAc,CAG5B,eAAiB,CAEf,EAAc,EADM,UAAU,KAAK,KAAK,CAAC,WAAW,IACpB,EAC/B,EAAa,EAAc,CAC9B,OAGF,EAAY,GAAK,CACjB,EAAY,GAAK,CACjB,EAAc,EAAI,EACjB,CAAC,EAAY,EAAY,EAAY,EAAI,CAAC,CAa7C,OAXI,GAEA,EAAA,EAAA,KAAC,MAAA,CAAI,MAAO,CAAE,QAAO,SAAQ,CAAE,WAAA,EAAA,EAAA,IAAc,mCAAoC,EAAU,WACzF,EAAA,EAAA,MAAC,MAAA,CAAI,UAAU,gHACb,EAAA,EAAA,KAACC,EAAAA,gBAAAA,CAAgB,UAAU,wCAAA,CAA0C,EACrE,EAAA,EAAA,KAAC,OAAA,CAAK,UAAU,oEAA2D,wBAA2B,CAAA,EAClG,EACF,EAKR,EAAA,EAAA,MAAC,MAAA,CAAI,MAAO,CAAE,QAAO,SAAQ,CAAE,WAAA,EAAA,EAAA,IAAc,uEAAwE,EAAU,CAAW,oBACvI,CAAC,IAAY,EAAA,EAAA,KAACC,EAAAA,EAAAA,CAAS,UAAU,4EAAA,CAA8E,EAChH,EAAA,EAAA,KAAC,MAAA,CAAI,IAAK,EAAY,UAAU,+EAAgF,EAChH,EAAA,EAAA,KAAC,MAAA,CACC,GAAI,EACJ,IAAK,EACL,IAAK,EACA,MACL,QAAQ,OACR,WAAA,EAAA,EAAA,IACE,iFACA,GAAY,cACZ,CAAC,GAAY,gCACb,EACD,CACD,OAAQ,EACR,QAAS,GACT,GACE"}

package/dist/image-CZji4Q26.mjs

@@ -0,0 +1,2 @@
+import{t as e}from"./skeleton-Ba6koCVf.mjs";import{cn as t}from"@customafk/react-toolkit/utils";import{jsx as n,jsxs as r}from"react/jsx-runtime";import{AlertCircleIcon as i}from"lucide-react";import{useCallback as a,useRef as o,useState as s}from"react";const c=({src:c,alt:l,width:u,height:d,maxRetries:f=3,retryDelay:p=500,className:m,imageClassName:h,onClick:g})=>{let _=o(null),[v,y]=s(c),[b,x]=s(0),[S,C]=s(!1),[w,T]=s(!1),E=a(()=>{C(!0)},[]),D=a(()=>{if(b<f){T(!1);let e=b+1;x(e),setTimeout(()=>{y(c+`?retry=${Date.now()}&attempt=${e}`)},p*e);return}T(!0),C(!0),y(c)},[f,b,p,c]);return w?n(`div`,{style:{width:u,height:d},className:t(`@container relative inline-block`,m),children:r(`div`,{className:`flex size-full flex-col items-center justify-center gap-y-2 rounded-md bg-danger-muted shadow-card`,children:[n(i,{className:`@max-[52px]:size-6 size-8 text-danger`}),n(`span`,{className:`@max-[96px]:sr-only text-center text-danger-weak text-xs`,children:`Image failed to load`})]})}):r(`div`,{style:{width:u,height:d},className:t(`relative flex items-center justify-center overflow-hidden rounded-md`,m),onClick:g,children:[!S&&n(e,{className:`absolute inset-0 flex size-full animate-pulse items-center justify-center`}),n(`img`,{src:v,className:`absolute inset-0 z-0 size-full scale-110 object-cover blur-xl brightness-60`}),n(`img`,{id:v,ref:_,src:v,alt:l,loading:`lazy`,className:t(`relative h-6/5 w-auto object-cover shadow-card transition-opacity duration-300`,S&&`opacity-100`,!S&&`pointer-events-none opacity-0`,h),onLoad:E,onError:D})]})};export{c as t};
+//# sourceMappingURL=image-CZji4Q26.mjs.map

package/dist/{image-CS_Q0WA7.mjs.map → image-CZji4Q26.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"image-CS_Q0WA7.mjs","names":["Image: React.FC<Props>"],"sources":["../packages/components/ui/image.tsx"],"sourcesContent":["import { useCallback, useRef, useState } from 'react';\n\nimport { AlertCircleIcon } from 'lucide-react';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { Skeleton } from './skeleton';\n\ntype Props = {\n  src?: string;\n  alt?: string;\n  width?: number | string;\n  height?: number | string;\n  maxRetries?: number;\n  retryDelay?: number;\n  className?: string;\n  imageClassName?: string;\n  onClick?: () => void;\n};\nexport const Image: React.FC<Props> = ({ src, alt, width, height, maxRetries = 3, retryDelay = 500, className, imageClassName, onClick }) => {\n  const imageRef = useRef<HTMLImageElement>(null);\n  const [currentSrc, setCurrentSrc] = useState<string | undefined>(src);\n  const [retryCount, setRetryCount] = useState<number>(0);\n  const [isLoaded, setIsLoaded] = useState<boolean>(false);\n  const [hasError, setHasError] = useState<boolean>(false);\n\n  const handleLoad = useCallback(() => {\n    setIsLoaded(true);\n  }, []);\n\n  const handleError = useCallback(() => {\n    if (retryCount < maxRetries) {\n      // imageRef.current?.style.setProperty('display', 'none')\n      setHasError(false);\n      const newRetryCount = retryCount + 1;\n      setRetryCount(newRetryCount);\n\n      // Retry with exponential backoff and cache busting\n      setTimeout(() => {\n        const cacheBuster = `?retry=${Date.now()}&attempt=${newRetryCount}`;\n        setCurrentSrc(src + cacheBuster);\n      }, retryDelay * newRetryCount);\n      return;\n    }\n\n    setHasError(true);\n    setIsLoaded(true);\n    setCurrentSrc(src);\n  }, [maxRetries, retryCount, retryDelay, src]);\n\n  if (hasError) {\n    return (\n      <div style={{ width, height }} className={cn('@container relative inline-block', className)}>\n        <div className=\"flex size-full flex-col items-center justify-center gap-y-2 rounded-md bg-danger-muted shadow-card\">\n          <AlertCircleIcon className=\"@max-[52px]:size-6 size-8 text-danger\" />\n          <span className=\"@max-[96px]:sr-only text-center text-danger-weak text-xs\">Image failed to load</span>\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <div style={{ width, height }} className={cn('relative flex items-center justify-center overflow-hidden rounded-md', className)} onClick={onClick}>\n      {!isLoaded && <Skeleton className=\"absolute inset-0 flex size-full animate-pulse items-center justify-center\" />}\n      <img src={currentSrc} className=\"absolute inset-0 z-0 size-full scale-110 object-cover blur-xl brightness-60\" />\n      <img\n        id={currentSrc}\n        ref={imageRef}\n        src={currentSrc}\n        alt={alt}\n        loading=\"lazy\"\n        className={cn(\n          'relative h-6/5 w-auto object-cover shadow-card transition-opacity duration-300',\n          isLoaded && 'opacity-100',\n          !isLoaded && 'pointer-events-none opacity-0',\n          imageClassName\n        )}\n        onLoad={handleLoad}\n        onError={handleError}\n      />\n    </div>\n  );\n};\n"],"mappings":"+PAmBA,MAAaA,GAA0B,CAAE,MAAK,MAAK,QAAO,SAAQ,aAAa,EAAG,aAAa,IAAK,YAAW,iBAAgB,aAAc,CAC3I,IAAM,EAAW,EAAyB,KAAK,CACzC,CAAC,EAAY,GAAiB,EAA6B,EAAI,CAC/D,CAAC,EAAY,GAAiB,EAAiB,EAAE,CACjD,CAAC,EAAU,GAAe,EAAkB,GAAM,CAClD,CAAC,EAAU,GAAe,EAAkB,GAAM,CAElD,EAAa,MAAkB,CACnC,EAAY,GAAK,EAChB,EAAE,CAAC,CAEA,EAAc,MAAkB,CACpC,GAAI,EAAa,EAAY,CAE3B,EAAY,GAAM,CAClB,IAAM,EAAgB,EAAa,EACnC,EAAc,EAAc,CAG5B,eAAiB,CAEf,EAAc,EADM,UAAU,KAAK,KAAK,CAAC,WAAW,IACpB,EAC/B,EAAa,EAAc,CAC9B,OAGF,EAAY,GAAK,CACjB,EAAY,GAAK,CACjB,EAAc,EAAI,EACjB,CAAC,EAAY,EAAY,EAAY,EAAI,CAAC,CAa7C,OAXI,EAEA,EAAC,MAAA,CAAI,MAAO,CAAE,QAAO,SAAQ,CAAE,UAAW,EAAG,mCAAoC,EAAU,UACzF,EAAC,MAAA,CAAI,UAAU,+GACb,EAAC,EAAA,CAAgB,UAAU,wCAAA,CAA0C,CACrE,EAAC,OAAA,CAAK,UAAU,oEAA2D,wBAA2B,CAAA,EAClG,EACF,CAKR,EAAC,MAAA,CAAI,MAAO,CAAE,QAAO,SAAQ,CAAE,UAAW,EAAG,uEAAwE,EAAU,CAAW,oBACvI,CAAC,GAAY,EAAC,EAAA,CAAS,UAAU,4EAAA,CAA8E,CAChH,EAAC,MAAA,CAAI,IAAK,EAAY,UAAU,+EAAgF,CAChH,EAAC,MAAA,CACC,GAAI,EACJ,IAAK,EACL,IAAK,EACA,MACL,QAAQ,OACR,UAAW,EACT,iFACA,GAAY,cACZ,CAAC,GAAY,gCACb,EACD,CACD,OAAQ,EACR,QAAS,GACT,GACE"}
+{"version":3,"file":"image-CZji4Q26.mjs","names":["Image: React.FC<Props>"],"sources":["../packages/components/ui/image.tsx"],"sourcesContent":["import { useCallback, useRef, useState } from 'react';\n\nimport { AlertCircleIcon } from 'lucide-react';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { Skeleton } from './skeleton';\n\ntype Props = {\n  src?: string;\n  alt?: string;\n  width?: number | string;\n  height?: number | string;\n  maxRetries?: number;\n  retryDelay?: number;\n  className?: string;\n  imageClassName?: string;\n  onClick?: () => void;\n};\nexport const Image: React.FC<Props> = ({ src, alt, width, height, maxRetries = 3, retryDelay = 500, className, imageClassName, onClick }) => {\n  const imageRef = useRef<HTMLImageElement>(null);\n  const [currentSrc, setCurrentSrc] = useState<string | undefined>(src);\n  const [retryCount, setRetryCount] = useState<number>(0);\n  const [isLoaded, setIsLoaded] = useState<boolean>(false);\n  const [hasError, setHasError] = useState<boolean>(false);\n\n  const handleLoad = useCallback(() => {\n    setIsLoaded(true);\n  }, []);\n\n  const handleError = useCallback(() => {\n    if (retryCount < maxRetries) {\n      // imageRef.current?.style.setProperty('display', 'none')\n      setHasError(false);\n      const newRetryCount = retryCount + 1;\n      setRetryCount(newRetryCount);\n\n      // Retry with exponential backoff and cache busting\n      setTimeout(() => {\n        const cacheBuster = `?retry=${Date.now()}&attempt=${newRetryCount}`;\n        setCurrentSrc(src + cacheBuster);\n      }, retryDelay * newRetryCount);\n      return;\n    }\n\n    setHasError(true);\n    setIsLoaded(true);\n    setCurrentSrc(src);\n  }, [maxRetries, retryCount, retryDelay, src]);\n\n  if (hasError) {\n    return (\n      <div style={{ width, height }} className={cn('@container relative inline-block', className)}>\n        <div className=\"flex size-full flex-col items-center justify-center gap-y-2 rounded-md bg-danger-muted shadow-card\">\n          <AlertCircleIcon className=\"@max-[52px]:size-6 size-8 text-danger\" />\n          <span className=\"@max-[96px]:sr-only text-center text-danger-weak text-xs\">Image failed to load</span>\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <div style={{ width, height }} className={cn('relative flex items-center justify-center overflow-hidden rounded-md', className)} onClick={onClick}>\n      {!isLoaded && <Skeleton className=\"absolute inset-0 flex size-full animate-pulse items-center justify-center\" />}\n      <img src={currentSrc} className=\"absolute inset-0 z-0 size-full scale-110 object-cover blur-xl brightness-60\" />\n      <img\n        id={currentSrc}\n        ref={imageRef}\n        src={currentSrc}\n        alt={alt}\n        loading=\"lazy\"\n        className={cn(\n          'relative h-6/5 w-auto object-cover shadow-card transition-opacity duration-300',\n          isLoaded && 'opacity-100',\n          !isLoaded && 'pointer-events-none opacity-0',\n          imageClassName\n        )}\n        onLoad={handleLoad}\n        onError={handleError}\n      />\n    </div>\n  );\n};\n"],"mappings":"+PAmBA,MAAaA,GAA0B,CAAE,MAAK,MAAK,QAAO,SAAQ,aAAa,EAAG,aAAa,IAAK,YAAW,iBAAgB,aAAc,CAC3I,IAAM,EAAW,EAAyB,KAAK,CACzC,CAAC,EAAY,GAAiB,EAA6B,EAAI,CAC/D,CAAC,EAAY,GAAiB,EAAiB,EAAE,CACjD,CAAC,EAAU,GAAe,EAAkB,GAAM,CAClD,CAAC,EAAU,GAAe,EAAkB,GAAM,CAElD,EAAa,MAAkB,CACnC,EAAY,GAAK,EAChB,EAAE,CAAC,CAEA,EAAc,MAAkB,CACpC,GAAI,EAAa,EAAY,CAE3B,EAAY,GAAM,CAClB,IAAM,EAAgB,EAAa,EACnC,EAAc,EAAc,CAG5B,eAAiB,CAEf,EAAc,EADM,UAAU,KAAK,KAAK,CAAC,WAAW,IACpB,EAC/B,EAAa,EAAc,CAC9B,OAGF,EAAY,GAAK,CACjB,EAAY,GAAK,CACjB,EAAc,EAAI,EACjB,CAAC,EAAY,EAAY,EAAY,EAAI,CAAC,CAa7C,OAXI,EAEA,EAAC,MAAA,CAAI,MAAO,CAAE,QAAO,SAAQ,CAAE,UAAW,EAAG,mCAAoC,EAAU,UACzF,EAAC,MAAA,CAAI,UAAU,+GACb,EAAC,EAAA,CAAgB,UAAU,wCAAA,CAA0C,CACrE,EAAC,OAAA,CAAK,UAAU,oEAA2D,wBAA2B,CAAA,EAClG,EACF,CAKR,EAAC,MAAA,CAAI,MAAO,CAAE,QAAO,SAAQ,CAAE,UAAW,EAAG,uEAAwE,EAAU,CAAW,oBACvI,CAAC,GAAY,EAAC,EAAA,CAAS,UAAU,4EAAA,CAA8E,CAChH,EAAC,MAAA,CAAI,IAAK,EAAY,UAAU,+EAAgF,CAChH,EAAC,MAAA,CACC,GAAI,EACJ,IAAK,EACL,IAAK,EACA,MACL,QAAQ,OACR,UAAW,EACT,iFACA,GAAY,cACZ,CAAC,GAAY,gCACb,EACD,CACD,OAAQ,EACR,QAAS,GACT,GACE"}

package/dist/{input-BFWWaN-v.cjs → input-BoMJaF_N.cjs}

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

package/dist/{input-BFWWaN-v.cjs.map → input-BoMJaF_N.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"input-BFWWaN-v.cjs","names":[],"sources":["../packages/components/ui/input.tsx"],"sourcesContent":["'use client';\n\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useCallback } from 'react';\n\nexport const inputVariants = cva(\n  [\n    'w-full rounded font-normal text-text-positive caret-primary transition-all tabular-nums',\n    'placeholder:text-text-positive-muted',\n    'disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50',\n    'read-only:pointer-events-none read-only:bg-muted-muted read-only:placeholder:text-text-positive-weak',\n  ],\n  {\n    variants: {\n      variant: {\n        outline: [\n          'outline-1 outline-border -outline-offset-1 bg-transparent shadow-input',\n          'focus-visible:outline-primary-strong',\n          'focus-visible:ring-4',\n          'focus-visible:ring-primary-weak',\n          'aria-invalid:outline-danger',\n          'aria-invalid:ring-danger-weak',\n          'aria-invalid:bg-danger-bg-subtle',\n          'aria-invalid:focus-visible:outline-danger-strong',\n          'aria-invalid:focus-visible:ring-4',\n          'aria-invalid:placeholder:text-text-positive-weak',\n        ],\n        ghost: '',\n        none: '',\n        soft: '',\n        subtle: '',\n      },\n      size: {\n        xs: 'px-2 py-1 text-xs leading-4',\n        sm: 'px-2.5 py-1.5 text-xs leading-4',\n        md: 'px-2.5 py-2 text-sm leading-5',\n        lg: 'px-3 py-2 text-sm leading-5',\n        xl: 'px-3 py-2 text-base leading-6',\n      },\n    },\n    defaultVariants: {\n      variant: 'outline',\n      size: 'md',\n    },\n  }\n);\n\nexport type InputVariantProps = VariantProps<typeof inputVariants>;\n\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":"oIAKA,MAAa,GAAA,EAAA,EAAA,KACX,CACE,0FACA,uCACA,+EACA,uGACD,CACD,CACE,SAAU,CACR,QAAS,CACP,QAAS,CACP,yEACA,uCACA,uBACA,kCACA,8BACA,gCACA,mCACA,mDACA,oCACA,mDACD,CACD,MAAO,GACP,KAAM,GACN,KAAM,GACN,OAAQ,GACT,CACD,KAAM,CACJ,GAAI,8BACJ,GAAI,kCACJ,GAAI,gCACJ,GAAI,8BACJ,GAAI,gCACL,CACF,CACD,gBAAiB,CACf,QAAS,UACT,KAAM,KACP,CACF,CACF,CAID,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-BoMJaF_N.cjs","names":[],"sources":["../packages/components/ui/input.tsx"],"sourcesContent":["'use client';\n\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useCallback } from 'react';\n\nexport const inputVariants = cva(\n  [\n    'w-full rounded font-normal text-text-positive caret-primary transition-all tabular-nums',\n    'placeholder:text-text-positive-muted',\n    'disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50',\n    'read-only:pointer-events-none read-only:bg-muted-muted read-only:placeholder:text-text-positive-weak',\n  ],\n  {\n    variants: {\n      variant: {\n        outline: [\n          'outline-1 outline-border -outline-offset-1 bg-transparent shadow-input',\n          'focus-visible:outline-primary-strong',\n          'focus-visible:ring-4',\n          'focus-visible:ring-primary-weak',\n          'aria-invalid:outline-danger',\n          'aria-invalid:ring-danger-weak',\n          'aria-invalid:bg-danger-bg-subtle',\n          'aria-invalid:focus-visible:outline-danger-strong',\n          'aria-invalid:focus-visible:ring-4',\n          'aria-invalid:placeholder:text-text-positive-weak',\n        ],\n        ghost: '',\n        none: '',\n        soft: '',\n        subtle: '',\n      },\n      size: {\n        xs: 'px-2 py-1 text-xs leading-4',\n        sm: 'px-2.5 py-1.5 text-xs leading-4',\n        md: 'px-2.5 py-2 text-sm leading-5',\n        lg: 'px-3 py-2 text-sm leading-5',\n        xl: 'px-3 py-2 text-base leading-6',\n      },\n    },\n    defaultVariants: {\n      variant: 'outline',\n      size: 'md',\n    },\n  }\n);\n\nexport type InputVariantProps = VariantProps<typeof inputVariants>;\n\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":"oIAKA,MAAa,GAAA,EAAA,EAAA,KACX,CACE,0FACA,uCACA,+EACA,uGACD,CACD,CACE,SAAU,CACR,QAAS,CACP,QAAS,CACP,yEACA,uCACA,uBACA,kCACA,8BACA,gCACA,mCACA,mDACA,oCACA,mDACD,CACD,MAAO,GACP,KAAM,GACN,KAAM,GACN,OAAQ,GACT,CACD,KAAM,CACJ,GAAI,8BACJ,GAAI,kCACJ,GAAI,gCACJ,GAAI,8BACJ,GAAI,gCACL,CACF,CACD,gBAAiB,CACf,QAAS,UACT,KAAM,KACP,CACF,CACF,CAID,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/{input-DBtIgQB6.mjs → input-DMjPBcJO.mjs}

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

package/dist/{input-DBtIgQB6.mjs.map → input-DMjPBcJO.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"input-DBtIgQB6.mjs","names":[],"sources":["../packages/components/ui/input.tsx"],"sourcesContent":["'use client';\n\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useCallback } from 'react';\n\nexport const inputVariants = cva(\n  [\n    'w-full rounded font-normal text-text-positive caret-primary transition-all tabular-nums',\n    'placeholder:text-text-positive-muted',\n    'disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50',\n    'read-only:pointer-events-none read-only:bg-muted-muted read-only:placeholder:text-text-positive-weak',\n  ],\n  {\n    variants: {\n      variant: {\n        outline: [\n          'outline-1 outline-border -outline-offset-1 bg-transparent shadow-input',\n          'focus-visible:outline-primary-strong',\n          'focus-visible:ring-4',\n          'focus-visible:ring-primary-weak',\n          'aria-invalid:outline-danger',\n          'aria-invalid:ring-danger-weak',\n          'aria-invalid:bg-danger-bg-subtle',\n          'aria-invalid:focus-visible:outline-danger-strong',\n          'aria-invalid:focus-visible:ring-4',\n          'aria-invalid:placeholder:text-text-positive-weak',\n        ],\n        ghost: '',\n        none: '',\n        soft: '',\n        subtle: '',\n      },\n      size: {\n        xs: 'px-2 py-1 text-xs leading-4',\n        sm: 'px-2.5 py-1.5 text-xs leading-4',\n        md: 'px-2.5 py-2 text-sm leading-5',\n        lg: 'px-3 py-2 text-sm leading-5',\n        xl: 'px-3 py-2 text-base leading-6',\n      },\n    },\n    defaultVariants: {\n      variant: 'outline',\n      size: 'md',\n    },\n  }\n);\n\nexport type InputVariantProps = VariantProps<typeof inputVariants>;\n\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":"2HAKA,MAAa,EAAgB,EAC3B,CACE,0FACA,uCACA,+EACA,uGACD,CACD,CACE,SAAU,CACR,QAAS,CACP,QAAS,CACP,yEACA,uCACA,uBACA,kCACA,8BACA,gCACA,mCACA,mDACA,oCACA,mDACD,CACD,MAAO,GACP,KAAM,GACN,KAAM,GACN,OAAQ,GACT,CACD,KAAM,CACJ,GAAI,8BACJ,GAAI,kCACJ,GAAI,gCACJ,GAAI,8BACJ,GAAI,gCACL,CACF,CACD,gBAAiB,CACf,QAAS,UACT,KAAM,KACP,CACF,CACF,CAID,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-DMjPBcJO.mjs","names":[],"sources":["../packages/components/ui/input.tsx"],"sourcesContent":["'use client';\n\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useCallback } from 'react';\n\nexport const inputVariants = cva(\n  [\n    'w-full rounded font-normal text-text-positive caret-primary transition-all tabular-nums',\n    'placeholder:text-text-positive-muted',\n    'disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50',\n    'read-only:pointer-events-none read-only:bg-muted-muted read-only:placeholder:text-text-positive-weak',\n  ],\n  {\n    variants: {\n      variant: {\n        outline: [\n          'outline-1 outline-border -outline-offset-1 bg-transparent shadow-input',\n          'focus-visible:outline-primary-strong',\n          'focus-visible:ring-4',\n          'focus-visible:ring-primary-weak',\n          'aria-invalid:outline-danger',\n          'aria-invalid:ring-danger-weak',\n          'aria-invalid:bg-danger-bg-subtle',\n          'aria-invalid:focus-visible:outline-danger-strong',\n          'aria-invalid:focus-visible:ring-4',\n          'aria-invalid:placeholder:text-text-positive-weak',\n        ],\n        ghost: '',\n        none: '',\n        soft: '',\n        subtle: '',\n      },\n      size: {\n        xs: 'px-2 py-1 text-xs leading-4',\n        sm: 'px-2.5 py-1.5 text-xs leading-4',\n        md: 'px-2.5 py-2 text-sm leading-5',\n        lg: 'px-3 py-2 text-sm leading-5',\n        xl: 'px-3 py-2 text-base leading-6',\n      },\n    },\n    defaultVariants: {\n      variant: 'outline',\n      size: 'md',\n    },\n  }\n);\n\nexport type InputVariantProps = VariantProps<typeof inputVariants>;\n\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":"2HAKA,MAAa,EAAgB,EAC3B,CACE,0FACA,uCACA,+EACA,uGACD,CACD,CACE,SAAU,CACR,QAAS,CACP,QAAS,CACP,yEACA,uCACA,uBACA,kCACA,8BACA,gCACA,mCACA,mDACA,oCACA,mDACD,CACD,MAAO,GACP,KAAM,GACN,KAAM,GACN,OAAQ,GACT,CACD,KAAM,CACJ,GAAI,8BACJ,GAAI,kCACJ,GAAI,gCACJ,GAAI,8BACJ,GAAI,gCACL,CACF,CACD,gBAAiB,CACf,QAAS,UACT,KAAM,KACP,CACF,CACF,CAID,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-DhQmoNrK.d.cts → input-DszdZdbJ.d.cts}

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

package/dist/{input-BgHvD7zf.d.mts → input-Dv7UKl6Z.d.mts}

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

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

@@ -1,2 +1,2 @@
-const e=require(`../../chunk-Bmb41Sf3.cjs`),t=require(`../../dist-BudM04oj.cjs`);require(`../../button.variants-CS-Cmarr.cjs`);const n=require(`../../button-BFcXpjqF.cjs`);require(`../../skeleton-CHympz8k.cjs`);const r=require(`../../tooltip-DC6i1A25.cjs`),i=require(`../../separator-C3ip6sbh.cjs`),a=require(`../../sheet-5MJRtrfG.cjs`),o=require(`../../dropdown-menu-BuyuU6uF.cjs`),s=require(`../../input-BFWWaN-v.cjs`);let c=require(`@customafk/react-toolkit/utils`),l=require(`class-variance-authority`),u=require(`react`),d=require(`react/jsx-runtime`),f=require(`lucide-react`),p=require(`@customafk/react-toolkit/hooks/useMobile`);const m=`sidebar_state`,h=3600*24*7,g=`16rem`,_=`18rem`,v=`3rem`,y=`b`,b=(0,u.createContext)(null);function x(){let e=(0,u.useContext)(b);if(!e)throw Error(`useSidebar must be used within a SidebarProvider.`);return e}function S({defaultOpen:e=!0,open:t,onOpenChange:n,className:i,style:a,children:o,...s}){let c=(0,p.useIsMobile)(),[l,f]=(0,u.useState)(!1),[m,h]=(0,u.useState)(e),g=t??m,_=(0,u.useCallback)(e=>{let t=typeof e==`function`?e(g):e;n?n(t):h(t),document.cookie=`sidebar_state=${t}; path=/; max-age=604800`},[n,g]),v=(0,u.useCallback)(()=>c?f(e=>!e):_(e=>!e),[c,_]);(0,u.useEffect)(()=>{let e=e=>{e.key===`b`&&(e.metaKey||e.ctrlKey)&&(e.preventDefault(),v())};return window.addEventListener(`keydown`,e),()=>window.removeEventListener(`keydown`,e)},[v]);let y=g?`expanded`:`collapsed`,x=(0,u.useMemo)(()=>({state:y,open:g,setOpen:_,isMobile:c,openMobile:l,setOpenMobile:f,toggleSidebar:v}),[y,g,_,c,l,v]);return(0,d.jsx)(b.Provider,{value:x,children:(0,d.jsx)(r.r,{delayDuration:0,children:(0,d.jsx)(`section`,{"data-slot":`layout-wrapper`,style:{"--sidebar-width":`16rem`,"--sidebar-width-icon":`3rem`,...a},className:`relative group/sidebar-wrapper flex h-dvh bg-sidebar`,...s,children:o})})})}const C=(0,u.memo)(({side:e=`left`,variant:t=`sidebar`,collapsible:r=`offcanvas`,className:i,children:o,...s})=>{let{isMobile:l,state:p,openMobile:m,setOpenMobile:h,toggleSidebar:g}=x(),_=(0,u.useCallback)(e=>{g(),e.preventDefault(),e.stopPropagation()},[g]);return r===`none`?(0,d.jsx)(`aside`,{"data-slot":`sidebar`,className:(0,c.cn)(`flex w-(--sidebar-width) flex-col bg-sidebar text-sidebar-foreground`,i),...s,children:o}):l?(0,d.jsx)(a.t,{open:m,onOpenChange:h,...s,children:(0,d.jsxs)(a.r,{"data-sidebar":`sidebar`,"data-slot":`sidebar`,"data-mobile":`true`,style:{"--sidebar-width":`18rem`},side:e,className:`w-(--sidebar-width) bg-sidebar p-0 text-sidebar-foreground sm:max-w-3xs [&>button]:hidden`,children:[(0,d.jsxs)(a.o,{className:`sr-only`,children:[(0,d.jsx)(a.s,{children:`Sidebar`}),(0,d.jsx)(a.i,{children:`Displays the mobile sidebar.`})]}),(0,d.jsxs)(`div`,{className:`flex size-full flex-col`,children:[(0,d.jsxs)(`div`,{className:`flex flex-0 items-center gap-x-2 border-border-weak border-b p-2 pr-4`,children:[(0,d.jsxs)(n.t,{"data-sidebar":`trigger`,"data-slot":`sidebar-trigger`,variant:`ghost`,color:`muted`,size:`icon`,className:(0,c.cn)(`size-10 rounded-full`,i),onClick:_,children:[(0,d.jsx)(f.MenuIcon,{className:`size-6!`}),(0,d.jsx)(`span`,{className:`sr-only`,children:`Toggle Sidebar`})]}),(0,d.jsx)(`div`,{className:`ml-2 flex aspect-square size-8 items-center justify-center rounded-lg bg-sidebar-primary text-sidebar-primary-foreground`,children:(0,d.jsx)(f.ShoppingCartIcon,{size:20})}),(0,d.jsxs)(`div`,{className:`grid flex-1 text-left text-sm leading-tight`,children:[(0,d.jsx)(`span`,{className:`truncate font-medium`,children:`Lunas Store`}),(0,d.jsx)(`span`,{className:`truncate text-xs`,children:`Established 2023`})]})]}),(0,d.jsx)(`div`,{className:`flex flex-1 flex-col p-2`,children:o})]})]})}):(0,d.jsxs)(`aside`,{className:`group peer hidden bg-card text-sidebar-foreground md:block`,"data-state":p,"data-collapsible":p===`collapsed`?r:``,"data-variant":t,"data-side":e,"data-slot":`sidebar`,children:[(0,d.jsx)(`div`,{"data-slot":`sidebar-gap`,className:(0,c.cn)(`bg-transparent`,`transition-[width] duration-200 ease-linear`,`h-(--header-height) sm:h-[calc(var(--header-height)+0.5rem)]`,`w-(--sidebar-width)`,`group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4)))]`)}),(0,d.jsx)(`div`,{"data-slot":`sidebar-container`,className:(0,c.cn)(`hidden md:flex shadow-nav`,`fixed left-0 inset-y-0 p-2`,`top-[calc(var(--header-height)+0.5rem)] z-10`,`w-(--sidebar-width)`,`transition-all duration-200 ease-linear`,`group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4)))]`,i),...s,children:(0,d.jsx)(`div`,{"data-sidebar":`sidebar`,"data-slot":`sidebar-inner`,className:`relative flex size-full flex-col`,children:o})})]})});C.displayName=`CMSLayoutSidebar`;const w=(0,u.memo)(({className:e,children:t,...n})=>(0,d.jsxs)(`main`,{"data-slot":`sidebar-inset`,className:(0,c.cn)(`relative flex w-full flex-1 flex-col`,e),...n,children:[(0,d.jsx)(`section`,{className:`h-(--header-height) sm:h-[calc(var(--header-height)+0.5rem)]`}),(0,d.jsx)(`section`,{className:`flex-1 relative size-full overflow-auto`,children:t})]}));w.displayName=`CMSLayoutMain`;const T=(0,u.memo)(({className:e,...t})=>(0,d.jsx)(s.t,{"data-slot":`sidebar-input`,"data-sidebar":`input`,className:(0,c.cn)(`h-8 w-full bg-background shadow-none`,e),...t}));T.displayName=`SidebarInput`;const E=(0,u.memo)(({className:e,...t})=>(0,d.jsx)(`div`,{"data-slot":`sidebar-header`,"data-sidebar":`header`,className:(0,c.cn)(`flex flex-col gap-2 p-2`,e),...t}));E.displayName=`SidebarHeader`;const D=(0,u.memo)(({className:e,...t})=>(0,d.jsx)(`div`,{"data-slot":`sidebar-footer`,"data-sidebar":`footer`,className:(0,c.cn)(`flex flex-col gap-2`,e),...t}));D.displayName=`SidebarFooter`;const O=(0,u.memo)(({className:e,...t})=>(0,d.jsx)(i.t,{"data-slot":`sidebar-separator`,"data-sidebar":`separator`,className:(0,c.cn)(`mx-2 w-auto bg-sidebar-border`,e),...t}));O.displayName=`SidebarSeparator`;const k=(0,u.memo)(({className:e,...t})=>(0,d.jsx)(`div`,{"data-slot":`sidebar-content`,"data-sidebar":`content`,className:(0,c.cn)(`flex flex-1 flex-col gap-2 overflow-auto group-data-[collapsible=icon]:overflow-hidden`,e),...t}));k.displayName=`SidebarContent`;const A=(0,u.memo)(({className:e,...t})=>(0,d.jsx)(`div`,{"data-slot":`sidebar-group`,"data-sidebar":`group`,className:(0,c.cn)(`relative flex w-full flex-col`,e),...t}));A.displayName=`SidebarGroup`;const j=(0,u.memo)(({className:e,asChild:n=!1,...r})=>(0,d.jsx)(n?t.t:`div`,{"data-slot":`sidebar-group-label`,"data-sidebar":`group-label`,className:(0,c.cn)(`flex h-8 shrink-0 items-center rounded-md px-2 font-medium text-sidebar-foreground/70 text-xs outline-hidden ring-sidebar-ring transition-[margin,opacity] duration-200 ease-linear focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0`,`group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0`,e),...r}));j.displayName=`SidebarGroupLabel`;const M=(0,u.memo)(({className:e,...t})=>(0,d.jsx)(`div`,{"data-slot":`sidebar-group-content`,"data-sidebar":`group-content`,className:(0,c.cn)(`w-full text-sm`,e),...t}));M.displayName=`SidebarGroupContent`;const N=(0,u.memo)(({className:e,...t})=>(0,d.jsx)(`ul`,{"data-slot":`sidebar-menu`,"data-sidebar":`menu`,className:(0,c.cn)(`flex w-full min-w-0 flex-col gap-1`,e),...t}));N.displayName=`SidebarMenu`;const P=(0,u.memo)(({className:e,...t})=>(0,d.jsx)(`li`,{"data-slot":`sidebar-menu-item`,"data-sidebar":`menu-item`,className:(0,c.cn)(`group/menu-item relative`,e),...t}));P.displayName=`SidebarMenuItem`;const F=(0,l.cva)([`peer/menu-button`,`cursor-pointer`,`flex w-full items-center gap-2`,`overflow-hidden rounded-md p-2 outline-hidden`,`truncate text-left font-normal`,`transition-[color,width,height,padding]`,`hover:bg-sidebar-accent`,`hover:text-sidebar-accent-foreground`,`active:bg-sidebar-accent`,`active:text-sidebar-accent-foreground`,`disabled:pointer-events-none`,`disabled:opacity-50`,`group-has-data-[sidebar=menu-action]/menu-item:pr-8`,`aria-disabled:pointer-events-none`,`aria-disabled:opacity-50`,`data-[active=true]:bg-sidebar-primary-muted`,`data-[active=true]:text-sidebar-primary`,`data-[state=open]:hover:bg-sidebar-accent`,`data-[state=open]:hover:text-sidebar-accent-foreground`,`group-data-[collapsible=icon]:size-12!`,`group-data-[collapsible=icon]:p-3!`,`group-data-[collapsible=icon]:gap-3!`,`[&>svg]:size-6`,`[&>svg]:shrink-0`,`[&>span:last-child]:truncate`],{variants:{variant:{default:`hover:bg-sidebar-accent/60 hover:text-sidebar-accent-foreground/80`,outline:`bg-background shadow-[0_0_0_1px_hsl(var(--sidebar-border))] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground hover:shadow-[0_0_0_1px_hsl(var(--sidebar-accent))]`},size:{default:`h-10 text-sm`,sm:`h-7 text-xs`,lg:`h-12 text-sm group-data-[collapsible=icon]:p-0!`}},defaultVariants:{variant:`default`,size:`default`}}),I=(0,u.memo)(({asChild:e=!1,isActive:n=!1,variant:i=`default`,size:a=`default`,tooltip:o,className:s,...l})=>{let f=e?t.t:`button`,{isMobile:p,state:m}=x(),h=(0,u.useCallback)(e=>{l.onClick?.(),e.preventDefault(),e.stopPropagation()},[l]),g=(0,d.jsx)(f,{"data-slot":`sidebar-menu-button`,"data-sidebar":`menu-button`,"data-size":a,"data-active":n,className:(0,c.cn)(F({variant:i,size:a}),s),onClick:h,...l});return o?(typeof o==`string`&&(o={children:o}),(0,d.jsxs)(r.t,{children:[(0,d.jsx)(r.i,{asChild:!0,children:g}),(0,d.jsx)(r.n,{side:`right`,align:`center`,hidden:m!==`collapsed`||p,...o})]})):g});I.displayName=`SidebarMenuButton`;const L=({i18nText:e,onChangeToEnLocale:t,onChangeToViLocale:r})=>{let{toggleSidebar:i}=x();return(0,d.jsxs)(`header`,{"data-slot":`cms-layout-header`,className:(0,c.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`),children:[(0,d.jsxs)(n.t,{"data-sidebar":`trigger`,"data-slot":`sidebar-trigger`,variant:`ghost`,color:`muted`,size:`icon`,className:`size-10 rounded-full transition-all hover:text-text-positive`,onClick:e=>{e.preventDefault(),e.stopPropagation(),i()},children:[(0,d.jsx)(f.MenuIcon,{className:`size-6!`}),(0,d.jsx)(`span`,{className:`sr-only`,children:`Toggle Sidebar`})]}),(0,d.jsxs)(`div`,{className:`flex flex-1 gap-x-2 sm:ml-2.5`,children:[(0,d.jsx)(`div`,{className:`flex aspect-square size-8 items-center justify-center rounded-lg bg-sidebar-primary text-sidebar-primary-foreground`,children:(0,d.jsx)(f.ShoppingCartIcon,{size:20})}),(0,d.jsxs)(`div`,{className:`grid flex-1 text-left text-sm leading-tight`,children:[(0,d.jsx)(`span`,{className:`truncate font-medium`,children:`Lunas Enterprise`}),(0,d.jsx)(`span`,{className:`truncate text-xs`,children:`Established 2025`})]})]}),(0,d.jsxs)(o.t,{children:[(0,d.jsx)(o.h,{asChild:!0,children:(0,d.jsxs)(n.t,{"data-sidebar":`trigger`,"data-slot":`sidebar-trigger`,variant:`ghost`,color:`muted`,className:`gap-x-1 rounded-full transition-all hover:text-text-positive`,children:[(0,d.jsx)(f.EarthIcon,{className:`size-6!`}),e]})}),(0,d.jsx)(o.r,{align:`end`,children:(0,d.jsxs)(o.i,{children:[(0,d.jsx)(o.a,{onClick:e=>{t?.(),e.preventDefault(),e.stopPropagation()},children:`EN - English`}),(0,d.jsx)(o.a,{onClick:e=>{r?.(),e.preventDefault(),e.stopPropagation()},children:`VI - Vietnamese`})]})})]})]})},R=(0,u.memo)(({id:e,label:t,icon:n,activeNavItemId:r,onClick:i})=>(0,d.jsx)(P,{children:(0,d.jsxs)(I,{isActive:e===r,onClick:i,children:[n,t]})},e));R.displayName=`SidebarContentGroupItem`;const z=(0,u.memo)(({id:e,label:t,children:n})=>(0,d.jsxs)(A,{children:[(0,d.jsx)(j,{children:t}),(0,d.jsx)(M,{children:(0,d.jsx)(N,{children:n})})]},e));z.displayName=`SidebarContentGroup`;const B=({i18nText:e,activeNavItemId:t,sidebar:n,children:r,onChangeToEnLocale:i,onChangeToViLocale:a,onLogout:o})=>{let s=(0,u.useMemo)(()=>n?.groupcontent||[],[n]);return(0,d.jsxs)(S,{children:[(0,d.jsx)(L,{i18nText:e,onChangeToEnLocale:i,onChangeToViLocale:a}),(0,d.jsxs)(C,{variant:`inset`,collapsible:`icon`,children:[(0,d.jsx)(k,{children:s.map(e=>(0,d.jsx)(z,{id:e.id,label:e.label,children:e.items.map(e=>(0,d.jsx)(R,{activeNavItemId:t,id:e.id,label:e.label,icon:e.icon,onClick:e.onClick},e.id))},e.id))}),(0,d.jsx)(D,{children:(0,d.jsxs)(N,{children:[(0,d.jsx)(P,{children:(0,d.jsxs)(I,{className:`border border-border`,onClick:o,children:[(0,d.jsx)(f.LogOutIcon,{className:`text-text-positive-weak`}),`Đăng xuất`]})}),(0,d.jsx)(P,{className:`mt-2 border-t border-t-border`,children:(0,d.jsx)(`p`,{className:`pt-2 text-center text-muted-foreground text-xs`,children:`Copyright © 2025, Lunas.`})})]})})]}),(0,d.jsx)(w,{children:r})]})};exports.CMSLayout=B;
+const e=require(`../../chunk-Bmb41Sf3.cjs`),t=require(`../../dist-Q1UyT_bc.cjs`);require(`../../button.variants-aqkTmzFu.cjs`);const n=require(`../../button-Cd7YtPlT.cjs`);require(`../../skeleton-CHympz8k.cjs`);const r=require(`../../tooltip-DC6i1A25.cjs`),i=require(`../../separator-C3ip6sbh.cjs`),a=require(`../../sheet-5MJRtrfG.cjs`),o=require(`../../dropdown-menu-BuyuU6uF.cjs`),s=require(`../../input-BoMJaF_N.cjs`);let c=require(`@customafk/react-toolkit/utils`),l=require(`class-variance-authority`),u=require(`react/jsx-runtime`),d=require(`lucide-react`),f=require(`react`),p=require(`@customafk/react-toolkit/hooks/useMobile`);const m=`sidebar_state`,h=3600*24*7,g=`16rem`,_=`18rem`,v=`3rem`,y=`b`,b=(0,f.createContext)(null);function x(){let e=(0,f.useContext)(b);if(!e)throw Error(`useSidebar must be used within a SidebarProvider.`);return e}function S({defaultOpen:e=!0,open:t,onOpenChange:n,className:i,style:a,children:o,...s}){let c=(0,p.useIsMobile)(),[l,d]=(0,f.useState)(!1),[m,h]=(0,f.useState)(e),g=t??m,_=(0,f.useCallback)(e=>{let t=typeof e==`function`?e(g):e;n?n(t):h(t),document.cookie=`sidebar_state=${t}; path=/; max-age=604800`},[n,g]),v=(0,f.useCallback)(()=>c?d(e=>!e):_(e=>!e),[c,_]);(0,f.useEffect)(()=>{let e=e=>{e.key===`b`&&(e.metaKey||e.ctrlKey)&&(e.preventDefault(),v())};return window.addEventListener(`keydown`,e),()=>window.removeEventListener(`keydown`,e)},[v]);let y=g?`expanded`:`collapsed`,x=(0,f.useMemo)(()=>({state:y,open:g,setOpen:_,isMobile:c,openMobile:l,setOpenMobile:d,toggleSidebar:v}),[y,g,_,c,l,v]);return(0,u.jsx)(b.Provider,{value:x,children:(0,u.jsx)(r.r,{delayDuration:0,children:(0,u.jsx)(`section`,{"data-slot":`layout-wrapper`,style:{"--sidebar-width":`16rem`,"--sidebar-width-icon":`3rem`,...a},className:`relative group/sidebar-wrapper flex h-dvh bg-sidebar`,...s,children:o})})})}const C=(0,f.memo)(({side:e=`left`,variant:t=`sidebar`,collapsible:r=`offcanvas`,className:i,children:o,...s})=>{let{isMobile:l,state:p,openMobile:m,setOpenMobile:h,toggleSidebar:g}=x(),_=(0,f.useCallback)(e=>{g(),e.preventDefault(),e.stopPropagation()},[g]);return r===`none`?(0,u.jsx)(`aside`,{"data-slot":`sidebar`,className:(0,c.cn)(`flex w-(--sidebar-width) flex-col bg-sidebar text-sidebar-foreground`,i),...s,children:o}):l?(0,u.jsx)(a.t,{open:m,onOpenChange:h,...s,children:(0,u.jsxs)(a.r,{"data-sidebar":`sidebar`,"data-slot":`sidebar`,"data-mobile":`true`,style:{"--sidebar-width":`18rem`},side:e,className:`w-(--sidebar-width) bg-sidebar p-0 text-sidebar-foreground sm:max-w-3xs [&>button]:hidden`,children:[(0,u.jsxs)(a.o,{className:`sr-only`,children:[(0,u.jsx)(a.s,{children:`Sidebar`}),(0,u.jsx)(a.i,{children:`Displays the mobile sidebar.`})]}),(0,u.jsxs)(`div`,{className:`flex size-full flex-col`,children:[(0,u.jsxs)(`div`,{className:`flex flex-0 items-center gap-x-2 border-border-weak border-b p-2 pr-4`,children:[(0,u.jsxs)(n.t,{"data-sidebar":`trigger`,"data-slot":`sidebar-trigger`,variant:`ghost`,color:`muted`,size:`icon`,className:(0,c.cn)(`size-10 rounded-full`,i),onClick:_,children:[(0,u.jsx)(d.MenuIcon,{className:`size-6!`}),(0,u.jsx)(`span`,{className:`sr-only`,children:`Toggle Sidebar`})]}),(0,u.jsx)(`div`,{className:`ml-2 flex aspect-square size-8 items-center justify-center rounded-lg bg-sidebar-primary text-sidebar-primary-foreground`,children:(0,u.jsx)(d.ShoppingCartIcon,{size:20})}),(0,u.jsxs)(`div`,{className:`grid flex-1 text-left text-sm leading-tight`,children:[(0,u.jsx)(`span`,{className:`truncate font-medium`,children:`Lunas Store`}),(0,u.jsx)(`span`,{className:`truncate text-xs`,children:`Established 2023`})]})]}),(0,u.jsx)(`div`,{className:`flex flex-1 flex-col p-2`,children:o})]})]})}):(0,u.jsxs)(`aside`,{className:`group peer hidden bg-card text-sidebar-foreground md:block`,"data-state":p,"data-collapsible":p===`collapsed`?r:``,"data-variant":t,"data-side":e,"data-slot":`sidebar`,children:[(0,u.jsx)(`div`,{"data-slot":`sidebar-gap`,className:(0,c.cn)(`bg-transparent`,`transition-[width] duration-200 ease-linear`,`h-(--header-height) sm:h-[calc(var(--header-height)+0.5rem)]`,`w-(--sidebar-width)`,`group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4)))]`)}),(0,u.jsx)(`div`,{"data-slot":`sidebar-container`,className:(0,c.cn)(`hidden md:flex shadow-nav`,`fixed left-0 inset-y-0 p-2`,`top-[calc(var(--header-height)+0.5rem)] z-10`,`w-(--sidebar-width)`,`transition-all duration-200 ease-linear`,`group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4)))]`,i),...s,children:(0,u.jsx)(`div`,{"data-sidebar":`sidebar`,"data-slot":`sidebar-inner`,className:`relative flex size-full flex-col`,children:o})})]})});C.displayName=`CMSLayoutSidebar`;const w=(0,f.memo)(({className:e,children:t,...n})=>(0,u.jsxs)(`main`,{"data-slot":`sidebar-inset`,className:(0,c.cn)(`relative flex w-full flex-1 flex-col`,e),...n,children:[(0,u.jsx)(`section`,{className:`h-(--header-height) sm:h-[calc(var(--header-height)+0.5rem)]`}),(0,u.jsx)(`section`,{className:`flex-1 relative size-full overflow-auto`,children:t})]}));w.displayName=`CMSLayoutMain`;const T=(0,f.memo)(({className:e,...t})=>(0,u.jsx)(s.t,{"data-slot":`sidebar-input`,"data-sidebar":`input`,className:(0,c.cn)(`h-8 w-full bg-background shadow-none`,e),...t}));T.displayName=`SidebarInput`;const E=(0,f.memo)(({className:e,...t})=>(0,u.jsx)(`div`,{"data-slot":`sidebar-header`,"data-sidebar":`header`,className:(0,c.cn)(`flex flex-col gap-2 p-2`,e),...t}));E.displayName=`SidebarHeader`;const D=(0,f.memo)(({className:e,...t})=>(0,u.jsx)(`div`,{"data-slot":`sidebar-footer`,"data-sidebar":`footer`,className:(0,c.cn)(`flex flex-col gap-2`,e),...t}));D.displayName=`SidebarFooter`;const O=(0,f.memo)(({className:e,...t})=>(0,u.jsx)(i.t,{"data-slot":`sidebar-separator`,"data-sidebar":`separator`,className:(0,c.cn)(`mx-2 w-auto bg-sidebar-border`,e),...t}));O.displayName=`SidebarSeparator`;const k=(0,f.memo)(({className:e,...t})=>(0,u.jsx)(`div`,{"data-slot":`sidebar-content`,"data-sidebar":`content`,className:(0,c.cn)(`flex flex-1 flex-col gap-2 overflow-auto group-data-[collapsible=icon]:overflow-hidden`,e),...t}));k.displayName=`SidebarContent`;const A=(0,f.memo)(({className:e,...t})=>(0,u.jsx)(`div`,{"data-slot":`sidebar-group`,"data-sidebar":`group`,className:(0,c.cn)(`relative flex w-full flex-col`,e),...t}));A.displayName=`SidebarGroup`;const j=(0,f.memo)(({className:e,asChild:n=!1,...r})=>(0,u.jsx)(n?t.t:`div`,{"data-slot":`sidebar-group-label`,"data-sidebar":`group-label`,className:(0,c.cn)(`flex h-8 shrink-0 items-center rounded-md px-2 font-medium text-sidebar-foreground/70 text-xs outline-hidden ring-sidebar-ring transition-[margin,opacity] duration-200 ease-linear focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0`,`group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0`,e),...r}));j.displayName=`SidebarGroupLabel`;const M=(0,f.memo)(({className:e,...t})=>(0,u.jsx)(`div`,{"data-slot":`sidebar-group-content`,"data-sidebar":`group-content`,className:(0,c.cn)(`w-full text-sm`,e),...t}));M.displayName=`SidebarGroupContent`;const N=(0,f.memo)(({className:e,...t})=>(0,u.jsx)(`ul`,{"data-slot":`sidebar-menu`,"data-sidebar":`menu`,className:(0,c.cn)(`flex w-full min-w-0 flex-col gap-1`,e),...t}));N.displayName=`SidebarMenu`;const P=(0,f.memo)(({className:e,...t})=>(0,u.jsx)(`li`,{"data-slot":`sidebar-menu-item`,"data-sidebar":`menu-item`,className:(0,c.cn)(`group/menu-item relative`,e),...t}));P.displayName=`SidebarMenuItem`;const F=(0,l.cva)([`peer/menu-button`,`cursor-pointer`,`flex w-full items-center gap-2`,`overflow-hidden rounded-md p-2 outline-hidden`,`truncate text-left font-normal`,`transition-[color,width,height,padding]`,`hover:bg-sidebar-accent`,`hover:text-sidebar-accent-foreground`,`active:bg-sidebar-accent`,`active:text-sidebar-accent-foreground`,`disabled:pointer-events-none`,`disabled:opacity-50`,`group-has-data-[sidebar=menu-action]/menu-item:pr-8`,`aria-disabled:pointer-events-none`,`aria-disabled:opacity-50`,`data-[active=true]:bg-sidebar-primary-muted`,`data-[active=true]:text-sidebar-primary`,`data-[state=open]:hover:bg-sidebar-accent`,`data-[state=open]:hover:text-sidebar-accent-foreground`,`group-data-[collapsible=icon]:size-12!`,`group-data-[collapsible=icon]:p-3!`,`group-data-[collapsible=icon]:gap-3!`,`[&>svg]:size-6`,`[&>svg]:shrink-0`,`[&>span:last-child]:truncate`],{variants:{variant:{default:`hover:bg-sidebar-accent/60 hover:text-sidebar-accent-foreground/80`,outline:`bg-background shadow-[0_0_0_1px_hsl(var(--sidebar-border))] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground hover:shadow-[0_0_0_1px_hsl(var(--sidebar-accent))]`},size:{default:`h-10 text-sm`,sm:`h-7 text-xs`,lg:`h-12 text-sm group-data-[collapsible=icon]:p-0!`}},defaultVariants:{variant:`default`,size:`default`}}),I=(0,f.memo)(({asChild:e=!1,isActive:n=!1,variant:i=`default`,size:a=`default`,tooltip:o,className:s,...l})=>{let d=e?t.t:`button`,{isMobile:p,state:m}=x(),h=(0,f.useCallback)(e=>{l.onClick?.(),e.preventDefault(),e.stopPropagation()},[l]),g=(0,u.jsx)(d,{"data-slot":`sidebar-menu-button`,"data-sidebar":`menu-button`,"data-size":a,"data-active":n,className:(0,c.cn)(F({variant:i,size:a}),s),onClick:h,...l});return o?(typeof o==`string`&&(o={children:o}),(0,u.jsxs)(r.t,{children:[(0,u.jsx)(r.i,{asChild:!0,children:g}),(0,u.jsx)(r.n,{side:`right`,align:`center`,hidden:m!==`collapsed`||p,...o})]})):g});I.displayName=`SidebarMenuButton`;const L=({i18nText:e,onChangeToEnLocale:t,onChangeToViLocale:r})=>{let{toggleSidebar:i}=x();return(0,u.jsxs)(`header`,{"data-slot":`cms-layout-header`,className:(0,c.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`),children:[(0,u.jsxs)(n.t,{"data-sidebar":`trigger`,"data-slot":`sidebar-trigger`,variant:`ghost`,color:`muted`,size:`icon`,className:`size-10 rounded-full transition-all hover:text-text-positive`,onClick:e=>{e.preventDefault(),e.stopPropagation(),i()},children:[(0,u.jsx)(d.MenuIcon,{className:`size-6!`}),(0,u.jsx)(`span`,{className:`sr-only`,children:`Toggle Sidebar`})]}),(0,u.jsxs)(`div`,{className:`flex flex-1 gap-x-2 sm:ml-2.5`,children:[(0,u.jsx)(`div`,{className:`flex aspect-square size-8 items-center justify-center rounded-lg bg-sidebar-primary text-sidebar-primary-foreground`,children:(0,u.jsx)(d.ShoppingCartIcon,{size:20})}),(0,u.jsxs)(`div`,{className:`grid flex-1 text-left text-sm leading-tight`,children:[(0,u.jsx)(`span`,{className:`truncate font-medium`,children:`Lunas Enterprise`}),(0,u.jsx)(`span`,{className:`truncate text-xs`,children:`Established 2025`})]})]}),(0,u.jsxs)(o.t,{children:[(0,u.jsx)(o.h,{asChild:!0,children:(0,u.jsxs)(n.t,{"data-sidebar":`trigger`,"data-slot":`sidebar-trigger`,variant:`ghost`,color:`muted`,className:`gap-x-1 rounded-full transition-all hover:text-text-positive`,children:[(0,u.jsx)(d.EarthIcon,{className:`size-6!`}),e]})}),(0,u.jsx)(o.r,{align:`end`,children:(0,u.jsxs)(o.i,{children:[(0,u.jsx)(o.a,{onClick:e=>{t?.(),e.preventDefault(),e.stopPropagation()},children:`EN - English`}),(0,u.jsx)(o.a,{onClick:e=>{r?.(),e.preventDefault(),e.stopPropagation()},children:`VI - Vietnamese`})]})})]})]})},R=(0,f.memo)(({id:e,label:t,icon:n,activeNavItemId:r,onClick:i})=>(0,u.jsx)(P,{children:(0,u.jsxs)(I,{isActive:e===r,onClick:i,children:[n,t]})},e));R.displayName=`SidebarContentGroupItem`;const z=(0,f.memo)(({id:e,label:t,children:n})=>(0,u.jsxs)(A,{children:[(0,u.jsx)(j,{children:t}),(0,u.jsx)(M,{children:(0,u.jsx)(N,{children:n})})]},e));z.displayName=`SidebarContentGroup`;const B=({i18nText:e,activeNavItemId:t,sidebar:n,children:r,onChangeToEnLocale:i,onChangeToViLocale:a,onLogout:o})=>{let s=(0,f.useMemo)(()=>n?.groupcontent||[],[n]);return(0,u.jsxs)(S,{children:[(0,u.jsx)(L,{i18nText:e,onChangeToEnLocale:i,onChangeToViLocale:a}),(0,u.jsxs)(C,{variant:`inset`,collapsible:`icon`,children:[(0,u.jsx)(k,{children:s.map(e=>(0,u.jsx)(z,{id:e.id,label:e.label,children:e.items.map(e=>(0,u.jsx)(R,{activeNavItemId:t,id:e.id,label:e.label,icon:e.icon,onClick:e.onClick},e.id))},e.id))}),(0,u.jsx)(D,{children:(0,u.jsxs)(N,{children:[(0,u.jsx)(P,{children:(0,u.jsxs)(I,{className:`border border-border`,onClick:o,children:[(0,u.jsx)(d.LogOutIcon,{className:`text-text-positive-weak`}),`Đăng xuất`]})}),(0,u.jsx)(P,{className:`mt-2 border-t border-t-border`,children:(0,u.jsx)(`p`,{className:`pt-2 text-center text-muted-foreground text-xs`,children:`Copyright © 2025, Lunas.`})})]})})]}),(0,u.jsx)(w,{children:r})]})};exports.CMSLayout=B;
 //# sourceMappingURL=index.cjs.map

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

@@ -1,2 +1,2 @@
-import{t as e}from"../../dist-CvmzZ_6C.mjs";import"../../button.variants-DRWf66hR.mjs";import{t}from"../../button-BQTNG97Y.mjs";import"../../skeleton-Ba6koCVf.mjs";import{i as n,n as r,r as i,t as a}from"../../tooltip-B3dTcgcc.mjs";import{t as o}from"../../separator-Bf0gymN4.mjs";import{i as s,o as c,r as l,s as u,t as d}from"../../sheet-oadGRiie.mjs";import{a as f,h as p,i as m,r as h,t as g}from"../../dropdown-menu-B8GUTfTp.mjs";import{t as _}from"../../input-DBtIgQB6.mjs";import{cn as v}from"@customafk/react-toolkit/utils";import{cva as y}from"class-variance-authority";import{createContext as b,memo as x,useCallback as S,useContext as C,useEffect as w,useMemo as T,useState as E}from"react";import{jsx as D,jsxs as O}from"react/jsx-runtime";import{EarthIcon as k,LogOutIcon as A,MenuIcon as j,ShoppingCartIcon as M}from"lucide-react";import{useIsMobile as N}from"@customafk/react-toolkit/hooks/useMobile";const P=b(null);function F(){let e=C(P);if(!e)throw Error(`useSidebar must be used within a SidebarProvider.`);return e}function I({defaultOpen:e=!0,open:t,onOpenChange:n,className:r,style:a,children:o,...s}){let c=N(),[l,u]=E(!1),[d,f]=E(e),p=t??d,m=S(e=>{let t=typeof e==`function`?e(p):e;n?n(t):f(t),document.cookie=`sidebar_state=${t}; path=/; max-age=604800`},[n,p]),h=S(()=>c?u(e=>!e):m(e=>!e),[c,m]);w(()=>{let e=e=>{e.key===`b`&&(e.metaKey||e.ctrlKey)&&(e.preventDefault(),h())};return window.addEventListener(`keydown`,e),()=>window.removeEventListener(`keydown`,e)},[h]);let g=p?`expanded`:`collapsed`,_=T(()=>({state:g,open:p,setOpen:m,isMobile:c,openMobile:l,setOpenMobile:u,toggleSidebar:h}),[g,p,m,c,l,h]);return D(P.Provider,{value:_,children:D(i,{delayDuration:0,children:D(`section`,{"data-slot":`layout-wrapper`,style:{"--sidebar-width":`16rem`,"--sidebar-width-icon":`3rem`,...a},className:`relative group/sidebar-wrapper flex h-dvh bg-sidebar`,...s,children:o})})})}const L=x(({side:e=`left`,variant:n=`sidebar`,collapsible:r=`offcanvas`,className:i,children:a,...o})=>{let{isMobile:f,state:p,openMobile:m,setOpenMobile:h,toggleSidebar:g}=F(),_=S(e=>{g(),e.preventDefault(),e.stopPropagation()},[g]);return r===`none`?D(`aside`,{"data-slot":`sidebar`,className:v(`flex w-(--sidebar-width) flex-col bg-sidebar text-sidebar-foreground`,i),...o,children:a}):f?D(d,{open:m,onOpenChange:h,...o,children:O(l,{"data-sidebar":`sidebar`,"data-slot":`sidebar`,"data-mobile":`true`,style:{"--sidebar-width":`18rem`},side:e,className:`w-(--sidebar-width) bg-sidebar p-0 text-sidebar-foreground sm:max-w-3xs [&>button]:hidden`,children:[O(c,{className:`sr-only`,children:[D(u,{children:`Sidebar`}),D(s,{children:`Displays the mobile sidebar.`})]}),O(`div`,{className:`flex size-full flex-col`,children:[O(`div`,{className:`flex flex-0 items-center gap-x-2 border-border-weak border-b p-2 pr-4`,children:[O(t,{"data-sidebar":`trigger`,"data-slot":`sidebar-trigger`,variant:`ghost`,color:`muted`,size:`icon`,className:v(`size-10 rounded-full`,i),onClick:_,children:[D(j,{className:`size-6!`}),D(`span`,{className:`sr-only`,children:`Toggle Sidebar`})]}),D(`div`,{className:`ml-2 flex aspect-square size-8 items-center justify-center rounded-lg bg-sidebar-primary text-sidebar-primary-foreground`,children:D(M,{size:20})}),O(`div`,{className:`grid flex-1 text-left text-sm leading-tight`,children:[D(`span`,{className:`truncate font-medium`,children:`Lunas Store`}),D(`span`,{className:`truncate text-xs`,children:`Established 2023`})]})]}),D(`div`,{className:`flex flex-1 flex-col p-2`,children:a})]})]})}):O(`aside`,{className:`group peer hidden bg-card text-sidebar-foreground md:block`,"data-state":p,"data-collapsible":p===`collapsed`?r:``,"data-variant":n,"data-side":e,"data-slot":`sidebar`,children:[D(`div`,{"data-slot":`sidebar-gap`,className:v(`bg-transparent`,`transition-[width] duration-200 ease-linear`,`h-(--header-height) sm:h-[calc(var(--header-height)+0.5rem)]`,`w-(--sidebar-width)`,`group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4)))]`)}),D(`div`,{"data-slot":`sidebar-container`,className:v(`hidden md:flex shadow-nav`,`fixed left-0 inset-y-0 p-2`,`top-[calc(var(--header-height)+0.5rem)] z-10`,`w-(--sidebar-width)`,`transition-all duration-200 ease-linear`,`group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4)))]`,i),...o,children:D(`div`,{"data-sidebar":`sidebar`,"data-slot":`sidebar-inner`,className:`relative flex size-full flex-col`,children:a})})]})});L.displayName=`CMSLayoutSidebar`;const R=x(({className:e,children:t,...n})=>O(`main`,{"data-slot":`sidebar-inset`,className:v(`relative flex w-full flex-1 flex-col`,e),...n,children:[D(`section`,{className:`h-(--header-height) sm:h-[calc(var(--header-height)+0.5rem)]`}),D(`section`,{className:`flex-1 relative size-full overflow-auto`,children:t})]}));R.displayName=`CMSLayoutMain`;const z=x(({className:e,...t})=>D(_,{"data-slot":`sidebar-input`,"data-sidebar":`input`,className:v(`h-8 w-full bg-background shadow-none`,e),...t}));z.displayName=`SidebarInput`;const B=x(({className:e,...t})=>D(`div`,{"data-slot":`sidebar-header`,"data-sidebar":`header`,className:v(`flex flex-col gap-2 p-2`,e),...t}));B.displayName=`SidebarHeader`;const V=x(({className:e,...t})=>D(`div`,{"data-slot":`sidebar-footer`,"data-sidebar":`footer`,className:v(`flex flex-col gap-2`,e),...t}));V.displayName=`SidebarFooter`;const H=x(({className:e,...t})=>D(o,{"data-slot":`sidebar-separator`,"data-sidebar":`separator`,className:v(`mx-2 w-auto bg-sidebar-border`,e),...t}));H.displayName=`SidebarSeparator`;const U=x(({className:e,...t})=>D(`div`,{"data-slot":`sidebar-content`,"data-sidebar":`content`,className:v(`flex flex-1 flex-col gap-2 overflow-auto group-data-[collapsible=icon]:overflow-hidden`,e),...t}));U.displayName=`SidebarContent`;const W=x(({className:e,...t})=>D(`div`,{"data-slot":`sidebar-group`,"data-sidebar":`group`,className:v(`relative flex w-full flex-col`,e),...t}));W.displayName=`SidebarGroup`;const G=x(({className:t,asChild:n=!1,...r})=>D(n?e:`div`,{"data-slot":`sidebar-group-label`,"data-sidebar":`group-label`,className:v(`flex h-8 shrink-0 items-center rounded-md px-2 font-medium text-sidebar-foreground/70 text-xs outline-hidden ring-sidebar-ring transition-[margin,opacity] duration-200 ease-linear focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0`,`group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0`,t),...r}));G.displayName=`SidebarGroupLabel`;const K=x(({className:e,...t})=>D(`div`,{"data-slot":`sidebar-group-content`,"data-sidebar":`group-content`,className:v(`w-full text-sm`,e),...t}));K.displayName=`SidebarGroupContent`;const q=x(({className:e,...t})=>D(`ul`,{"data-slot":`sidebar-menu`,"data-sidebar":`menu`,className:v(`flex w-full min-w-0 flex-col gap-1`,e),...t}));q.displayName=`SidebarMenu`;const J=x(({className:e,...t})=>D(`li`,{"data-slot":`sidebar-menu-item`,"data-sidebar":`menu-item`,className:v(`group/menu-item relative`,e),...t}));J.displayName=`SidebarMenuItem`;const Y=y([`peer/menu-button`,`cursor-pointer`,`flex w-full items-center gap-2`,`overflow-hidden rounded-md p-2 outline-hidden`,`truncate text-left font-normal`,`transition-[color,width,height,padding]`,`hover:bg-sidebar-accent`,`hover:text-sidebar-accent-foreground`,`active:bg-sidebar-accent`,`active:text-sidebar-accent-foreground`,`disabled:pointer-events-none`,`disabled:opacity-50`,`group-has-data-[sidebar=menu-action]/menu-item:pr-8`,`aria-disabled:pointer-events-none`,`aria-disabled:opacity-50`,`data-[active=true]:bg-sidebar-primary-muted`,`data-[active=true]:text-sidebar-primary`,`data-[state=open]:hover:bg-sidebar-accent`,`data-[state=open]:hover:text-sidebar-accent-foreground`,`group-data-[collapsible=icon]:size-12!`,`group-data-[collapsible=icon]:p-3!`,`group-data-[collapsible=icon]:gap-3!`,`[&>svg]:size-6`,`[&>svg]:shrink-0`,`[&>span:last-child]:truncate`],{variants:{variant:{default:`hover:bg-sidebar-accent/60 hover:text-sidebar-accent-foreground/80`,outline:`bg-background shadow-[0_0_0_1px_hsl(var(--sidebar-border))] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground hover:shadow-[0_0_0_1px_hsl(var(--sidebar-accent))]`},size:{default:`h-10 text-sm`,sm:`h-7 text-xs`,lg:`h-12 text-sm group-data-[collapsible=icon]:p-0!`}},defaultVariants:{variant:`default`,size:`default`}}),X=x(({asChild:t=!1,isActive:i=!1,variant:o=`default`,size:s=`default`,tooltip:c,className:l,...u})=>{let d=t?e:`button`,{isMobile:f,state:p}=F(),m=S(e=>{u.onClick?.(),e.preventDefault(),e.stopPropagation()},[u]),h=D(d,{"data-slot":`sidebar-menu-button`,"data-sidebar":`menu-button`,"data-size":s,"data-active":i,className:v(Y({variant:o,size:s}),l),onClick:m,...u});return c?(typeof c==`string`&&(c={children:c}),O(a,{children:[D(n,{asChild:!0,children:h}),D(r,{side:`right`,align:`center`,hidden:p!==`collapsed`||f,...c})]})):h});X.displayName=`SidebarMenuButton`;const Z=({i18nText:e,onChangeToEnLocale:n,onChangeToViLocale:r})=>{let{toggleSidebar:i}=F();return O(`header`,{"data-slot":`cms-layout-header`,className:v(`bg-card`,`h-(--header-height)`,`sm:h-[calc(var(--header-height)+0.5rem)] sm:px-4 sm:pr-6`,`absolute inset-x-0 top-0 z-20 gap-2 px-2 pr-4.5`,`flex items-center shadow-nav`,`transition-[width,height] ease-linear`),children:[O(t,{"data-sidebar":`trigger`,"data-slot":`sidebar-trigger`,variant:`ghost`,color:`muted`,size:`icon`,className:`size-10 rounded-full transition-all hover:text-text-positive`,onClick:e=>{e.preventDefault(),e.stopPropagation(),i()},children:[D(j,{className:`size-6!`}),D(`span`,{className:`sr-only`,children:`Toggle Sidebar`})]}),O(`div`,{className:`flex flex-1 gap-x-2 sm:ml-2.5`,children:[D(`div`,{className:`flex aspect-square size-8 items-center justify-center rounded-lg bg-sidebar-primary text-sidebar-primary-foreground`,children:D(M,{size:20})}),O(`div`,{className:`grid flex-1 text-left text-sm leading-tight`,children:[D(`span`,{className:`truncate font-medium`,children:`Lunas Enterprise`}),D(`span`,{className:`truncate text-xs`,children:`Established 2025`})]})]}),O(g,{children:[D(p,{asChild:!0,children:O(t,{"data-sidebar":`trigger`,"data-slot":`sidebar-trigger`,variant:`ghost`,color:`muted`,className:`gap-x-1 rounded-full transition-all hover:text-text-positive`,children:[D(k,{className:`size-6!`}),e]})}),D(h,{align:`end`,children:O(m,{children:[D(f,{onClick:e=>{n?.(),e.preventDefault(),e.stopPropagation()},children:`EN - English`}),D(f,{onClick:e=>{r?.(),e.preventDefault(),e.stopPropagation()},children:`VI - Vietnamese`})]})})]})]})},Q=x(({id:e,label:t,icon:n,activeNavItemId:r,onClick:i})=>D(J,{children:O(X,{isActive:e===r,onClick:i,children:[n,t]})},e));Q.displayName=`SidebarContentGroupItem`;const $=x(({id:e,label:t,children:n})=>O(W,{children:[D(G,{children:t}),D(K,{children:D(q,{children:n})})]},e));$.displayName=`SidebarContentGroup`;const ee=({i18nText:e,activeNavItemId:t,sidebar:n,children:r,onChangeToEnLocale:i,onChangeToViLocale:a,onLogout:o})=>{let s=T(()=>n?.groupcontent||[],[n]);return O(I,{children:[D(Z,{i18nText:e,onChangeToEnLocale:i,onChangeToViLocale:a}),O(L,{variant:`inset`,collapsible:`icon`,children:[D(U,{children:s.map(e=>D($,{id:e.id,label:e.label,children:e.items.map(e=>D(Q,{activeNavItemId:t,id:e.id,label:e.label,icon:e.icon,onClick:e.onClick},e.id))},e.id))}),D(V,{children:O(q,{children:[D(J,{children:O(X,{className:`border border-border`,onClick:o,children:[D(A,{className:`text-text-positive-weak`}),`Đăng xuất`]})}),D(J,{className:`mt-2 border-t border-t-border`,children:D(`p`,{className:`pt-2 text-center text-muted-foreground text-xs`,children:`Copyright © 2025, Lunas.`})})]})})]}),D(R,{children:r})]})};export{ee as CMSLayout};
+import{t as e}from"../../dist-DP1ehOL8.mjs";import"../../button.variants-B_dFX3i2.mjs";import{t}from"../../button-D8BUqpI2.mjs";import"../../skeleton-Ba6koCVf.mjs";import{i as n,n as r,r as i,t as a}from"../../tooltip-B3dTcgcc.mjs";import{t as o}from"../../separator-Bf0gymN4.mjs";import{i as s,o as c,r as l,s as u,t as d}from"../../sheet-oadGRiie.mjs";import{a as f,h as p,i as m,r as h,t as g}from"../../dropdown-menu-B8GUTfTp.mjs";import{t as _}from"../../input-DMjPBcJO.mjs";import{cn as v}from"@customafk/react-toolkit/utils";import{cva as y}from"class-variance-authority";import{jsx as b,jsxs as x}from"react/jsx-runtime";import{EarthIcon as S,LogOutIcon as C,MenuIcon as w,ShoppingCartIcon as T}from"lucide-react";import{createContext as E,memo as D,useCallback as O,useContext as k,useEffect as A,useMemo as j,useState as M}from"react";import{useIsMobile as N}from"@customafk/react-toolkit/hooks/useMobile";const P=E(null);function F(){let e=k(P);if(!e)throw Error(`useSidebar must be used within a SidebarProvider.`);return e}function I({defaultOpen:e=!0,open:t,onOpenChange:n,className:r,style:a,children:o,...s}){let c=N(),[l,u]=M(!1),[d,f]=M(e),p=t??d,m=O(e=>{let t=typeof e==`function`?e(p):e;n?n(t):f(t),document.cookie=`sidebar_state=${t}; path=/; max-age=604800`},[n,p]),h=O(()=>c?u(e=>!e):m(e=>!e),[c,m]);A(()=>{let e=e=>{e.key===`b`&&(e.metaKey||e.ctrlKey)&&(e.preventDefault(),h())};return window.addEventListener(`keydown`,e),()=>window.removeEventListener(`keydown`,e)},[h]);let g=p?`expanded`:`collapsed`,_=j(()=>({state:g,open:p,setOpen:m,isMobile:c,openMobile:l,setOpenMobile:u,toggleSidebar:h}),[g,p,m,c,l,h]);return b(P.Provider,{value:_,children:b(i,{delayDuration:0,children:b(`section`,{"data-slot":`layout-wrapper`,style:{"--sidebar-width":`16rem`,"--sidebar-width-icon":`3rem`,...a},className:`relative group/sidebar-wrapper flex h-dvh bg-sidebar`,...s,children:o})})})}const L=D(({side:e=`left`,variant:n=`sidebar`,collapsible:r=`offcanvas`,className:i,children:a,...o})=>{let{isMobile:f,state:p,openMobile:m,setOpenMobile:h,toggleSidebar:g}=F(),_=O(e=>{g(),e.preventDefault(),e.stopPropagation()},[g]);return r===`none`?b(`aside`,{"data-slot":`sidebar`,className:v(`flex w-(--sidebar-width) flex-col bg-sidebar text-sidebar-foreground`,i),...o,children:a}):f?b(d,{open:m,onOpenChange:h,...o,children:x(l,{"data-sidebar":`sidebar`,"data-slot":`sidebar`,"data-mobile":`true`,style:{"--sidebar-width":`18rem`},side:e,className:`w-(--sidebar-width) bg-sidebar p-0 text-sidebar-foreground sm:max-w-3xs [&>button]:hidden`,children:[x(c,{className:`sr-only`,children:[b(u,{children:`Sidebar`}),b(s,{children:`Displays the mobile sidebar.`})]}),x(`div`,{className:`flex size-full flex-col`,children:[x(`div`,{className:`flex flex-0 items-center gap-x-2 border-border-weak border-b p-2 pr-4`,children:[x(t,{"data-sidebar":`trigger`,"data-slot":`sidebar-trigger`,variant:`ghost`,color:`muted`,size:`icon`,className:v(`size-10 rounded-full`,i),onClick:_,children:[b(w,{className:`size-6!`}),b(`span`,{className:`sr-only`,children:`Toggle Sidebar`})]}),b(`div`,{className:`ml-2 flex aspect-square size-8 items-center justify-center rounded-lg bg-sidebar-primary text-sidebar-primary-foreground`,children:b(T,{size:20})}),x(`div`,{className:`grid flex-1 text-left text-sm leading-tight`,children:[b(`span`,{className:`truncate font-medium`,children:`Lunas Store`}),b(`span`,{className:`truncate text-xs`,children:`Established 2023`})]})]}),b(`div`,{className:`flex flex-1 flex-col p-2`,children:a})]})]})}):x(`aside`,{className:`group peer hidden bg-card text-sidebar-foreground md:block`,"data-state":p,"data-collapsible":p===`collapsed`?r:``,"data-variant":n,"data-side":e,"data-slot":`sidebar`,children:[b(`div`,{"data-slot":`sidebar-gap`,className:v(`bg-transparent`,`transition-[width] duration-200 ease-linear`,`h-(--header-height) sm:h-[calc(var(--header-height)+0.5rem)]`,`w-(--sidebar-width)`,`group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4)))]`)}),b(`div`,{"data-slot":`sidebar-container`,className:v(`hidden md:flex shadow-nav`,`fixed left-0 inset-y-0 p-2`,`top-[calc(var(--header-height)+0.5rem)] z-10`,`w-(--sidebar-width)`,`transition-all duration-200 ease-linear`,`group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4)))]`,i),...o,children:b(`div`,{"data-sidebar":`sidebar`,"data-slot":`sidebar-inner`,className:`relative flex size-full flex-col`,children:a})})]})});L.displayName=`CMSLayoutSidebar`;const R=D(({className:e,children:t,...n})=>x(`main`,{"data-slot":`sidebar-inset`,className:v(`relative flex w-full flex-1 flex-col`,e),...n,children:[b(`section`,{className:`h-(--header-height) sm:h-[calc(var(--header-height)+0.5rem)]`}),b(`section`,{className:`flex-1 relative size-full overflow-auto`,children:t})]}));R.displayName=`CMSLayoutMain`;const z=D(({className:e,...t})=>b(_,{"data-slot":`sidebar-input`,"data-sidebar":`input`,className:v(`h-8 w-full bg-background shadow-none`,e),...t}));z.displayName=`SidebarInput`;const B=D(({className:e,...t})=>b(`div`,{"data-slot":`sidebar-header`,"data-sidebar":`header`,className:v(`flex flex-col gap-2 p-2`,e),...t}));B.displayName=`SidebarHeader`;const V=D(({className:e,...t})=>b(`div`,{"data-slot":`sidebar-footer`,"data-sidebar":`footer`,className:v(`flex flex-col gap-2`,e),...t}));V.displayName=`SidebarFooter`;const H=D(({className:e,...t})=>b(o,{"data-slot":`sidebar-separator`,"data-sidebar":`separator`,className:v(`mx-2 w-auto bg-sidebar-border`,e),...t}));H.displayName=`SidebarSeparator`;const U=D(({className:e,...t})=>b(`div`,{"data-slot":`sidebar-content`,"data-sidebar":`content`,className:v(`flex flex-1 flex-col gap-2 overflow-auto group-data-[collapsible=icon]:overflow-hidden`,e),...t}));U.displayName=`SidebarContent`;const W=D(({className:e,...t})=>b(`div`,{"data-slot":`sidebar-group`,"data-sidebar":`group`,className:v(`relative flex w-full flex-col`,e),...t}));W.displayName=`SidebarGroup`;const G=D(({className:t,asChild:n=!1,...r})=>b(n?e:`div`,{"data-slot":`sidebar-group-label`,"data-sidebar":`group-label`,className:v(`flex h-8 shrink-0 items-center rounded-md px-2 font-medium text-sidebar-foreground/70 text-xs outline-hidden ring-sidebar-ring transition-[margin,opacity] duration-200 ease-linear focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0`,`group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0`,t),...r}));G.displayName=`SidebarGroupLabel`;const K=D(({className:e,...t})=>b(`div`,{"data-slot":`sidebar-group-content`,"data-sidebar":`group-content`,className:v(`w-full text-sm`,e),...t}));K.displayName=`SidebarGroupContent`;const q=D(({className:e,...t})=>b(`ul`,{"data-slot":`sidebar-menu`,"data-sidebar":`menu`,className:v(`flex w-full min-w-0 flex-col gap-1`,e),...t}));q.displayName=`SidebarMenu`;const J=D(({className:e,...t})=>b(`li`,{"data-slot":`sidebar-menu-item`,"data-sidebar":`menu-item`,className:v(`group/menu-item relative`,e),...t}));J.displayName=`SidebarMenuItem`;const Y=y([`peer/menu-button`,`cursor-pointer`,`flex w-full items-center gap-2`,`overflow-hidden rounded-md p-2 outline-hidden`,`truncate text-left font-normal`,`transition-[color,width,height,padding]`,`hover:bg-sidebar-accent`,`hover:text-sidebar-accent-foreground`,`active:bg-sidebar-accent`,`active:text-sidebar-accent-foreground`,`disabled:pointer-events-none`,`disabled:opacity-50`,`group-has-data-[sidebar=menu-action]/menu-item:pr-8`,`aria-disabled:pointer-events-none`,`aria-disabled:opacity-50`,`data-[active=true]:bg-sidebar-primary-muted`,`data-[active=true]:text-sidebar-primary`,`data-[state=open]:hover:bg-sidebar-accent`,`data-[state=open]:hover:text-sidebar-accent-foreground`,`group-data-[collapsible=icon]:size-12!`,`group-data-[collapsible=icon]:p-3!`,`group-data-[collapsible=icon]:gap-3!`,`[&>svg]:size-6`,`[&>svg]:shrink-0`,`[&>span:last-child]:truncate`],{variants:{variant:{default:`hover:bg-sidebar-accent/60 hover:text-sidebar-accent-foreground/80`,outline:`bg-background shadow-[0_0_0_1px_hsl(var(--sidebar-border))] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground hover:shadow-[0_0_0_1px_hsl(var(--sidebar-accent))]`},size:{default:`h-10 text-sm`,sm:`h-7 text-xs`,lg:`h-12 text-sm group-data-[collapsible=icon]:p-0!`}},defaultVariants:{variant:`default`,size:`default`}}),X=D(({asChild:t=!1,isActive:i=!1,variant:o=`default`,size:s=`default`,tooltip:c,className:l,...u})=>{let d=t?e:`button`,{isMobile:f,state:p}=F(),m=O(e=>{u.onClick?.(),e.preventDefault(),e.stopPropagation()},[u]),h=b(d,{"data-slot":`sidebar-menu-button`,"data-sidebar":`menu-button`,"data-size":s,"data-active":i,className:v(Y({variant:o,size:s}),l),onClick:m,...u});return c?(typeof c==`string`&&(c={children:c}),x(a,{children:[b(n,{asChild:!0,children:h}),b(r,{side:`right`,align:`center`,hidden:p!==`collapsed`||f,...c})]})):h});X.displayName=`SidebarMenuButton`;const Z=({i18nText:e,onChangeToEnLocale:n,onChangeToViLocale:r})=>{let{toggleSidebar:i}=F();return x(`header`,{"data-slot":`cms-layout-header`,className:v(`bg-card`,`h-(--header-height)`,`sm:h-[calc(var(--header-height)+0.5rem)] sm:px-4 sm:pr-6`,`absolute inset-x-0 top-0 z-20 gap-2 px-2 pr-4.5`,`flex items-center shadow-nav`,`transition-[width,height] ease-linear`),children:[x(t,{"data-sidebar":`trigger`,"data-slot":`sidebar-trigger`,variant:`ghost`,color:`muted`,size:`icon`,className:`size-10 rounded-full transition-all hover:text-text-positive`,onClick:e=>{e.preventDefault(),e.stopPropagation(),i()},children:[b(w,{className:`size-6!`}),b(`span`,{className:`sr-only`,children:`Toggle Sidebar`})]}),x(`div`,{className:`flex flex-1 gap-x-2 sm:ml-2.5`,children:[b(`div`,{className:`flex aspect-square size-8 items-center justify-center rounded-lg bg-sidebar-primary text-sidebar-primary-foreground`,children:b(T,{size:20})}),x(`div`,{className:`grid flex-1 text-left text-sm leading-tight`,children:[b(`span`,{className:`truncate font-medium`,children:`Lunas Enterprise`}),b(`span`,{className:`truncate text-xs`,children:`Established 2025`})]})]}),x(g,{children:[b(p,{asChild:!0,children:x(t,{"data-sidebar":`trigger`,"data-slot":`sidebar-trigger`,variant:`ghost`,color:`muted`,className:`gap-x-1 rounded-full transition-all hover:text-text-positive`,children:[b(S,{className:`size-6!`}),e]})}),b(h,{align:`end`,children:x(m,{children:[b(f,{onClick:e=>{n?.(),e.preventDefault(),e.stopPropagation()},children:`EN - English`}),b(f,{onClick:e=>{r?.(),e.preventDefault(),e.stopPropagation()},children:`VI - Vietnamese`})]})})]})]})},Q=D(({id:e,label:t,icon:n,activeNavItemId:r,onClick:i})=>b(J,{children:x(X,{isActive:e===r,onClick:i,children:[n,t]})},e));Q.displayName=`SidebarContentGroupItem`;const $=D(({id:e,label:t,children:n})=>x(W,{children:[b(G,{children:t}),b(K,{children:b(q,{children:n})})]},e));$.displayName=`SidebarContentGroup`;const ee=({i18nText:e,activeNavItemId:t,sidebar:n,children:r,onChangeToEnLocale:i,onChangeToViLocale:a,onLogout:o})=>{let s=j(()=>n?.groupcontent||[],[n]);return x(I,{children:[b(Z,{i18nText:e,onChangeToEnLocale:i,onChangeToViLocale:a}),x(L,{variant:`inset`,collapsible:`icon`,children:[b(U,{children:s.map(e=>b($,{id:e.id,label:e.label,children:e.items.map(e=>b(Q,{activeNavItemId:t,id:e.id,label:e.label,icon:e.icon,onClick:e.onClick},e.id))},e.id))}),b(V,{children:x(q,{children:[b(J,{children:x(X,{className:`border border-border`,onClick:o,children:[b(C,{className:`text-text-positive-weak`}),`Đăng xuất`]})}),b(J,{className:`mt-2 border-t border-t-border`,children:b(`p`,{className:`pt-2 text-center text-muted-foreground text-xs`,children:`Copyright © 2025, Lunas.`})})]})})]}),b(R,{children:r})]})};export{ee as CMSLayout};
 //# sourceMappingURL=index.mjs.map

package/dist/layouts/flex.cjs

@@ -1 +1 @@
-"use client";const e=require(`../flex-twCgWyx1.cjs`);exports.Flex=e.t;
+"use client";const e=require(`../flex-BsoSgWFN.cjs`);exports.Flex=e.t;

package/dist/layouts/flex.d.cts

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

package/dist/layouts/flex.d.mts

@@ -1,23 +1,23 @@
 import { VariantProps } from "class-variance-authority";
-import * as react7 from "react";
-import * as react_jsx_runtime192 from "react/jsx-runtime";
-import * as class_variance_authority_types7 from "class-variance-authority/types";
+import * as react_jsx_runtime252 from "react/jsx-runtime";
+import * as react33 from "react";
+import * as class_variance_authority_types10 from "class-variance-authority/types";
 
 //#region packages/components/layouts/flex.d.ts
 declare const flexVariants: (props?: ({
   vertical?: boolean | null | undefined;
-  width?: "max" | "min" | "full" | "auto" | "fit" | "screen" | "null" | null | undefined;
+  width?: "auto" | "max" | "min" | "full" | "fit" | "screen" | "null" | null | undefined;
   wrap?: boolean | null | undefined;
   margin?: "sm" | "md" | "lg" | "xl" | "none" | null | undefined;
   padding?: "sm" | "md" | "lg" | "xl" | "none" | null | undefined;
   gap?: "xs" | "sm" | "md" | "lg" | "xl" | "none" | null | undefined;
   justify?: "center" | "start" | "end" | "between" | "around" | "evenly" | "stretch" | null | undefined;
-  align?: "center" | "start" | "end" | "stretch" | "baseline" | null | undefined;
-} & class_variance_authority_types7.ClassProp) | undefined) => string;
+  align?: "center" | "baseline" | "start" | "end" | "stretch" | null | undefined;
+} & class_variance_authority_types10.ClassProp) | undefined) => string;
 type Props = {
   className?: string;
 } & VariantProps<typeof flexVariants>;
-declare const Flex: react7.MemoExoticComponent<({
+declare const Flex: react33.MemoExoticComponent<({
   vertical,
   wrap,
   width,
@@ -28,7 +28,7 @@ declare const Flex: react7.MemoExoticComponent<({
   align,
   className,
   children
-}: React.PropsWithChildren<Props>) => react_jsx_runtime192.JSX.Element>;
+}: React.PropsWithChildren<Props>) => react_jsx_runtime252.JSX.Element>;
 //#endregion
 export { Flex };
 //# sourceMappingURL=flex.d.mts.map

package/dist/layouts/flex.mjs

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

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

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