@customafk/lunas-ui 0.1.0 → 0.1.1

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

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

package/dist/dialogs/confirm-dialog.js

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

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

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

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

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

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

@@ -1 +1 @@
-"use client";require(`../../../dist-BdSAGFCS.cjs`),require(`../../../button-variants-BebiEdiS.cjs`),require(`../../../button-BKgDCyHZ.cjs`),require(`../../../skeleton-DYa_q0Y4.cjs`),require(`../../../tooltip-GiGkjS_8.cjs`),require(`../../../separator-DSfwqts2.cjs`),require(`../../../input-DFwfYrJY.cjs`),require(`../../../sheet-CLSacdwr.cjs`);const e=require(`../../../sidebar-DTYxSTwf.cjs`);exports.DetailDialogSidebarContent=e.t,exports.DetailDialogSidebarFooter=e.n,exports.DetailDialogSidebarGroup=e.r,exports.DetailDialogSidebarGroupAction=e.i,exports.DetailDialogSidebarGroupContent=e.a,exports.DetailDialogSidebarGroupLabel=e.o,exports.DetailDialogSidebarHeader=e.s,exports.DetailDialogSidebarMenu=e.c,exports.DetailDialogSidebarMenuAction=e.l,exports.DetailDialogSidebarMenuBadge=e.u,exports.DetailDialogSidebarMenuButton=e.d,exports.DetailDialogSidebarMenuItem=e.f,exports.DetailDialogSidebarMenuSkeleton=e.p,exports.DetailDialogSidebarMenuSub=e.m,exports.DetailDialogSidebarMenuSubButton=e.h,exports.DetailDialogSidebarMenuSubItem=e.g,exports.DetailDialogSidebarRail=e._,exports.DetailDialogSidebarSeparator=e.v,exports.DetailDialogSidebarTrigger=e.y,exports.Sidebar=e.b,exports.SidebarInput=e.x,exports.SidebarInset=e.S,exports.SidebarProvider=e.C,exports.useSidebar=e.w;
+"use client";require(`../../../dist-Dh8WwRa8.cjs`),require(`../../../button.variants-D1vkzrn1.cjs`),require(`../../../button-BSQjtXgG.cjs`),require(`../../../skeleton-C4suljHP.cjs`),require(`../../../tooltip-zYWazsY5.cjs`),require(`../../../separator-D3CGKwyf.cjs`),require(`../../../input-D2bPk-nW.cjs`),require(`../../../sheet-jjZlJ8ub.cjs`);const e=require(`../../../sidebar-CK1oTTs9.cjs`);exports.DetailDialogSidebarContent=e.t,exports.DetailDialogSidebarFooter=e.n,exports.DetailDialogSidebarGroup=e.r,exports.DetailDialogSidebarGroupAction=e.i,exports.DetailDialogSidebarGroupContent=e.a,exports.DetailDialogSidebarGroupLabel=e.o,exports.DetailDialogSidebarHeader=e.s,exports.DetailDialogSidebarMenu=e.c,exports.DetailDialogSidebarMenuAction=e.l,exports.DetailDialogSidebarMenuBadge=e.u,exports.DetailDialogSidebarMenuButton=e.d,exports.DetailDialogSidebarMenuItem=e.f,exports.DetailDialogSidebarMenuSkeleton=e.p,exports.DetailDialogSidebarMenuSub=e.m,exports.DetailDialogSidebarMenuSubButton=e.h,exports.DetailDialogSidebarMenuSubItem=e.g,exports.DetailDialogSidebarRail=e._,exports.DetailDialogSidebarSeparator=e.v,exports.DetailDialogSidebarTrigger=e.y,exports.Sidebar=e.b,exports.SidebarInput=e.x,exports.SidebarInset=e.S,exports.SidebarProvider=e.C,exports.useSidebar=e.w;

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

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

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

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

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

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

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

@@ -1,2 +1,2 @@
-const e=require(`../../chunk-DjWAcSYV.cjs`);require(`../../dist-BdSAGFCS.cjs`),require(`../../button-variants-BebiEdiS.cjs`),require(`../../button-BKgDCyHZ.cjs`),require(`../../card-yhGgMiTX.cjs`),require(`../../skeleton-DYa_q0Y4.cjs`);const t=require(`../../flex-CARSrVMd.cjs`);require(`../../tooltip-GiGkjS_8.cjs`);const n=require(`../../date-DfUDZmkO.cjs`);require(`../../separator-DSfwqts2.cjs`);const r=require(`../../dialog-BZrI1ggR.cjs`);require(`../../input-DFwfYrJY.cjs`);const i=require(`../../title-Cu1t_swa.cjs`);require(`../../sheet-CLSacdwr.cjs`);const a=require(`../../sidebar-DTYxSTwf.cjs`);let o=require(`lucide-react`);o=e.t(o);let s=require(`@customafk/react-toolkit/utils`);s=e.t(s);let c=require(`react/jsx-runtime`);c=e.t(c);const l=()=>(0,c.jsxs)(r.o,{className:`sr-only`,children:[(0,c.jsx)(r.l,{className:`sr-only`}),(0,c.jsx)(r.i,{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.t,{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.y,{}),(0,c.jsxs)(t.t,{vertical:!0,align:`start`,padding:`none`,width:`null`,wrap:!1,className:`flex-1`,children:[(0,c.jsx)(i.t,{level:5,className:`line-clamp-1 truncate text-wrap`,children:e||`Detail Dialog`}),(0,c.jsxs)(t.t,{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.t,{showTime:!0,showHoliday:!0,date:r,format:`full`,className:`ml-4 text-xs md:text-sm`})]})]})]}),f=({children:e})=>(0,c.jsx)(r.r,{className:(0,s.cn)(`relative h-full overflow-hidden border-none p-0`,`rounded-none md:rounded-lg`,`max-h-dvh max-w-svw`,`md:max-h-[90dvh] md:max-w-[90svw]`,`xl:max-h-[90dvh] xl:max-w-[90svw]`,`2xl:max-h-[90dvh] 2xl:max-w-7xl`),onInteractOutside:e=>{e.preventDefault(),e.stopPropagation()},children:e}),p=({title:e,sidebarFooter:t,children:n})=>(0,c.jsxs)(a.b,{collapsible:`icon`,className:`shadow-nav z-20 hidden md:flex`,children:[(0,c.jsx)(a.s,{children:(0,c.jsx)(a.c,{children:(0,c.jsx)(a.f,{children:(0,c.jsxs)(a.d,{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.t,{children:(0,c.jsx)(a.r,{children:n})}),t&&(0,c.jsx)(a.n,{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.t,{open:e,onOpenChange:g,children:(0,c.jsxs)(f,{children:[(0,c.jsx)(l,{}),(0,c.jsxs)(a.C,{className:`h-full min-h-[85dvh] 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.t,{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-Bmb41Sf3.cjs`);require(`../../dist-Dh8WwRa8.cjs`),require(`../../button.variants-D1vkzrn1.cjs`),require(`../../button-BSQjtXgG.cjs`),require(`../../card-BTXXktN5.cjs`),require(`../../skeleton-C4suljHP.cjs`);const t=require(`../../flex-CKdTJVZS.cjs`);require(`../../tooltip-zYWazsY5.cjs`);const n=require(`../../date-Dz80x-53.cjs`);require(`../../separator-D3CGKwyf.cjs`);const r=require(`../../dialog-BZSD5ydg.cjs`);require(`../../input-D2bPk-nW.cjs`);const i=require(`../../title-DEHZP3em.cjs`);require(`../../sheet-jjZlJ8ub.cjs`);const a=require(`../../sidebar-CK1oTTs9.cjs`);let o=require(`lucide-react`),s=require(`@customafk/react-toolkit/utils`),c=require(`react/jsx-runtime`);const l=()=>(0,c.jsxs)(r.o,{className:`sr-only`,children:[(0,c.jsx)(r.l,{className:`sr-only`}),(0,c.jsx)(r.i,{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.t,{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.y,{}),(0,c.jsxs)(t.t,{vertical:!0,align:`start`,padding:`none`,width:`null`,wrap:!1,className:`flex-1`,children:[(0,c.jsx)(i.t,{level:5,className:`line-clamp-1 truncate text-wrap`,children:e||`Detail Dialog`}),(0,c.jsxs)(t.t,{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.t,{showTime:!0,showHoliday:!0,date:r,format:`full`,className:`ml-4 text-xs md:text-sm`})]})]})]}),f=({children:e})=>(0,c.jsx)(r.r,{className:(0,s.cn)(`relative h-full overflow-hidden border-none p-0`,`rounded-none md:rounded-lg`,`max-h-dvh max-w-svw`,`md:max-h-[90dvh] md:max-w-[90svw]`,`xl:max-h-[90dvh] xl:max-w-[90svw]`,`2xl:max-h-[90dvh] 2xl:max-w-7xl`),onInteractOutside:e=>{e.preventDefault(),e.stopPropagation()},children:e}),p=({title:e,sidebarFooter:t,children:n})=>(0,c.jsxs)(a.b,{collapsible:`icon`,className:`shadow-nav z-20 hidden md:flex`,children:[(0,c.jsx)(a.s,{children:(0,c.jsx)(a.c,{children:(0,c.jsx)(a.f,{children:(0,c.jsxs)(a.d,{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.t,{children:(0,c.jsx)(a.r,{children:n})}),t&&(0,c.jsx)(a.n,{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.t,{open:e,onOpenChange:g,children:(0,c.jsxs)(f,{children:[(0,c.jsx)(l,{}),(0,c.jsxs)(a.C,{className:`h-full min-h-[85dvh] 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.t,{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.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","names":["DialogHeader","DialogTitle","DialogDescription","DetailDialogMain: React.FC<React.PropsWithChildren>","Flex","DetailDialogMainHeader: React.FC<React.PropsWithChildren<DetailDialogMainHeaderProps>>","DetailDialogSidebarTrigger","Title","CalendarIcon","DateDisplay","DetailDialogWrapper: React.FC<React.PropsWithChildren>","DialogContent","DetailDialogSidebar: React.FC<React.PropsWithChildren<{ title?: string; sidebarFooter?: React.ReactNode }>>","Sidebar","DetailDialogSidebarHeader","DetailDialogSidebarMenu","DetailDialogSidebarMenuItem","DetailDialogSidebarMenuButton","CatIcon","DetailDialogSidebarContent","DetailDialogSidebarGroup","DetailDialogSidebarFooter","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';\nimport { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card';\n\nimport { DetailDialogSidebarTrigger } from './sidebar';\n\nexport const DetailDialogMain: React.FC<React.PropsWithChildren> = ({ children }) => (\n  <main data-slot=\"detail-dialog-main\" className=\"relative h-full flex-1\">\n    <Flex padding=\"none\" gap=\"none\" vertical align=\"stretch\" className=\"absolute inset-0 size-full\">\n      {children}\n    </Flex>\n  </main>\n);\n\ntype DetailDialogMainHeaderProps = {\n  title: string;\n  createdAt?: string | Date | number;\n};\nexport const DetailDialogMainHeader: React.FC<React.PropsWithChildren<DetailDialogMainHeaderProps>> = ({ title, createdAt }) => (\n  <header className=\"bg-card border-border-weak flex w-full flex-0 items-start gap-x-2.5 border-b py-2.5 pr-12 pl-2\">\n    <DetailDialogSidebarTrigger />\n    <Flex vertical align=\"start\" padding=\"none\" width=\"null\" wrap={false} className=\"flex-1\">\n      <Title level={5} className=\"line-clamp-1 truncate text-wrap\">\n        {title || 'Detail Dialog'}\n      </Title>\n      <Flex padding=\"none\" className=\"text-text-positive-weak relative\">\n        <CalendarIcon size={12} className=\"absolute top-0.5 md:top-1\" />\n        {!!createdAt && <DateDisplay showTime showHoliday date={createdAt} format=\"full\" className=\"ml-4 text-xs md:text-sm\" />}\n      </Flex>\n    </Flex>\n  </header>\n);\n\nexport const DetailDialogMainGroup: React.FC<React.PropsWithChildren> = ({ children }) => (\n  <Flex vertical gap=\"md\" padding=\"md\" width=\"full\">\n    {children}\n  </Flex>\n);\n\ntype DetailDialogMainGroupItemProps = {\n  title?: string;\n  description?: string;\n};\nexport const DetailDialogMainGroupItem: React.FC<React.PropsWithChildren<DetailDialogMainGroupItemProps>> = ({ title, description, children }) => (\n  <Card className=\"w-full snap-start scroll-mt-4\">\n    <CardHeader>\n      <CardTitle>{title}</CardTitle>\n      <CardDescription>{description}</CardDescription>\n    </CardHeader>\n    <CardContent>{children}</CardContent>\n  </Card>\n);\n","import { cn } from '@customafk/react-toolkit/utils';\n\nimport { DialogContent } from '@/components/ui/dialog';\n\nexport const DetailDialogWrapper: React.FC<React.PropsWithChildren> = ({ children }) => {\n  return (\n    <DialogContent\n      className={cn(\n        'relative h-full overflow-hidden border-none p-0',\n        'rounded-none md:rounded-lg',\n        'max-h-dvh max-w-svw',\n        'md:max-h-[90dvh] md:max-w-[90svw]',\n        'xl:max-h-[90dvh] xl:max-w-[90svw]',\n        '2xl:max-h-[90dvh] 2xl:max-w-7xl'\n      )}\n      onInteractOutside={e => {\n        e.preventDefault();\n        e.stopPropagation();\n      }}\n    >\n      {children}\n    </DialogContent>\n  );\n};\n","import { CatIcon } from 'lucide-react';\n\nimport { Flex } from '@/components/layouts/flex';\nimport { Dialog } from '@/components/ui/dialog';\n\nimport { DetailDialogHeader } from './component/header';\nimport { DetailDialogMain, DetailDialogMainHeader } from './component/main';\nimport {\n  DetailDialogSidebarContent,\n  DetailDialogSidebarFooter,\n  DetailDialogSidebarGroup,\n  DetailDialogSidebarHeader,\n  DetailDialogSidebarMenu,\n  DetailDialogSidebarMenuButton,\n  DetailDialogSidebarMenuItem,\n  Sidebar,\n  SidebarProvider,\n} from './component/sidebar';\nimport { DetailDialogWrapper } from './component/wrapper';\n\nconst DetailDialogSidebar: React.FC<React.PropsWithChildren<{ title?: string; sidebarFooter?: React.ReactNode }>> = ({ title, sidebarFooter, children }) => {\n  return (\n    <Sidebar collapsible=\"icon\" className=\"shadow-nav z-20 hidden md:flex\">\n      <DetailDialogSidebarHeader>\n        <DetailDialogSidebarMenu>\n          <DetailDialogSidebarMenuItem>\n            <DetailDialogSidebarMenuButton size=\"lg\" tabIndex={-1}>\n              <div className=\"bg-sidebar-primary text-sidebar-primary-foreground flex aspect-square size-8 items-center justify-center rounded-lg\">\n                <CatIcon size={16} />\n              </div>\n              <div className=\"grid flex-1 text-left text-sm leading-tight\">\n                <span className=\"truncate font-medium\">{title || 'Detail Dialog'}</span>\n                <span className=\"truncate text-xs\">Lunas Enterprise</span>\n              </div>\n            </DetailDialogSidebarMenuButton>\n          </DetailDialogSidebarMenuItem>\n        </DetailDialogSidebarMenu>\n      </DetailDialogSidebarHeader>\n      <DetailDialogSidebarContent>\n        <DetailDialogSidebarGroup>{children}</DetailDialogSidebarGroup>\n      </DetailDialogSidebarContent>\n      {sidebarFooter && <DetailDialogSidebarFooter>{sidebarFooter}</DetailDialogSidebarFooter>}\n    </Sidebar>\n  );\n};\n\ntype Props = {\n  open?: boolean;\n  isLoading?: boolean;\n  sidebarTitle?: string;\n  sidebar?: React.ReactNode;\n  sidebarFooter?: React.ReactNode;\n  title: string;\n  createdAt: string | Date | number;\n  onOpenChange?: (open: boolean) => void | Promise<void>;\n};\nexport const DetailDialog: React.FC<React.PropsWithChildren<Props>> = ({\n  open,\n  isLoading = false,\n  sidebarTitle,\n  sidebar,\n  sidebarFooter,\n  title,\n  createdAt,\n  onOpenChange,\n  children,\n}) => {\n  return (\n    <Dialog open={open} onOpenChange={onOpenChange}>\n      <DetailDialogWrapper>\n        <DetailDialogHeader />\n        <SidebarProvider className=\"h-full min-h-[85dvh] items-start\">\n          <DetailDialogSidebar title={sidebarTitle} sidebarFooter={sidebarFooter} children={sidebar} />\n          <DetailDialogMain>\n            <DetailDialogMainHeader title={title} createdAt={createdAt} />\n            {isLoading ? (\n              <Flex justify=\"center\" className=\"bg-muted-muted w-full flex-1 inset-shadow-sm\">\n                <div className=\"loader\" />\n              </Flex>\n            ) : (\n              <section className=\"bg-muted-muted relative flex flex-1 snap-y flex-col gap-0 overflow-y-auto inset-shadow-sm\">{children}</section>\n            )}\n          </DetailDialogMain>\n        </SidebarProvider>\n      </DetailDialogWrapper>\n    </Dialog>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"index.cjs","names":["DialogHeader","DialogTitle","DialogDescription","DetailDialogMain: React.FC<React.PropsWithChildren>","Flex","DetailDialogMainHeader: React.FC<React.PropsWithChildren<DetailDialogMainHeaderProps>>","DetailDialogSidebarTrigger","Title","CalendarIcon","DateDisplay","DetailDialogWrapper: React.FC<React.PropsWithChildren>","DialogContent","DetailDialogSidebar: React.FC<React.PropsWithChildren<{ title?: string; sidebarFooter?: React.ReactNode }>>","Sidebar","DetailDialogSidebarHeader","DetailDialogSidebarMenu","DetailDialogSidebarMenuItem","DetailDialogSidebarMenuButton","CatIcon","DetailDialogSidebarContent","DetailDialogSidebarGroup","DetailDialogSidebarFooter","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';\nimport { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card';\n\nimport { DetailDialogSidebarTrigger } from './sidebar';\n\nexport const DetailDialogMain: React.FC<React.PropsWithChildren> = ({ children }) => (\n  <main data-slot=\"detail-dialog-main\" className=\"relative h-full flex-1\">\n    <Flex padding=\"none\" gap=\"none\" vertical align=\"stretch\" className=\"absolute inset-0 size-full\">\n      {children}\n    </Flex>\n  </main>\n);\n\ntype DetailDialogMainHeaderProps = {\n  title: string;\n  createdAt?: string | Date | number;\n};\nexport const DetailDialogMainHeader: React.FC<React.PropsWithChildren<DetailDialogMainHeaderProps>> = ({ title, createdAt }) => (\n  <header className=\"bg-card border-border-weak flex w-full flex-0 items-start gap-x-2.5 border-b py-2.5 pr-12 pl-2\">\n    <DetailDialogSidebarTrigger />\n    <Flex vertical align=\"start\" padding=\"none\" width=\"null\" wrap={false} className=\"flex-1\">\n      <Title level={5} className=\"line-clamp-1 truncate text-wrap\">\n        {title || 'Detail Dialog'}\n      </Title>\n      <Flex padding=\"none\" className=\"text-text-positive-weak relative\">\n        <CalendarIcon size={12} className=\"absolute top-0.5 md:top-1\" />\n        {!!createdAt && <DateDisplay showTime showHoliday date={createdAt} format=\"full\" className=\"ml-4 text-xs md:text-sm\" />}\n      </Flex>\n    </Flex>\n  </header>\n);\n\nexport const DetailDialogMainGroup: React.FC<React.PropsWithChildren> = ({ children }) => (\n  <Flex vertical gap=\"md\" padding=\"md\" width=\"full\">\n    {children}\n  </Flex>\n);\n\ntype DetailDialogMainGroupItemProps = {\n  title?: string;\n  description?: string;\n};\nexport const DetailDialogMainGroupItem: React.FC<React.PropsWithChildren<DetailDialogMainGroupItemProps>> = ({ title, description, children }) => (\n  <Card className=\"w-full snap-start scroll-mt-4\">\n    <CardHeader>\n      <CardTitle>{title}</CardTitle>\n      <CardDescription>{description}</CardDescription>\n    </CardHeader>\n    <CardContent>{children}</CardContent>\n  </Card>\n);\n","import { cn } from '@customafk/react-toolkit/utils';\n\nimport { DialogContent } from '@/components/ui/dialog';\n\nexport const DetailDialogWrapper: React.FC<React.PropsWithChildren> = ({ children }) => {\n  return (\n    <DialogContent\n      className={cn(\n        'relative h-full overflow-hidden border-none p-0',\n        'rounded-none md:rounded-lg',\n        'max-h-dvh max-w-svw',\n        'md:max-h-[90dvh] md:max-w-[90svw]',\n        'xl:max-h-[90dvh] xl:max-w-[90svw]',\n        '2xl:max-h-[90dvh] 2xl:max-w-7xl'\n      )}\n      onInteractOutside={e => {\n        e.preventDefault();\n        e.stopPropagation();\n      }}\n    >\n      {children}\n    </DialogContent>\n  );\n};\n","import { CatIcon } from 'lucide-react';\n\nimport { Flex } from '@/components/layouts/flex';\nimport { Dialog } from '@/components/ui/dialog';\n\nimport { DetailDialogHeader } from './component/header';\nimport { DetailDialogMain, DetailDialogMainHeader } from './component/main';\nimport {\n  DetailDialogSidebarContent,\n  DetailDialogSidebarFooter,\n  DetailDialogSidebarGroup,\n  DetailDialogSidebarHeader,\n  DetailDialogSidebarMenu,\n  DetailDialogSidebarMenuButton,\n  DetailDialogSidebarMenuItem,\n  Sidebar,\n  SidebarProvider,\n} from './component/sidebar';\nimport { DetailDialogWrapper } from './component/wrapper';\n\nconst DetailDialogSidebar: React.FC<React.PropsWithChildren<{ title?: string; sidebarFooter?: React.ReactNode }>> = ({ title, sidebarFooter, children }) => {\n  return (\n    <Sidebar collapsible=\"icon\" className=\"shadow-nav z-20 hidden md:flex\">\n      <DetailDialogSidebarHeader>\n        <DetailDialogSidebarMenu>\n          <DetailDialogSidebarMenuItem>\n            <DetailDialogSidebarMenuButton size=\"lg\" tabIndex={-1}>\n              <div className=\"bg-sidebar-primary text-sidebar-primary-foreground flex aspect-square size-8 items-center justify-center rounded-lg\">\n                <CatIcon size={16} />\n              </div>\n              <div className=\"grid flex-1 text-left text-sm leading-tight\">\n                <span className=\"truncate font-medium\">{title || 'Detail Dialog'}</span>\n                <span className=\"truncate text-xs\">Lunas Enterprise</span>\n              </div>\n            </DetailDialogSidebarMenuButton>\n          </DetailDialogSidebarMenuItem>\n        </DetailDialogSidebarMenu>\n      </DetailDialogSidebarHeader>\n      <DetailDialogSidebarContent>\n        <DetailDialogSidebarGroup>{children}</DetailDialogSidebarGroup>\n      </DetailDialogSidebarContent>\n      {sidebarFooter && <DetailDialogSidebarFooter>{sidebarFooter}</DetailDialogSidebarFooter>}\n    </Sidebar>\n  );\n};\n\ntype Props = {\n  open?: boolean;\n  isLoading?: boolean;\n  sidebarTitle?: string;\n  sidebar?: React.ReactNode;\n  sidebarFooter?: React.ReactNode;\n  title: string;\n  createdAt: string | Date | number;\n  onOpenChange?: (open: boolean) => void | Promise<void>;\n};\nexport const DetailDialog: React.FC<React.PropsWithChildren<Props>> = ({\n  open,\n  isLoading = false,\n  sidebarTitle,\n  sidebar,\n  sidebarFooter,\n  title,\n  createdAt,\n  onOpenChange,\n  children,\n}) => {\n  return (\n    <Dialog open={open} onOpenChange={onOpenChange}>\n      <DetailDialogWrapper>\n        <DetailDialogHeader />\n        <SidebarProvider className=\"h-full min-h-[85dvh] items-start\">\n          <DetailDialogSidebar title={sidebarTitle} sidebarFooter={sidebarFooter} children={sidebar} />\n          <DetailDialogMain>\n            <DetailDialogMainHeader title={title} createdAt={createdAt} />\n            {isLoading ? (\n              <Flex justify=\"center\" className=\"bg-muted-muted w-full flex-1 inset-shadow-sm\">\n                <div className=\"loader\" />\n              </Flex>\n            ) : (\n              <section className=\"bg-muted-muted relative flex flex-1 snap-y flex-col gap-0 overflow-y-auto inset-shadow-sm\">{children}</section>\n            )}\n          </DetailDialogMain>\n        </SidebarProvider>\n      </DetailDialogWrapper>\n    </Dialog>\n  );\n};\n"],"mappings":"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"}

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

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

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

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

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

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

package/dist/dialogs/error-dialog.cjs

@@ -1 +1 @@
-require(`../button-variants-BebiEdiS.cjs`),require(`../alert-dialog-G8BofEhu.cjs`);const e=require(`../error-dialog-Ccnb31SP.cjs`);exports.ErrorDialog=e.t;
+require(`../button.variants-D1vkzrn1.cjs`),require(`../alert-dialog-BlGvvaB2.cjs`);const e=require(`../error-dialog-BHrA5oTT.cjs`);exports.ErrorDialog=e.t;

package/dist/dialogs/error-dialog.js

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

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

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

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

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

package/dist/dialogs/form-dialog.cjs

@@ -1,2 +1,2 @@
-const e=require(`../chunk-DjWAcSYV.cjs`);require(`../dist-BdSAGFCS.cjs`),require(`../button-variants-BebiEdiS.cjs`);const t=require(`../button-BKgDCyHZ.cjs`);require(`../alert-dialog-G8BofEhu.cjs`),require(`../error-dialog-Ccnb31SP.cjs`),require(`../label-C81VuIr1.cjs`),require(`../separator-DSfwqts2.cjs`),require(`../field-fedFAcLt.cjs`),require(`../form-CQcAxI-L.cjs`);const n=require(`../form-wrapper-DoVXVU1Q.cjs`),r=require(`../dialog-BZrI1ggR.cjs`),i=require(`../drawer-_nQPABFp.cjs`);let a=require(`@customafk/react-toolkit/utils`);a=e.t(a);let o=require(`react/jsx-runtime`);o=e.t(o);let s=require(`@customafk/react-toolkit/hooks/useMediaQuery`);s=e.t(s);const 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})=>(0,s.useMediaQuery)(`(min-width: 768px)`)?(0,o.jsx)(r.t,{open:c,onOpenChange:h,children:(0,o.jsxs)(r.r,{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.o,{className:`border-border-weak flex-0 gap-2 border-b p-6 pb-4`,children:[(0,o.jsx)(r.l,{children:f||`Form Dialog`}),(0,o.jsx)(r.i,{children:p||`This is a form dialog where you can add your form elements.`})]}),(0,o.jsxs)(n.t,{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.a,{className:`border-border-weak border-t p-6 pt-4`,children:[(0,o.jsx)(t.t,{tabIndex:-1,type:`button`,variant:`outline`,color:`muted`,className:`w-30 rounded-full`,onClick:v,children:`Reset`}),(0,o.jsx)(t.t,{autoFocus:!0,tabIndex:0,type:`submit`,isLoading:l,disabled:d,className:`w-30 rounded-full`,children:`Submit`})]})]})]})}):(0,o.jsx)(i.t,{open:c,onOpenChange:h,children:(0,o.jsxs)(i.r,{children:[(0,o.jsxs)(i.o,{className:`text-left`,children:[(0,o.jsx)(i.l,{children:f||`Form Dialog`}),(0,o.jsx)(i.i,{children:p||`This is a form dialog where you can add your form elements.`})]}),(0,o.jsxs)(n.t,{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.a,{className:`pt-2`,children:[(0,o.jsx)(t.t,{autoFocus:!0,tabIndex:0,type:`submit`,isLoading:l,disabled:d,className:`w-full rounded-full`,children:`Submit`}),(0,o.jsx)(t.t,{tabIndex:-1,type:`button`,variant:`outline`,color:`muted`,className:`w-full rounded-full`,onClick:v,children:`Reset`})]})]})]})});exports.FormDialog=c;
+const e=require(`../chunk-Bmb41Sf3.cjs`);require(`../dist-Dh8WwRa8.cjs`),require(`../button.variants-D1vkzrn1.cjs`);const t=require(`../button-BSQjtXgG.cjs`);require(`../alert-dialog-BlGvvaB2.cjs`),require(`../error-dialog-BHrA5oTT.cjs`),require(`../label-D2Kl-Q_-.cjs`),require(`../separator-D3CGKwyf.cjs`),require(`../field-Cjpwx_6d.cjs`),require(`../form-D1gfOYhk.cjs`);const n=require(`../form-wrapper-CcH5-e90.cjs`),r=require(`../dialog-BZSD5ydg.cjs`),i=require(`../drawer-y-Yrqskp.cjs`);let a=require(`@customafk/react-toolkit/utils`),o=require(`react/jsx-runtime`),s=require(`@customafk/react-toolkit/hooks/useMediaQuery`);const 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})=>(0,s.useMediaQuery)(`(min-width: 768px)`)?(0,o.jsx)(r.t,{open:c,onOpenChange:h,children:(0,o.jsxs)(r.r,{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.o,{className:`border-border-weak flex-0 gap-2 border-b p-6 pb-4`,children:[(0,o.jsx)(r.l,{children:f||`Form Dialog`}),(0,o.jsx)(r.i,{children:p||`This is a form dialog where you can add your form elements.`})]}),(0,o.jsxs)(n.t,{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.a,{className:`border-border-weak border-t p-6 pt-4`,children:[(0,o.jsx)(t.t,{tabIndex:-1,type:`button`,variant:`outline`,color:`muted`,className:`w-30 rounded-full`,onClick:v,children:`Reset`}),(0,o.jsx)(t.t,{autoFocus:!0,tabIndex:0,type:`submit`,isLoading:l,disabled:d,className:`w-30 rounded-full`,children:`Submit`})]})]})]})}):(0,o.jsx)(i.t,{open:c,onOpenChange:h,children:(0,o.jsxs)(i.r,{children:[(0,o.jsxs)(i.o,{className:`text-left`,children:[(0,o.jsx)(i.l,{children:f||`Form Dialog`}),(0,o.jsx)(i.i,{children:p||`This is a form dialog where you can add your form elements.`})]}),(0,o.jsxs)(n.t,{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.a,{className:`pt-2`,children:[(0,o.jsx)(t.t,{autoFocus:!0,tabIndex:0,type:`submit`,isLoading:l,disabled:d,className:`w-full rounded-full`,children:`Submit`}),(0,o.jsx)(t.t,{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