@customafk/lunas-ui 0.0.21 → 0.0.23

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

@@ -1,15 +1,15 @@
-import { Button } from "../../../button-CFhTSUSV.js";
-import { Input } from "../../../input-CsU6VSlk.js";
-import { Separator } from "../../../separator-DgyR24FB.js";
-import { TooltipContent } from "../../../tooltip-Ju-oCFdl.js";
+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 React from "react";
-import * as react_jsx_runtime236 from "react/jsx-runtime";
+import * as react_jsx_runtime181 from "react/jsx-runtime";
 import { VariantProps } from "class-variance-authority";
-import * as class_variance_authority_types6 from "class-variance-authority/types";
+import * as class_variance_authority_types5 from "class-variance-authority/types";
 
 //#region packages/components/dialogs/detail-dialog/component/sidebar.d.ts
 type SidebarContextProps = {
-  state: "expanded" | "collapsed";
+  state: 'expanded' | 'collapsed';
   open: boolean;
   setOpen: (open: boolean) => void;
   openMobile: boolean;
@@ -25,11 +25,11 @@ declare function SidebarProvider({
   style,
   children,
   ...props
-}: React.ComponentProps<"div"> & {
+}: React.ComponentProps<'div'> & {
   defaultOpen?: boolean;
   open?: boolean;
   onOpenChange?: (open: boolean) => void;
-}): react_jsx_runtime236.JSX.Element;
+}): react_jsx_runtime181.JSX.Element;
 declare function Sidebar({
   side,
   variant,
@@ -37,78 +37,78 @@ declare function Sidebar({
   className,
   children,
   ...props
-}: React.ComponentProps<"div"> & {
-  side?: "left" | "right";
-  variant?: "sidebar" | "floating" | "inset";
-  collapsible?: "offcanvas" | "icon" | "none";
-}): react_jsx_runtime236.JSX.Element;
+}: React.ComponentProps<'div'> & {
+  side?: 'left' | 'right';
+  variant?: 'sidebar' | 'floating' | 'inset';
+  collapsible?: 'offcanvas' | 'icon' | 'none';
+}): react_jsx_runtime181.JSX.Element;
 declare function SidebarTrigger({
   className,
   onClick,
   ...props
-}: React.ComponentProps<typeof Button>): react_jsx_runtime236.JSX.Element;
+}: React.ComponentProps<typeof Button>): react_jsx_runtime181.JSX.Element;
 declare function SidebarRail({
   className,
   ...props
-}: React.ComponentProps<"button">): react_jsx_runtime236.JSX.Element;
+}: React.ComponentProps<'button'>): react_jsx_runtime181.JSX.Element;
 declare function SidebarInset({
   className,
   ...props
-}: React.ComponentProps<"main">): react_jsx_runtime236.JSX.Element;
+}: React.ComponentProps<'main'>): react_jsx_runtime181.JSX.Element;
 declare function SidebarInput({
   className,
   ...props
-}: React.ComponentProps<typeof Input>): react_jsx_runtime236.JSX.Element;
+}: React.ComponentProps<typeof Input>): react_jsx_runtime181.JSX.Element;
 declare function SidebarHeader({
   className,
   ...props
-}: React.ComponentProps<"div">): react_jsx_runtime236.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime181.JSX.Element;
 declare function SidebarFooter({
   className,
   ...props
-}: React.ComponentProps<"div">): react_jsx_runtime236.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime181.JSX.Element;
 declare function SidebarSeparator({
   className,
   ...props
-}: React.ComponentProps<typeof Separator>): react_jsx_runtime236.JSX.Element;
+}: React.ComponentProps<typeof Separator>): react_jsx_runtime181.JSX.Element;
 declare function SidebarContent({
   className,
   ...props
-}: React.ComponentProps<"div">): react_jsx_runtime236.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime181.JSX.Element;
 declare function SidebarGroup({
   className,
   ...props
-}: React.ComponentProps<"div">): react_jsx_runtime236.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime181.JSX.Element;
 declare function SidebarGroupLabel({
   className,
   asChild,
   ...props
-}: React.ComponentProps<"div"> & {
+}: React.ComponentProps<'div'> & {
   asChild?: boolean;
-}): react_jsx_runtime236.JSX.Element;
+}): react_jsx_runtime181.JSX.Element;
 declare function SidebarGroupAction({
   className,
   asChild,
   ...props
-}: React.ComponentProps<"button"> & {
+}: React.ComponentProps<'button'> & {
   asChild?: boolean;
-}): react_jsx_runtime236.JSX.Element;
+}): react_jsx_runtime181.JSX.Element;
 declare function SidebarGroupContent({
   className,
   ...props
-}: React.ComponentProps<"div">): react_jsx_runtime236.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime181.JSX.Element;
 declare function SidebarMenu({
   className,
   ...props
-}: React.ComponentProps<"ul">): react_jsx_runtime236.JSX.Element;
+}: React.ComponentProps<'ul'>): react_jsx_runtime181.JSX.Element;
 declare function SidebarMenuItem({
   className,
   ...props
-}: React.ComponentProps<"li">): react_jsx_runtime236.JSX.Element;
+}: React.ComponentProps<'li'>): react_jsx_runtime181.JSX.Element;
 declare const sidebarMenuButtonVariants: (props?: ({
   variant?: "default" | "outline" | null | undefined;
   size?: "sm" | "lg" | "default" | null | undefined;
-} & class_variance_authority_types6.ClassProp) | undefined) => string;
+} & class_variance_authority_types5.ClassProp) | undefined) => string;
 declare function SidebarMenuButton({
   asChild,
   isActive,
@@ -117,50 +117,50 @@ declare function SidebarMenuButton({
   tooltip,
   className,
   ...props
-}: React.ComponentProps<"button"> & {
+}: React.ComponentProps<'button'> & {
   asChild?: boolean;
   isActive?: boolean;
   tooltip?: string | React.ComponentProps<typeof TooltipContent>;
-} & VariantProps<typeof sidebarMenuButtonVariants>): react_jsx_runtime236.JSX.Element;
+} & VariantProps<typeof sidebarMenuButtonVariants>): react_jsx_runtime181.JSX.Element;
 declare function SidebarMenuAction({
   className,
   asChild,
   showOnHover,
   ...props
-}: React.ComponentProps<"button"> & {
+}: React.ComponentProps<'button'> & {
   asChild?: boolean;
   showOnHover?: boolean;
-}): react_jsx_runtime236.JSX.Element;
+}): react_jsx_runtime181.JSX.Element;
 declare function SidebarMenuBadge({
   className,
   ...props
-}: React.ComponentProps<"div">): react_jsx_runtime236.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime181.JSX.Element;
 declare function SidebarMenuSkeleton({
   className,
   showIcon,
   ...props
-}: React.ComponentProps<"div"> & {
+}: React.ComponentProps<'div'> & {
   showIcon?: boolean;
-}): react_jsx_runtime236.JSX.Element;
+}): react_jsx_runtime181.JSX.Element;
 declare function SidebarMenuSub({
   className,
   ...props
-}: React.ComponentProps<"ul">): react_jsx_runtime236.JSX.Element;
+}: React.ComponentProps<'ul'>): react_jsx_runtime181.JSX.Element;
 declare function SidebarMenuSubItem({
   className,
   ...props
-}: React.ComponentProps<"li">): react_jsx_runtime236.JSX.Element;
+}: React.ComponentProps<'li'>): react_jsx_runtime181.JSX.Element;
 declare function SidebarMenuSubButton({
   asChild,
   size,
   isActive,
   className,
   ...props
-}: React.ComponentProps<"a"> & {
+}: React.ComponentProps<'a'> & {
   asChild?: boolean;
-  size?: "sm" | "md";
+  size?: 'sm' | 'md';
   isActive?: boolean;
-}): react_jsx_runtime236.JSX.Element;
+}): react_jsx_runtime181.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"../../../button-DFvetIX8.js";import"../../../input-B030EUY5.js";import"../../../tooltip-DvNio7Zt.js";import"../../../separator-DMdqEz29.js";import"../../../skeleton-D1_Brnl9.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-b8PM_MQy.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-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};

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

@@ -1,2 +1,2 @@
-const e=require(`../../chunk-CUT6urMc.cjs`);require(`../../utils-BsjVK5EW.cjs`),require(`../../button-BgNGzTUH.cjs`);const t=require(`../../dialog-Bh4dL0ew.cjs`);require(`../../input-mUjZrK2c.cjs`);const n=require(`../../flex-B5MQmxX8.cjs`),r=require(`../../date-Cw6Jf7k6.cjs`);require(`../../tooltip-CG3D3TIL.cjs`);const i=require(`../../title-DrIfj31i.cjs`);require(`../../separator-Bi0LBh7T.cjs`),require(`../../skeleton-DkSs2Vh3.cjs`);const a=require(`../../sidebar-99vu8Xl2.cjs`),o=e.__toESM(require(`react/jsx-runtime`)),s=e.__toESM(require(`lucide-react`)),c=()=>(0,o.jsxs)(t.DialogHeader,{className:`sr-only`,children:[(0,o.jsx)(t.DialogTitle,{className:`sr-only`}),(0,o.jsx)(t.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:t})=>(0,o.jsxs)(`header`,{className:`relative flex items-start gap-x-2.5 border-b px-2 py-2.5`,children:[(0,o.jsx)(a.SidebarTrigger,{}),(0,o.jsxs)(n.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)(n.Flex,{padding:`none`,className:`text-muted-foreground`,children:[(0,o.jsx)(s.CalendarIcon,{size:12}),!!t&&(0,o.jsx)(r.DateDisplay,{showTime:!0,showHoliday:!0,date:t,format:`full`})]})]})]}),d=({children:e})=>(0,o.jsx)(t.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:`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:r=!1,sidebarTitle:i,sidebar:s,sidebarFooter:p,title:m,createdAt:h,onOpenChange:g,children:_})=>(0,o.jsx)(t.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}),r?(0,o.jsx)(n.Flex,{justify:`center`,className:`bg-muted/50 size-full`,children:(0,o.jsx)(`div`,{className:`loader`})}):(0,o.jsx)(`section`,{className:`bg-muted/50 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-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;
 //# sourceMappingURL=index.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","names":["DialogHeader","DialogTitle","DialogDescription","DetailDialogMain: React.FC<React.PropsWithChildren>","DetailDialogMainHeader: React.FC<\n  React.PropsWithChildren<{\n    title: string;\n    createdAt: string | Date | number;\n  }>\n>","SidebarTrigger","Flex","Title","CalendarIcon","DateDisplay","DetailDialogWrapper: React.FC<React.PropsWithChildren>","DialogContent","DetailDialogSidebar: React.FC<\n  React.PropsWithChildren<{ title?: string; sidebarFooter?: React.ReactNode }>\n>","Sidebar","SidebarHeader","SidebarMenu","SidebarMenuItem","SidebarMenuButton","CatIcon","SidebarContent","SidebarGroup","SidebarFooter","DetailDialog: React.FC<React.PropsWithChildren<Props>>","Dialog","SidebarProvider","Flex"],"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 {\n  DialogDescription,\n  DialogHeader,\n  DialogTitle,\n} 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\";\n\nimport { SidebarTrigger } from \"./sidebar\";\n\nexport const DetailDialogMain: React.FC<React.PropsWithChildren> = ({\n  children,\n}) => {\n  return (\n    <main className=\"relative flex h-full flex-1 flex-col\">\n      <div className=\"absolute inset-0 flex size-full flex-col\">{children}</div>\n    </main>\n  );\n};\n\nexport const DetailDialogMainHeader: React.FC<\n  React.PropsWithChildren<{\n    title: string;\n    createdAt: string | Date | number;\n  }>\n> = ({ title, createdAt }) => {\n  return (\n    <header className=\"relative flex items-start gap-x-2.5 border-b px-2 py-2.5\">\n      <SidebarTrigger />\n      <Flex vertical align=\"start\" padding=\"none\" className=\"flex-1\">\n        <Title level={5}>{title || \"Detail Dialog\"}</Title>\n        <Flex padding=\"none\" className=\"text-muted-foreground\">\n          <CalendarIcon size={12} />\n          {!!createdAt && (\n            <DateDisplay showTime showHoliday date={createdAt} format=\"full\" />\n          )}\n        </Flex>\n      </Flex>\n    </header>\n  );\n};\n","import { DialogContent } from \"@/components/ui/dialog\";\n\nexport const DetailDialogWrapper: React.FC<React.PropsWithChildren> = ({\n  children,\n}) => {\n  return (\n    <DialogContent\n      className=\"relative h-full max-h-[90svh] overflow-hidden rounded-lg border-none p-0 sm:max-w-[calc(100svw-2rem)]\"\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  Sidebar,\n  SidebarContent,\n  SidebarFooter,\n  SidebarGroup,\n  SidebarHeader,\n  SidebarMenu,\n  SidebarMenuButton,\n  SidebarMenuItem,\n  SidebarProvider,\n} from \"./component/sidebar\";\nimport { DetailDialogWrapper } from \"./component/wrapper\";\n\nconst DetailDialogSidebar: React.FC<\n  React.PropsWithChildren<{ title?: string; sidebarFooter?: React.ReactNode }>\n> = ({ title, sidebarFooter, children }) => {\n  return (\n    <Sidebar collapsible=\"icon\" className=\"hidden border-r md:flex\">\n      <SidebarHeader>\n        <SidebarMenu>\n          <SidebarMenuItem>\n            <SidebarMenuButton 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\">\n                  {title || \"Detail Dialog\"}\n                </span>\n                <span className=\"truncate text-xs\">Lunas Enterprise</span>\n              </div>\n            </SidebarMenuButton>\n          </SidebarMenuItem>\n        </SidebarMenu>\n      </SidebarHeader>\n      <SidebarContent>\n        <SidebarGroup>{children}</SidebarGroup>\n      </SidebarContent>\n      {sidebarFooter && <SidebarFooter>{sidebarFooter}</SidebarFooter>}\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\n        <SidebarProvider className=\"h-full min-h-[85svh] items-start\">\n          <DetailDialogSidebar\n            title={sidebarTitle}\n            sidebarFooter={sidebarFooter}\n          >\n            {sidebar}\n          </DetailDialogSidebar>\n          <DetailDialogMain>\n            <DetailDialogMainHeader title={title} createdAt={createdAt} />\n            {isLoading ? (\n              <Flex justify=\"center\" className=\"bg-muted/50 size-full\">\n                <div className=\"loader\" />\n              </Flex>\n            ) : (\n              <section className=\"bg-muted/50 relative flex-1 overflow-y-auto inset-shadow-sm\">\n                {children}\n              </section>\n            )}\n          </DetailDialogMain>\n        </SidebarProvider>\n      </DetailDialogWrapper>\n    </Dialog>\n  );\n};\n"],"mappings":"ojBAMa,OAET,EAAA,EAAA,MAACA,EAAAA,aAAAA,CAAa,UAAU,qBACtB,EAAA,EAAA,KAACC,EAAAA,YAAAA,CAAY,UAAU,aACvB,EAAA,EAAA,KAACC,EAAAA,kBAAAA,CAAkB,UAAU,eCFtBC,GAAuD,CAClE,eAGE,EAAA,EAAA,KAAC,OAAA,CAAK,UAAU,iDACd,EAAA,EAAA,KAAC,MAAA,CAAI,UAAU,2CAA4C,eAKpDC,GAKR,CAAE,QAAO,gBAEV,EAAA,EAAA,MAAC,SAAA,CAAO,UAAU,sEAChB,EAAA,EAAA,KAACC,EAAAA,eAAAA,KACD,EAAA,EAAA,MAACoB,EAAAA,KAAAA,CAAK,SAAA,GAAS,MAAM,QAAQ,QAAQ,OAAO,UAAU,oBACpD,EAAA,EAAA,KAAClB,EAAAA,MAAAA,CAAM,MAAO,WAAI,GAAS,mBAC3B,EAAA,EAAA,MAACkB,EAAAA,KAAAA,CAAK,QAAQ,OAAO,UAAU,mCAC7B,EAAA,EAAA,KAACjB,EAAAA,aAAAA,CAAa,KAAM,KACnB,CAAC,CAAC,IACD,EAAA,EAAA,KAACC,EAAAA,YAAAA,CAAY,SAAA,GAAS,YAAA,GAAY,KAAM,EAAW,OAAO,kBC9BzDC,GAA0D,CACrE,eAGE,EAAA,EAAA,KAACC,EAAAA,cAAAA,CACC,UAAU,wGACV,kBAAoB,GAAM,CACxB,EAAE,iBACF,EAAE,mBAGH,aCODC,GAED,CAAE,QAAO,gBAAe,eAEzB,EAAA,EAAA,MAACC,EAAAA,QAAAA,CAAQ,YAAY,OAAO,UAAU,qCACpC,EAAA,EAAA,KAACC,EAAAA,cAAAA,CAAAA,UACC,EAAA,EAAA,KAACC,EAAAA,YAAAA,CAAAA,UACC,EAAA,EAAA,KAACC,EAAAA,gBAAAA,CAAAA,UACC,EAAA,EAAA,MAACC,EAAAA,kBAAAA,CAAkB,KAAK,KAAK,SAAU,cACrC,EAAA,EAAA,KAAC,MAAA,CAAI,UAAU,gIACb,EAAA,EAAA,KAACC,EAAAA,QAAAA,CAAQ,KAAM,QAEjB,EAAA,EAAA,MAAC,MAAA,CAAI,UAAU,yDACb,EAAA,EAAA,KAAC,OAAA,CAAK,UAAU,gCACb,GAAS,mBAEZ,EAAA,EAAA,KAAC,OAAA,CAAK,UAAU,4BAAmB,kCAM7C,EAAA,EAAA,KAACC,EAAAA,eAAAA,CAAAA,UACC,EAAA,EAAA,KAACC,EAAAA,aAAAA,CAAc,eAEhB,IAAiB,EAAA,EAAA,KAACC,EAAAA,cAAAA,CAAAA,SAAe,OAe3BC,GAA0D,CACrE,OACA,YAAY,GACZ,eACA,UACA,gBACA,QACA,YACA,eACA,eAGE,EAAA,EAAA,KAACC,EAAAA,OAAAA,CAAa,OAAoB,yBAChC,EAAA,EAAA,MAAC,EAAA,CAAA,SAAA,EACC,EAAA,EAAA,KAAC,EAAA,KAED,EAAA,EAAA,MAACC,EAAAA,gBAAAA,CAAgB,UAAU,8CACzB,EAAA,EAAA,KAAC,EAAA,CACC,MAAO,EACQ,yBAEd,KAEH,EAAA,EAAA,MAAC,EAAA,CAAA,SAAA,EACC,EAAA,EAAA,KAAC,EAAA,CAA8B,QAAkB,cAChD,GACC,EAAA,EAAA,KAACC,EAAAA,KAAAA,CAAK,QAAQ,SAAS,UAAU,kCAC/B,EAAA,EAAA,KAAC,MAAA,CAAI,UAAU,cAGjB,EAAA,EAAA,KAAC,UAAA,CAAQ,UAAU,8DAChB"}
+{"version":3,"file":"index.cjs","names":["DialogHeader","DialogTitle","DialogDescription","DetailDialogMain: React.FC<React.PropsWithChildren>","DetailDialogMainHeader: React.FC<\n  React.PropsWithChildren<{\n    title: string\n    createdAt: string | Date | number\n  }>\n>","SidebarTrigger","Flex","Title","CalendarIcon","DateDisplay","DetailDialogWrapper: React.FC<React.PropsWithChildren>","DialogContent","DetailDialogSidebar: React.FC<React.PropsWithChildren<{ title?: string; sidebarFooter?: React.ReactNode }>>","Sidebar","SidebarHeader","SidebarMenu","SidebarMenuItem","SidebarMenuButton","CatIcon","SidebarContent","SidebarGroup","SidebarFooter","DetailDialog: React.FC<React.PropsWithChildren<Props>>","Dialog","SidebarProvider","Flex"],"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'\n\nimport { SidebarTrigger } from './sidebar'\n\nexport const DetailDialogMain: React.FC<React.PropsWithChildren> = ({ children }) => {\n  return (\n    <main className=\"relative flex h-full flex-1 flex-col\">\n      <div className=\"absolute inset-0 flex size-full flex-col\">{children}</div>\n    </main>\n  )\n}\n\nexport const DetailDialogMainHeader: React.FC<\n  React.PropsWithChildren<{\n    title: string\n    createdAt: string | Date | number\n  }>\n> = ({ title, createdAt }) => {\n  return (\n    <header className=\"border-border-weak relative flex items-start gap-x-2.5 border-b px-2 py-2.5\">\n      <SidebarTrigger />\n      <Flex vertical align=\"start\" padding=\"none\" className=\"flex-1\">\n        <Title level={5}>{title || 'Detail Dialog'}</Title>\n        <Flex padding=\"none\" className=\"text-muted-foreground\">\n          <CalendarIcon size={12} />\n          {!!createdAt && <DateDisplay showTime showHoliday date={createdAt} format=\"full\" />}\n        </Flex>\n      </Flex>\n    </header>\n  )\n}\n","import { DialogContent } from '@/components/ui/dialog'\n\nexport const DetailDialogWrapper: React.FC<React.PropsWithChildren> = ({ children }) => {\n  return (\n    <DialogContent\n      className=\"relative h-full max-h-[90svh] overflow-hidden rounded-lg border-none p-0 sm:max-w-[calc(100svw-2rem)]\"\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  Sidebar,\n  SidebarContent,\n  SidebarFooter,\n  SidebarGroup,\n  SidebarHeader,\n  SidebarMenu,\n  SidebarMenuButton,\n  SidebarMenuItem,\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=\"border-border-weak hidden border-r md:flex\">\n      <SidebarHeader>\n        <SidebarMenu>\n          <SidebarMenuItem>\n            <SidebarMenuButton 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            </SidebarMenuButton>\n          </SidebarMenuItem>\n        </SidebarMenu>\n      </SidebarHeader>\n      <SidebarContent>\n        <SidebarGroup>{children}</SidebarGroup>\n      </SidebarContent>\n      {sidebarFooter && <SidebarFooter>{sidebarFooter}</SidebarFooter>}\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\n        <SidebarProvider className=\"h-full min-h-[85svh] items-start\">\n          <DetailDialogSidebar title={sidebarTitle} sidebarFooter={sidebarFooter}>\n            {sidebar}\n          </DetailDialogSidebar>\n          <DetailDialogMain>\n            <DetailDialogMainHeader title={title} createdAt={createdAt} />\n            {isLoading ? (\n              <Flex justify=\"center\" className=\"bg-muted-muted/20 size-full\">\n                <div className=\"loader\" />\n              </Flex>\n            ) : (\n              <section className=\"bg-muted-muted/20 relative flex-1 overflow-y-auto inset-shadow-sm\">{children}</section>\n            )}\n          </DetailDialogMain>\n        </SidebarProvider>\n      </DetailDialogWrapper>\n    </Dialog>\n  )\n}\n"],"mappings":"ojBAEa,OAET,EAAA,EAAA,MAACA,EAAAA,aAAAA,CAAa,UAAU,qBACtB,EAAA,EAAA,KAACC,EAAAA,YAAAA,CAAY,UAAU,aACvB,EAAA,EAAA,KAACC,EAAAA,kBAAAA,CAAkB,UAAU,eCEtBC,GAAuD,CAAE,eAElE,EAAA,EAAA,KAAC,OAAA,CAAK,UAAU,iDACd,EAAA,EAAA,KAAC,MAAA,CAAI,UAAU,2CAA4C,eAKpDC,GAKR,CAAE,QAAO,gBAEV,EAAA,EAAA,MAAC,SAAA,CAAO,UAAU,yFAChB,EAAA,EAAA,KAACC,EAAAA,eAAAA,KACD,EAAA,EAAA,MAACoB,EAAAA,KAAAA,CAAK,SAAA,GAAS,MAAM,QAAQ,QAAQ,OAAO,UAAU,oBACpD,EAAA,EAAA,KAAClB,EAAAA,MAAAA,CAAM,MAAO,WAAI,GAAS,mBAC3B,EAAA,EAAA,MAACkB,EAAAA,KAAAA,CAAK,QAAQ,OAAO,UAAU,mCAC7B,EAAA,EAAA,KAACjB,EAAAA,aAAAA,CAAa,KAAM,KACnB,CAAC,CAAC,IAAa,EAAA,EAAA,KAACC,EAAAA,YAAAA,CAAY,SAAA,GAAS,YAAA,GAAY,KAAM,EAAW,OAAO,kBC3BvEC,GAA0D,CAAE,eAErE,EAAA,EAAA,KAACC,EAAAA,cAAAA,CACC,UAAU,wGACV,kBAAoB,GAAM,CACxB,EAAE,iBACF,EAAE,mBAGH,aCSDC,GAA+G,CAAE,QAAO,gBAAe,eAEzI,EAAA,EAAA,MAACC,EAAAA,QAAAA,CAAQ,YAAY,OAAO,UAAU,wDACpC,EAAA,EAAA,KAACC,EAAAA,cAAAA,CAAAA,UACC,EAAA,EAAA,KAACC,EAAAA,YAAAA,CAAAA,UACC,EAAA,EAAA,KAACC,EAAAA,gBAAAA,CAAAA,UACC,EAAA,EAAA,MAACC,EAAAA,kBAAAA,CAAkB,KAAK,KAAK,SAAU,cACrC,EAAA,EAAA,KAAC,MAAA,CAAI,UAAU,gIACb,EAAA,EAAA,KAACC,EAAAA,QAAAA,CAAQ,KAAM,QAEjB,EAAA,EAAA,MAAC,MAAA,CAAI,UAAU,yDACb,EAAA,EAAA,KAAC,OAAA,CAAK,UAAU,gCAAwB,GAAS,mBACjD,EAAA,EAAA,KAAC,OAAA,CAAK,UAAU,4BAAmB,kCAM7C,EAAA,EAAA,KAACC,EAAAA,eAAAA,CAAAA,UACC,EAAA,EAAA,KAACC,EAAAA,aAAAA,CAAc,eAEhB,IAAiB,EAAA,EAAA,KAACC,EAAAA,cAAAA,CAAAA,SAAe,OAe3BC,GAA0D,CACrE,OACA,YAAY,GACZ,eACA,UACA,gBACA,QACA,YACA,eACA,eAGE,EAAA,EAAA,KAACC,EAAAA,OAAAA,CAAa,OAAoB,yBAChC,EAAA,EAAA,MAAC,EAAA,CAAA,SAAA,EACC,EAAA,EAAA,KAAC,EAAA,KAED,EAAA,EAAA,MAACC,EAAAA,gBAAAA,CAAgB,UAAU,8CACzB,EAAA,EAAA,KAAC,EAAA,CAAoB,MAAO,EAA6B,yBACtD,KAEH,EAAA,EAAA,MAAC,EAAA,CAAA,SAAA,EACC,EAAA,EAAA,KAAC,EAAA,CAA8B,QAAkB,cAChD,GACC,EAAA,EAAA,KAACC,EAAAA,KAAAA,CAAK,QAAQ,SAAS,UAAU,wCAC/B,EAAA,EAAA,KAAC,MAAA,CAAI,UAAU,cAGjB,EAAA,EAAA,KAAC,UAAA,CAAQ,UAAU,oEAAqE"}

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

@@ -1,2 +1,2 @@
-import"../../utils-D9AH0PUV.js";import"../../button-DFvetIX8.js";import{Dialog as e,DialogContent as t,DialogDescription as n,DialogHeader as r,DialogTitle as i}from"../../dialog-CzSIPgHw.js";import"../../input-B030EUY5.js";import{Flex as a}from"../../flex-CBAzUoXK.js";import{DateDisplay as o}from"../../date-B1g1OMYc.js";import"../../tooltip-DvNio7Zt.js";import{Title as s}from"../../title-CA6PvqiD.js";import"../../separator-DMdqEz29.js";import"../../skeleton-D1_Brnl9.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-b8PM_MQy.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(r,{className:`sr-only`,children:[v(i,{className:`sr-only`}),v(n,{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:e,createdAt:t})=>y(`header`,{className:`relative flex items-start gap-x-2.5 border-b px-2 py-2.5`,children:[v(_,{}),y(a,{vertical:!0,align:`start`,padding:`none`,className:`flex-1`,children:[v(s,{level:5,children:e||`Detail Dialog`}),y(a,{padding:`none`,className:`text-muted-foreground`,children:[v(b,{size:12}),!!t&&v(o,{showTime:!0,showHoliday:!0,date:t,format:`full`})]})]})]}),T=({children:e})=>v(t,{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:`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:n=!1,sidebarTitle:r,sidebar:i,sidebarFooter:o,title:s,createdAt:c,onOpenChange:l,children:u})=>v(e,{open:t,onOpenChange:l,children:y(T,{children:[v(S,{}),y(g,{className:`h-full min-h-[85svh] items-start`,children:[v(E,{title:r,sidebarFooter:o,children:i}),y(C,{children:[v(w,{title:s,createdAt:c}),n?v(a,{justify:`center`,className:`bg-muted/50 size-full`,children:v(`div`,{className:`loader`})}):v(`section`,{className:`bg-muted/50 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-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};
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["DetailDialogMain: React.FC<React.PropsWithChildren>","DetailDialogMainHeader: React.FC<\n  React.PropsWithChildren<{\n    title: string;\n    createdAt: string | Date | number;\n  }>\n>","DetailDialogWrapper: React.FC<React.PropsWithChildren>","DetailDialogSidebar: React.FC<\n  React.PropsWithChildren<{ title?: string; sidebarFooter?: React.ReactNode }>\n>","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 {\n  DialogDescription,\n  DialogHeader,\n  DialogTitle,\n} 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\";\n\nimport { SidebarTrigger } from \"./sidebar\";\n\nexport const DetailDialogMain: React.FC<React.PropsWithChildren> = ({\n  children,\n}) => {\n  return (\n    <main className=\"relative flex h-full flex-1 flex-col\">\n      <div className=\"absolute inset-0 flex size-full flex-col\">{children}</div>\n    </main>\n  );\n};\n\nexport const DetailDialogMainHeader: React.FC<\n  React.PropsWithChildren<{\n    title: string;\n    createdAt: string | Date | number;\n  }>\n> = ({ title, createdAt }) => {\n  return (\n    <header className=\"relative flex items-start gap-x-2.5 border-b px-2 py-2.5\">\n      <SidebarTrigger />\n      <Flex vertical align=\"start\" padding=\"none\" className=\"flex-1\">\n        <Title level={5}>{title || \"Detail Dialog\"}</Title>\n        <Flex padding=\"none\" className=\"text-muted-foreground\">\n          <CalendarIcon size={12} />\n          {!!createdAt && (\n            <DateDisplay showTime showHoliday date={createdAt} format=\"full\" />\n          )}\n        </Flex>\n      </Flex>\n    </header>\n  );\n};\n","import { DialogContent } from \"@/components/ui/dialog\";\n\nexport const DetailDialogWrapper: React.FC<React.PropsWithChildren> = ({\n  children,\n}) => {\n  return (\n    <DialogContent\n      className=\"relative h-full max-h-[90svh] overflow-hidden rounded-lg border-none p-0 sm:max-w-[calc(100svw-2rem)]\"\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  Sidebar,\n  SidebarContent,\n  SidebarFooter,\n  SidebarGroup,\n  SidebarHeader,\n  SidebarMenu,\n  SidebarMenuButton,\n  SidebarMenuItem,\n  SidebarProvider,\n} from \"./component/sidebar\";\nimport { DetailDialogWrapper } from \"./component/wrapper\";\n\nconst DetailDialogSidebar: React.FC<\n  React.PropsWithChildren<{ title?: string; sidebarFooter?: React.ReactNode }>\n> = ({ title, sidebarFooter, children }) => {\n  return (\n    <Sidebar collapsible=\"icon\" className=\"hidden border-r md:flex\">\n      <SidebarHeader>\n        <SidebarMenu>\n          <SidebarMenuItem>\n            <SidebarMenuButton 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\">\n                  {title || \"Detail Dialog\"}\n                </span>\n                <span className=\"truncate text-xs\">Lunas Enterprise</span>\n              </div>\n            </SidebarMenuButton>\n          </SidebarMenuItem>\n        </SidebarMenu>\n      </SidebarHeader>\n      <SidebarContent>\n        <SidebarGroup>{children}</SidebarGroup>\n      </SidebarContent>\n      {sidebarFooter && <SidebarFooter>{sidebarFooter}</SidebarFooter>}\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\n        <SidebarProvider className=\"h-full min-h-[85svh] items-start\">\n          <DetailDialogSidebar\n            title={sidebarTitle}\n            sidebarFooter={sidebarFooter}\n          >\n            {sidebar}\n          </DetailDialogSidebar>\n          <DetailDialogMain>\n            <DetailDialogMainHeader title={title} createdAt={createdAt} />\n            {isLoading ? (\n              <Flex justify=\"center\" className=\"bg-muted/50 size-full\">\n                <div className=\"loader\" />\n              </Flex>\n            ) : (\n              <section className=\"bg-muted/50 relative flex-1 overflow-y-auto inset-shadow-sm\">\n                {children}\n              </section>\n            )}\n          </DetailDialogMain>\n        </SidebarProvider>\n      </DetailDialogWrapper>\n    </Dialog>\n  );\n};\n"],"mappings":"6yBAMA,MAAa,MAET,EAAC,EAAA,CAAa,UAAU,oBACtB,EAAC,EAAA,CAAY,UAAU,YACvB,EAAC,EAAA,CAAkB,UAAU,eCFtBA,GAAuD,CAClE,cAGE,EAAC,OAAA,CAAK,UAAU,gDACd,EAAC,MAAA,CAAI,UAAU,2CAA4C,eAKpDC,GAKR,CAAE,QAAO,eAEV,EAAC,SAAA,CAAO,UAAU,qEAChB,EAAC,EAAA,IACD,EAAC,EAAA,CAAK,SAAA,GAAS,MAAM,QAAQ,QAAQ,OAAO,UAAU,mBACpD,EAAC,EAAA,CAAM,MAAO,WAAI,GAAS,kBAC3B,EAAC,EAAA,CAAK,QAAQ,OAAO,UAAU,kCAC7B,EAAC,EAAA,CAAa,KAAM,KACnB,CAAC,CAAC,GACD,EAAC,EAAA,CAAY,SAAA,GAAS,YAAA,GAAY,KAAM,EAAW,OAAO,kBC9BzDC,GAA0D,CACrE,cAGE,EAAC,EAAA,CACC,UAAU,wGACV,kBAAoB,GAAM,CACxB,EAAE,iBACF,EAAE,mBAGH,aCODC,GAED,CAAE,QAAO,gBAAe,cAEzB,EAAC,EAAA,CAAQ,YAAY,OAAO,UAAU,oCACpC,EAAC,EAAA,CAAA,SACC,EAAC,EAAA,CAAA,SACC,EAAC,EAAA,CAAA,SACC,EAAC,EAAA,CAAkB,KAAK,KAAK,SAAU,aACrC,EAAC,MAAA,CAAI,UAAU,+HACb,EAAC,EAAA,CAAQ,KAAM,OAEjB,EAAC,MAAA,CAAI,UAAU,wDACb,EAAC,OAAA,CAAK,UAAU,gCACb,GAAS,kBAEZ,EAAC,OAAA,CAAK,UAAU,4BAAmB,iCAM7C,EAAC,EAAA,CAAA,SACC,EAAC,EAAA,CAAc,eAEhB,GAAiB,EAAC,EAAA,CAAA,SAAe,OAe3BC,GAA0D,CACrE,OACA,YAAY,GACZ,eACA,UACA,gBACA,QACA,YACA,eACA,cAGE,EAAC,EAAA,CAAa,OAAoB,wBAChC,EAAC,EAAA,CAAA,SAAA,CACC,EAAC,EAAA,IAED,EAAC,EAAA,CAAgB,UAAU,6CACzB,EAAC,EAAA,CACC,MAAO,EACQ,yBAEd,IAEH,EAAC,EAAA,CAAA,SAAA,CACC,EAAC,EAAA,CAA8B,QAAkB,cAChD,EACC,EAAC,EAAA,CAAK,QAAQ,SAAS,UAAU,iCAC/B,EAAC,MAAA,CAAI,UAAU,aAGjB,EAAC,UAAA,CAAQ,UAAU,8DAChB"}
+{"version":3,"file":"index.js","names":["DetailDialogMain: React.FC<React.PropsWithChildren>","DetailDialogMainHeader: React.FC<\n  React.PropsWithChildren<{\n    title: string\n    createdAt: string | Date | number\n  }>\n>","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'\n\nimport { SidebarTrigger } from './sidebar'\n\nexport const DetailDialogMain: React.FC<React.PropsWithChildren> = ({ children }) => {\n  return (\n    <main className=\"relative flex h-full flex-1 flex-col\">\n      <div className=\"absolute inset-0 flex size-full flex-col\">{children}</div>\n    </main>\n  )\n}\n\nexport const DetailDialogMainHeader: React.FC<\n  React.PropsWithChildren<{\n    title: string\n    createdAt: string | Date | number\n  }>\n> = ({ title, createdAt }) => {\n  return (\n    <header className=\"border-border-weak relative flex items-start gap-x-2.5 border-b px-2 py-2.5\">\n      <SidebarTrigger />\n      <Flex vertical align=\"start\" padding=\"none\" className=\"flex-1\">\n        <Title level={5}>{title || 'Detail Dialog'}</Title>\n        <Flex padding=\"none\" className=\"text-muted-foreground\">\n          <CalendarIcon size={12} />\n          {!!createdAt && <DateDisplay showTime showHoliday date={createdAt} format=\"full\" />}\n        </Flex>\n      </Flex>\n    </header>\n  )\n}\n","import { DialogContent } from '@/components/ui/dialog'\n\nexport const DetailDialogWrapper: React.FC<React.PropsWithChildren> = ({ children }) => {\n  return (\n    <DialogContent\n      className=\"relative h-full max-h-[90svh] overflow-hidden rounded-lg border-none p-0 sm:max-w-[calc(100svw-2rem)]\"\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  Sidebar,\n  SidebarContent,\n  SidebarFooter,\n  SidebarGroup,\n  SidebarHeader,\n  SidebarMenu,\n  SidebarMenuButton,\n  SidebarMenuItem,\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=\"border-border-weak hidden border-r md:flex\">\n      <SidebarHeader>\n        <SidebarMenu>\n          <SidebarMenuItem>\n            <SidebarMenuButton 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            </SidebarMenuButton>\n          </SidebarMenuItem>\n        </SidebarMenu>\n      </SidebarHeader>\n      <SidebarContent>\n        <SidebarGroup>{children}</SidebarGroup>\n      </SidebarContent>\n      {sidebarFooter && <SidebarFooter>{sidebarFooter}</SidebarFooter>}\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\n        <SidebarProvider className=\"h-full min-h-[85svh] items-start\">\n          <DetailDialogSidebar title={sidebarTitle} sidebarFooter={sidebarFooter}>\n            {sidebar}\n          </DetailDialogSidebar>\n          <DetailDialogMain>\n            <DetailDialogMainHeader title={title} createdAt={createdAt} />\n            {isLoading ? (\n              <Flex justify=\"center\" className=\"bg-muted-muted/20 size-full\">\n                <div className=\"loader\" />\n              </Flex>\n            ) : (\n              <section className=\"bg-muted-muted/20 relative flex-1 overflow-y-auto inset-shadow-sm\">{children}</section>\n            )}\n          </DetailDialogMain>\n        </SidebarProvider>\n      </DetailDialogWrapper>\n    </Dialog>\n  )\n}\n"],"mappings":"6yBAEA,MAAa,MAET,EAAC,EAAA,CAAa,UAAU,oBACtB,EAAC,EAAA,CAAY,UAAU,YACvB,EAAC,EAAA,CAAkB,UAAU,eCEtBA,GAAuD,CAAE,cAElE,EAAC,OAAA,CAAK,UAAU,gDACd,EAAC,MAAA,CAAI,UAAU,2CAA4C,eAKpDC,GAKR,CAAE,QAAO,eAEV,EAAC,SAAA,CAAO,UAAU,wFAChB,EAAC,EAAA,IACD,EAAC,EAAA,CAAK,SAAA,GAAS,MAAM,QAAQ,QAAQ,OAAO,UAAU,mBACpD,EAAC,EAAA,CAAM,MAAO,WAAI,GAAS,kBAC3B,EAAC,EAAA,CAAK,QAAQ,OAAO,UAAU,kCAC7B,EAAC,EAAA,CAAa,KAAM,KACnB,CAAC,CAAC,GAAa,EAAC,EAAA,CAAY,SAAA,GAAS,YAAA,GAAY,KAAM,EAAW,OAAO,kBC3BvEC,GAA0D,CAAE,cAErE,EAAC,EAAA,CACC,UAAU,wGACV,kBAAoB,GAAM,CACxB,EAAE,iBACF,EAAE,mBAGH,aCSDC,GAA+G,CAAE,QAAO,gBAAe,cAEzI,EAAC,EAAA,CAAQ,YAAY,OAAO,UAAU,uDACpC,EAAC,EAAA,CAAA,SACC,EAAC,EAAA,CAAA,SACC,EAAC,EAAA,CAAA,SACC,EAAC,EAAA,CAAkB,KAAK,KAAK,SAAU,aACrC,EAAC,MAAA,CAAI,UAAU,+HACb,EAAC,EAAA,CAAQ,KAAM,OAEjB,EAAC,MAAA,CAAI,UAAU,wDACb,EAAC,OAAA,CAAK,UAAU,gCAAwB,GAAS,kBACjD,EAAC,OAAA,CAAK,UAAU,4BAAmB,iCAM7C,EAAC,EAAA,CAAA,SACC,EAAC,EAAA,CAAc,eAEhB,GAAiB,EAAC,EAAA,CAAA,SAAe,OAe3BC,GAA0D,CACrE,OACA,YAAY,GACZ,eACA,UACA,gBACA,QACA,YACA,eACA,cAGE,EAAC,EAAA,CAAa,OAAoB,wBAChC,EAAC,EAAA,CAAA,SAAA,CACC,EAAC,EAAA,IAED,EAAC,EAAA,CAAgB,UAAU,6CACzB,EAAC,EAAA,CAAoB,MAAO,EAA6B,yBACtD,IAEH,EAAC,EAAA,CAAA,SAAA,CACC,EAAC,EAAA,CAA8B,QAAkB,cAChD,EACC,EAAC,EAAA,CAAK,QAAQ,SAAS,UAAU,uCAC/B,EAAC,MAAA,CAAI,UAAU,aAGjB,EAAC,UAAA,CAAQ,UAAU,oEAAqE"}

package/dist/dialogs/error-dialog.cjs

@@ -1 +1 @@
-require(`../utils-BsjVK5EW.cjs`),require(`../button-BgNGzTUH.cjs`),require(`../alert-dialog-DEOx5Psb.cjs`);const e=require(`../error-dialog-OeWIgIvF.cjs`);exports.ErrorDialog=e.ErrorDialog;
+require(`../utils-BsjVK5EW.cjs`),require(`../button-BSGNpclh.cjs`),require(`../alert-dialog-D-oR0YW3.cjs`);const e=require(`../error-dialog-D5R5le-W.cjs`);exports.ErrorDialog=e.ErrorDialog;

package/dist/dialogs/error-dialog.js

@@ -1 +1 @@
-import"../utils-D9AH0PUV.js";import"../button-DFvetIX8.js";import"../alert-dialog-6r43mVE-.js";import{ErrorDialog as e}from"../error-dialog-Dg_OHJlH.js";export{e as ErrorDialog};
+import"../utils-D9AH0PUV.js";import"../button-CnMfXTBU.js";import"../alert-dialog-CNHyP_A9.js";import{ErrorDialog as e}from"../error-dialog-Q99thrSD.js";export{e as ErrorDialog};

package/dist/dialogs/form-dialog.cjs

@@ -1,2 +1,2 @@
-const e=require(`../chunk-CUT6urMc.cjs`),t=require(`../utils-BsjVK5EW.cjs`),n=require(`../button-BgNGzTUH.cjs`),r=require(`../dialog-Bh4dL0ew.cjs`);require(`../label-Cmi31X9c.cjs`),require(`../form-BbU1TIro.cjs`),require(`../alert-dialog-DEOx5Psb.cjs`),require(`../error-dialog-OeWIgIvF.cjs`);const i=require(`../form-wrapper-DeSGl64P.cjs`),a=e.__toESM(require(`react/jsx-runtime`)),o=({form:e,open:o,isSubmitting:s=!1,isResetAfterSubmit:c=!0,disableSubmit:l=!1,title:u,description:d,className:f,onOpenChange:p,onSubmit:m,onError:h,onReset:g,children:_})=>(0,a.jsx)(r.Dialog,{open:o,onOpenChange:p,children:(0,a.jsxs)(r.DialogContent,{className:t.cn(`flex flex-col gap-0 border-none p-0`,f),onInteractOutside:e=>{e.preventDefault(),e.stopPropagation()},children:[(0,a.jsxs)(r.DialogHeader,{className:`flex-0 gap-2 border-b px-6 pt-6 pb-4`,children:[(0,a.jsx)(r.DialogTitle,{children:u||`Form Dialog`}),(0,a.jsx)(r.DialogDescription,{children:d||`This is a form dialog where you can add your form elements.`})]}),(0,a.jsxs)(i.FormWrapper,{form:e,isResetAfterSubmit:c,className:`flex flex-1 flex-col overflow-y-auto pt-4`,onSubmit:m,onError:h,children:[(0,a.jsx)(`main`,{className:`flex-1 overflow-y-auto px-6`,children:_}),(0,a.jsxs)(r.DialogFooter,{className:`border-t px-6 pt-4 pb-6`,children:[(0,a.jsx)(n.Button,{tabIndex:-1,type:`button`,variant:`outline`,className:`w-30 rounded-full`,onClick:g,children:`Reset`}),(0,a.jsx)(n.Button,{autoFocus:!0,tabIndex:0,type:`submit`,isLoading:s,disabled:l,className:`w-30 rounded-full`,children:`Xác nhận`})]})]})]})});exports.FormDialog=o;
+const e=require(`../chunk-CUT6urMc.cjs`),t=require(`../utils-BsjVK5EW.cjs`),n=require(`../button-BSGNpclh.cjs`);require(`../alert-dialog-D-oR0YW3.cjs`),require(`../error-dialog-D5R5le-W.cjs`),require(`../label-B_2ZQn0X.cjs`),require(`../form-CHs85hm6.cjs`);const r=require(`../form-wrapper-CY-stRaQ.cjs`),i=require(`../dialog-_Cgij9NP.cjs`),a=e.__toESM(require(`react/jsx-runtime`)),o=({form:e,open:o,isSubmitting:s=!1,isResetAfterSubmit:c=!0,disableSubmit:l=!1,title:u,description:d,className:f,onOpenChange:p,onSubmit:m,onError:h,onReset:g,children:_})=>(0,a.jsx)(i.Dialog,{open:o,onOpenChange:p,children:(0,a.jsxs)(i.DialogContent,{className:t.cn(`flex flex-col gap-0 border-none p-0`,f),onInteractOutside:e=>{e.preventDefault(),e.stopPropagation()},children:[(0,a.jsxs)(i.DialogHeader,{className:`flex-0 gap-2 border-b px-6 pt-6 pb-4`,children:[(0,a.jsx)(i.DialogTitle,{children:u||`Form Dialog`}),(0,a.jsx)(i.DialogDescription,{children:d||`This is a form dialog where you can add your form elements.`})]}),(0,a.jsxs)(r.FormWrapper,{form:e,isResetAfterSubmit:c,className:`flex flex-1 flex-col overflow-y-auto pt-4`,onSubmit:m,onError:h,children:[(0,a.jsx)(`main`,{className:`flex-1 overflow-y-auto px-6`,children:_}),(0,a.jsxs)(i.DialogFooter,{className:`border-t px-6 pt-4 pb-6`,children:[(0,a.jsx)(n.Button,{tabIndex:-1,type:`button`,variant:`outline`,color:`muted`,className:`w-30 rounded-full`,onClick:g,children:`Reset`}),(0,a.jsx)(n.Button,{autoFocus:!0,tabIndex:0,type:`submit`,isLoading:s,disabled:l,className:`w-30 rounded-full`,children:`Xác nhận`})]})]})]})});exports.FormDialog=o;
 //# sourceMappingURL=form-dialog.cjs.map

package/dist/dialogs/form-dialog.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"form-dialog.cjs","names":["Dialog","DialogContent","cn","DialogHeader","DialogTitle","DialogDescription","FormWrapper","DialogFooter","Button"],"sources":["../../packages/components/dialogs/form-dialog.tsx"],"sourcesContent":["import type {\n  FieldValues,\n  FormState,\n  SubmitErrorHandler,\n  UseFormProps,\n} from \"react-hook-form\";\n\nimport { cn } from \"@/lib/utils\";\n\nimport { FormWrapper } from \"../forms/form-wrapper\";\nimport { Button } from \"../ui/button\";\nimport {\n  Dialog,\n  DialogContent,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogTitle,\n} from \"../ui/dialog\";\n\ntype Props<TFieldValues extends FieldValues = FieldValues> = {\n  form: UseFormProps<TFieldValues>;\n\n  open: boolean;\n  isSubmitting?: boolean;\n  isResetAfterSubmit?: boolean;\n  disableSubmit?: boolean;\n  title?: string;\n  description?: string;\n  className?: string;\n\n  onOpenChange: (open: boolean) => void;\n  onSubmit: (\n    data: TFieldValues,\n    formState: FormState<FieldValues>,\n    dirtyFields: FormState<FieldValues>[\"dirtyFields\"],\n  ) => void | Promise<void>;\n  onError?: SubmitErrorHandler<TFieldValues>;\n  onReset?: () => void;\n};\nexport const FormDialog = <TFieldValues extends FieldValues = FieldValues>({\n  form,\n  open,\n  isSubmitting = false,\n  isResetAfterSubmit = true,\n  disableSubmit = false,\n  title,\n  description,\n  className,\n\n  onOpenChange,\n  onSubmit,\n  onError,\n  onReset,\n  children,\n}: React.PropsWithChildren<Props<TFieldValues>>) => {\n  return (\n    <Dialog open={open} onOpenChange={onOpenChange}>\n      <DialogContent\n        className={cn(\"flex flex-col gap-0 border-none p-0\", className)}\n        onInteractOutside={(e) => {\n          e.preventDefault();\n          e.stopPropagation();\n        }}\n      >\n        <DialogHeader className=\"flex-0 gap-2 border-b px-6 pt-6 pb-4\">\n          <DialogTitle>{title || \"Form Dialog\"}</DialogTitle>\n          <DialogDescription>\n            {description ||\n              \"This is a form dialog where you can add your form elements.\"}\n          </DialogDescription>\n        </DialogHeader>\n        <FormWrapper\n          form={form}\n          isResetAfterSubmit={isResetAfterSubmit}\n          className=\"flex flex-1 flex-col overflow-y-auto pt-4\"\n          onSubmit={onSubmit}\n          onError={onError}\n        >\n          <main className=\"flex-1 overflow-y-auto px-6\">{children}</main>\n          <DialogFooter className=\"border-t px-6 pt-4 pb-6\">\n            <Button\n              tabIndex={-1}\n              type=\"button\"\n              variant=\"outline\"\n              className=\"w-30 rounded-full\"\n              onClick={onReset}\n            >\n              Reset\n            </Button>\n            <Button\n              autoFocus\n              tabIndex={0}\n              type=\"submit\"\n              isLoading={isSubmitting}\n              disabled={disableSubmit}\n              className=\"w-30 rounded-full\"\n            >\n              Xác nhận\n            </Button>\n          </DialogFooter>\n        </FormWrapper>\n      </DialogContent>\n    </Dialog>\n  );\n};\n"],"mappings":"+XAwCa,GAA8D,CACzE,OACA,OACA,eAAe,GACf,qBAAqB,GACrB,gBAAgB,GAChB,QACA,cACA,YAEA,eACA,WACA,UACA,UACA,eAGE,EAAA,EAAA,KAACA,EAAAA,OAAAA,CAAa,OAAoB,yBAChC,EAAA,EAAA,MAACC,EAAAA,cAAAA,CACC,UAAWC,EAAAA,GAAG,sCAAuC,GACrD,kBAAoB,GAAM,CACxB,EAAE,iBACF,EAAE,8BAGJ,EAAA,EAAA,MAACC,EAAAA,aAAAA,CAAa,UAAU,kDACtB,EAAA,EAAA,KAACC,EAAAA,YAAAA,CAAAA,SAAa,GAAS,iBACvB,EAAA,EAAA,KAACC,EAAAA,kBAAAA,CAAAA,SACE,GACC,oEAGN,EAAA,EAAA,MAACC,EAAAA,YAAAA,CACO,OACc,qBACpB,UAAU,4CACA,WACD,qBAET,EAAA,EAAA,KAAC,OAAA,CAAK,UAAU,8BAA+B,cAC/C,EAAA,EAAA,MAACC,EAAAA,aAAAA,CAAa,UAAU,qCACtB,EAAA,EAAA,KAACC,EAAAA,OAAAA,CACC,SAAU,GACV,KAAK,SACL,QAAQ,UACR,UAAU,oBACV,QAAS,WACV,WAGD,EAAA,EAAA,KAACA,EAAAA,OAAAA,CACC,UAAA,GACA,SAAU,EACV,KAAK,SACL,UAAW,EACX,SAAU,EACV,UAAU,6BACX"}
+{"version":3,"file":"form-dialog.cjs","names":["Dialog","DialogContent","cn","DialogHeader","DialogTitle","DialogDescription","FormWrapper","DialogFooter","Button"],"sources":["../../packages/components/dialogs/form-dialog.tsx"],"sourcesContent":["import type { FieldValues, FormState, SubmitErrorHandler, UseFormProps } from 'react-hook-form'\n\nimport { cn } from '@/lib/utils'\n\nimport { FormWrapper } from '../forms/form-wrapper'\nimport { Button } from '../ui/button'\nimport { Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle } from '../ui/dialog'\n\ntype Props<TFieldValues extends FieldValues = FieldValues> = {\n  form: UseFormProps<TFieldValues>\n\n  open: boolean\n  isSubmitting?: boolean\n  isResetAfterSubmit?: boolean\n  disableSubmit?: boolean\n  title?: string\n  description?: string\n  className?: string\n\n  onOpenChange: (open: boolean) => void\n  onSubmit: (data: TFieldValues, formState: FormState<FieldValues>, dirtyFields: FormState<FieldValues>['dirtyFields']) => void | Promise<void>\n  onError?: SubmitErrorHandler<TFieldValues>\n  onReset?: () => void\n}\nexport const FormDialog = <TFieldValues extends FieldValues = FieldValues>({\n  form,\n  open,\n  isSubmitting = false,\n  isResetAfterSubmit = true,\n  disableSubmit = false,\n  title,\n  description,\n  className,\n\n  onOpenChange,\n  onSubmit,\n  onError,\n  onReset,\n  children,\n}: React.PropsWithChildren<Props<TFieldValues>>) => {\n  return (\n    <Dialog open={open} onOpenChange={onOpenChange}>\n      <DialogContent\n        className={cn('flex flex-col gap-0 border-none p-0', className)}\n        onInteractOutside={(e) => {\n          e.preventDefault()\n          e.stopPropagation()\n        }}\n      >\n        <DialogHeader className=\"flex-0 gap-2 border-b px-6 pt-6 pb-4\">\n          <DialogTitle>{title || 'Form Dialog'}</DialogTitle>\n          <DialogDescription>{description || 'This is a form dialog where you can add your form elements.'}</DialogDescription>\n        </DialogHeader>\n        <FormWrapper\n          form={form}\n          isResetAfterSubmit={isResetAfterSubmit}\n          className=\"flex flex-1 flex-col overflow-y-auto pt-4\"\n          onSubmit={onSubmit}\n          onError={onError}\n        >\n          <main className=\"flex-1 overflow-y-auto px-6\">{children}</main>\n          <DialogFooter className=\"border-t px-6 pt-4 pb-6\">\n            <Button tabIndex={-1} type=\"button\" variant=\"outline\" color=\"muted\" className=\"w-30 rounded-full\" onClick={onReset}>\n              Reset\n            </Button>\n            <Button autoFocus tabIndex={0} type=\"submit\" isLoading={isSubmitting} disabled={disableSubmit} className=\"w-30 rounded-full\">\n              Xác nhận\n            </Button>\n          </DialogFooter>\n        </FormWrapper>\n      </DialogContent>\n    </Dialog>\n  )\n}\n"],"mappings":"+XAwBa,GAA8D,CACzE,OACA,OACA,eAAe,GACf,qBAAqB,GACrB,gBAAgB,GAChB,QACA,cACA,YAEA,eACA,WACA,UACA,UACA,eAGE,EAAA,EAAA,KAACA,EAAAA,OAAAA,CAAa,OAAoB,yBAChC,EAAA,EAAA,MAACC,EAAAA,cAAAA,CACC,UAAWC,EAAAA,GAAG,sCAAuC,GACrD,kBAAoB,GAAM,CACxB,EAAE,iBACF,EAAE,8BAGJ,EAAA,EAAA,MAACC,EAAAA,aAAAA,CAAa,UAAU,kDACtB,EAAA,EAAA,KAACC,EAAAA,YAAAA,CAAAA,SAAa,GAAS,iBACvB,EAAA,EAAA,KAACC,EAAAA,kBAAAA,CAAAA,SAAmB,GAAe,oEAErC,EAAA,EAAA,MAACC,EAAAA,YAAAA,CACO,OACc,qBACpB,UAAU,4CACA,WACD,qBAET,EAAA,EAAA,KAAC,OAAA,CAAK,UAAU,8BAA+B,cAC/C,EAAA,EAAA,MAACC,EAAAA,aAAAA,CAAa,UAAU,qCACtB,EAAA,EAAA,KAACC,EAAAA,OAAAA,CAAO,SAAU,GAAI,KAAK,SAAS,QAAQ,UAAU,MAAM,QAAQ,UAAU,oBAAoB,QAAS,WAAS,WAGpH,EAAA,EAAA,KAACA,EAAAA,OAAAA,CAAO,UAAA,GAAU,SAAU,EAAG,KAAK,SAAS,UAAW,EAAc,SAAU,EAAe,UAAU,6BAAoB"}

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

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime9 from "react/jsx-runtime";
+import * as react_jsx_runtime4 from "react/jsx-runtime";
 import { FieldValues, FormState, SubmitErrorHandler, UseFormProps } from "react-hook-form";
 
 //#region packages/components/dialogs/form-dialog.d.ts
@@ -12,7 +12,7 @@ type Props<TFieldValues extends FieldValues = FieldValues> = {
   description?: string;
   className?: string;
   onOpenChange: (open: boolean) => void;
-  onSubmit: (data: TFieldValues, formState: FormState<FieldValues>, dirtyFields: FormState<FieldValues>["dirtyFields"]) => void | Promise<void>;
+  onSubmit: (data: TFieldValues, formState: FormState<FieldValues>, dirtyFields: FormState<FieldValues>['dirtyFields']) => void | Promise<void>;
   onError?: SubmitErrorHandler<TFieldValues>;
   onReset?: () => void;
 };
@@ -30,7 +30,7 @@ declare const FormDialog: <TFieldValues extends FieldValues = FieldValues>({
   onError,
   onReset,
   children
-}: React.PropsWithChildren<Props<TFieldValues>>) => react_jsx_runtime9.JSX.Element;
+}: React.PropsWithChildren<Props<TFieldValues>>) => react_jsx_runtime4.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_runtime7 from "react/jsx-runtime";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 import { FieldValues, FormState, SubmitErrorHandler, UseFormProps } from "react-hook-form";
 
 //#region packages/components/dialogs/form-dialog.d.ts
@@ -12,7 +12,7 @@ type Props<TFieldValues extends FieldValues = FieldValues> = {
   description?: string;
   className?: string;
   onOpenChange: (open: boolean) => void;
-  onSubmit: (data: TFieldValues, formState: FormState<FieldValues>, dirtyFields: FormState<FieldValues>["dirtyFields"]) => void | Promise<void>;
+  onSubmit: (data: TFieldValues, formState: FormState<FieldValues>, dirtyFields: FormState<FieldValues>['dirtyFields']) => void | Promise<void>;
   onError?: SubmitErrorHandler<TFieldValues>;
   onReset?: () => void;
 };
@@ -30,7 +30,7 @@ declare const FormDialog: <TFieldValues extends FieldValues = FieldValues>({
   onError,
   onReset,
   children
-}: React.PropsWithChildren<Props<TFieldValues>>) => react_jsx_runtime7.JSX.Element;
+}: React.PropsWithChildren<Props<TFieldValues>>) => react_jsx_runtime0.JSX.Element;
 //#endregion
 export { FormDialog };
 //# sourceMappingURL=form-dialog.d.ts.map

package/dist/dialogs/form-dialog.js

@@ -1,2 +1,2 @@
-import{cn as e}from"../utils-D9AH0PUV.js";import{Button as t}from"../button-DFvetIX8.js";import{Dialog as n,DialogContent as r,DialogDescription as i,DialogFooter as a,DialogHeader as o,DialogTitle as s}from"../dialog-CzSIPgHw.js";import"../label-BrGRueFm.js";import"../form-BMnG2xLt.js";import"../alert-dialog-6r43mVE-.js";import"../error-dialog-Dg_OHJlH.js";import{FormWrapper as c}from"../form-wrapper-wHzrskjb.js";import{jsx as l,jsxs as u}from"react/jsx-runtime";const d=({form:d,open:f,isSubmitting:p=!1,isResetAfterSubmit:m=!0,disableSubmit:h=!1,title:g,description:_,className:v,onOpenChange:y,onSubmit:b,onError:x,onReset:S,children:C})=>l(n,{open:f,onOpenChange:y,children:u(r,{className:e(`flex flex-col gap-0 border-none p-0`,v),onInteractOutside:e=>{e.preventDefault(),e.stopPropagation()},children:[u(o,{className:`flex-0 gap-2 border-b px-6 pt-6 pb-4`,children:[l(s,{children:g||`Form Dialog`}),l(i,{children:_||`This is a form dialog where you can add your form elements.`})]}),u(c,{form:d,isResetAfterSubmit:m,className:`flex flex-1 flex-col overflow-y-auto pt-4`,onSubmit:b,onError:x,children:[l(`main`,{className:`flex-1 overflow-y-auto px-6`,children:C}),u(a,{className:`border-t px-6 pt-4 pb-6`,children:[l(t,{tabIndex:-1,type:`button`,variant:`outline`,className:`w-30 rounded-full`,onClick:S,children:`Reset`}),l(t,{autoFocus:!0,tabIndex:0,type:`submit`,isLoading:p,disabled:h,className:`w-30 rounded-full`,children:`Xác nhận`})]})]})]})});export{d as FormDialog};
+import{cn as e}from"../utils-D9AH0PUV.js";import{Button as t}from"../button-CnMfXTBU.js";import"../alert-dialog-CNHyP_A9.js";import"../error-dialog-Q99thrSD.js";import"../label-D1XmKlc3.js";import"../form-tabDlutX.js";import{FormWrapper as n}from"../form-wrapper-C2xlvWx0.js";import{Dialog as r,DialogContent as i,DialogDescription as a,DialogFooter as o,DialogHeader as s,DialogTitle as c}from"../dialog-CSDDiHKO.js";import{jsx as l,jsxs as u}from"react/jsx-runtime";const d=({form:d,open:f,isSubmitting:p=!1,isResetAfterSubmit:m=!0,disableSubmit:h=!1,title:g,description:_,className:v,onOpenChange:y,onSubmit:b,onError:x,onReset:S,children:C})=>l(r,{open:f,onOpenChange:y,children:u(i,{className:e(`flex flex-col gap-0 border-none p-0`,v),onInteractOutside:e=>{e.preventDefault(),e.stopPropagation()},children:[u(s,{className:`flex-0 gap-2 border-b px-6 pt-6 pb-4`,children:[l(c,{children:g||`Form Dialog`}),l(a,{children:_||`This is a form dialog where you can add your form elements.`})]}),u(n,{form:d,isResetAfterSubmit:m,className:`flex flex-1 flex-col overflow-y-auto pt-4`,onSubmit:b,onError:x,children:[l(`main`,{className:`flex-1 overflow-y-auto px-6`,children:C}),u(o,{className:`border-t px-6 pt-4 pb-6`,children:[l(t,{tabIndex:-1,type:`button`,variant:`outline`,color:`muted`,className:`w-30 rounded-full`,onClick:S,children:`Reset`}),l(t,{autoFocus:!0,tabIndex:0,type:`submit`,isLoading:p,disabled:h,className:`w-30 rounded-full`,children:`Xác nhận`})]})]})]})});export{d as FormDialog};
 //# sourceMappingURL=form-dialog.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"form-dialog.js","names":[],"sources":["../../packages/components/dialogs/form-dialog.tsx"],"sourcesContent":["import type {\n  FieldValues,\n  FormState,\n  SubmitErrorHandler,\n  UseFormProps,\n} from \"react-hook-form\";\n\nimport { cn } from \"@/lib/utils\";\n\nimport { FormWrapper } from \"../forms/form-wrapper\";\nimport { Button } from \"../ui/button\";\nimport {\n  Dialog,\n  DialogContent,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogTitle,\n} from \"../ui/dialog\";\n\ntype Props<TFieldValues extends FieldValues = FieldValues> = {\n  form: UseFormProps<TFieldValues>;\n\n  open: boolean;\n  isSubmitting?: boolean;\n  isResetAfterSubmit?: boolean;\n  disableSubmit?: boolean;\n  title?: string;\n  description?: string;\n  className?: string;\n\n  onOpenChange: (open: boolean) => void;\n  onSubmit: (\n    data: TFieldValues,\n    formState: FormState<FieldValues>,\n    dirtyFields: FormState<FieldValues>[\"dirtyFields\"],\n  ) => void | Promise<void>;\n  onError?: SubmitErrorHandler<TFieldValues>;\n  onReset?: () => void;\n};\nexport const FormDialog = <TFieldValues extends FieldValues = FieldValues>({\n  form,\n  open,\n  isSubmitting = false,\n  isResetAfterSubmit = true,\n  disableSubmit = false,\n  title,\n  description,\n  className,\n\n  onOpenChange,\n  onSubmit,\n  onError,\n  onReset,\n  children,\n}: React.PropsWithChildren<Props<TFieldValues>>) => {\n  return (\n    <Dialog open={open} onOpenChange={onOpenChange}>\n      <DialogContent\n        className={cn(\"flex flex-col gap-0 border-none p-0\", className)}\n        onInteractOutside={(e) => {\n          e.preventDefault();\n          e.stopPropagation();\n        }}\n      >\n        <DialogHeader className=\"flex-0 gap-2 border-b px-6 pt-6 pb-4\">\n          <DialogTitle>{title || \"Form Dialog\"}</DialogTitle>\n          <DialogDescription>\n            {description ||\n              \"This is a form dialog where you can add your form elements.\"}\n          </DialogDescription>\n        </DialogHeader>\n        <FormWrapper\n          form={form}\n          isResetAfterSubmit={isResetAfterSubmit}\n          className=\"flex flex-1 flex-col overflow-y-auto pt-4\"\n          onSubmit={onSubmit}\n          onError={onError}\n        >\n          <main className=\"flex-1 overflow-y-auto px-6\">{children}</main>\n          <DialogFooter className=\"border-t px-6 pt-4 pb-6\">\n            <Button\n              tabIndex={-1}\n              type=\"button\"\n              variant=\"outline\"\n              className=\"w-30 rounded-full\"\n              onClick={onReset}\n            >\n              Reset\n            </Button>\n            <Button\n              autoFocus\n              tabIndex={0}\n              type=\"submit\"\n              isLoading={isSubmitting}\n              disabled={disableSubmit}\n              className=\"w-30 rounded-full\"\n            >\n              Xác nhận\n            </Button>\n          </DialogFooter>\n        </FormWrapper>\n      </DialogContent>\n    </Dialog>\n  );\n};\n"],"mappings":"odAwCA,MAAa,GAA8D,CACzE,OACA,OACA,eAAe,GACf,qBAAqB,GACrB,gBAAgB,GAChB,QACA,cACA,YAEA,eACA,WACA,UACA,UACA,cAGE,EAAC,EAAA,CAAa,OAAoB,wBAChC,EAAC,EAAA,CACC,UAAW,EAAG,sCAAuC,GACrD,kBAAoB,GAAM,CACxB,EAAE,iBACF,EAAE,6BAGJ,EAAC,EAAA,CAAa,UAAU,iDACtB,EAAC,EAAA,CAAA,SAAa,GAAS,gBACvB,EAAC,EAAA,CAAA,SACE,GACC,mEAGN,EAAC,EAAA,CACO,OACc,qBACpB,UAAU,4CACA,WACD,oBAET,EAAC,OAAA,CAAK,UAAU,8BAA+B,aAC/C,EAAC,EAAA,CAAa,UAAU,oCACtB,EAAC,EAAA,CACC,SAAU,GACV,KAAK,SACL,QAAQ,UACR,UAAU,oBACV,QAAS,WACV,UAGD,EAAC,EAAA,CACC,UAAA,GACA,SAAU,EACV,KAAK,SACL,UAAW,EACX,SAAU,EACV,UAAU,6BACX"}
+{"version":3,"file":"form-dialog.js","names":[],"sources":["../../packages/components/dialogs/form-dialog.tsx"],"sourcesContent":["import type { FieldValues, FormState, SubmitErrorHandler, UseFormProps } from 'react-hook-form'\n\nimport { cn } from '@/lib/utils'\n\nimport { FormWrapper } from '../forms/form-wrapper'\nimport { Button } from '../ui/button'\nimport { Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle } from '../ui/dialog'\n\ntype Props<TFieldValues extends FieldValues = FieldValues> = {\n  form: UseFormProps<TFieldValues>\n\n  open: boolean\n  isSubmitting?: boolean\n  isResetAfterSubmit?: boolean\n  disableSubmit?: boolean\n  title?: string\n  description?: string\n  className?: string\n\n  onOpenChange: (open: boolean) => void\n  onSubmit: (data: TFieldValues, formState: FormState<FieldValues>, dirtyFields: FormState<FieldValues>['dirtyFields']) => void | Promise<void>\n  onError?: SubmitErrorHandler<TFieldValues>\n  onReset?: () => void\n}\nexport const FormDialog = <TFieldValues extends FieldValues = FieldValues>({\n  form,\n  open,\n  isSubmitting = false,\n  isResetAfterSubmit = true,\n  disableSubmit = false,\n  title,\n  description,\n  className,\n\n  onOpenChange,\n  onSubmit,\n  onError,\n  onReset,\n  children,\n}: React.PropsWithChildren<Props<TFieldValues>>) => {\n  return (\n    <Dialog open={open} onOpenChange={onOpenChange}>\n      <DialogContent\n        className={cn('flex flex-col gap-0 border-none p-0', className)}\n        onInteractOutside={(e) => {\n          e.preventDefault()\n          e.stopPropagation()\n        }}\n      >\n        <DialogHeader className=\"flex-0 gap-2 border-b px-6 pt-6 pb-4\">\n          <DialogTitle>{title || 'Form Dialog'}</DialogTitle>\n          <DialogDescription>{description || 'This is a form dialog where you can add your form elements.'}</DialogDescription>\n        </DialogHeader>\n        <FormWrapper\n          form={form}\n          isResetAfterSubmit={isResetAfterSubmit}\n          className=\"flex flex-1 flex-col overflow-y-auto pt-4\"\n          onSubmit={onSubmit}\n          onError={onError}\n        >\n          <main className=\"flex-1 overflow-y-auto px-6\">{children}</main>\n          <DialogFooter className=\"border-t px-6 pt-4 pb-6\">\n            <Button tabIndex={-1} type=\"button\" variant=\"outline\" color=\"muted\" className=\"w-30 rounded-full\" onClick={onReset}>\n              Reset\n            </Button>\n            <Button autoFocus tabIndex={0} type=\"submit\" isLoading={isSubmitting} disabled={disableSubmit} className=\"w-30 rounded-full\">\n              Xác nhận\n            </Button>\n          </DialogFooter>\n        </FormWrapper>\n      </DialogContent>\n    </Dialog>\n  )\n}\n"],"mappings":"odAwBA,MAAa,GAA8D,CACzE,OACA,OACA,eAAe,GACf,qBAAqB,GACrB,gBAAgB,GAChB,QACA,cACA,YAEA,eACA,WACA,UACA,UACA,cAGE,EAAC,EAAA,CAAa,OAAoB,wBAChC,EAAC,EAAA,CACC,UAAW,EAAG,sCAAuC,GACrD,kBAAoB,GAAM,CACxB,EAAE,iBACF,EAAE,6BAGJ,EAAC,EAAA,CAAa,UAAU,iDACtB,EAAC,EAAA,CAAA,SAAa,GAAS,gBACvB,EAAC,EAAA,CAAA,SAAmB,GAAe,mEAErC,EAAC,EAAA,CACO,OACc,qBACpB,UAAU,4CACA,WACD,oBAET,EAAC,OAAA,CAAK,UAAU,8BAA+B,aAC/C,EAAC,EAAA,CAAa,UAAU,oCACtB,EAAC,EAAA,CAAO,SAAU,GAAI,KAAK,SAAS,QAAQ,UAAU,MAAM,QAAQ,UAAU,oBAAoB,QAAS,WAAS,UAGpH,EAAC,EAAA,CAAO,UAAA,GAAU,SAAU,EAAG,KAAK,SAAS,UAAW,EAAc,SAAU,EAAe,UAAU,6BAAoB"}

package/dist/dialogs/loading-dialog.cjs

@@ -1,2 +1,2 @@
-const e=require(`../chunk-CUT6urMc.cjs`);require(`../utils-BsjVK5EW.cjs`);const t=require(`../dialog-Bh4dL0ew.cjs`),n=e.__toESM(require(`react`)),r=e.__toESM(require(`react/jsx-runtime`)),i=({open:e,onOpenChange:n})=>(0,r.jsx)(t.Dialog,{open:e,onOpenChange:n,children:(0,r.jsxs)(t.DialogContent,{showCloseButton:!1,className:`pointer-events-none border-none bg-transparent shadow-none outline-0 [&>div]:bg-transparent`,children:[(0,r.jsx)(t.DialogTitle,{}),(0,r.jsx)(`div`,{className:`flex items-center justify-center`,children:(0,r.jsx)(`div`,{className:`loader opacity-60`})})]})});exports.LoadingDialog=i;
+const e=require(`../chunk-CUT6urMc.cjs`);require(`../utils-BsjVK5EW.cjs`);const t=require(`../dialog-_Cgij9NP.cjs`),n=e.__toESM(require(`react`)),r=e.__toESM(require(`react/jsx-runtime`)),i=({open:e,onOpenChange:n})=>(0,r.jsx)(t.Dialog,{open:e,onOpenChange:n,children:(0,r.jsxs)(t.DialogContent,{showCloseButton:!1,className:`pointer-events-none border-none bg-transparent shadow-none outline-0 [&>div]:bg-transparent`,children:[(0,r.jsx)(t.DialogTitle,{}),(0,r.jsx)(`div`,{className:`flex items-center justify-center`,children:(0,r.jsx)(`div`,{className:`loader opacity-60`})})]})});exports.LoadingDialog=i;
 //# sourceMappingURL=loading-dialog.cjs.map

package/dist/dialogs/loading-dialog.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"loading-dialog.cjs","names":["LoadingDialog: React.FC<Props>","Dialog","DialogContent","DialogTitle"],"sources":["../../packages/components/dialogs/loading-dialog.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Dialog, DialogContent, DialogTitle } from \"../ui/dialog\";\n\ntype Props = {\n  open?: boolean;\n  onOpenChange?: (open: boolean) => void;\n};\nexport const LoadingDialog: React.FC<Props> = ({ open, onOpenChange }) => {\n  return (\n    <Dialog open={open} onOpenChange={onOpenChange}>\n      <DialogContent\n        showCloseButton={false}\n        className=\"pointer-events-none border-none bg-transparent shadow-none outline-0 [&>div]:bg-transparent\"\n      >\n        <DialogTitle />\n        <div className=\"flex items-center justify-center\">\n          <div className=\"loader opacity-60\" />\n        </div>\n      </DialogContent>\n    </Dialog>\n  );\n};\n"],"mappings":"4LAQaA,GAAkC,CAAE,OAAM,mBAEnD,EAAA,EAAA,KAACC,EAAAA,OAAAA,CAAa,OAAoB,yBAChC,EAAA,EAAA,MAACC,EAAAA,cAAAA,CACC,gBAAiB,GACjB,UAAU,yGAEV,EAAA,EAAA,KAACC,EAAAA,YAAAA,KACD,EAAA,EAAA,KAAC,MAAA,CAAI,UAAU,6CACb,EAAA,EAAA,KAAC,MAAA,CAAI,UAAU"}
+{"version":3,"file":"loading-dialog.cjs","names":["LoadingDialog: React.FC<Props>","Dialog","DialogContent","DialogTitle"],"sources":["../../packages/components/dialogs/loading-dialog.tsx"],"sourcesContent":["import React from 'react'\n\nimport { Dialog, DialogContent, DialogTitle } from '../ui/dialog'\n\ntype Props = {\n  open?: boolean\n  onOpenChange?: (open: boolean) => void\n}\nexport const LoadingDialog: React.FC<Props> = ({ open, onOpenChange }) => {\n  return (\n    <Dialog open={open} onOpenChange={onOpenChange}>\n      <DialogContent showCloseButton={false} className=\"pointer-events-none border-none bg-transparent shadow-none outline-0 [&>div]:bg-transparent\">\n        <DialogTitle />\n        <div className=\"flex items-center justify-center\">\n          <div className=\"loader opacity-60\" />\n        </div>\n      </DialogContent>\n    </Dialog>\n  )\n}\n"],"mappings":"4LAQaA,GAAkC,CAAE,OAAM,mBAEnD,EAAA,EAAA,KAACC,EAAAA,OAAAA,CAAa,OAAoB,yBAChC,EAAA,EAAA,MAACC,EAAAA,cAAAA,CAAc,gBAAiB,GAAO,UAAU,yGAC/C,EAAA,EAAA,KAACC,EAAAA,YAAAA,KACD,EAAA,EAAA,KAAC,MAAA,CAAI,UAAU,6CACb,EAAA,EAAA,KAAC,MAAA,CAAI,UAAU"}

package/dist/dialogs/loading-dialog.js

@@ -1,2 +1,2 @@
-import"../utils-D9AH0PUV.js";import{Dialog as e,DialogContent as t,DialogTitle as n}from"../dialog-CzSIPgHw.js";import r from"react";import{jsx as i,jsxs as a}from"react/jsx-runtime";const o=({open:r,onOpenChange:o})=>i(e,{open:r,onOpenChange:o,children:a(t,{showCloseButton:!1,className:`pointer-events-none border-none bg-transparent shadow-none outline-0 [&>div]:bg-transparent`,children:[i(n,{}),i(`div`,{className:`flex items-center justify-center`,children:i(`div`,{className:`loader opacity-60`})})]})});export{o as LoadingDialog};
+import"../utils-D9AH0PUV.js";import{Dialog as e,DialogContent as t,DialogTitle as n}from"../dialog-CSDDiHKO.js";import r from"react";import{jsx as i,jsxs as a}from"react/jsx-runtime";const o=({open:r,onOpenChange:o})=>i(e,{open:r,onOpenChange:o,children:a(t,{showCloseButton:!1,className:`pointer-events-none border-none bg-transparent shadow-none outline-0 [&>div]:bg-transparent`,children:[i(n,{}),i(`div`,{className:`flex items-center justify-center`,children:i(`div`,{className:`loader opacity-60`})})]})});export{o as LoadingDialog};
 //# sourceMappingURL=loading-dialog.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"loading-dialog.js","names":["LoadingDialog: React.FC<Props>"],"sources":["../../packages/components/dialogs/loading-dialog.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Dialog, DialogContent, DialogTitle } from \"../ui/dialog\";\n\ntype Props = {\n  open?: boolean;\n  onOpenChange?: (open: boolean) => void;\n};\nexport const LoadingDialog: React.FC<Props> = ({ open, onOpenChange }) => {\n  return (\n    <Dialog open={open} onOpenChange={onOpenChange}>\n      <DialogContent\n        showCloseButton={false}\n        className=\"pointer-events-none border-none bg-transparent shadow-none outline-0 [&>div]:bg-transparent\"\n      >\n        <DialogTitle />\n        <div className=\"flex items-center justify-center\">\n          <div className=\"loader opacity-60\" />\n        </div>\n      </DialogContent>\n    </Dialog>\n  );\n};\n"],"mappings":"uLAQA,MAAaA,GAAkC,CAAE,OAAM,kBAEnD,EAAC,EAAA,CAAa,OAAoB,wBAChC,EAAC,EAAA,CACC,gBAAiB,GACjB,UAAU,wGAEV,EAAC,EAAA,IACD,EAAC,MAAA,CAAI,UAAU,4CACb,EAAC,MAAA,CAAI,UAAU"}
+{"version":3,"file":"loading-dialog.js","names":["LoadingDialog: React.FC<Props>"],"sources":["../../packages/components/dialogs/loading-dialog.tsx"],"sourcesContent":["import React from 'react'\n\nimport { Dialog, DialogContent, DialogTitle } from '../ui/dialog'\n\ntype Props = {\n  open?: boolean\n  onOpenChange?: (open: boolean) => void\n}\nexport const LoadingDialog: React.FC<Props> = ({ open, onOpenChange }) => {\n  return (\n    <Dialog open={open} onOpenChange={onOpenChange}>\n      <DialogContent showCloseButton={false} className=\"pointer-events-none border-none bg-transparent shadow-none outline-0 [&>div]:bg-transparent\">\n        <DialogTitle />\n        <div className=\"flex items-center justify-center\">\n          <div className=\"loader opacity-60\" />\n        </div>\n      </DialogContent>\n    </Dialog>\n  )\n}\n"],"mappings":"uLAQA,MAAaA,GAAkC,CAAE,OAAM,kBAEnD,EAAC,EAAA,CAAa,OAAoB,wBAChC,EAAC,EAAA,CAAc,gBAAiB,GAAO,UAAU,wGAC/C,EAAC,EAAA,IACD,EAAC,MAAA,CAAI,UAAU,4CACb,EAAC,MAAA,CAAI,UAAU"}

package/dist/dropdown-menu-BnfaOPEM.cjs

@@ -0,0 +1,2 @@
+const e=require(`./chunk-CUT6urMc.cjs`),t=require(`./utils-BsjVK5EW.cjs`),n=e.__toESM(require(`react/jsx-runtime`)),r=e.__toESM(require(`radix-ui`)),i=e.__toESM(require(`lucide-react`));function a({...e}){return(0,n.jsx)(r.DropdownMenu.Root,{"data-slot":`dropdown-menu`,...e})}function o({...e}){return(0,n.jsx)(r.DropdownMenu.Portal,{"data-slot":`dropdown-menu-portal`,...e})}function s({...e}){return(0,n.jsx)(r.DropdownMenu.Trigger,{"data-slot":`dropdown-menu-trigger`,...e})}function c({className:e,sideOffset:i=4,align:a=`start`,...o}){return(0,n.jsx)(r.DropdownMenu.Portal,{children:(0,n.jsx)(r.DropdownMenu.Content,{"data-slot":`dropdown-menu-content`,sideOffset:i,className:t.cn(`bg-popover text-text-positive`,`z-50`,`min-w-32`,`overflow-x-hidden overflow-y-auto`,`border-border-weak shadow-dropdown rounded-md border p-1.5`,`max-h-(--radix-dropdown-menu-content-available-height)`,`origin-(--radix-dropdown-menu-content-transform-origin)`,`data-[state=open]:animate-in`,`data-[state=open]:fade-in-0`,`data-[state=open]:zoom-in-95`,`data-[state=closed]:animate-out`,`data-[state=closed]:fade-out-0`,`data-[state=closed]:zoom-out-95`,`data-[side=bottom]:slide-in-from-top-2`,`data-[side=left]:slide-in-from-right-2`,`data-[side=right]:slide-in-from-left-2`,`data-[side=top]:slide-in-from-bottom-2`,e),...o,align:a})})}function l({...e}){return(0,n.jsx)(r.DropdownMenu.Group,{"data-slot":`dropdown-menu-group`,...e})}function u({className:e,inset:i,variant:a=`default`,...o}){return(0,n.jsx)(r.DropdownMenu.Item,{"data-slot":`dropdown-menu-item`,"data-inset":i,"data-variant":a,className:t.cn(`relative flex cursor-pointer items-center gap-2 rounded-md px-2 py-2.5 text-sm outline-hidden transition-all select-none`,`focus:bg-accent-muted`,`focus:text-text-positive-strong`,`data-[inset]:pl-8`,`data-[disabled]:pointer-events-none`,`data-[disabled]:opacity-50`,`data-[variant=destructive]:text-danger`,`data-[variant=destructive]:focus:bg-danger-muted`,`data-[variant=destructive]:focus:text-danger-strong`,`data-[variant=destructive]:*:[svg]:!text-danger`,`[&_svg]:shrink-0`,`[&_svg]:pointer-events-none`,`[&_svg:not([class*='size-'])]:size-4`,`[&_svg:not([class*='text-'])]:text-text-positive-muted`,e),...o})}function d({className:e,children:a,checked:o,...s}){return(0,n.jsxs)(r.DropdownMenu.CheckboxItem,{"data-slot":`dropdown-menu-checkbox-item`,className:t.cn(`relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none`,`focus:bg-accent-muted`,`focus:text-text-positive-strong`,`data-[disabled]:opacity-50`,`data-[disabled]:pointer-events-none`,`[&_svg]:pointer-events-none`,`[&_svg]:shrink-0`,`[&_svg:not([class*='size-'])]:size-4`,e),checked:o,...s,children:[(0,n.jsx)(`span`,{className:`pointer-events-none absolute left-2 flex size-3.5 items-center justify-center`,children:(0,n.jsx)(r.DropdownMenu.ItemIndicator,{children:(0,n.jsx)(i.CheckIcon,{size:16})})}),a]})}function f({...e}){return(0,n.jsx)(r.DropdownMenu.RadioGroup,{"data-slot":`dropdown-menu-radio-group`,...e})}function p({className:e,children:a,...o}){return(0,n.jsxs)(r.DropdownMenu.RadioItem,{"data-slot":`dropdown-menu-radio-item`,className:t.cn(`relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none`,`focus:bg-accent-muted`,`focus:text-text-positive-strong`,`data-[disabled]:pointer-events-none`,`data-[disabled]:opacity-50`,`[&_svg]:pointer-events-none`,`[&_svg]:shrink-0`,`[&_svg:not([class*='size-'])]:size-4`,e),...o,children:[(0,n.jsx)(`span`,{className:`pointer-events-none absolute left-2 flex size-3.5 items-center justify-center`,children:(0,n.jsx)(r.DropdownMenu.ItemIndicator,{children:(0,n.jsx)(i.CircleIcon,{className:`size-2 fill-current`})})}),a]})}function m({className:e,inset:i,...a}){return(0,n.jsx)(r.DropdownMenu.Label,{"data-slot":`dropdown-menu-label`,"data-inset":i,className:t.cn(`px-2 py-1.5 text-sm font-medium data-[inset]:pl-8`,e),...a})}function h({className:e,...i}){return(0,n.jsx)(r.DropdownMenu.Separator,{"data-slot":`dropdown-menu-separator`,className:t.cn(`bg-border-weak -mx-1 my-1 h-px`,e),...i})}function g({className:e,...r}){return(0,n.jsx)(`span`,{"data-slot":`dropdown-menu-shortcut`,className:t.cn(`text-text-positive-muted ml-auto text-xs tracking-widest`,e),...r})}function _({...e}){return(0,n.jsx)(r.DropdownMenu.Sub,{"data-slot":`dropdown-menu-sub`,...e})}function v({className:e,inset:a,children:o,...s}){return(0,n.jsxs)(r.DropdownMenu.SubTrigger,{"data-slot":`dropdown-menu-sub-trigger`,"data-inset":a,className:t.cn(`flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-hidden select-none`,`focus:bg-accent-muted`,`focus:text-text-positive-strong`,`data-[state=open]:bg-accent-muted`,`data-[state=open]:text-text-positive-strong`,`data-[inset]:pl-8`,e),...s,children:[o,(0,n.jsx)(i.ChevronRightIcon,{className:`ml-auto size-4`})]})}function y({className:e,...i}){return(0,n.jsx)(r.DropdownMenu.SubContent,{"data-slot":`dropdown-menu-sub-content`,className:t.cn(`bg-popover text-text-positive`,`border-border-weak shadow-dropdown z-50 min-w-32 origin-(--radix-dropdown-menu-content-transform-origin) overflow-hidden rounded-md border p-1`,`data-[state=open]:animate-in`,`data-[state=open]:fade-in-0`,`data-[state=open]:zoom-in-95`,`data-[state=closed]:zoom-out-95`,`data-[state=closed]:animate-out`,`data-[state=closed]:fade-out-0`,`data-[side=bottom]:slide-in-from-top-2`,`data-[side=left]:slide-in-from-right-2`,`data-[side=right]:slide-in-from-left-2`,`data-[side=top]:slide-in-from-bottom-2`,e),...i})}Object.defineProperty(exports,`DropdownMenu`,{enumerable:!0,get:function(){return a}}),Object.defineProperty(exports,`DropdownMenuCheckboxItem`,{enumerable:!0,get:function(){return d}}),Object.defineProperty(exports,`DropdownMenuContent`,{enumerable:!0,get:function(){return c}}),Object.defineProperty(exports,`DropdownMenuGroup`,{enumerable:!0,get:function(){return l}}),Object.defineProperty(exports,`DropdownMenuItem`,{enumerable:!0,get:function(){return u}}),Object.defineProperty(exports,`DropdownMenuLabel`,{enumerable:!0,get:function(){return m}}),Object.defineProperty(exports,`DropdownMenuPortal`,{enumerable:!0,get:function(){return o}}),Object.defineProperty(exports,`DropdownMenuRadioGroup`,{enumerable:!0,get:function(){return f}}),Object.defineProperty(exports,`DropdownMenuRadioItem`,{enumerable:!0,get:function(){return p}}),Object.defineProperty(exports,`DropdownMenuSeparator`,{enumerable:!0,get:function(){return h}}),Object.defineProperty(exports,`DropdownMenuShortcut`,{enumerable:!0,get:function(){return g}}),Object.defineProperty(exports,`DropdownMenuSub`,{enumerable:!0,get:function(){return _}}),Object.defineProperty(exports,`DropdownMenuSubContent`,{enumerable:!0,get:function(){return y}}),Object.defineProperty(exports,`DropdownMenuSubTrigger`,{enumerable:!0,get:function(){return v}}),Object.defineProperty(exports,`DropdownMenuTrigger`,{enumerable:!0,get:function(){return s}});
+//# sourceMappingURL=dropdown-menu-BnfaOPEM.cjs.map

package/dist/dropdown-menu-BnfaOPEM.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown-menu-BnfaOPEM.cjs","names":["DropdownMenuPrimitive","cn","CheckIcon","CircleIcon","ChevronRightIcon"],"sources":["../packages/components/ui/dropdown-menu.tsx"],"sourcesContent":["'use client'\nimport { DropdownMenu as DropdownMenuPrimitive } from 'radix-ui'\nimport { CheckIcon, ChevronRightIcon, CircleIcon } from 'lucide-react'\n\nimport { cn } from '@/lib/utils'\n\nfunction DropdownMenu({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Root>) {\n  return <DropdownMenuPrimitive.Root data-slot=\"dropdown-menu\" {...props} />\n}\n\nfunction DropdownMenuPortal({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Portal>) {\n  return <DropdownMenuPrimitive.Portal data-slot=\"dropdown-menu-portal\" {...props} />\n}\n\nfunction DropdownMenuTrigger({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Trigger>) {\n  return <DropdownMenuPrimitive.Trigger data-slot=\"dropdown-menu-trigger\" {...props} />\n}\n\nfunction DropdownMenuContent({ className, sideOffset = 4, align = 'start', ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Content>) {\n  return (\n    <DropdownMenuPrimitive.Portal>\n      <DropdownMenuPrimitive.Content\n        data-slot=\"dropdown-menu-content\"\n        sideOffset={sideOffset}\n        className={cn(\n          'bg-popover text-text-positive',\n          'z-50',\n          'min-w-32',\n          'overflow-x-hidden overflow-y-auto',\n          'border-border-weak shadow-dropdown rounded-md border p-1.5',\n          'max-h-(--radix-dropdown-menu-content-available-height)',\n          'origin-(--radix-dropdown-menu-content-transform-origin)',\n          'data-[state=open]:animate-in',\n          'data-[state=open]:fade-in-0',\n          'data-[state=open]:zoom-in-95',\n          'data-[state=closed]:animate-out',\n          'data-[state=closed]:fade-out-0',\n          'data-[state=closed]:zoom-out-95',\n          'data-[side=bottom]:slide-in-from-top-2',\n          'data-[side=left]:slide-in-from-right-2',\n          'data-[side=right]:slide-in-from-left-2',\n          'data-[side=top]:slide-in-from-bottom-2',\n          className,\n        )}\n        {...props}\n        align={align}\n      />\n    </DropdownMenuPrimitive.Portal>\n  )\n}\n\nfunction DropdownMenuGroup({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Group>) {\n  return <DropdownMenuPrimitive.Group data-slot=\"dropdown-menu-group\" {...props} />\n}\n\nfunction DropdownMenuItem({\n  className,\n  inset,\n  variant = 'default',\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Item> & {\n  inset?: boolean\n  variant?: 'default' | 'destructive'\n}) {\n  return (\n    <DropdownMenuPrimitive.Item\n      data-slot=\"dropdown-menu-item\"\n      data-inset={inset}\n      data-variant={variant}\n      className={cn(\n        'relative flex cursor-pointer items-center gap-2 rounded-md px-2 py-2.5 text-sm outline-hidden transition-all select-none',\n        'focus:bg-accent-muted',\n        'focus:text-text-positive-strong',\n        'data-[inset]:pl-8',\n        'data-[disabled]:pointer-events-none',\n        'data-[disabled]:opacity-50',\n        'data-[variant=destructive]:text-danger',\n        'data-[variant=destructive]:focus:bg-danger-muted',\n        'data-[variant=destructive]:focus:text-danger-strong',\n        'data-[variant=destructive]:*:[svg]:!text-danger',\n        '[&_svg]:shrink-0',\n        '[&_svg]:pointer-events-none',\n        \"[&_svg:not([class*='size-'])]:size-4\",\n        \"[&_svg:not([class*='text-'])]:text-text-positive-muted\",\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction DropdownMenuCheckboxItem({ className, children, checked, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.CheckboxItem>) {\n  return (\n    <DropdownMenuPrimitive.CheckboxItem\n      data-slot=\"dropdown-menu-checkbox-item\"\n      className={cn(\n        'relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none',\n        'focus:bg-accent-muted',\n        'focus:text-text-positive-strong',\n        'data-[disabled]:opacity-50',\n        'data-[disabled]:pointer-events-none',\n        '[&_svg]:pointer-events-none',\n        '[&_svg]:shrink-0',\n        \"[&_svg:not([class*='size-'])]:size-4\",\n        className,\n      )}\n      checked={checked}\n      {...props}\n    >\n      <span className=\"pointer-events-none absolute left-2 flex size-3.5 items-center justify-center\">\n        <DropdownMenuPrimitive.ItemIndicator>\n          <CheckIcon size={16} />\n        </DropdownMenuPrimitive.ItemIndicator>\n      </span>\n      {children}\n    </DropdownMenuPrimitive.CheckboxItem>\n  )\n}\n\nfunction DropdownMenuRadioGroup({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.RadioGroup>) {\n  return <DropdownMenuPrimitive.RadioGroup data-slot=\"dropdown-menu-radio-group\" {...props} />\n}\n\nfunction DropdownMenuRadioItem({ className, children, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.RadioItem>) {\n  return (\n    <DropdownMenuPrimitive.RadioItem\n      data-slot=\"dropdown-menu-radio-item\"\n      className={cn(\n        'relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none',\n        'focus:bg-accent-muted',\n        'focus:text-text-positive-strong',\n        'data-[disabled]:pointer-events-none',\n        'data-[disabled]:opacity-50',\n        '[&_svg]:pointer-events-none',\n        '[&_svg]:shrink-0',\n        \"[&_svg:not([class*='size-'])]:size-4\",\n        className,\n      )}\n      {...props}\n    >\n      <span className=\"pointer-events-none absolute left-2 flex size-3.5 items-center justify-center\">\n        <DropdownMenuPrimitive.ItemIndicator>\n          <CircleIcon className=\"size-2 fill-current\" />\n        </DropdownMenuPrimitive.ItemIndicator>\n      </span>\n      {children}\n    </DropdownMenuPrimitive.RadioItem>\n  )\n}\n\nfunction DropdownMenuLabel({\n  className,\n  inset,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Label> & {\n  inset?: boolean\n}) {\n  return (\n    <DropdownMenuPrimitive.Label\n      data-slot=\"dropdown-menu-label\"\n      data-inset={inset}\n      className={cn('px-2 py-1.5 text-sm font-medium data-[inset]:pl-8', className)}\n      {...props}\n    />\n  )\n}\n\nfunction DropdownMenuSeparator({ className, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Separator>) {\n  return <DropdownMenuPrimitive.Separator data-slot=\"dropdown-menu-separator\" className={cn('bg-border-weak -mx-1 my-1 h-px', className)} {...props} />\n}\n\nfunction DropdownMenuShortcut({ className, ...props }: React.ComponentProps<'span'>) {\n  return <span data-slot=\"dropdown-menu-shortcut\" className={cn('text-text-positive-muted ml-auto text-xs tracking-widest', className)} {...props} />\n}\n\nfunction DropdownMenuSub({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Sub>) {\n  return <DropdownMenuPrimitive.Sub data-slot=\"dropdown-menu-sub\" {...props} />\n}\n\nfunction DropdownMenuSubTrigger({\n  className,\n  inset,\n  children,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.SubTrigger> & {\n  inset?: boolean\n}) {\n  return (\n    <DropdownMenuPrimitive.SubTrigger\n      data-slot=\"dropdown-menu-sub-trigger\"\n      data-inset={inset}\n      className={cn(\n        'flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-hidden select-none',\n        'focus:bg-accent-muted',\n        'focus:text-text-positive-strong',\n        'data-[state=open]:bg-accent-muted',\n        'data-[state=open]:text-text-positive-strong',\n        'data-[inset]:pl-8',\n        className,\n      )}\n      {...props}\n    >\n      {children}\n      <ChevronRightIcon className=\"ml-auto size-4\" />\n    </DropdownMenuPrimitive.SubTrigger>\n  )\n}\n\nfunction DropdownMenuSubContent({ className, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.SubContent>) {\n  return (\n    <DropdownMenuPrimitive.SubContent\n      data-slot=\"dropdown-menu-sub-content\"\n      className={cn(\n        'bg-popover text-text-positive',\n        'border-border-weak shadow-dropdown z-50 min-w-32 origin-(--radix-dropdown-menu-content-transform-origin) overflow-hidden rounded-md border p-1',\n        'data-[state=open]:animate-in',\n        'data-[state=open]:fade-in-0',\n        'data-[state=open]:zoom-in-95',\n        'data-[state=closed]:zoom-out-95',\n        'data-[state=closed]:animate-out',\n        'data-[state=closed]:fade-out-0',\n        'data-[side=bottom]:slide-in-from-top-2',\n        'data-[side=left]:slide-in-from-right-2',\n        'data-[side=right]:slide-in-from-left-2',\n        'data-[side=top]:slide-in-from-bottom-2',\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nexport {\n  DropdownMenu,\n  DropdownMenuCheckboxItem,\n  DropdownMenuContent,\n  DropdownMenuGroup,\n  DropdownMenuItem,\n  DropdownMenuLabel,\n  DropdownMenuPortal,\n  DropdownMenuRadioGroup,\n  DropdownMenuRadioItem,\n  DropdownMenuSeparator,\n  DropdownMenuShortcut,\n  DropdownMenuSub,\n  DropdownMenuSubContent,\n  DropdownMenuSubTrigger,\n  DropdownMenuTrigger,\n}\n"],"mappings":"0LAMA,SAAS,EAAa,CAAE,GAAG,GAAkE,CAC3F,OAAO,EAAA,EAAA,KAACA,EAAAA,aAAsB,KAAA,CAAK,YAAU,gBAAgB,GAAI,IAGnE,SAAS,EAAmB,CAAE,GAAG,GAAoE,CACnG,OAAO,EAAA,EAAA,KAACA,EAAAA,aAAsB,OAAA,CAAO,YAAU,uBAAuB,GAAI,IAG5E,SAAS,EAAoB,CAAE,GAAG,GAAqE,CACrG,OAAO,EAAA,EAAA,KAACA,EAAAA,aAAsB,QAAA,CAAQ,YAAU,wBAAwB,GAAI,IAG9E,SAAS,EAAoB,CAAE,YAAW,aAAa,EAAG,QAAQ,QAAS,GAAG,GAAqE,CACjJ,OACE,EAAA,EAAA,KAACA,EAAAA,aAAsB,OAAA,CAAA,UACrB,EAAA,EAAA,KAACA,EAAAA,aAAsB,QAAA,CACrB,YAAU,wBACE,aACZ,UAAWC,EAAAA,GACT,gCACA,OACA,WACA,oCACA,6DACA,yDACA,0DACA,+BACA,8BACA,+BACA,kCACA,iCACA,kCACA,yCACA,yCACA,yCACA,yCACA,GAEF,GAAI,EACG,YAMf,SAAS,EAAkB,CAAE,GAAG,GAAmE,CACjG,OAAO,EAAA,EAAA,KAACD,EAAAA,aAAsB,MAAA,CAAM,YAAU,sBAAsB,GAAI,IAG1E,SAAS,EAAiB,CACxB,YACA,QACA,UAAU,UACV,GAAG,GAIF,CACD,OACE,EAAA,EAAA,KAACA,EAAAA,aAAsB,KAAA,CACrB,YAAU,qBACV,aAAY,EACZ,eAAc,EACd,UAAWC,EAAAA,GACT,2HACA,wBACA,kCACA,oBACA,sCACA,6BACA,yCACA,mDACA,sDACA,kDACA,mBACA,8BACA,uCACA,yDACA,GAEF,GAAI,IAKV,SAAS,EAAyB,CAAE,YAAW,WAAU,UAAS,GAAG,GAA0E,CAC7I,OACE,EAAA,EAAA,MAACD,EAAAA,aAAsB,aAAA,CACrB,YAAU,8BACV,UAAWC,EAAAA,GACT,iHACA,wBACA,kCACA,6BACA,sCACA,8BACA,mBACA,uCACA,GAEO,UACT,GAAI,aAEJ,EAAA,EAAA,KAAC,OAAA,CAAK,UAAU,0FACd,EAAA,EAAA,KAACD,EAAAA,aAAsB,cAAA,CAAA,UACrB,EAAA,EAAA,KAACE,EAAAA,UAAAA,CAAU,KAAM,SAGpB,KAKP,SAAS,EAAuB,CAAE,GAAG,GAAwE,CAC3G,OAAO,EAAA,EAAA,KAACF,EAAAA,aAAsB,WAAA,CAAW,YAAU,4BAA4B,GAAI,IAGrF,SAAS,EAAsB,CAAE,YAAW,WAAU,GAAG,GAAuE,CAC9H,OACE,EAAA,EAAA,MAACA,EAAAA,aAAsB,UAAA,CACrB,YAAU,2BACV,UAAWC,EAAAA,GACT,iHACA,wBACA,kCACA,sCACA,6BACA,8BACA,mBACA,uCACA,GAEF,GAAI,aAEJ,EAAA,EAAA,KAAC,OAAA,CAAK,UAAU,0FACd,EAAA,EAAA,KAACD,EAAAA,aAAsB,cAAA,CAAA,UACrB,EAAA,EAAA,KAACG,EAAAA,WAAAA,CAAW,UAAU,4BAGzB,KAKP,SAAS,EAAkB,CACzB,YACA,QACA,GAAG,GAGF,CACD,OACE,EAAA,EAAA,KAACH,EAAAA,aAAsB,MAAA,CACrB,YAAU,sBACV,aAAY,EACZ,UAAWC,EAAAA,GAAG,oDAAqD,GACnE,GAAI,IAKV,SAAS,EAAsB,CAAE,YAAW,GAAG,GAAuE,CACpH,OAAO,EAAA,EAAA,KAACD,EAAAA,aAAsB,UAAA,CAAU,YAAU,0BAA0B,UAAWC,EAAAA,GAAG,iCAAkC,GAAY,GAAI,IAG9I,SAAS,EAAqB,CAAE,YAAW,GAAG,GAAuC,CACnF,OAAO,EAAA,EAAA,KAAC,OAAA,CAAK,YAAU,yBAAyB,UAAWA,EAAAA,GAAG,2DAA4D,GAAY,GAAI,IAG5I,SAAS,EAAgB,CAAE,GAAG,GAAiE,CAC7F,OAAO,EAAA,EAAA,KAACD,EAAAA,aAAsB,IAAA,CAAI,YAAU,oBAAoB,GAAI,IAGtE,SAAS,EAAuB,CAC9B,YACA,QACA,WACA,GAAG,GAGF,CACD,OACE,EAAA,EAAA,MAACA,EAAAA,aAAsB,WAAA,CACrB,YAAU,4BACV,aAAY,EACZ,UAAWC,EAAAA,GACT,6FACA,wBACA,kCACA,oCACA,8CACA,oBACA,GAEF,GAAI,YAEH,GACD,EAAA,EAAA,KAACG,EAAAA,iBAAAA,CAAiB,UAAU,sBAKlC,SAAS,EAAuB,CAAE,YAAW,GAAG,GAAwE,CACtH,OACE,EAAA,EAAA,KAACJ,EAAAA,aAAsB,WAAA,CACrB,YAAU,4BACV,UAAWC,EAAAA,GACT,gCACA,iJACA,+BACA,8BACA,+BACA,kCACA,kCACA,iCACA,yCACA,yCACA,yCACA,yCACA,GAEF,GAAI"}

package/dist/dropdown-menu-D5uG4HZA.js

@@ -0,0 +1,2 @@
+import{cn as e}from"./utils-D9AH0PUV.js";import{jsx as t,jsxs as n}from"react/jsx-runtime";import{DropdownMenu as r}from"radix-ui";import{CheckIcon as i,ChevronRightIcon as a,CircleIcon as o}from"lucide-react";function s({...e}){return t(r.Root,{"data-slot":`dropdown-menu`,...e})}function c({...e}){return t(r.Portal,{"data-slot":`dropdown-menu-portal`,...e})}function l({...e}){return t(r.Trigger,{"data-slot":`dropdown-menu-trigger`,...e})}function u({className:n,sideOffset:i=4,align:a=`start`,...o}){return t(r.Portal,{children:t(r.Content,{"data-slot":`dropdown-menu-content`,sideOffset:i,className:e(`bg-popover text-text-positive`,`z-50`,`min-w-32`,`overflow-x-hidden overflow-y-auto`,`border-border-weak shadow-dropdown rounded-md border p-1.5`,`max-h-(--radix-dropdown-menu-content-available-height)`,`origin-(--radix-dropdown-menu-content-transform-origin)`,`data-[state=open]:animate-in`,`data-[state=open]:fade-in-0`,`data-[state=open]:zoom-in-95`,`data-[state=closed]:animate-out`,`data-[state=closed]:fade-out-0`,`data-[state=closed]:zoom-out-95`,`data-[side=bottom]:slide-in-from-top-2`,`data-[side=left]:slide-in-from-right-2`,`data-[side=right]:slide-in-from-left-2`,`data-[side=top]:slide-in-from-bottom-2`,n),...o,align:a})})}function d({...e}){return t(r.Group,{"data-slot":`dropdown-menu-group`,...e})}function f({className:n,inset:i,variant:a=`default`,...o}){return t(r.Item,{"data-slot":`dropdown-menu-item`,"data-inset":i,"data-variant":a,className:e(`relative flex cursor-pointer items-center gap-2 rounded-md px-2 py-2.5 text-sm outline-hidden transition-all select-none`,`focus:bg-accent-muted`,`focus:text-text-positive-strong`,`data-[inset]:pl-8`,`data-[disabled]:pointer-events-none`,`data-[disabled]:opacity-50`,`data-[variant=destructive]:text-danger`,`data-[variant=destructive]:focus:bg-danger-muted`,`data-[variant=destructive]:focus:text-danger-strong`,`data-[variant=destructive]:*:[svg]:!text-danger`,`[&_svg]:shrink-0`,`[&_svg]:pointer-events-none`,`[&_svg:not([class*='size-'])]:size-4`,`[&_svg:not([class*='text-'])]:text-text-positive-muted`,n),...o})}function p({className:a,children:o,checked:s,...c}){return n(r.CheckboxItem,{"data-slot":`dropdown-menu-checkbox-item`,className:e(`relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none`,`focus:bg-accent-muted`,`focus:text-text-positive-strong`,`data-[disabled]:opacity-50`,`data-[disabled]:pointer-events-none`,`[&_svg]:pointer-events-none`,`[&_svg]:shrink-0`,`[&_svg:not([class*='size-'])]:size-4`,a),checked:s,...c,children:[t(`span`,{className:`pointer-events-none absolute left-2 flex size-3.5 items-center justify-center`,children:t(r.ItemIndicator,{children:t(i,{size:16})})}),o]})}function m({...e}){return t(r.RadioGroup,{"data-slot":`dropdown-menu-radio-group`,...e})}function h({className:i,children:a,...s}){return n(r.RadioItem,{"data-slot":`dropdown-menu-radio-item`,className:e(`relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none`,`focus:bg-accent-muted`,`focus:text-text-positive-strong`,`data-[disabled]:pointer-events-none`,`data-[disabled]:opacity-50`,`[&_svg]:pointer-events-none`,`[&_svg]:shrink-0`,`[&_svg:not([class*='size-'])]:size-4`,i),...s,children:[t(`span`,{className:`pointer-events-none absolute left-2 flex size-3.5 items-center justify-center`,children:t(r.ItemIndicator,{children:t(o,{className:`size-2 fill-current`})})}),a]})}function g({className:n,inset:i,...a}){return t(r.Label,{"data-slot":`dropdown-menu-label`,"data-inset":i,className:e(`px-2 py-1.5 text-sm font-medium data-[inset]:pl-8`,n),...a})}function _({className:n,...i}){return t(r.Separator,{"data-slot":`dropdown-menu-separator`,className:e(`bg-border-weak -mx-1 my-1 h-px`,n),...i})}function v({className:n,...r}){return t(`span`,{"data-slot":`dropdown-menu-shortcut`,className:e(`text-text-positive-muted ml-auto text-xs tracking-widest`,n),...r})}function y({...e}){return t(r.Sub,{"data-slot":`dropdown-menu-sub`,...e})}function b({className:i,inset:o,children:s,...c}){return n(r.SubTrigger,{"data-slot":`dropdown-menu-sub-trigger`,"data-inset":o,className:e(`flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-hidden select-none`,`focus:bg-accent-muted`,`focus:text-text-positive-strong`,`data-[state=open]:bg-accent-muted`,`data-[state=open]:text-text-positive-strong`,`data-[inset]:pl-8`,i),...c,children:[s,t(a,{className:`ml-auto size-4`})]})}function x({className:n,...i}){return t(r.SubContent,{"data-slot":`dropdown-menu-sub-content`,className:e(`bg-popover text-text-positive`,`border-border-weak shadow-dropdown z-50 min-w-32 origin-(--radix-dropdown-menu-content-transform-origin) overflow-hidden rounded-md border p-1`,`data-[state=open]:animate-in`,`data-[state=open]:fade-in-0`,`data-[state=open]:zoom-in-95`,`data-[state=closed]:zoom-out-95`,`data-[state=closed]:animate-out`,`data-[state=closed]:fade-out-0`,`data-[side=bottom]:slide-in-from-top-2`,`data-[side=left]:slide-in-from-right-2`,`data-[side=right]:slide-in-from-left-2`,`data-[side=top]:slide-in-from-bottom-2`,n),...i})}export{s as DropdownMenu,p as DropdownMenuCheckboxItem,u as DropdownMenuContent,d as DropdownMenuGroup,f as DropdownMenuItem,g as DropdownMenuLabel,c as DropdownMenuPortal,m as DropdownMenuRadioGroup,h as DropdownMenuRadioItem,_ as DropdownMenuSeparator,v as DropdownMenuShortcut,y as DropdownMenuSub,x as DropdownMenuSubContent,b as DropdownMenuSubTrigger,l as DropdownMenuTrigger};
+//# sourceMappingURL=dropdown-menu-D5uG4HZA.js.map