@customafk/lunas-ui 0.1.3 → 0.1.5

package/dist/dialog-BZSD5ydg.cjs

@@ -1,2 +0,0 @@
-const e=require(`./chunk-Bmb41Sf3.cjs`);let t=require(`lucide-react`),n=require(`@customafk/react-toolkit/utils`),r=require(`react/jsx-runtime`),i=require(`radix-ui`);const a=({className:e,...i})=>(0,r.jsx)(`button`,{className:(0,n.cn)(`flex cursor-pointer items-center justify-center rounded-[100px] p-2 text-text-positive-weak transition-colors hover:bg-muted-muted hover:text-text-positive active:bg-muted-weak active:text-text-positive-strong disabled:pointer-events-none disabled:opacity-60`,e),...i,children:(0,r.jsx)(t.XIcon,{size:24})});function o({...e}){return(0,r.jsx)(i.Dialog.Root,{"data-slot":`dialog`,...e})}function s({...e}){return(0,r.jsx)(i.Dialog.Trigger,{"data-slot":`dialog-trigger`,...e})}function c({...e}){return(0,r.jsx)(i.Dialog.Portal,{"data-slot":`dialog-portal`,...e})}function l({...e}){return(0,r.jsx)(i.Dialog.Close,{"data-slot":`dialog-close`,...e})}function u({className:e,...t}){return(0,r.jsx)(i.Dialog.Overlay,{"data-slot":`dialog-overlay`,className:(0,n.cn)(`fixed inset-0 z-50 bg-black/50`,`data-[state=open]:animate-in`,`data-[state=open]:fade-in-0`,`data-[state=closed]:animate-out`,`data-[state=closed]:fade-out-0`,e),...t})}function d({className:e,children:t,showCloseButton:o=!0,...s}){return(0,r.jsxs)(c,{"data-slot":`dialog-portal`,children:[(0,r.jsx)(u,{}),(0,r.jsx)(`div`,{className:`fixed inset-0 z-50 flex items-center justify-center`,children:(0,r.jsxs)(i.Dialog.Content,{"data-slot":`dialog-content`,className:(0,n.cn)(`relative z-50 grid bg-background`,`gap-4 p-6 shadow-dialog outline-none`,`max-h-[85dvh] w-full max-w-[calc(100%-2rem)] sm:max-w-lg`,`rounded-2xl duration-200`,`data-[state=open]:animate-in`,`data-[state=open]:fade-in-0`,`data-[state=open]:zoom-in-80`,`data-[state=closed]:animate-out`,`data-[state=closed]:fade-out-0`,`data-[state=closed]:zoom-out-80`,e),...s,children:[t,o&&(0,r.jsx)(i.Dialog.Close,{"data-slot":`dialog-close`,tabIndex:-1,asChild:!0,className:`absolute top-3 right-3`,children:(0,r.jsx)(a,{})})]})})]})}function f({className:e,...t}){return(0,r.jsx)(`div`,{"data-slot":`dialog-header`,className:(0,n.cn)(`flex flex-col gap-2 text-center sm:text-left`,e),...t})}function p({className:e,...t}){return(0,r.jsx)(`div`,{"data-slot":`dialog-footer`,className:(0,n.cn)(`flex flex-col-reverse gap-2 sm:flex-row sm:justify-end`,e),...t})}function m({className:e,...t}){return(0,r.jsx)(i.Dialog.Title,{"data-slot":`dialog-title`,className:(0,n.cn)(`font-semibold text-lg text-text-positive-strong leading-none`,e),...t})}function h({className:e,...t}){return(0,r.jsx)(i.Dialog.Description,{"data-slot":`dialog-description`,className:(0,n.cn)(`text-sm text-text-positive-weak`,e),...t})}Object.defineProperty(exports,`a`,{enumerable:!0,get:function(){return p}}),Object.defineProperty(exports,`c`,{enumerable:!0,get:function(){return c}}),Object.defineProperty(exports,`i`,{enumerable:!0,get:function(){return h}}),Object.defineProperty(exports,`l`,{enumerable:!0,get:function(){return m}}),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return l}}),Object.defineProperty(exports,`o`,{enumerable:!0,get:function(){return f}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return d}}),Object.defineProperty(exports,`s`,{enumerable:!0,get:function(){return u}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return o}}),Object.defineProperty(exports,`u`,{enumerable:!0,get:function(){return s}});
-//# sourceMappingURL=dialog-BZSD5ydg.cjs.map

package/dist/dialog-BZSD5ydg.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"dialog-BZSD5ydg.cjs","names":["CloseButton: React.FC<React.ComponentProps<'button'>>","XIcon","DialogPrimitive"],"sources":["../packages/components/ui/buttons/close.tsx","../packages/components/ui/dialog.tsx"],"sourcesContent":["import { XIcon } from 'lucide-react';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\nexport const CloseButton: React.FC<React.ComponentProps<'button'>> = ({ className, ...props }) => {\n  return (\n    <button\n      className={cn(\n        'flex cursor-pointer items-center justify-center rounded-[100px] p-2 text-text-positive-weak transition-colors hover:bg-muted-muted hover:text-text-positive active:bg-muted-weak active:text-text-positive-strong disabled:pointer-events-none disabled:opacity-60',\n        className\n      )}\n      {...props}\n    >\n      <XIcon size={24} />\n    </button>\n  );\n};\n","'use client';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { Dialog as DialogPrimitive } from 'radix-ui';\nimport { CloseButton } from './buttons/close';\n\nfunction Dialog({ ...props }: React.ComponentProps<typeof DialogPrimitive.Root>) {\n  return <DialogPrimitive.Root data-slot=\"dialog\" {...props} />;\n}\n\nfunction DialogTrigger({ ...props }: React.ComponentProps<typeof DialogPrimitive.Trigger>) {\n  return <DialogPrimitive.Trigger data-slot=\"dialog-trigger\" {...props} />;\n}\n\nfunction DialogPortal({ ...props }: React.ComponentProps<typeof DialogPrimitive.Portal>) {\n  return <DialogPrimitive.Portal data-slot=\"dialog-portal\" {...props} />;\n}\n\nfunction DialogClose({ ...props }: React.ComponentProps<typeof DialogPrimitive.Close>) {\n  return <DialogPrimitive.Close data-slot=\"dialog-close\" {...props} />;\n}\n\nfunction DialogOverlay({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Overlay>) {\n  return (\n    <DialogPrimitive.Overlay\n      data-slot=\"dialog-overlay\"\n      className={cn(\n        'fixed inset-0 z-50 bg-black/50',\n        'data-[state=open]:animate-in',\n        'data-[state=open]:fade-in-0',\n        'data-[state=closed]:animate-out',\n        'data-[state=closed]:fade-out-0',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction DialogContent({\n  className,\n  children,\n  showCloseButton = true,\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Content> & {\n  showCloseButton?: boolean;\n}) {\n  return (\n    <DialogPortal data-slot=\"dialog-portal\">\n      <DialogOverlay />\n      <div className=\"fixed inset-0 z-50 flex items-center justify-center\">\n        <DialogPrimitive.Content\n          data-slot=\"dialog-content\"\n          className={cn(\n            'relative z-50 grid bg-background',\n            'gap-4 p-6 shadow-dialog outline-none',\n            'max-h-[85dvh] w-full max-w-[calc(100%-2rem)] sm:max-w-lg',\n            'rounded-2xl duration-200',\n            'data-[state=open]:animate-in',\n            'data-[state=open]:fade-in-0',\n            'data-[state=open]:zoom-in-80',\n            'data-[state=closed]:animate-out',\n            'data-[state=closed]:fade-out-0',\n            'data-[state=closed]:zoom-out-80',\n            className\n          )}\n          {...props}\n        >\n          {children}\n          {showCloseButton && (\n            <DialogPrimitive.Close data-slot=\"dialog-close\" tabIndex={-1} asChild className=\"absolute top-3 right-3\">\n              <CloseButton />\n            </DialogPrimitive.Close>\n          )}\n        </DialogPrimitive.Content>\n      </div>\n    </DialogPortal>\n  );\n}\n\nfunction DialogHeader({ className, ...props }: React.ComponentProps<'div'>) {\n  return <div data-slot=\"dialog-header\" className={cn('flex flex-col gap-2 text-center sm:text-left', className)} {...props} />;\n}\n\nfunction DialogFooter({ className, ...props }: React.ComponentProps<'div'>) {\n  return <div data-slot=\"dialog-footer\" className={cn('flex flex-col-reverse gap-2 sm:flex-row sm:justify-end', className)} {...props} />;\n}\n\nfunction DialogTitle({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Title>) {\n  return (\n    <DialogPrimitive.Title data-slot=\"dialog-title\" className={cn('font-semibold text-lg text-text-positive-strong leading-none', className)} {...props} />\n  );\n}\n\nfunction DialogDescription({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Description>) {\n  return <DialogPrimitive.Description data-slot=\"dialog-description\" className={cn('text-sm text-text-positive-weak', className)} {...props} />;\n}\n\nexport { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger };\n"],"mappings":"uKAIA,MAAaA,GAAyD,CAAE,YAAW,GAAG,MAElF,EAAA,EAAA,KAAC,SAAA,CACC,WAAA,EAAA,EAAA,IACE,qQACA,EACD,CACD,GAAI,YAEJ,EAAA,EAAA,KAACC,EAAAA,MAAAA,CAAM,KAAM,GAAA,CAAM,EACZ,CCPb,SAAS,EAAO,CAAE,GAAG,GAA4D,CAC/E,OAAO,EAAA,EAAA,KAACC,EAAAA,OAAgB,KAAA,CAAK,YAAU,SAAS,GAAI,GAAS,CAG/D,SAAS,EAAc,CAAE,GAAG,GAA+D,CACzF,OAAO,EAAA,EAAA,KAACA,EAAAA,OAAgB,QAAA,CAAQ,YAAU,iBAAiB,GAAI,GAAS,CAG1E,SAAS,EAAa,CAAE,GAAG,GAA8D,CACvF,OAAO,EAAA,EAAA,KAACA,EAAAA,OAAgB,OAAA,CAAO,YAAU,gBAAgB,GAAI,GAAS,CAGxE,SAAS,EAAY,CAAE,GAAG,GAA6D,CACrF,OAAO,EAAA,EAAA,KAACA,EAAAA,OAAgB,MAAA,CAAM,YAAU,eAAe,GAAI,GAAS,CAGtE,SAAS,EAAc,CAAE,YAAW,GAAG,GAA+D,CACpG,OACE,EAAA,EAAA,KAACA,EAAAA,OAAgB,QAAA,CACf,YAAU,iBACV,WAAA,EAAA,EAAA,IACE,iCACA,+BACA,8BACA,kCACA,iCACA,EACD,CACD,GAAI,GACJ,CAIN,SAAS,EAAc,CACrB,YACA,WACA,kBAAkB,GAClB,GAAG,GAGF,CACD,OACE,EAAA,EAAA,MAAC,EAAA,CAAa,YAAU,2BACtB,EAAA,EAAA,KAAC,EAAA,EAAA,CAAgB,EACjB,EAAA,EAAA,KAAC,MAAA,CAAI,UAAU,gEACb,EAAA,EAAA,MAACA,EAAAA,OAAgB,QAAA,CACf,YAAU,iBACV,WAAA,EAAA,EAAA,IACE,mCACA,uCACA,2DACA,2BACA,+BACA,8BACA,+BACA,kCACA,iCACA,kCACA,EACD,CACD,GAAI,YAEH,EACA,IACC,EAAA,EAAA,KAACA,EAAAA,OAAgB,MAAA,CAAM,YAAU,eAAe,SAAU,GAAI,QAAA,GAAQ,UAAU,mCAC9E,EAAA,EAAA,KAAC,EAAA,EAAA,CAAc,EACO,CAAA,EAEF,EACtB,CAAA,EACO,CAInB,SAAS,EAAa,CAAE,YAAW,GAAG,GAAsC,CAC1E,OAAO,EAAA,EAAA,KAAC,MAAA,CAAI,YAAU,gBAAgB,WAAA,EAAA,EAAA,IAAc,+CAAgD,EAAU,CAAE,GAAI,GAAS,CAG/H,SAAS,EAAa,CAAE,YAAW,GAAG,GAAsC,CAC1E,OAAO,EAAA,EAAA,KAAC,MAAA,CAAI,YAAU,gBAAgB,WAAA,EAAA,EAAA,IAAc,yDAA0D,EAAU,CAAE,GAAI,GAAS,CAGzI,SAAS,EAAY,CAAE,YAAW,GAAG,GAA6D,CAChG,OACE,EAAA,EAAA,KAACA,EAAAA,OAAgB,MAAA,CAAM,YAAU,eAAe,WAAA,EAAA,EAAA,IAAc,+DAAgE,EAAU,CAAE,GAAI,GAAS,CAI3J,SAAS,EAAkB,CAAE,YAAW,GAAG,GAAmE,CAC5G,OAAO,EAAA,EAAA,KAACA,EAAAA,OAAgB,YAAA,CAAY,YAAU,qBAAqB,WAAA,EAAA,EAAA,IAAc,kCAAmC,EAAU,CAAE,GAAI,GAAS"}

package/dist/dialog-BgJrOS6M.d.cts

@@ -1,47 +0,0 @@
-import * as react_jsx_runtime281 from "react/jsx-runtime";
-import { Dialog } from "radix-ui";
-
-//#region packages/components/ui/dialog.d.ts
-declare function Dialog$1({
-  ...props
-}: React.ComponentProps<typeof Dialog.Root>): react_jsx_runtime281.JSX.Element;
-declare function DialogTrigger({
-  ...props
-}: React.ComponentProps<typeof Dialog.Trigger>): react_jsx_runtime281.JSX.Element;
-declare function DialogPortal({
-  ...props
-}: React.ComponentProps<typeof Dialog.Portal>): react_jsx_runtime281.JSX.Element;
-declare function DialogClose({
-  ...props
-}: React.ComponentProps<typeof Dialog.Close>): react_jsx_runtime281.JSX.Element;
-declare function DialogOverlay({
-  className,
-  ...props
-}: React.ComponentProps<typeof Dialog.Overlay>): react_jsx_runtime281.JSX.Element;
-declare function DialogContent({
-  className,
-  children,
-  showCloseButton,
-  ...props
-}: React.ComponentProps<typeof Dialog.Content> & {
-  showCloseButton?: boolean;
-}): react_jsx_runtime281.JSX.Element;
-declare function DialogHeader({
-  className,
-  ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime281.JSX.Element;
-declare function DialogFooter({
-  className,
-  ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime281.JSX.Element;
-declare function DialogTitle({
-  className,
-  ...props
-}: React.ComponentProps<typeof Dialog.Title>): react_jsx_runtime281.JSX.Element;
-declare function DialogDescription({
-  className,
-  ...props
-}: React.ComponentProps<typeof Dialog.Description>): react_jsx_runtime281.JSX.Element;
-//#endregion
-export { DialogFooter as a, DialogPortal as c, DialogDescription as i, DialogTitle as l, DialogClose as n, DialogHeader as o, DialogContent as r, DialogOverlay as s, Dialog$1 as t, DialogTrigger as u };
-//# sourceMappingURL=dialog-BgJrOS6M.d.cts.map

package/dist/dialog-C9yfr9XH.d.ts

@@ -1,47 +0,0 @@
-import * as react_jsx_runtime205 from "react/jsx-runtime";
-import { Dialog } from "radix-ui";
-
-//#region packages/components/ui/dialog.d.ts
-declare function Dialog$1({
-  ...props
-}: React.ComponentProps<typeof Dialog.Root>): react_jsx_runtime205.JSX.Element;
-declare function DialogTrigger({
-  ...props
-}: React.ComponentProps<typeof Dialog.Trigger>): react_jsx_runtime205.JSX.Element;
-declare function DialogPortal({
-  ...props
-}: React.ComponentProps<typeof Dialog.Portal>): react_jsx_runtime205.JSX.Element;
-declare function DialogClose({
-  ...props
-}: React.ComponentProps<typeof Dialog.Close>): react_jsx_runtime205.JSX.Element;
-declare function DialogOverlay({
-  className,
-  ...props
-}: React.ComponentProps<typeof Dialog.Overlay>): react_jsx_runtime205.JSX.Element;
-declare function DialogContent({
-  className,
-  children,
-  showCloseButton,
-  ...props
-}: React.ComponentProps<typeof Dialog.Content> & {
-  showCloseButton?: boolean;
-}): react_jsx_runtime205.JSX.Element;
-declare function DialogHeader({
-  className,
-  ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime205.JSX.Element;
-declare function DialogFooter({
-  className,
-  ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime205.JSX.Element;
-declare function DialogTitle({
-  className,
-  ...props
-}: React.ComponentProps<typeof Dialog.Title>): react_jsx_runtime205.JSX.Element;
-declare function DialogDescription({
-  className,
-  ...props
-}: React.ComponentProps<typeof Dialog.Description>): react_jsx_runtime205.JSX.Element;
-//#endregion
-export { DialogFooter as a, DialogPortal as c, DialogDescription as i, DialogTitle as l, DialogClose as n, DialogHeader as o, DialogContent as r, DialogOverlay as s, Dialog$1 as t, DialogTrigger as u };
-//# sourceMappingURL=dialog-C9yfr9XH.d.ts.map

package/dist/dialogs/confirm-dialog-BrOSNnfe.d.cts

@@ -1,13 +0,0 @@
-//#region packages/components/dialogs/confirm-dialog.d.ts
-type Props = {
-  open?: boolean;
-  isLoading?: boolean;
-  title: string;
-  description: string;
-  onOpenChange?: (open: boolean) => void;
-  onConfirm?: () => void;
-};
-declare const ConfirmDialog: React.FC<React.PropsWithChildren<Props>>;
-//#endregion
-export { ConfirmDialog };
-//# sourceMappingURL=confirm-dialog-BrOSNnfe.d.cts.map

package/dist/dialogs/confirm-dialog-CzoZOt80.d.ts

@@ -1,13 +0,0 @@
-//#region packages/components/dialogs/confirm-dialog.d.ts
-type Props = {
-  open?: boolean;
-  isLoading?: boolean;
-  title: string;
-  description: string;
-  onOpenChange?: (open: boolean) => void;
-  onConfirm?: () => void;
-};
-declare const ConfirmDialog: React.FC<React.PropsWithChildren<Props>>;
-//#endregion
-export { ConfirmDialog };
-//# sourceMappingURL=confirm-dialog-CzoZOt80.d.ts.map

package/dist/dialogs/confirm-dialog.js

@@ -1,2 +0,0 @@
-import"../button.variants-D-o2smvP.js";import{a as e,i as t,n,o as r,r as i,s as a,t as o,u as s}from"../alert-dialog-CEQsuXqU.js";import{jsx as c,jsxs as l}from"react/jsx-runtime";const u=({open:u,isLoading:d=!1,title:f,description:p,onOpenChange:m,onConfirm:h})=>c(o,{open:u,onOpenChange:m,children:l(t,{children:[l(a,{className:`gap-0`,children:[c(s,{children:f}),c(e,{children:p})]}),l(r,{children:[c(i,{children:`Cancel`}),c(n,{className:`min-h-9 w-full md:w-24`,onClick:h,children:d?c(`div`,{className:`absolute inset-0 flex items-center justify-center`,children:c(`div`,{className:`loader-spinner text-muted-foreground`})}):`Confirm`})]})]})});export{u as ConfirmDialog};
-//# sourceMappingURL=confirm-dialog.js.map

package/dist/dialogs/confirm-dialog.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"confirm-dialog.js","names":["ConfirmDialog: React.FC<React.PropsWithChildren<Props>>"],"sources":["../../packages/components/dialogs/confirm-dialog.tsx"],"sourcesContent":["import {\n  AlertDialog,\n  AlertDialogAction,\n  AlertDialogCancel,\n  AlertDialogContent,\n  AlertDialogDescription,\n  AlertDialogFooter,\n  AlertDialogHeader,\n  AlertDialogTitle,\n} from '../ui/alert-dialog';\n\ntype Props = {\n  open?: boolean;\n  isLoading?: boolean;\n  title: string;\n  description: string;\n  onOpenChange?: (open: boolean) => void;\n  onConfirm?: () => void;\n};\n\nexport const ConfirmDialog: React.FC<React.PropsWithChildren<Props>> = ({ open, isLoading = false, title, description, onOpenChange, onConfirm }) => {\n  return (\n    <AlertDialog open={open} onOpenChange={onOpenChange}>\n      <AlertDialogContent>\n        <AlertDialogHeader className=\"gap-0\">\n          <AlertDialogTitle>{title}</AlertDialogTitle>\n          <AlertDialogDescription>{description}</AlertDialogDescription>\n        </AlertDialogHeader>\n        <AlertDialogFooter>\n          <AlertDialogCancel>Cancel</AlertDialogCancel>\n          <AlertDialogAction className=\"min-h-9 w-full md:w-24\" onClick={onConfirm}>\n            {!isLoading ? (\n              'Confirm'\n            ) : (\n              <div className=\"absolute inset-0 flex items-center justify-center\">\n                <div className=\"loader-spinner text-muted-foreground\" />\n              </div>\n            )}\n          </AlertDialogAction>\n        </AlertDialogFooter>\n      </AlertDialogContent>\n    </AlertDialog>\n  );\n};\n"],"mappings":"qLAoBA,MAAaA,GAA2D,CAAE,OAAM,YAAY,GAAO,QAAO,cAAa,eAAc,eAEjI,EAAC,EAAA,CAAkB,OAAoB,wBACrC,EAAC,EAAA,CAAA,SAAA,CACC,EAAC,EAAA,CAAkB,UAAU,kBAC3B,EAAC,EAAA,CAAA,SAAkB,EAAA,CAAyB,CAC5C,EAAC,EAAA,CAAA,SAAwB,EAAA,CAAqC,CAAA,EAC5C,CACpB,EAAC,EAAA,CAAA,SAAA,CACC,EAAC,EAAA,CAAA,SAAkB,SAAA,CAA0B,CAC7C,EAAC,EAAA,CAAkB,UAAU,yBAAyB,QAAS,WAC3D,EAGA,EAAC,MAAA,CAAI,UAAU,6DACb,EAAC,MAAA,CAAI,UAAU,uCAAA,CAAyC,EACpD,CAJN,WAMgB,CAAA,CAAA,CACF,CAAA,CAAA,CACD,EACT"}

package/dist/dialogs/detail-dialog/component/sidebar-CYKm399r.d.cts

@@ -1,166 +0,0 @@
-import { t as Button } from "../../../button-DOcH3s4Y.cjs";
-import { t as Input } from "../../../input-Bm8_w9W9.cjs";
-import { t as Separator } from "../../../separator-DVVxdQku.cjs";
-import { n as TooltipContent } from "../../../tooltip-tO29dIGl.cjs";
-import * as react_jsx_runtime193 from "react/jsx-runtime";
-import * as class_variance_authority_types5 from "class-variance-authority/types";
-import { VariantProps } from "class-variance-authority";
-
-//#region packages/components/dialogs/detail-dialog/component/sidebar.d.ts
-type SidebarContextProps = {
-  state: 'expanded' | 'collapsed';
-  open: boolean;
-  setOpen: (open: boolean) => void;
-  openMobile: boolean;
-  setOpenMobile: (open: boolean) => void;
-  isMobile: boolean;
-  toggleSidebar: () => void;
-};
-declare function useSidebar(): SidebarContextProps;
-declare function SidebarProvider({
-  defaultOpen,
-  open: openProp,
-  onOpenChange: setOpenProp,
-  className,
-  style,
-  children,
-  ...props
-}: React.ComponentProps<'div'> & {
-  defaultOpen?: boolean;
-  open?: boolean;
-  onOpenChange?: (open: boolean) => void;
-}): react_jsx_runtime193.JSX.Element;
-declare function Sidebar({
-  side,
-  variant,
-  collapsible,
-  className,
-  children,
-  ...props
-}: React.ComponentProps<'div'> & {
-  side?: 'left' | 'right';
-  variant?: 'sidebar' | 'floating' | 'inset';
-  collapsible?: 'offcanvas' | 'icon' | 'none';
-}): react_jsx_runtime193.JSX.Element;
-declare function DetailDialogSidebarTrigger({
-  className,
-  onClick,
-  ...props
-}: React.ComponentProps<typeof Button>): react_jsx_runtime193.JSX.Element;
-declare function DetailDialogSidebarRail({
-  className,
-  ...props
-}: React.ComponentProps<'button'>): react_jsx_runtime193.JSX.Element;
-declare function SidebarInset({
-  className,
-  ...props
-}: React.ComponentProps<'main'>): react_jsx_runtime193.JSX.Element;
-declare function SidebarInput({
-  className,
-  ...props
-}: React.ComponentProps<typeof Input>): react_jsx_runtime193.JSX.Element;
-declare function DetailDialogSidebarHeader({
-  className,
-  ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime193.JSX.Element;
-declare function DetailDialogSidebarFooter({
-  className,
-  ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime193.JSX.Element;
-declare function DetailDialogSidebarSeparator({
-  className,
-  ...props
-}: React.ComponentProps<typeof Separator>): react_jsx_runtime193.JSX.Element;
-declare function DetailDialogSidebarContent({
-  className,
-  ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime193.JSX.Element;
-declare function DetailDialogSidebarGroup({
-  className,
-  ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime193.JSX.Element;
-declare function DetailDialogSidebarGroupLabel({
-  className,
-  asChild,
-  ...props
-}: React.ComponentProps<'div'> & {
-  asChild?: boolean;
-}): react_jsx_runtime193.JSX.Element;
-declare function DetailDialogSidebarGroupAction({
-  className,
-  asChild,
-  ...props
-}: React.ComponentProps<'button'> & {
-  asChild?: boolean;
-}): react_jsx_runtime193.JSX.Element;
-declare function DetailDialogSidebarGroupContent({
-  className,
-  ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime193.JSX.Element;
-declare function DetailDialogSidebarMenu({
-  className,
-  ...props
-}: React.ComponentProps<'ul'>): react_jsx_runtime193.JSX.Element;
-declare function DetailDialogSidebarMenuItem({
-  className,
-  ...props
-}: React.ComponentProps<'li'>): react_jsx_runtime193.JSX.Element;
-declare const sidebarMenuButtonVariants: (props?: ({
-  variant?: "default" | "outline" | null | undefined;
-  size?: "sm" | "lg" | "default" | null | undefined;
-} & class_variance_authority_types5.ClassProp) | undefined) => string;
-declare function DetailDialogSidebarMenuButton({
-  asChild,
-  isActive,
-  variant,
-  size,
-  tooltip,
-  className,
-  ...props
-}: React.ComponentProps<'button'> & {
-  asChild?: boolean;
-  isActive?: boolean;
-  tooltip?: string | React.ComponentProps<typeof TooltipContent>;
-} & VariantProps<typeof sidebarMenuButtonVariants>): react_jsx_runtime193.JSX.Element;
-declare function DetailDialogSidebarMenuAction({
-  className,
-  asChild,
-  showOnHover,
-  ...props
-}: React.ComponentProps<'button'> & {
-  asChild?: boolean;
-  showOnHover?: boolean;
-}): react_jsx_runtime193.JSX.Element;
-declare function DetailDialogSidebarMenuBadge({
-  className,
-  ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime193.JSX.Element;
-declare function DetailDialogSidebarMenuSkeleton({
-  className,
-  showIcon,
-  ...props
-}: React.ComponentProps<'div'> & {
-  showIcon?: boolean;
-}): react_jsx_runtime193.JSX.Element;
-declare function DetailDialogSidebarMenuSub({
-  className,
-  ...props
-}: React.ComponentProps<'ul'>): react_jsx_runtime193.JSX.Element;
-declare function DetailDialogSidebarMenuSubItem({
-  className,
-  ...props
-}: React.ComponentProps<'li'>): react_jsx_runtime193.JSX.Element;
-declare function DetailDialogSidebarMenuSubButton({
-  asChild,
-  size,
-  isActive,
-  className,
-  ...props
-}: React.ComponentProps<'a'> & {
-  asChild?: boolean;
-  size?: 'sm' | 'md';
-  isActive?: boolean;
-}): react_jsx_runtime193.JSX.Element;
-//#endregion
-export { DetailDialogSidebarContent, DetailDialogSidebarFooter, DetailDialogSidebarGroup, DetailDialogSidebarGroupAction, DetailDialogSidebarGroupContent, DetailDialogSidebarGroupLabel, DetailDialogSidebarHeader, DetailDialogSidebarMenu, DetailDialogSidebarMenuAction, DetailDialogSidebarMenuBadge, DetailDialogSidebarMenuButton, DetailDialogSidebarMenuItem, DetailDialogSidebarMenuSkeleton, DetailDialogSidebarMenuSub, DetailDialogSidebarMenuSubButton, DetailDialogSidebarMenuSubItem, DetailDialogSidebarRail, DetailDialogSidebarSeparator, DetailDialogSidebarTrigger, Sidebar, SidebarInput, SidebarInset, SidebarProvider, useSidebar };
-//# sourceMappingURL=sidebar-CYKm399r.d.cts.map

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

@@ -1,166 +0,0 @@
-import { t as Button } from "../../../button-Bo1r0W1L.js";
-import { t as Input } from "../../../input-5mFRUBqN.js";
-import { t as Separator } from "../../../separator-DjKs6nXS.js";
-import { n as TooltipContent } from "../../../tooltip-DvF2b9AB.js";
-import * as react_jsx_runtime248 from "react/jsx-runtime";
-import { VariantProps } from "class-variance-authority";
-import * as class_variance_authority_types6 from "class-variance-authority/types";
-
-//#region packages/components/dialogs/detail-dialog/component/sidebar.d.ts
-type SidebarContextProps = {
-  state: 'expanded' | 'collapsed';
-  open: boolean;
-  setOpen: (open: boolean) => void;
-  openMobile: boolean;
-  setOpenMobile: (open: boolean) => void;
-  isMobile: boolean;
-  toggleSidebar: () => void;
-};
-declare function useSidebar(): SidebarContextProps;
-declare function SidebarProvider({
-  defaultOpen,
-  open: openProp,
-  onOpenChange: setOpenProp,
-  className,
-  style,
-  children,
-  ...props
-}: React.ComponentProps<'div'> & {
-  defaultOpen?: boolean;
-  open?: boolean;
-  onOpenChange?: (open: boolean) => void;
-}): react_jsx_runtime248.JSX.Element;
-declare function Sidebar({
-  side,
-  variant,
-  collapsible,
-  className,
-  children,
-  ...props
-}: React.ComponentProps<'div'> & {
-  side?: 'left' | 'right';
-  variant?: 'sidebar' | 'floating' | 'inset';
-  collapsible?: 'offcanvas' | 'icon' | 'none';
-}): react_jsx_runtime248.JSX.Element;
-declare function DetailDialogSidebarTrigger({
-  className,
-  onClick,
-  ...props
-}: React.ComponentProps<typeof Button>): react_jsx_runtime248.JSX.Element;
-declare function DetailDialogSidebarRail({
-  className,
-  ...props
-}: React.ComponentProps<'button'>): react_jsx_runtime248.JSX.Element;
-declare function SidebarInset({
-  className,
-  ...props
-}: React.ComponentProps<'main'>): react_jsx_runtime248.JSX.Element;
-declare function SidebarInput({
-  className,
-  ...props
-}: React.ComponentProps<typeof Input>): react_jsx_runtime248.JSX.Element;
-declare function DetailDialogSidebarHeader({
-  className,
-  ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime248.JSX.Element;
-declare function DetailDialogSidebarFooter({
-  className,
-  ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime248.JSX.Element;
-declare function DetailDialogSidebarSeparator({
-  className,
-  ...props
-}: React.ComponentProps<typeof Separator>): react_jsx_runtime248.JSX.Element;
-declare function DetailDialogSidebarContent({
-  className,
-  ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime248.JSX.Element;
-declare function DetailDialogSidebarGroup({
-  className,
-  ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime248.JSX.Element;
-declare function DetailDialogSidebarGroupLabel({
-  className,
-  asChild,
-  ...props
-}: React.ComponentProps<'div'> & {
-  asChild?: boolean;
-}): react_jsx_runtime248.JSX.Element;
-declare function DetailDialogSidebarGroupAction({
-  className,
-  asChild,
-  ...props
-}: React.ComponentProps<'button'> & {
-  asChild?: boolean;
-}): react_jsx_runtime248.JSX.Element;
-declare function DetailDialogSidebarGroupContent({
-  className,
-  ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime248.JSX.Element;
-declare function DetailDialogSidebarMenu({
-  className,
-  ...props
-}: React.ComponentProps<'ul'>): react_jsx_runtime248.JSX.Element;
-declare function DetailDialogSidebarMenuItem({
-  className,
-  ...props
-}: React.ComponentProps<'li'>): react_jsx_runtime248.JSX.Element;
-declare const sidebarMenuButtonVariants: (props?: ({
-  variant?: "default" | "outline" | null | undefined;
-  size?: "sm" | "lg" | "default" | null | undefined;
-} & class_variance_authority_types6.ClassProp) | undefined) => string;
-declare function DetailDialogSidebarMenuButton({
-  asChild,
-  isActive,
-  variant,
-  size,
-  tooltip,
-  className,
-  ...props
-}: React.ComponentProps<'button'> & {
-  asChild?: boolean;
-  isActive?: boolean;
-  tooltip?: string | React.ComponentProps<typeof TooltipContent>;
-} & VariantProps<typeof sidebarMenuButtonVariants>): react_jsx_runtime248.JSX.Element;
-declare function DetailDialogSidebarMenuAction({
-  className,
-  asChild,
-  showOnHover,
-  ...props
-}: React.ComponentProps<'button'> & {
-  asChild?: boolean;
-  showOnHover?: boolean;
-}): react_jsx_runtime248.JSX.Element;
-declare function DetailDialogSidebarMenuBadge({
-  className,
-  ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime248.JSX.Element;
-declare function DetailDialogSidebarMenuSkeleton({
-  className,
-  showIcon,
-  ...props
-}: React.ComponentProps<'div'> & {
-  showIcon?: boolean;
-}): react_jsx_runtime248.JSX.Element;
-declare function DetailDialogSidebarMenuSub({
-  className,
-  ...props
-}: React.ComponentProps<'ul'>): react_jsx_runtime248.JSX.Element;
-declare function DetailDialogSidebarMenuSubItem({
-  className,
-  ...props
-}: React.ComponentProps<'li'>): react_jsx_runtime248.JSX.Element;
-declare function DetailDialogSidebarMenuSubButton({
-  asChild,
-  size,
-  isActive,
-  className,
-  ...props
-}: React.ComponentProps<'a'> & {
-  asChild?: boolean;
-  size?: 'sm' | 'md';
-  isActive?: boolean;
-}): react_jsx_runtime248.JSX.Element;
-//#endregion
-export { DetailDialogSidebarContent, DetailDialogSidebarFooter, DetailDialogSidebarGroup, DetailDialogSidebarGroupAction, DetailDialogSidebarGroupContent, DetailDialogSidebarGroupLabel, DetailDialogSidebarHeader, DetailDialogSidebarMenu, DetailDialogSidebarMenuAction, DetailDialogSidebarMenuBadge, DetailDialogSidebarMenuButton, DetailDialogSidebarMenuItem, DetailDialogSidebarMenuSkeleton, DetailDialogSidebarMenuSub, DetailDialogSidebarMenuSubButton, DetailDialogSidebarMenuSubItem, DetailDialogSidebarRail, DetailDialogSidebarSeparator, DetailDialogSidebarTrigger, Sidebar, SidebarInput, SidebarInset, SidebarProvider, useSidebar };
-//# sourceMappingURL=sidebar-DcDVyyx7.d.ts.map

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

@@ -1 +0,0 @@
-"use client";import"../../../dist--0WptDez.js";import"../../../button.variants-D-o2smvP.js";import"../../../button-ZBnX9IoC.js";import"../../../skeleton-CDtN_I2p.js";import"../../../tooltip-ceiBtqIu.js";import"../../../separator-udZphpLE.js";import"../../../input-C_Q32lFA.js";import"../../../sheet-BN9i47xq.js";import{C as e,S as t,_ as n,a as r,b as i,c as a,d as o,f as s,g as c,h as l,i as u,l as d,m as f,n as p,o as m,p as h,r as g,s as _,t as v,u as y,v as b,w as x,x as S,y as C}from"../../../sidebar-Q_b7EMDf.js";export{v as DetailDialogSidebarContent,p as DetailDialogSidebarFooter,g as DetailDialogSidebarGroup,u as DetailDialogSidebarGroupAction,r as DetailDialogSidebarGroupContent,m as DetailDialogSidebarGroupLabel,_ as DetailDialogSidebarHeader,a as DetailDialogSidebarMenu,d as DetailDialogSidebarMenuAction,y as DetailDialogSidebarMenuBadge,o as DetailDialogSidebarMenuButton,s as DetailDialogSidebarMenuItem,h as DetailDialogSidebarMenuSkeleton,f as DetailDialogSidebarMenuSub,l as DetailDialogSidebarMenuSubButton,c as DetailDialogSidebarMenuSubItem,n as DetailDialogSidebarRail,b as DetailDialogSidebarSeparator,C as DetailDialogSidebarTrigger,i as Sidebar,S as SidebarInput,t as SidebarInset,e as SidebarProvider,x as useSidebar};

package/dist/dialogs/detail-dialog/index-DUv0SyRJ.d.cts

@@ -1,15 +0,0 @@
-//#region packages/components/dialogs/detail-dialog/index.d.ts
-type Props = {
-  open?: boolean;
-  isLoading?: boolean;
-  sidebarTitle?: string;
-  sidebar?: React.ReactNode;
-  sidebarFooter?: React.ReactNode;
-  title: string;
-  createdAt: string | Date | number;
-  onOpenChange?: (open: boolean) => void | Promise<void>;
-};
-declare const DetailDialog: React.FC<React.PropsWithChildren<Props>>;
-//#endregion
-export { DetailDialog };
-//# sourceMappingURL=index-DUv0SyRJ.d.cts.map

package/dist/dialogs/detail-dialog/index-OXNNdo2B.d.ts

@@ -1,15 +0,0 @@
-//#region packages/components/dialogs/detail-dialog/index.d.ts
-type Props = {
-  open?: boolean;
-  isLoading?: boolean;
-  sidebarTitle?: string;
-  sidebar?: React.ReactNode;
-  sidebarFooter?: React.ReactNode;
-  title: string;
-  createdAt: string | Date | number;
-  onOpenChange?: (open: boolean) => void | Promise<void>;
-};
-declare const DetailDialog: React.FC<React.PropsWithChildren<Props>>;
-//#endregion
-export { DetailDialog };
-//# sourceMappingURL=index-OXNNdo2B.d.ts.map

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

@@ -1,2 +0,0 @@
-import"../../dist--0WptDez.js";import"../../button.variants-D-o2smvP.js";import"../../button-ZBnX9IoC.js";import"../../card-Ck4l6oKk.js";import"../../skeleton-CDtN_I2p.js";import{t as e}from"../../flex-R1TY6P_u.js";import"../../tooltip-ceiBtqIu.js";import{t}from"../../date-CbkR0dCB.js";import"../../separator-udZphpLE.js";import{i as n,l as r,o as i,r as a,t as o}from"../../dialog-BXrkkvSS.js";import"../../input-C_Q32lFA.js";import{t as s}from"../../title-B8K5-HgX.js";import"../../sheet-BN9i47xq.js";import{C as c,b as l,c as u,d,f,n as p,r as m,s as h,t as g,y as _}from"../../sidebar-Q_b7EMDf.js";import{CalendarIcon as v,CatIcon as y}from"lucide-react";import{cn as b}from"@customafk/react-toolkit/utils";import{jsx as x,jsxs as S}from"react/jsx-runtime";const C=()=>S(i,{className:`sr-only`,children:[x(r,{className:`sr-only`}),x(n,{className:`sr-only`})]}),w=({children:t})=>x(`main`,{"data-slot":`detail-dialog-main`,className:`relative h-full flex-1`,children:x(e,{padding:`none`,gap:`none`,vertical:!0,align:`stretch`,className:`absolute inset-0 size-full`,children:t})}),T=({title:n,createdAt:r})=>S(`header`,{className:`bg-card border-border-weak flex w-full flex-0 items-start gap-x-2.5 border-b py-2.5 pr-12 pl-2`,children:[x(_,{}),S(e,{vertical:!0,align:`start`,padding:`none`,width:`null`,wrap:!1,className:`flex-1`,children:[x(s,{level:5,className:`line-clamp-1 truncate text-wrap`,children:n||`Detail Dialog`}),S(e,{padding:`none`,className:`text-text-positive-weak relative`,children:[x(v,{size:12,className:`absolute top-0.5 md:top-1`}),!!r&&x(t,{showTime:!0,showHoliday:!0,date:r,format:`full`,className:`ml-4 text-xs md:text-sm`})]})]})]}),E=({children:e})=>x(a,{className:b(`relative h-full overflow-hidden border-none p-0`,`rounded-none md:rounded-lg`,`max-h-dvh max-w-svw`,`md:max-h-[90dvh] md:max-w-[90svw]`,`xl:max-h-[90dvh] xl:max-w-[90svw]`,`2xl:max-h-[90dvh] 2xl:max-w-7xl`),onInteractOutside:e=>{e.preventDefault(),e.stopPropagation()},children:e}),D=({title:e,sidebarFooter:t,children:n})=>S(l,{collapsible:`icon`,className:`shadow-nav z-20 hidden md:flex`,children:[x(h,{children:x(u,{children:x(f,{children:S(d,{size:`lg`,tabIndex:-1,children:[x(`div`,{className:`bg-sidebar-primary text-sidebar-primary-foreground flex aspect-square size-8 items-center justify-center rounded-lg`,children:x(y,{size:16})}),S(`div`,{className:`grid flex-1 text-left text-sm leading-tight`,children:[x(`span`,{className:`truncate font-medium`,children:e||`Detail Dialog`}),x(`span`,{className:`truncate text-xs`,children:`Lunas Enterprise`})]})]})})})}),x(g,{children:x(m,{children:n})}),t&&x(p,{children:t})]}),O=({open:t,isLoading:n=!1,sidebarTitle:r,sidebar:i,sidebarFooter:a,title:s,createdAt:l,onOpenChange:u,children:d})=>x(o,{open:t,onOpenChange:u,children:S(E,{children:[x(C,{}),S(c,{className:`h-full min-h-[85dvh] items-start`,children:[x(D,{title:r,sidebarFooter:a,children:i}),S(w,{children:[x(T,{title:s,createdAt:l}),n?x(e,{justify:`center`,className:`bg-muted-muted w-full flex-1 inset-shadow-sm`,children:x(`div`,{className:`loader`})}):x(`section`,{className:`bg-muted-muted relative flex flex-1 snap-y flex-col gap-0 overflow-y-auto inset-shadow-sm`,children:d})]})]})]})});export{O as DetailDialog};
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":["DetailDialogMain: React.FC<React.PropsWithChildren>","DetailDialogMainHeader: React.FC<React.PropsWithChildren<DetailDialogMainHeaderProps>>","DetailDialogWrapper: React.FC<React.PropsWithChildren>","DetailDialogSidebar: React.FC<React.PropsWithChildren<{ title?: string; sidebarFooter?: React.ReactNode }>>","DetailDialog: React.FC<React.PropsWithChildren<Props>>"],"sources":["../../../packages/components/dialogs/detail-dialog/component/header.tsx","../../../packages/components/dialogs/detail-dialog/component/main.tsx","../../../packages/components/dialogs/detail-dialog/component/wrapper.tsx","../../../packages/components/dialogs/detail-dialog/index.tsx"],"sourcesContent":["import { DialogDescription, DialogHeader, DialogTitle } from '@/components/ui/dialog';\n\nexport const DetailDialogHeader = () => {\n  return (\n    <DialogHeader className=\"sr-only\">\n      <DialogTitle className=\"sr-only\"></DialogTitle>\n      <DialogDescription className=\"sr-only\"></DialogDescription>\n    </DialogHeader>\n  );\n};\n","import { CalendarIcon } from 'lucide-react';\n\nimport { DateDisplay } from '@/components/data-display/date';\nimport { Flex } from '@/components/layouts/flex';\nimport { Title } from '@/components/typography/title';\nimport { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card';\n\nimport { DetailDialogSidebarTrigger } from './sidebar';\n\nexport const DetailDialogMain: React.FC<React.PropsWithChildren> = ({ children }) => (\n  <main data-slot=\"detail-dialog-main\" className=\"relative h-full flex-1\">\n    <Flex padding=\"none\" gap=\"none\" vertical align=\"stretch\" className=\"absolute inset-0 size-full\">\n      {children}\n    </Flex>\n  </main>\n);\n\ntype DetailDialogMainHeaderProps = {\n  title: string;\n  createdAt?: string | Date | number;\n};\nexport const DetailDialogMainHeader: React.FC<React.PropsWithChildren<DetailDialogMainHeaderProps>> = ({ title, createdAt }) => (\n  <header className=\"bg-card border-border-weak flex w-full flex-0 items-start gap-x-2.5 border-b py-2.5 pr-12 pl-2\">\n    <DetailDialogSidebarTrigger />\n    <Flex vertical align=\"start\" padding=\"none\" width=\"null\" wrap={false} className=\"flex-1\">\n      <Title level={5} className=\"line-clamp-1 truncate text-wrap\">\n        {title || 'Detail Dialog'}\n      </Title>\n      <Flex padding=\"none\" className=\"text-text-positive-weak relative\">\n        <CalendarIcon size={12} className=\"absolute top-0.5 md:top-1\" />\n        {!!createdAt && <DateDisplay showTime showHoliday date={createdAt} format=\"full\" className=\"ml-4 text-xs md:text-sm\" />}\n      </Flex>\n    </Flex>\n  </header>\n);\n\nexport const DetailDialogMainGroup: React.FC<React.PropsWithChildren> = ({ children }) => (\n  <Flex vertical gap=\"md\" padding=\"md\" width=\"full\">\n    {children}\n  </Flex>\n);\n\ntype DetailDialogMainGroupItemProps = {\n  title?: string;\n  description?: string;\n};\nexport const DetailDialogMainGroupItem: React.FC<React.PropsWithChildren<DetailDialogMainGroupItemProps>> = ({ title, description, children }) => (\n  <Card className=\"w-full snap-start scroll-mt-4\">\n    <CardHeader>\n      <CardTitle>{title}</CardTitle>\n      <CardDescription>{description}</CardDescription>\n    </CardHeader>\n    <CardContent>{children}</CardContent>\n  </Card>\n);\n","import { cn } from '@customafk/react-toolkit/utils';\n\nimport { DialogContent } from '@/components/ui/dialog';\n\nexport const DetailDialogWrapper: React.FC<React.PropsWithChildren> = ({ children }) => {\n  return (\n    <DialogContent\n      className={cn(\n        'relative h-full overflow-hidden border-none p-0',\n        'rounded-none md:rounded-lg',\n        'max-h-dvh max-w-svw',\n        'md:max-h-[90dvh] md:max-w-[90svw]',\n        'xl:max-h-[90dvh] xl:max-w-[90svw]',\n        '2xl:max-h-[90dvh] 2xl:max-w-7xl'\n      )}\n      onInteractOutside={e => {\n        e.preventDefault();\n        e.stopPropagation();\n      }}\n    >\n      {children}\n    </DialogContent>\n  );\n};\n","import { CatIcon } from 'lucide-react';\n\nimport { Flex } from '@/components/layouts/flex';\nimport { Dialog } from '@/components/ui/dialog';\n\nimport { DetailDialogHeader } from './component/header';\nimport { DetailDialogMain, DetailDialogMainHeader } from './component/main';\nimport {\n  DetailDialogSidebarContent,\n  DetailDialogSidebarFooter,\n  DetailDialogSidebarGroup,\n  DetailDialogSidebarHeader,\n  DetailDialogSidebarMenu,\n  DetailDialogSidebarMenuButton,\n  DetailDialogSidebarMenuItem,\n  Sidebar,\n  SidebarProvider,\n} from './component/sidebar';\nimport { DetailDialogWrapper } from './component/wrapper';\n\nconst DetailDialogSidebar: React.FC<React.PropsWithChildren<{ title?: string; sidebarFooter?: React.ReactNode }>> = ({ title, sidebarFooter, children }) => {\n  return (\n    <Sidebar collapsible=\"icon\" className=\"shadow-nav z-20 hidden md:flex\">\n      <DetailDialogSidebarHeader>\n        <DetailDialogSidebarMenu>\n          <DetailDialogSidebarMenuItem>\n            <DetailDialogSidebarMenuButton size=\"lg\" tabIndex={-1}>\n              <div className=\"bg-sidebar-primary text-sidebar-primary-foreground flex aspect-square size-8 items-center justify-center rounded-lg\">\n                <CatIcon size={16} />\n              </div>\n              <div className=\"grid flex-1 text-left text-sm leading-tight\">\n                <span className=\"truncate font-medium\">{title || 'Detail Dialog'}</span>\n                <span className=\"truncate text-xs\">Lunas Enterprise</span>\n              </div>\n            </DetailDialogSidebarMenuButton>\n          </DetailDialogSidebarMenuItem>\n        </DetailDialogSidebarMenu>\n      </DetailDialogSidebarHeader>\n      <DetailDialogSidebarContent>\n        <DetailDialogSidebarGroup>{children}</DetailDialogSidebarGroup>\n      </DetailDialogSidebarContent>\n      {sidebarFooter && <DetailDialogSidebarFooter>{sidebarFooter}</DetailDialogSidebarFooter>}\n    </Sidebar>\n  );\n};\n\ntype Props = {\n  open?: boolean;\n  isLoading?: boolean;\n  sidebarTitle?: string;\n  sidebar?: React.ReactNode;\n  sidebarFooter?: React.ReactNode;\n  title: string;\n  createdAt: string | Date | number;\n  onOpenChange?: (open: boolean) => void | Promise<void>;\n};\nexport const DetailDialog: React.FC<React.PropsWithChildren<Props>> = ({\n  open,\n  isLoading = false,\n  sidebarTitle,\n  sidebar,\n  sidebarFooter,\n  title,\n  createdAt,\n  onOpenChange,\n  children,\n}) => {\n  return (\n    <Dialog open={open} onOpenChange={onOpenChange}>\n      <DetailDialogWrapper>\n        <DetailDialogHeader />\n        <SidebarProvider className=\"h-full min-h-[85dvh] items-start\">\n          <DetailDialogSidebar title={sidebarTitle} sidebarFooter={sidebarFooter} children={sidebar} />\n          <DetailDialogMain>\n            <DetailDialogMainHeader title={title} createdAt={createdAt} />\n            {isLoading ? (\n              <Flex justify=\"center\" className=\"bg-muted-muted w-full flex-1 inset-shadow-sm\">\n                <div className=\"loader\" />\n              </Flex>\n            ) : (\n              <section className=\"bg-muted-muted relative flex flex-1 snap-y flex-col gap-0 overflow-y-auto inset-shadow-sm\">{children}</section>\n            )}\n          </DetailDialogMain>\n        </SidebarProvider>\n      </DetailDialogWrapper>\n    </Dialog>\n  );\n};\n"],"mappings":"0vBAEA,MAAa,MAET,EAAC,EAAA,CAAa,UAAU,oBACtB,EAAC,EAAA,CAAY,UAAU,UAAA,CAAwB,CAC/C,EAAC,EAAA,CAAkB,UAAU,UAAA,CAA8B,CAAA,EAC9C,CCENA,GAAuD,CAAE,cACpE,EAAC,OAAA,CAAK,YAAU,qBAAqB,UAAU,kCAC7C,EAAC,EAAA,CAAK,QAAQ,OAAO,IAAI,OAAO,SAAA,GAAS,MAAM,UAAU,UAAU,6BAChE,YACI,EACF,CAOIC,GAA0F,CAAE,QAAO,eAC9G,EAAC,SAAA,CAAO,UAAU,2GAChB,EAAC,EAAA,EAAA,CAA6B,CAC9B,EAAC,EAAA,CAAK,SAAA,GAAS,MAAM,QAAQ,QAAQ,OAAO,MAAM,OAAO,KAAM,GAAO,UAAU,mBAC9E,EAAC,EAAA,CAAM,MAAO,EAAG,UAAU,2CACxB,GAAS,iBACJ,CACR,EAAC,EAAA,CAAK,QAAQ,OAAO,UAAU,6CAC7B,EAAC,EAAA,CAAa,KAAM,GAAI,UAAU,6BAA8B,CAC/D,CAAC,CAAC,GAAa,EAAC,EAAA,CAAY,SAAA,GAAS,YAAA,GAAY,KAAM,EAAW,OAAO,OAAO,UAAU,2BAA4B,CAAA,EAClH,CAAA,EACF,CAAA,EACA,CC7BEC,GAA0D,CAAE,cAErE,EAAC,EAAA,CACC,UAAW,EACT,kDACA,6BACA,sBACA,oCACA,oCACA,kCACD,CACD,kBAAmB,GAAK,CACtB,EAAE,gBAAgB,CAClB,EAAE,iBAAiB,EAGpB,YACa,CCDdC,GAA+G,CAAE,QAAO,gBAAe,cAEzI,EAAC,EAAA,CAAQ,YAAY,OAAO,UAAU,2CACpC,EAAC,EAAA,CAAA,SACC,EAAC,EAAA,CAAA,SACC,EAAC,EAAA,CAAA,SACC,EAAC,EAAA,CAA8B,KAAK,KAAK,SAAU,aACjD,EAAC,MAAA,CAAI,UAAU,+HACb,EAAC,EAAA,CAAQ,KAAM,GAAA,CAAM,EACjB,CACN,EAAC,MAAA,CAAI,UAAU,wDACb,EAAC,OAAA,CAAK,UAAU,gCAAwB,GAAS,iBAAuB,CACxE,EAAC,OAAA,CAAK,UAAU,4BAAmB,oBAAuB,CAAA,EACtD,CAAA,EACwB,CAAA,CACJ,CAAA,CACN,CAAA,CACA,CAC5B,EAAC,EAAA,CAAA,SACC,EAAC,EAAA,CAA0B,WAAA,CAAoC,CAAA,CACpC,CAC5B,GAAiB,EAAC,EAAA,CAAA,SAA2B,EAAA,CAA0C,GAChF,CAcDC,GAA0D,CACrE,OACA,YAAY,GACZ,eACA,UACA,gBACA,QACA,YACA,eACA,cAGE,EAAC,EAAA,CAAa,OAAoB,wBAChC,EAAC,EAAA,CAAA,SAAA,CACC,EAAC,EAAA,EAAA,CAAqB,CACtB,EAAC,EAAA,CAAgB,UAAU,6CACzB,EAAC,EAAA,CAAoB,MAAO,EAA6B,gBAAe,SAAU,GAAW,CAC7F,EAAC,EAAA,CAAA,SAAA,CACC,EAAC,EAAA,CAA8B,QAAkB,aAAa,CAC7D,EACC,EAAC,EAAA,CAAK,QAAQ,SAAS,UAAU,wDAC/B,EAAC,MAAA,CAAI,UAAU,SAAA,CAAW,EACrB,CAEP,EAAC,UAAA,CAAQ,UAAU,4FAA6F,YAAmB,CAAA,CAAA,CAEpH,CAAA,EACH,CAAA,CAAA,CACE,EACf"}

package/dist/dialogs/error-dialog-BuNrr8ic.d.ts

@@ -1,11 +0,0 @@
-//#region packages/components/dialogs/error-dialog.d.ts
-type Props = {
-  open?: boolean;
-  title?: string;
-  description?: string;
-  onOpenChange?: (open: boolean) => void;
-};
-declare const ErrorDialog: React.FC<React.PropsWithChildren<Props>>;
-//#endregion
-export { ErrorDialog };
-//# sourceMappingURL=error-dialog-BuNrr8ic.d.ts.map

package/dist/dialogs/error-dialog-C-8wDD4X.d.cts

@@ -1,11 +0,0 @@
-//#region packages/components/dialogs/error-dialog.d.ts
-type Props = {
-  open?: boolean;
-  title?: string;
-  description?: string;
-  onOpenChange?: (open: boolean) => void;
-};
-declare const ErrorDialog: React.FC<React.PropsWithChildren<Props>>;
-//#endregion
-export { ErrorDialog };
-//# sourceMappingURL=error-dialog-C-8wDD4X.d.cts.map

package/dist/dialogs/error-dialog.js

@@ -1 +0,0 @@
-import"../button.variants-D-o2smvP.js";import"../alert-dialog-CEQsuXqU.js";import{t as e}from"../error-dialog-CfTV_hxv.js";export{e as ErrorDialog};

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

@@ -1,36 +0,0 @@
-import * as react_jsx_runtime6 from "react/jsx-runtime";
-import { FieldValues, FormState, SubmitErrorHandler, UseFormProps } from "react-hook-form";
-
-//#region packages/components/dialogs/form-dialog.d.ts
-type Props<TFieldValues extends FieldValues = FieldValues> = {
-  form: UseFormProps<TFieldValues>;
-  open: boolean;
-  isSubmitting?: boolean;
-  isResetAfterSubmit?: boolean;
-  disableSubmit?: boolean;
-  title?: string;
-  description?: string;
-  className?: string;
-  onOpenChange: (open: boolean) => void;
-  onSubmit: (data: TFieldValues, formState: FormState<FieldValues>, dirtyFields: FormState<FieldValues>['dirtyFields']) => void | Promise<void>;
-  onError?: SubmitErrorHandler<TFieldValues>;
-  onReset?: () => void;
-};
-declare const FormDialog: <TFieldValues extends FieldValues = FieldValues>({
-  form,
-  open,
-  isSubmitting,
-  isResetAfterSubmit,
-  disableSubmit,
-  title,
-  description,
-  className,
-  onOpenChange,
-  onSubmit,
-  onError,
-  onReset,
-  children
-}: React.PropsWithChildren<Props<TFieldValues>>) => react_jsx_runtime6.JSX.Element;
-//#endregion
-export { FormDialog };
-//# sourceMappingURL=form-dialog-CCUhIwrB.d.ts.map