@customafk/lunas-ui 0.0.80 → 0.0.81

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

@@ -1,10 +1,10 @@
-import { Button } from "../../../button-BdYhnlA1.js";
-import { Input } from "../../../input-CwuYXUPY.js";
-import { Separator } from "../../../separator-C4wU5Rr6.js";
-import { TooltipContent } from "../../../tooltip-Dt83PTkc.js";
-import * as react_jsx_runtime236 from "react/jsx-runtime";
+import { Button } from "../../../button-DKcU4dim.js";
+import { Input } from "../../../input-BbxBfHG5.js";
+import { Separator } from "../../../separator-LYCmJYd5.js";
+import { TooltipContent } from "../../../tooltip-IMUjBDRr.js";
+import * as react_jsx_runtime266 from "react/jsx-runtime";
 import { VariantProps } from "class-variance-authority";
-import * as class_variance_authority_types4 from "class-variance-authority/types";
+import * as class_variance_authority_types9 from "class-variance-authority/types";
 
 //#region packages/components/dialogs/detail-dialog/component/sidebar.d.ts
 type SidebarContextProps = {
@@ -29,7 +29,7 @@ declare function SidebarProvider({
   defaultOpen?: boolean;
   open?: boolean;
   onOpenChange?: (open: boolean) => void;
-}): react_jsx_runtime236.JSX.Element;
+}): react_jsx_runtime266.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_runtime266.JSX.Element;
 declare function DetailDialogSidebarTrigger({
   className,
   onClick,
   ...props
-}: React.ComponentProps<typeof Button>): react_jsx_runtime236.JSX.Element;
+}: React.ComponentProps<typeof Button>): react_jsx_runtime266.JSX.Element;
 declare function DetailDialogSidebarRail({
   className,
   ...props
-}: React.ComponentProps<'button'>): react_jsx_runtime236.JSX.Element;
+}: React.ComponentProps<'button'>): react_jsx_runtime266.JSX.Element;
 declare function SidebarInset({
   className,
   ...props
-}: React.ComponentProps<'main'>): react_jsx_runtime236.JSX.Element;
+}: React.ComponentProps<'main'>): react_jsx_runtime266.JSX.Element;
 declare function SidebarInput({
   className,
   ...props
-}: React.ComponentProps<typeof Input>): react_jsx_runtime236.JSX.Element;
+}: React.ComponentProps<typeof Input>): react_jsx_runtime266.JSX.Element;
 declare function DetailDialogSidebarHeader({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime236.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime266.JSX.Element;
 declare function DetailDialogSidebarFooter({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime236.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime266.JSX.Element;
 declare function DetailDialogSidebarSeparator({
   className,
   ...props
-}: React.ComponentProps<typeof Separator>): react_jsx_runtime236.JSX.Element;
+}: React.ComponentProps<typeof Separator>): react_jsx_runtime266.JSX.Element;
 declare function DetailDialogSidebarContent({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime236.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime266.JSX.Element;
 declare function DetailDialogSidebarGroup({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime236.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime266.JSX.Element;
 declare function DetailDialogSidebarGroupLabel({
   className,
   asChild,
   ...props
 }: React.ComponentProps<'div'> & {
   asChild?: boolean;
-}): react_jsx_runtime236.JSX.Element;
+}): react_jsx_runtime266.JSX.Element;
 declare function DetailDialogSidebarGroupAction({
   className,
   asChild,
   ...props
 }: React.ComponentProps<'button'> & {
   asChild?: boolean;
-}): react_jsx_runtime236.JSX.Element;
+}): react_jsx_runtime266.JSX.Element;
 declare function DetailDialogSidebarGroupContent({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime236.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime266.JSX.Element;
 declare function DetailDialogSidebarMenu({
   className,
   ...props
-}: React.ComponentProps<'ul'>): react_jsx_runtime236.JSX.Element;
+}: React.ComponentProps<'ul'>): react_jsx_runtime266.JSX.Element;
 declare function DetailDialogSidebarMenuItem({
   className,
   ...props
-}: React.ComponentProps<'li'>): react_jsx_runtime236.JSX.Element;
+}: React.ComponentProps<'li'>): react_jsx_runtime266.JSX.Element;
 declare const sidebarMenuButtonVariants: (props?: ({
   variant?: "default" | "outline" | null | undefined;
   size?: "sm" | "lg" | "default" | null | undefined;
-} & class_variance_authority_types4.ClassProp) | undefined) => string;
+} & class_variance_authority_types9.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_runtime266.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_runtime266.JSX.Element;
 declare function DetailDialogSidebarMenuBadge({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime236.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime266.JSX.Element;
 declare function DetailDialogSidebarMenuSkeleton({
   className,
   showIcon,
   ...props
 }: React.ComponentProps<'div'> & {
   showIcon?: boolean;
-}): react_jsx_runtime236.JSX.Element;
+}): react_jsx_runtime266.JSX.Element;
 declare function DetailDialogSidebarMenuSub({
   className,
   ...props
-}: React.ComponentProps<'ul'>): react_jsx_runtime236.JSX.Element;
+}: React.ComponentProps<'ul'>): react_jsx_runtime266.JSX.Element;
 declare function DetailDialogSidebarMenuSubItem({
   className,
   ...props
-}: React.ComponentProps<'li'>): react_jsx_runtime236.JSX.Element;
+}: React.ComponentProps<'li'>): react_jsx_runtime266.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_runtime266.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"../../../dist-CkzytVha.js";import"../../../button-variants-Y1GTBayz.js";import"../../../button-DhQJ9Ey8.js";import"../../../skeleton-ByN-MrQO.js";import"../../../tooltip-BTrjCwd8.js";import"../../../input-BtT8HfYE.js";import"../../../separator-C7HQ2ThL.js";import"../../../sheet-E0gvN9Gp.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-CBEPWmnf.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"../../../dist-BgkALM7U.js";import"../../../button-variants-Y1GTBayz.js";import"../../../button-CYsnwc1-.js";import"../../../skeleton-ByN-MrQO.js";import"../../../tooltip-BTrjCwd8.js";import"../../../separator-D17HxS2f.js";import"../../../input-BStypTnq.js";import"../../../sheet-BhyEuJtA.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-Bs42CUTZ.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(`../../dist-D0uO1qIz.cjs`),require(`../../button-variants-CCiseNSC.cjs`),require(`../../button-CuV2l4ge.cjs`),require(`../../card-Pnxpehsp.cjs`),require(`../../skeleton-BA-3d3bn.cjs`);const t=require(`../../flex-DS4mxjtf.cjs`),n=require(`../../date-2wue8L-1.cjs`);require(`../../tooltip-DXvcPsvM.cjs`);const r=require(`../../dialog-BSdn3QaW.cjs`);require(`../../input-DfGojpRF.cjs`);const i=require(`../../title-DONX1fR6.cjs`);require(`../../separator-WF5zTNGS.cjs`),require(`../../sheet-cjXJAfUE.cjs`);const a=require(`../../sidebar-B6s0ZZHA.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-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.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-[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.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(`../../dist-CAevLI5t.cjs`),require(`../../button-variants-DdVxfrSx.cjs`),require(`../../button-BaLuKPtr.cjs`),require(`../../card-CkKO-0o0.cjs`),require(`../../skeleton-BC2E_ohw.cjs`);const t=require(`../../flex-B4klVEz9.cjs`),n=require(`../../date-BEyT-xKi.cjs`);require(`../../tooltip-uaF-pxx8.cjs`),require(`../../separator-DMMoR-d2.cjs`);const r=require(`../../dialog-BBODhbxh.cjs`);require(`../../input-D_tClptL.cjs`);const i=require(`../../title-Wrzpw9RM.cjs`);require(`../../sheet-Bua5MlcG.cjs`);const a=require(`../../sidebar-BgMpq73J.cjs`);let o=require(`lucide-react`);o=e.__toESM(o);let s=require(`@customafk/react-toolkit/utils`);s=e.__toESM(s);let c=require(`react/jsx-runtime`);c=e.__toESM(c);const 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-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.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-[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.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.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-CkzytVha.js";import"../../button-variants-Y1GTBayz.js";import"../../button-DhQJ9Ey8.js";import"../../card-DOv2mZU8.js";import"../../skeleton-ByN-MrQO.js";import{Flex as e}from"../../flex-D6XrXRQW.js";import{DateDisplay as t}from"../../date-BuPl--Fc.js";import"../../tooltip-BTrjCwd8.js";import{Dialog as n,DialogContent as r,DialogDescription as i,DialogHeader as a,DialogTitle as o}from"../../dialog-B2LS2JLb.js";import"../../input-BtT8HfYE.js";import{Title as s}from"../../title-itXqz0us.js";import"../../separator-C7HQ2ThL.js";import"../../sheet-E0gvN9Gp.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-CBEPWmnf.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-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(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-[85dvh] 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"../../dist-BgkALM7U.js";import"../../button-variants-Y1GTBayz.js";import"../../button-CYsnwc1-.js";import"../../card-DOv2mZU8.js";import"../../skeleton-ByN-MrQO.js";import{Flex as e}from"../../flex-D6XrXRQW.js";import{DateDisplay as t}from"../../date-CgzMwDPN.js";import"../../tooltip-BTrjCwd8.js";import"../../separator-D17HxS2f.js";import{Dialog as n,DialogContent as r,DialogDescription as i,DialogHeader as a,DialogTitle as o}from"../../dialog-BAlJ18xi.js";import"../../input-BStypTnq.js";import{Title as s}from"../../title-Zqs6skyV.js";import"../../sheet-BhyEuJtA.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-Bs42CUTZ.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-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(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-[85dvh] 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/detail-dialog/index.js.map

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

package/dist/dialogs/error-dialog.cjs

@@ -1 +1 @@
-require(`../button-variants-CCiseNSC.cjs`),require(`../alert-dialog-BgEaBYoh.cjs`);const e=require(`../error-dialog-C3b4fqAI.cjs`);exports.ErrorDialog=e.ErrorDialog;
+require(`../button-variants-DdVxfrSx.cjs`),require(`../alert-dialog-B-m2RVMu.cjs`);const e=require(`../error-dialog-bra3vccX.cjs`);exports.ErrorDialog=e.ErrorDialog;

package/dist/dialogs/error-dialog.js

@@ -1 +1 @@
-import"../button-variants-Y1GTBayz.js";import"../alert-dialog-UwGNuTYk.js";import{ErrorDialog as e}from"../error-dialog-BF1VNZXk.js";export{e as ErrorDialog};
+import"../button-variants-Y1GTBayz.js";import"../alert-dialog-DcQKEgVC.js";import{ErrorDialog as e}from"../error-dialog-BeYJOtSH.js";export{e as ErrorDialog};

package/dist/dialogs/form-dialog.cjs

@@ -1,2 +1,2 @@
-const e=require(`../chunk-CUT6urMc.cjs`);require(`../dist-D0uO1qIz.cjs`),require(`../button-variants-CCiseNSC.cjs`);const t=require(`../button-CuV2l4ge.cjs`),n=require(`../dialog-BSdn3QaW.cjs`);require(`../label-CHNSlaoz.cjs`),require(`../form-DyH5iWq7.cjs`),require(`../alert-dialog-BgEaBYoh.cjs`),require(`../error-dialog-C3b4fqAI.cjs`);const r=require(`../form-wrapper-CI2iMUNJ.cjs`),i=require(`../drawer-CsCzBHvx.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)(n.Dialog,{open:c,onOpenChange:h,children:(0,o.jsxs)(n.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)(n.DialogHeader,{className:`border-border-weak flex-0 gap-2 border-b p-6 pb-4`,children:[(0,o.jsx)(n.DialogTitle,{children:f||`Form Dialog`}),(0,o.jsx)(n.DialogDescription,{children:p||`This is a form dialog where you can add your form elements.`})]}),(0,o.jsxs)(r.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)(n.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)(r.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;
+const e=require(`../chunk-CUT6urMc.cjs`);require(`../dist-CAevLI5t.cjs`),require(`../button-variants-DdVxfrSx.cjs`);const t=require(`../button-BaLuKPtr.cjs`);require(`../alert-dialog-B-m2RVMu.cjs`),require(`../error-dialog-bra3vccX.cjs`),require(`../label-D6mAvVmw.cjs`),require(`../separator-DMMoR-d2.cjs`),require(`../field-A43YZ5Wj.cjs`),require(`../form-DV9tQbiO.cjs`);const n=require(`../form-wrapper-vue82rfg.cjs`),r=require(`../dialog-BBODhbxh.cjs`),i=require(`../drawer-70cz3SPB.cjs`);let a=require(`@customafk/react-toolkit/utils`);a=e.__toESM(a);let o=require(`react/jsx-runtime`);o=e.__toESM(o);let s=require(`@customafk/react-toolkit/hooks/useMediaQuery`);s=e.__toESM(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.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":["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":"6kBAyBa,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"}
+{"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';\n\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":"2qBA0BA,MAAa,GAA8D,CACzE,OACA,OACA,eAAe,GACf,qBAAqB,GACrB,gBAAgB,GAChB,QACA,cACA,YAEA,eACA,WACA,UACA,UACA,eAII,EAAA,EAAA,eAF4B,qBAAqB,EAiCnD,EAAA,EAAA,KAACQ,EAAAA,OAAAA,CAAa,OAAoB,yBAChC,EAAA,EAAA,MAACC,EAAAA,cAAAA,CACC,WAAA,EAAA,EAAA,IAAc,sCAAuC,EAAU,CAC/D,kBAAmB,GAAK,CACtB,EAAE,gBAAgB,CAClB,EAAE,iBAAiB,aAGrB,EAAA,EAAA,MAACC,EAAAA,aAAAA,CAAa,UAAU,+DACtB,EAAA,EAAA,KAACC,EAAAA,YAAAA,CAAAA,SAAa,GAAS,cAAA,CAA4B,EACnD,EAAA,EAAA,KAACC,EAAAA,kBAAAA,CAAAA,SAAmB,GAAe,8DAAA,CAAkF,CAAA,EACxG,EACf,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,YAAgB,EACnG,EACN,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,SAE3G,EACT,EAAA,EAAA,KAACA,EAAAA,OAAAA,CAAO,UAAA,GAAU,SAAU,EAAG,KAAK,SAAS,UAAW,EAAc,SAAU,EAAe,UAAU,6BAAoB,UAEpH,CAAA,EACI,CAAA,EACH,CAAA,EACA,EACT,EAvDP,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,cAAA,CAA4B,EACnD,EAAA,EAAA,KAACC,EAAAA,kBAAAA,CAAAA,SAAmB,GAAe,8DAAA,CAAkF,CAAA,EACxG,EACf,EAAA,EAAA,MAACC,EAAAA,YAAAA,CACO,OACc,qBACpB,UAAU,uCACA,WACD,qBAET,EAAA,EAAA,KAAC,OAAA,CAAK,UAAU,uCAAwC,YAAgB,EACxE,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,UAEtH,EACT,EAAA,EAAA,KAACA,EAAAA,OAAAA,CAAO,SAAU,GAAI,KAAK,SAAS,QAAQ,UAAU,MAAM,QAAQ,UAAU,sBAAsB,QAAS,WAAS,SAE7G,CAAA,EACI,CAAA,EACH,CAAA,CAAA,CACA,EACT"}

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

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

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

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime11 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_runtime11.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"../dist-CkzytVha.js";import"../button-variants-Y1GTBayz.js";import{Button as e}from"../button-DhQJ9Ey8.js";import{Dialog as t,DialogContent as n,DialogDescription as r,DialogFooter as i,DialogHeader as a,DialogTitle as o}from"../dialog-B2LS2JLb.js";import"../label-CdrxlBJ8.js";import"../form-BT1TbgK6.js";import"../alert-dialog-UwGNuTYk.js";import"../error-dialog-BF1VNZXk.js";import{FormWrapper as s}from"../form-wrapper-DaguHv9W.js";import{Drawer as c,DrawerContent as l,DrawerDescription as u,DrawerFooter as d,DrawerHeader as f,DrawerTitle as p}from"../drawer-COD1n5aA.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(t,{open:y,onOpenChange:E,children:g(n,{className:m(`flex flex-col gap-0 border-none p-0`,T),onInteractOutside:e=>{e.preventDefault(),e.stopPropagation()},children:[g(a,{className:`border-border-weak flex-0 gap-2 border-b p-6 pb-4`,children:[h(o,{children:C||`Form Dialog`}),h(r,{children:w||`This is a form dialog where you can add your form elements.`})]}),g(s,{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(i,{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(s,{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};
+import"../dist-BgkALM7U.js";import"../button-variants-Y1GTBayz.js";import{Button as e}from"../button-CYsnwc1-.js";import"../alert-dialog-DcQKEgVC.js";import"../error-dialog-BeYJOtSH.js";import"../label-CdrxlBJ8.js";import"../separator-D17HxS2f.js";import"../field-CGacT8J3.js";import"../form-B_tL9lO4.js";import{FormWrapper as t}from"../form-wrapper-BKTvSrZY.js";import{Dialog as n,DialogContent as r,DialogDescription as i,DialogFooter as a,DialogHeader as o,DialogTitle as s}from"../dialog-BAlJ18xi.js";import{Drawer as c,DrawerContent as l,DrawerDescription as u,DrawerFooter as d,DrawerHeader as f,DrawerTitle as p}from"../drawer-DRC3X2-U.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})=>_(`(min-width: 768px)`)?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":[],"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":"4vBAyBA,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"}
+{"version":3,"file":"form-dialog.js","names":[],"sources":["../../packages/components/dialogs/form-dialog.tsx"],"sourcesContent":["import type { FieldValues, FormState, SubmitErrorHandler, UseFormProps } from 'react-hook-form';\n\nimport { 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":"0zBA0BA,MAAa,GAA8D,CACzE,OACA,OACA,eAAe,GACf,qBAAqB,GACrB,gBAAgB,GAChB,QACA,cACA,YAEA,eACA,WACA,UACA,UACA,cAEkB,EAAc,qBAAqB,CAiCnD,EAAC,EAAA,CAAa,OAAoB,wBAChC,EAAC,EAAA,CACC,UAAW,EAAG,sCAAuC,EAAU,CAC/D,kBAAmB,GAAK,CACtB,EAAE,gBAAgB,CAClB,EAAE,iBAAiB,YAGrB,EAAC,EAAA,CAAa,UAAU,8DACtB,EAAC,EAAA,CAAA,SAAa,GAAS,cAAA,CAA4B,CACnD,EAAC,EAAA,CAAA,SAAmB,GAAe,8DAAA,CAAkF,CAAA,EACxG,CACf,EAAC,EAAA,CAAkB,OAA0B,qBAAoB,UAAU,uCAAiD,WAAmB,oBAC7I,EAAC,MAAA,CAAI,UAAU,wDACb,EAAC,OAAA,CAAK,UAAU,sEAAuE,YAAgB,EACnG,CACN,EAAC,EAAA,CAAa,UAAU,iDACtB,EAAC,EAAA,CAAO,SAAU,GAAI,KAAK,SAAS,QAAQ,UAAU,MAAM,QAAQ,UAAU,oBAAoB,QAAS,WAAS,SAE3G,CACT,EAAC,EAAA,CAAO,UAAA,GAAU,SAAU,EAAG,KAAK,SAAS,UAAW,EAAc,SAAU,EAAe,UAAU,6BAAoB,UAEpH,CAAA,EACI,CAAA,EACH,CAAA,EACA,EACT,CAvDP,EAAC,EAAA,CAAa,OAAoB,wBAChC,EAAC,EAAA,CAAA,SAAA,CACC,EAAC,EAAA,CAAa,UAAU,sBACtB,EAAC,EAAA,CAAA,SAAa,GAAS,cAAA,CAA4B,CACnD,EAAC,EAAA,CAAA,SAAmB,GAAe,8DAAA,CAAkF,CAAA,EACxG,CACf,EAAC,EAAA,CACO,OACc,qBACpB,UAAU,uCACA,WACD,oBAET,EAAC,OAAA,CAAK,UAAU,uCAAwC,YAAgB,CACxE,EAAC,EAAA,CAAa,UAAU,iBACtB,EAAC,EAAA,CAAO,UAAA,GAAU,SAAU,EAAG,KAAK,SAAS,UAAW,EAAc,SAAU,EAAe,UAAU,+BAAsB,UAEtH,CACT,EAAC,EAAA,CAAO,SAAU,GAAI,KAAK,SAAS,QAAQ,UAAU,MAAM,QAAQ,UAAU,sBAAsB,QAAS,WAAS,SAE7G,CAAA,EACI,CAAA,EACH,CAAA,CAAA,CACA,EACT"}

package/dist/dialogs/loading-dialog.cjs

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

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

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

package/dist/dialogs/loading-dialog.js

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

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

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

package/dist/{dist-CkzytVha.js → dist-BgkALM7U.js}

@@ -1,2 +1,2 @@
-import*as e from"react";import{Fragment as t,jsx as n}from"react/jsx-runtime";function r(e,t){if(typeof e==`function`)return e(t);e!=null&&(e.current=t)}function i(...e){return t=>{let n=!1,i=e.map(e=>{let i=r(e,t);return!n&&typeof i==`function`&&(n=!0),i});if(n)return()=>{for(let t=0;t<i.length;t++){let n=i[t];typeof n==`function`?n():r(e[t],null)}}}}function a(t){let r=s(t),i=e.forwardRef((t,i)=>{let{children:a,...o}=t,s=e.Children.toArray(a),c=s.find(l);if(c){let t=c.props.children,a=s.map(n=>n===c?e.Children.count(t)>1?e.Children.only(null):e.isValidElement(t)?t.props.children:null:n);return n(r,{...o,ref:i,children:e.isValidElement(t)?e.cloneElement(t,void 0,a):null})}return n(r,{...o,ref:i,children:a})});return i.displayName=`${t}.Slot`,i}var o=a(`Slot`);function s(t){let n=e.forwardRef((t,n)=>{let{children:r,...a}=t;if(e.isValidElement(r)){let t=d(r),o=u(a,r.props);return r.type!==e.Fragment&&(o.ref=n?i(n,t):t),e.cloneElement(r,o)}return e.Children.count(r)>1?e.Children.only(null):null});return n.displayName=`${t}.SlotClone`,n}var c=Symbol(`radix.slottable`);function l(t){return e.isValidElement(t)&&typeof t.type==`function`&&`__radixId`in t.type&&t.type.__radixId===c}function u(e,t){let n={...t};for(let r in t){let i=e[r],a=t[r],o=/^on[A-Z]/.test(r);o?i&&a?n[r]=(...e)=>{let t=a(...e);return i(...e),t}:i&&(n[r]=i):r===`style`?n[r]={...i,...a}:r===`className`&&(n[r]=[i,a].filter(Boolean).join(` `))}return{...e,...n}}function d(e){let t=Object.getOwnPropertyDescriptor(e.props,`ref`)?.get,n=t&&`isReactWarning`in t&&t.isReactWarning;return n?e.ref:(t=Object.getOwnPropertyDescriptor(e,`ref`)?.get,n=t&&`isReactWarning`in t&&t.isReactWarning,n?e.props.ref:e.props.ref||e.ref)}export{o as Slot};
-//# sourceMappingURL=dist-CkzytVha.js.map
+import*as e from"react";import{Fragment as t,jsx as n}from"react/jsx-runtime";function r(e,t){if(typeof e==`function`)return e(t);e!=null&&(e.current=t)}function i(...e){return t=>{let n=!1,i=e.map(e=>{let i=r(e,t);return!n&&typeof i==`function`&&(n=!0),i});if(n)return()=>{for(let t=0;t<i.length;t++){let n=i[t];typeof n==`function`?n():r(e[t],null)}}}}function a(t){let r=s(t),i=e.forwardRef((t,i)=>{let{children:a,...o}=t,s=e.Children.toArray(a),c=s.find(l);if(c){let t=c.props.children,a=s.map(n=>n===c?e.Children.count(t)>1?e.Children.only(null):e.isValidElement(t)?t.props.children:null:n);return n(r,{...o,ref:i,children:e.isValidElement(t)?e.cloneElement(t,void 0,a):null})}return n(r,{...o,ref:i,children:a})});return i.displayName=`${t}.Slot`,i}var o=a(`Slot`);function s(t){let n=e.forwardRef((t,n)=>{let{children:r,...a}=t;if(e.isValidElement(r)){let t=d(r),o=u(a,r.props);return r.type!==e.Fragment&&(o.ref=n?i(n,t):t),e.cloneElement(r,o)}return e.Children.count(r)>1?e.Children.only(null):null});return n.displayName=`${t}.SlotClone`,n}var c=Symbol(`radix.slottable`);function l(t){return e.isValidElement(t)&&typeof t.type==`function`&&`__radixId`in t.type&&t.type.__radixId===c}function u(e,t){let n={...t};for(let r in t){let i=e[r],a=t[r];/^on[A-Z]/.test(r)?i&&a?n[r]=(...e)=>{let t=a(...e);return i(...e),t}:i&&(n[r]=i):r===`style`?n[r]={...i,...a}:r===`className`&&(n[r]=[i,a].filter(Boolean).join(` `))}return{...e,...n}}function d(e){let t=Object.getOwnPropertyDescriptor(e.props,`ref`)?.get,n=t&&`isReactWarning`in t&&t.isReactWarning;return n?e.ref:(t=Object.getOwnPropertyDescriptor(e,`ref`)?.get,n=t&&`isReactWarning`in t&&t.isReactWarning,n?e.props.ref:e.props.ref||e.ref)}export{o as Slot};
+//# sourceMappingURL=dist-BgkALM7U.js.map

package/dist/{dist-CkzytVha.js.map → dist-BgkALM7U.js.map}

@@ -1 +1 @@
-{"version":3,"file":"dist-CkzytVha.js","names":[],"sources":["../node_modules/@radix-ui/react-compose-refs/dist/index.mjs","../node_modules/@radix-ui/react-slot/dist/index.mjs"],"sourcesContent":["// packages/react/compose-refs/src/compose-refs.tsx\nimport * as React from \"react\";\nfunction setRef(ref, value) {\n  if (typeof ref === \"function\") {\n    return ref(value);\n  } else if (ref !== null && ref !== void 0) {\n    ref.current = value;\n  }\n}\nfunction composeRefs(...refs) {\n  return (node) => {\n    let hasCleanup = false;\n    const cleanups = refs.map((ref) => {\n      const cleanup = setRef(ref, node);\n      if (!hasCleanup && typeof cleanup == \"function\") {\n        hasCleanup = true;\n      }\n      return cleanup;\n    });\n    if (hasCleanup) {\n      return () => {\n        for (let i = 0; i < cleanups.length; i++) {\n          const cleanup = cleanups[i];\n          if (typeof cleanup == \"function\") {\n            cleanup();\n          } else {\n            setRef(refs[i], null);\n          }\n        }\n      };\n    }\n  };\n}\nfunction useComposedRefs(...refs) {\n  return React.useCallback(composeRefs(...refs), refs);\n}\nexport {\n  composeRefs,\n  useComposedRefs\n};\n//# sourceMappingURL=index.mjs.map\n","// src/slot.tsx\nimport * as React from \"react\";\nimport { composeRefs } from \"@radix-ui/react-compose-refs\";\nimport { Fragment as Fragment2, jsx } from \"react/jsx-runtime\";\n// @__NO_SIDE_EFFECTS__\nfunction createSlot(ownerName) {\n  const SlotClone = /* @__PURE__ */ createSlotClone(ownerName);\n  const Slot2 = React.forwardRef((props, forwardedRef) => {\n    const { children, ...slotProps } = props;\n    const childrenArray = React.Children.toArray(children);\n    const slottable = childrenArray.find(isSlottable);\n    if (slottable) {\n      const newElement = slottable.props.children;\n      const newChildren = childrenArray.map((child) => {\n        if (child === slottable) {\n          if (React.Children.count(newElement) > 1) return React.Children.only(null);\n          return React.isValidElement(newElement) ? newElement.props.children : null;\n        } else {\n          return child;\n        }\n      });\n      return /* @__PURE__ */ jsx(SlotClone, { ...slotProps, ref: forwardedRef, children: React.isValidElement(newElement) ? React.cloneElement(newElement, void 0, newChildren) : null });\n    }\n    return /* @__PURE__ */ jsx(SlotClone, { ...slotProps, ref: forwardedRef, children });\n  });\n  Slot2.displayName = `${ownerName}.Slot`;\n  return Slot2;\n}\nvar Slot = /* @__PURE__ */ createSlot(\"Slot\");\n// @__NO_SIDE_EFFECTS__\nfunction createSlotClone(ownerName) {\n  const SlotClone = React.forwardRef((props, forwardedRef) => {\n    const { children, ...slotProps } = props;\n    if (React.isValidElement(children)) {\n      const childrenRef = getElementRef(children);\n      const props2 = mergeProps(slotProps, children.props);\n      if (children.type !== React.Fragment) {\n        props2.ref = forwardedRef ? composeRefs(forwardedRef, childrenRef) : childrenRef;\n      }\n      return React.cloneElement(children, props2);\n    }\n    return React.Children.count(children) > 1 ? React.Children.only(null) : null;\n  });\n  SlotClone.displayName = `${ownerName}.SlotClone`;\n  return SlotClone;\n}\nvar SLOTTABLE_IDENTIFIER = Symbol(\"radix.slottable\");\n// @__NO_SIDE_EFFECTS__\nfunction createSlottable(ownerName) {\n  const Slottable2 = ({ children }) => {\n    return /* @__PURE__ */ jsx(Fragment2, { children });\n  };\n  Slottable2.displayName = `${ownerName}.Slottable`;\n  Slottable2.__radixId = SLOTTABLE_IDENTIFIER;\n  return Slottable2;\n}\nvar Slottable = /* @__PURE__ */ createSlottable(\"Slottable\");\nfunction isSlottable(child) {\n  return React.isValidElement(child) && typeof child.type === \"function\" && \"__radixId\" in child.type && child.type.__radixId === SLOTTABLE_IDENTIFIER;\n}\nfunction mergeProps(slotProps, childProps) {\n  const overrideProps = { ...childProps };\n  for (const propName in childProps) {\n    const slotPropValue = slotProps[propName];\n    const childPropValue = childProps[propName];\n    const isHandler = /^on[A-Z]/.test(propName);\n    if (isHandler) {\n      if (slotPropValue && childPropValue) {\n        overrideProps[propName] = (...args) => {\n          const result = childPropValue(...args);\n          slotPropValue(...args);\n          return result;\n        };\n      } else if (slotPropValue) {\n        overrideProps[propName] = slotPropValue;\n      }\n    } else if (propName === \"style\") {\n      overrideProps[propName] = { ...slotPropValue, ...childPropValue };\n    } else if (propName === \"className\") {\n      overrideProps[propName] = [slotPropValue, childPropValue].filter(Boolean).join(\" \");\n    }\n  }\n  return { ...slotProps, ...overrideProps };\n}\nfunction getElementRef(element) {\n  let getter = Object.getOwnPropertyDescriptor(element.props, \"ref\")?.get;\n  let mayWarn = getter && \"isReactWarning\" in getter && getter.isReactWarning;\n  if (mayWarn) {\n    return element.ref;\n  }\n  getter = Object.getOwnPropertyDescriptor(element, \"ref\")?.get;\n  mayWarn = getter && \"isReactWarning\" in getter && getter.isReactWarning;\n  if (mayWarn) {\n    return element.props.ref;\n  }\n  return element.props.ref || element.ref;\n}\nexport {\n  Slot as Root,\n  Slot,\n  Slottable,\n  createSlot,\n  createSlottable\n};\n//# sourceMappingURL=index.mjs.map\n"],"x_google_ignoreList":[0,1],"mappings":"8EAEA,SAAS,EAAO,EAAK,EAAO,CAC1B,GAAI,OAAO,GAAQ,WACjB,OAAO,EAAI,GACF,GAAQ,OACjB,EAAI,QAAU,GAGlB,SAAS,EAAY,GAAG,EAAM,CAC5B,MAAQ,IAAS,CACf,IAAI,EAAa,GACX,EAAW,EAAK,IAAK,GAAQ,CACjC,IAAM,EAAU,EAAO,EAAK,GAI5B,MAHI,CAAC,GAAc,OAAO,GAAW,aACnC,EAAa,IAER,IAET,GAAI,EACF,UAAa,CACX,IAAK,IAAI,EAAI,EAAG,EAAI,EAAS,OAAQ,IAAK,CACxC,IAAM,EAAU,EAAS,GACrB,OAAO,GAAW,WACpB,IAEA,EAAO,EAAK,GAAI,SCrB5B,SAAS,EAAW,EAAW,CAC7B,IAAM,EAA4B,EAAgB,GAC5C,EAAQ,EAAM,YAAY,EAAO,IAAiB,CACtD,GAAM,CAAE,WAAU,GAAG,GAAc,EAC7B,EAAgB,EAAM,SAAS,QAAQ,GACvC,EAAY,EAAc,KAAK,GACrC,GAAI,EAAW,CACb,IAAM,EAAa,EAAU,MAAM,SAC7B,EAAc,EAAc,IAAK,GACjC,IAAU,EACR,EAAM,SAAS,MAAM,GAAc,EAAU,EAAM,SAAS,KAAK,MAC9D,EAAM,eAAe,GAAc,EAAW,MAAM,SAAW,KAE/D,GAGX,OAAuB,EAAI,EAAW,CAAE,GAAG,EAAW,IAAK,EAAc,SAAU,EAAM,eAAe,GAAc,EAAM,aAAa,EAAY,IAAK,GAAG,GAAe,OAE9K,OAAuB,EAAI,EAAW,CAAE,GAAG,EAAW,IAAK,EAAc,eAG3E,MADA,GAAM,YAAc,GAAG,EAAU,OAC1B,EAET,IAAI,EAAuB,EAAW,QAEtC,SAAS,EAAgB,EAAW,CAClC,IAAM,EAAY,EAAM,YAAY,EAAO,IAAiB,CAC1D,GAAM,CAAE,WAAU,GAAG,GAAc,EACnC,GAAI,EAAM,eAAe,GAAW,CAClC,IAAM,EAAc,EAAc,GAC5B,EAAS,EAAW,EAAW,EAAS,OAI9C,OAHI,EAAS,OAAS,EAAM,WAC1B,EAAO,IAAM,EAAe,EAAY,EAAc,GAAe,GAEhE,EAAM,aAAa,EAAU,GAEtC,OAAO,EAAM,SAAS,MAAM,GAAY,EAAI,EAAM,SAAS,KAAK,MAAQ,OAG1E,MADA,GAAU,YAAc,GAAG,EAAU,YAC9B,EAET,IAAI,EAAuB,OAAO,mBAWlC,SAAS,EAAY,EAAO,CAC1B,OAAO,EAAM,eAAe,IAAU,OAAO,EAAM,MAAS,YAAc,cAAe,EAAM,MAAQ,EAAM,KAAK,YAAc,EAElI,SAAS,EAAW,EAAW,EAAY,CACzC,IAAM,EAAgB,CAAE,GAAG,GAC3B,IAAK,IAAM,KAAY,EAAY,CACjC,IAAM,EAAgB,EAAU,GAC1B,EAAiB,EAAW,GAC5B,EAAY,WAAW,KAAK,GAC9B,EACE,GAAiB,EACnB,EAAc,IAAa,GAAG,IAAS,CACrC,IAAM,EAAS,EAAe,GAAG,GAEjC,OADA,EAAc,GAAG,GACV,GAEA,IACT,EAAc,GAAY,GAEnB,IAAa,QACtB,EAAc,GAAY,CAAE,GAAG,EAAe,GAAG,GACxC,IAAa,cACtB,EAAc,GAAY,CAAC,EAAe,GAAgB,OAAO,SAAS,KAAK,MAGnF,MAAO,CAAE,GAAG,EAAW,GAAG,GAE5B,SAAS,EAAc,EAAS,CAC9B,IAAI,EAAS,OAAO,yBAAyB,EAAQ,MAAO,QAAQ,IAChE,EAAU,GAAU,mBAAoB,GAAU,EAAO,eAS7D,OARI,EACK,EAAQ,KAEjB,EAAS,OAAO,yBAAyB,EAAS,QAAQ,IAC1D,EAAU,GAAU,mBAAoB,GAAU,EAAO,eACrD,EACK,EAAQ,MAAM,IAEhB,EAAQ,MAAM,KAAO,EAAQ"}
+{"version":3,"file":"dist-BgkALM7U.js","names":[],"sources":["../node_modules/@radix-ui/react-compose-refs/dist/index.mjs","../node_modules/@radix-ui/react-slot/dist/index.mjs"],"sourcesContent":["// packages/react/compose-refs/src/compose-refs.tsx\nimport * as React from \"react\";\nfunction setRef(ref, value) {\n  if (typeof ref === \"function\") {\n    return ref(value);\n  } else if (ref !== null && ref !== void 0) {\n    ref.current = value;\n  }\n}\nfunction composeRefs(...refs) {\n  return (node) => {\n    let hasCleanup = false;\n    const cleanups = refs.map((ref) => {\n      const cleanup = setRef(ref, node);\n      if (!hasCleanup && typeof cleanup == \"function\") {\n        hasCleanup = true;\n      }\n      return cleanup;\n    });\n    if (hasCleanup) {\n      return () => {\n        for (let i = 0; i < cleanups.length; i++) {\n          const cleanup = cleanups[i];\n          if (typeof cleanup == \"function\") {\n            cleanup();\n          } else {\n            setRef(refs[i], null);\n          }\n        }\n      };\n    }\n  };\n}\nfunction useComposedRefs(...refs) {\n  return React.useCallback(composeRefs(...refs), refs);\n}\nexport {\n  composeRefs,\n  useComposedRefs\n};\n//# sourceMappingURL=index.mjs.map\n","// src/slot.tsx\nimport * as React from \"react\";\nimport { composeRefs } from \"@radix-ui/react-compose-refs\";\nimport { Fragment as Fragment2, jsx } from \"react/jsx-runtime\";\n// @__NO_SIDE_EFFECTS__\nfunction createSlot(ownerName) {\n  const SlotClone = /* @__PURE__ */ createSlotClone(ownerName);\n  const Slot2 = React.forwardRef((props, forwardedRef) => {\n    const { children, ...slotProps } = props;\n    const childrenArray = React.Children.toArray(children);\n    const slottable = childrenArray.find(isSlottable);\n    if (slottable) {\n      const newElement = slottable.props.children;\n      const newChildren = childrenArray.map((child) => {\n        if (child === slottable) {\n          if (React.Children.count(newElement) > 1) return React.Children.only(null);\n          return React.isValidElement(newElement) ? newElement.props.children : null;\n        } else {\n          return child;\n        }\n      });\n      return /* @__PURE__ */ jsx(SlotClone, { ...slotProps, ref: forwardedRef, children: React.isValidElement(newElement) ? React.cloneElement(newElement, void 0, newChildren) : null });\n    }\n    return /* @__PURE__ */ jsx(SlotClone, { ...slotProps, ref: forwardedRef, children });\n  });\n  Slot2.displayName = `${ownerName}.Slot`;\n  return Slot2;\n}\nvar Slot = /* @__PURE__ */ createSlot(\"Slot\");\n// @__NO_SIDE_EFFECTS__\nfunction createSlotClone(ownerName) {\n  const SlotClone = React.forwardRef((props, forwardedRef) => {\n    const { children, ...slotProps } = props;\n    if (React.isValidElement(children)) {\n      const childrenRef = getElementRef(children);\n      const props2 = mergeProps(slotProps, children.props);\n      if (children.type !== React.Fragment) {\n        props2.ref = forwardedRef ? composeRefs(forwardedRef, childrenRef) : childrenRef;\n      }\n      return React.cloneElement(children, props2);\n    }\n    return React.Children.count(children) > 1 ? React.Children.only(null) : null;\n  });\n  SlotClone.displayName = `${ownerName}.SlotClone`;\n  return SlotClone;\n}\nvar SLOTTABLE_IDENTIFIER = Symbol(\"radix.slottable\");\n// @__NO_SIDE_EFFECTS__\nfunction createSlottable(ownerName) {\n  const Slottable2 = ({ children }) => {\n    return /* @__PURE__ */ jsx(Fragment2, { children });\n  };\n  Slottable2.displayName = `${ownerName}.Slottable`;\n  Slottable2.__radixId = SLOTTABLE_IDENTIFIER;\n  return Slottable2;\n}\nvar Slottable = /* @__PURE__ */ createSlottable(\"Slottable\");\nfunction isSlottable(child) {\n  return React.isValidElement(child) && typeof child.type === \"function\" && \"__radixId\" in child.type && child.type.__radixId === SLOTTABLE_IDENTIFIER;\n}\nfunction mergeProps(slotProps, childProps) {\n  const overrideProps = { ...childProps };\n  for (const propName in childProps) {\n    const slotPropValue = slotProps[propName];\n    const childPropValue = childProps[propName];\n    const isHandler = /^on[A-Z]/.test(propName);\n    if (isHandler) {\n      if (slotPropValue && childPropValue) {\n        overrideProps[propName] = (...args) => {\n          const result = childPropValue(...args);\n          slotPropValue(...args);\n          return result;\n        };\n      } else if (slotPropValue) {\n        overrideProps[propName] = slotPropValue;\n      }\n    } else if (propName === \"style\") {\n      overrideProps[propName] = { ...slotPropValue, ...childPropValue };\n    } else if (propName === \"className\") {\n      overrideProps[propName] = [slotPropValue, childPropValue].filter(Boolean).join(\" \");\n    }\n  }\n  return { ...slotProps, ...overrideProps };\n}\nfunction getElementRef(element) {\n  let getter = Object.getOwnPropertyDescriptor(element.props, \"ref\")?.get;\n  let mayWarn = getter && \"isReactWarning\" in getter && getter.isReactWarning;\n  if (mayWarn) {\n    return element.ref;\n  }\n  getter = Object.getOwnPropertyDescriptor(element, \"ref\")?.get;\n  mayWarn = getter && \"isReactWarning\" in getter && getter.isReactWarning;\n  if (mayWarn) {\n    return element.props.ref;\n  }\n  return element.props.ref || element.ref;\n}\nexport {\n  Slot as Root,\n  Slot,\n  Slottable,\n  createSlot,\n  createSlottable\n};\n//# sourceMappingURL=index.mjs.map\n"],"x_google_ignoreList":[0,1],"mappings":"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"}

package/dist/dist-CAevLI5t.cjs

@@ -0,0 +1,2 @@
+const e=require(`./chunk-CUT6urMc.cjs`);let t=require(`react`);t=e.__toESM(t);let n=require(`react/jsx-runtime`);n=e.__toESM(n);function r(e,t){if(typeof e==`function`)return e(t);e!=null&&(e.current=t)}function i(...e){return t=>{let n=!1,i=e.map(e=>{let i=r(e,t);return!n&&typeof i==`function`&&(n=!0),i});if(n)return()=>{for(let t=0;t<i.length;t++){let n=i[t];typeof n==`function`?n():r(e[t],null)}}}}function a(e){let r=s(e),i=t.forwardRef((e,i)=>{let{children:a,...o}=e,s=t.Children.toArray(a),c=s.find(l);if(c){let e=c.props.children,a=s.map(n=>n===c?t.Children.count(e)>1?t.Children.only(null):t.isValidElement(e)?e.props.children:null:n);return(0,n.jsx)(r,{...o,ref:i,children:t.isValidElement(e)?t.cloneElement(e,void 0,a):null})}return(0,n.jsx)(r,{...o,ref:i,children:a})});return i.displayName=`${e}.Slot`,i}var o=a(`Slot`);function s(e){let n=t.forwardRef((e,n)=>{let{children:r,...a}=e;if(t.isValidElement(r)){let e=d(r),o=u(a,r.props);return r.type!==t.Fragment&&(o.ref=n?i(n,e):e),t.cloneElement(r,o)}return t.Children.count(r)>1?t.Children.only(null):null});return n.displayName=`${e}.SlotClone`,n}var c=Symbol(`radix.slottable`);function l(e){return t.isValidElement(e)&&typeof e.type==`function`&&`__radixId`in e.type&&e.type.__radixId===c}function u(e,t){let n={...t};for(let r in t){let i=e[r],a=t[r];/^on[A-Z]/.test(r)?i&&a?n[r]=(...e)=>{let t=a(...e);return i(...e),t}:i&&(n[r]=i):r===`style`?n[r]={...i,...a}:r===`className`&&(n[r]=[i,a].filter(Boolean).join(` `))}return{...e,...n}}function d(e){let t=Object.getOwnPropertyDescriptor(e.props,`ref`)?.get,n=t&&`isReactWarning`in t&&t.isReactWarning;return n?e.ref:(t=Object.getOwnPropertyDescriptor(e,`ref`)?.get,n=t&&`isReactWarning`in t&&t.isReactWarning,n?e.props.ref:e.props.ref||e.ref)}Object.defineProperty(exports,`Slot`,{enumerable:!0,get:function(){return o}});
+//# sourceMappingURL=dist-CAevLI5t.cjs.map