@customafk/lunas-ui 0.0.41 → 0.0.43

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

@@ -1 +1 @@
-"use client";import"../../../utils-D9AH0PUV.js";import"../../../tooltip-CaqA5ydI.js";import"../../../button-tXV0dTFU.js";import"../../../input-DgJVc3kt.js";import"../../../separator-aLdI4FQe.js";import"../../../sheet-DqPtcv9H.js";import"../../../skeleton-BSi1n1L2.js";import"../../../use-mobile-CNVZwItd.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-3aHCC_OD.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"../../../utils-D9AH0PUV.js";import"../../../tooltip-CaqA5ydI.js";import"../../../button-tXV0dTFU.js";import"../../../input-DgJVc3kt.js";import"../../../separator-aLdI4FQe.js";import"../../../sheet-DqPtcv9H.js";import"../../../skeleton-BSi1n1L2.js";import"../../../use-mobile-CNVZwItd.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-CUDxSzag.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(`../../utils-BsjVK5EW.cjs`);const t=require(`../../flex-CNA_SId-.cjs`),n=require(`../../date-nd8WkPlx.cjs`);require(`../../tooltip-D7xs4Hao.cjs`),require(`../../button-Cg9ZsZ68.cjs`);const r=require(`../../dialog-CguMVyyd.cjs`);require(`../../input-C2xQcVZP.cjs`);const i=require(`../../title-6Uosk2b4.cjs`);require(`../../separator-Cigaqna1.cjs`),require(`../../sheet-CX3PajAc.cjs`),require(`../../skeleton-tNlCAW9R.cjs`),require(`../../use-mobile-DD7ESbjU.cjs`);const a=require(`../../sidebar-3ZtESIIQ.cjs`),o=e.__toESM(require(`react/jsx-runtime`)),s=e.__toESM(require(`lucide-react`)),c=()=>(0,o.jsxs)(r.DialogHeader,{className:`sr-only`,children:[(0,o.jsx)(r.DialogTitle,{className:`sr-only`}),(0,o.jsx)(r.DialogDescription,{className:`sr-only`})]}),l=({children:e})=>(0,o.jsx)(`main`,{className:`relative flex h-full flex-1 flex-col`,children:(0,o.jsx)(t.Flex,{padding:`none`,gap:`none`,vertical:!0,width:`full`,align:`stretch`,className:`absolute inset-0 h-full`,children:e})}),u=({title:e,createdAt:r})=>(0,o.jsxs)(`header`,{className:`bg-card relative flex items-start gap-x-2.5 px-2 py-2.5`,children:[(0,o.jsx)(a.DetailDialogSidebarTrigger,{}),(0,o.jsxs)(t.Flex,{vertical:!0,align:`start`,padding:`none`,className:`flex-1`,children:[(0,o.jsx)(i.Title,{level:5,children:e||`Detail Dialog`}),(0,o.jsxs)(t.Flex,{padding:`none`,className:`text-text-positive-weak`,children:[(0,o.jsx)(s.CalendarIcon,{size:12}),!!r&&(0,o.jsx)(n.DateDisplay,{showTime:!0,showHoliday:!0,date:r,format:`full`})]})]})]}),d=({children:e})=>(0,o.jsx)(r.DialogContent,{className:`relative h-full max-h-[90svh] overflow-hidden rounded-lg border-none p-0 sm:max-w-[calc(100svw-2rem)]`,onInteractOutside:e=>{e.preventDefault(),e.stopPropagation()},children:e}),f=({title:e,sidebarFooter:t,children:n})=>(0,o.jsxs)(a.Sidebar,{collapsible:`icon`,className:`shadow-nav z-20 hidden md:flex`,children:[(0,o.jsx)(a.DetailDialogSidebarHeader,{children:(0,o.jsx)(a.DetailDialogSidebarMenu,{children:(0,o.jsx)(a.DetailDialogSidebarMenuItem,{children:(0,o.jsxs)(a.DetailDialogSidebarMenuButton,{size:`lg`,tabIndex:-1,children:[(0,o.jsx)(`div`,{className:`bg-sidebar-primary text-sidebar-primary-foreground flex aspect-square size-8 items-center justify-center rounded-lg`,children:(0,o.jsx)(s.CatIcon,{size:16})}),(0,o.jsxs)(`div`,{className:`grid flex-1 text-left text-sm leading-tight`,children:[(0,o.jsx)(`span`,{className:`truncate font-medium`,children:e||`Detail Dialog`}),(0,o.jsx)(`span`,{className:`truncate text-xs`,children:`Lunas Enterprise`})]})]})})})}),(0,o.jsx)(a.DetailDialogSidebarContent,{children:(0,o.jsx)(a.DetailDialogSidebarGroup,{children:n})}),t&&(0,o.jsx)(a.DetailDialogSidebarFooter,{children:t})]}),p=({open:e,isLoading:n=!1,sidebarTitle:i,sidebar:s,sidebarFooter:p,title:m,createdAt:h,onOpenChange:g,children:_})=>(0,o.jsx)(r.Dialog,{open:e,onOpenChange:g,children:(0,o.jsxs)(d,{children:[(0,o.jsx)(c,{}),(0,o.jsxs)(a.SidebarProvider,{className:`h-full min-h-[85svh] items-start`,children:[(0,o.jsx)(f,{title:i,sidebarFooter:p,children:s}),(0,o.jsxs)(l,{children:[(0,o.jsx)(u,{title:m,createdAt:h}),n?(0,o.jsx)(t.Flex,{justify:`center`,className:`bg-muted-muted size-full inset-shadow-sm`,children:(0,o.jsx)(`div`,{className:`loader`})}):(0,o.jsx)(`section`,{className:`bg-muted-muted relative flex-1 overflow-y-auto inset-shadow-sm`,children:_})]})]})]})});exports.DetailDialog=p;
+const e=require(`../../chunk-CUT6urMc.cjs`),t=require(`../../utils-BsjVK5EW.cjs`);require(`../../card-BDtW5n7z.cjs`);const n=require(`../../flex-DnFMe9kC.cjs`),r=require(`../../date-nd8WkPlx.cjs`);require(`../../tooltip-D7xs4Hao.cjs`),require(`../../button-Cg9ZsZ68.cjs`);const i=require(`../../dialog-CguMVyyd.cjs`);require(`../../input-C2xQcVZP.cjs`);const a=require(`../../title-6Uosk2b4.cjs`);require(`../../separator-Cigaqna1.cjs`),require(`../../sheet-CX3PajAc.cjs`),require(`../../skeleton-tNlCAW9R.cjs`),require(`../../use-mobile-DD7ESbjU.cjs`);const o=require(`../../sidebar-B8vyPsEX.cjs`),s=e.__toESM(require(`react/jsx-runtime`)),c=e.__toESM(require(`lucide-react`)),l=()=>(0,s.jsxs)(i.DialogHeader,{className:`sr-only`,children:[(0,s.jsx)(i.DialogTitle,{className:`sr-only`}),(0,s.jsx)(i.DialogDescription,{className:`sr-only`})]}),u=({children:e})=>(0,s.jsx)(`main`,{"data-slot":`detail-dialog-main`,className:`relative h-full flex-1`,children:(0,s.jsx)(n.Flex,{padding:`none`,gap:`none`,vertical:!0,align:`stretch`,className:`absolute inset-0 size-full`,children:e})}),d=({title:e,createdAt:t})=>(0,s.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,s.jsx)(o.DetailDialogSidebarTrigger,{}),(0,s.jsxs)(n.Flex,{vertical:!0,align:`start`,padding:`none`,width:`null`,wrap:!1,className:`flex-1`,children:[(0,s.jsx)(a.Title,{level:5,className:`line-clamp-1 truncate text-wrap`,children:e||`Detail Dialog`}),(0,s.jsxs)(n.Flex,{padding:`none`,className:`text-text-positive-weak relative`,children:[(0,s.jsx)(c.CalendarIcon,{size:12,className:`absolute top-0.5 md:top-1`}),!!t&&(0,s.jsx)(r.DateDisplay,{showTime:!0,showHoliday:!0,date:t,format:`full`,className:`ml-4 text-xs md:text-sm`})]})]})]}),f=({children:e})=>(0,s.jsx)(i.DialogContent,{className:t.cn(`relative h-full overflow-hidden border-none p-0`,`rounded-none md:rounded-lg`,`max-h-svh max-w-svw`,`md:max-h-[90svh] md:max-w-[90svw]`,`xl:max-h-[90svh] xl:max-w-[90svw]`,`2xl:max-h-[90svh] 2xl:max-w-7xl`),onInteractOutside:e=>{e.preventDefault(),e.stopPropagation()},children:e}),p=({title:e,sidebarFooter:t,children:n})=>(0,s.jsxs)(o.Sidebar,{collapsible:`icon`,className:`shadow-nav z-20 hidden md:flex`,children:[(0,s.jsx)(o.DetailDialogSidebarHeader,{children:(0,s.jsx)(o.DetailDialogSidebarMenu,{children:(0,s.jsx)(o.DetailDialogSidebarMenuItem,{children:(0,s.jsxs)(o.DetailDialogSidebarMenuButton,{size:`lg`,tabIndex:-1,children:[(0,s.jsx)(`div`,{className:`bg-sidebar-primary text-sidebar-primary-foreground flex aspect-square size-8 items-center justify-center rounded-lg`,children:(0,s.jsx)(c.CatIcon,{size:16})}),(0,s.jsxs)(`div`,{className:`grid flex-1 text-left text-sm leading-tight`,children:[(0,s.jsx)(`span`,{className:`truncate font-medium`,children:e||`Detail Dialog`}),(0,s.jsx)(`span`,{className:`truncate text-xs`,children:`Lunas Enterprise`})]})]})})})}),(0,s.jsx)(o.DetailDialogSidebarContent,{children:(0,s.jsx)(o.DetailDialogSidebarGroup,{children:n})}),t&&(0,s.jsx)(o.DetailDialogSidebarFooter,{children:t})]}),m=({open:e,isLoading:t=!1,sidebarTitle:r,sidebar:a,sidebarFooter:c,title:m,createdAt:h,onOpenChange:g,children:_})=>(0,s.jsx)(i.Dialog,{open:e,onOpenChange:g,children:(0,s.jsxs)(f,{children:[(0,s.jsx)(l,{}),(0,s.jsxs)(o.SidebarProvider,{className:`h-full min-h-[85svh] items-start`,children:[(0,s.jsx)(p,{title:r,sidebarFooter:c,children:a}),(0,s.jsxs)(u,{children:[(0,s.jsx)(d,{title:m,createdAt:h}),t?(0,s.jsx)(n.Flex,{justify:`center`,className:`bg-muted-muted w-full flex-1 inset-shadow-sm`,children:(0,s.jsx)(`div`,{className:`loader`})}):(0,s.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<\n  React.PropsWithChildren<{\n    title: string\n    createdAt?: string | Date | number\n  }>\n>","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'\n\nimport { DetailDialogSidebarTrigger } from './sidebar'\n\nexport const DetailDialogMain: React.FC<React.PropsWithChildren> = ({ children }) => {\n  return (\n    <main className=\"relative flex h-full flex-1 flex-col\">\n      <Flex padding=\"none\" gap=\"none\" vertical width=\"full\" align=\"stretch\" className=\"absolute inset-0 h-full\">\n        {children}\n      </Flex>\n    </main>\n  )\n}\n\nexport const DetailDialogMainHeader: React.FC<\n  React.PropsWithChildren<{\n    title: string\n    createdAt?: string | Date | number\n  }>\n> = ({ title, createdAt }) => {\n  return (\n    <header className=\"bg-card relative flex items-start gap-x-2.5 px-2 py-2.5\">\n      <DetailDialogSidebarTrigger />\n      <Flex vertical align=\"start\" padding=\"none\" className=\"flex-1\">\n        <Title level={5}>{title || 'Detail Dialog'}</Title>\n        <Flex padding=\"none\" className=\"text-text-positive-weak\">\n          <CalendarIcon size={12} />\n          {!!createdAt && <DateDisplay showTime showHoliday date={createdAt} format=\"full\" />}\n        </Flex>\n      </Flex>\n    </header>\n  )\n}\n","import { DialogContent } from '@/components/ui/dialog'\n\nexport const DetailDialogWrapper: React.FC<React.PropsWithChildren> = ({ children }) => {\n  return (\n    <DialogContent\n      className=\"relative h-full max-h-[90svh] overflow-hidden rounded-lg border-none p-0 sm:max-w-[calc(100svw-2rem)]\"\n      onInteractOutside={(e) => {\n        e.preventDefault()\n        e.stopPropagation()\n      }}\n    >\n      {children}\n    </DialogContent>\n  )\n}\n","import { CatIcon } from 'lucide-react'\n\nimport { Flex } from '@/components/layouts/flex'\nimport { Dialog } from '@/components/ui/dialog'\n\nimport { DetailDialogHeader } from './component/header'\nimport { DetailDialogMain, DetailDialogMainHeader } from './component/main'\nimport {\n  Sidebar,\n  SidebarProvider,\n  DetailDialogSidebarContent,\n  DetailDialogSidebarFooter,\n  DetailDialogSidebarGroup,\n  DetailDialogSidebarHeader,\n  DetailDialogSidebarMenu,\n  DetailDialogSidebarMenuButton,\n  DetailDialogSidebarMenuItem,\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-[85svh] 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 size-full inset-shadow-sm\">\n                <div className=\"loader\" />\n              </Flex>\n            ) : (\n              <section className=\"bg-muted-muted relative flex-1 overflow-y-auto inset-shadow-sm\">{children}</section>\n            )}\n          </DetailDialogMain>\n        </SidebarProvider>\n      </DetailDialogWrapper>\n    </Dialog>\n  )\n}\n"],"mappings":"ioBAEa,OAET,EAAA,EAAA,MAACA,EAAAA,aAAAA,CAAa,UAAU,qBACtB,EAAA,EAAA,KAACC,EAAAA,YAAAA,CAAY,UAAU,aACvB,EAAA,EAAA,KAACC,EAAAA,kBAAAA,CAAkB,UAAU,eCEtBC,GAAuD,CAAE,eAElE,EAAA,EAAA,KAAC,OAAA,CAAK,UAAU,iDACd,EAAA,EAAA,KAACsB,EAAAA,KAAAA,CAAK,QAAQ,OAAO,IAAI,OAAO,SAAA,GAAS,MAAM,OAAO,MAAM,UAAU,UAAU,0BAC7E,eAMIpB,GAKR,CAAE,QAAO,gBAEV,EAAA,EAAA,MAAC,SAAA,CAAO,UAAU,qEAChB,EAAA,EAAA,KAACC,EAAAA,2BAAAA,KACD,EAAA,EAAA,MAACmB,EAAAA,KAAAA,CAAK,SAAA,GAAS,MAAM,QAAQ,QAAQ,OAAO,UAAU,oBACpD,EAAA,EAAA,KAAClB,EAAAA,MAAAA,CAAM,MAAO,WAAI,GAAS,mBAC3B,EAAA,EAAA,MAACkB,EAAAA,KAAAA,CAAK,QAAQ,OAAO,UAAU,qCAC7B,EAAA,EAAA,KAACjB,EAAAA,aAAAA,CAAa,KAAM,KACnB,CAAC,CAAC,IAAa,EAAA,EAAA,KAACC,EAAAA,YAAAA,CAAY,SAAA,GAAS,YAAA,GAAY,KAAM,EAAW,OAAO,kBC7BvEC,GAA0D,CAAE,eAErE,EAAA,EAAA,KAACC,EAAAA,cAAAA,CACC,UAAU,wGACV,kBAAoB,GAAM,CACxB,EAAE,iBACF,EAAE,mBAGH,aCSDC,GAA+G,CAAE,QAAO,gBAAe,eAEzI,EAAA,EAAA,MAACC,EAAAA,QAAAA,CAAQ,YAAY,OAAO,UAAU,4CACpC,EAAA,EAAA,KAACC,EAAAA,0BAAAA,CAAAA,UACC,EAAA,EAAA,KAACC,EAAAA,wBAAAA,CAAAA,UACC,EAAA,EAAA,KAACC,EAAAA,4BAAAA,CAAAA,UACC,EAAA,EAAA,MAACC,EAAAA,8BAAAA,CAA8B,KAAK,KAAK,SAAU,cACjD,EAAA,EAAA,KAAC,MAAA,CAAI,UAAU,gIACb,EAAA,EAAA,KAACC,EAAAA,QAAAA,CAAQ,KAAM,QAEjB,EAAA,EAAA,MAAC,MAAA,CAAI,UAAU,yDACb,EAAA,EAAA,KAAC,OAAA,CAAK,UAAU,gCAAwB,GAAS,mBACjD,EAAA,EAAA,KAAC,OAAA,CAAK,UAAU,4BAAmB,kCAM7C,EAAA,EAAA,KAACC,EAAAA,2BAAAA,CAAAA,UACC,EAAA,EAAA,KAACC,EAAAA,yBAAAA,CAA0B,eAE5B,IAAiB,EAAA,EAAA,KAACC,EAAAA,0BAAAA,CAAAA,SAA2B,OAevCC,GAA0D,CACrE,OACA,YAAY,GACZ,eACA,UACA,gBACA,QACA,YACA,eACA,eAGE,EAAA,EAAA,KAACC,EAAAA,OAAAA,CAAa,OAAoB,yBAChC,EAAA,EAAA,MAAC,EAAA,CAAA,SAAA,EACC,EAAA,EAAA,KAAC,EAAA,KACD,EAAA,EAAA,MAACC,EAAAA,gBAAAA,CAAgB,UAAU,8CACzB,EAAA,EAAA,KAAC,EAAA,CAAoB,MAAO,EAA6B,gBAAe,SAAU,KAClF,EAAA,EAAA,MAAC,EAAA,CAAA,SAAA,EACC,EAAA,EAAA,KAAC,EAAA,CAA8B,QAAkB,cAChD,GACC,EAAA,EAAA,KAACC,EAAAA,KAAAA,CAAK,QAAQ,SAAS,UAAU,qDAC/B,EAAA,EAAA,KAAC,MAAA,CAAI,UAAU,cAGjB,EAAA,EAAA,KAAC,UAAA,CAAQ,UAAU,iEAAkE"}
+{"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","cn","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'\n\nimport { DetailDialogSidebarTrigger } from './sidebar'\nimport { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card'\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 { DialogContent } from '@/components/ui/dialog'\nimport { cn } from '@/lib/utils'\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-svh max-w-svw',\n        'md:max-h-[90svh] md:max-w-[90svw]',\n        'xl:max-h-[90svh] xl:max-w-[90svw]',\n        '2xl:max-h-[90svh] 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  Sidebar,\n  SidebarProvider,\n  DetailDialogSidebarContent,\n  DetailDialogSidebarFooter,\n  DetailDialogSidebarGroup,\n  DetailDialogSidebarHeader,\n  DetailDialogSidebarMenu,\n  DetailDialogSidebarMenuButton,\n  DetailDialogSidebarMenuItem,\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-[85svh] 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":"sqBAEa,OAET,EAAA,EAAA,MAACA,EAAAA,aAAAA,CAAa,UAAU,qBACtB,EAAA,EAAA,KAACC,EAAAA,YAAAA,CAAY,UAAU,aACvB,EAAA,EAAA,KAACC,EAAAA,kBAAAA,CAAkB,UAAU,eCGtBC,GAAuD,CAAE,eACpE,EAAA,EAAA,KAAC,OAAA,CAAK,YAAU,qBAAqB,UAAU,mCAC7C,EAAA,EAAA,KAACuB,EAAAA,KAAAA,CAAK,QAAQ,OAAO,IAAI,OAAO,SAAA,GAAS,MAAM,UAAU,UAAU,6BAChE,eASMrB,GAA0F,CAAE,QAAO,gBAC9G,EAAA,EAAA,MAAC,SAAA,CAAO,UAAU,4GAChB,EAAA,EAAA,KAACC,EAAAA,2BAAAA,KACD,EAAA,EAAA,MAACoB,EAAAA,KAAAA,CAAK,SAAA,GAAS,MAAM,QAAQ,QAAQ,OAAO,MAAM,OAAO,KAAM,GAAO,UAAU,oBAC9E,EAAA,EAAA,KAACnB,EAAAA,MAAAA,CAAM,MAAO,EAAG,UAAU,2CACxB,GAAS,mBAEZ,EAAA,EAAA,MAACmB,EAAAA,KAAAA,CAAK,QAAQ,OAAO,UAAU,8CAC7B,EAAA,EAAA,KAAClB,EAAAA,aAAAA,CAAa,KAAM,GAAI,UAAU,8BACjC,CAAC,CAAC,IAAa,EAAA,EAAA,KAACC,EAAAA,YAAAA,CAAY,SAAA,GAAS,YAAA,GAAY,KAAM,EAAW,OAAO,OAAO,UAAU,qCC3BtFC,GAA0D,CAAE,eAErE,EAAA,EAAA,KAACC,EAAAA,cAAAA,CACC,UAAWC,EAAAA,GACT,kDACA,6BACA,sBACA,oCACA,oCACA,mCAEF,kBAAoB,GAAM,CACxB,EAAE,iBACF,EAAE,mBAGH,aCCDC,GAA+G,CAAE,QAAO,gBAAe,eAEzI,EAAA,EAAA,MAACC,EAAAA,QAAAA,CAAQ,YAAY,OAAO,UAAU,4CACpC,EAAA,EAAA,KAACC,EAAAA,0BAAAA,CAAAA,UACC,EAAA,EAAA,KAACC,EAAAA,wBAAAA,CAAAA,UACC,EAAA,EAAA,KAACC,EAAAA,4BAAAA,CAAAA,UACC,EAAA,EAAA,MAACC,EAAAA,8BAAAA,CAA8B,KAAK,KAAK,SAAU,cACjD,EAAA,EAAA,KAAC,MAAA,CAAI,UAAU,gIACb,EAAA,EAAA,KAACC,EAAAA,QAAAA,CAAQ,KAAM,QAEjB,EAAA,EAAA,MAAC,MAAA,CAAI,UAAU,yDACb,EAAA,EAAA,KAAC,OAAA,CAAK,UAAU,gCAAwB,GAAS,mBACjD,EAAA,EAAA,KAAC,OAAA,CAAK,UAAU,4BAAmB,kCAM7C,EAAA,EAAA,KAACC,EAAAA,2BAAAA,CAAAA,UACC,EAAA,EAAA,KAACC,EAAAA,yBAAAA,CAA0B,eAE5B,IAAiB,EAAA,EAAA,KAACC,EAAAA,0BAAAA,CAAAA,SAA2B,OAevCC,GAA0D,CACrE,OACA,YAAY,GACZ,eACA,UACA,gBACA,QACA,YACA,eACA,eAGE,EAAA,EAAA,KAACC,EAAAA,OAAAA,CAAa,OAAoB,yBAChC,EAAA,EAAA,MAAC,EAAA,CAAA,SAAA,EACC,EAAA,EAAA,KAAC,EAAA,KACD,EAAA,EAAA,MAACC,EAAAA,gBAAAA,CAAgB,UAAU,8CACzB,EAAA,EAAA,KAAC,EAAA,CAAoB,MAAO,EAA6B,gBAAe,SAAU,KAClF,EAAA,EAAA,MAAC,EAAA,CAAA,SAAA,EACC,EAAA,EAAA,KAAC,EAAA,CAA8B,QAAkB,cAChD,GACC,EAAA,EAAA,KAACC,EAAAA,KAAAA,CAAK,QAAQ,SAAS,UAAU,yDAC/B,EAAA,EAAA,KAAC,MAAA,CAAI,UAAU,cAGjB,EAAA,EAAA,KAAC,UAAA,CAAQ,UAAU,4FAA6F"}

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

@@ -1,2 +1,2 @@
-import"../../utils-D9AH0PUV.js";import{Flex as e}from"../../flex-ILvQrYMJ.js";import{DateDisplay as t}from"../../date-BMq_DNsv.js";import"../../tooltip-CaqA5ydI.js";import"../../button-tXV0dTFU.js";import{Dialog as n,DialogContent as r,DialogDescription as i,DialogHeader as a,DialogTitle as o}from"../../dialog-YTzM43YA.js";import"../../input-DgJVc3kt.js";import{Title as s}from"../../title-CxIwADiB.js";import"../../separator-aLdI4FQe.js";import"../../sheet-DqPtcv9H.js";import"../../skeleton-BSi1n1L2.js";import"../../use-mobile-CNVZwItd.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-3aHCC_OD.js";import{jsx as v,jsxs as y}from"react/jsx-runtime";import{CalendarIcon as b,CatIcon as x}from"lucide-react";const S=()=>y(a,{className:`sr-only`,children:[v(o,{className:`sr-only`}),v(i,{className:`sr-only`})]}),C=({children:t})=>v(`main`,{className:`relative flex h-full flex-1 flex-col`,children:v(e,{padding:`none`,gap:`none`,vertical:!0,width:`full`,align:`stretch`,className:`absolute inset-0 h-full`,children:t})}),w=({title:n,createdAt:r})=>y(`header`,{className:`bg-card relative flex items-start gap-x-2.5 px-2 py-2.5`,children:[v(h,{}),y(e,{vertical:!0,align:`start`,padding:`none`,className:`flex-1`,children:[v(s,{level:5,children:n||`Detail Dialog`}),y(e,{padding:`none`,className:`text-text-positive-weak`,children:[v(b,{size:12}),!!r&&v(t,{showTime:!0,showHoliday:!0,date:r,format:`full`})]})]})]}),T=({children:e})=>v(r,{className:`relative h-full max-h-[90svh] overflow-hidden rounded-lg border-none p-0 sm:max-w-[calc(100svw-2rem)]`,onInteractOutside:e=>{e.preventDefault(),e.stopPropagation()},children:e}),E=({title:e,sidebarFooter:t,children:n})=>y(g,{collapsible:`icon`,className:`shadow-nav z-20 hidden md:flex`,children:[v(d,{children:v(f,{children:v(m,{children:y(p,{size:`lg`,tabIndex:-1,children:[v(`div`,{className:`bg-sidebar-primary text-sidebar-primary-foreground flex aspect-square size-8 items-center justify-center rounded-lg`,children:v(x,{size:16})}),y(`div`,{className:`grid flex-1 text-left text-sm leading-tight`,children:[v(`span`,{className:`truncate font-medium`,children:e||`Detail Dialog`}),v(`span`,{className:`truncate text-xs`,children:`Lunas Enterprise`})]})]})})})}),v(c,{children:v(u,{children:n})}),t&&v(l,{children:t})]}),D=({open:t,isLoading:r=!1,sidebarTitle:i,sidebar:a,sidebarFooter:o,title:s,createdAt:c,onOpenChange:l,children:u})=>v(n,{open:t,onOpenChange:l,children:y(T,{children:[v(S,{}),y(_,{className:`h-full min-h-[85svh] items-start`,children:[v(E,{title:i,sidebarFooter:o,children:a}),y(C,{children:[v(w,{title:s,createdAt:c}),r?v(e,{justify:`center`,className:`bg-muted-muted size-full inset-shadow-sm`,children:v(`div`,{className:`loader`})}):v(`section`,{className:`bg-muted-muted relative flex-1 overflow-y-auto inset-shadow-sm`,children:u})]})]})]})});export{D as DetailDialog};
+import{cn as e}from"../../utils-D9AH0PUV.js";import"../../card-C17NWErE.js";import{Flex as t}from"../../flex-CbkTJwcD.js";import{DateDisplay as n}from"../../date-BMq_DNsv.js";import"../../tooltip-CaqA5ydI.js";import"../../button-tXV0dTFU.js";import{Dialog as r,DialogContent as i,DialogDescription as a,DialogHeader as o,DialogTitle as s}from"../../dialog-YTzM43YA.js";import"../../input-DgJVc3kt.js";import{Title as c}from"../../title-CxIwADiB.js";import"../../separator-aLdI4FQe.js";import"../../sheet-DqPtcv9H.js";import"../../skeleton-BSi1n1L2.js";import"../../use-mobile-CNVZwItd.js";import{DetailDialogSidebarContent as l,DetailDialogSidebarFooter as u,DetailDialogSidebarGroup as d,DetailDialogSidebarHeader as f,DetailDialogSidebarMenu as p,DetailDialogSidebarMenuButton as m,DetailDialogSidebarMenuItem as h,DetailDialogSidebarTrigger as g,Sidebar as _,SidebarProvider as v}from"../../sidebar-CUDxSzag.js";import{jsx as y,jsxs as b}from"react/jsx-runtime";import{CalendarIcon as x,CatIcon as S}from"lucide-react";const C=()=>b(o,{className:`sr-only`,children:[y(s,{className:`sr-only`}),y(a,{className:`sr-only`})]}),w=({children:e})=>y(`main`,{"data-slot":`detail-dialog-main`,className:`relative h-full flex-1`,children:y(t,{padding:`none`,gap:`none`,vertical:!0,align:`stretch`,className:`absolute inset-0 size-full`,children:e})}),T=({title:e,createdAt:r})=>b(`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:[y(g,{}),b(t,{vertical:!0,align:`start`,padding:`none`,width:`null`,wrap:!1,className:`flex-1`,children:[y(c,{level:5,className:`line-clamp-1 truncate text-wrap`,children:e||`Detail Dialog`}),b(t,{padding:`none`,className:`text-text-positive-weak relative`,children:[y(x,{size:12,className:`absolute top-0.5 md:top-1`}),!!r&&y(n,{showTime:!0,showHoliday:!0,date:r,format:`full`,className:`ml-4 text-xs md:text-sm`})]})]})]}),E=({children:t})=>y(i,{className:e(`relative h-full overflow-hidden border-none p-0`,`rounded-none md:rounded-lg`,`max-h-svh max-w-svw`,`md:max-h-[90svh] md:max-w-[90svw]`,`xl:max-h-[90svh] xl:max-w-[90svw]`,`2xl:max-h-[90svh] 2xl:max-w-7xl`),onInteractOutside:e=>{e.preventDefault(),e.stopPropagation()},children:t}),D=({title:e,sidebarFooter:t,children:n})=>b(_,{collapsible:`icon`,className:`shadow-nav z-20 hidden md:flex`,children:[y(f,{children:y(p,{children:y(h,{children:b(m,{size:`lg`,tabIndex:-1,children:[y(`div`,{className:`bg-sidebar-primary text-sidebar-primary-foreground flex aspect-square size-8 items-center justify-center rounded-lg`,children:y(S,{size:16})}),b(`div`,{className:`grid flex-1 text-left text-sm leading-tight`,children:[y(`span`,{className:`truncate font-medium`,children:e||`Detail Dialog`}),y(`span`,{className:`truncate text-xs`,children:`Lunas Enterprise`})]})]})})})}),y(l,{children:y(d,{children:n})}),t&&y(u,{children:t})]}),O=({open:e,isLoading:n=!1,sidebarTitle:i,sidebar:a,sidebarFooter:o,title:s,createdAt:c,onOpenChange:l,children:u})=>y(r,{open:e,onOpenChange:l,children:b(E,{children:[y(C,{}),b(v,{className:`h-full min-h-[85svh] items-start`,children:[y(D,{title:i,sidebarFooter:o,children:a}),b(w,{children:[y(T,{title:s,createdAt:c}),n?y(t,{justify:`center`,className:`bg-muted-muted w-full flex-1 inset-shadow-sm`,children:y(`div`,{className:`loader`})}):y(`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<\n  React.PropsWithChildren<{\n    title: string\n    createdAt?: string | Date | number\n  }>\n>","DetailDialogWrapper: React.FC<React.PropsWithChildren>","DetailDialogSidebar: React.FC<React.PropsWithChildren<{ title?: string; sidebarFooter?: React.ReactNode }>>","DetailDialog: React.FC<React.PropsWithChildren<Props>>"],"sources":["../../../packages/components/dialogs/detail-dialog/component/header.tsx","../../../packages/components/dialogs/detail-dialog/component/main.tsx","../../../packages/components/dialogs/detail-dialog/component/wrapper.tsx","../../../packages/components/dialogs/detail-dialog/index.tsx"],"sourcesContent":["import { DialogDescription, DialogHeader, DialogTitle } from '@/components/ui/dialog'\n\nexport const DetailDialogHeader = () => {\n  return (\n    <DialogHeader className=\"sr-only\">\n      <DialogTitle className=\"sr-only\"></DialogTitle>\n      <DialogDescription className=\"sr-only\"></DialogDescription>\n    </DialogHeader>\n  )\n}\n","import { CalendarIcon } from 'lucide-react'\n\nimport { DateDisplay } from '@/components/data-display/date'\nimport { Flex } from '@/components/layouts/flex'\nimport { Title } from '@/components/typography/title'\n\nimport { DetailDialogSidebarTrigger } from './sidebar'\n\nexport const DetailDialogMain: React.FC<React.PropsWithChildren> = ({ children }) => {\n  return (\n    <main className=\"relative flex h-full flex-1 flex-col\">\n      <Flex padding=\"none\" gap=\"none\" vertical width=\"full\" align=\"stretch\" className=\"absolute inset-0 h-full\">\n        {children}\n      </Flex>\n    </main>\n  )\n}\n\nexport const DetailDialogMainHeader: React.FC<\n  React.PropsWithChildren<{\n    title: string\n    createdAt?: string | Date | number\n  }>\n> = ({ title, createdAt }) => {\n  return (\n    <header className=\"bg-card relative flex items-start gap-x-2.5 px-2 py-2.5\">\n      <DetailDialogSidebarTrigger />\n      <Flex vertical align=\"start\" padding=\"none\" className=\"flex-1\">\n        <Title level={5}>{title || 'Detail Dialog'}</Title>\n        <Flex padding=\"none\" className=\"text-text-positive-weak\">\n          <CalendarIcon size={12} />\n          {!!createdAt && <DateDisplay showTime showHoliday date={createdAt} format=\"full\" />}\n        </Flex>\n      </Flex>\n    </header>\n  )\n}\n","import { DialogContent } from '@/components/ui/dialog'\n\nexport const DetailDialogWrapper: React.FC<React.PropsWithChildren> = ({ children }) => {\n  return (\n    <DialogContent\n      className=\"relative h-full max-h-[90svh] overflow-hidden rounded-lg border-none p-0 sm:max-w-[calc(100svw-2rem)]\"\n      onInteractOutside={(e) => {\n        e.preventDefault()\n        e.stopPropagation()\n      }}\n    >\n      {children}\n    </DialogContent>\n  )\n}\n","import { CatIcon } from 'lucide-react'\n\nimport { Flex } from '@/components/layouts/flex'\nimport { Dialog } from '@/components/ui/dialog'\n\nimport { DetailDialogHeader } from './component/header'\nimport { DetailDialogMain, DetailDialogMainHeader } from './component/main'\nimport {\n  Sidebar,\n  SidebarProvider,\n  DetailDialogSidebarContent,\n  DetailDialogSidebarFooter,\n  DetailDialogSidebarGroup,\n  DetailDialogSidebarHeader,\n  DetailDialogSidebarMenu,\n  DetailDialogSidebarMenuButton,\n  DetailDialogSidebarMenuItem,\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-[85svh] 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 size-full inset-shadow-sm\">\n                <div className=\"loader\" />\n              </Flex>\n            ) : (\n              <section className=\"bg-muted-muted relative flex-1 overflow-y-auto inset-shadow-sm\">{children}</section>\n            )}\n          </DetailDialogMain>\n        </SidebarProvider>\n      </DetailDialogWrapper>\n    </Dialog>\n  )\n}\n"],"mappings":"k9BAEA,MAAa,MAET,EAAC,EAAA,CAAa,UAAU,oBACtB,EAAC,EAAA,CAAY,UAAU,YACvB,EAAC,EAAA,CAAkB,UAAU,eCEtBA,GAAuD,CAAE,cAElE,EAAC,OAAA,CAAK,UAAU,gDACd,EAAC,EAAA,CAAK,QAAQ,OAAO,IAAI,OAAO,SAAA,GAAS,MAAM,OAAO,MAAM,UAAU,UAAU,0BAC7E,eAMIC,GAKR,CAAE,QAAO,eAEV,EAAC,SAAA,CAAO,UAAU,oEAChB,EAAC,EAAA,IACD,EAAC,EAAA,CAAK,SAAA,GAAS,MAAM,QAAQ,QAAQ,OAAO,UAAU,mBACpD,EAAC,EAAA,CAAM,MAAO,WAAI,GAAS,kBAC3B,EAAC,EAAA,CAAK,QAAQ,OAAO,UAAU,oCAC7B,EAAC,EAAA,CAAa,KAAM,KACnB,CAAC,CAAC,GAAa,EAAC,EAAA,CAAY,SAAA,GAAS,YAAA,GAAY,KAAM,EAAW,OAAO,kBC7BvEC,GAA0D,CAAE,cAErE,EAAC,EAAA,CACC,UAAU,wGACV,kBAAoB,GAAM,CACxB,EAAE,iBACF,EAAE,mBAGH,aCSDC,GAA+G,CAAE,QAAO,gBAAe,cAEzI,EAAC,EAAA,CAAQ,YAAY,OAAO,UAAU,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,oDAC/B,EAAC,MAAA,CAAI,UAAU,aAGjB,EAAC,UAAA,CAAQ,UAAU,iEAAkE"}
+{"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'\n\nimport { DetailDialogSidebarTrigger } from './sidebar'\nimport { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card'\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 { DialogContent } from '@/components/ui/dialog'\nimport { cn } from '@/lib/utils'\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-svh max-w-svw',\n        'md:max-h-[90svh] md:max-w-[90svw]',\n        'xl:max-h-[90svh] xl:max-w-[90svw]',\n        '2xl:max-h-[90svh] 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  Sidebar,\n  SidebarProvider,\n  DetailDialogSidebarContent,\n  DetailDialogSidebarFooter,\n  DetailDialogSidebarGroup,\n  DetailDialogSidebarHeader,\n  DetailDialogSidebarMenu,\n  DetailDialogSidebarMenuButton,\n  DetailDialogSidebarMenuItem,\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-[85svh] 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":"8/BAEA,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,qCC3BtFC,GAA0D,CAAE,cAErE,EAAC,EAAA,CACC,UAAW,EACT,kDACA,6BACA,sBACA,oCACA,oCACA,mCAEF,kBAAoB,GAAM,CACxB,EAAE,iBACF,EAAE,mBAGH,aCCDC,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"}

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

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

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

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

package/dist/flex-CbkTJwcD.js

@@ -0,0 +1,2 @@
+import{cn as e}from"./utils-D9AH0PUV.js";import t from"react";import{jsx as n}from"react/jsx-runtime";import{cva as r}from"class-variance-authority";const i=r([`relative flex`,`text-sm`],{variants:{vertical:{true:`flex-col`,false:`flex-row`},width:{full:`w-full`,auto:`w-auto`,fit:`w-fit`,screen:`w-screen`,min:`w-min`,max:`w-max`,null:``},wrap:{true:`flex-wrap`,false:`flex-nowrap`},margin:{sm:`m-2`,md:`m-4`,lg:`m-6`,xl:`m-8`,none:`m-0`},padding:{sm:`p-2`,md:`p-4`,lg:`p-6`,xl:`p-8`,none:`p-0`},gap:{xs:`gap-1`,sm:`gap-2`,md:`gap-4`,lg:`gap-6`,xl:`gap-8`,none:`gap-0`},justify:{start:`justify-start`,center:`justify-center`,end:`justify-end`,between:`justify-between`,around:`justify-around`,evenly:`justify-evenly`,stretch:`justify-stretch`},align:{start:`items-start`,center:`items-center`,end:`items-end`,baseline:`items-baseline`,stretch:`items-stretch`}},defaultVariants:{vertical:!1,wrap:!0,width:`fit`,margin:`none`,padding:`sm`,gap:`xs`,justify:`start`,align:`center`}}),a=({vertical:t,wrap:r,width:a,margin:o,padding:s,gap:c,justify:l,align:u,className:d,children:f})=>n(`div`,{className:e(i({vertical:t,width:a,wrap:r,margin:o,padding:s,gap:c,justify:l,align:u,className:d})),children:f});export{a as Flex};
+//# sourceMappingURL=flex-CbkTJwcD.js.map

package/dist/flex-CbkTJwcD.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"flex-CbkTJwcD.js","names":[],"sources":["../packages/components/layouts/flex.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\nimport { cva, type VariantProps } from 'class-variance-authority'\n\nimport { cn } from '@/lib/utils'\n\nconst flexVariants = cva(['relative flex', 'text-sm'], {\n  variants: {\n    vertical: {\n      true: 'flex-col',\n      false: 'flex-row',\n    },\n    width: {\n      full: 'w-full',\n      auto: 'w-auto',\n      fit: 'w-fit',\n      screen: 'w-screen',\n      min: 'w-min',\n      max: 'w-max',\n      null: '',\n    },\n    wrap: {\n      true: 'flex-wrap',\n      false: 'flex-nowrap',\n    },\n    margin: {\n      sm: 'm-2',\n      md: 'm-4',\n      lg: 'm-6',\n      xl: 'm-8',\n      none: 'm-0',\n    },\n    padding: {\n      sm: 'p-2',\n      md: 'p-4',\n      lg: 'p-6',\n      xl: 'p-8',\n      none: 'p-0',\n    },\n    gap: {\n      xs: 'gap-1',\n      sm: 'gap-2',\n      md: 'gap-4',\n      lg: 'gap-6',\n      xl: 'gap-8',\n      none: 'gap-0',\n    },\n    justify: {\n      start: 'justify-start',\n      center: 'justify-center',\n      end: 'justify-end',\n      between: 'justify-between',\n      around: 'justify-around',\n      evenly: 'justify-evenly',\n      stretch: 'justify-stretch',\n    },\n    align: {\n      start: 'items-start',\n      center: 'items-center',\n      end: 'items-end',\n      baseline: 'items-baseline',\n      stretch: 'items-stretch',\n    },\n  },\n  defaultVariants: {\n    vertical: false,\n    wrap: true,\n    width: 'fit',\n    margin: 'none',\n    padding: 'sm',\n    gap: 'xs',\n    justify: 'start',\n    align: 'center',\n  },\n})\n\ntype Props = {\n  className?: string\n} & VariantProps<typeof flexVariants>\nexport const Flex = ({ vertical, wrap, width, margin, padding, gap, justify, align, className, children }: React.PropsWithChildren<Props>) => {\n  return (\n    <div\n      className={cn(\n        flexVariants({\n          vertical,\n          width,\n          wrap,\n          margin,\n          padding,\n          gap,\n          justify,\n          align,\n          className,\n        }),\n      )}\n    >\n      {children}\n    </div>\n  )\n}\n"],"mappings":"qJAMA,MAAM,EAAe,EAAI,CAAC,gBAAiB,WAAY,CACrD,SAAU,CACR,SAAU,CACR,KAAM,WACN,MAAO,YAET,MAAO,CACL,KAAM,SACN,KAAM,SACN,IAAK,QACL,OAAQ,WACR,IAAK,QACL,IAAK,QACL,KAAM,IAER,KAAM,CACJ,KAAM,YACN,MAAO,eAET,OAAQ,CACN,GAAI,MACJ,GAAI,MACJ,GAAI,MACJ,GAAI,MACJ,KAAM,OAER,QAAS,CACP,GAAI,MACJ,GAAI,MACJ,GAAI,MACJ,GAAI,MACJ,KAAM,OAER,IAAK,CACH,GAAI,QACJ,GAAI,QACJ,GAAI,QACJ,GAAI,QACJ,GAAI,QACJ,KAAM,SAER,QAAS,CACP,MAAO,gBACP,OAAQ,iBACR,IAAK,cACL,QAAS,kBACT,OAAQ,iBACR,OAAQ,iBACR,QAAS,mBAEX,MAAO,CACL,MAAO,cACP,OAAQ,eACR,IAAK,YACL,SAAU,iBACV,QAAS,kBAGb,gBAAiB,CACf,SAAU,GACV,KAAM,GACN,MAAO,MACP,OAAQ,OACR,QAAS,KACT,IAAK,KACL,QAAS,QACT,MAAO,YAOE,GAAQ,CAAE,WAAU,OAAM,QAAO,SAAQ,UAAS,MAAK,UAAS,QAAO,YAAW,cAE3F,EAAC,MAAA,CACC,UAAW,EACT,EAAa,CACX,WACA,QACA,OACA,SACA,UACA,MACA,UACA,QACA,eAIH"}

package/dist/flex-DnFMe9kC.cjs

@@ -0,0 +1,2 @@
+const e=require(`./chunk-CUT6urMc.cjs`),t=require(`./utils-BsjVK5EW.cjs`),n=e.__toESM(require(`react`)),r=e.__toESM(require(`react/jsx-runtime`)),i=e.__toESM(require(`class-variance-authority`)),a=(0,i.cva)([`relative flex`,`text-sm`],{variants:{vertical:{true:`flex-col`,false:`flex-row`},width:{full:`w-full`,auto:`w-auto`,fit:`w-fit`,screen:`w-screen`,min:`w-min`,max:`w-max`,null:``},wrap:{true:`flex-wrap`,false:`flex-nowrap`},margin:{sm:`m-2`,md:`m-4`,lg:`m-6`,xl:`m-8`,none:`m-0`},padding:{sm:`p-2`,md:`p-4`,lg:`p-6`,xl:`p-8`,none:`p-0`},gap:{xs:`gap-1`,sm:`gap-2`,md:`gap-4`,lg:`gap-6`,xl:`gap-8`,none:`gap-0`},justify:{start:`justify-start`,center:`justify-center`,end:`justify-end`,between:`justify-between`,around:`justify-around`,evenly:`justify-evenly`,stretch:`justify-stretch`},align:{start:`items-start`,center:`items-center`,end:`items-end`,baseline:`items-baseline`,stretch:`items-stretch`}},defaultVariants:{vertical:!1,wrap:!0,width:`fit`,margin:`none`,padding:`sm`,gap:`xs`,justify:`start`,align:`center`}}),o=({vertical:e,wrap:n,width:i,margin:o,padding:s,gap:c,justify:l,align:u,className:d,children:f})=>(0,r.jsx)(`div`,{className:t.cn(a({vertical:e,width:i,wrap:n,margin:o,padding:s,gap:c,justify:l,align:u,className:d})),children:f});Object.defineProperty(exports,`Flex`,{enumerable:!0,get:function(){return o}});
+//# sourceMappingURL=flex-DnFMe9kC.cjs.map

package/dist/flex-DnFMe9kC.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"flex-DnFMe9kC.cjs","names":["cn"],"sources":["../packages/components/layouts/flex.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\nimport { cva, type VariantProps } from 'class-variance-authority'\n\nimport { cn } from '@/lib/utils'\n\nconst flexVariants = cva(['relative flex', 'text-sm'], {\n  variants: {\n    vertical: {\n      true: 'flex-col',\n      false: 'flex-row',\n    },\n    width: {\n      full: 'w-full',\n      auto: 'w-auto',\n      fit: 'w-fit',\n      screen: 'w-screen',\n      min: 'w-min',\n      max: 'w-max',\n      null: '',\n    },\n    wrap: {\n      true: 'flex-wrap',\n      false: 'flex-nowrap',\n    },\n    margin: {\n      sm: 'm-2',\n      md: 'm-4',\n      lg: 'm-6',\n      xl: 'm-8',\n      none: 'm-0',\n    },\n    padding: {\n      sm: 'p-2',\n      md: 'p-4',\n      lg: 'p-6',\n      xl: 'p-8',\n      none: 'p-0',\n    },\n    gap: {\n      xs: 'gap-1',\n      sm: 'gap-2',\n      md: 'gap-4',\n      lg: 'gap-6',\n      xl: 'gap-8',\n      none: 'gap-0',\n    },\n    justify: {\n      start: 'justify-start',\n      center: 'justify-center',\n      end: 'justify-end',\n      between: 'justify-between',\n      around: 'justify-around',\n      evenly: 'justify-evenly',\n      stretch: 'justify-stretch',\n    },\n    align: {\n      start: 'items-start',\n      center: 'items-center',\n      end: 'items-end',\n      baseline: 'items-baseline',\n      stretch: 'items-stretch',\n    },\n  },\n  defaultVariants: {\n    vertical: false,\n    wrap: true,\n    width: 'fit',\n    margin: 'none',\n    padding: 'sm',\n    gap: 'xs',\n    justify: 'start',\n    align: 'center',\n  },\n})\n\ntype Props = {\n  className?: string\n} & VariantProps<typeof flexVariants>\nexport const Flex = ({ vertical, wrap, width, margin, padding, gap, justify, align, className, children }: React.PropsWithChildren<Props>) => {\n  return (\n    <div\n      className={cn(\n        flexVariants({\n          vertical,\n          width,\n          wrap,\n          margin,\n          padding,\n          gap,\n          justify,\n          align,\n          className,\n        }),\n      )}\n    >\n      {children}\n    </div>\n  )\n}\n"],"mappings":"mMAMM,GAAA,EAAA,EAAA,KAAmB,CAAC,gBAAiB,WAAY,CACrD,SAAU,CACR,SAAU,CACR,KAAM,WACN,MAAO,YAET,MAAO,CACL,KAAM,SACN,KAAM,SACN,IAAK,QACL,OAAQ,WACR,IAAK,QACL,IAAK,QACL,KAAM,IAER,KAAM,CACJ,KAAM,YACN,MAAO,eAET,OAAQ,CACN,GAAI,MACJ,GAAI,MACJ,GAAI,MACJ,GAAI,MACJ,KAAM,OAER,QAAS,CACP,GAAI,MACJ,GAAI,MACJ,GAAI,MACJ,GAAI,MACJ,KAAM,OAER,IAAK,CACH,GAAI,QACJ,GAAI,QACJ,GAAI,QACJ,GAAI,QACJ,GAAI,QACJ,KAAM,SAER,QAAS,CACP,MAAO,gBACP,OAAQ,iBACR,IAAK,cACL,QAAS,kBACT,OAAQ,iBACR,OAAQ,iBACR,QAAS,mBAEX,MAAO,CACL,MAAO,cACP,OAAQ,eACR,IAAK,YACL,SAAU,iBACV,QAAS,kBAGb,gBAAiB,CACf,SAAU,GACV,KAAM,GACN,MAAO,MACP,OAAQ,OACR,QAAS,KACT,IAAK,KACL,QAAS,QACT,MAAO,YAOE,GAAQ,CAAE,WAAU,OAAM,QAAO,SAAQ,UAAS,MAAK,UAAS,QAAO,YAAW,eAE3F,EAAA,EAAA,KAAC,MAAA,CACC,UAAWA,EAAAA,GACT,EAAa,CACX,WACA,QACA,OACA,SACA,UACA,MACA,UACA,QACA,eAIH"}

package/dist/forms/combobox-field.d.cts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime4 from "react/jsx-runtime";
+import * as react_jsx_runtime49 from "react/jsx-runtime";
 import { FieldPath, FieldValues } from "react-hook-form";
 
 //#region packages/components/forms/combobox-field.d.ts
@@ -22,7 +22,7 @@ declare const ComboboxField: <TFieldValues extends FieldValues = FieldValues>({
   description,
   options,
   onAddNewItem
-}: Props<TFieldValues>) => react_jsx_runtime4.JSX.Element;
+}: Props<TFieldValues>) => react_jsx_runtime49.JSX.Element;
 //#endregion
 export { ComboboxField };
 //# sourceMappingURL=combobox-field.d.cts.map

package/dist/forms/combobox-field.d.ts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime11 from "react/jsx-runtime";
+import * as react_jsx_runtime3 from "react/jsx-runtime";
 import { FieldPath, FieldValues } from "react-hook-form";
 
 //#region packages/components/forms/combobox-field.d.ts
@@ -22,7 +22,7 @@ declare const ComboboxField: <TFieldValues extends FieldValues = FieldValues>({
   description,
   options,
   onAddNewItem
-}: Props<TFieldValues>) => react_jsx_runtime11.JSX.Element;
+}: Props<TFieldValues>) => react_jsx_runtime3.JSX.Element;
 //#endregion
 export { ComboboxField };
 //# sourceMappingURL=combobox-field.d.ts.map

package/dist/forms/date-field.d.cts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime2 from "react/jsx-runtime";
+import * as react_jsx_runtime9 from "react/jsx-runtime";
 import { FieldPath, FieldValues } from "react-hook-form";
 
 //#region packages/components/forms/date-field.d.ts
@@ -16,7 +16,7 @@ declare const DateField: <TFieldValues extends FieldValues = FieldValues>({
   placeholder,
   description,
   isShowErrorMsg
-}: Props<TFieldValues>) => react_jsx_runtime2.JSX.Element;
+}: Props<TFieldValues>) => react_jsx_runtime9.JSX.Element;
 //#endregion
 export { DateField };
 //# sourceMappingURL=date-field.d.cts.map

package/dist/forms/date-field.d.ts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime2 from "react/jsx-runtime";
+import * as react_jsx_runtime4 from "react/jsx-runtime";
 import { FieldPath, FieldValues } from "react-hook-form";
 
 //#region packages/components/forms/date-field.d.ts
@@ -16,7 +16,7 @@ declare const DateField: <TFieldValues extends FieldValues = FieldValues>({
   placeholder,
   description,
   isShowErrorMsg
-}: Props<TFieldValues>) => react_jsx_runtime2.JSX.Element;
+}: Props<TFieldValues>) => react_jsx_runtime4.JSX.Element;
 //#endregion
 export { DateField };
 //# sourceMappingURL=date-field.d.ts.map

package/dist/forms/form-wrapper.d.cts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime12 from "react/jsx-runtime";
+import * as react_jsx_runtime11 from "react/jsx-runtime";
 import React from "react";
 import { FieldValues, FormState, SubmitErrorHandler, UseFormProps } from "react-hook-form";
 
@@ -19,7 +19,7 @@ declare const FormWrapper: <TFieldValues extends FieldValues = FieldValues>({
   onError,
   onSubcribe,
   children
-}: React.PropsWithChildren<Props<TFieldValues>>) => react_jsx_runtime12.JSX.Element;
+}: React.PropsWithChildren<Props<TFieldValues>>) => react_jsx_runtime11.JSX.Element;
 //#endregion
 export { FormWrapper };
 //# sourceMappingURL=form-wrapper.d.cts.map

package/dist/forms/form-wrapper.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import * as react_jsx_runtime7 from "react/jsx-runtime";
+import * as react_jsx_runtime6 from "react/jsx-runtime";
 import { FieldValues, FormState, SubmitErrorHandler, UseFormProps } from "react-hook-form";
 
 //#region packages/components/forms/form-wrapper.d.ts
@@ -19,7 +19,7 @@ declare const FormWrapper: <TFieldValues extends FieldValues = FieldValues>({
   onError,
   onSubcribe,
   children
-}: React.PropsWithChildren<Props<TFieldValues>>) => react_jsx_runtime7.JSX.Element;
+}: React.PropsWithChildren<Props<TFieldValues>>) => react_jsx_runtime6.JSX.Element;
 //#endregion
 export { FormWrapper };
 //# sourceMappingURL=form-wrapper.d.ts.map

package/dist/forms/multi-select-field.d.cts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime6 from "react/jsx-runtime";
+import * as react_jsx_runtime50 from "react/jsx-runtime";
 import { FieldPath, FieldValues } from "react-hook-form";
 
 //#region packages/components/forms/multi-select-field.d.ts
@@ -24,7 +24,7 @@ declare const MultiSelectField: <TFieldValues extends FieldValues = FieldValues>
   description,
   options,
   onAdd
-}: Props<TFieldValues>) => react_jsx_runtime6.JSX.Element;
+}: Props<TFieldValues>) => react_jsx_runtime50.JSX.Element;
 //#endregion
 export { MultiSelectField };
 //# sourceMappingURL=multi-select-field.d.cts.map

package/dist/forms/multi-select-field.d.ts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime31 from "react/jsx-runtime";
+import * as react_jsx_runtime2 from "react/jsx-runtime";
 import { FieldPath, FieldValues } from "react-hook-form";
 
 //#region packages/components/forms/multi-select-field.d.ts
@@ -24,7 +24,7 @@ declare const MultiSelectField: <TFieldValues extends FieldValues = FieldValues>
   description,
   options,
   onAdd
-}: Props<TFieldValues>) => react_jsx_runtime31.JSX.Element;
+}: Props<TFieldValues>) => react_jsx_runtime2.JSX.Element;
 //#endregion
 export { MultiSelectField };
 //# sourceMappingURL=multi-select-field.d.ts.map

package/dist/forms/number-field.d.cts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime10 from "react/jsx-runtime";
+import * as react_jsx_runtime13 from "react/jsx-runtime";
 import { FieldPath, FieldValues } from "react-hook-form";
 
 //#region packages/components/forms/number-field.d.ts
@@ -22,7 +22,7 @@ declare const NumberField: <TFieldValues extends FieldValues = FieldValues>({
   unitText,
   description,
   onValueChange
-}: Props<TFieldValues>) => react_jsx_runtime10.JSX.Element;
+}: Props<TFieldValues>) => react_jsx_runtime13.JSX.Element;
 //#endregion
 export { NumberField };
 //# sourceMappingURL=number-field.d.cts.map

package/dist/forms/number-field.d.ts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime3 from "react/jsx-runtime";
+import * as react_jsx_runtime9 from "react/jsx-runtime";
 import { FieldPath, FieldValues } from "react-hook-form";
 
 //#region packages/components/forms/number-field.d.ts
@@ -22,7 +22,7 @@ declare const NumberField: <TFieldValues extends FieldValues = FieldValues>({
   unitText,
   description,
   onValueChange
-}: Props<TFieldValues>) => react_jsx_runtime3.JSX.Element;
+}: Props<TFieldValues>) => react_jsx_runtime9.JSX.Element;
 //#endregion
 export { NumberField };
 //# sourceMappingURL=number-field.d.ts.map

package/dist/forms/password-field.d.cts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime11 from "react/jsx-runtime";
+import * as react_jsx_runtime51 from "react/jsx-runtime";
 import { FieldPath, FieldValues } from "react-hook-form";
 
 //#region packages/components/forms/password-field.d.ts
@@ -17,7 +17,7 @@ declare const PasswordField: <TFieldValues extends FieldValues = FieldValues>({
   isShowErrorMsg,
   description,
   onValueChange
-}: Props<TFieldValues>) => react_jsx_runtime11.JSX.Element;
+}: Props<TFieldValues>) => react_jsx_runtime51.JSX.Element;
 //#endregion
 export { PasswordField };
 //# sourceMappingURL=password-field.d.cts.map

package/dist/forms/password-field.d.ts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime5 from "react/jsx-runtime";
+import * as react_jsx_runtime12 from "react/jsx-runtime";
 import { FieldPath, FieldValues } from "react-hook-form";
 
 //#region packages/components/forms/password-field.d.ts
@@ -17,7 +17,7 @@ declare const PasswordField: <TFieldValues extends FieldValues = FieldValues>({
   isShowErrorMsg,
   description,
   onValueChange
-}: Props<TFieldValues>) => react_jsx_runtime5.JSX.Element;
+}: Props<TFieldValues>) => react_jsx_runtime12.JSX.Element;
 //#endregion
 export { PasswordField };
 //# sourceMappingURL=password-field.d.ts.map

package/dist/forms/select-field.d.cts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime15 from "react/jsx-runtime";
+import * as react_jsx_runtime129 from "react/jsx-runtime";
 import { FieldPath, FieldValues } from "react-hook-form";
 
 //#region packages/components/forms/select-field.d.ts
@@ -27,7 +27,7 @@ declare const SelectField: <TFieldValues extends FieldValues = FieldValues>({
   isShowErrorMsg,
   description,
   className
-}: Props<TFieldValues>) => react_jsx_runtime15.JSX.Element;
+}: Props<TFieldValues>) => react_jsx_runtime129.JSX.Element;
 //#endregion
 export { SelectField };
 //# sourceMappingURL=select-field.d.cts.map

package/dist/forms/select-field.d.ts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime4 from "react/jsx-runtime";
+import * as react_jsx_runtime10 from "react/jsx-runtime";
 import { FieldPath, FieldValues } from "react-hook-form";
 
 //#region packages/components/forms/select-field.d.ts
@@ -27,7 +27,7 @@ declare const SelectField: <TFieldValues extends FieldValues = FieldValues>({
   isShowErrorMsg,
   description,
   className
-}: Props<TFieldValues>) => react_jsx_runtime4.JSX.Element;
+}: Props<TFieldValues>) => react_jsx_runtime10.JSX.Element;
 //#endregion
 export { SelectField };
 //# sourceMappingURL=select-field.d.ts.map

package/dist/forms/switch-field.d.cts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime5 from "react/jsx-runtime";
+import * as react_jsx_runtime71 from "react/jsx-runtime";
 import { FieldPath, FieldValues } from "react-hook-form";
 
 //#region packages/components/forms/switch-field.d.ts
@@ -13,7 +13,7 @@ declare const SwitchField: <TFieldValues extends FieldValues = FieldValues>({
   label,
   description,
   isShowErrorMsg
-}: Props<TFieldValues>) => react_jsx_runtime5.JSX.Element;
+}: Props<TFieldValues>) => react_jsx_runtime71.JSX.Element;
 //#endregion
 export { SwitchField };
 //# sourceMappingURL=switch-field.d.cts.map

package/dist/forms/switch-field.d.ts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime12 from "react/jsx-runtime";
+import * as react_jsx_runtime13 from "react/jsx-runtime";
 import { FieldPath, FieldValues } from "react-hook-form";
 
 //#region packages/components/forms/switch-field.d.ts
@@ -13,7 +13,7 @@ declare const SwitchField: <TFieldValues extends FieldValues = FieldValues>({
   label,
   description,
   isShowErrorMsg
-}: Props<TFieldValues>) => react_jsx_runtime12.JSX.Element;
+}: Props<TFieldValues>) => react_jsx_runtime13.JSX.Element;
 //#endregion
 export { SwitchField };
 //# sourceMappingURL=switch-field.d.ts.map

package/dist/forms/text-field.cjs

@@ -1,2 +1,2 @@
-"use client";const e=require(`../chunk-CUT6urMc.cjs`),t=require(`../utils-BsjVK5EW.cjs`),n=require(`../flex-CNA_SId-.cjs`);require(`../label-B_2ZQn0X.cjs`);const r=require(`../form-CU-tlomS.cjs`),i=require(`../input-C2xQcVZP.cjs`),a=e.__toESM(require(`react`)),o=e.__toESM(require(`react/jsx-runtime`)),s=e.__toESM(require(`lucide-react`)),c=e.__toESM(require(`react-hook-form`)),l=({name:e,label:l=`Text Field`,placeholder:u=`Enter text here`,isShowLabel:d=!0,isShowClearButton:f=!1,isShowErrorMsg:p=!1,isShowCount:m=!1,description:h,className:g=``,onValueChange:_})=>{let{resetField:v}=r.useFormField(),y=(0,c.useWatch)({name:e}),b=a.default.useCallback(()=>{v(e)},[v,e]);return(0,o.jsx)(r.FormField,{name:e,render:({field:e})=>(0,o.jsxs)(r.FormItem,{className:t.cn(`w-full gap-0`,m||!!h&&`space-y-1`,g),children:[d&&(0,o.jsx)(r.FormLabel,{children:l}),(0,o.jsxs)(`div`,{className:`relative`,children:[(0,o.jsx)(r.FormControl,{children:(0,o.jsx)(i.Input,{...e,placeholder:u,className:t.cn(`w-full`,f&&`pr-9`),onValueChange:_})}),f&&y&&(0,o.jsx)(`button`,{type:`button`,className:`text-text-positive-weak hover:text-text-positive focus-visible:ring-border absolute inset-y-0 end-0 flex h-full w-8 cursor-pointer items-center justify-center rounded-e-md transition-[color,box-shadow] outline-none focus:z-10 focus-visible:ring-2`,"aria-label":`Clear input`,onClick:b,children:(0,o.jsx)(s.XIcon,{size:14,"aria-hidden":`true`})})]}),(0,o.jsxs)(n.Flex,{width:`full`,padding:`none`,justify:`end`,children:[p&&(0,o.jsx)(r.FormMessage,{className:`grow`}),m&&(0,o.jsxs)(`div`,{className:`text-text-positive-weak text-end text-xs`,children:[y?.length??0,` characters`]})]}),!!h&&(0,o.jsx)(r.FormDescription,{children:h})]})})};exports.TextField=l;
+"use client";const e=require(`../chunk-CUT6urMc.cjs`),t=require(`../utils-BsjVK5EW.cjs`),n=require(`../flex-DnFMe9kC.cjs`);require(`../label-B_2ZQn0X.cjs`);const r=require(`../form-CU-tlomS.cjs`),i=require(`../input-C2xQcVZP.cjs`),a=e.__toESM(require(`react`)),o=e.__toESM(require(`react/jsx-runtime`)),s=e.__toESM(require(`lucide-react`)),c=e.__toESM(require(`react-hook-form`)),l=({name:e,label:l=`Text Field`,placeholder:u=`Enter text here`,isShowLabel:d=!0,isShowClearButton:f=!1,isShowErrorMsg:p=!1,isShowCount:m=!1,description:h,className:g=``,onValueChange:_})=>{let{resetField:v}=r.useFormField(),y=(0,c.useWatch)({name:e}),b=a.default.useCallback(()=>{v(e)},[v,e]);return(0,o.jsx)(r.FormField,{name:e,render:({field:e})=>(0,o.jsxs)(r.FormItem,{className:t.cn(`w-full gap-0`,m||!!h&&`space-y-1`,g),children:[d&&(0,o.jsx)(r.FormLabel,{children:l}),(0,o.jsxs)(`div`,{className:`relative`,children:[(0,o.jsx)(r.FormControl,{children:(0,o.jsx)(i.Input,{...e,placeholder:u,className:t.cn(`w-full`,f&&`pr-9`),onValueChange:_})}),f&&y&&(0,o.jsx)(`button`,{type:`button`,className:`text-text-positive-weak hover:text-text-positive focus-visible:ring-border absolute inset-y-0 end-0 flex h-full w-8 cursor-pointer items-center justify-center rounded-e-md transition-[color,box-shadow] outline-none focus:z-10 focus-visible:ring-2`,"aria-label":`Clear input`,onClick:b,children:(0,o.jsx)(s.XIcon,{size:14,"aria-hidden":`true`})})]}),(0,o.jsxs)(n.Flex,{width:`full`,padding:`none`,justify:`end`,children:[p&&(0,o.jsx)(r.FormMessage,{className:`grow`}),m&&(0,o.jsxs)(`div`,{className:`text-text-positive-weak text-end text-xs`,children:[y?.length??0,` characters`]})]}),!!h&&(0,o.jsx)(r.FormDescription,{children:h})]})})};exports.TextField=l;
 //# sourceMappingURL=text-field.cjs.map

package/dist/forms/text-field.d.cts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime9 from "react/jsx-runtime";
+import * as react_jsx_runtime8 from "react/jsx-runtime";
 import { FieldPath, FieldValues } from "react-hook-form";
 
 //#region packages/components/forms/text-field.d.ts
@@ -25,7 +25,7 @@ declare const TextField: <TFieldValues extends FieldValues = FieldValues>({
   description,
   className,
   onValueChange
-}: Props<TFieldValues>) => react_jsx_runtime9.JSX.Element;
+}: Props<TFieldValues>) => react_jsx_runtime8.JSX.Element;
 //#endregion
 export { TextField };
 //# sourceMappingURL=text-field.d.cts.map

package/dist/forms/text-field.d.ts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime9 from "react/jsx-runtime";
+import * as react_jsx_runtime7 from "react/jsx-runtime";
 import { FieldPath, FieldValues } from "react-hook-form";
 
 //#region packages/components/forms/text-field.d.ts
@@ -25,7 +25,7 @@ declare const TextField: <TFieldValues extends FieldValues = FieldValues>({
   description,
   className,
   onValueChange
-}: Props<TFieldValues>) => react_jsx_runtime9.JSX.Element;
+}: Props<TFieldValues>) => react_jsx_runtime7.JSX.Element;
 //#endregion
 export { TextField };
 //# sourceMappingURL=text-field.d.ts.map

package/dist/forms/text-field.js

@@ -1,2 +1,2 @@
-"use client";import{cn as e}from"../utils-D9AH0PUV.js";import{Flex as t}from"../flex-ILvQrYMJ.js";import"../label-D1XmKlc3.js";import{FormControl as n,FormDescription as r,FormField as i,FormItem as a,FormLabel as o,FormMessage as s,useFormField as c}from"../form-63w5ez51.js";import{Input as l}from"../input-DgJVc3kt.js";import u from"react";import{jsx as d,jsxs as f}from"react/jsx-runtime";import{XIcon as p}from"lucide-react";import{useWatch as m}from"react-hook-form";const h=({name:h,label:g=`Text Field`,placeholder:_=`Enter text here`,isShowLabel:v=!0,isShowClearButton:y=!1,isShowErrorMsg:b=!1,isShowCount:x=!1,description:S,className:C=``,onValueChange:w})=>{let{resetField:T}=c(),E=m({name:h}),D=u.useCallback(()=>{T(h)},[T,h]);return d(i,{name:h,render:({field:i})=>f(a,{className:e(`w-full gap-0`,x||!!S&&`space-y-1`,C),children:[v&&d(o,{children:g}),f(`div`,{className:`relative`,children:[d(n,{children:d(l,{...i,placeholder:_,className:e(`w-full`,y&&`pr-9`),onValueChange:w})}),y&&E&&d(`button`,{type:`button`,className:`text-text-positive-weak hover:text-text-positive focus-visible:ring-border absolute inset-y-0 end-0 flex h-full w-8 cursor-pointer items-center justify-center rounded-e-md transition-[color,box-shadow] outline-none focus:z-10 focus-visible:ring-2`,"aria-label":`Clear input`,onClick:D,children:d(p,{size:14,"aria-hidden":`true`})})]}),f(t,{width:`full`,padding:`none`,justify:`end`,children:[b&&d(s,{className:`grow`}),x&&f(`div`,{className:`text-text-positive-weak text-end text-xs`,children:[E?.length??0,` characters`]})]}),!!S&&d(r,{children:S})]})})};export{h as TextField};
+"use client";import{cn as e}from"../utils-D9AH0PUV.js";import{Flex as t}from"../flex-CbkTJwcD.js";import"../label-D1XmKlc3.js";import{FormControl as n,FormDescription as r,FormField as i,FormItem as a,FormLabel as o,FormMessage as s,useFormField as c}from"../form-63w5ez51.js";import{Input as l}from"../input-DgJVc3kt.js";import u from"react";import{jsx as d,jsxs as f}from"react/jsx-runtime";import{XIcon as p}from"lucide-react";import{useWatch as m}from"react-hook-form";const h=({name:h,label:g=`Text Field`,placeholder:_=`Enter text here`,isShowLabel:v=!0,isShowClearButton:y=!1,isShowErrorMsg:b=!1,isShowCount:x=!1,description:S,className:C=``,onValueChange:w})=>{let{resetField:T}=c(),E=m({name:h}),D=u.useCallback(()=>{T(h)},[T,h]);return d(i,{name:h,render:({field:i})=>f(a,{className:e(`w-full gap-0`,x||!!S&&`space-y-1`,C),children:[v&&d(o,{children:g}),f(`div`,{className:`relative`,children:[d(n,{children:d(l,{...i,placeholder:_,className:e(`w-full`,y&&`pr-9`),onValueChange:w})}),y&&E&&d(`button`,{type:`button`,className:`text-text-positive-weak hover:text-text-positive focus-visible:ring-border absolute inset-y-0 end-0 flex h-full w-8 cursor-pointer items-center justify-center rounded-e-md transition-[color,box-shadow] outline-none focus:z-10 focus-visible:ring-2`,"aria-label":`Clear input`,onClick:D,children:d(p,{size:14,"aria-hidden":`true`})})]}),f(t,{width:`full`,padding:`none`,justify:`end`,children:[b&&d(s,{className:`grow`}),x&&f(`div`,{className:`text-text-positive-weak text-end text-xs`,children:[E?.length??0,` characters`]})]}),!!S&&d(r,{children:S})]})})};export{h as TextField};
 //# sourceMappingURL=text-field.js.map

package/dist/forms/textarea-field.d.cts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime7 from "react/jsx-runtime";
+import * as react_jsx_runtime12 from "react/jsx-runtime";
 import { FieldPath, FieldValues } from "react-hook-form";
 
 //#region packages/components/forms/textarea-field.d.ts
@@ -21,7 +21,7 @@ declare const TextareaField: <TFieldValues extends FieldValues = FieldValues>({
   description,
   rows,
   onValueChange
-}: Props<TFieldValues>) => react_jsx_runtime7.JSX.Element;
+}: Props<TFieldValues>) => react_jsx_runtime12.JSX.Element;
 //#endregion
 export { TextareaField };
 //# sourceMappingURL=textarea-field.d.cts.map

package/dist/forms/textarea-field.d.ts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime10 from "react/jsx-runtime";
+import * as react_jsx_runtime11 from "react/jsx-runtime";
 import { FieldPath, FieldValues } from "react-hook-form";
 
 //#region packages/components/forms/textarea-field.d.ts
@@ -21,7 +21,7 @@ declare const TextareaField: <TFieldValues extends FieldValues = FieldValues>({
   description,
   rows,
   onValueChange
-}: Props<TFieldValues>) => react_jsx_runtime10.JSX.Element;
+}: Props<TFieldValues>) => react_jsx_runtime11.JSX.Element;
 //#endregion
 export { TextareaField };
 //# sourceMappingURL=textarea-field.d.ts.map

package/dist/{input-CBmfFkSA.d.cts → input-C_DS2fwv.d.cts}

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime124 from "react/jsx-runtime";
+import * as react_jsx_runtime103 from "react/jsx-runtime";
 import React from "react";
 
 //#region packages/components/ui/input.d.ts
@@ -9,7 +9,7 @@ declare function Input({
   ...props
 }: React.ComponentProps<'input'> & {
   onValueChange?: (value: string) => void;
-}): react_jsx_runtime124.JSX.Element;
+}): react_jsx_runtime103.JSX.Element;
 //#endregion
 export { Input };
-//# sourceMappingURL=input-CBmfFkSA.d.cts.map
+//# sourceMappingURL=input-C_DS2fwv.d.cts.map