@customafk/lunas-ui 0.0.82 → 0.0.84

package/dist/forms/select-field.d.cts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime9 from "react/jsx-runtime";
+import * as react_jsx_runtime25 from "react/jsx-runtime";
 import { FieldPath, FieldValues } from "react-hook-form";
 
 //#region packages/components/forms/select-field.d.ts
@@ -27,7 +27,7 @@ declare const SelectField: <TFieldValues extends FieldValues = FieldValues>({
   isShowErrorMsg,
   description,
   className
-}: Props<TFieldValues>) => react_jsx_runtime9.JSX.Element;
+}: Props<TFieldValues>) => react_jsx_runtime25.JSX.Element;
 //#endregion
 export { SelectField };
 //# sourceMappingURL=select-field.d.cts.map

package/dist/forms/select-field.d.ts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime6 from "react/jsx-runtime";
+import * as react_jsx_runtime12 from "react/jsx-runtime";
 import { FieldPath, FieldValues } from "react-hook-form";
 
 //#region packages/components/forms/select-field.d.ts
@@ -27,7 +27,7 @@ declare const SelectField: <TFieldValues extends FieldValues = FieldValues>({
   isShowErrorMsg,
   description,
   className
-}: Props<TFieldValues>) => react_jsx_runtime6.JSX.Element;
+}: Props<TFieldValues>) => react_jsx_runtime12.JSX.Element;
 //#endregion
 export { SelectField };
 //# sourceMappingURL=select-field.d.ts.map

package/dist/forms/switch-field.d.cts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime10 from "react/jsx-runtime";
+import * as react_jsx_runtime8 from "react/jsx-runtime";
 import { FieldPath, FieldValues } from "react-hook-form";
 
 //#region packages/components/forms/switch-field.d.ts
@@ -15,7 +15,7 @@ declare const SwitchField: <TFieldValues extends FieldValues = FieldValues>({
   className,
   description,
   isShowErrorMsg
-}: Props<TFieldValues>) => react_jsx_runtime10.JSX.Element;
+}: Props<TFieldValues>) => react_jsx_runtime8.JSX.Element;
 //#endregion
 export { SwitchField };
 //# sourceMappingURL=switch-field.d.cts.map

package/dist/forms/text-field.d.cts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime11 from "react/jsx-runtime";
+import * as react_jsx_runtime9 from "react/jsx-runtime";
 import { FieldPath, FieldValues } from "react-hook-form";
 
 //#region packages/components/forms/text-field.d.ts
@@ -25,7 +25,7 @@ declare const TextField: <TFieldValues extends FieldValues = FieldValues>({
   description,
   className,
   onValueChange
-}: Props<TFieldValues>) => react_jsx_runtime11.JSX.Element;
+}: Props<TFieldValues>) => react_jsx_runtime9.JSX.Element;
 //#endregion
 export { TextField };
 //# sourceMappingURL=text-field.d.cts.map

package/dist/forms/text-field.d.ts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime11 from "react/jsx-runtime";
+import * as react_jsx_runtime10 from "react/jsx-runtime";
 import { FieldPath, FieldValues } from "react-hook-form";
 
 //#region packages/components/forms/text-field.d.ts
@@ -25,7 +25,7 @@ declare const TextField: <TFieldValues extends FieldValues = FieldValues>({
   description,
   className,
   onValueChange
-}: Props<TFieldValues>) => react_jsx_runtime11.JSX.Element;
+}: Props<TFieldValues>) => react_jsx_runtime10.JSX.Element;
 //#endregion
 export { TextField };
 //# sourceMappingURL=text-field.d.ts.map

package/dist/forms/textarea-field.d.cts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime12 from "react/jsx-runtime";
+import * as react_jsx_runtime5 from "react/jsx-runtime";
 import { FieldPath, FieldValues } from "react-hook-form";
 
 //#region packages/components/forms/textarea-field.d.ts
@@ -21,7 +21,7 @@ declare const TextareaField: <TFieldValues extends FieldValues = FieldValues>({
   description,
   rows,
   onValueChange
-}: Props<TFieldValues>) => react_jsx_runtime12.JSX.Element;
+}: Props<TFieldValues>) => react_jsx_runtime5.JSX.Element;
 //#endregion
 export { TextareaField };
 //# sourceMappingURL=textarea-field.d.cts.map

package/dist/forms/textarea-field.d.ts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime5 from "react/jsx-runtime";
+import * as react_jsx_runtime11 from "react/jsx-runtime";
 import { FieldPath, FieldValues } from "react-hook-form";
 
 //#region packages/components/forms/textarea-field.d.ts
@@ -21,7 +21,7 @@ declare const TextareaField: <TFieldValues extends FieldValues = FieldValues>({
   description,
   rows,
   onValueChange
-}: Props<TFieldValues>) => react_jsx_runtime5.JSX.Element;
+}: Props<TFieldValues>) => react_jsx_runtime11.JSX.Element;
 //#endregion
 export { TextareaField };
 //# sourceMappingURL=textarea-field.d.ts.map

package/dist/{input-EieQSty7.d.cts → input-Bxd1DBt6.d.cts}

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime133 from "react/jsx-runtime";
+import * as react_jsx_runtime158 from "react/jsx-runtime";
 
 //#region packages/components/ui/input.d.ts
 declare function Input({
@@ -8,7 +8,7 @@ declare function Input({
   ...props
 }: React.ComponentProps<'input'> & {
   onValueChange?: (value: string) => void;
-}): react_jsx_runtime133.JSX.Element;
+}): react_jsx_runtime158.JSX.Element;
 //#endregion
 export { Input };
-//# sourceMappingURL=input-EieQSty7.d.cts.map
+//# sourceMappingURL=input-Bxd1DBt6.d.cts.map

package/dist/{input-BbxBfHG5.d.ts → input-Dmh4Wn9f.d.ts}

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime144 from "react/jsx-runtime";
+import * as react_jsx_runtime165 from "react/jsx-runtime";
 
 //#region packages/components/ui/input.d.ts
 declare function Input({
@@ -8,7 +8,7 @@ declare function Input({
   ...props
 }: React.ComponentProps<'input'> & {
   onValueChange?: (value: string) => void;
-}): react_jsx_runtime144.JSX.Element;
+}): react_jsx_runtime165.JSX.Element;
 //#endregion
 export { Input };
-//# sourceMappingURL=input-BbxBfHG5.d.ts.map
+//# sourceMappingURL=input-Dmh4Wn9f.d.ts.map

package/dist/{label-Bfd7VFEe.d.cts → label-2SrK79Ib.d.ts}

@@ -1,11 +1,11 @@
-import * as react_jsx_runtime144 from "react/jsx-runtime";
+import * as react_jsx_runtime164 from "react/jsx-runtime";
 import { Label } from "radix-ui";
 
 //#region packages/components/ui/label.d.ts
 declare function Label$1({
   className,
   ...props
-}: React.ComponentProps<typeof Label.Root>): react_jsx_runtime144.JSX.Element;
+}: React.ComponentProps<typeof Label.Root>): react_jsx_runtime164.JSX.Element;
 //#endregion
 export { Label$1 as Label };
-//# sourceMappingURL=label-Bfd7VFEe.d.cts.map
+//# sourceMappingURL=label-2SrK79Ib.d.ts.map

package/dist/label-DTWNKTQu.d.cts

@@ -0,0 +1,11 @@
+import * as react_jsx_runtime200 from "react/jsx-runtime";
+import { Label } from "radix-ui";
+
+//#region packages/components/ui/label.d.ts
+declare function Label$1({
+  className,
+  ...props
+}: React.ComponentProps<typeof Label.Root>): react_jsx_runtime200.JSX.Element;
+//#endregion
+export { Label$1 as Label };
+//# sourceMappingURL=label-DTWNKTQu.d.cts.map

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

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

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

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

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

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