@customafk/lunas-ui 0.0.24 → 0.0.26

package/dist/dialogs/detail-dialog/component/sidebar.d.ts

@@ -1,11 +1,11 @@
-import { Button } from "../../../button-DLZoEj48.js";
-import { Input } from "../../../input-BEvwsdQj.js";
-import { Separator } from "../../../separator-CGHXMKzf.js";
-import { TooltipContent } from "../../../tooltip-DtXKnGdV.js";
+import { Button } from "../../../button-BmBtMriU.js";
+import { Input } from "../../../input-CjNcnHb_.js";
+import { Separator } from "../../../separator-5FdzRGaJ.js";
+import { TooltipContent } from "../../../tooltip-Djh_dcy5.js";
 import React from "react";
-import * as react_jsx_runtime181 from "react/jsx-runtime";
+import * as react_jsx_runtime236 from "react/jsx-runtime";
 import { VariantProps } from "class-variance-authority";
-import * as class_variance_authority_types5 from "class-variance-authority/types";
+import * as class_variance_authority_types6 from "class-variance-authority/types";
 
 //#region packages/components/dialogs/detail-dialog/component/sidebar.d.ts
 type SidebarContextProps = {
@@ -29,7 +29,7 @@ declare function SidebarProvider({
   defaultOpen?: boolean;
   open?: boolean;
   onOpenChange?: (open: boolean) => void;
-}): react_jsx_runtime181.JSX.Element;
+}): react_jsx_runtime236.JSX.Element;
 declare function Sidebar({
   side,
   variant,
@@ -41,74 +41,74 @@ declare function Sidebar({
   side?: 'left' | 'right';
   variant?: 'sidebar' | 'floating' | 'inset';
   collapsible?: 'offcanvas' | 'icon' | 'none';
-}): react_jsx_runtime181.JSX.Element;
+}): react_jsx_runtime236.JSX.Element;
 declare function SidebarTrigger({
   className,
   onClick,
   ...props
-}: React.ComponentProps<typeof Button>): react_jsx_runtime181.JSX.Element;
+}: React.ComponentProps<typeof Button>): react_jsx_runtime236.JSX.Element;
 declare function SidebarRail({
   className,
   ...props
-}: React.ComponentProps<'button'>): react_jsx_runtime181.JSX.Element;
+}: React.ComponentProps<'button'>): react_jsx_runtime236.JSX.Element;
 declare function SidebarInset({
   className,
   ...props
-}: React.ComponentProps<'main'>): react_jsx_runtime181.JSX.Element;
+}: React.ComponentProps<'main'>): react_jsx_runtime236.JSX.Element;
 declare function SidebarInput({
   className,
   ...props
-}: React.ComponentProps<typeof Input>): react_jsx_runtime181.JSX.Element;
+}: React.ComponentProps<typeof Input>): react_jsx_runtime236.JSX.Element;
 declare function SidebarHeader({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime181.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime236.JSX.Element;
 declare function SidebarFooter({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime181.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime236.JSX.Element;
 declare function SidebarSeparator({
   className,
   ...props
-}: React.ComponentProps<typeof Separator>): react_jsx_runtime181.JSX.Element;
+}: React.ComponentProps<typeof Separator>): react_jsx_runtime236.JSX.Element;
 declare function SidebarContent({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime181.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime236.JSX.Element;
 declare function SidebarGroup({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime181.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime236.JSX.Element;
 declare function SidebarGroupLabel({
   className,
   asChild,
   ...props
 }: React.ComponentProps<'div'> & {
   asChild?: boolean;
-}): react_jsx_runtime181.JSX.Element;
+}): react_jsx_runtime236.JSX.Element;
 declare function SidebarGroupAction({
   className,
   asChild,
   ...props
 }: React.ComponentProps<'button'> & {
   asChild?: boolean;
-}): react_jsx_runtime181.JSX.Element;
+}): react_jsx_runtime236.JSX.Element;
 declare function SidebarGroupContent({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime181.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime236.JSX.Element;
 declare function SidebarMenu({
   className,
   ...props
-}: React.ComponentProps<'ul'>): react_jsx_runtime181.JSX.Element;
+}: React.ComponentProps<'ul'>): react_jsx_runtime236.JSX.Element;
 declare function SidebarMenuItem({
   className,
   ...props
-}: React.ComponentProps<'li'>): react_jsx_runtime181.JSX.Element;
+}: React.ComponentProps<'li'>): react_jsx_runtime236.JSX.Element;
 declare const sidebarMenuButtonVariants: (props?: ({
   variant?: "default" | "outline" | null | undefined;
   size?: "sm" | "lg" | "default" | null | undefined;
-} & class_variance_authority_types5.ClassProp) | undefined) => string;
+} & class_variance_authority_types6.ClassProp) | undefined) => string;
 declare function SidebarMenuButton({
   asChild,
   isActive,
@@ -121,7 +121,7 @@ declare function SidebarMenuButton({
   asChild?: boolean;
   isActive?: boolean;
   tooltip?: string | React.ComponentProps<typeof TooltipContent>;
-} & VariantProps<typeof sidebarMenuButtonVariants>): react_jsx_runtime181.JSX.Element;
+} & VariantProps<typeof sidebarMenuButtonVariants>): react_jsx_runtime236.JSX.Element;
 declare function SidebarMenuAction({
   className,
   asChild,
@@ -130,26 +130,26 @@ declare function SidebarMenuAction({
 }: React.ComponentProps<'button'> & {
   asChild?: boolean;
   showOnHover?: boolean;
-}): react_jsx_runtime181.JSX.Element;
+}): react_jsx_runtime236.JSX.Element;
 declare function SidebarMenuBadge({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime181.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime236.JSX.Element;
 declare function SidebarMenuSkeleton({
   className,
   showIcon,
   ...props
 }: React.ComponentProps<'div'> & {
   showIcon?: boolean;
-}): react_jsx_runtime181.JSX.Element;
+}): react_jsx_runtime236.JSX.Element;
 declare function SidebarMenuSub({
   className,
   ...props
-}: React.ComponentProps<'ul'>): react_jsx_runtime181.JSX.Element;
+}: React.ComponentProps<'ul'>): react_jsx_runtime236.JSX.Element;
 declare function SidebarMenuSubItem({
   className,
   ...props
-}: React.ComponentProps<'li'>): react_jsx_runtime181.JSX.Element;
+}: React.ComponentProps<'li'>): react_jsx_runtime236.JSX.Element;
 declare function SidebarMenuSubButton({
   asChild,
   size,
@@ -160,7 +160,7 @@ declare function SidebarMenuSubButton({
   asChild?: boolean;
   size?: 'sm' | 'md';
   isActive?: boolean;
-}): react_jsx_runtime181.JSX.Element;
+}): react_jsx_runtime236.JSX.Element;
 //#endregion
 export { Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, useSidebar };
 //# sourceMappingURL=sidebar.d.ts.map

package/dist/dialogs/detail-dialog/component/sidebar.js

@@ -1 +1 @@
-"use client";import"../../../utils-D9AH0PUV.js";import"../../../tooltip-B8KdfOeT.js";import"../../../button-CnMfXTBU.js";import"../../../input--6vqz8UI.js";import"../../../separator-aLdI4FQe.js";import"../../../skeleton-sZeupFu_.js";import{Sidebar as e,SidebarContent as t,SidebarFooter as n,SidebarGroup as r,SidebarGroupAction as i,SidebarGroupContent as a,SidebarGroupLabel as o,SidebarHeader as s,SidebarInput as c,SidebarInset as l,SidebarMenu as u,SidebarMenuAction as d,SidebarMenuBadge as f,SidebarMenuButton as p,SidebarMenuItem as m,SidebarMenuSkeleton as h,SidebarMenuSub as g,SidebarMenuSubButton as _,SidebarMenuSubItem as v,SidebarProvider as y,SidebarRail as b,SidebarSeparator as x,SidebarTrigger as S,useSidebar as C}from"../../../sidebar-BR_UWLC5.js";export{e as Sidebar,t as SidebarContent,n as SidebarFooter,r as SidebarGroup,i as SidebarGroupAction,a as SidebarGroupContent,o as SidebarGroupLabel,s as SidebarHeader,c as SidebarInput,l as SidebarInset,u as SidebarMenu,d as SidebarMenuAction,f as SidebarMenuBadge,p as SidebarMenuButton,m as SidebarMenuItem,h as SidebarMenuSkeleton,g as SidebarMenuSub,_ as SidebarMenuSubButton,v as SidebarMenuSubItem,y as SidebarProvider,b as SidebarRail,x as SidebarSeparator,S as SidebarTrigger,C as useSidebar};
+"use client";import"../../../utils-D9AH0PUV.js";import"../../../tooltip-B8KdfOeT.js";import"../../../button-CnMfXTBU.js";import"../../../input--6vqz8UI.js";import"../../../separator-aLdI4FQe.js";import"../../../skeleton-sZeupFu_.js";import{Sidebar as e,SidebarContent as t,SidebarFooter as n,SidebarGroup as r,SidebarGroupAction as i,SidebarGroupContent as a,SidebarGroupLabel as o,SidebarHeader as s,SidebarInput as c,SidebarInset as l,SidebarMenu as u,SidebarMenuAction as d,SidebarMenuBadge as f,SidebarMenuButton as p,SidebarMenuItem as m,SidebarMenuSkeleton as h,SidebarMenuSub as g,SidebarMenuSubButton as _,SidebarMenuSubItem as v,SidebarProvider as y,SidebarRail as b,SidebarSeparator as x,SidebarTrigger as S,useSidebar as C}from"../../../sidebar-BDDG3PeD.js";export{e as Sidebar,t as SidebarContent,n as SidebarFooter,r as SidebarGroup,i as SidebarGroupAction,a as SidebarGroupContent,o as SidebarGroupLabel,s as SidebarHeader,c as SidebarInput,l as SidebarInset,u as SidebarMenu,d as SidebarMenuAction,f as SidebarMenuBadge,p as SidebarMenuButton,m as SidebarMenuItem,h as SidebarMenuSkeleton,g as SidebarMenuSub,_ as SidebarMenuSubButton,v as SidebarMenuSubItem,y as SidebarProvider,b as SidebarRail,x as SidebarSeparator,S as SidebarTrigger,C as useSidebar};

package/dist/dialogs/detail-dialog/index.cjs

@@ -1,2 +1,2 @@
-const e=require(`../../chunk-CUT6urMc.cjs`);require(`../../utils-BsjVK5EW.cjs`);const t=require(`../../flex-CNA_SId-.cjs`),n=require(`../../date-nd8WkPlx.cjs`);require(`../../tooltip-DLnAwybV.cjs`),require(`../../button-BSGNpclh.cjs`);const r=require(`../../dialog-_Cgij9NP.cjs`);require(`../../input-VZiryzkl.cjs`);const i=require(`../../title-6Uosk2b4.cjs`);require(`../../separator-Cigaqna1.cjs`),require(`../../skeleton-C-9PuX3p.cjs`);const a=require(`../../sidebar-C2FH-tzm.cjs`),o=e.__toESM(require(`react/jsx-runtime`)),s=e.__toESM(require(`lucide-react`)),c=()=>(0,o.jsxs)(r.DialogHeader,{className:`sr-only`,children:[(0,o.jsx)(r.DialogTitle,{className:`sr-only`}),(0,o.jsx)(r.DialogDescription,{className:`sr-only`})]}),l=({children:e})=>(0,o.jsx)(`main`,{className:`relative flex h-full flex-1 flex-col`,children:(0,o.jsx)(`div`,{className:`absolute inset-0 flex size-full flex-col`,children:e})}),u=({title:e,createdAt:r})=>(0,o.jsxs)(`header`,{className:`border-border-weak relative flex items-start gap-x-2.5 border-b px-2 py-2.5`,children:[(0,o.jsx)(a.SidebarTrigger,{}),(0,o.jsxs)(t.Flex,{vertical:!0,align:`start`,padding:`none`,className:`flex-1`,children:[(0,o.jsx)(i.Title,{level:5,children:e||`Detail Dialog`}),(0,o.jsxs)(t.Flex,{padding:`none`,className:`text-muted-foreground`,children:[(0,o.jsx)(s.CalendarIcon,{size:12}),!!r&&(0,o.jsx)(n.DateDisplay,{showTime:!0,showHoliday:!0,date:r,format:`full`})]})]})]}),d=({children:e})=>(0,o.jsx)(r.DialogContent,{className:`relative h-full max-h-[90svh] overflow-hidden rounded-lg border-none p-0 sm:max-w-[calc(100svw-2rem)]`,onInteractOutside:e=>{e.preventDefault(),e.stopPropagation()},children:e}),f=({title:e,sidebarFooter:t,children:n})=>(0,o.jsxs)(a.Sidebar,{collapsible:`icon`,className:`border-border-weak hidden border-r md:flex`,children:[(0,o.jsx)(a.SidebarHeader,{children:(0,o.jsx)(a.SidebarMenu,{children:(0,o.jsx)(a.SidebarMenuItem,{children:(0,o.jsxs)(a.SidebarMenuButton,{size:`lg`,tabIndex:-1,children:[(0,o.jsx)(`div`,{className:`bg-sidebar-primary text-sidebar-primary-foreground flex aspect-square size-8 items-center justify-center rounded-lg`,children:(0,o.jsx)(s.CatIcon,{size:16})}),(0,o.jsxs)(`div`,{className:`grid flex-1 text-left text-sm leading-tight`,children:[(0,o.jsx)(`span`,{className:`truncate font-medium`,children:e||`Detail Dialog`}),(0,o.jsx)(`span`,{className:`truncate text-xs`,children:`Lunas Enterprise`})]})]})})})}),(0,o.jsx)(a.SidebarContent,{children:(0,o.jsx)(a.SidebarGroup,{children:n})}),t&&(0,o.jsx)(a.SidebarFooter,{children:t})]}),p=({open:e,isLoading:n=!1,sidebarTitle:i,sidebar:s,sidebarFooter:p,title:m,createdAt:h,onOpenChange:g,children:_})=>(0,o.jsx)(r.Dialog,{open:e,onOpenChange:g,children:(0,o.jsxs)(d,{children:[(0,o.jsx)(c,{}),(0,o.jsxs)(a.SidebarProvider,{className:`h-full min-h-[85svh] items-start`,children:[(0,o.jsx)(f,{title:i,sidebarFooter:p,children:s}),(0,o.jsxs)(l,{children:[(0,o.jsx)(u,{title:m,createdAt:h}),n?(0,o.jsx)(t.Flex,{justify:`center`,className:`bg-muted-muted/20 size-full`,children:(0,o.jsx)(`div`,{className:`loader`})}):(0,o.jsx)(`section`,{className:`bg-muted-muted/20 relative flex-1 overflow-y-auto inset-shadow-sm`,children:_})]})]})]})});exports.DetailDialog=p;
+const e=require(`../../chunk-CUT6urMc.cjs`);require(`../../utils-BsjVK5EW.cjs`);const t=require(`../../flex-CNA_SId-.cjs`),n=require(`../../date-nd8WkPlx.cjs`);require(`../../tooltip-DLnAwybV.cjs`),require(`../../button-BSGNpclh.cjs`);const r=require(`../../dialog-_Cgij9NP.cjs`);require(`../../input-VZiryzkl.cjs`);const i=require(`../../title-6Uosk2b4.cjs`);require(`../../separator-Cigaqna1.cjs`),require(`../../skeleton-C-9PuX3p.cjs`);const a=require(`../../sidebar-BbcOcECD.cjs`),o=e.__toESM(require(`react/jsx-runtime`)),s=e.__toESM(require(`lucide-react`)),c=()=>(0,o.jsxs)(r.DialogHeader,{className:`sr-only`,children:[(0,o.jsx)(r.DialogTitle,{className:`sr-only`}),(0,o.jsx)(r.DialogDescription,{className:`sr-only`})]}),l=({children:e})=>(0,o.jsx)(`main`,{className:`relative flex h-full flex-1 flex-col`,children:(0,o.jsx)(`div`,{className:`absolute inset-0 flex size-full flex-col`,children:e})}),u=({title:e,createdAt:r})=>(0,o.jsxs)(`header`,{className:`border-border-weak relative flex items-start gap-x-2.5 border-b px-2 py-2.5`,children:[(0,o.jsx)(a.SidebarTrigger,{}),(0,o.jsxs)(t.Flex,{vertical:!0,align:`start`,padding:`none`,className:`flex-1`,children:[(0,o.jsx)(i.Title,{level:5,children:e||`Detail Dialog`}),(0,o.jsxs)(t.Flex,{padding:`none`,className:`text-muted-foreground`,children:[(0,o.jsx)(s.CalendarIcon,{size:12}),!!r&&(0,o.jsx)(n.DateDisplay,{showTime:!0,showHoliday:!0,date:r,format:`full`})]})]})]}),d=({children:e})=>(0,o.jsx)(r.DialogContent,{className:`relative h-full max-h-[90svh] overflow-hidden rounded-lg border-none p-0 sm:max-w-[calc(100svw-2rem)]`,onInteractOutside:e=>{e.preventDefault(),e.stopPropagation()},children:e}),f=({title:e,sidebarFooter:t,children:n})=>(0,o.jsxs)(a.Sidebar,{collapsible:`icon`,className:`border-border-weak hidden border-r md:flex`,children:[(0,o.jsx)(a.SidebarHeader,{children:(0,o.jsx)(a.SidebarMenu,{children:(0,o.jsx)(a.SidebarMenuItem,{children:(0,o.jsxs)(a.SidebarMenuButton,{size:`lg`,tabIndex:-1,children:[(0,o.jsx)(`div`,{className:`bg-sidebar-primary text-sidebar-primary-foreground flex aspect-square size-8 items-center justify-center rounded-lg`,children:(0,o.jsx)(s.CatIcon,{size:16})}),(0,o.jsxs)(`div`,{className:`grid flex-1 text-left text-sm leading-tight`,children:[(0,o.jsx)(`span`,{className:`truncate font-medium`,children:e||`Detail Dialog`}),(0,o.jsx)(`span`,{className:`truncate text-xs`,children:`Lunas Enterprise`})]})]})})})}),(0,o.jsx)(a.SidebarContent,{children:(0,o.jsx)(a.SidebarGroup,{children:n})}),t&&(0,o.jsx)(a.SidebarFooter,{children:t})]}),p=({open:e,isLoading:n=!1,sidebarTitle:i,sidebar:s,sidebarFooter:p,title:m,createdAt:h,onOpenChange:g,children:_})=>(0,o.jsx)(r.Dialog,{open:e,onOpenChange:g,children:(0,o.jsxs)(d,{children:[(0,o.jsx)(c,{}),(0,o.jsxs)(a.SidebarProvider,{className:`h-full min-h-[85svh] items-start`,children:[(0,o.jsx)(f,{title:i,sidebarFooter:p,children:s}),(0,o.jsxs)(l,{children:[(0,o.jsx)(u,{title:m,createdAt:h}),n?(0,o.jsx)(t.Flex,{justify:`center`,className:`bg-muted-muted/20 size-full`,children:(0,o.jsx)(`div`,{className:`loader`})}):(0,o.jsx)(`section`,{className:`bg-muted-muted/20 relative flex-1 overflow-y-auto inset-shadow-sm`,children:_})]})]})]})});exports.DetailDialog=p;
 //# sourceMappingURL=index.cjs.map

package/dist/dialogs/detail-dialog/index.js

@@ -1,2 +1,2 @@
-import"../../utils-D9AH0PUV.js";import{Flex as e}from"../../flex-ILvQrYMJ.js";import{DateDisplay as t}from"../../date-BMq_DNsv.js";import"../../tooltip-B8KdfOeT.js";import"../../button-CnMfXTBU.js";import{Dialog as n,DialogContent as r,DialogDescription as i,DialogHeader as a,DialogTitle as o}from"../../dialog-CSDDiHKO.js";import"../../input--6vqz8UI.js";import{Title as s}from"../../title-CxIwADiB.js";import"../../separator-aLdI4FQe.js";import"../../skeleton-sZeupFu_.js";import{Sidebar as c,SidebarContent as l,SidebarFooter as u,SidebarGroup as d,SidebarHeader as f,SidebarMenu as p,SidebarMenuButton as m,SidebarMenuItem as h,SidebarProvider as g,SidebarTrigger as _}from"../../sidebar-BR_UWLC5.js";import{jsx as v,jsxs as y}from"react/jsx-runtime";import{CalendarIcon as b,CatIcon as x}from"lucide-react";const S=()=>y(a,{className:`sr-only`,children:[v(o,{className:`sr-only`}),v(i,{className:`sr-only`})]}),C=({children:e})=>v(`main`,{className:`relative flex h-full flex-1 flex-col`,children:v(`div`,{className:`absolute inset-0 flex size-full flex-col`,children:e})}),w=({title:n,createdAt:r})=>y(`header`,{className:`border-border-weak relative flex items-start gap-x-2.5 border-b px-2 py-2.5`,children:[v(_,{}),y(e,{vertical:!0,align:`start`,padding:`none`,className:`flex-1`,children:[v(s,{level:5,children:n||`Detail Dialog`}),y(e,{padding:`none`,className:`text-muted-foreground`,children:[v(b,{size:12}),!!r&&v(t,{showTime:!0,showHoliday:!0,date:r,format:`full`})]})]})]}),T=({children:e})=>v(r,{className:`relative h-full max-h-[90svh] overflow-hidden rounded-lg border-none p-0 sm:max-w-[calc(100svw-2rem)]`,onInteractOutside:e=>{e.preventDefault(),e.stopPropagation()},children:e}),E=({title:e,sidebarFooter:t,children:n})=>y(c,{collapsible:`icon`,className:`border-border-weak hidden border-r md:flex`,children:[v(f,{children:v(p,{children:v(h,{children:y(m,{size:`lg`,tabIndex:-1,children:[v(`div`,{className:`bg-sidebar-primary text-sidebar-primary-foreground flex aspect-square size-8 items-center justify-center rounded-lg`,children:v(x,{size:16})}),y(`div`,{className:`grid flex-1 text-left text-sm leading-tight`,children:[v(`span`,{className:`truncate font-medium`,children:e||`Detail Dialog`}),v(`span`,{className:`truncate text-xs`,children:`Lunas Enterprise`})]})]})})})}),v(l,{children:v(d,{children:n})}),t&&v(u,{children:t})]}),D=({open:t,isLoading:r=!1,sidebarTitle:i,sidebar:a,sidebarFooter:o,title:s,createdAt:c,onOpenChange:l,children:u})=>v(n,{open:t,onOpenChange:l,children:y(T,{children:[v(S,{}),y(g,{className:`h-full min-h-[85svh] items-start`,children:[v(E,{title:i,sidebarFooter:o,children:a}),y(C,{children:[v(w,{title:s,createdAt:c}),r?v(e,{justify:`center`,className:`bg-muted-muted/20 size-full`,children:v(`div`,{className:`loader`})}):v(`section`,{className:`bg-muted-muted/20 relative flex-1 overflow-y-auto inset-shadow-sm`,children:u})]})]})]})});export{D as DetailDialog};
+import"../../utils-D9AH0PUV.js";import{Flex as e}from"../../flex-ILvQrYMJ.js";import{DateDisplay as t}from"../../date-BMq_DNsv.js";import"../../tooltip-B8KdfOeT.js";import"../../button-CnMfXTBU.js";import{Dialog as n,DialogContent as r,DialogDescription as i,DialogHeader as a,DialogTitle as o}from"../../dialog-CSDDiHKO.js";import"../../input--6vqz8UI.js";import{Title as s}from"../../title-CxIwADiB.js";import"../../separator-aLdI4FQe.js";import"../../skeleton-sZeupFu_.js";import{Sidebar as c,SidebarContent as l,SidebarFooter as u,SidebarGroup as d,SidebarHeader as f,SidebarMenu as p,SidebarMenuButton as m,SidebarMenuItem as h,SidebarProvider as g,SidebarTrigger as _}from"../../sidebar-BDDG3PeD.js";import{jsx as v,jsxs as y}from"react/jsx-runtime";import{CalendarIcon as b,CatIcon as x}from"lucide-react";const S=()=>y(a,{className:`sr-only`,children:[v(o,{className:`sr-only`}),v(i,{className:`sr-only`})]}),C=({children:e})=>v(`main`,{className:`relative flex h-full flex-1 flex-col`,children:v(`div`,{className:`absolute inset-0 flex size-full flex-col`,children:e})}),w=({title:n,createdAt:r})=>y(`header`,{className:`border-border-weak relative flex items-start gap-x-2.5 border-b px-2 py-2.5`,children:[v(_,{}),y(e,{vertical:!0,align:`start`,padding:`none`,className:`flex-1`,children:[v(s,{level:5,children:n||`Detail Dialog`}),y(e,{padding:`none`,className:`text-muted-foreground`,children:[v(b,{size:12}),!!r&&v(t,{showTime:!0,showHoliday:!0,date:r,format:`full`})]})]})]}),T=({children:e})=>v(r,{className:`relative h-full max-h-[90svh] overflow-hidden rounded-lg border-none p-0 sm:max-w-[calc(100svw-2rem)]`,onInteractOutside:e=>{e.preventDefault(),e.stopPropagation()},children:e}),E=({title:e,sidebarFooter:t,children:n})=>y(c,{collapsible:`icon`,className:`border-border-weak hidden border-r md:flex`,children:[v(f,{children:v(p,{children:v(h,{children:y(m,{size:`lg`,tabIndex:-1,children:[v(`div`,{className:`bg-sidebar-primary text-sidebar-primary-foreground flex aspect-square size-8 items-center justify-center rounded-lg`,children:v(x,{size:16})}),y(`div`,{className:`grid flex-1 text-left text-sm leading-tight`,children:[v(`span`,{className:`truncate font-medium`,children:e||`Detail Dialog`}),v(`span`,{className:`truncate text-xs`,children:`Lunas Enterprise`})]})]})})})}),v(l,{children:v(d,{children:n})}),t&&v(u,{children:t})]}),D=({open:t,isLoading:r=!1,sidebarTitle:i,sidebar:a,sidebarFooter:o,title:s,createdAt:c,onOpenChange:l,children:u})=>v(n,{open:t,onOpenChange:l,children:y(T,{children:[v(S,{}),y(g,{className:`h-full min-h-[85svh] items-start`,children:[v(E,{title:i,sidebarFooter:o,children:a}),y(C,{children:[v(w,{title:s,createdAt:c}),r?v(e,{justify:`center`,className:`bg-muted-muted/20 size-full`,children:v(`div`,{className:`loader`})}):v(`section`,{className:`bg-muted-muted/20 relative flex-1 overflow-y-auto inset-shadow-sm`,children:u})]})]})]})});export{D as DetailDialog};
 //# sourceMappingURL=index.js.map

package/dist/dialogs/form-dialog.d.cts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime4 from "react/jsx-runtime";
+import * as react_jsx_runtime54 from "react/jsx-runtime";
 import { FieldValues, FormState, SubmitErrorHandler, UseFormProps } from "react-hook-form";
 
 //#region packages/components/dialogs/form-dialog.d.ts
@@ -30,7 +30,7 @@ declare const FormDialog: <TFieldValues extends FieldValues = FieldValues>({
   onError,
   onReset,
   children
-}: React.PropsWithChildren<Props<TFieldValues>>) => react_jsx_runtime4.JSX.Element;
+}: React.PropsWithChildren<Props<TFieldValues>>) => react_jsx_runtime54.JSX.Element;
 //#endregion
 export { FormDialog };
 //# sourceMappingURL=form-dialog.d.cts.map

package/dist/dialogs/form-dialog.d.ts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as react_jsx_runtime3 from "react/jsx-runtime";
 import { FieldValues, FormState, SubmitErrorHandler, UseFormProps } from "react-hook-form";
 
 //#region packages/components/dialogs/form-dialog.d.ts
@@ -30,7 +30,7 @@ declare const FormDialog: <TFieldValues extends FieldValues = FieldValues>({
   onError,
   onReset,
   children
-}: React.PropsWithChildren<Props<TFieldValues>>) => react_jsx_runtime0.JSX.Element;
+}: React.PropsWithChildren<Props<TFieldValues>>) => react_jsx_runtime3.JSX.Element;
 //#endregion
 export { FormDialog };
 //# sourceMappingURL=form-dialog.d.ts.map

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

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

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

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

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

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

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

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

package/dist/forms/form-wrapper.d.cts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime11 from "react/jsx-runtime";
+import * as react_jsx_runtime56 from "react/jsx-runtime";
 import React from "react";
 import { FieldValues, FormState, SubmitErrorHandler, UseFormProps } from "react-hook-form";
 
@@ -19,7 +19,7 @@ declare const FormWrapper: <TFieldValues extends FieldValues = FieldValues>({
   onError,
   onSubcribe,
   children
-}: React.PropsWithChildren<Props<TFieldValues>>) => react_jsx_runtime11.JSX.Element;
+}: React.PropsWithChildren<Props<TFieldValues>>) => react_jsx_runtime56.JSX.Element;
 //#endregion
 export { FormWrapper };
 //# sourceMappingURL=form-wrapper.d.cts.map

package/dist/forms/form-wrapper.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import * as react_jsx_runtime6 from "react/jsx-runtime";
+import * as react_jsx_runtime109 from "react/jsx-runtime";
 import { FieldValues, FormState, SubmitErrorHandler, UseFormProps } from "react-hook-form";
 
 //#region packages/components/forms/form-wrapper.d.ts
@@ -19,7 +19,7 @@ declare const FormWrapper: <TFieldValues extends FieldValues = FieldValues>({
   onError,
   onSubcribe,
   children
-}: React.PropsWithChildren<Props<TFieldValues>>) => react_jsx_runtime6.JSX.Element;
+}: React.PropsWithChildren<Props<TFieldValues>>) => react_jsx_runtime109.JSX.Element;
 //#endregion
 export { FormWrapper };
 //# sourceMappingURL=form-wrapper.d.ts.map

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime3 from "react/jsx-runtime";
+import * as react_jsx_runtime69 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_runtime3.JSX.Element;
+}: Props<TFieldValues>) => react_jsx_runtime69.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_runtime7 from "react/jsx-runtime";
+import * as react_jsx_runtime4 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_runtime7.JSX.Element;
+}: Props<TFieldValues>) => react_jsx_runtime4.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_runtime6 from "react/jsx-runtime";
+import * as react_jsx_runtime43 from "react/jsx-runtime";
 import { FieldPath, FieldValues } from "react-hook-form";
 
 //#region packages/components/forms/switch-field.d.ts
@@ -13,7 +13,7 @@ declare const SwitchField: <TFieldValues extends FieldValues = FieldValues>({
   label,
   description,
   isShowErrorMsg
-}: Props<TFieldValues>) => react_jsx_runtime6.JSX.Element;
+}: Props<TFieldValues>) => react_jsx_runtime43.JSX.Element;
 //#endregion
 export { SwitchField };
 //# sourceMappingURL=switch-field.d.cts.map

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

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

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

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as react_jsx_runtime17 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_runtime0.JSX.Element;
+}: Props<TFieldValues>) => react_jsx_runtime17.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_runtime13 from "react/jsx-runtime";
+import * as react_jsx_runtime34 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_runtime13.JSX.Element;
+}: Props<TFieldValues>) => react_jsx_runtime34.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_runtime10 from "react/jsx-runtime";
+import * as react_jsx_runtime29 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_runtime10.JSX.Element;
+}: Props<TFieldValues>) => react_jsx_runtime29.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_runtime36 from "react/jsx-runtime";
+import * as react_jsx_runtime7 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_runtime36.JSX.Element;
+}: Props<TFieldValues>) => react_jsx_runtime7.JSX.Element;
 //#endregion
 export { TextareaField };
 //# sourceMappingURL=textarea-field.d.ts.map

package/dist/{input-Lfbw3nE_.d.cts → input-BsXm0_Iq.d.cts}

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

package/dist/{input-BEvwsdQj.d.ts → input-CjNcnHb_.d.ts}

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

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

@@ -0,0 +1,2 @@
+const e=require(`../../chunk-CUT6urMc.cjs`),t=require(`../../utils-BsjVK5EW.cjs`),n=require(`../../tooltip-DLnAwybV.cjs`),r=require(`../../button-BSGNpclh.cjs`);require(`../../separator-Cigaqna1.cjs`);const i=require(`../../sheet-CX3PajAc.cjs`);require(`../../skeleton-C-9PuX3p.cjs`);const a=require(`../../use-mobile-DD7ESbjU.cjs`),o=e.__toESM(require(`react`)),s=e.__toESM(require(`react/jsx-runtime`)),c=e.__toESM(require(`class-variance-authority`)),l=e.__toESM(require(`radix-ui`)),u=e.__toESM(require(`lucide-react`)),d=`sidebar_state`,f=3600*24*7,p=`16rem`,m=`18rem`,h=`3rem`,g=`b`,_=o.default.createContext(null);function v(){let e=o.default.useContext(_);if(!e)throw Error(`useSidebar must be used within a SidebarProvider.`);return e}function y({defaultOpen:e=!0,open:r,onOpenChange:i,className:c,style:l,children:u,...d}){let f=a.useIsMobile(),[p,m]=o.default.useState(!1),[h,g]=o.default.useState(e),v=r??h,y=o.default.useCallback(e=>{let t=typeof e==`function`?e(v):e;i?i(t):g(t),document.cookie=`sidebar_state=${t}; path=/; max-age=604800`},[i,v]),b=o.default.useCallback(()=>f?m(e=>!e):y(e=>!e),[f,y,m]);o.default.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=o.default.useMemo(()=>({state:x,isMobile:f,toggleSidebar:b,open:v,setOpen:y,openMobile:p,setOpenMobile:m}),[x,v,y,f,p,m,b]);return(0,s.jsx)(_.Provider,{value:S,children:(0,s.jsx)(n.TooltipProvider,{delayDuration:0,children:(0,s.jsx)(`div`,{"data-slot":`sidebar-wrapper`,style:{"--sidebar-width":`16rem`,"--sidebar-width-icon":`3rem`,...l},className:t.cn(`group/sidebar-wrapper`,`has-data-[variant=inset]:bg-sidebar`,`flex h-svh w-full`,c),...d,children:u})})})}function b({side:e=`left`,variant:n=`sidebar`,collapsible:r=`offcanvas`,className:a,children:o,...c}){let{isMobile:l,state:u,openMobile:d,setOpenMobile:f}=v();return r===`none`?(0,s.jsx)(`aside`,{"data-slot":`sidebar`,className:t.cn(`bg-sidebar`,`text-sidebar-foreground`,`flex h-full w-(--sidebar-width) flex-col`,a),...c,children:o}):l?(0,s.jsx)(i.Sheet,{open:d,onOpenChange:f,...c,children:(0,s.jsxs)(i.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":`18rem`},side:e,children:[(0,s.jsxs)(i.SheetHeader,{className:`sr-only`,children:[(0,s.jsx)(i.SheetTitle,{children:`Sidebar`}),(0,s.jsx)(i.SheetDescription,{children:`Displays the mobile sidebar.`})]}),(0,s.jsx)(`div`,{className:`flex h-full w-full flex-col`,children:o})]})}):(0,s.jsxs)(`aside`,{className:`group peer text-sidebar-foreground bg-card hidden md:block`,"data-state":u,"data-collapsible":u===`collapsed`?r:``,"data-variant":n,"data-side":e,"data-slot":`sidebar`,children:[(0,s.jsx)(`div`,{"data-slot":`sidebar-gap`,className:t.cn(`relative`,`bg-transparent`,`transition-[width] duration-200 ease-linear`,`h-14 w-(--sidebar-width)`,`group-data-[collapsible=offcanvas]:w-0`,`group-data-[side=right]:rotate-180`,n===`floating`||n===`inset`?`group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4)))]`:`group-data-[collapsible=icon]:w-(--sidebar-width-icon)`)}),(0,s.jsx)(`div`,{"data-slot":`sidebar-container`,className:t.cn(`hidden md:flex`,`shadow-nav fixed inset-y-0 top-14 z-10`,`h-[calc(100svh-3.5rem)] w-(--sidebar-width)`,`transition-[left,right,width] duration-200 ease-linear`,e===`left`&&`left-0 group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)]`,e===`right`&&`right-0 group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)]`,n===`floating`||n===`inset`?`p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4)))]`:`group-data-[collapsible=icon]:w-(--sidebar-width-icon) group-data-[side=left]:border-r group-data-[side=right]:border-l`,a),...c,children:(0,s.jsx)(`div`,{"data-sidebar":`sidebar`,"data-slot":`sidebar-inner`,className:t.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:o})})]})}function x({className:e,onClick:n,...i}){let{toggleSidebar:a}=v();return(0,s.jsxs)(r.Button,{"data-sidebar":`trigger`,"data-slot":`sidebar-trigger`,variant:`ghost`,color:`muted`,size:`icon`,className:t.cn(`size-10 rounded-full`,e),onClick:e=>{n?.(e),a()},...i,children:[(0,s.jsx)(u.MenuIcon,{className:`!size-6`}),(0,s.jsx)(`span`,{className:`sr-only`,children:`Toggle Sidebar`})]})}function S({className:e,children:n,...r}){return(0,s.jsxs)(`main`,{"data-slot":`sidebar-inset`,className:t.cn(`w-full`,`relative`,`flex flex-1 flex-col`,e),...r,children:[(0,s.jsx)(`div`,{className:`h-14 w-full`}),(0,s.jsx)(`div`,{className:t.cn(`flex-1 inset-shadow-sm`),children:n})]})}const C=(0,c.cva)([`peer/menu-button`,`cursor-pointer`,`flex w-full items-center gap-2`,`overflow-hidden rounded-md p-2 text-left text-sm outline-hidden`,`ring-sidebar-ring transition-[width,height,padding]`,`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`,`group-has-data-[sidebar=menu-action]/menu-item:pr-8`,`aria-disabled:pointer-events-none`,`aria-disabled:opacity-50`,`data-[active=true]:bg-sidebar-accent`,`data-[active=true]:font-medium`,`data-[active=true]:text-sidebar-accent-foreground`,`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!`,`[&>span:last-child]:truncate`,`[&>svg]:size-4`,`[&>svg]:shrink-0`],{variants:{variant:{default:`hover:bg-sidebar-accent hover:text-sidebar-accent-foreground`,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`}}),w=({children:e})=>(0,s.jsx)(y,{children:e}),T=({children:e})=>(0,s.jsxs)(`header`,{className:t.cn(`bg-card`,`h-(--header-height)`,`absolute inset-x-0 top-0 z-20`,`shadow-nav flex items-center gap-2`,`transition-[width,height] ease-linear`,`group-has-data-[collapsible=icon]/sidebar-wrapper:h-(--header-height)`,`px-4`),children:[(0,s.jsx)(x,{}),(0,s.jsxs)(`div`,{className:`ml-2.5 flex gap-x-2`,children:[(0,s.jsx)(`div`,{className:`bg-sidebar-primary text-sidebar-primary-foreground flex aspect-square size-8 items-center justify-center rounded-lg`,children:(0,s.jsx)(u.ShoppingCartIcon,{size:20})}),(0,s.jsxs)(`div`,{className:`grid flex-1 text-left text-sm leading-tight`,children:[(0,s.jsx)(`span`,{className:`truncate font-medium`,children:`Lunas Store`}),(0,s.jsx)(`span`,{className:`truncate text-xs`,children:`Established 2023`})]})]}),(0,s.jsx)(`div`,{className:`flex flex-1 items-center justify-end`,children:e})]}),E=({children:e,...t})=>(0,s.jsx)(b,{variant:`inset`,collapsible:`icon`,...t,children:e}),D=({children:e})=>(0,s.jsx)(S,{children:(0,s.jsx)(`section`,{className:`relative size-full`,children:(0,s.jsx)(`div`,{className:`absolute inset-0`,children:e})})}),O=({children:e,className:n})=>(0,s.jsx)(`div`,{"data-slot":`main-group`,className:t.cn(`flex size-full flex-col gap-4 overflow-y-auto p-4`,n),children:e}),k=({children:e})=>(0,s.jsx)(`div`,{"data-slot":`main-group-content`,className:`bg-card shadow-card size-full rounded-md p-4`,children:e});exports.AppLayoutHeader=T,exports.AppLayoutMain=D,exports.AppLayoutMainGroup=O,exports.AppLayoutMainGroupContent=k,exports.AppLayoutSidebar=E,exports.AppLayoutWrapper=w;
+//# sourceMappingURL=index.cjs.map