@customafk/lunas-ui 0.0.61 → 0.0.63

package/dist/{dialog-B10MbJD8.d.ts → dialog-Ddyl2CZg.d.ts}

@@ -1,23 +1,23 @@
 import { Dialog } from "radix-ui";
-import * as react_jsx_runtime59 from "react/jsx-runtime";
+import * as react_jsx_runtime96 from "react/jsx-runtime";
 
 //#region packages/components/ui/dialog.d.ts
 declare function Dialog$1({
   ...props
-}: React.ComponentProps<typeof Dialog.Root>): react_jsx_runtime59.JSX.Element;
+}: React.ComponentProps<typeof Dialog.Root>): react_jsx_runtime96.JSX.Element;
 declare function DialogTrigger({
   ...props
-}: React.ComponentProps<typeof Dialog.Trigger>): react_jsx_runtime59.JSX.Element;
+}: React.ComponentProps<typeof Dialog.Trigger>): react_jsx_runtime96.JSX.Element;
 declare function DialogPortal({
   ...props
-}: React.ComponentProps<typeof Dialog.Portal>): react_jsx_runtime59.JSX.Element;
+}: React.ComponentProps<typeof Dialog.Portal>): react_jsx_runtime96.JSX.Element;
 declare function DialogClose({
   ...props
-}: React.ComponentProps<typeof Dialog.Close>): react_jsx_runtime59.JSX.Element;
+}: React.ComponentProps<typeof Dialog.Close>): react_jsx_runtime96.JSX.Element;
 declare function DialogOverlay({
   className,
   ...props
-}: React.ComponentProps<typeof Dialog.Overlay>): react_jsx_runtime59.JSX.Element;
+}: React.ComponentProps<typeof Dialog.Overlay>): react_jsx_runtime96.JSX.Element;
 declare function DialogContent({
   className,
   children,
@@ -25,23 +25,23 @@ declare function DialogContent({
   ...props
 }: React.ComponentProps<typeof Dialog.Content> & {
   showCloseButton?: boolean;
-}): react_jsx_runtime59.JSX.Element;
+}): react_jsx_runtime96.JSX.Element;
 declare function DialogHeader({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime59.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime96.JSX.Element;
 declare function DialogFooter({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime59.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime96.JSX.Element;
 declare function DialogTitle({
   className,
   ...props
-}: React.ComponentProps<typeof Dialog.Title>): react_jsx_runtime59.JSX.Element;
+}: React.ComponentProps<typeof Dialog.Title>): react_jsx_runtime96.JSX.Element;
 declare function DialogDescription({
   className,
   ...props
-}: React.ComponentProps<typeof Dialog.Description>): react_jsx_runtime59.JSX.Element;
+}: React.ComponentProps<typeof Dialog.Description>): react_jsx_runtime96.JSX.Element;
 //#endregion
 export { Dialog$1 as Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger };
-//# sourceMappingURL=dialog-B10MbJD8.d.ts.map
+//# sourceMappingURL=dialog-Ddyl2CZg.d.ts.map

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

@@ -1 +1 @@
-"use client";require(`../../../button-119IIVCy.cjs`),require(`../../../skeleton-CmGSyYRm.cjs`),require(`../../../tooltip-meYt4lxB.cjs`),require(`../../../input-Bt7b3-NW.cjs`),require(`../../../separator-hulDSW7B.cjs`),require(`../../../sheet-D8iW1o50.cjs`);const e=require(`../../../sidebar-BwIH2lFJ.cjs`);exports.DetailDialogSidebarContent=e.DetailDialogSidebarContent,exports.DetailDialogSidebarFooter=e.DetailDialogSidebarFooter,exports.DetailDialogSidebarGroup=e.DetailDialogSidebarGroup,exports.DetailDialogSidebarGroupAction=e.DetailDialogSidebarGroupAction,exports.DetailDialogSidebarGroupContent=e.DetailDialogSidebarGroupContent,exports.DetailDialogSidebarGroupLabel=e.DetailDialogSidebarGroupLabel,exports.DetailDialogSidebarHeader=e.DetailDialogSidebarHeader,exports.DetailDialogSidebarMenu=e.DetailDialogSidebarMenu,exports.DetailDialogSidebarMenuAction=e.DetailDialogSidebarMenuAction,exports.DetailDialogSidebarMenuBadge=e.DetailDialogSidebarMenuBadge,exports.DetailDialogSidebarMenuButton=e.DetailDialogSidebarMenuButton,exports.DetailDialogSidebarMenuItem=e.DetailDialogSidebarMenuItem,exports.DetailDialogSidebarMenuSkeleton=e.DetailDialogSidebarMenuSkeleton,exports.DetailDialogSidebarMenuSub=e.DetailDialogSidebarMenuSub,exports.DetailDialogSidebarMenuSubButton=e.DetailDialogSidebarMenuSubButton,exports.DetailDialogSidebarMenuSubItem=e.DetailDialogSidebarMenuSubItem,exports.DetailDialogSidebarRail=e.DetailDialogSidebarRail,exports.DetailDialogSidebarSeparator=e.DetailDialogSidebarSeparator,exports.DetailDialogSidebarTrigger=e.DetailDialogSidebarTrigger,exports.Sidebar=e.Sidebar,exports.SidebarInput=e.SidebarInput,exports.SidebarInset=e.SidebarInset,exports.SidebarProvider=e.SidebarProvider,exports.useSidebar=e.useSidebar;
+"use client";require(`../../../button-119IIVCy.cjs`),require(`../../../skeleton-CmGSyYRm.cjs`),require(`../../../tooltip-meYt4lxB.cjs`),require(`../../../input-BxXRqpc1.cjs`),require(`../../../separator-JGL-8B0V.cjs`),require(`../../../sheet-slcLNlWv.cjs`);const e=require(`../../../sidebar-BWhRjoI9.cjs`);exports.DetailDialogSidebarContent=e.DetailDialogSidebarContent,exports.DetailDialogSidebarFooter=e.DetailDialogSidebarFooter,exports.DetailDialogSidebarGroup=e.DetailDialogSidebarGroup,exports.DetailDialogSidebarGroupAction=e.DetailDialogSidebarGroupAction,exports.DetailDialogSidebarGroupContent=e.DetailDialogSidebarGroupContent,exports.DetailDialogSidebarGroupLabel=e.DetailDialogSidebarGroupLabel,exports.DetailDialogSidebarHeader=e.DetailDialogSidebarHeader,exports.DetailDialogSidebarMenu=e.DetailDialogSidebarMenu,exports.DetailDialogSidebarMenuAction=e.DetailDialogSidebarMenuAction,exports.DetailDialogSidebarMenuBadge=e.DetailDialogSidebarMenuBadge,exports.DetailDialogSidebarMenuButton=e.DetailDialogSidebarMenuButton,exports.DetailDialogSidebarMenuItem=e.DetailDialogSidebarMenuItem,exports.DetailDialogSidebarMenuSkeleton=e.DetailDialogSidebarMenuSkeleton,exports.DetailDialogSidebarMenuSub=e.DetailDialogSidebarMenuSub,exports.DetailDialogSidebarMenuSubButton=e.DetailDialogSidebarMenuSubButton,exports.DetailDialogSidebarMenuSubItem=e.DetailDialogSidebarMenuSubItem,exports.DetailDialogSidebarRail=e.DetailDialogSidebarRail,exports.DetailDialogSidebarSeparator=e.DetailDialogSidebarSeparator,exports.DetailDialogSidebarTrigger=e.DetailDialogSidebarTrigger,exports.Sidebar=e.Sidebar,exports.SidebarInput=e.SidebarInput,exports.SidebarInset=e.SidebarInset,exports.SidebarProvider=e.SidebarProvider,exports.useSidebar=e.useSidebar;

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

@@ -1,9 +1,9 @@
-import { Button } from "../../../button-CiiRwPo0.cjs";
-import { Input } from "../../../input-Btkk-D-H.cjs";
-import { Separator } from "../../../separator-de4423bu.cjs";
-import { TooltipContent } from "../../../tooltip-DE_eohyj.cjs";
-import * as react_jsx_runtime236 from "react/jsx-runtime";
-import * as class_variance_authority_types6 from "class-variance-authority/types";
+import { Button } from "../../../button-BtvqPQbl.cjs";
+import { Input } from "../../../input-CBmfFkSA.cjs";
+import { Separator } from "../../../separator-DT79vOG-.cjs";
+import { TooltipContent } from "../../../tooltip-CJK3asOo.cjs";
+import * as react_jsx_runtime189 from "react/jsx-runtime";
+import * as class_variance_authority_types4 from "class-variance-authority/types";
 import { VariantProps } from "class-variance-authority";
 
 //#region packages/components/dialogs/detail-dialog/component/sidebar.d.ts
@@ -29,7 +29,7 @@ declare function SidebarProvider({
   defaultOpen?: boolean;
   open?: boolean;
   onOpenChange?: (open: boolean) => void;
-}): react_jsx_runtime236.JSX.Element;
+}): react_jsx_runtime189.JSX.Element;
 declare function Sidebar({
   side,
   variant,
@@ -41,74 +41,74 @@ declare function Sidebar({
   side?: 'left' | 'right';
   variant?: 'sidebar' | 'floating' | 'inset';
   collapsible?: 'offcanvas' | 'icon' | 'none';
-}): react_jsx_runtime236.JSX.Element;
+}): react_jsx_runtime189.JSX.Element;
 declare function DetailDialogSidebarTrigger({
   className,
   onClick,
   ...props
-}: React.ComponentProps<typeof Button>): react_jsx_runtime236.JSX.Element;
+}: React.ComponentProps<typeof Button>): react_jsx_runtime189.JSX.Element;
 declare function DetailDialogSidebarRail({
   className,
   ...props
-}: React.ComponentProps<'button'>): react_jsx_runtime236.JSX.Element;
+}: React.ComponentProps<'button'>): react_jsx_runtime189.JSX.Element;
 declare function SidebarInset({
   className,
   ...props
-}: React.ComponentProps<'main'>): react_jsx_runtime236.JSX.Element;
+}: React.ComponentProps<'main'>): react_jsx_runtime189.JSX.Element;
 declare function SidebarInput({
   className,
   ...props
-}: React.ComponentProps<typeof Input>): react_jsx_runtime236.JSX.Element;
+}: React.ComponentProps<typeof Input>): react_jsx_runtime189.JSX.Element;
 declare function DetailDialogSidebarHeader({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime236.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime189.JSX.Element;
 declare function DetailDialogSidebarFooter({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime236.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime189.JSX.Element;
 declare function DetailDialogSidebarSeparator({
   className,
   ...props
-}: React.ComponentProps<typeof Separator>): react_jsx_runtime236.JSX.Element;
+}: React.ComponentProps<typeof Separator>): react_jsx_runtime189.JSX.Element;
 declare function DetailDialogSidebarContent({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime236.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime189.JSX.Element;
 declare function DetailDialogSidebarGroup({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime236.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime189.JSX.Element;
 declare function DetailDialogSidebarGroupLabel({
   className,
   asChild,
   ...props
 }: React.ComponentProps<'div'> & {
   asChild?: boolean;
-}): react_jsx_runtime236.JSX.Element;
+}): react_jsx_runtime189.JSX.Element;
 declare function DetailDialogSidebarGroupAction({
   className,
   asChild,
   ...props
 }: React.ComponentProps<'button'> & {
   asChild?: boolean;
-}): react_jsx_runtime236.JSX.Element;
+}): react_jsx_runtime189.JSX.Element;
 declare function DetailDialogSidebarGroupContent({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime236.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime189.JSX.Element;
 declare function DetailDialogSidebarMenu({
   className,
   ...props
-}: React.ComponentProps<'ul'>): react_jsx_runtime236.JSX.Element;
+}: React.ComponentProps<'ul'>): react_jsx_runtime189.JSX.Element;
 declare function DetailDialogSidebarMenuItem({
   className,
   ...props
-}: React.ComponentProps<'li'>): react_jsx_runtime236.JSX.Element;
+}: React.ComponentProps<'li'>): react_jsx_runtime189.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_types4.ClassProp) | undefined) => string;
 declare function DetailDialogSidebarMenuButton({
   asChild,
   isActive,
@@ -121,7 +121,7 @@ declare function DetailDialogSidebarMenuButton({
   asChild?: boolean;
   isActive?: boolean;
   tooltip?: string | React.ComponentProps<typeof TooltipContent>;
-} & VariantProps<typeof sidebarMenuButtonVariants>): react_jsx_runtime236.JSX.Element;
+} & VariantProps<typeof sidebarMenuButtonVariants>): react_jsx_runtime189.JSX.Element;
 declare function DetailDialogSidebarMenuAction({
   className,
   asChild,
@@ -130,26 +130,26 @@ declare function DetailDialogSidebarMenuAction({
 }: React.ComponentProps<'button'> & {
   asChild?: boolean;
   showOnHover?: boolean;
-}): react_jsx_runtime236.JSX.Element;
+}): react_jsx_runtime189.JSX.Element;
 declare function DetailDialogSidebarMenuBadge({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime236.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime189.JSX.Element;
 declare function DetailDialogSidebarMenuSkeleton({
   className,
   showIcon,
   ...props
 }: React.ComponentProps<'div'> & {
   showIcon?: boolean;
-}): react_jsx_runtime236.JSX.Element;
+}): react_jsx_runtime189.JSX.Element;
 declare function DetailDialogSidebarMenuSub({
   className,
   ...props
-}: React.ComponentProps<'ul'>): react_jsx_runtime236.JSX.Element;
+}: React.ComponentProps<'ul'>): react_jsx_runtime189.JSX.Element;
 declare function DetailDialogSidebarMenuSubItem({
   className,
   ...props
-}: React.ComponentProps<'li'>): react_jsx_runtime236.JSX.Element;
+}: React.ComponentProps<'li'>): react_jsx_runtime189.JSX.Element;
 declare function DetailDialogSidebarMenuSubButton({
   asChild,
   size,
@@ -160,7 +160,7 @@ declare function DetailDialogSidebarMenuSubButton({
   asChild?: boolean;
   size?: 'sm' | 'md';
   isActive?: boolean;
-}): react_jsx_runtime236.JSX.Element;
+}): react_jsx_runtime189.JSX.Element;
 //#endregion
 export { DetailDialogSidebarContent, DetailDialogSidebarFooter, DetailDialogSidebarGroup, DetailDialogSidebarGroupAction, DetailDialogSidebarGroupContent, DetailDialogSidebarGroupLabel, DetailDialogSidebarHeader, DetailDialogSidebarMenu, DetailDialogSidebarMenuAction, DetailDialogSidebarMenuBadge, DetailDialogSidebarMenuButton, DetailDialogSidebarMenuItem, DetailDialogSidebarMenuSkeleton, DetailDialogSidebarMenuSub, DetailDialogSidebarMenuSubButton, DetailDialogSidebarMenuSubItem, DetailDialogSidebarRail, DetailDialogSidebarSeparator, DetailDialogSidebarTrigger, Sidebar, SidebarInput, SidebarInset, SidebarProvider, useSidebar };
 //# sourceMappingURL=sidebar.d.cts.map

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

@@ -1,9 +1,9 @@
-import { Button } from "../../../button-tIBg0Orc.js";
-import { Input } from "../../../input-CyBgjNII.js";
-import { Separator } from "../../../separator-B-yN9e9m.js";
-import { TooltipContent } from "../../../tooltip-C30oHuY9.js";
+import { Button } from "../../../button-B_r8XsfH.js";
+import { Input } from "../../../input-B3A9FFIr.js";
+import { Separator } from "../../../separator-Cr_2vFm6.js";
+import { TooltipContent } from "../../../tooltip-CyEOAlsP.js";
 import { VariantProps } from "class-variance-authority";
-import * as react_jsx_runtime236 from "react/jsx-runtime";
+import * as react_jsx_runtime234 from "react/jsx-runtime";
 import * as class_variance_authority_types6 from "class-variance-authority/types";
 
 //#region packages/components/dialogs/detail-dialog/component/sidebar.d.ts
@@ -29,7 +29,7 @@ declare function SidebarProvider({
   defaultOpen?: boolean;
   open?: boolean;
   onOpenChange?: (open: boolean) => void;
-}): react_jsx_runtime236.JSX.Element;
+}): react_jsx_runtime234.JSX.Element;
 declare function Sidebar({
   side,
   variant,
@@ -41,70 +41,70 @@ declare function Sidebar({
   side?: 'left' | 'right';
   variant?: 'sidebar' | 'floating' | 'inset';
   collapsible?: 'offcanvas' | 'icon' | 'none';
-}): react_jsx_runtime236.JSX.Element;
+}): react_jsx_runtime234.JSX.Element;
 declare function DetailDialogSidebarTrigger({
   className,
   onClick,
   ...props
-}: React.ComponentProps<typeof Button>): react_jsx_runtime236.JSX.Element;
+}: React.ComponentProps<typeof Button>): react_jsx_runtime234.JSX.Element;
 declare function DetailDialogSidebarRail({
   className,
   ...props
-}: React.ComponentProps<'button'>): react_jsx_runtime236.JSX.Element;
+}: React.ComponentProps<'button'>): react_jsx_runtime234.JSX.Element;
 declare function SidebarInset({
   className,
   ...props
-}: React.ComponentProps<'main'>): react_jsx_runtime236.JSX.Element;
+}: React.ComponentProps<'main'>): react_jsx_runtime234.JSX.Element;
 declare function SidebarInput({
   className,
   ...props
-}: React.ComponentProps<typeof Input>): react_jsx_runtime236.JSX.Element;
+}: React.ComponentProps<typeof Input>): react_jsx_runtime234.JSX.Element;
 declare function DetailDialogSidebarHeader({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime236.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime234.JSX.Element;
 declare function DetailDialogSidebarFooter({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime236.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime234.JSX.Element;
 declare function DetailDialogSidebarSeparator({
   className,
   ...props
-}: React.ComponentProps<typeof Separator>): react_jsx_runtime236.JSX.Element;
+}: React.ComponentProps<typeof Separator>): react_jsx_runtime234.JSX.Element;
 declare function DetailDialogSidebarContent({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime236.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime234.JSX.Element;
 declare function DetailDialogSidebarGroup({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime236.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime234.JSX.Element;
 declare function DetailDialogSidebarGroupLabel({
   className,
   asChild,
   ...props
 }: React.ComponentProps<'div'> & {
   asChild?: boolean;
-}): react_jsx_runtime236.JSX.Element;
+}): react_jsx_runtime234.JSX.Element;
 declare function DetailDialogSidebarGroupAction({
   className,
   asChild,
   ...props
 }: React.ComponentProps<'button'> & {
   asChild?: boolean;
-}): react_jsx_runtime236.JSX.Element;
+}): react_jsx_runtime234.JSX.Element;
 declare function DetailDialogSidebarGroupContent({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime236.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime234.JSX.Element;
 declare function DetailDialogSidebarMenu({
   className,
   ...props
-}: React.ComponentProps<'ul'>): react_jsx_runtime236.JSX.Element;
+}: React.ComponentProps<'ul'>): react_jsx_runtime234.JSX.Element;
 declare function DetailDialogSidebarMenuItem({
   className,
   ...props
-}: React.ComponentProps<'li'>): react_jsx_runtime236.JSX.Element;
+}: React.ComponentProps<'li'>): react_jsx_runtime234.JSX.Element;
 declare const sidebarMenuButtonVariants: (props?: ({
   variant?: "default" | "outline" | null | undefined;
   size?: "sm" | "lg" | "default" | null | undefined;
@@ -121,7 +121,7 @@ declare function DetailDialogSidebarMenuButton({
   asChild?: boolean;
   isActive?: boolean;
   tooltip?: string | React.ComponentProps<typeof TooltipContent>;
-} & VariantProps<typeof sidebarMenuButtonVariants>): react_jsx_runtime236.JSX.Element;
+} & VariantProps<typeof sidebarMenuButtonVariants>): react_jsx_runtime234.JSX.Element;
 declare function DetailDialogSidebarMenuAction({
   className,
   asChild,
@@ -130,26 +130,26 @@ declare function DetailDialogSidebarMenuAction({
 }: React.ComponentProps<'button'> & {
   asChild?: boolean;
   showOnHover?: boolean;
-}): react_jsx_runtime236.JSX.Element;
+}): react_jsx_runtime234.JSX.Element;
 declare function DetailDialogSidebarMenuBadge({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime236.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime234.JSX.Element;
 declare function DetailDialogSidebarMenuSkeleton({
   className,
   showIcon,
   ...props
 }: React.ComponentProps<'div'> & {
   showIcon?: boolean;
-}): react_jsx_runtime236.JSX.Element;
+}): react_jsx_runtime234.JSX.Element;
 declare function DetailDialogSidebarMenuSub({
   className,
   ...props
-}: React.ComponentProps<'ul'>): react_jsx_runtime236.JSX.Element;
+}: React.ComponentProps<'ul'>): react_jsx_runtime234.JSX.Element;
 declare function DetailDialogSidebarMenuSubItem({
   className,
   ...props
-}: React.ComponentProps<'li'>): react_jsx_runtime236.JSX.Element;
+}: React.ComponentProps<'li'>): react_jsx_runtime234.JSX.Element;
 declare function DetailDialogSidebarMenuSubButton({
   asChild,
   size,
@@ -160,7 +160,7 @@ declare function DetailDialogSidebarMenuSubButton({
   asChild?: boolean;
   size?: 'sm' | 'md';
   isActive?: boolean;
-}): react_jsx_runtime236.JSX.Element;
+}): react_jsx_runtime234.JSX.Element;
 //#endregion
 export { DetailDialogSidebarContent, DetailDialogSidebarFooter, DetailDialogSidebarGroup, DetailDialogSidebarGroupAction, DetailDialogSidebarGroupContent, DetailDialogSidebarGroupLabel, DetailDialogSidebarHeader, DetailDialogSidebarMenu, DetailDialogSidebarMenuAction, DetailDialogSidebarMenuBadge, DetailDialogSidebarMenuButton, DetailDialogSidebarMenuItem, DetailDialogSidebarMenuSkeleton, DetailDialogSidebarMenuSub, DetailDialogSidebarMenuSubButton, DetailDialogSidebarMenuSubItem, DetailDialogSidebarRail, DetailDialogSidebarSeparator, DetailDialogSidebarTrigger, Sidebar, SidebarInput, SidebarInset, SidebarProvider, useSidebar };
 //# sourceMappingURL=sidebar.d.ts.map

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

@@ -1 +1 @@
-"use client";import"../../../button-CvQQTSka.js";import"../../../skeleton-DFF0w4en.js";import"../../../tooltip-CN8vvmWA.js";import"../../../input-i5Nm0R1X.js";import"../../../separator-CxCq7NYP.js";import"../../../sheet-amjZQ7nX.js";import{DetailDialogSidebarContent as e,DetailDialogSidebarFooter as t,DetailDialogSidebarGroup as n,DetailDialogSidebarGroupAction as r,DetailDialogSidebarGroupContent as i,DetailDialogSidebarGroupLabel as a,DetailDialogSidebarHeader as o,DetailDialogSidebarMenu as s,DetailDialogSidebarMenuAction as c,DetailDialogSidebarMenuBadge as l,DetailDialogSidebarMenuButton as u,DetailDialogSidebarMenuItem as d,DetailDialogSidebarMenuSkeleton as f,DetailDialogSidebarMenuSub as p,DetailDialogSidebarMenuSubButton as m,DetailDialogSidebarMenuSubItem as h,DetailDialogSidebarRail as g,DetailDialogSidebarSeparator as _,DetailDialogSidebarTrigger as v,Sidebar as y,SidebarInput as b,SidebarInset as x,SidebarProvider as S,useSidebar as C}from"../../../sidebar-Cf5tv_x0.js";export{e as DetailDialogSidebarContent,t as DetailDialogSidebarFooter,n as DetailDialogSidebarGroup,r as DetailDialogSidebarGroupAction,i as DetailDialogSidebarGroupContent,a as DetailDialogSidebarGroupLabel,o as DetailDialogSidebarHeader,s as DetailDialogSidebarMenu,c as DetailDialogSidebarMenuAction,l as DetailDialogSidebarMenuBadge,u as DetailDialogSidebarMenuButton,d as DetailDialogSidebarMenuItem,f as DetailDialogSidebarMenuSkeleton,p as DetailDialogSidebarMenuSub,m as DetailDialogSidebarMenuSubButton,h as DetailDialogSidebarMenuSubItem,g as DetailDialogSidebarRail,_ as DetailDialogSidebarSeparator,v as DetailDialogSidebarTrigger,y as Sidebar,b as SidebarInput,x as SidebarInset,S as SidebarProvider,C as useSidebar};
+"use client";import"../../../button-CvQQTSka.js";import"../../../skeleton-DFF0w4en.js";import"../../../tooltip-CN8vvmWA.js";import"../../../input-B0Q1kBoj.js";import"../../../separator-DW2PaiUK.js";import"../../../sheet-BumlzKcW.js";import{DetailDialogSidebarContent as e,DetailDialogSidebarFooter as t,DetailDialogSidebarGroup as n,DetailDialogSidebarGroupAction as r,DetailDialogSidebarGroupContent as i,DetailDialogSidebarGroupLabel as a,DetailDialogSidebarHeader as o,DetailDialogSidebarMenu as s,DetailDialogSidebarMenuAction as c,DetailDialogSidebarMenuBadge as l,DetailDialogSidebarMenuButton as u,DetailDialogSidebarMenuItem as d,DetailDialogSidebarMenuSkeleton as f,DetailDialogSidebarMenuSub as p,DetailDialogSidebarMenuSubButton as m,DetailDialogSidebarMenuSubItem as h,DetailDialogSidebarRail as g,DetailDialogSidebarSeparator as _,DetailDialogSidebarTrigger as v,Sidebar as y,SidebarInput as b,SidebarInset as x,SidebarProvider as S,useSidebar as C}from"../../../sidebar-DwA61Am0.js";export{e as DetailDialogSidebarContent,t as DetailDialogSidebarFooter,n as DetailDialogSidebarGroup,r as DetailDialogSidebarGroupAction,i as DetailDialogSidebarGroupContent,a as DetailDialogSidebarGroupLabel,o as DetailDialogSidebarHeader,s as DetailDialogSidebarMenu,c as DetailDialogSidebarMenuAction,l as DetailDialogSidebarMenuBadge,u as DetailDialogSidebarMenuButton,d as DetailDialogSidebarMenuItem,f as DetailDialogSidebarMenuSkeleton,p as DetailDialogSidebarMenuSub,m as DetailDialogSidebarMenuSubButton,h as DetailDialogSidebarMenuSubItem,g as DetailDialogSidebarRail,_ as DetailDialogSidebarSeparator,v as DetailDialogSidebarTrigger,y as Sidebar,b as SidebarInput,x as SidebarInset,S as SidebarProvider,C as useSidebar};

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

@@ -1,2 +1,2 @@
-const e=require(`../../chunk-CUT6urMc.cjs`);require(`../../button-119IIVCy.cjs`),require(`../../card-RJvu27Ck.cjs`),require(`../../skeleton-CmGSyYRm.cjs`);const t=require(`../../flex-C-4TxUDe.cjs`),n=require(`../../date-wo9LyN6l.cjs`);require(`../../tooltip-meYt4lxB.cjs`);const r=require(`../../dialog-CGrbU7PO.cjs`);require(`../../input-Bt7b3-NW.cjs`);const i=require(`../../title-DMOj1cgG.cjs`);require(`../../separator-hulDSW7B.cjs`),require(`../../sheet-D8iW1o50.cjs`);const a=require(`../../sidebar-BwIH2lFJ.cjs`),o=e.__toESM(require(`lucide-react`)),s=e.__toESM(require(`@customafk/react-toolkit/utils`)),c=e.__toESM(require(`react/jsx-runtime`)),l=()=>(0,c.jsxs)(r.DialogHeader,{className:`sr-only`,children:[(0,c.jsx)(r.DialogTitle,{className:`sr-only`}),(0,c.jsx)(r.DialogDescription,{className:`sr-only`})]}),u=({children:e})=>(0,c.jsx)(`main`,{"data-slot":`detail-dialog-main`,className:`relative h-full flex-1`,children:(0,c.jsx)(t.Flex,{padding:`none`,gap:`none`,vertical:!0,align:`stretch`,className:`absolute inset-0 size-full`,children:e})}),d=({title:e,createdAt:r})=>(0,c.jsxs)(`header`,{className:`bg-card border-border-weak flex w-full flex-0 items-start gap-x-2.5 border-b py-2.5 pr-12 pl-2`,children:[(0,c.jsx)(a.DetailDialogSidebarTrigger,{}),(0,c.jsxs)(t.Flex,{vertical:!0,align:`start`,padding:`none`,width:`null`,wrap:!1,className:`flex-1`,children:[(0,c.jsx)(i.Title,{level:5,className:`line-clamp-1 truncate text-wrap`,children:e||`Detail Dialog`}),(0,c.jsxs)(t.Flex,{padding:`none`,className:`text-text-positive-weak relative`,children:[(0,c.jsx)(o.CalendarIcon,{size:12,className:`absolute top-0.5 md:top-1`}),!!r&&(0,c.jsx)(n.DateDisplay,{showTime:!0,showHoliday:!0,date:r,format:`full`,className:`ml-4 text-xs md:text-sm`})]})]})]}),f=({children:e})=>(0,c.jsx)(r.DialogContent,{className:(0,s.cn)(`relative h-full overflow-hidden border-none p-0`,`rounded-none md:rounded-lg`,`max-h-svh max-w-svw`,`md:max-h-[90svh] md:max-w-[90svw]`,`xl:max-h-[90svh] xl:max-w-[90svw]`,`2xl:max-h-[90svh] 2xl:max-w-7xl`),onInteractOutside:e=>{e.preventDefault(),e.stopPropagation()},children:e}),p=({title:e,sidebarFooter:t,children:n})=>(0,c.jsxs)(a.Sidebar,{collapsible:`icon`,className:`shadow-nav z-20 hidden md:flex`,children:[(0,c.jsx)(a.DetailDialogSidebarHeader,{children:(0,c.jsx)(a.DetailDialogSidebarMenu,{children:(0,c.jsx)(a.DetailDialogSidebarMenuItem,{children:(0,c.jsxs)(a.DetailDialogSidebarMenuButton,{size:`lg`,tabIndex:-1,children:[(0,c.jsx)(`div`,{className:`bg-sidebar-primary text-sidebar-primary-foreground flex aspect-square size-8 items-center justify-center rounded-lg`,children:(0,c.jsx)(o.CatIcon,{size:16})}),(0,c.jsxs)(`div`,{className:`grid flex-1 text-left text-sm leading-tight`,children:[(0,c.jsx)(`span`,{className:`truncate font-medium`,children:e||`Detail Dialog`}),(0,c.jsx)(`span`,{className:`truncate text-xs`,children:`Lunas Enterprise`})]})]})})})}),(0,c.jsx)(a.DetailDialogSidebarContent,{children:(0,c.jsx)(a.DetailDialogSidebarGroup,{children:n})}),t&&(0,c.jsx)(a.DetailDialogSidebarFooter,{children:t})]}),m=({open:e,isLoading:n=!1,sidebarTitle:i,sidebar:o,sidebarFooter:s,title:m,createdAt:h,onOpenChange:g,children:_})=>(0,c.jsx)(r.Dialog,{open:e,onOpenChange:g,children:(0,c.jsxs)(f,{children:[(0,c.jsx)(l,{}),(0,c.jsxs)(a.SidebarProvider,{className:`h-full min-h-[85svh] items-start`,children:[(0,c.jsx)(p,{title:i,sidebarFooter:s,children:o}),(0,c.jsxs)(u,{children:[(0,c.jsx)(d,{title:m,createdAt:h}),n?(0,c.jsx)(t.Flex,{justify:`center`,className:`bg-muted-muted w-full flex-1 inset-shadow-sm`,children:(0,c.jsx)(`div`,{className:`loader`})}):(0,c.jsx)(`section`,{className:`bg-muted-muted relative flex flex-1 snap-y flex-col gap-0 overflow-y-auto inset-shadow-sm`,children:_})]})]})]})});exports.DetailDialog=m;
+const e=require(`../../chunk-CUT6urMc.cjs`);require(`../../button-119IIVCy.cjs`),require(`../../card-RJvu27Ck.cjs`),require(`../../skeleton-CmGSyYRm.cjs`);const t=require(`../../flex-C-4TxUDe.cjs`),n=require(`../../date-wo9LyN6l.cjs`);require(`../../tooltip-meYt4lxB.cjs`);const r=require(`../../dialog-CGrbU7PO.cjs`);require(`../../input-BxXRqpc1.cjs`);const i=require(`../../title-sD8UJhwY.cjs`);require(`../../separator-JGL-8B0V.cjs`),require(`../../sheet-slcLNlWv.cjs`);const a=require(`../../sidebar-BWhRjoI9.cjs`),o=e.__toESM(require(`lucide-react`)),s=e.__toESM(require(`@customafk/react-toolkit/utils`)),c=e.__toESM(require(`react/jsx-runtime`)),l=()=>(0,c.jsxs)(r.DialogHeader,{className:`sr-only`,children:[(0,c.jsx)(r.DialogTitle,{className:`sr-only`}),(0,c.jsx)(r.DialogDescription,{className:`sr-only`})]}),u=({children:e})=>(0,c.jsx)(`main`,{"data-slot":`detail-dialog-main`,className:`relative h-full flex-1`,children:(0,c.jsx)(t.Flex,{padding:`none`,gap:`none`,vertical:!0,align:`stretch`,className:`absolute inset-0 size-full`,children:e})}),d=({title:e,createdAt:r})=>(0,c.jsxs)(`header`,{className:`bg-card border-border-weak flex w-full flex-0 items-start gap-x-2.5 border-b py-2.5 pr-12 pl-2`,children:[(0,c.jsx)(a.DetailDialogSidebarTrigger,{}),(0,c.jsxs)(t.Flex,{vertical:!0,align:`start`,padding:`none`,width:`null`,wrap:!1,className:`flex-1`,children:[(0,c.jsx)(i.Title,{level:5,className:`line-clamp-1 truncate text-wrap`,children:e||`Detail Dialog`}),(0,c.jsxs)(t.Flex,{padding:`none`,className:`text-text-positive-weak relative`,children:[(0,c.jsx)(o.CalendarIcon,{size:12,className:`absolute top-0.5 md:top-1`}),!!r&&(0,c.jsx)(n.DateDisplay,{showTime:!0,showHoliday:!0,date:r,format:`full`,className:`ml-4 text-xs md:text-sm`})]})]})]}),f=({children:e})=>(0,c.jsx)(r.DialogContent,{className:(0,s.cn)(`relative h-full overflow-hidden border-none p-0`,`rounded-none md:rounded-lg`,`max-h-svh max-w-svw`,`md:max-h-[90svh] md:max-w-[90svw]`,`xl:max-h-[90svh] xl:max-w-[90svw]`,`2xl:max-h-[90svh] 2xl:max-w-7xl`),onInteractOutside:e=>{e.preventDefault(),e.stopPropagation()},children:e}),p=({title:e,sidebarFooter:t,children:n})=>(0,c.jsxs)(a.Sidebar,{collapsible:`icon`,className:`shadow-nav z-20 hidden md:flex`,children:[(0,c.jsx)(a.DetailDialogSidebarHeader,{children:(0,c.jsx)(a.DetailDialogSidebarMenu,{children:(0,c.jsx)(a.DetailDialogSidebarMenuItem,{children:(0,c.jsxs)(a.DetailDialogSidebarMenuButton,{size:`lg`,tabIndex:-1,children:[(0,c.jsx)(`div`,{className:`bg-sidebar-primary text-sidebar-primary-foreground flex aspect-square size-8 items-center justify-center rounded-lg`,children:(0,c.jsx)(o.CatIcon,{size:16})}),(0,c.jsxs)(`div`,{className:`grid flex-1 text-left text-sm leading-tight`,children:[(0,c.jsx)(`span`,{className:`truncate font-medium`,children:e||`Detail Dialog`}),(0,c.jsx)(`span`,{className:`truncate text-xs`,children:`Lunas Enterprise`})]})]})})})}),(0,c.jsx)(a.DetailDialogSidebarContent,{children:(0,c.jsx)(a.DetailDialogSidebarGroup,{children:n})}),t&&(0,c.jsx)(a.DetailDialogSidebarFooter,{children:t})]}),m=({open:e,isLoading:n=!1,sidebarTitle:i,sidebar:o,sidebarFooter:s,title:m,createdAt:h,onOpenChange:g,children:_})=>(0,c.jsx)(r.Dialog,{open:e,onOpenChange:g,children:(0,c.jsxs)(f,{children:[(0,c.jsx)(l,{}),(0,c.jsxs)(a.SidebarProvider,{className:`h-full min-h-[85svh] items-start`,children:[(0,c.jsx)(p,{title:i,sidebarFooter:s,children:o}),(0,c.jsxs)(u,{children:[(0,c.jsx)(d,{title:m,createdAt:h}),n?(0,c.jsx)(t.Flex,{justify:`center`,className:`bg-muted-muted w-full flex-1 inset-shadow-sm`,children:(0,c.jsx)(`div`,{className:`loader`})}):(0,c.jsx)(`section`,{className:`bg-muted-muted relative flex flex-1 snap-y flex-col gap-0 overflow-y-auto inset-shadow-sm`,children:_})]})]})]})});exports.DetailDialog=m;
 //# sourceMappingURL=index.cjs.map

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

@@ -1,2 +1,2 @@
-import"../../button-CvQQTSka.js";import"../../card-BFYPY2aR.js";import"../../skeleton-DFF0w4en.js";import{Flex as e}from"../../flex-BxBmZCWh.js";import{DateDisplay as t}from"../../date-DWxL795U.js";import"../../tooltip-CN8vvmWA.js";import{Dialog as n,DialogContent as r,DialogDescription as i,DialogHeader as a,DialogTitle as o}from"../../dialog-DbI18XF9.js";import"../../input-i5Nm0R1X.js";import{Title as s}from"../../title-DiaFg5B5.js";import"../../separator-CxCq7NYP.js";import"../../sheet-amjZQ7nX.js";import{DetailDialogSidebarContent as c,DetailDialogSidebarFooter as l,DetailDialogSidebarGroup as u,DetailDialogSidebarHeader as d,DetailDialogSidebarMenu as f,DetailDialogSidebarMenuButton as p,DetailDialogSidebarMenuItem as m,DetailDialogSidebarTrigger as h,Sidebar as g,SidebarProvider as _}from"../../sidebar-Cf5tv_x0.js";import{CalendarIcon as v,CatIcon as y}from"lucide-react";import{cn as b}from"@customafk/react-toolkit/utils";import{jsx as x,jsxs as S}from"react/jsx-runtime";const C=()=>S(a,{className:`sr-only`,children:[x(o,{className:`sr-only`}),x(i,{className:`sr-only`})]}),w=({children:t})=>x(`main`,{"data-slot":`detail-dialog-main`,className:`relative h-full flex-1`,children:x(e,{padding:`none`,gap:`none`,vertical:!0,align:`stretch`,className:`absolute inset-0 size-full`,children:t})}),T=({title:n,createdAt:r})=>S(`header`,{className:`bg-card border-border-weak flex w-full flex-0 items-start gap-x-2.5 border-b py-2.5 pr-12 pl-2`,children:[x(h,{}),S(e,{vertical:!0,align:`start`,padding:`none`,width:`null`,wrap:!1,className:`flex-1`,children:[x(s,{level:5,className:`line-clamp-1 truncate text-wrap`,children:n||`Detail Dialog`}),S(e,{padding:`none`,className:`text-text-positive-weak relative`,children:[x(v,{size:12,className:`absolute top-0.5 md:top-1`}),!!r&&x(t,{showTime:!0,showHoliday:!0,date:r,format:`full`,className:`ml-4 text-xs md:text-sm`})]})]})]}),E=({children:e})=>x(r,{className:b(`relative h-full overflow-hidden border-none p-0`,`rounded-none md:rounded-lg`,`max-h-svh max-w-svw`,`md:max-h-[90svh] md:max-w-[90svw]`,`xl:max-h-[90svh] xl:max-w-[90svw]`,`2xl:max-h-[90svh] 2xl:max-w-7xl`),onInteractOutside:e=>{e.preventDefault(),e.stopPropagation()},children:e}),D=({title:e,sidebarFooter:t,children:n})=>S(g,{collapsible:`icon`,className:`shadow-nav z-20 hidden md:flex`,children:[x(d,{children:x(f,{children:x(m,{children:S(p,{size:`lg`,tabIndex:-1,children:[x(`div`,{className:`bg-sidebar-primary text-sidebar-primary-foreground flex aspect-square size-8 items-center justify-center rounded-lg`,children:x(y,{size:16})}),S(`div`,{className:`grid flex-1 text-left text-sm leading-tight`,children:[x(`span`,{className:`truncate font-medium`,children:e||`Detail Dialog`}),x(`span`,{className:`truncate text-xs`,children:`Lunas Enterprise`})]})]})})})}),x(c,{children:x(u,{children:n})}),t&&x(l,{children:t})]}),O=({open:t,isLoading:r=!1,sidebarTitle:i,sidebar:a,sidebarFooter:o,title:s,createdAt:c,onOpenChange:l,children:u})=>x(n,{open:t,onOpenChange:l,children:S(E,{children:[x(C,{}),S(_,{className:`h-full min-h-[85svh] items-start`,children:[x(D,{title:i,sidebarFooter:o,children:a}),S(w,{children:[x(T,{title:s,createdAt:c}),r?x(e,{justify:`center`,className:`bg-muted-muted w-full flex-1 inset-shadow-sm`,children:x(`div`,{className:`loader`})}):x(`section`,{className:`bg-muted-muted relative flex flex-1 snap-y flex-col gap-0 overflow-y-auto inset-shadow-sm`,children:u})]})]})]})});export{O as DetailDialog};
+import"../../button-CvQQTSka.js";import"../../card-BFYPY2aR.js";import"../../skeleton-DFF0w4en.js";import{Flex as e}from"../../flex-BxBmZCWh.js";import{DateDisplay as t}from"../../date-DWxL795U.js";import"../../tooltip-CN8vvmWA.js";import{Dialog as n,DialogContent as r,DialogDescription as i,DialogHeader as a,DialogTitle as o}from"../../dialog-DbI18XF9.js";import"../../input-B0Q1kBoj.js";import{Title as s}from"../../title-CtD4oOTk.js";import"../../separator-DW2PaiUK.js";import"../../sheet-BumlzKcW.js";import{DetailDialogSidebarContent as c,DetailDialogSidebarFooter as l,DetailDialogSidebarGroup as u,DetailDialogSidebarHeader as d,DetailDialogSidebarMenu as f,DetailDialogSidebarMenuButton as p,DetailDialogSidebarMenuItem as m,DetailDialogSidebarTrigger as h,Sidebar as g,SidebarProvider as _}from"../../sidebar-DwA61Am0.js";import{CalendarIcon as v,CatIcon as y}from"lucide-react";import{cn as b}from"@customafk/react-toolkit/utils";import{jsx as x,jsxs as S}from"react/jsx-runtime";const C=()=>S(a,{className:`sr-only`,children:[x(o,{className:`sr-only`}),x(i,{className:`sr-only`})]}),w=({children:t})=>x(`main`,{"data-slot":`detail-dialog-main`,className:`relative h-full flex-1`,children:x(e,{padding:`none`,gap:`none`,vertical:!0,align:`stretch`,className:`absolute inset-0 size-full`,children:t})}),T=({title:n,createdAt:r})=>S(`header`,{className:`bg-card border-border-weak flex w-full flex-0 items-start gap-x-2.5 border-b py-2.5 pr-12 pl-2`,children:[x(h,{}),S(e,{vertical:!0,align:`start`,padding:`none`,width:`null`,wrap:!1,className:`flex-1`,children:[x(s,{level:5,className:`line-clamp-1 truncate text-wrap`,children:n||`Detail Dialog`}),S(e,{padding:`none`,className:`text-text-positive-weak relative`,children:[x(v,{size:12,className:`absolute top-0.5 md:top-1`}),!!r&&x(t,{showTime:!0,showHoliday:!0,date:r,format:`full`,className:`ml-4 text-xs md:text-sm`})]})]})]}),E=({children:e})=>x(r,{className:b(`relative h-full overflow-hidden border-none p-0`,`rounded-none md:rounded-lg`,`max-h-svh max-w-svw`,`md:max-h-[90svh] md:max-w-[90svw]`,`xl:max-h-[90svh] xl:max-w-[90svw]`,`2xl:max-h-[90svh] 2xl:max-w-7xl`),onInteractOutside:e=>{e.preventDefault(),e.stopPropagation()},children:e}),D=({title:e,sidebarFooter:t,children:n})=>S(g,{collapsible:`icon`,className:`shadow-nav z-20 hidden md:flex`,children:[x(d,{children:x(f,{children:x(m,{children:S(p,{size:`lg`,tabIndex:-1,children:[x(`div`,{className:`bg-sidebar-primary text-sidebar-primary-foreground flex aspect-square size-8 items-center justify-center rounded-lg`,children:x(y,{size:16})}),S(`div`,{className:`grid flex-1 text-left text-sm leading-tight`,children:[x(`span`,{className:`truncate font-medium`,children:e||`Detail Dialog`}),x(`span`,{className:`truncate text-xs`,children:`Lunas Enterprise`})]})]})})})}),x(c,{children:x(u,{children:n})}),t&&x(l,{children:t})]}),O=({open:t,isLoading:r=!1,sidebarTitle:i,sidebar:a,sidebarFooter:o,title:s,createdAt:c,onOpenChange:l,children:u})=>x(n,{open:t,onOpenChange:l,children:S(E,{children:[x(C,{}),S(_,{className:`h-full min-h-[85svh] items-start`,children:[x(D,{title:i,sidebarFooter:o,children:a}),S(w,{children:[x(T,{title:s,createdAt:c}),r?x(e,{justify:`center`,className:`bg-muted-muted w-full flex-1 inset-shadow-sm`,children:x(`div`,{className:`loader`})}):x(`section`,{className:`bg-muted-muted relative flex flex-1 snap-y flex-col gap-0 overflow-y-auto inset-shadow-sm`,children:u})]})]})]})});export{O as DetailDialog};
 //# sourceMappingURL=index.js.map

package/dist/dialogs/form-dialog.cjs

@@ -1,2 +1,2 @@
-const e=require(`../chunk-CUT6urMc.cjs`),t=require(`../button-119IIVCy.cjs`);require(`../alert-dialog-7AEaiJxA.cjs`),require(`../error-dialog-COyyui94.cjs`),require(`../label-BbuMrcie.cjs`),require(`../form-DAwCSzSe.cjs`);const n=require(`../form-wrapper-D0-p7R15.cjs`),r=require(`../dialog-CGrbU7PO.cjs`),i=e.__toESM(require(`@customafk/react-toolkit/utils`)),a=e.__toESM(require(`react/jsx-runtime`)),o=e.__toESM(require(`react`)),s=e.__toESM(require(`@customafk/react-toolkit/hooks/useMediaQuery`)),c=e.__toESM(require(`vaul`));function l({...e}){return(0,a.jsx)(c.Drawer.Root,{"data-slot":`drawer`,...e})}function u({...e}){return(0,a.jsx)(c.Drawer.Portal,{"data-slot":`drawer-portal`,...e})}function d({className:e,...t}){return(0,a.jsx)(c.Drawer.Overlay,{"data-slot":`drawer-overlay`,className:(0,i.cn)(`fixed inset-0 z-50 bg-black/50`,`data-[state=open]:animate-in`,`data-[state=closed]:animate-out`,`data-[state=open]:fade-in-0`,`data-[state=closed]:fade-out-0`,e),...t})}function f({className:e,children:t,...n}){return(0,a.jsxs)(u,{"data-slot":`drawer-portal`,children:[(0,a.jsx)(d,{}),(0,a.jsxs)(c.Drawer.Content,{"data-slot":`drawer-content`,className:(0,i.cn)(`group/drawer-content bg-background shadow-card fixed z-50 flex h-auto flex-col`,`data-[vaul-drawer-direction=top]:inset-x-0`,`data-[vaul-drawer-direction=top]:top-0`,`data-[vaul-drawer-direction=top]:mb-24`,`data-[vaul-drawer-direction=top]:max-h-[80vh]`,`data-[vaul-drawer-direction=top]:rounded-b-lg`,`data-[vaul-drawer-direction=bottom]:inset-x-0`,`data-[vaul-drawer-direction=bottom]:bottom-0`,`data-[vaul-drawer-direction=bottom]:mt-24`,`data-[vaul-drawer-direction=bottom]:max-h-[80vh]`,`data-[vaul-drawer-direction=bottom]:rounded-t-lg`,`data-[vaul-drawer-direction=right]:inset-y-0`,`data-[vaul-drawer-direction=right]:right-0`,`data-[vaul-drawer-direction=right]:w-3/4`,`data-[vaul-drawer-direction=right]:sm:max-w-sm`,`data-[vaul-drawer-direction=left]:inset-y-0`,`data-[vaul-drawer-direction=left]:left-0`,`data-[vaul-drawer-direction=left]:w-3/4`,`data-[vaul-drawer-direction=left]:sm:max-w-sm`,e),...n,children:[(0,a.jsx)(`div`,{className:`bg-border-weak mx-auto mt-4 hidden h-2 w-25 shrink-0 rounded-full group-data-[vaul-drawer-direction=bottom]/drawer-content:block`}),t]})]})}function p({className:e,...t}){return(0,a.jsx)(`div`,{"data-slot":`drawer-header`,className:(0,i.cn)(`flex flex-col gap-0.5 p-4`,`md:gap-1.5 md:text-left`,`group-data-[vaul-drawer-direction=bottom]/drawer-content:text-center`,`group-data-[vaul-drawer-direction=top]/drawer-content:text-center`,e),...t})}function m({className:e,...t}){return(0,a.jsx)(`div`,{"data-slot":`drawer-footer`,className:(0,i.cn)(`mt-auto flex flex-col gap-2 p-4`,e),...t})}function h({className:e,...t}){return(0,a.jsx)(c.Drawer.Title,{"data-slot":`drawer-title`,className:(0,i.cn)(`text-text-positive font-semibold`,e),...t})}function g({className:e,...t}){return(0,a.jsx)(c.Drawer.Description,{"data-slot":`drawer-description`,className:(0,i.cn)(`text-text-positive-weak text-sm`,e),...t})}const _=({form:e,open:o,isSubmitting:c=!1,isResetAfterSubmit:u=!0,disableSubmit:d=!1,title:_,description:v,className:y,onOpenChange:b,onSubmit:x,onError:S,onReset:C,children:w})=>{let T=(0,s.useMediaQuery)(`(min-width: 768px)`);return T?(0,a.jsx)(r.Dialog,{open:o,onOpenChange:b,children:(0,a.jsxs)(r.DialogContent,{className:(0,i.cn)(`flex flex-col gap-0 border-none p-0`,y),onInteractOutside:e=>{e.preventDefault(),e.stopPropagation()},children:[(0,a.jsxs)(r.DialogHeader,{className:`border-border-weak flex-0 gap-2 border-b p-6 pb-4`,children:[(0,a.jsx)(r.DialogTitle,{children:_||`Form Dialog`}),(0,a.jsx)(r.DialogDescription,{children:v||`This is a form dialog where you can add your form elements.`})]}),(0,a.jsxs)(n.FormWrapper,{form:e,isResetAfterSubmit:u,className:`flex flex-1 flex-col overflow-y-auto`,onSubmit:x,onError:S,children:[(0,a.jsx)(`div`,{className:`bg-muted-muted size-full p-2 inset-shadow-sm`,children:(0,a.jsx)(`main`,{className:`bg-card shadow-card size-full flex-1 overflow-y-auto rounded-md p-4`,children:w})}),(0,a.jsxs)(r.DialogFooter,{className:`border-border-weak border-t p-6 pt-4`,children:[(0,a.jsx)(t.Button,{tabIndex:-1,type:`button`,variant:`outline`,color:`muted`,className:`w-30 rounded-full`,onClick:C,children:`Reset`}),(0,a.jsx)(t.Button,{autoFocus:!0,tabIndex:0,type:`submit`,isLoading:c,disabled:d,className:`w-30 rounded-full`,children:`Submit`})]})]})]})}):(0,a.jsx)(l,{open:o,onOpenChange:b,children:(0,a.jsxs)(f,{children:[(0,a.jsxs)(p,{className:`text-left`,children:[(0,a.jsx)(h,{children:_||`Form Dialog`}),(0,a.jsx)(g,{children:v||`This is a form dialog where you can add your form elements.`})]}),(0,a.jsxs)(n.FormWrapper,{form:e,isResetAfterSubmit:u,className:`flex flex-1 flex-col overflow-y-auto`,onSubmit:x,onError:S,children:[(0,a.jsx)(`main`,{className:`size-full flex-1 overflow-y-auto p-4`,children:w}),(0,a.jsxs)(m,{className:`pt-2`,children:[(0,a.jsx)(t.Button,{autoFocus:!0,tabIndex:0,type:`submit`,isLoading:c,disabled:d,className:`w-full rounded-full`,children:`Submit`}),(0,a.jsx)(t.Button,{tabIndex:-1,type:`button`,variant:`outline`,color:`muted`,className:`w-full rounded-full`,onClick:C,children:`Reset`})]})]})]})})};exports.FormDialog=_;
+const e=require(`../chunk-CUT6urMc.cjs`),t=require(`../button-119IIVCy.cjs`);require(`../alert-dialog-7AEaiJxA.cjs`),require(`../error-dialog-COyyui94.cjs`),require(`../label-BbuMrcie.cjs`),require(`../form-DAwCSzSe.cjs`);const n=require(`../form-wrapper-D0-p7R15.cjs`),r=require(`../dialog-CGrbU7PO.cjs`),i=require(`../drawer-vqMdOZtq.cjs`),a=e.__toESM(require(`@customafk/react-toolkit/utils`)),o=e.__toESM(require(`react/jsx-runtime`)),s=e.__toESM(require(`@customafk/react-toolkit/hooks/useMediaQuery`)),c=({form:e,open:c,isSubmitting:l=!1,isResetAfterSubmit:u=!0,disableSubmit:d=!1,title:f,description:p,className:m,onOpenChange:h,onSubmit:g,onError:_,onReset:v,children:y})=>{let b=(0,s.useMediaQuery)(`(min-width: 768px)`);return b?(0,o.jsx)(r.Dialog,{open:c,onOpenChange:h,children:(0,o.jsxs)(r.DialogContent,{className:(0,a.cn)(`flex flex-col gap-0 border-none p-0`,m),onInteractOutside:e=>{e.preventDefault(),e.stopPropagation()},children:[(0,o.jsxs)(r.DialogHeader,{className:`border-border-weak flex-0 gap-2 border-b p-6 pb-4`,children:[(0,o.jsx)(r.DialogTitle,{children:f||`Form Dialog`}),(0,o.jsx)(r.DialogDescription,{children:p||`This is a form dialog where you can add your form elements.`})]}),(0,o.jsxs)(n.FormWrapper,{form:e,isResetAfterSubmit:u,className:`flex flex-1 flex-col overflow-y-auto`,onSubmit:g,onError:_,children:[(0,o.jsx)(`div`,{className:`bg-muted-muted size-full p-2 inset-shadow-sm`,children:(0,o.jsx)(`main`,{className:`bg-card shadow-card size-full flex-1 overflow-y-auto rounded-md p-4`,children:y})}),(0,o.jsxs)(r.DialogFooter,{className:`border-border-weak border-t p-6 pt-4`,children:[(0,o.jsx)(t.Button,{tabIndex:-1,type:`button`,variant:`outline`,color:`muted`,className:`w-30 rounded-full`,onClick:v,children:`Reset`}),(0,o.jsx)(t.Button,{autoFocus:!0,tabIndex:0,type:`submit`,isLoading:l,disabled:d,className:`w-30 rounded-full`,children:`Submit`})]})]})]})}):(0,o.jsx)(i.Drawer,{open:c,onOpenChange:h,children:(0,o.jsxs)(i.DrawerContent,{children:[(0,o.jsxs)(i.DrawerHeader,{className:`text-left`,children:[(0,o.jsx)(i.DrawerTitle,{children:f||`Form Dialog`}),(0,o.jsx)(i.DrawerDescription,{children:p||`This is a form dialog where you can add your form elements.`})]}),(0,o.jsxs)(n.FormWrapper,{form:e,isResetAfterSubmit:u,className:`flex flex-1 flex-col overflow-y-auto`,onSubmit:g,onError:_,children:[(0,o.jsx)(`main`,{className:`size-full flex-1 overflow-y-auto p-4`,children:y}),(0,o.jsxs)(i.DrawerFooter,{className:`pt-2`,children:[(0,o.jsx)(t.Button,{autoFocus:!0,tabIndex:0,type:`submit`,isLoading:l,disabled:d,className:`w-full rounded-full`,children:`Submit`}),(0,o.jsx)(t.Button,{tabIndex:-1,type:`button`,variant:`outline`,color:`muted`,className:`w-full rounded-full`,onClick:v,children:`Reset`})]})]})]})})};exports.FormDialog=c;
 //# sourceMappingURL=form-dialog.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"form-dialog.cjs","names":["DrawerPrimitive","FormWrapper","Button","Dialog","DialogContent","DialogHeader","DialogTitle","DialogDescription","DialogFooter"],"sources":["../../packages/components/ui/drawer.tsx","../../packages/components/dialogs/form-dialog.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\nimport { cn } from '@customafk/react-toolkit/utils'\n\nimport { Drawer as DrawerPrimitive } from 'vaul'\n\nfunction Drawer({ ...props }: React.ComponentProps<typeof DrawerPrimitive.Root>) {\n  return <DrawerPrimitive.Root data-slot=\"drawer\" {...props} />\n}\n\nfunction DrawerTrigger({ ...props }: React.ComponentProps<typeof DrawerPrimitive.Trigger>) {\n  return <DrawerPrimitive.Trigger data-slot=\"drawer-trigger\" {...props} />\n}\n\nfunction DrawerPortal({ ...props }: React.ComponentProps<typeof DrawerPrimitive.Portal>) {\n  return <DrawerPrimitive.Portal data-slot=\"drawer-portal\" {...props} />\n}\n\nfunction DrawerClose({ ...props }: React.ComponentProps<typeof DrawerPrimitive.Close>) {\n  return <DrawerPrimitive.Close data-slot=\"drawer-close\" {...props} />\n}\n\nfunction DrawerOverlay({ className, ...props }: React.ComponentProps<typeof DrawerPrimitive.Overlay>) {\n  return (\n    <DrawerPrimitive.Overlay\n      data-slot=\"drawer-overlay\"\n      className={cn(\n        'fixed inset-0 z-50 bg-black/50',\n        'data-[state=open]:animate-in',\n        'data-[state=closed]:animate-out',\n        'data-[state=open]:fade-in-0',\n        'data-[state=closed]:fade-out-0',\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction DrawerContent({ className, children, ...props }: React.ComponentProps<typeof DrawerPrimitive.Content>) {\n  return (\n    <DrawerPortal data-slot=\"drawer-portal\">\n      <DrawerOverlay />\n      <DrawerPrimitive.Content\n        data-slot=\"drawer-content\"\n        className={cn(\n          'group/drawer-content bg-background shadow-card fixed z-50 flex h-auto flex-col',\n\n          'data-[vaul-drawer-direction=top]:inset-x-0',\n          'data-[vaul-drawer-direction=top]:top-0',\n          'data-[vaul-drawer-direction=top]:mb-24',\n          'data-[vaul-drawer-direction=top]:max-h-[80vh]',\n          'data-[vaul-drawer-direction=top]:rounded-b-lg',\n\n          'data-[vaul-drawer-direction=bottom]:inset-x-0',\n          'data-[vaul-drawer-direction=bottom]:bottom-0',\n          'data-[vaul-drawer-direction=bottom]:mt-24',\n          'data-[vaul-drawer-direction=bottom]:max-h-[80vh]',\n          'data-[vaul-drawer-direction=bottom]:rounded-t-lg',\n\n          'data-[vaul-drawer-direction=right]:inset-y-0',\n          'data-[vaul-drawer-direction=right]:right-0',\n          'data-[vaul-drawer-direction=right]:w-3/4',\n          'data-[vaul-drawer-direction=right]:sm:max-w-sm',\n\n          'data-[vaul-drawer-direction=left]:inset-y-0',\n          'data-[vaul-drawer-direction=left]:left-0',\n          'data-[vaul-drawer-direction=left]:w-3/4',\n          'data-[vaul-drawer-direction=left]:sm:max-w-sm',\n          className,\n        )}\n        {...props}\n      >\n        <div className=\"bg-border-weak mx-auto mt-4 hidden h-2 w-25 shrink-0 rounded-full group-data-[vaul-drawer-direction=bottom]/drawer-content:block\" />\n        {children}\n      </DrawerPrimitive.Content>\n    </DrawerPortal>\n  )\n}\n\nfunction DrawerHeader({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"drawer-header\"\n      className={cn(\n        'flex flex-col gap-0.5 p-4',\n        'md:gap-1.5 md:text-left',\n        'group-data-[vaul-drawer-direction=bottom]/drawer-content:text-center',\n        'group-data-[vaul-drawer-direction=top]/drawer-content:text-center',\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction DrawerFooter({ className, ...props }: React.ComponentProps<'div'>) {\n  return <div data-slot=\"drawer-footer\" className={cn('mt-auto flex flex-col gap-2 p-4', className)} {...props} />\n}\n\nfunction DrawerTitle({ className, ...props }: React.ComponentProps<typeof DrawerPrimitive.Title>) {\n  return <DrawerPrimitive.Title data-slot=\"drawer-title\" className={cn('text-text-positive font-semibold', className)} {...props} />\n}\n\nfunction DrawerDescription({ className, ...props }: React.ComponentProps<typeof DrawerPrimitive.Description>) {\n  return <DrawerPrimitive.Description data-slot=\"drawer-description\" className={cn('text-text-positive-weak text-sm', className)} {...props} />\n}\n\nexport { Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger }\n","import type { FieldValues, FormState, SubmitErrorHandler, UseFormProps } from 'react-hook-form'\nimport { useMediaQuery } from '@customafk/react-toolkit/hooks/useMediaQuery'\nimport { cn } from '@customafk/react-toolkit/utils'\n\nimport { FormWrapper } from '@/components/forms/form-wrapper'\nimport { Button } from '@/components/ui/button'\nimport { Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle } from '@/components/ui/dialog'\nimport { Drawer, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerTitle } from '@/components/ui/drawer'\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  const isDesktop = useMediaQuery('(min-width: 768px)')\n\n  if (!isDesktop) {\n    return (\n      <Drawer open={open} onOpenChange={onOpenChange}>\n        <DrawerContent>\n          <DrawerHeader className=\"text-left\">\n            <DrawerTitle>{title || 'Form Dialog'}</DrawerTitle>\n            <DrawerDescription>{description || 'This is a form dialog where you can add your form elements.'}</DrawerDescription>\n          </DrawerHeader>\n          <FormWrapper\n            form={form}\n            isResetAfterSubmit={isResetAfterSubmit}\n            className=\"flex flex-1 flex-col overflow-y-auto\"\n            onSubmit={onSubmit}\n            onError={onError}\n          >\n            <main className=\"size-full flex-1 overflow-y-auto p-4\">{children}</main>\n            <DrawerFooter className=\"pt-2\">\n              <Button autoFocus tabIndex={0} type=\"submit\" isLoading={isSubmitting} disabled={disableSubmit} className=\"w-full rounded-full\">\n                Submit\n              </Button>\n              <Button tabIndex={-1} type=\"button\" variant=\"outline\" color=\"muted\" className=\"w-full rounded-full\" onClick={onReset}>\n                Reset\n              </Button>\n            </DrawerFooter>\n          </FormWrapper>\n        </DrawerContent>\n      </Drawer>\n    )\n  }\n\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=\"border-border-weak flex-0 gap-2 border-b p-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 form={form} isResetAfterSubmit={isResetAfterSubmit} className=\"flex flex-1 flex-col overflow-y-auto\" onSubmit={onSubmit} onError={onError}>\n          <div className=\"bg-muted-muted size-full p-2 inset-shadow-sm\">\n            <main className=\"bg-card shadow-card size-full flex-1 overflow-y-auto rounded-md p-4\">{children}</main>\n          </div>\n          <DialogFooter className=\"border-border-weak border-t p-6 pt-4\">\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              Submit\n            </Button>\n          </DialogFooter>\n        </FormWrapper>\n      </DialogContent>\n    </Dialog>\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"form-dialog.cjs","names":["Drawer","DrawerContent","DrawerHeader","DrawerTitle","DrawerDescription","FormWrapper","DrawerFooter","Button","Dialog","DialogContent","DialogHeader","DialogTitle","DialogDescription","DialogFooter"],"sources":["../../packages/components/dialogs/form-dialog.tsx"],"sourcesContent":["import type { FieldValues, FormState, SubmitErrorHandler, UseFormProps } from 'react-hook-form'\nimport { useMediaQuery } from '@customafk/react-toolkit/hooks/useMediaQuery'\nimport { cn } from '@customafk/react-toolkit/utils'\n\nimport { FormWrapper } from '@/components/forms/form-wrapper'\nimport { Button } from '@/components/ui/button'\nimport { Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle } from '@/components/ui/dialog'\nimport { Drawer, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerTitle } from '@/components/ui/drawer'\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  const isDesktop = useMediaQuery('(min-width: 768px)')\n\n  if (!isDesktop) {\n    return (\n      <Drawer open={open} onOpenChange={onOpenChange}>\n        <DrawerContent>\n          <DrawerHeader className=\"text-left\">\n            <DrawerTitle>{title || 'Form Dialog'}</DrawerTitle>\n            <DrawerDescription>{description || 'This is a form dialog where you can add your form elements.'}</DrawerDescription>\n          </DrawerHeader>\n          <FormWrapper\n            form={form}\n            isResetAfterSubmit={isResetAfterSubmit}\n            className=\"flex flex-1 flex-col overflow-y-auto\"\n            onSubmit={onSubmit}\n            onError={onError}\n          >\n            <main className=\"size-full flex-1 overflow-y-auto p-4\">{children}</main>\n            <DrawerFooter className=\"pt-2\">\n              <Button autoFocus tabIndex={0} type=\"submit\" isLoading={isSubmitting} disabled={disableSubmit} className=\"w-full rounded-full\">\n                Submit\n              </Button>\n              <Button tabIndex={-1} type=\"button\" variant=\"outline\" color=\"muted\" className=\"w-full rounded-full\" onClick={onReset}>\n                Reset\n              </Button>\n            </DrawerFooter>\n          </FormWrapper>\n        </DrawerContent>\n      </Drawer>\n    )\n  }\n\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=\"border-border-weak flex-0 gap-2 border-b p-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 form={form} isResetAfterSubmit={isResetAfterSubmit} className=\"flex flex-1 flex-col overflow-y-auto\" onSubmit={onSubmit} onError={onError}>\n          <div className=\"bg-muted-muted size-full p-2 inset-shadow-sm\">\n            <main className=\"bg-card shadow-card size-full flex-1 overflow-y-auto rounded-md p-4\">{children}</main>\n          </div>\n          <DialogFooter className=\"border-border-weak border-t p-6 pt-4\">\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              Submit\n            </Button>\n          </DialogFooter>\n        </FormWrapper>\n      </DialogContent>\n    </Dialog>\n  )\n}\n"],"mappings":"4fAyBa,GAA8D,CACzE,OACA,OACA,eAAe,GACf,qBAAqB,GACrB,gBAAgB,GAChB,QACA,cACA,YAEA,eACA,WACA,UACA,UACA,cACkD,CAClD,IAAM,GAAA,EAAA,EAAA,eAA0B,sBAgChC,OA9BK,GA+BH,EAAA,EAAA,KAACQ,EAAAA,OAAAA,CAAa,OAAoB,yBAChC,EAAA,EAAA,MAACC,EAAAA,cAAAA,CACC,WAAA,EAAA,EAAA,IAAc,sCAAuC,GACrD,kBAAoB,GAAM,CACxB,EAAE,iBACF,EAAE,8BAGJ,EAAA,EAAA,MAACC,EAAAA,aAAAA,CAAa,UAAU,+DACtB,EAAA,EAAA,KAACC,EAAAA,YAAAA,CAAAA,SAAa,GAAS,iBACvB,EAAA,EAAA,KAACC,EAAAA,kBAAAA,CAAAA,SAAmB,GAAe,oEAErC,EAAA,EAAA,MAACP,EAAAA,YAAAA,CAAkB,OAA0B,qBAAoB,UAAU,uCAAiD,WAAmB,qBAC7I,EAAA,EAAA,KAAC,MAAA,CAAI,UAAU,yDACb,EAAA,EAAA,KAAC,OAAA,CAAK,UAAU,sEAAuE,gBAEzF,EAAA,EAAA,MAACQ,EAAAA,aAAAA,CAAa,UAAU,kDACtB,EAAA,EAAA,KAACN,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,uBAjDnI,EAAA,EAAA,KAACP,EAAAA,OAAAA,CAAa,OAAoB,yBAChC,EAAA,EAAA,MAACC,EAAAA,cAAAA,CAAAA,SAAAA,EACC,EAAA,EAAA,MAACC,EAAAA,aAAAA,CAAa,UAAU,uBACtB,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,uCACA,WACD,qBAET,EAAA,EAAA,KAAC,OAAA,CAAK,UAAU,uCAAwC,cACxD,EAAA,EAAA,MAACC,EAAAA,aAAAA,CAAa,UAAU,kBACtB,EAAA,EAAA,KAACC,EAAAA,OAAAA,CAAO,UAAA,GAAU,SAAU,EAAG,KAAK,SAAS,UAAW,EAAc,SAAU,EAAe,UAAU,+BAAsB,YAG/H,EAAA,EAAA,KAACA,EAAAA,OAAAA,CAAO,SAAU,GAAI,KAAK,SAAS,QAAQ,UAAU,MAAM,QAAQ,UAAU,sBAAsB,QAAS,WAAS"}

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

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

package/dist/dialogs/form-dialog.js

@@ -1,2 +1,2 @@
-import{Button as e}from"../button-CvQQTSka.js";import"../alert-dialog-B8Whrlfq.js";import"../error-dialog-YlSsQqiT.js";import"../label-CyaoUND0.js";import"../form-B0fOiANW.js";import{FormWrapper as t}from"../form-wrapper-C4OO_eLu.js";import{Dialog as n,DialogContent as r,DialogDescription as i,DialogFooter as a,DialogHeader as o,DialogTitle as s}from"../dialog-DbI18XF9.js";import{cn as c}from"@customafk/react-toolkit/utils";import{jsx as l,jsxs as u}from"react/jsx-runtime";import d from"react";import{useMediaQuery as f}from"@customafk/react-toolkit/hooks/useMediaQuery";import{Drawer as p}from"vaul";function m({...e}){return l(p.Root,{"data-slot":`drawer`,...e})}function h({...e}){return l(p.Portal,{"data-slot":`drawer-portal`,...e})}function g({className:e,...t}){return l(p.Overlay,{"data-slot":`drawer-overlay`,className:c(`fixed inset-0 z-50 bg-black/50`,`data-[state=open]:animate-in`,`data-[state=closed]:animate-out`,`data-[state=open]:fade-in-0`,`data-[state=closed]:fade-out-0`,e),...t})}function _({className:e,children:t,...n}){return u(h,{"data-slot":`drawer-portal`,children:[l(g,{}),u(p.Content,{"data-slot":`drawer-content`,className:c(`group/drawer-content bg-background shadow-card fixed z-50 flex h-auto flex-col`,`data-[vaul-drawer-direction=top]:inset-x-0`,`data-[vaul-drawer-direction=top]:top-0`,`data-[vaul-drawer-direction=top]:mb-24`,`data-[vaul-drawer-direction=top]:max-h-[80vh]`,`data-[vaul-drawer-direction=top]:rounded-b-lg`,`data-[vaul-drawer-direction=bottom]:inset-x-0`,`data-[vaul-drawer-direction=bottom]:bottom-0`,`data-[vaul-drawer-direction=bottom]:mt-24`,`data-[vaul-drawer-direction=bottom]:max-h-[80vh]`,`data-[vaul-drawer-direction=bottom]:rounded-t-lg`,`data-[vaul-drawer-direction=right]:inset-y-0`,`data-[vaul-drawer-direction=right]:right-0`,`data-[vaul-drawer-direction=right]:w-3/4`,`data-[vaul-drawer-direction=right]:sm:max-w-sm`,`data-[vaul-drawer-direction=left]:inset-y-0`,`data-[vaul-drawer-direction=left]:left-0`,`data-[vaul-drawer-direction=left]:w-3/4`,`data-[vaul-drawer-direction=left]:sm:max-w-sm`,e),...n,children:[l(`div`,{className:`bg-border-weak mx-auto mt-4 hidden h-2 w-25 shrink-0 rounded-full group-data-[vaul-drawer-direction=bottom]/drawer-content:block`}),t]})]})}function v({className:e,...t}){return l(`div`,{"data-slot":`drawer-header`,className:c(`flex flex-col gap-0.5 p-4`,`md:gap-1.5 md:text-left`,`group-data-[vaul-drawer-direction=bottom]/drawer-content:text-center`,`group-data-[vaul-drawer-direction=top]/drawer-content:text-center`,e),...t})}function y({className:e,...t}){return l(`div`,{"data-slot":`drawer-footer`,className:c(`mt-auto flex flex-col gap-2 p-4`,e),...t})}function b({className:e,...t}){return l(p.Title,{"data-slot":`drawer-title`,className:c(`text-text-positive font-semibold`,e),...t})}function x({className:e,...t}){return l(p.Description,{"data-slot":`drawer-description`,className:c(`text-text-positive-weak text-sm`,e),...t})}const S=({form:d,open:p,isSubmitting:h=!1,isResetAfterSubmit:g=!0,disableSubmit:S=!1,title:C,description:w,className:T,onOpenChange:E,onSubmit:D,onError:O,onReset:k,children:A})=>{let j=f(`(min-width: 768px)`);return j?l(n,{open:p,onOpenChange:E,children:u(r,{className:c(`flex flex-col gap-0 border-none p-0`,T),onInteractOutside:e=>{e.preventDefault(),e.stopPropagation()},children:[u(o,{className:`border-border-weak flex-0 gap-2 border-b p-6 pb-4`,children:[l(s,{children:C||`Form Dialog`}),l(i,{children:w||`This is a form dialog where you can add your form elements.`})]}),u(t,{form:d,isResetAfterSubmit:g,className:`flex flex-1 flex-col overflow-y-auto`,onSubmit:D,onError:O,children:[l(`div`,{className:`bg-muted-muted size-full p-2 inset-shadow-sm`,children:l(`main`,{className:`bg-card shadow-card size-full flex-1 overflow-y-auto rounded-md p-4`,children:A})}),u(a,{className:`border-border-weak border-t p-6 pt-4`,children:[l(e,{tabIndex:-1,type:`button`,variant:`outline`,color:`muted`,className:`w-30 rounded-full`,onClick:k,children:`Reset`}),l(e,{autoFocus:!0,tabIndex:0,type:`submit`,isLoading:h,disabled:S,className:`w-30 rounded-full`,children:`Submit`})]})]})]})}):l(m,{open:p,onOpenChange:E,children:u(_,{children:[u(v,{className:`text-left`,children:[l(b,{children:C||`Form Dialog`}),l(x,{children:w||`This is a form dialog where you can add your form elements.`})]}),u(t,{form:d,isResetAfterSubmit:g,className:`flex flex-1 flex-col overflow-y-auto`,onSubmit:D,onError:O,children:[l(`main`,{className:`size-full flex-1 overflow-y-auto p-4`,children:A}),u(y,{className:`pt-2`,children:[l(e,{autoFocus:!0,tabIndex:0,type:`submit`,isLoading:h,disabled:S,className:`w-full rounded-full`,children:`Submit`}),l(e,{tabIndex:-1,type:`button`,variant:`outline`,color:`muted`,className:`w-full rounded-full`,onClick:k,children:`Reset`})]})]})]})})};export{S as FormDialog};
+import{Button as e}from"../button-CvQQTSka.js";import"../alert-dialog-B8Whrlfq.js";import"../error-dialog-YlSsQqiT.js";import"../label-CyaoUND0.js";import"../form-B0fOiANW.js";import{FormWrapper as t}from"../form-wrapper-C4OO_eLu.js";import{Dialog as n,DialogContent as r,DialogDescription as i,DialogFooter as a,DialogHeader as o,DialogTitle as s}from"../dialog-DbI18XF9.js";import{Drawer as c,DrawerContent as l,DrawerDescription as u,DrawerFooter as d,DrawerHeader as f,DrawerTitle as p}from"../drawer-BbQKog4D.js";import{cn as m}from"@customafk/react-toolkit/utils";import{jsx as h,jsxs as g}from"react/jsx-runtime";import{useMediaQuery as _}from"@customafk/react-toolkit/hooks/useMediaQuery";const v=({form:v,open:y,isSubmitting:b=!1,isResetAfterSubmit:x=!0,disableSubmit:S=!1,title:C,description:w,className:T,onOpenChange:E,onSubmit:D,onError:O,onReset:k,children:A})=>{let j=_(`(min-width: 768px)`);return j?h(n,{open:y,onOpenChange:E,children:g(r,{className:m(`flex flex-col gap-0 border-none p-0`,T),onInteractOutside:e=>{e.preventDefault(),e.stopPropagation()},children:[g(o,{className:`border-border-weak flex-0 gap-2 border-b p-6 pb-4`,children:[h(s,{children:C||`Form Dialog`}),h(i,{children:w||`This is a form dialog where you can add your form elements.`})]}),g(t,{form:v,isResetAfterSubmit:x,className:`flex flex-1 flex-col overflow-y-auto`,onSubmit:D,onError:O,children:[h(`div`,{className:`bg-muted-muted size-full p-2 inset-shadow-sm`,children:h(`main`,{className:`bg-card shadow-card size-full flex-1 overflow-y-auto rounded-md p-4`,children:A})}),g(a,{className:`border-border-weak border-t p-6 pt-4`,children:[h(e,{tabIndex:-1,type:`button`,variant:`outline`,color:`muted`,className:`w-30 rounded-full`,onClick:k,children:`Reset`}),h(e,{autoFocus:!0,tabIndex:0,type:`submit`,isLoading:b,disabled:S,className:`w-30 rounded-full`,children:`Submit`})]})]})]})}):h(c,{open:y,onOpenChange:E,children:g(l,{children:[g(f,{className:`text-left`,children:[h(p,{children:C||`Form Dialog`}),h(u,{children:w||`This is a form dialog where you can add your form elements.`})]}),g(t,{form:v,isResetAfterSubmit:x,className:`flex flex-1 flex-col overflow-y-auto`,onSubmit:D,onError:O,children:[h(`main`,{className:`size-full flex-1 overflow-y-auto p-4`,children:A}),g(d,{className:`pt-2`,children:[h(e,{autoFocus:!0,tabIndex:0,type:`submit`,isLoading:b,disabled:S,className:`w-full rounded-full`,children:`Submit`}),h(e,{tabIndex:-1,type:`button`,variant:`outline`,color:`muted`,className:`w-full rounded-full`,onClick:k,children:`Reset`})]})]})]})})};export{v as FormDialog};
 //# sourceMappingURL=form-dialog.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"form-dialog.js","names":["Drawer","DrawerPrimitive","Drawer"],"sources":["../../packages/components/ui/drawer.tsx","../../packages/components/dialogs/form-dialog.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\nimport { cn } from '@customafk/react-toolkit/utils'\n\nimport { Drawer as DrawerPrimitive } from 'vaul'\n\nfunction Drawer({ ...props }: React.ComponentProps<typeof DrawerPrimitive.Root>) {\n  return <DrawerPrimitive.Root data-slot=\"drawer\" {...props} />\n}\n\nfunction DrawerTrigger({ ...props }: React.ComponentProps<typeof DrawerPrimitive.Trigger>) {\n  return <DrawerPrimitive.Trigger data-slot=\"drawer-trigger\" {...props} />\n}\n\nfunction DrawerPortal({ ...props }: React.ComponentProps<typeof DrawerPrimitive.Portal>) {\n  return <DrawerPrimitive.Portal data-slot=\"drawer-portal\" {...props} />\n}\n\nfunction DrawerClose({ ...props }: React.ComponentProps<typeof DrawerPrimitive.Close>) {\n  return <DrawerPrimitive.Close data-slot=\"drawer-close\" {...props} />\n}\n\nfunction DrawerOverlay({ className, ...props }: React.ComponentProps<typeof DrawerPrimitive.Overlay>) {\n  return (\n    <DrawerPrimitive.Overlay\n      data-slot=\"drawer-overlay\"\n      className={cn(\n        'fixed inset-0 z-50 bg-black/50',\n        'data-[state=open]:animate-in',\n        'data-[state=closed]:animate-out',\n        'data-[state=open]:fade-in-0',\n        'data-[state=closed]:fade-out-0',\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction DrawerContent({ className, children, ...props }: React.ComponentProps<typeof DrawerPrimitive.Content>) {\n  return (\n    <DrawerPortal data-slot=\"drawer-portal\">\n      <DrawerOverlay />\n      <DrawerPrimitive.Content\n        data-slot=\"drawer-content\"\n        className={cn(\n          'group/drawer-content bg-background shadow-card fixed z-50 flex h-auto flex-col',\n\n          'data-[vaul-drawer-direction=top]:inset-x-0',\n          'data-[vaul-drawer-direction=top]:top-0',\n          'data-[vaul-drawer-direction=top]:mb-24',\n          'data-[vaul-drawer-direction=top]:max-h-[80vh]',\n          'data-[vaul-drawer-direction=top]:rounded-b-lg',\n\n          'data-[vaul-drawer-direction=bottom]:inset-x-0',\n          'data-[vaul-drawer-direction=bottom]:bottom-0',\n          'data-[vaul-drawer-direction=bottom]:mt-24',\n          'data-[vaul-drawer-direction=bottom]:max-h-[80vh]',\n          'data-[vaul-drawer-direction=bottom]:rounded-t-lg',\n\n          'data-[vaul-drawer-direction=right]:inset-y-0',\n          'data-[vaul-drawer-direction=right]:right-0',\n          'data-[vaul-drawer-direction=right]:w-3/4',\n          'data-[vaul-drawer-direction=right]:sm:max-w-sm',\n\n          'data-[vaul-drawer-direction=left]:inset-y-0',\n          'data-[vaul-drawer-direction=left]:left-0',\n          'data-[vaul-drawer-direction=left]:w-3/4',\n          'data-[vaul-drawer-direction=left]:sm:max-w-sm',\n          className,\n        )}\n        {...props}\n      >\n        <div className=\"bg-border-weak mx-auto mt-4 hidden h-2 w-25 shrink-0 rounded-full group-data-[vaul-drawer-direction=bottom]/drawer-content:block\" />\n        {children}\n      </DrawerPrimitive.Content>\n    </DrawerPortal>\n  )\n}\n\nfunction DrawerHeader({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"drawer-header\"\n      className={cn(\n        'flex flex-col gap-0.5 p-4',\n        'md:gap-1.5 md:text-left',\n        'group-data-[vaul-drawer-direction=bottom]/drawer-content:text-center',\n        'group-data-[vaul-drawer-direction=top]/drawer-content:text-center',\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction DrawerFooter({ className, ...props }: React.ComponentProps<'div'>) {\n  return <div data-slot=\"drawer-footer\" className={cn('mt-auto flex flex-col gap-2 p-4', className)} {...props} />\n}\n\nfunction DrawerTitle({ className, ...props }: React.ComponentProps<typeof DrawerPrimitive.Title>) {\n  return <DrawerPrimitive.Title data-slot=\"drawer-title\" className={cn('text-text-positive font-semibold', className)} {...props} />\n}\n\nfunction DrawerDescription({ className, ...props }: React.ComponentProps<typeof DrawerPrimitive.Description>) {\n  return <DrawerPrimitive.Description data-slot=\"drawer-description\" className={cn('text-text-positive-weak text-sm', className)} {...props} />\n}\n\nexport { Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger }\n","import type { FieldValues, FormState, SubmitErrorHandler, UseFormProps } from 'react-hook-form'\nimport { useMediaQuery } from '@customafk/react-toolkit/hooks/useMediaQuery'\nimport { cn } from '@customafk/react-toolkit/utils'\n\nimport { FormWrapper } from '@/components/forms/form-wrapper'\nimport { Button } from '@/components/ui/button'\nimport { Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle } from '@/components/ui/dialog'\nimport { Drawer, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerTitle } from '@/components/ui/drawer'\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  const isDesktop = useMediaQuery('(min-width: 768px)')\n\n  if (!isDesktop) {\n    return (\n      <Drawer open={open} onOpenChange={onOpenChange}>\n        <DrawerContent>\n          <DrawerHeader className=\"text-left\">\n            <DrawerTitle>{title || 'Form Dialog'}</DrawerTitle>\n            <DrawerDescription>{description || 'This is a form dialog where you can add your form elements.'}</DrawerDescription>\n          </DrawerHeader>\n          <FormWrapper\n            form={form}\n            isResetAfterSubmit={isResetAfterSubmit}\n            className=\"flex flex-1 flex-col overflow-y-auto\"\n            onSubmit={onSubmit}\n            onError={onError}\n          >\n            <main className=\"size-full flex-1 overflow-y-auto p-4\">{children}</main>\n            <DrawerFooter className=\"pt-2\">\n              <Button autoFocus tabIndex={0} type=\"submit\" isLoading={isSubmitting} disabled={disableSubmit} className=\"w-full rounded-full\">\n                Submit\n              </Button>\n              <Button tabIndex={-1} type=\"button\" variant=\"outline\" color=\"muted\" className=\"w-full rounded-full\" onClick={onReset}>\n                Reset\n              </Button>\n            </DrawerFooter>\n          </FormWrapper>\n        </DrawerContent>\n      </Drawer>\n    )\n  }\n\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=\"border-border-weak flex-0 gap-2 border-b p-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 form={form} isResetAfterSubmit={isResetAfterSubmit} className=\"flex flex-1 flex-col overflow-y-auto\" onSubmit={onSubmit} onError={onError}>\n          <div className=\"bg-muted-muted size-full p-2 inset-shadow-sm\">\n            <main className=\"bg-card shadow-card size-full flex-1 overflow-y-auto rounded-md p-4\">{children}</main>\n          </div>\n          <DialogFooter className=\"border-border-weak border-t p-6 pt-4\">\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              Submit\n            </Button>\n          </DialogFooter>\n        </FormWrapper>\n      </DialogContent>\n    </Dialog>\n  )\n}\n"],"mappings":"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"}
+{"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'\nimport { useMediaQuery } from '@customafk/react-toolkit/hooks/useMediaQuery'\nimport { cn } from '@customafk/react-toolkit/utils'\n\nimport { FormWrapper } from '@/components/forms/form-wrapper'\nimport { Button } from '@/components/ui/button'\nimport { Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle } from '@/components/ui/dialog'\nimport { Drawer, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerTitle } from '@/components/ui/drawer'\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  const isDesktop = useMediaQuery('(min-width: 768px)')\n\n  if (!isDesktop) {\n    return (\n      <Drawer open={open} onOpenChange={onOpenChange}>\n        <DrawerContent>\n          <DrawerHeader className=\"text-left\">\n            <DrawerTitle>{title || 'Form Dialog'}</DrawerTitle>\n            <DrawerDescription>{description || 'This is a form dialog where you can add your form elements.'}</DrawerDescription>\n          </DrawerHeader>\n          <FormWrapper\n            form={form}\n            isResetAfterSubmit={isResetAfterSubmit}\n            className=\"flex flex-1 flex-col overflow-y-auto\"\n            onSubmit={onSubmit}\n            onError={onError}\n          >\n            <main className=\"size-full flex-1 overflow-y-auto p-4\">{children}</main>\n            <DrawerFooter className=\"pt-2\">\n              <Button autoFocus tabIndex={0} type=\"submit\" isLoading={isSubmitting} disabled={disableSubmit} className=\"w-full rounded-full\">\n                Submit\n              </Button>\n              <Button tabIndex={-1} type=\"button\" variant=\"outline\" color=\"muted\" className=\"w-full rounded-full\" onClick={onReset}>\n                Reset\n              </Button>\n            </DrawerFooter>\n          </FormWrapper>\n        </DrawerContent>\n      </Drawer>\n    )\n  }\n\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=\"border-border-weak flex-0 gap-2 border-b p-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 form={form} isResetAfterSubmit={isResetAfterSubmit} className=\"flex flex-1 flex-col overflow-y-auto\" onSubmit={onSubmit} onError={onError}>\n          <div className=\"bg-muted-muted size-full p-2 inset-shadow-sm\">\n            <main className=\"bg-card shadow-card size-full flex-1 overflow-y-auto rounded-md p-4\">{children}</main>\n          </div>\n          <DialogFooter className=\"border-border-weak border-t p-6 pt-4\">\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              Submit\n            </Button>\n          </DialogFooter>\n        </FormWrapper>\n      </DialogContent>\n    </Dialog>\n  )\n}\n"],"mappings":"yrBAyBA,MAAa,GAA8D,CACzE,OACA,OACA,eAAe,GACf,qBAAqB,GACrB,gBAAgB,GAChB,QACA,cACA,YAEA,eACA,WACA,UACA,UACA,cACkD,CAClD,IAAM,EAAY,EAAc,sBAgChC,OA9BK,EA+BH,EAAC,EAAA,CAAa,OAAoB,wBAChC,EAAC,EAAA,CACC,UAAW,EAAG,sCAAuC,GACrD,kBAAoB,GAAM,CACxB,EAAE,iBACF,EAAE,6BAGJ,EAAC,EAAA,CAAa,UAAU,8DACtB,EAAC,EAAA,CAAA,SAAa,GAAS,gBACvB,EAAC,EAAA,CAAA,SAAmB,GAAe,mEAErC,EAAC,EAAA,CAAkB,OAA0B,qBAAoB,UAAU,uCAAiD,WAAmB,oBAC7I,EAAC,MAAA,CAAI,UAAU,wDACb,EAAC,OAAA,CAAK,UAAU,sEAAuE,eAEzF,EAAC,EAAA,CAAa,UAAU,iDACtB,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,sBAjDnI,EAAC,EAAA,CAAa,OAAoB,wBAChC,EAAC,EAAA,CAAA,SAAA,CACC,EAAC,EAAA,CAAa,UAAU,sBACtB,EAAC,EAAA,CAAA,SAAa,GAAS,gBACvB,EAAC,EAAA,CAAA,SAAmB,GAAe,mEAErC,EAAC,EAAA,CACO,OACc,qBACpB,UAAU,uCACA,WACD,oBAET,EAAC,OAAA,CAAK,UAAU,uCAAwC,aACxD,EAAC,EAAA,CAAa,UAAU,iBACtB,EAAC,EAAA,CAAO,UAAA,GAAU,SAAU,EAAG,KAAK,SAAS,UAAW,EAAc,SAAU,EAAe,UAAU,+BAAsB,WAG/H,EAAC,EAAA,CAAO,SAAU,GAAI,KAAK,SAAS,QAAQ,UAAU,MAAM,QAAQ,UAAU,sBAAsB,QAAS,WAAS"}