@customafk/lunas-ui 0.0.5 → 0.0.7

package/dist/dropdown-menu-jCQwh2rG.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown-menu-jCQwh2rG.js","names":["DropdownMenu","DropdownMenuPrimitive"],"sources":["../packages/components/ui/dropdown-menu.tsx"],"sourcesContent":["\"use client\";\nimport React from \"react\";\nimport { DropdownMenu as DropdownMenuPrimitive } from \"radix-ui\";\nimport { CheckIcon, ChevronRightIcon, CircleIcon } from \"lucide-react\";\n\nimport { cn } from \"@/lib/utils\";\n\nfunction DropdownMenu({\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Root>) {\n  return <DropdownMenuPrimitive.Root data-slot=\"dropdown-menu\" {...props} />;\n}\n\nfunction DropdownMenuPortal({\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Portal>) {\n  return (\n    <DropdownMenuPrimitive.Portal data-slot=\"dropdown-menu-portal\" {...props} />\n  );\n}\n\nfunction DropdownMenuTrigger({\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Trigger>) {\n  return (\n    <DropdownMenuPrimitive.Trigger\n      data-slot=\"dropdown-menu-trigger\"\n      {...props}\n    />\n  );\n}\n\nfunction DropdownMenuContent({\n  className,\n  sideOffset = 4,\n  align = \"start\",\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Content>) {\n  return (\n    <DropdownMenuPrimitive.Portal>\n      <DropdownMenuPrimitive.Content\n        data-slot=\"dropdown-menu-content\"\n        sideOffset={sideOffset}\n        className={cn(\n          \"bg-popover text-popover-foreground\",\n          \"z-50\",\n          \"min-w-32\",\n          \"overflow-x-hidden overflow-y-auto\",\n          \"rounded-md border p-1.5 shadow-md\",\n          \"max-h-(--radix-dropdown-menu-content-available-height)\",\n          \"origin-(--radix-dropdown-menu-content-transform-origin)\",\n          \"data-[state=open]:animate-in\",\n          \"data-[state=open]:fade-in-0\",\n          \"data-[state=open]:zoom-in-95\",\n          \"data-[state=closed]:animate-out\",\n          \"data-[state=closed]:fade-out-0\",\n          \"data-[state=closed]:zoom-out-95\",\n          \"data-[side=bottom]:slide-in-from-top-2\",\n          \"data-[side=left]:slide-in-from-right-2\",\n          \"data-[side=right]:slide-in-from-left-2\",\n          \"data-[side=top]:slide-in-from-bottom-2\",\n          className,\n        )}\n        {...props}\n        align={align}\n      />\n    </DropdownMenuPrimitive.Portal>\n  );\n}\n\nfunction DropdownMenuGroup({\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Group>) {\n  return (\n    <DropdownMenuPrimitive.Group data-slot=\"dropdown-menu-group\" {...props} />\n  );\n}\n\nfunction DropdownMenuItem({\n  className,\n  inset,\n  variant = \"default\",\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Item> & {\n  inset?: boolean;\n  variant?: \"default\" | \"destructive\";\n}) {\n  return (\n    <DropdownMenuPrimitive.Item\n      data-slot=\"dropdown-menu-item\"\n      data-inset={inset}\n      data-variant={variant}\n      className={cn(\n        \"relative flex cursor-pointer items-center gap-2 rounded-md px-2 py-2.5 text-sm outline-hidden transition-all select-none\",\n        \"focus:bg-accent/70\",\n        \"focus:text-accent-foreground\",\n        \"dark:data-[variant=destructive]:focus:bg-destructive/20\",\n        \"data-[inset]:pl-8\",\n        \"data-[disabled]:pointer-events-none\",\n        \"data-[disabled]:opacity-50\",\n        \"data-[variant=destructive]:text-destructive\",\n        \"data-[variant=destructive]:focus:bg-destructive/10\",\n        \"data-[variant=destructive]:focus:text-destructive\",\n        \"data-[variant=destructive]:*:[svg]:!text-destructive\",\n        \"[&_svg]:shrink-0\",\n        \"[&_svg]:pointer-events-none\",\n        \"[&_svg:not([class*='size-'])]:size-4\",\n        \"[&_svg:not([class*='text-'])]:text-muted-foreground\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction DropdownMenuCheckboxItem({\n  className,\n  children,\n  checked,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.CheckboxItem>) {\n  return (\n    <DropdownMenuPrimitive.CheckboxItem\n      data-slot=\"dropdown-menu-checkbox-item\"\n      className={cn(\n        \"relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none\",\n        \"focus:bg-accent\",\n        \"focus:text-accent-foreground\",\n        \"data-[disabled]:opacity-50\",\n        \"data-[disabled]:pointer-events-none\",\n        \"[&_svg]:pointer-events-none\",\n        \"[&_svg]:shrink-0\",\n        \"[&_svg:not([class*='size-'])]:size-4\",\n        className,\n      )}\n      checked={checked}\n      {...props}\n    >\n      <span className=\"pointer-events-none absolute left-2 flex size-3.5 items-center justify-center\">\n        <DropdownMenuPrimitive.ItemIndicator>\n          <CheckIcon size={16} />\n        </DropdownMenuPrimitive.ItemIndicator>\n      </span>\n      {children}\n    </DropdownMenuPrimitive.CheckboxItem>\n  );\n}\n\nfunction DropdownMenuRadioGroup({\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.RadioGroup>) {\n  return (\n    <DropdownMenuPrimitive.RadioGroup\n      data-slot=\"dropdown-menu-radio-group\"\n      {...props}\n    />\n  );\n}\n\nfunction DropdownMenuRadioItem({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.RadioItem>) {\n  return (\n    <DropdownMenuPrimitive.RadioItem\n      data-slot=\"dropdown-menu-radio-item\"\n      className={cn(\n        \"relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none\",\n        \"focus:bg-accent\",\n        \"focus:text-accent-foreground\",\n        \"data-[disabled]:pointer-events-none\",\n        \"data-[disabled]:opacity-50\",\n        \"[&_svg]:pointer-events-none\",\n        \"[&_svg]:shrink-0\",\n        \"[&_svg:not([class*='size-'])]:size-4\",\n        className,\n      )}\n      {...props}\n    >\n      <span className=\"pointer-events-none absolute left-2 flex size-3.5 items-center justify-center\">\n        <DropdownMenuPrimitive.ItemIndicator>\n          <CircleIcon className=\"size-2 fill-current\" />\n        </DropdownMenuPrimitive.ItemIndicator>\n      </span>\n      {children}\n    </DropdownMenuPrimitive.RadioItem>\n  );\n}\n\nfunction DropdownMenuLabel({\n  className,\n  inset,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Label> & {\n  inset?: boolean;\n}) {\n  return (\n    <DropdownMenuPrimitive.Label\n      data-slot=\"dropdown-menu-label\"\n      data-inset={inset}\n      className={cn(\n        \"px-2 py-1.5 text-sm font-medium data-[inset]:pl-8\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction DropdownMenuSeparator({\n  className,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Separator>) {\n  return (\n    <DropdownMenuPrimitive.Separator\n      data-slot=\"dropdown-menu-separator\"\n      className={cn(\"bg-border -mx-1 my-1 h-px\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction DropdownMenuShortcut({\n  className,\n  ...props\n}: React.ComponentProps<\"span\">) {\n  return (\n    <span\n      data-slot=\"dropdown-menu-shortcut\"\n      className={cn(\n        \"text-muted-foreground ml-auto text-xs tracking-widest\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction DropdownMenuSub({\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Sub>) {\n  return <DropdownMenuPrimitive.Sub data-slot=\"dropdown-menu-sub\" {...props} />;\n}\n\nfunction DropdownMenuSubTrigger({\n  className,\n  inset,\n  children,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.SubTrigger> & {\n  inset?: boolean;\n}) {\n  return (\n    <DropdownMenuPrimitive.SubTrigger\n      data-slot=\"dropdown-menu-sub-trigger\"\n      data-inset={inset}\n      className={cn(\n        \"flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-hidden select-none\",\n        \"focus:bg-accent\",\n        \"focus:text-accent-foreground\",\n        \"data-[state=open]:bg-accent\",\n        \"data-[state=open]:text-accent-foreground\",\n        \"data-[inset]:pl-8\",\n        className,\n      )}\n      {...props}\n    >\n      {children}\n      <ChevronRightIcon className=\"ml-auto size-4\" />\n    </DropdownMenuPrimitive.SubTrigger>\n  );\n}\n\nfunction DropdownMenuSubContent({\n  className,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.SubContent>) {\n  return (\n    <DropdownMenuPrimitive.SubContent\n      data-slot=\"dropdown-menu-sub-content\"\n      className={cn(\n        \"bg-popover text-popover-foreground\",\n        \"z-50 min-w-32 origin-(--radix-dropdown-menu-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-lg\",\n        \"data-[state=open]:animate-in\",\n        \"data-[state=closed]:animate-out\",\n        \"data-[state=closed]:fade-out-0\",\n        \"data-[state=open]:fade-in-0\",\n        \"data-[state=closed]:zoom-out-95\",\n        \"data-[state=open]:zoom-in-95\",\n        \"data-[side=bottom]:slide-in-from-top-2\",\n        \"data-[side=left]:slide-in-from-right-2\",\n        \"data-[side=right]:slide-in-from-left-2\",\n        \"data-[side=top]:slide-in-from-bottom-2\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport {\n  DropdownMenu,\n  DropdownMenuCheckboxItem,\n  DropdownMenuContent,\n  DropdownMenuGroup,\n  DropdownMenuItem,\n  DropdownMenuLabel,\n  DropdownMenuPortal,\n  DropdownMenuRadioGroup,\n  DropdownMenuRadioItem,\n  DropdownMenuSeparator,\n  DropdownMenuShortcut,\n  DropdownMenuSub,\n  DropdownMenuSubContent,\n  DropdownMenuSubTrigger,\n  DropdownMenuTrigger,\n};\n"],"mappings":"uOAOA,SAASA,EAAa,CACpB,GAAG,EACqD,CAAE,CAC1D,OAAO,EAACC,EAAsB,KAAA,CAAK,YAAU,gBAAgB,GAAI,GAClE,CAED,SAAS,EAAmB,CAC1B,GAAG,EACuD,CAAE,CAC5D,OACE,EAACA,EAAsB,OAAA,CAAO,YAAU,uBAAuB,GAAI,GAEtE,CAED,SAAS,EAAoB,CAC3B,GAAG,EACwD,CAAE,CAC7D,OACE,EAACA,EAAsB,QAAA,CACrB,YAAU,wBACV,GAAI,GAGT,CAED,SAAS,EAAoB,CAC3B,YACA,aAAa,EACb,QAAQ,QACR,GAAG,EACwD,CAAE,CAC7D,OACE,EAACA,EAAsB,OAAA,CAAA,SACrB,EAACA,EAAsB,QAAA,CACrB,YAAU,wBACE,aACZ,UAAW,EACT,qCACA,OACA,WACA,oCACA,oCACA,yDACA,0DACA,+BACA,8BACA,+BACA,kCACA,iCACA,kCACA,yCACA,yCACA,yCACA,yCACA,GAEF,GAAI,EACG,WAId,CAED,SAAS,EAAkB,CACzB,GAAG,EACsD,CAAE,CAC3D,OACE,EAACA,EAAsB,MAAA,CAAM,YAAU,sBAAsB,GAAI,GAEpE,CAED,SAAS,EAAiB,CACxB,YACA,QACA,UAAU,UACV,GAAG,EAIJ,CAAE,CACD,OACE,EAACA,EAAsB,KAAA,CACrB,YAAU,qBACV,aAAY,EACZ,eAAc,EACd,UAAW,EACT,2HACA,qBACA,+BACA,0DACA,oBACA,sCACA,6BACA,8CACA,qDACA,oDACA,uDACA,mBACA,8BACA,uCACA,sDACA,GAEF,GAAI,GAGT,CAED,SAAS,EAAyB,CAChC,YACA,WACA,UACA,GAAG,EAC6D,CAAE,CAClE,OACE,EAACA,EAAsB,aAAA,CACrB,YAAU,8BACV,UAAW,EACT,iHACA,kBACA,+BACA,6BACA,sCACA,8BACA,mBACA,uCACA,GAEO,UACT,GAAI,YAEJ,EAAC,OAAA,CAAK,UAAU,yFACd,EAACA,EAAsB,cAAA,CAAA,SACrB,EAAC,EAAA,CAAU,KAAM,GAAA,EAAA,IAGpB,EAAA,EAGN,CAED,SAAS,EAAuB,CAC9B,GAAG,EAC2D,CAAE,CAChE,OACE,EAACA,EAAsB,WAAA,CACrB,YAAU,4BACV,GAAI,GAGT,CAED,SAAS,EAAsB,CAC7B,YACA,WACA,GAAG,EAC0D,CAAE,CAC/D,OACE,EAACA,EAAsB,UAAA,CACrB,YAAU,2BACV,UAAW,EACT,iHACA,kBACA,+BACA,sCACA,6BACA,8BACA,mBACA,uCACA,GAEF,GAAI,YAEJ,EAAC,OAAA,CAAK,UAAU,yFACd,EAACA,EAAsB,cAAA,CAAA,SACrB,EAAC,EAAA,CAAW,UAAU,sBAAA,EAAA,IAGzB,EAAA,EAGN,CAED,SAAS,EAAkB,CACzB,YACA,QACA,GAAG,EAGJ,CAAE,CACD,OACE,EAACA,EAAsB,MAAA,CACrB,YAAU,sBACV,aAAY,EACZ,UAAW,EACT,oDACA,GAEF,GAAI,GAGT,CAED,SAAS,EAAsB,CAC7B,YACA,GAAG,EAC0D,CAAE,CAC/D,OACE,EAACA,EAAsB,UAAA,CACrB,YAAU,0BACV,UAAW,EAAG,4BAA6B,GAC3C,GAAI,GAGT,CAED,SAAS,EAAqB,CAC5B,YACA,GAAG,EAC0B,CAAE,CAC/B,OACE,EAAC,OAAA,CACC,YAAU,yBACV,UAAW,EACT,wDACA,GAEF,GAAI,GAGT,CAED,SAAS,EAAgB,CACvB,GAAG,EACoD,CAAE,CACzD,OAAO,EAACA,EAAsB,IAAA,CAAI,YAAU,oBAAoB,GAAI,GACrE,CAED,SAAS,EAAuB,CAC9B,YACA,QACA,WACA,GAAG,EAGJ,CAAE,CACD,OACE,EAACA,EAAsB,WAAA,CACrB,YAAU,4BACV,aAAY,EACZ,UAAW,EACT,6FACA,kBACA,+BACA,8BACA,2CACA,oBACA,GAEF,GAAI,YAEH,EACD,EAAC,EAAA,CAAiB,UAAU,iBAAA,EAAA,EAGjC,CAED,SAAS,EAAuB,CAC9B,YACA,GAAG,EAC2D,CAAE,CAChE,OACE,EAACA,EAAsB,WAAA,CACrB,YAAU,4BACV,UAAW,EACT,qCACA,wHACA,+BACA,kCACA,iCACA,8BACA,kCACA,+BACA,yCACA,yCACA,yCACA,yCACA,GAEF,GAAI,GAGT"}

package/dist/error-dialog-D_4WL-Hj.js

@@ -0,0 +1,2 @@
+import{AlertDialog as e,AlertDialogAction as t,AlertDialogContent as n,AlertDialogFooter as r,AlertDialogHeader as i,AlertDialogTitle as a}from"./alert-dialog-0KwdjY-6.js";import o from"react";import{jsx as s,jsxs as c}from"react/jsx-runtime";import{AlertTriangleIcon as l}from"lucide-react";const u=({open:u,title:d,children:f,onOpenChange:p})=>{let m=o.useCallback(()=>{p?.(!1)},[p]);return s(e,{open:u,onOpenChange:p,children:c(n,{className:`gap-8 p-4 sm:max-w-md`,children:[s(i,{children:c(`div`,{className:`text-destructive flex flex-col items-center`,children:[s(l,{size:42}),s(a,{className:`text-xl font-medium`,children:d||`An error occurred`})]})}),f,s(r,{children:s(t,{className:`w-28`,onClick:m,children:`Đóng`})})]})})};export{u as ErrorDialog};
+//# sourceMappingURL=error-dialog-D_4WL-Hj.js.map

package/dist/error-dialog-D_4WL-Hj.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"error-dialog-D_4WL-Hj.js","names":["ErrorDialog: React.FC<React.PropsWithChildren<Props>>"],"sources":["../packages/components/dialogs/error-dialog.tsx"],"sourcesContent":["import React from \"react\";\nimport { AlertTriangleIcon } from \"lucide-react\";\n\nimport {\n  AlertDialog,\n  AlertDialogAction,\n  AlertDialogContent,\n  AlertDialogFooter,\n  AlertDialogHeader,\n  AlertDialogTitle,\n} from \"../ui/alert-dialog\";\n\ntype Props = {\n  open?: boolean;\n  title?: string;\n  description?: string;\n  onOpenChange?: (open: boolean) => void;\n};\nexport const ErrorDialog: React.FC<React.PropsWithChildren<Props>> = ({\n  open,\n  title,\n  children,\n  onOpenChange,\n}) => {\n  const handleClose = React.useCallback(() => {\n    onOpenChange?.(false);\n  }, [onOpenChange]);\n  return (\n    <AlertDialog open={open} onOpenChange={onOpenChange}>\n      <AlertDialogContent className=\"gap-8 p-4 sm:max-w-md\">\n        <AlertDialogHeader>\n          <div className=\"text-destructive flex flex-col items-center\">\n            <AlertTriangleIcon size={42} />\n            <AlertDialogTitle className=\"text-xl font-medium\">\n              {title || \"An error occurred\"}\n            </AlertDialogTitle>\n          </div>\n        </AlertDialogHeader>\n        {children}\n        <AlertDialogFooter>\n          <AlertDialogAction className=\"w-28\" onClick={handleClose}>\n            Đóng\n          </AlertDialogAction>\n        </AlertDialogFooter>\n      </AlertDialogContent>\n    </AlertDialog>\n  );\n};\n"],"mappings":"oSAkBA,MAAaA,GAAyD,CACpE,OACA,QACA,WACA,eACD,GAAK,CACJ,IAAM,EAAc,EAAM,gBAAkB,CAC1C,IAAe,GAChB,EAAE,CAAC,EAAa,EACjB,OACE,EAAC,EAAA,CAAkB,OAAoB,wBACrC,EAAC,EAAA,CAAmB,UAAU,kCAC5B,EAAC,EAAA,CAAA,SACC,EAAC,MAAA,CAAI,UAAU,wDACb,EAAC,EAAA,CAAkB,KAAM,GAAA,EACzB,EAAC,EAAA,CAAiB,UAAU,+BACzB,GAAS,2BAIf,EACD,EAAC,EAAA,CAAA,SACC,EAAC,EAAA,CAAkB,UAAU,OAAO,QAAS,WAAa,eAOnE"}

package/dist/error-dialog-DpQgL5Hy.cjs

@@ -0,0 +1,2 @@
+const e=require(`./chunk-CUT6urMc.cjs`),t=require(`./alert-dialog-D5ZqgIiC.cjs`),n=e.__toESM(require(`react`)),r=e.__toESM(require(`react/jsx-runtime`)),i=e.__toESM(require(`lucide-react`)),a=({open:e,title:a,children:o,onOpenChange:s})=>{let c=n.default.useCallback(()=>{s?.(!1)},[s]);return(0,r.jsx)(t.AlertDialog,{open:e,onOpenChange:s,children:(0,r.jsxs)(t.AlertDialogContent,{className:`gap-8 p-4 sm:max-w-md`,children:[(0,r.jsx)(t.AlertDialogHeader,{children:(0,r.jsxs)(`div`,{className:`text-destructive flex flex-col items-center`,children:[(0,r.jsx)(i.AlertTriangleIcon,{size:42}),(0,r.jsx)(t.AlertDialogTitle,{className:`text-xl font-medium`,children:a||`An error occurred`})]})}),o,(0,r.jsx)(t.AlertDialogFooter,{children:(0,r.jsx)(t.AlertDialogAction,{className:`w-28`,onClick:c,children:`Đóng`})})]})})};Object.defineProperty(exports,`ErrorDialog`,{enumerable:!0,get:function(){return a}});
+//# sourceMappingURL=error-dialog-DpQgL5Hy.cjs.map

package/dist/error-dialog-DpQgL5Hy.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"error-dialog-DpQgL5Hy.cjs","names":["ErrorDialog: React.FC<React.PropsWithChildren<Props>>","React","AlertDialog","AlertDialogContent","AlertDialogHeader","AlertTriangleIcon","AlertDialogTitle","AlertDialogFooter","AlertDialogAction"],"sources":["../packages/components/dialogs/error-dialog.tsx"],"sourcesContent":["import React from \"react\";\nimport { AlertTriangleIcon } from \"lucide-react\";\n\nimport {\n  AlertDialog,\n  AlertDialogAction,\n  AlertDialogContent,\n  AlertDialogFooter,\n  AlertDialogHeader,\n  AlertDialogTitle,\n} from \"../ui/alert-dialog\";\n\ntype Props = {\n  open?: boolean;\n  title?: string;\n  description?: string;\n  onOpenChange?: (open: boolean) => void;\n};\nexport const ErrorDialog: React.FC<React.PropsWithChildren<Props>> = ({\n  open,\n  title,\n  children,\n  onOpenChange,\n}) => {\n  const handleClose = React.useCallback(() => {\n    onOpenChange?.(false);\n  }, [onOpenChange]);\n  return (\n    <AlertDialog open={open} onOpenChange={onOpenChange}>\n      <AlertDialogContent className=\"gap-8 p-4 sm:max-w-md\">\n        <AlertDialogHeader>\n          <div className=\"text-destructive flex flex-col items-center\">\n            <AlertTriangleIcon size={42} />\n            <AlertDialogTitle className=\"text-xl font-medium\">\n              {title || \"An error occurred\"}\n            </AlertDialogTitle>\n          </div>\n        </AlertDialogHeader>\n        {children}\n        <AlertDialogFooter>\n          <AlertDialogAction className=\"w-28\" onClick={handleClose}>\n            Đóng\n          </AlertDialogAction>\n        </AlertDialogFooter>\n      </AlertDialogContent>\n    </AlertDialog>\n  );\n};\n"],"mappings":"8LAkBaA,GAAyD,CACpE,OACA,QACA,WACA,eACD,GAAK,CACJ,IAAM,EAAcC,EAAAA,QAAM,gBAAkB,CAC1C,IAAe,GAChB,EAAE,CAAC,EAAa,EACjB,OACE,EAAA,EAAA,KAACC,EAAAA,YAAAA,CAAkB,OAAoB,yBACrC,EAAA,EAAA,MAACC,EAAAA,mBAAAA,CAAmB,UAAU,mCAC5B,EAAA,EAAA,KAACC,EAAAA,kBAAAA,CAAAA,UACC,EAAA,EAAA,MAAC,MAAA,CAAI,UAAU,yDACb,EAAA,EAAA,KAACC,EAAAA,kBAAAA,CAAkB,KAAM,GAAA,GACzB,EAAA,EAAA,KAACC,EAAAA,iBAAAA,CAAiB,UAAU,+BACzB,GAAS,2BAIf,GACD,EAAA,EAAA,KAACC,EAAAA,kBAAAA,CAAAA,UACC,EAAA,EAAA,KAACC,EAAAA,kBAAAA,CAAkB,UAAU,OAAO,QAAS,WAAa,eAOnE"}

package/dist/flex-CNA_SId-.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`},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-CNA_SId-.cjs.map

package/dist/flex-CNA_SId-.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"flex-CNA_SId-.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    },\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 = ({\n  vertical,\n  wrap,\n  width,\n  margin,\n  padding,\n  gap,\n  justify,\n  align,\n  className,\n  children,\n}: 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,UAAU,CAAE,CACrD,SAAU,CACR,SAAU,CACR,KAAM,WACN,MAAO,WACR,CACD,MAAO,CACL,KAAM,SACN,KAAM,SACN,IAAK,QACL,OAAQ,WACR,IAAK,QACL,IAAK,QACN,CACD,KAAM,CACJ,KAAM,YACN,MAAO,cACR,CACD,OAAQ,CACN,GAAI,MACJ,GAAI,MACJ,GAAI,MACJ,GAAI,MACJ,KAAM,MACP,CACD,QAAS,CACP,GAAI,MACJ,GAAI,MACJ,GAAI,MACJ,GAAI,MACJ,KAAM,MACP,CACD,IAAK,CACH,GAAI,QACJ,GAAI,QACJ,GAAI,QACJ,GAAI,QACJ,GAAI,QACJ,KAAM,QACP,CACD,QAAS,CACP,MAAO,gBACP,OAAQ,iBACR,IAAK,cACL,QAAS,kBACT,OAAQ,iBACR,OAAQ,iBACR,QAAS,kBACV,CACD,MAAO,CACL,MAAO,cACP,OAAQ,eACR,IAAK,YACL,SAAU,iBACV,QAAS,gBACV,CACF,CACD,gBAAiB,CACf,SAAU,GACV,KAAM,GACN,MAAO,MACP,OAAQ,OACR,QAAS,KACT,IAAK,KACL,QAAS,QACT,MAAO,SACR,CACF,EAKY,GAAQ,CACnB,WACA,OACA,QACA,SACA,UACA,MACA,UACA,QACA,YACA,WAC+B,IAE7B,EAAA,EAAA,KAAC,MAAA,CACC,UAAWA,EAAAA,GACT,EAAa,CACX,WACA,QACA,OACA,SACA,UACA,MACA,UACA,QACA,YACD,GAGF"}

package/dist/flex-ILvQrYMJ.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`},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-ILvQrYMJ.js.map

package/dist/flex-ILvQrYMJ.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"flex-ILvQrYMJ.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    },\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 = ({\n  vertical,\n  wrap,\n  width,\n  margin,\n  padding,\n  gap,\n  justify,\n  align,\n  className,\n  children,\n}: 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,UAAU,CAAE,CACrD,SAAU,CACR,SAAU,CACR,KAAM,WACN,MAAO,WACR,CACD,MAAO,CACL,KAAM,SACN,KAAM,SACN,IAAK,QACL,OAAQ,WACR,IAAK,QACL,IAAK,QACN,CACD,KAAM,CACJ,KAAM,YACN,MAAO,cACR,CACD,OAAQ,CACN,GAAI,MACJ,GAAI,MACJ,GAAI,MACJ,GAAI,MACJ,KAAM,MACP,CACD,QAAS,CACP,GAAI,MACJ,GAAI,MACJ,GAAI,MACJ,GAAI,MACJ,KAAM,MACP,CACD,IAAK,CACH,GAAI,QACJ,GAAI,QACJ,GAAI,QACJ,GAAI,QACJ,GAAI,QACJ,KAAM,QACP,CACD,QAAS,CACP,MAAO,gBACP,OAAQ,iBACR,IAAK,cACL,QAAS,kBACT,OAAQ,iBACR,OAAQ,iBACR,QAAS,kBACV,CACD,MAAO,CACL,MAAO,cACP,OAAQ,eACR,IAAK,YACL,SAAU,iBACV,QAAS,gBACV,CACF,CACD,gBAAiB,CACf,SAAU,GACV,KAAM,GACN,MAAO,MACP,OAAQ,OACR,QAAS,KACT,IAAK,KACL,QAAS,QACT,MAAO,SACR,CACF,EAKY,GAAQ,CACnB,WACA,OACA,QACA,SACA,UACA,MACA,UACA,QACA,YACA,WAC+B,GAE7B,EAAC,MAAA,CACC,UAAW,EACT,EAAa,CACX,WACA,QACA,OACA,SACA,UACA,MACA,UACA,QACA,YACD,GAGF"}

package/dist/form-CA4hhSV5.js

@@ -0,0 +1,2 @@
+import{cn as e}from"./utils-D9AH0PUV.js";import{Label as t}from"./label-Cxbctr6x.js";import n from"react";import{jsx as r}from"react/jsx-runtime";import{Label as i,Slot as a}from"radix-ui";import{Controller as o,FormProvider as s,useFormContext as c,useFormState as l}from"react-hook-form";const u=s,d=n.createContext({}),f=({...e})=>r(d.Provider,{value:{name:e.name},children:r(o,{...e})}),p=()=>{let e=n.useContext(d),t=n.useContext(m),{getFieldState:r,control:i,resetField:a}=c(),o=l({name:e.name}),s=r(e.name,o);if(!e)throw Error(`useFormField should be used within <FormField>`);let{id:u}=t;return{id:u,control:i,resetField:a,name:e.name,formItemId:`${u}-form-item`,formDescriptionId:`${u}-form-item-description`,formMessageId:`${u}-form-item-message`,...s}},m=n.createContext({});function h({className:t,...i}){let a=n.useId();return r(m.Provider,{value:{id:a},children:r(`div`,{"data-slot":`form-item`,className:e(`grid gap-1`,t),...i})})}function g({className:n,...i}){let{formItemId:a}=p();return r(t,{"data-slot":`form-label`,className:e(`text-xs`,n),htmlFor:a,...i})}function _({...e}){let{error:t,formItemId:n,formDescriptionId:i,formMessageId:o}=p();return r(a.Slot,{"data-slot":`form-control`,id:n,"aria-describedby":t?`${i} ${o}`:`${i}`,"aria-invalid":!!t,...e})}function v({className:t,...n}){let{formDescriptionId:i}=p();return r(`p`,{"data-slot":`form-description`,id:i,className:e(`text-muted-foreground text-sm`,t),...n})}function y({className:t,children:n,...i}){let{error:a,formMessageId:o}=p();return r(`span`,{"data-slot":`form-message`,id:o,className:e(`text-destructive text-xs`,t),...i,children:a?String(a?.message??``):n})}export{u as Form,_ as FormControl,v as FormDescription,f as FormField,h as FormItem,g as FormLabel,y as FormMessage,p as useFormField};
+//# sourceMappingURL=form-CA4hhSV5.js.map

package/dist/form-CA4hhSV5.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-CA4hhSV5.js","names":["Label","SlotPrimitive"],"sources":["../packages/components/ui/form.tsx"],"sourcesContent":["\"use client\";\nimport React from \"react\";\nimport {\n  Controller,\n  type ControllerProps,\n  type FieldPath,\n  type FieldValues,\n  FormProvider,\n  useFormContext,\n  useFormState,\n} from \"react-hook-form\";\nimport { Label as LabelPrimitive, Slot as SlotPrimitive } from \"radix-ui\";\n\nimport { Label } from \"@/components/ui/label\";\nimport { cn } from \"@/lib/utils\";\n\nconst Form = FormProvider;\n\ntype FormFieldContextValue<\n  TFieldValues extends FieldValues = FieldValues,\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,\n> = {\n  name: TName;\n};\n\nconst FormFieldContext = React.createContext<FormFieldContextValue>(\n  {} as FormFieldContextValue,\n);\n\nconst FormField = <\n  TFieldValues extends FieldValues = FieldValues,\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,\n>({\n  ...props\n}: ControllerProps<TFieldValues, TName>) => {\n  return (\n    <FormFieldContext.Provider value={{ name: props.name }}>\n      <Controller {...props} />\n    </FormFieldContext.Provider>\n  );\n};\n\nconst useFormField = () => {\n  const fieldContext = React.useContext(FormFieldContext);\n  const itemContext = React.useContext(FormItemContext);\n  const { getFieldState, control, resetField } = useFormContext();\n  const formState = useFormState({ name: fieldContext.name });\n  const fieldState = getFieldState(fieldContext.name, formState);\n\n  if (!fieldContext) {\n    throw new Error(\"useFormField should be used within <FormField>\");\n  }\n\n  const { id } = itemContext;\n\n  return {\n    id,\n    control,\n    resetField,\n    name: fieldContext.name,\n    formItemId: `${id}-form-item`,\n    formDescriptionId: `${id}-form-item-description`,\n    formMessageId: `${id}-form-item-message`,\n    ...fieldState,\n  };\n};\n\ntype FormItemContextValue = {\n  id: string;\n};\n\nconst FormItemContext = React.createContext<FormItemContextValue>(\n  {} as FormItemContextValue,\n);\n\nfunction FormItem({ className, ...props }: React.ComponentProps<\"div\">) {\n  const id = React.useId();\n\n  return (\n    <FormItemContext.Provider value={{ id }}>\n      <div\n        data-slot=\"form-item\"\n        className={cn(\"grid gap-1\", className)}\n        {...props}\n      />\n    </FormItemContext.Provider>\n  );\n}\n\nfunction FormLabel({\n  className,\n  ...props\n}: React.ComponentProps<typeof LabelPrimitive.Root>) {\n  const { formItemId } = useFormField();\n  return (\n    <Label\n      data-slot=\"form-label\"\n      className={cn(\"text-xs\", className)}\n      htmlFor={formItemId}\n      {...props}\n    />\n  );\n}\n\nfunction FormControl({\n  ...props\n}: React.ComponentProps<typeof SlotPrimitive.Slot>) {\n  const { error, formItemId, formDescriptionId, formMessageId } =\n    useFormField();\n\n  return (\n    <SlotPrimitive.Slot\n      data-slot=\"form-control\"\n      id={formItemId}\n      aria-describedby={\n        !error\n          ? `${formDescriptionId}`\n          : `${formDescriptionId} ${formMessageId}`\n      }\n      aria-invalid={!!error}\n      {...props}\n    />\n  );\n}\n\nfunction FormDescription({ className, ...props }: React.ComponentProps<\"p\">) {\n  const { formDescriptionId } = useFormField();\n\n  return (\n    <p\n      data-slot=\"form-description\"\n      id={formDescriptionId}\n      className={cn(\"text-muted-foreground text-sm\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction FormMessage({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<\"p\">) {\n  const { error, formMessageId } = useFormField();\n\n  return (\n    <span\n      data-slot=\"form-message\"\n      id={formMessageId}\n      className={cn(\"text-destructive text-xs\", className)}\n      {...props}\n    >\n      {error ? String(error?.message ?? \"\") : children}\n    </span>\n  );\n}\n\n// eslint-disable-next-line react-refresh/only-export-components\nexport {\n  Form,\n  FormControl,\n  FormDescription,\n  FormField,\n  FormItem,\n  FormLabel,\n  FormMessage,\n  useFormField,\n};\n"],"mappings":"kSAgBA,MAAM,EAAO,EASP,EAAmB,EAAM,cAC7B,EAAE,EAGE,GAGJ,CACA,GAAG,EACkC,GAEnC,EAAC,EAAiB,SAAA,CAAS,MAAO,CAAE,KAAM,EAAM,KAAM,UACpD,EAAC,EAAA,CAAW,GAAI,EAAA,IAKhB,MAAqB,CACzB,IAAM,EAAe,EAAM,WAAW,GAChC,EAAc,EAAM,WAAW,GAC/B,CAAE,gBAAe,UAAS,aAAY,CAAG,IACzC,EAAY,EAAa,CAAE,KAAM,EAAa,KAAM,EACpD,EAAa,EAAc,EAAa,KAAM,GAEpD,GAAI,CAAC,EACH,MAAU,MAAM,kDAGlB,GAAM,CAAE,KAAI,CAAG,EAEf,MAAO,CACL,KACA,UACA,aACA,KAAM,EAAa,KACnB,WAAY,GAAG,EAAG,YAClB,kBAAmB,GAAG,EAAG,wBACzB,cAAe,GAAG,EAAG,oBACrB,GAAG,EACJ,AACF,EAMK,EAAkB,EAAM,cAC5B,EAAE,EAGJ,SAAS,EAAS,CAAE,YAAW,GAAG,EAAoC,CAAE,CACtE,IAAM,EAAK,EAAM,QAEjB,OACE,EAAC,EAAgB,SAAA,CAAS,MAAO,CAAE,KAAI,UACrC,EAAC,MAAA,CACC,YAAU,YACV,UAAW,EAAG,aAAc,GAC5B,GAAI,KAIX,CAED,SAAS,EAAU,CACjB,YACA,GAAG,EAC8C,CAAE,CACnD,GAAM,CAAE,aAAY,CAAG,IACvB,OACE,EAACA,EAAAA,CACC,YAAU,aACV,UAAW,EAAG,UAAW,GACzB,QAAS,EACT,GAAI,GAGT,CAED,SAAS,EAAY,CACnB,GAAG,EAC6C,CAAE,CAClD,GAAM,CAAE,QAAO,aAAY,oBAAmB,gBAAe,CAC3D,IAEF,OACE,EAACC,EAAc,KAAA,CACb,YAAU,eACV,GAAI,EACJ,mBACG,EAEG,GAAG,EAAkB,GAAG,IADxB,GAAG,IAGT,eAAc,CAAC,CAAC,EAChB,GAAI,GAGT,CAED,SAAS,EAAgB,CAAE,YAAW,GAAG,EAAkC,CAAE,CAC3E,GAAM,CAAE,oBAAmB,CAAG,IAE9B,OACE,EAAC,IAAA,CACC,YAAU,mBACV,GAAI,EACJ,UAAW,EAAG,gCAAiC,GAC/C,GAAI,GAGT,CAED,SAAS,EAAY,CACnB,YACA,WACA,GAAG,EACuB,CAAE,CAC5B,GAAM,CAAE,QAAO,gBAAe,CAAG,IAEjC,OACE,EAAC,OAAA,CACC,YAAU,eACV,GAAI,EACJ,UAAW,EAAG,2BAA4B,GAC1C,GAAI,WAEH,EAAQ,OAAO,GAAO,SAAW,IAAM,GAG7C"}

package/dist/form-CYZkgobJ.cjs

@@ -0,0 +1,2 @@
+const e=require(`./chunk-CUT6urMc.cjs`),t=require(`./utils-BsjVK5EW.cjs`),n=require(`./label-CunjD1rx.cjs`),r=e.__toESM(require(`react`)),i=e.__toESM(require(`react/jsx-runtime`)),a=e.__toESM(require(`radix-ui`)),o=e.__toESM(require(`react-hook-form`)),s=o.FormProvider,c=r.default.createContext({}),l=({...e})=>(0,i.jsx)(c.Provider,{value:{name:e.name},children:(0,i.jsx)(o.Controller,{...e})}),u=()=>{let e=r.default.useContext(c),t=r.default.useContext(d),{getFieldState:n,control:i,resetField:a}=(0,o.useFormContext)(),s=(0,o.useFormState)({name:e.name}),l=n(e.name,s);if(!e)throw Error(`useFormField should be used within <FormField>`);let{id:u}=t;return{id:u,control:i,resetField:a,name:e.name,formItemId:`${u}-form-item`,formDescriptionId:`${u}-form-item-description`,formMessageId:`${u}-form-item-message`,...l}},d=r.default.createContext({});function f({className:e,...n}){let a=r.default.useId();return(0,i.jsx)(d.Provider,{value:{id:a},children:(0,i.jsx)(`div`,{"data-slot":`form-item`,className:t.cn(`grid gap-1`,e),...n})})}function p({className:e,...r}){let{formItemId:a}=u();return(0,i.jsx)(n.Label,{"data-slot":`form-label`,className:t.cn(`text-xs`,e),htmlFor:a,...r})}function m({...e}){let{error:t,formItemId:n,formDescriptionId:r,formMessageId:o}=u();return(0,i.jsx)(a.Slot.Slot,{"data-slot":`form-control`,id:n,"aria-describedby":t?`${r} ${o}`:`${r}`,"aria-invalid":!!t,...e})}function h({className:e,...n}){let{formDescriptionId:r}=u();return(0,i.jsx)(`p`,{"data-slot":`form-description`,id:r,className:t.cn(`text-muted-foreground text-sm`,e),...n})}function g({className:e,children:n,...r}){let{error:a,formMessageId:o}=u();return(0,i.jsx)(`span`,{"data-slot":`form-message`,id:o,className:t.cn(`text-destructive text-xs`,e),...r,children:a?String(a?.message??``):n})}Object.defineProperty(exports,`Form`,{enumerable:!0,get:function(){return s}}),Object.defineProperty(exports,`FormControl`,{enumerable:!0,get:function(){return m}}),Object.defineProperty(exports,`FormDescription`,{enumerable:!0,get:function(){return h}}),Object.defineProperty(exports,`FormField`,{enumerable:!0,get:function(){return l}}),Object.defineProperty(exports,`FormItem`,{enumerable:!0,get:function(){return f}}),Object.defineProperty(exports,`FormLabel`,{enumerable:!0,get:function(){return p}}),Object.defineProperty(exports,`FormMessage`,{enumerable:!0,get:function(){return g}}),Object.defineProperty(exports,`useFormField`,{enumerable:!0,get:function(){return u}});
+//# sourceMappingURL=form-CYZkgobJ.cjs.map

package/dist/form-CYZkgobJ.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-CYZkgobJ.cjs","names":["FormProvider","React","Controller","cn","Label","SlotPrimitive"],"sources":["../packages/components/ui/form.tsx"],"sourcesContent":["\"use client\";\nimport React from \"react\";\nimport {\n  Controller,\n  type ControllerProps,\n  type FieldPath,\n  type FieldValues,\n  FormProvider,\n  useFormContext,\n  useFormState,\n} from \"react-hook-form\";\nimport { Label as LabelPrimitive, Slot as SlotPrimitive } from \"radix-ui\";\n\nimport { Label } from \"@/components/ui/label\";\nimport { cn } from \"@/lib/utils\";\n\nconst Form = FormProvider;\n\ntype FormFieldContextValue<\n  TFieldValues extends FieldValues = FieldValues,\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,\n> = {\n  name: TName;\n};\n\nconst FormFieldContext = React.createContext<FormFieldContextValue>(\n  {} as FormFieldContextValue,\n);\n\nconst FormField = <\n  TFieldValues extends FieldValues = FieldValues,\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,\n>({\n  ...props\n}: ControllerProps<TFieldValues, TName>) => {\n  return (\n    <FormFieldContext.Provider value={{ name: props.name }}>\n      <Controller {...props} />\n    </FormFieldContext.Provider>\n  );\n};\n\nconst useFormField = () => {\n  const fieldContext = React.useContext(FormFieldContext);\n  const itemContext = React.useContext(FormItemContext);\n  const { getFieldState, control, resetField } = useFormContext();\n  const formState = useFormState({ name: fieldContext.name });\n  const fieldState = getFieldState(fieldContext.name, formState);\n\n  if (!fieldContext) {\n    throw new Error(\"useFormField should be used within <FormField>\");\n  }\n\n  const { id } = itemContext;\n\n  return {\n    id,\n    control,\n    resetField,\n    name: fieldContext.name,\n    formItemId: `${id}-form-item`,\n    formDescriptionId: `${id}-form-item-description`,\n    formMessageId: `${id}-form-item-message`,\n    ...fieldState,\n  };\n};\n\ntype FormItemContextValue = {\n  id: string;\n};\n\nconst FormItemContext = React.createContext<FormItemContextValue>(\n  {} as FormItemContextValue,\n);\n\nfunction FormItem({ className, ...props }: React.ComponentProps<\"div\">) {\n  const id = React.useId();\n\n  return (\n    <FormItemContext.Provider value={{ id }}>\n      <div\n        data-slot=\"form-item\"\n        className={cn(\"grid gap-1\", className)}\n        {...props}\n      />\n    </FormItemContext.Provider>\n  );\n}\n\nfunction FormLabel({\n  className,\n  ...props\n}: React.ComponentProps<typeof LabelPrimitive.Root>) {\n  const { formItemId } = useFormField();\n  return (\n    <Label\n      data-slot=\"form-label\"\n      className={cn(\"text-xs\", className)}\n      htmlFor={formItemId}\n      {...props}\n    />\n  );\n}\n\nfunction FormControl({\n  ...props\n}: React.ComponentProps<typeof SlotPrimitive.Slot>) {\n  const { error, formItemId, formDescriptionId, formMessageId } =\n    useFormField();\n\n  return (\n    <SlotPrimitive.Slot\n      data-slot=\"form-control\"\n      id={formItemId}\n      aria-describedby={\n        !error\n          ? `${formDescriptionId}`\n          : `${formDescriptionId} ${formMessageId}`\n      }\n      aria-invalid={!!error}\n      {...props}\n    />\n  );\n}\n\nfunction FormDescription({ className, ...props }: React.ComponentProps<\"p\">) {\n  const { formDescriptionId } = useFormField();\n\n  return (\n    <p\n      data-slot=\"form-description\"\n      id={formDescriptionId}\n      className={cn(\"text-muted-foreground text-sm\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction FormMessage({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<\"p\">) {\n  const { error, formMessageId } = useFormField();\n\n  return (\n    <span\n      data-slot=\"form-message\"\n      id={formMessageId}\n      className={cn(\"text-destructive text-xs\", className)}\n      {...props}\n    >\n      {error ? String(error?.message ?? \"\") : children}\n    </span>\n  );\n}\n\n// eslint-disable-next-line react-refresh/only-export-components\nexport {\n  Form,\n  FormControl,\n  FormDescription,\n  FormField,\n  FormItem,\n  FormLabel,\n  FormMessage,\n  useFormField,\n};\n"],"mappings":"6PAgBM,EAAOA,EAAAA,aASP,EAAmBC,EAAAA,QAAM,cAC7B,EAAE,EAGE,GAGJ,CACA,GAAG,EACkC,IAEnC,EAAA,EAAA,KAAC,EAAiB,SAAA,CAAS,MAAO,CAAE,KAAM,EAAM,KAAM,WACpD,EAAA,EAAA,KAACC,EAAAA,WAAAA,CAAW,GAAI,EAAA,IAKhB,MAAqB,CACzB,IAAM,EAAeD,EAAAA,QAAM,WAAW,GAChC,EAAcA,EAAAA,QAAM,WAAW,GAC/B,CAAE,gBAAe,UAAS,aAAY,EAAA,EAAA,EAAA,kBACtC,GAAA,EAAA,EAAA,cAAyB,CAAE,KAAM,EAAa,KAAM,EACpD,EAAa,EAAc,EAAa,KAAM,GAEpD,GAAI,CAAC,EACH,MAAU,MAAM,kDAGlB,GAAM,CAAE,KAAI,CAAG,EAEf,MAAO,CACL,KACA,UACA,aACA,KAAM,EAAa,KACnB,WAAY,GAAG,EAAG,YAClB,kBAAmB,GAAG,EAAG,wBACzB,cAAe,GAAG,EAAG,oBACrB,GAAG,EACJ,AACF,EAMK,EAAkBA,EAAAA,QAAM,cAC5B,EAAE,EAGJ,SAAS,EAAS,CAAE,YAAW,GAAG,EAAoC,CAAE,CACtE,IAAM,EAAKA,EAAAA,QAAM,QAEjB,OACE,EAAA,EAAA,KAAC,EAAgB,SAAA,CAAS,MAAO,CAAE,KAAI,WACrC,EAAA,EAAA,KAAC,MAAA,CACC,YAAU,YACV,UAAWE,EAAAA,GAAG,aAAc,GAC5B,GAAI,KAIX,CAED,SAAS,EAAU,CACjB,YACA,GAAG,EAC8C,CAAE,CACnD,GAAM,CAAE,aAAY,CAAG,IACvB,OACE,EAAA,EAAA,KAACC,EAAAA,MAAAA,CACC,YAAU,aACV,UAAWD,EAAAA,GAAG,UAAW,GACzB,QAAS,EACT,GAAI,GAGT,CAED,SAAS,EAAY,CACnB,GAAG,EAC6C,CAAE,CAClD,GAAM,CAAE,QAAO,aAAY,oBAAmB,gBAAe,CAC3D,IAEF,OACE,EAAA,EAAA,KAACE,EAAAA,KAAc,KAAA,CACb,YAAU,eACV,GAAI,EACJ,mBACG,EAEG,GAAG,EAAkB,GAAG,IADxB,GAAG,IAGT,eAAc,CAAC,CAAC,EAChB,GAAI,GAGT,CAED,SAAS,EAAgB,CAAE,YAAW,GAAG,EAAkC,CAAE,CAC3E,GAAM,CAAE,oBAAmB,CAAG,IAE9B,OACE,EAAA,EAAA,KAAC,IAAA,CACC,YAAU,mBACV,GAAI,EACJ,UAAWF,EAAAA,GAAG,gCAAiC,GAC/C,GAAI,GAGT,CAED,SAAS,EAAY,CACnB,YACA,WACA,GAAG,EACuB,CAAE,CAC5B,GAAM,CAAE,QAAO,gBAAe,CAAG,IAEjC,OACE,EAAA,EAAA,KAAC,OAAA,CACC,YAAU,eACV,GAAI,EACJ,UAAWA,EAAAA,GAAG,2BAA4B,GAC1C,GAAI,WAEH,EAAQ,OAAO,GAAO,SAAW,IAAM,GAG7C"}

package/dist/form-wrapper-BYbwt1zC.cjs

@@ -0,0 +1,2 @@
+const e=require(`./chunk-CUT6urMc.cjs`),t=require(`./error-dialog-DpQgL5Hy.cjs`),n=require(`./form-CYZkgobJ.cjs`),r=e.__toESM(require(`react`)),i=e.__toESM(require(`react/jsx-runtime`)),a=e.__toESM(require(`lucide-react`)),o=e.__toESM(require(`react-hook-form`)),s=e.__toESM(require(`@hookform/error-message`)),c=({form:e,isResetAfterSubmit:c=!0,className:l,onSubmit:u,onError:d,onSubcribe:f,children:p})=>{let m=(0,o.useForm)({...e,criteriaMode:`all`}),{formState:h,reset:g,handleSubmit:_,subscribe:v}=m,{dirtyFields:y}=h,[b,x]=r.default.useState(!1),S=r.default.useCallback(e=>{u(e,h,y),c&&g()},[y,h,c,u,g]),C=r.default.useCallback(e=>{let t=Object.keys(e);t.length!==0&&(d?.(e),x(!0))},[d]);return r.default.useEffect(()=>{if(!f)return;let e=v({formState:{values:!0},callback:({values:e})=>{f(e)}});return()=>e()},[f,v]),(0,i.jsxs)(n.Form,{...m,children:[(0,i.jsx)(`form`,{className:l,onSubmit:_(S,C),children:p}),(0,i.jsx)(t.ErrorDialog,{open:b,title:`Lỗi nhập dữ liệu`,description:`An unexpected error has occurred. Please check the errors below and try again.`,onOpenChange:x,children:b&&(0,i.jsx)(i.Fragment,{children:Object.keys(h.errors).length>0?(0,i.jsxs)(`div`,{className:`flex max-w-100 flex-col gap-2 px-4`,children:[(0,i.jsx)(`p`,{className:`text-muted-foreground text-sm font-semibold`,children:`Cảnh báo: Vui lòng kiểm tra các lỗi sau:`}),(0,i.jsx)(`div`,{className:`flex flex-col space-y-1`,children:Object.entries(h.errors).map(([e])=>(0,i.jsx)(s.ErrorMessage,{errors:h.errors,name:e,render:({messages:e})=>(0,i.jsx)(i.Fragment,{children:e?Object.entries(e).map(([e,t])=>(0,i.jsxs)(`div`,{className:`text-accent-foreground flex items-start gap-x-1 truncate text-sm font-normal`,children:[(0,i.jsx)(a.AlertCircleIcon,{size:16,className:`text-destructive mt-0.5 min-w-4 flex-0`}),(0,i.jsx)(`p`,{className:`line-clamp-2 flex-1 text-wrap`,children:t})]},e)):null})},e))})]}):(0,i.jsx)(`p`,{className:`text-muted-foreground text-sm`,children:`No errors found.`})})})]})};Object.defineProperty(exports,`FormWrapper`,{enumerable:!0,get:function(){return c}});
+//# sourceMappingURL=form-wrapper-BYbwt1zC.cjs.map

package/dist/form-wrapper-BYbwt1zC.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-wrapper-BYbwt1zC.cjs","names":["React","Form","ErrorDialog","ErrorMessage","AlertCircleIcon"],"sources":["../packages/components/forms/form-wrapper.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n  type FieldValues,\n  type FormState,\n  type SubmitErrorHandler,\n  type SubmitHandler,\n  useForm,\n  type UseFormProps,\n} from \"react-hook-form\";\nimport { AlertCircleIcon } from \"lucide-react\";\n\nimport type { AnyEntity } from \"@/types\";\nimport { ErrorMessage } from \"@hookform/error-message\";\n\nimport { ErrorDialog } from \"../dialogs/error-dialog\";\nimport { Form } from \"../ui/form\";\n\ntype Props<TFieldValues extends FieldValues = FieldValues> = {\n  form: UseFormProps<TFieldValues>;\n  isResetAfterSubmit?: boolean;\n  className?: string;\n  onSubmit: (\n    data: TFieldValues,\n    formState: FormState<FieldValues>,\n    dirtyFields: FormState<FieldValues>[\"dirtyFields\"],\n  ) => void | Promise<void>;\n  onError?: SubmitErrorHandler<TFieldValues>;\n  onSubcribe?: (values: TFieldValues) => void;\n};\n\nexport const FormWrapper = <TFieldValues extends FieldValues = FieldValues>({\n  form: FormConfig,\n  isResetAfterSubmit = true,\n  className,\n  onSubmit,\n  onError,\n  onSubcribe,\n  children,\n}: React.PropsWithChildren<Props<TFieldValues>>) => {\n  const form = useForm({\n    ...FormConfig,\n    criteriaMode: \"all\",\n  });\n\n  const { formState, reset, handleSubmit, subscribe } = form;\n  const { dirtyFields } = formState;\n\n  const [errorOpen, setErrorOpen] = React.useState<boolean>(false);\n\n  const handleFormSubmit = React.useCallback<SubmitHandler<TFieldValues>>(\n    (data) => {\n      onSubmit(data, formState, dirtyFields);\n      if (isResetAfterSubmit) {\n        reset();\n      }\n    },\n    [dirtyFields, formState, isResetAfterSubmit, onSubmit, reset],\n  );\n\n  const handleFormError = React.useCallback<SubmitErrorHandler<TFieldValues>>(\n    (errors) => {\n      const errorKeys = Object.keys(errors);\n      if (errorKeys.length === 0) return;\n      onError?.(errors);\n      setErrorOpen(true);\n    },\n    [onError],\n  );\n\n  React.useEffect(() => {\n    if (!onSubcribe) return;\n    const callback = subscribe({\n      formState: { values: true },\n      callback: ({ values }) => {\n        onSubcribe(values);\n      },\n    });\n    return () => callback();\n  }, [onSubcribe, subscribe]);\n\n  return (\n    <Form {...form}>\n      <form\n        className={className}\n        onSubmit={handleSubmit(handleFormSubmit, handleFormError)}\n      >\n        {children}\n      </form>\n      <ErrorDialog\n        open={errorOpen}\n        title=\"Lỗi nhập dữ liệu\"\n        description=\"An unexpected error has occurred. Please check the errors below and try again.\"\n        onOpenChange={setErrorOpen}\n      >\n        {errorOpen && (\n          <>\n            {Object.keys(formState.errors).length > 0 ? (\n              <div className=\"flex max-w-100 flex-col gap-2 px-4\">\n                <p className=\"text-muted-foreground text-sm font-semibold\">\n                  Cảnh báo: Vui lòng kiểm tra các lỗi sau:\n                </p>\n                <div className=\"flex flex-col space-y-1\">\n                  {Object.entries(formState.errors).map(([key]) => (\n                    <ErrorMessage\n                      key={key}\n                      errors={formState.errors}\n                      name={key as AnyEntity}\n                      render={({ messages }) => {\n                        return (\n                          <>\n                            {messages\n                              ? Object.entries(messages).map(\n                                  ([type, message]) => {\n                                    return (\n                                      <div\n                                        key={type}\n                                        className=\"text-accent-foreground flex items-start gap-x-1 truncate text-sm font-normal\"\n                                      >\n                                        <AlertCircleIcon\n                                          size={16}\n                                          className=\"text-destructive mt-0.5 min-w-4 flex-0\"\n                                        />\n                                        <p className=\"line-clamp-2 flex-1 text-wrap\">\n                                          {message}\n                                        </p>\n                                      </div>\n                                    );\n                                  },\n                                )\n                              : null}\n                          </>\n                        );\n                      }}\n                    />\n                  ))}\n                </div>\n              </div>\n            ) : (\n              <p className=\"text-muted-foreground text-sm\">No errors found.</p>\n            )}\n          </>\n        )}\n      </ErrorDialog>\n    </Form>\n  );\n};\n"],"mappings":"uTA8Ba,GAA+D,CAC1E,KAAM,EACN,qBAAqB,GACrB,YACA,WACA,UACA,aACA,WAC6C,GAAK,CAClD,IAAM,GAAA,EAAA,EAAA,SAAe,CACnB,GAAG,EACH,aAAc,MACf,EAEK,CAAE,YAAW,QAAO,eAAc,YAAW,CAAG,EAChD,CAAE,cAAa,CAAG,EAElB,CAAC,EAAW,EAAa,CAAGA,EAAAA,QAAM,SAAkB,IAEpD,EAAmBA,EAAAA,QAAM,YAC5B,GAAS,CACR,EAAS,EAAM,EAAW,GACtB,GACF,GAEH,EACD,CAAC,EAAa,EAAW,EAAoB,EAAU,EAAM,EAGzD,EAAkBA,EAAAA,QAAM,YAC3B,GAAW,CACV,IAAM,EAAY,OAAO,KAAK,GAC1B,EAAU,SAAW,IACzB,IAAU,GACV,EAAa,IACd,EACD,CAAC,EAAQ,EAcX,OAXA,EAAA,QAAM,cAAgB,CACpB,GAAI,CAAC,EAAY,OACjB,IAAM,EAAW,EAAU,CACzB,UAAW,CAAE,OAAQ,GAAM,CAC3B,UAAW,CAAE,SAAQ,GAAK,CACxB,EAAW,EACZ,EACF,EACD,UAAa,GACd,EAAE,CAAC,EAAY,EAAU,GAGxB,EAAA,EAAA,MAACC,EAAAA,KAAAA,CAAK,GAAI,aACR,EAAA,EAAA,KAAC,OAAA,CACY,YACX,SAAU,EAAa,EAAkB,GAExC,cAEH,EAAA,EAAA,KAACC,EAAAA,YAAAA,CACC,KAAM,EACN,MAAM,mBACN,YAAY,iFACZ,aAAc,WAEb,IACC,EAAA,EAAA,KAAA,EAAA,SAAA,CAAA,SACG,OAAO,KAAK,EAAU,QAAQ,OAAS,GACtC,EAAA,EAAA,MAAC,MAAA,CAAI,UAAU,gDACb,EAAA,EAAA,KAAC,IAAA,CAAE,UAAU,uDAA8C,8CAG3D,EAAA,EAAA,KAAC,MAAA,CAAI,UAAU,mCACZ,OAAO,QAAQ,EAAU,QAAQ,KAAK,CAAC,EAAI,IAC1C,EAAA,EAAA,KAACC,EAAAA,aAAAA,CAEC,OAAQ,EAAU,OAClB,KAAM,EACN,QAAS,CAAE,WAAU,IAEjB,EAAA,EAAA,KAAA,EAAA,SAAA,CAAA,SACG,EACG,OAAO,QAAQ,GAAU,KACtB,CAAC,EAAM,EAAQ,IAEZ,EAAA,EAAA,MAAC,MAAA,CAEC,UAAU,0FAEV,EAAA,EAAA,KAACC,EAAAA,gBAAAA,CACC,KAAM,GACN,UAAU,4CAEZ,EAAA,EAAA,KAAC,IAAA,CAAE,UAAU,yCACV,MARE,IAcb,KAAA,GAzBL,UAkCb,EAAA,EAAA,KAAC,IAAA,CAAE,UAAU,yCAAgC,2BAO1D"}

package/dist/form-wrapper-D-2Uz518.js

@@ -0,0 +1,2 @@
+import{ErrorDialog as e}from"./error-dialog-D_4WL-Hj.js";import{Form as t}from"./form-CA4hhSV5.js";import n from"react";import{Fragment as r,jsx as i,jsxs as a}from"react/jsx-runtime";import{AlertCircleIcon as o}from"lucide-react";import{useForm as s}from"react-hook-form";import{ErrorMessage as c}from"@hookform/error-message";const l=({form:l,isResetAfterSubmit:u=!0,className:d,onSubmit:f,onError:p,onSubcribe:m,children:h})=>{let g=s({...l,criteriaMode:`all`}),{formState:_,reset:v,handleSubmit:y,subscribe:b}=g,{dirtyFields:x}=_,[S,C]=n.useState(!1),w=n.useCallback(e=>{f(e,_,x),u&&v()},[x,_,u,f,v]),T=n.useCallback(e=>{let t=Object.keys(e);t.length!==0&&(p?.(e),C(!0))},[p]);return n.useEffect(()=>{if(!m)return;let e=b({formState:{values:!0},callback:({values:e})=>{m(e)}});return()=>e()},[m,b]),a(t,{...g,children:[i(`form`,{className:d,onSubmit:y(w,T),children:h}),i(e,{open:S,title:`Lỗi nhập dữ liệu`,description:`An unexpected error has occurred. Please check the errors below and try again.`,onOpenChange:C,children:S&&i(r,{children:Object.keys(_.errors).length>0?a(`div`,{className:`flex max-w-100 flex-col gap-2 px-4`,children:[i(`p`,{className:`text-muted-foreground text-sm font-semibold`,children:`Cảnh báo: Vui lòng kiểm tra các lỗi sau:`}),i(`div`,{className:`flex flex-col space-y-1`,children:Object.entries(_.errors).map(([e])=>i(c,{errors:_.errors,name:e,render:({messages:e})=>i(r,{children:e?Object.entries(e).map(([e,t])=>a(`div`,{className:`text-accent-foreground flex items-start gap-x-1 truncate text-sm font-normal`,children:[i(o,{size:16,className:`text-destructive mt-0.5 min-w-4 flex-0`}),i(`p`,{className:`line-clamp-2 flex-1 text-wrap`,children:t})]},e)):null})},e))})]}):i(`p`,{className:`text-muted-foreground text-sm`,children:`No errors found.`})})})]})};export{l as FormWrapper};
+//# sourceMappingURL=form-wrapper-D-2Uz518.js.map

package/dist/form-wrapper-D-2Uz518.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-wrapper-D-2Uz518.js","names":[],"sources":["../packages/components/forms/form-wrapper.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n  type FieldValues,\n  type FormState,\n  type SubmitErrorHandler,\n  type SubmitHandler,\n  useForm,\n  type UseFormProps,\n} from \"react-hook-form\";\nimport { AlertCircleIcon } from \"lucide-react\";\n\nimport type { AnyEntity } from \"@/types\";\nimport { ErrorMessage } from \"@hookform/error-message\";\n\nimport { ErrorDialog } from \"../dialogs/error-dialog\";\nimport { Form } from \"../ui/form\";\n\ntype Props<TFieldValues extends FieldValues = FieldValues> = {\n  form: UseFormProps<TFieldValues>;\n  isResetAfterSubmit?: boolean;\n  className?: string;\n  onSubmit: (\n    data: TFieldValues,\n    formState: FormState<FieldValues>,\n    dirtyFields: FormState<FieldValues>[\"dirtyFields\"],\n  ) => void | Promise<void>;\n  onError?: SubmitErrorHandler<TFieldValues>;\n  onSubcribe?: (values: TFieldValues) => void;\n};\n\nexport const FormWrapper = <TFieldValues extends FieldValues = FieldValues>({\n  form: FormConfig,\n  isResetAfterSubmit = true,\n  className,\n  onSubmit,\n  onError,\n  onSubcribe,\n  children,\n}: React.PropsWithChildren<Props<TFieldValues>>) => {\n  const form = useForm({\n    ...FormConfig,\n    criteriaMode: \"all\",\n  });\n\n  const { formState, reset, handleSubmit, subscribe } = form;\n  const { dirtyFields } = formState;\n\n  const [errorOpen, setErrorOpen] = React.useState<boolean>(false);\n\n  const handleFormSubmit = React.useCallback<SubmitHandler<TFieldValues>>(\n    (data) => {\n      onSubmit(data, formState, dirtyFields);\n      if (isResetAfterSubmit) {\n        reset();\n      }\n    },\n    [dirtyFields, formState, isResetAfterSubmit, onSubmit, reset],\n  );\n\n  const handleFormError = React.useCallback<SubmitErrorHandler<TFieldValues>>(\n    (errors) => {\n      const errorKeys = Object.keys(errors);\n      if (errorKeys.length === 0) return;\n      onError?.(errors);\n      setErrorOpen(true);\n    },\n    [onError],\n  );\n\n  React.useEffect(() => {\n    if (!onSubcribe) return;\n    const callback = subscribe({\n      formState: { values: true },\n      callback: ({ values }) => {\n        onSubcribe(values);\n      },\n    });\n    return () => callback();\n  }, [onSubcribe, subscribe]);\n\n  return (\n    <Form {...form}>\n      <form\n        className={className}\n        onSubmit={handleSubmit(handleFormSubmit, handleFormError)}\n      >\n        {children}\n      </form>\n      <ErrorDialog\n        open={errorOpen}\n        title=\"Lỗi nhập dữ liệu\"\n        description=\"An unexpected error has occurred. Please check the errors below and try again.\"\n        onOpenChange={setErrorOpen}\n      >\n        {errorOpen && (\n          <>\n            {Object.keys(formState.errors).length > 0 ? (\n              <div className=\"flex max-w-100 flex-col gap-2 px-4\">\n                <p className=\"text-muted-foreground text-sm font-semibold\">\n                  Cảnh báo: Vui lòng kiểm tra các lỗi sau:\n                </p>\n                <div className=\"flex flex-col space-y-1\">\n                  {Object.entries(formState.errors).map(([key]) => (\n                    <ErrorMessage\n                      key={key}\n                      errors={formState.errors}\n                      name={key as AnyEntity}\n                      render={({ messages }) => {\n                        return (\n                          <>\n                            {messages\n                              ? Object.entries(messages).map(\n                                  ([type, message]) => {\n                                    return (\n                                      <div\n                                        key={type}\n                                        className=\"text-accent-foreground flex items-start gap-x-1 truncate text-sm font-normal\"\n                                      >\n                                        <AlertCircleIcon\n                                          size={16}\n                                          className=\"text-destructive mt-0.5 min-w-4 flex-0\"\n                                        />\n                                        <p className=\"line-clamp-2 flex-1 text-wrap\">\n                                          {message}\n                                        </p>\n                                      </div>\n                                    );\n                                  },\n                                )\n                              : null}\n                          </>\n                        );\n                      }}\n                    />\n                  ))}\n                </div>\n              </div>\n            ) : (\n              <p className=\"text-muted-foreground text-sm\">No errors found.</p>\n            )}\n          </>\n        )}\n      </ErrorDialog>\n    </Form>\n  );\n};\n"],"mappings":"wUA8BA,MAAa,GAA+D,CAC1E,KAAM,EACN,qBAAqB,GACrB,YACA,WACA,UACA,aACA,WAC6C,GAAK,CAClD,IAAM,EAAO,EAAQ,CACnB,GAAG,EACH,aAAc,MACf,EAEK,CAAE,YAAW,QAAO,eAAc,YAAW,CAAG,EAChD,CAAE,cAAa,CAAG,EAElB,CAAC,EAAW,EAAa,CAAG,EAAM,SAAkB,IAEpD,EAAmB,EAAM,YAC5B,GAAS,CACR,EAAS,EAAM,EAAW,GACtB,GACF,GAEH,EACD,CAAC,EAAa,EAAW,EAAoB,EAAU,EAAM,EAGzD,EAAkB,EAAM,YAC3B,GAAW,CACV,IAAM,EAAY,OAAO,KAAK,GAC1B,EAAU,SAAW,IACzB,IAAU,GACV,EAAa,IACd,EACD,CAAC,EAAQ,EAcX,OAXA,EAAM,cAAgB,CACpB,GAAI,CAAC,EAAY,OACjB,IAAM,EAAW,EAAU,CACzB,UAAW,CAAE,OAAQ,GAAM,CAC3B,UAAW,CAAE,SAAQ,GAAK,CACxB,EAAW,EACZ,EACF,EACD,UAAa,GACd,EAAE,CAAC,EAAY,EAAU,EAGxB,EAAC,EAAA,CAAK,GAAI,YACR,EAAC,OAAA,CACY,YACX,SAAU,EAAa,EAAkB,GAExC,aAEH,EAAC,EAAA,CACC,KAAM,EACN,MAAM,mBACN,YAAY,iFACZ,aAAc,WAEb,GACC,EAAA,EAAA,CAAA,SACG,OAAO,KAAK,EAAU,QAAQ,OAAS,EACtC,EAAC,MAAA,CAAI,UAAU,+CACb,EAAC,IAAA,CAAE,UAAU,uDAA8C,6CAG3D,EAAC,MAAA,CAAI,UAAU,mCACZ,OAAO,QAAQ,EAAU,QAAQ,KAAK,CAAC,EAAI,GAC1C,EAAC,EAAA,CAEC,OAAQ,EAAU,OAClB,KAAM,EACN,QAAS,CAAE,WAAU,GAEjB,EAAA,EAAA,CAAA,SACG,EACG,OAAO,QAAQ,GAAU,KACtB,CAAC,EAAM,EAAQ,GAEZ,EAAC,MAAA,CAEC,UAAU,yFAEV,EAAC,EAAA,CACC,KAAM,GACN,UAAU,2CAEZ,EAAC,IAAA,CAAE,UAAU,yCACV,MARE,IAcb,KAAA,GAzBL,SAkCb,EAAC,IAAA,CAAE,UAAU,yCAAgC,2BAO1D"}

package/dist/forms/form-wrapper.cjs

@@ -0,0 +1 @@
+require(`../utils-BsjVK5EW.cjs`),require(`../button-Dzv_nos1.cjs`),require(`../alert-dialog-D5ZqgIiC.cjs`),require(`../error-dialog-DpQgL5Hy.cjs`),require(`../label-CunjD1rx.cjs`),require(`../form-CYZkgobJ.cjs`);const e=require(`../form-wrapper-BYbwt1zC.cjs`);exports.FormWrapper=e.FormWrapper;

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

@@ -0,0 +1,24 @@
+import React from "react";
+import { FieldValues, FormState, SubmitErrorHandler, UseFormProps } from "react-hook-form";
+
+//#region packages/components/forms/form-wrapper.d.ts
+type Props<TFieldValues extends FieldValues = FieldValues> = {
+  form: UseFormProps<TFieldValues>;
+  isResetAfterSubmit?: boolean;
+  className?: string;
+  onSubmit: (data: TFieldValues, formState: FormState<FieldValues>, dirtyFields: FormState<FieldValues>["dirtyFields"]) => void | Promise<void>;
+  onError?: SubmitErrorHandler<TFieldValues>;
+  onSubcribe?: (values: TFieldValues) => void;
+};
+declare const FormWrapper: <TFieldValues extends FieldValues = FieldValues>({
+  form: FormConfig,
+  isResetAfterSubmit,
+  className,
+  onSubmit,
+  onError,
+  onSubcribe,
+  children
+}: React.PropsWithChildren<Props<TFieldValues>>) => any;
+//#endregion
+export { FormWrapper };
+//# sourceMappingURL=form-wrapper.d.cts.map

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

@@ -0,0 +1,24 @@
+import React from "react";
+import { FieldValues, FormState, SubmitErrorHandler, UseFormProps } from "react-hook-form";
+
+//#region packages/components/forms/form-wrapper.d.ts
+type Props<TFieldValues extends FieldValues = FieldValues> = {
+  form: UseFormProps<TFieldValues>;
+  isResetAfterSubmit?: boolean;
+  className?: string;
+  onSubmit: (data: TFieldValues, formState: FormState<FieldValues>, dirtyFields: FormState<FieldValues>["dirtyFields"]) => void | Promise<void>;
+  onError?: SubmitErrorHandler<TFieldValues>;
+  onSubcribe?: (values: TFieldValues) => void;
+};
+declare const FormWrapper: <TFieldValues extends FieldValues = FieldValues>({
+  form: FormConfig,
+  isResetAfterSubmit,
+  className,
+  onSubmit,
+  onError,
+  onSubcribe,
+  children
+}: React.PropsWithChildren<Props<TFieldValues>>) => any;
+//#endregion
+export { FormWrapper };
+//# sourceMappingURL=form-wrapper.d.ts.map

package/dist/forms/form-wrapper.js

@@ -0,0 +1 @@
+import"../utils-D9AH0PUV.js";import"../button-Bku3bKv9.js";import"../alert-dialog-0KwdjY-6.js";import"../error-dialog-D_4WL-Hj.js";import"../label-Cxbctr6x.js";import"../form-CA4hhSV5.js";import{FormWrapper as e}from"../form-wrapper-D-2Uz518.js";export{e as FormWrapper};

package/dist/{input-8iac_flR.d.ts → input-D0Phuz25.d.cts}

@@ -9,7 +9,7 @@ declare function Input({
   ...props
 }: React.ComponentProps<"input"> & {
   onValueChange?: (value: string) => void;
-}): React.JSX.Element;
+}): any;
 //#endregion
 export { Input };
-//# sourceMappingURL=input-8iac_flR.d.ts.map
+//# sourceMappingURL=input-D0Phuz25.d.cts.map

package/dist/{input-BROCl7ef.cjs → input-DXEBB91E.cjs}

@@ -1,2 +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`));function i({className:e,type:i,onChange:a,onValueChange:o,...s}){let c=n.default.useCallback(e=>{a?.(e),o?.(e.target.value)},[a,o]);return(0,r.jsx)(`input`,{type:i,"data-slot":`input`,className:t.cn(`flex h-9 w-full min-w-0`,`border-input shadow-input rounded-md border`,`px-3 py-1`,`bg-transparent`,`caret-primary text-sm`,`transition-[color,box-shadow] outline-none`,`placeholder:text-muted-foreground`,`selection:bg-primary`,`selection:text-primary-foreground`,`file:inline-flex`,`file:h-7`,`file:border-0`,`file:bg-transparent`,`file:text-sm`,`file:text-foreground`,`file:font-medium`,`disabled:pointer-events-none`,`disabled:cursor-not-allowed`,`disabled:opacity-50`,`focus-visible:ring-4`,`focus-visible:ring-ring`,`focus-visible:border-primary/60`,`aria-invalid:ring-destructive/40`,`aria-invalid:border-destructive`,e),...s,onChange:c})}Object.defineProperty(exports,`Input`,{enumerable:!0,get:function(){return i}});
-//# sourceMappingURL=input-BROCl7ef.cjs.map
+//# sourceMappingURL=input-DXEBB91E.cjs.map

package/dist/{input-BROCl7ef.cjs.map → input-DXEBB91E.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"input-BROCl7ef.cjs","names":["React","cn"],"sources":["../packages/components/ui/input.tsx"],"sourcesContent":["\"use client\";\nimport React from \"react\";\n\nimport { cn } from \"@/lib/utils\";\n\nfunction Input({\n  className,\n  type,\n  onChange,\n  onValueChange,\n  ...props\n}: React.ComponentProps<\"input\"> & {\n  onValueChange?: (value: string) => void;\n}) {\n  const handleChange = React.useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      onChange?.(e);\n      onValueChange?.(e.target.value);\n    },\n    [onChange, onValueChange],\n  );\n  return (\n    <input\n      type={type}\n      data-slot=\"input\"\n      className={cn(\n        \"flex h-9 w-full min-w-0\",\n        \"border-input shadow-input rounded-md border\",\n        \"px-3 py-1\",\n        \"bg-transparent\",\n        \"caret-primary text-sm\",\n        \"transition-[color,box-shadow] outline-none\",\n        \"placeholder:text-muted-foreground\",\n        \"selection:bg-primary\",\n        \"selection:text-primary-foreground\",\n        \"file:inline-flex\",\n        \"file:h-7\",\n        \"file:border-0\",\n        \"file:bg-transparent\",\n        \"file:text-sm\",\n        \"file:text-foreground\",\n        \"file:font-medium\",\n        \"disabled:pointer-events-none\",\n        \"disabled:cursor-not-allowed\",\n        \"disabled:opacity-50\",\n        \"focus-visible:ring-4\",\n        \"focus-visible:ring-ring\",\n        \"focus-visible:border-primary/60\",\n        \"aria-invalid:ring-destructive/40\",\n        \"aria-invalid:border-destructive\",\n        className,\n      )}\n      {...props}\n      onChange={handleChange}\n    />\n  );\n}\n\nexport { Input };\n"],"mappings":"kJAKA,SAAS,EAAM,CACb,YACA,OACA,WACA,gBACA,GAAG,EAGJ,CAAE,CACD,IAAM,EAAeA,EAAAA,QAAM,YACxB,GAA2C,CAC1C,IAAW,GACX,IAAgB,EAAE,OAAO,MAC1B,EACD,CAAC,EAAU,EAAc,EAE3B,OACE,EAAA,EAAA,KAAC,QAAA,CACO,OACN,YAAU,QACV,UAAWC,EAAAA,GACT,0BACA,8CACA,YACA,iBACA,wBACA,6CACA,oCACA,uBACA,oCACA,mBACA,WACA,gBACA,sBACA,eACA,uBACA,mBACA,+BACA,8BACA,sBACA,uBACA,0BACA,kCACA,mCACA,kCACA,GAEF,GAAI,EACJ,SAAU,GAGf"}
+{"version":3,"file":"input-DXEBB91E.cjs","names":["React","cn"],"sources":["../packages/components/ui/input.tsx"],"sourcesContent":["\"use client\";\nimport React from \"react\";\n\nimport { cn } from \"@/lib/utils\";\n\nfunction Input({\n  className,\n  type,\n  onChange,\n  onValueChange,\n  ...props\n}: React.ComponentProps<\"input\"> & {\n  onValueChange?: (value: string) => void;\n}) {\n  const handleChange = React.useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      onChange?.(e);\n      onValueChange?.(e.target.value);\n    },\n    [onChange, onValueChange],\n  );\n  return (\n    <input\n      type={type}\n      data-slot=\"input\"\n      className={cn(\n        \"flex h-9 w-full min-w-0\",\n        \"border-input shadow-input rounded-md border\",\n        \"px-3 py-1\",\n        \"bg-transparent\",\n        \"caret-primary text-sm\",\n        \"transition-[color,box-shadow] outline-none\",\n        \"placeholder:text-muted-foreground\",\n        \"selection:bg-primary\",\n        \"selection:text-primary-foreground\",\n        \"file:inline-flex\",\n        \"file:h-7\",\n        \"file:border-0\",\n        \"file:bg-transparent\",\n        \"file:text-sm\",\n        \"file:text-foreground\",\n        \"file:font-medium\",\n        \"disabled:pointer-events-none\",\n        \"disabled:cursor-not-allowed\",\n        \"disabled:opacity-50\",\n        \"focus-visible:ring-4\",\n        \"focus-visible:ring-ring\",\n        \"focus-visible:border-primary/60\",\n        \"aria-invalid:ring-destructive/40\",\n        \"aria-invalid:border-destructive\",\n        className,\n      )}\n      {...props}\n      onChange={handleChange}\n    />\n  );\n}\n\nexport { Input };\n"],"mappings":"kJAKA,SAAS,EAAM,CACb,YACA,OACA,WACA,gBACA,GAAG,EAGJ,CAAE,CACD,IAAM,EAAeA,EAAAA,QAAM,YACxB,GAA2C,CAC1C,IAAW,GACX,IAAgB,EAAE,OAAO,MAC1B,EACD,CAAC,EAAU,EAAc,EAE3B,OACE,EAAA,EAAA,KAAC,QAAA,CACO,OACN,YAAU,QACV,UAAWC,EAAAA,GACT,0BACA,8CACA,YACA,iBACA,wBACA,6CACA,oCACA,uBACA,oCACA,mBACA,WACA,gBACA,sBACA,eACA,uBACA,mBACA,+BACA,8BACA,sBACA,uBACA,0BACA,kCACA,mCACA,kCACA,GAEF,GAAI,EACJ,SAAU,GAGf"}

package/dist/{input-3pmkK3b5.js → input-FzKbxUq2.js}

@@ -1,2 +1,2 @@
 import{cn as e}from"./utils-D9AH0PUV.js";import t from"react";import{jsx as n}from"react/jsx-runtime";function r({className:r,type:i,onChange:a,onValueChange:o,...s}){let c=t.useCallback(e=>{a?.(e),o?.(e.target.value)},[a,o]);return n(`input`,{type:i,"data-slot":`input`,className:e(`flex h-9 w-full min-w-0`,`border-input shadow-input rounded-md border`,`px-3 py-1`,`bg-transparent`,`caret-primary text-sm`,`transition-[color,box-shadow] outline-none`,`placeholder:text-muted-foreground`,`selection:bg-primary`,`selection:text-primary-foreground`,`file:inline-flex`,`file:h-7`,`file:border-0`,`file:bg-transparent`,`file:text-sm`,`file:text-foreground`,`file:font-medium`,`disabled:pointer-events-none`,`disabled:cursor-not-allowed`,`disabled:opacity-50`,`focus-visible:ring-4`,`focus-visible:ring-ring`,`focus-visible:border-primary/60`,`aria-invalid:ring-destructive/40`,`aria-invalid:border-destructive`,r),...s,onChange:c})}export{r as Input};
-//# sourceMappingURL=input-3pmkK3b5.js.map
+//# sourceMappingURL=input-FzKbxUq2.js.map

package/dist/{input-3pmkK3b5.js.map → input-FzKbxUq2.js.map}

@@ -1 +1 @@
-{"version":3,"file":"input-3pmkK3b5.js","names":[],"sources":["../packages/components/ui/input.tsx"],"sourcesContent":["\"use client\";\nimport React from \"react\";\n\nimport { cn } from \"@/lib/utils\";\n\nfunction Input({\n  className,\n  type,\n  onChange,\n  onValueChange,\n  ...props\n}: React.ComponentProps<\"input\"> & {\n  onValueChange?: (value: string) => void;\n}) {\n  const handleChange = React.useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      onChange?.(e);\n      onValueChange?.(e.target.value);\n    },\n    [onChange, onValueChange],\n  );\n  return (\n    <input\n      type={type}\n      data-slot=\"input\"\n      className={cn(\n        \"flex h-9 w-full min-w-0\",\n        \"border-input shadow-input rounded-md border\",\n        \"px-3 py-1\",\n        \"bg-transparent\",\n        \"caret-primary text-sm\",\n        \"transition-[color,box-shadow] outline-none\",\n        \"placeholder:text-muted-foreground\",\n        \"selection:bg-primary\",\n        \"selection:text-primary-foreground\",\n        \"file:inline-flex\",\n        \"file:h-7\",\n        \"file:border-0\",\n        \"file:bg-transparent\",\n        \"file:text-sm\",\n        \"file:text-foreground\",\n        \"file:font-medium\",\n        \"disabled:pointer-events-none\",\n        \"disabled:cursor-not-allowed\",\n        \"disabled:opacity-50\",\n        \"focus-visible:ring-4\",\n        \"focus-visible:ring-ring\",\n        \"focus-visible:border-primary/60\",\n        \"aria-invalid:ring-destructive/40\",\n        \"aria-invalid:border-destructive\",\n        className,\n      )}\n      {...props}\n      onChange={handleChange}\n    />\n  );\n}\n\nexport { Input };\n"],"mappings":"sGAKA,SAAS,EAAM,CACb,YACA,OACA,WACA,gBACA,GAAG,EAGJ,CAAE,CACD,IAAM,EAAe,EAAM,YACxB,GAA2C,CAC1C,IAAW,GACX,IAAgB,EAAE,OAAO,MAC1B,EACD,CAAC,EAAU,EAAc,EAE3B,OACE,EAAC,QAAA,CACO,OACN,YAAU,QACV,UAAW,EACT,0BACA,8CACA,YACA,iBACA,wBACA,6CACA,oCACA,uBACA,oCACA,mBACA,WACA,gBACA,sBACA,eACA,uBACA,mBACA,+BACA,8BACA,sBACA,uBACA,0BACA,kCACA,mCACA,kCACA,GAEF,GAAI,EACJ,SAAU,GAGf"}
+{"version":3,"file":"input-FzKbxUq2.js","names":[],"sources":["../packages/components/ui/input.tsx"],"sourcesContent":["\"use client\";\nimport React from \"react\";\n\nimport { cn } from \"@/lib/utils\";\n\nfunction Input({\n  className,\n  type,\n  onChange,\n  onValueChange,\n  ...props\n}: React.ComponentProps<\"input\"> & {\n  onValueChange?: (value: string) => void;\n}) {\n  const handleChange = React.useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      onChange?.(e);\n      onValueChange?.(e.target.value);\n    },\n    [onChange, onValueChange],\n  );\n  return (\n    <input\n      type={type}\n      data-slot=\"input\"\n      className={cn(\n        \"flex h-9 w-full min-w-0\",\n        \"border-input shadow-input rounded-md border\",\n        \"px-3 py-1\",\n        \"bg-transparent\",\n        \"caret-primary text-sm\",\n        \"transition-[color,box-shadow] outline-none\",\n        \"placeholder:text-muted-foreground\",\n        \"selection:bg-primary\",\n        \"selection:text-primary-foreground\",\n        \"file:inline-flex\",\n        \"file:h-7\",\n        \"file:border-0\",\n        \"file:bg-transparent\",\n        \"file:text-sm\",\n        \"file:text-foreground\",\n        \"file:font-medium\",\n        \"disabled:pointer-events-none\",\n        \"disabled:cursor-not-allowed\",\n        \"disabled:opacity-50\",\n        \"focus-visible:ring-4\",\n        \"focus-visible:ring-ring\",\n        \"focus-visible:border-primary/60\",\n        \"aria-invalid:ring-destructive/40\",\n        \"aria-invalid:border-destructive\",\n        className,\n      )}\n      {...props}\n      onChange={handleChange}\n    />\n  );\n}\n\nexport { Input };\n"],"mappings":"sGAKA,SAAS,EAAM,CACb,YACA,OACA,WACA,gBACA,GAAG,EAGJ,CAAE,CACD,IAAM,EAAe,EAAM,YACxB,GAA2C,CAC1C,IAAW,GACX,IAAgB,EAAE,OAAO,MAC1B,EACD,CAAC,EAAU,EAAc,EAE3B,OACE,EAAC,QAAA,CACO,OACN,YAAU,QACV,UAAW,EACT,0BACA,8CACA,YACA,iBACA,wBACA,6CACA,oCACA,uBACA,oCACA,mBACA,WACA,gBACA,sBACA,eACA,uBACA,mBACA,+BACA,8BACA,sBACA,uBACA,0BACA,kCACA,mCACA,kCACA,GAEF,GAAI,EACJ,SAAU,GAGf"}

package/dist/{input-DsHkxcpM.d.cts → input-tHIKXxVS.d.ts}

@@ -9,7 +9,7 @@ declare function Input({
   ...props
 }: React.ComponentProps<"input"> & {
   onValueChange?: (value: string) => void;
-}): React.JSX.Element;
+}): any;
 //#endregion
 export { Input };
-//# sourceMappingURL=input-DsHkxcpM.d.cts.map
+//# sourceMappingURL=input-tHIKXxVS.d.ts.map

package/dist/{label-BWUQswhZ.cjs → label-CunjD1rx.cjs}

@@ -1,2 +1,2 @@
-const e=require(`./chunk-CUT6urMc.cjs`),t=require(`./utils-BsjVK5EW.cjs`),n=e.__toESM(require(`react`)),r=e.__toESM(require(`radix-ui`)),i=e.__toESM(require(`react/jsx-runtime`));function a({className:e,...n}){return(0,i.jsx)(r.Label.Root,{"data-slot":`label`,className:t.cn(`text-secondary-foreground`,`flex items-center gap-2`,`text-sm leading-none font-medium select-none`,`group-data-[disabled=true]:pointer-events-none`,`group-data-[disabled=true]:opacity-50`,`peer-disabled:cursor-not-allowed`,`peer-disabled:opacity-50`,e),...n})}Object.defineProperty(exports,`Label`,{enumerable:!0,get:function(){return a}});
-//# sourceMappingURL=label-BWUQswhZ.cjs.map
+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(`radix-ui`));function a({className:e,...n}){return(0,r.jsx)(i.Label.Root,{"data-slot":`label`,className:t.cn(`text-secondary-foreground`,`flex items-center gap-2`,`text-sm leading-none font-medium select-none`,`group-data-[disabled=true]:pointer-events-none`,`group-data-[disabled=true]:opacity-50`,`peer-disabled:cursor-not-allowed`,`peer-disabled:opacity-50`,e),...n})}Object.defineProperty(exports,`Label`,{enumerable:!0,get:function(){return a}});
+//# sourceMappingURL=label-CunjD1rx.cjs.map

package/dist/{label-BWUQswhZ.cjs.map → label-CunjD1rx.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"label-BWUQswhZ.cjs","names":["LabelPrimitive","cn"],"sources":["../packages/components/ui/label.tsx"],"sourcesContent":["\"use client\";\nimport React from \"react\";\nimport { Label as LabelPrimitive } from \"radix-ui\";\n\nimport { cn } from \"@/lib/utils\";\n\nfunction Label({\n  className,\n  ...props\n}: React.ComponentProps<typeof LabelPrimitive.Root>) {\n  return (\n    <LabelPrimitive.Root\n      data-slot=\"label\"\n      className={cn(\n        \"text-secondary-foreground\",\n        \"flex items-center gap-2\",\n        \"text-sm leading-none font-medium select-none\",\n        \"group-data-[disabled=true]:pointer-events-none\",\n        \"group-data-[disabled=true]:opacity-50\",\n        \"peer-disabled:cursor-not-allowed\",\n        \"peer-disabled:opacity-50\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport { Label };\n"],"mappings":"mLAMA,SAAS,EAAM,CACb,YACA,GAAG,EAC8C,CAAE,CACnD,OACE,EAAA,EAAA,KAACA,EAAAA,MAAe,KAAA,CACd,YAAU,QACV,UAAWC,EAAAA,GACT,4BACA,0BACA,+CACA,iDACA,wCACA,mCACA,2BACA,GAEF,GAAI,GAGT"}
+{"version":3,"file":"label-CunjD1rx.cjs","names":["LabelPrimitive","cn"],"sources":["../packages/components/ui/label.tsx"],"sourcesContent":["\"use client\";\nimport React from \"react\";\nimport { Label as LabelPrimitive } from \"radix-ui\";\n\nimport { cn } from \"@/lib/utils\";\n\nfunction Label({\n  className,\n  ...props\n}: React.ComponentProps<typeof LabelPrimitive.Root>) {\n  return (\n    <LabelPrimitive.Root\n      data-slot=\"label\"\n      className={cn(\n        \"text-secondary-foreground\",\n        \"flex items-center gap-2\",\n        \"text-sm leading-none font-medium select-none\",\n        \"group-data-[disabled=true]:pointer-events-none\",\n        \"group-data-[disabled=true]:opacity-50\",\n        \"peer-disabled:cursor-not-allowed\",\n        \"peer-disabled:opacity-50\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport { Label };\n"],"mappings":"mLAMA,SAAS,EAAM,CACb,YACA,GAAG,EAC8C,CAAE,CACnD,OACE,EAAA,EAAA,KAACA,EAAAA,MAAe,KAAA,CACd,YAAU,QACV,UAAWC,EAAAA,GACT,4BACA,0BACA,+CACA,iDACA,wCACA,mCACA,2BACA,GAEF,GAAI,GAGT"}

package/dist/{label-Bunoo8Hy.js → label-Cxbctr6x.js}

@@ -1,2 +1,2 @@
-import{cn as e}from"./utils-D9AH0PUV.js";import t from"react";import{Label as n}from"radix-ui";import{jsx as r}from"react/jsx-runtime";function i({className:t,...i}){return r(n.Root,{"data-slot":`label`,className:e(`text-secondary-foreground`,`flex items-center gap-2`,`text-sm leading-none font-medium select-none`,`group-data-[disabled=true]:pointer-events-none`,`group-data-[disabled=true]:opacity-50`,`peer-disabled:cursor-not-allowed`,`peer-disabled:opacity-50`,t),...i})}export{i as Label};
-//# sourceMappingURL=label-Bunoo8Hy.js.map
+import{cn as e}from"./utils-D9AH0PUV.js";import t from"react";import{jsx as n}from"react/jsx-runtime";import{Label as r}from"radix-ui";function i({className:t,...i}){return n(r.Root,{"data-slot":`label`,className:e(`text-secondary-foreground`,`flex items-center gap-2`,`text-sm leading-none font-medium select-none`,`group-data-[disabled=true]:pointer-events-none`,`group-data-[disabled=true]:opacity-50`,`peer-disabled:cursor-not-allowed`,`peer-disabled:opacity-50`,t),...i})}export{i as Label};
+//# sourceMappingURL=label-Cxbctr6x.js.map

package/dist/{label-Bunoo8Hy.js.map → label-Cxbctr6x.js.map}

@@ -1 +1 @@
-{"version":3,"file":"label-Bunoo8Hy.js","names":["Label","LabelPrimitive"],"sources":["../packages/components/ui/label.tsx"],"sourcesContent":["\"use client\";\nimport React from \"react\";\nimport { Label as LabelPrimitive } from \"radix-ui\";\n\nimport { cn } from \"@/lib/utils\";\n\nfunction Label({\n  className,\n  ...props\n}: React.ComponentProps<typeof LabelPrimitive.Root>) {\n  return (\n    <LabelPrimitive.Root\n      data-slot=\"label\"\n      className={cn(\n        \"text-secondary-foreground\",\n        \"flex items-center gap-2\",\n        \"text-sm leading-none font-medium select-none\",\n        \"group-data-[disabled=true]:pointer-events-none\",\n        \"group-data-[disabled=true]:opacity-50\",\n        \"peer-disabled:cursor-not-allowed\",\n        \"peer-disabled:opacity-50\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport { Label };\n"],"mappings":"uIAMA,SAASA,EAAM,CACb,YACA,GAAG,EAC8C,CAAE,CACnD,OACE,EAACC,EAAe,KAAA,CACd,YAAU,QACV,UAAW,EACT,4BACA,0BACA,+CACA,iDACA,wCACA,mCACA,2BACA,GAEF,GAAI,GAGT"}
+{"version":3,"file":"label-Cxbctr6x.js","names":["Label","LabelPrimitive"],"sources":["../packages/components/ui/label.tsx"],"sourcesContent":["\"use client\";\nimport React from \"react\";\nimport { Label as LabelPrimitive } from \"radix-ui\";\n\nimport { cn } from \"@/lib/utils\";\n\nfunction Label({\n  className,\n  ...props\n}: React.ComponentProps<typeof LabelPrimitive.Root>) {\n  return (\n    <LabelPrimitive.Root\n      data-slot=\"label\"\n      className={cn(\n        \"text-secondary-foreground\",\n        \"flex items-center gap-2\",\n        \"text-sm leading-none font-medium select-none\",\n        \"group-data-[disabled=true]:pointer-events-none\",\n        \"group-data-[disabled=true]:opacity-50\",\n        \"peer-disabled:cursor-not-allowed\",\n        \"peer-disabled:opacity-50\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport { Label };\n"],"mappings":"uIAMA,SAASA,EAAM,CACb,YACA,GAAG,EAC8C,CAAE,CACnD,OACE,EAACC,EAAe,KAAA,CACd,YAAU,QACV,UAAW,EACT,4BACA,0BACA,+CACA,iDACA,wCACA,mCACA,2BACA,GAEF,GAAI,GAGT"}

package/dist/layouts/flex.cjs

@@ -0,0 +1 @@
+"use client";require(`../utils-BsjVK5EW.cjs`);const e=require(`../flex-CNA_SId-.cjs`);exports.Flex=e.Flex;

package/dist/layouts/flex.d.cts

@@ -0,0 +1,23 @@
+import React from "react";
+import { VariantProps } from "class-variance-authority";
+
+//#region packages/components/layouts/flex.d.ts
+declare const flexVariants: any;
+type Props = {
+  className?: string;
+} & VariantProps<typeof flexVariants>;
+declare const Flex: ({
+  vertical,
+  wrap,
+  width,
+  margin,
+  padding,
+  gap,
+  justify,
+  align,
+  className,
+  children
+}: React.PropsWithChildren<Props>) => any;
+//#endregion
+export { Flex };
+//# sourceMappingURL=flex.d.cts.map

package/dist/layouts/flex.d.ts

@@ -0,0 +1,23 @@
+import React from "react";
+import { VariantProps } from "class-variance-authority";
+
+//#region packages/components/layouts/flex.d.ts
+declare const flexVariants: any;
+type Props = {
+  className?: string;
+} & VariantProps<typeof flexVariants>;
+declare const Flex: ({
+  vertical,
+  wrap,
+  width,
+  margin,
+  padding,
+  gap,
+  justify,
+  align,
+  className,
+  children
+}: React.PropsWithChildren<Props>) => any;
+//#endregion
+export { Flex };
+//# sourceMappingURL=flex.d.ts.map

package/dist/layouts/flex.js

@@ -0,0 +1 @@
+"use client";import"../utils-D9AH0PUV.js";import{Flex as e}from"../flex-ILvQrYMJ.js";export{e as Flex};

package/dist/layouts/main/index.cjs

@@ -0,0 +1,2 @@
+const e=require(`../../chunk-CUT6urMc.cjs`),t=require(`../../utils-BsjVK5EW.cjs`);require(`../../tooltip-Beb-_EPp.cjs`);const n=require(`../../button-Dzv_nos1.cjs`);require(`../../input-DXEBB91E.cjs`),require(`../../separator-DTB3sDNG.cjs`),require(`../../sheet-CCwbAaA6.cjs`),require(`../../skeleton-m3giaF4T.cjs`);const r=require(`../../sidebar-BLPMNltJ.cjs`),i=e.__toESM(require(`react/jsx-runtime`)),a=e.__toESM(require(`lucide-react`)),o=({children:e})=>(0,i.jsx)(r.SidebarInset,{children:(0,i.jsx)(`section`,{className:`relative size-full`,children:(0,i.jsx)(`div`,{className:`absolute inset-0`,children:e})})}),s=()=>(0,i.jsxs)(`header`,{className:t.cn(`bg-card`,`h-(--header-height)`,`absolute inset-x-0 top-0 z-20`,`flex items-center gap-2 border-b shadow-sm`,`transition-[width,height] ease-linear`,`group-has-data-[collapsible=icon]/sidebar-wrapper:h-(--header-height)`,`px-4`),children:[(0,i.jsx)(r.SidebarTrigger,{}),(0,i.jsxs)(`div`,{className:`ml-2.5 flex gap-x-2`,children:[(0,i.jsx)(`div`,{className:`bg-sidebar-primary text-sidebar-primary-foreground flex aspect-square size-8 items-center justify-center rounded-lg`,children:(0,i.jsx)(a.ShoppingCartIcon,{size:20})}),(0,i.jsxs)(`div`,{className:`grid flex-1 text-left text-sm leading-tight`,children:[(0,i.jsx)(`span`,{className:`truncate font-medium`,children:`Lunas Store`}),(0,i.jsx)(`span`,{className:`truncate text-xs`,children:`Established 2023`})]})]}),(0,i.jsxs)(`div`,{className:`flex flex-1 items-center justify-end`,children:[(0,i.jsx)(n.Button,{variant:`ghost`,size:`icon`,className:`text-muted-foreground rounded-full`,children:(0,i.jsx)(a.CircleQuestionMarkIcon,{})}),(0,i.jsx)(n.Button,{variant:`ghost`,size:`icon`,className:`text-muted-foreground rounded-full`,children:(0,i.jsx)(a.BellIcon,{})})]})]}),c=({children:e})=>(0,i.jsx)(r.SidebarProvider,{className:`w-svw`,children:e}),l=({children:e})=>(0,i.jsxs)(c,{children:[(0,i.jsx)(s,{}),(0,i.jsx)(o,{children:e})]});exports.MainLayout=l;
+//# sourceMappingURL=index.cjs.map

package/dist/layouts/main/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","names":["SidebarInset","cn","SidebarTrigger","ShoppingCartIcon","Button","CircleQuestionMarkIcon","BellIcon","SidebarProvider"],"sources":["../../../packages/components/layouts/main/content.tsx","../../../packages/components/layouts/main/header.tsx","../../../packages/components/layouts/main/wrapper.tsx","../../../packages/components/layouts/main/index.tsx"],"sourcesContent":["import { SidebarInset } from \"@/components/ui/sidebar\";\n\nexport const MainLayoutContent = ({ children }: React.PropsWithChildren) => {\n  return (\n    <SidebarInset>\n      <section className=\"relative size-full\">\n        <div className=\"absolute inset-0\">{children}</div>\n      </section>\n    </SidebarInset>\n  );\n};\n","import {\n  BellIcon,\n  CircleQuestionMarkIcon,\n  ShoppingCartIcon,\n} from \"lucide-react\";\n\nimport { Button } from \"@/components/ui/button\";\nimport { SidebarTrigger } from \"@/components/ui/sidebar\";\nimport { cn } from \"@/lib/utils\";\n\nexport const MainLayoutHeader = () => {\n  return (\n    <header\n      className={cn(\n        \"bg-card\",\n        \"h-(--header-height)\",\n        \"absolute inset-x-0 top-0 z-20\",\n        \"flex items-center gap-2 border-b shadow-sm\",\n        \"transition-[width,height] ease-linear\",\n        \"group-has-data-[collapsible=icon]/sidebar-wrapper:h-(--header-height)\",\n        \"px-4\",\n      )}\n    >\n      <SidebarTrigger />\n\n      <div className=\"ml-2.5 flex gap-x-2\">\n        <div className=\"bg-sidebar-primary text-sidebar-primary-foreground flex aspect-square size-8 items-center justify-center rounded-lg\">\n          <ShoppingCartIcon size={20} />\n        </div>\n        <div className=\"grid flex-1 text-left text-sm leading-tight\">\n          <span className=\"truncate font-medium\">Lunas Store</span>\n          <span className=\"truncate text-xs\">Established 2023</span>\n        </div>\n      </div>\n      <div className=\"flex flex-1 items-center justify-end\">\n        <Button\n          variant=\"ghost\"\n          size=\"icon\"\n          className=\"text-muted-foreground rounded-full\"\n        >\n          <CircleQuestionMarkIcon />\n        </Button>\n        <Button\n          variant=\"ghost\"\n          size=\"icon\"\n          className=\"text-muted-foreground rounded-full\"\n        >\n          <BellIcon />\n        </Button>\n      </div>\n    </header>\n  );\n};\n","import { SidebarProvider } from \"@/components/ui/sidebar\";\n\nexport const MainLayoutWrapper = ({ children }: React.PropsWithChildren) => {\n  return <SidebarProvider className=\"w-svw\">{children}</SidebarProvider>;\n};\n","import { MainLayoutContent } from \"./content\";\nimport { MainLayoutHeader } from \"./header\";\nimport { MainLayoutWrapper } from \"./wrapper\";\n\nexport const MainLayout = ({ children }: React.PropsWithChildren) => {\n  return (\n    <MainLayoutWrapper>\n      <MainLayoutHeader />\n      <MainLayoutContent>{children}</MainLayoutContent>\n    </MainLayoutWrapper>\n  );\n};\n"],"mappings":"ybAEa,GAAqB,CAAE,WAAmC,IAEnE,EAAA,EAAA,KAACA,EAAAA,aAAAA,CAAAA,UACC,EAAA,EAAA,KAAC,UAAA,CAAQ,UAAU,+BACjB,EAAA,EAAA,KAAC,MAAA,CAAI,UAAU,mBAAoB,iBCI9B,OAET,EAAA,EAAA,MAAC,SAAA,CACC,UAAWC,EAAAA,GACT,UACA,sBACA,gCACA,6CACA,wCACA,wEACA,mBAGF,EAAA,EAAA,KAACC,EAAAA,eAAAA,EAAAA,GAED,EAAA,EAAA,MAAC,MAAA,CAAI,UAAU,iCACb,EAAA,EAAA,KAAC,MAAA,CAAI,UAAU,gIACb,EAAA,EAAA,KAACC,EAAAA,iBAAAA,CAAiB,KAAM,GAAA,KAE1B,EAAA,EAAA,MAAC,MAAA,CAAI,UAAU,yDACb,EAAA,EAAA,KAAC,OAAA,CAAK,UAAU,gCAAuB,iBACvC,EAAA,EAAA,KAAC,OAAA,CAAK,UAAU,4BAAmB,4BAGvC,EAAA,EAAA,MAAC,MAAA,CAAI,UAAU,kDACb,EAAA,EAAA,KAACC,EAAAA,OAAAA,CACC,QAAQ,QACR,KAAK,OACL,UAAU,+CAEV,EAAA,EAAA,KAACC,EAAAA,uBAAAA,EAAAA,KAEH,EAAA,EAAA,KAACD,EAAAA,OAAAA,CACC,QAAQ,QACR,KAAK,OACL,UAAU,+CAEV,EAAA,EAAA,KAACE,EAAAA,SAAAA,EAAAA,UC7CE,GAAqB,CAAE,WAAmC,IAC9D,EAAA,EAAA,KAACC,EAAAA,gBAAAA,CAAgB,UAAU,QAAS,aCChC,GAAc,CAAE,WAAmC,IAE5D,EAAA,EAAA,MAAC,EAAA,CAAA,SAAA,EACC,EAAA,EAAA,KAAC,EAAA,EAAA,GACD,EAAA,EAAA,KAAC,EAAA,CAAmB,WAAA,EAAA,CAAA"}

package/dist/layouts/main/index.d.cts

@@ -0,0 +1,7 @@
+//#region packages/components/layouts/main/index.d.ts
+declare const MainLayout: ({
+  children
+}: React.PropsWithChildren) => any;
+//#endregion
+export { MainLayout };
+//# sourceMappingURL=index.d.cts.map

package/dist/layouts/main/index.d.ts

@@ -0,0 +1,7 @@
+//#region packages/components/layouts/main/index.d.ts
+declare const MainLayout: ({
+  children
+}: React.PropsWithChildren) => any;
+//#endregion
+export { MainLayout };
+//# sourceMappingURL=index.d.ts.map

package/dist/layouts/main/index.js

@@ -0,0 +1,2 @@
+import{cn as e}from"../../utils-D9AH0PUV.js";import"../../tooltip-Dzyf5smh.js";import{Button as t}from"../../button-Bku3bKv9.js";import"../../input-FzKbxUq2.js";import"../../separator-BpsL0PlX.js";import"../../sheet-C8r2QGpq.js";import"../../skeleton-DYmX0k94.js";import{SidebarInset as n,SidebarProvider as r,SidebarTrigger as i}from"../../sidebar-C166f_9B.js";import{jsx as a,jsxs as o}from"react/jsx-runtime";import{BellIcon as s,CircleQuestionMarkIcon as c,ShoppingCartIcon as l}from"lucide-react";const u=({children:e})=>a(n,{children:a(`section`,{className:`relative size-full`,children:a(`div`,{className:`absolute inset-0`,children:e})})}),d=()=>o(`header`,{className:e(`bg-card`,`h-(--header-height)`,`absolute inset-x-0 top-0 z-20`,`flex items-center gap-2 border-b shadow-sm`,`transition-[width,height] ease-linear`,`group-has-data-[collapsible=icon]/sidebar-wrapper:h-(--header-height)`,`px-4`),children:[a(i,{}),o(`div`,{className:`ml-2.5 flex gap-x-2`,children:[a(`div`,{className:`bg-sidebar-primary text-sidebar-primary-foreground flex aspect-square size-8 items-center justify-center rounded-lg`,children:a(l,{size:20})}),o(`div`,{className:`grid flex-1 text-left text-sm leading-tight`,children:[a(`span`,{className:`truncate font-medium`,children:`Lunas Store`}),a(`span`,{className:`truncate text-xs`,children:`Established 2023`})]})]}),o(`div`,{className:`flex flex-1 items-center justify-end`,children:[a(t,{variant:`ghost`,size:`icon`,className:`text-muted-foreground rounded-full`,children:a(c,{})}),a(t,{variant:`ghost`,size:`icon`,className:`text-muted-foreground rounded-full`,children:a(s,{})})]})]}),f=({children:e})=>a(r,{className:`w-svw`,children:e}),p=({children:e})=>o(f,{children:[a(d,{}),a(u,{children:e})]});export{p as MainLayout};
+//# sourceMappingURL=index.js.map

package/dist/layouts/main/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../packages/components/layouts/main/content.tsx","../../../packages/components/layouts/main/header.tsx","../../../packages/components/layouts/main/wrapper.tsx","../../../packages/components/layouts/main/index.tsx"],"sourcesContent":["import { SidebarInset } from \"@/components/ui/sidebar\";\n\nexport const MainLayoutContent = ({ children }: React.PropsWithChildren) => {\n  return (\n    <SidebarInset>\n      <section className=\"relative size-full\">\n        <div className=\"absolute inset-0\">{children}</div>\n      </section>\n    </SidebarInset>\n  );\n};\n","import {\n  BellIcon,\n  CircleQuestionMarkIcon,\n  ShoppingCartIcon,\n} from \"lucide-react\";\n\nimport { Button } from \"@/components/ui/button\";\nimport { SidebarTrigger } from \"@/components/ui/sidebar\";\nimport { cn } from \"@/lib/utils\";\n\nexport const MainLayoutHeader = () => {\n  return (\n    <header\n      className={cn(\n        \"bg-card\",\n        \"h-(--header-height)\",\n        \"absolute inset-x-0 top-0 z-20\",\n        \"flex items-center gap-2 border-b shadow-sm\",\n        \"transition-[width,height] ease-linear\",\n        \"group-has-data-[collapsible=icon]/sidebar-wrapper:h-(--header-height)\",\n        \"px-4\",\n      )}\n    >\n      <SidebarTrigger />\n\n      <div className=\"ml-2.5 flex gap-x-2\">\n        <div className=\"bg-sidebar-primary text-sidebar-primary-foreground flex aspect-square size-8 items-center justify-center rounded-lg\">\n          <ShoppingCartIcon size={20} />\n        </div>\n        <div className=\"grid flex-1 text-left text-sm leading-tight\">\n          <span className=\"truncate font-medium\">Lunas Store</span>\n          <span className=\"truncate text-xs\">Established 2023</span>\n        </div>\n      </div>\n      <div className=\"flex flex-1 items-center justify-end\">\n        <Button\n          variant=\"ghost\"\n          size=\"icon\"\n          className=\"text-muted-foreground rounded-full\"\n        >\n          <CircleQuestionMarkIcon />\n        </Button>\n        <Button\n          variant=\"ghost\"\n          size=\"icon\"\n          className=\"text-muted-foreground rounded-full\"\n        >\n          <BellIcon />\n        </Button>\n      </div>\n    </header>\n  );\n};\n","import { SidebarProvider } from \"@/components/ui/sidebar\";\n\nexport const MainLayoutWrapper = ({ children }: React.PropsWithChildren) => {\n  return <SidebarProvider className=\"w-svw\">{children}</SidebarProvider>;\n};\n","import { MainLayoutContent } from \"./content\";\nimport { MainLayoutHeader } from \"./header\";\nimport { MainLayoutWrapper } from \"./wrapper\";\n\nexport const MainLayout = ({ children }: React.PropsWithChildren) => {\n  return (\n    <MainLayoutWrapper>\n      <MainLayoutHeader />\n      <MainLayoutContent>{children}</MainLayoutContent>\n    </MainLayoutWrapper>\n  );\n};\n"],"mappings":"sfAEA,MAAa,GAAqB,CAAE,WAAmC,GAEnE,EAAC,EAAA,CAAA,SACC,EAAC,UAAA,CAAQ,UAAU,8BACjB,EAAC,MAAA,CAAI,UAAU,mBAAoB,iBCI9B,MAET,EAAC,SAAA,CACC,UAAW,EACT,UACA,sBACA,gCACA,6CACA,wCACA,wEACA,kBAGF,EAAC,EAAA,EAAA,EAED,EAAC,MAAA,CAAI,UAAU,gCACb,EAAC,MAAA,CAAI,UAAU,+HACb,EAAC,EAAA,CAAiB,KAAM,GAAA,IAE1B,EAAC,MAAA,CAAI,UAAU,wDACb,EAAC,OAAA,CAAK,UAAU,gCAAuB,gBACvC,EAAC,OAAA,CAAK,UAAU,4BAAmB,2BAGvC,EAAC,MAAA,CAAI,UAAU,iDACb,EAAC,EAAA,CACC,QAAQ,QACR,KAAK,OACL,UAAU,8CAEV,EAAC,EAAA,EAAA,IAEH,EAAC,EAAA,CACC,QAAQ,QACR,KAAK,OACL,UAAU,8CAEV,EAAC,EAAA,EAAA,UC7CE,GAAqB,CAAE,WAAmC,GAC9D,EAAC,EAAA,CAAgB,UAAU,QAAS,aCChC,GAAc,CAAE,WAAmC,GAE5D,EAAC,EAAA,CAAA,SAAA,CACC,EAAC,EAAA,EAAA,EACD,EAAC,EAAA,CAAmB,WAAA,EAAA,CAAA"}

package/dist/paragraph-Bey03JkA.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(``,{variants:{variant:{p:`leading-7 [&:not(:first-child)]:mt-6`,sm:`text-sm leading-none font-normal`,lg:`text-lg font-semibold`,lead:`text-muted-foreground text-xl`,muted:`text-muted-foreground text-sm`},default:{variant:`sm`}}}),a=({variant:t=`p`,className:r,children:a})=>n(`p`,{className:e(i({variant:t}),r),children:a});export{a as Paragraph};
+//# sourceMappingURL=paragraph-Bey03JkA.js.map

package/dist/paragraph-Bey03JkA.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"paragraph-Bey03JkA.js","names":[],"sources":["../packages/components/typography/paragraph.tsx"],"sourcesContent":["\"use client\";\nimport React from \"react\";\nimport { cva } from \"class-variance-authority\";\n\nimport { cn } from \"@/lib/utils\";\n\ntype Props = {\n  variant?: \"p\" | \"muted\" | \"lead\" | \"sm\" | \"lg\";\n  className?: string;\n  children?: React.ReactNode;\n};\n\nconst paragraphVariants = cva(\"\", {\n  variants: {\n    variant: {\n      p: \"leading-7 [&:not(:first-child)]:mt-6\",\n      sm: \"text-sm leading-none font-normal\",\n      lg: \"text-lg font-semibold\",\n      lead: \"text-muted-foreground text-xl\",\n      muted: \"text-muted-foreground text-sm\",\n    },\n    default: {\n      variant: \"sm\",\n    },\n  },\n});\n\nexport const Paragraph = ({ variant = \"p\", className, children }: Props) => {\n  return (\n    <p className={cn(paragraphVariants({ variant }), className)}>{children}</p>\n  );\n};\n"],"mappings":"qJAYA,MAAM,EAAoB,EAAI,GAAI,CAChC,SAAU,CACR,QAAS,CACP,EAAG,uCACH,GAAI,mCACJ,GAAI,wBACJ,KAAM,gCACN,MAAO,gCACR,CACD,QAAS,CACP,QAAS,KACV,CACF,CACF,EAEY,GAAa,CAAE,UAAU,IAAK,YAAW,WAAiB,GAEnE,EAAC,IAAA,CAAE,UAAW,EAAG,EAAkB,CAAE,UAAS,EAAG,GAAa"}

package/dist/paragraph-ZxI8zxuf.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)(``,{variants:{variant:{p:`leading-7 [&:not(:first-child)]:mt-6`,sm:`text-sm leading-none font-normal`,lg:`text-lg font-semibold`,lead:`text-muted-foreground text-xl`,muted:`text-muted-foreground text-sm`},default:{variant:`sm`}}}),o=({variant:e=`p`,className:n,children:i})=>(0,r.jsx)(`p`,{className:t.cn(a({variant:e}),n),children:i});Object.defineProperty(exports,`Paragraph`,{enumerable:!0,get:function(){return o}});
+//# sourceMappingURL=paragraph-ZxI8zxuf.cjs.map

package/dist/paragraph-ZxI8zxuf.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"paragraph-ZxI8zxuf.cjs","names":["cn"],"sources":["../packages/components/typography/paragraph.tsx"],"sourcesContent":["\"use client\";\nimport React from \"react\";\nimport { cva } from \"class-variance-authority\";\n\nimport { cn } from \"@/lib/utils\";\n\ntype Props = {\n  variant?: \"p\" | \"muted\" | \"lead\" | \"sm\" | \"lg\";\n  className?: string;\n  children?: React.ReactNode;\n};\n\nconst paragraphVariants = cva(\"\", {\n  variants: {\n    variant: {\n      p: \"leading-7 [&:not(:first-child)]:mt-6\",\n      sm: \"text-sm leading-none font-normal\",\n      lg: \"text-lg font-semibold\",\n      lead: \"text-muted-foreground text-xl\",\n      muted: \"text-muted-foreground text-sm\",\n    },\n    default: {\n      variant: \"sm\",\n    },\n  },\n});\n\nexport const Paragraph = ({ variant = \"p\", className, children }: Props) => {\n  return (\n    <p className={cn(paragraphVariants({ variant }), className)}>{children}</p>\n  );\n};\n"],"mappings":"mMAYM,GAAA,EAAA,EAAA,KAAwB,GAAI,CAChC,SAAU,CACR,QAAS,CACP,EAAG,uCACH,GAAI,mCACJ,GAAI,wBACJ,KAAM,gCACN,MAAO,gCACR,CACD,QAAS,CACP,QAAS,KACV,CACF,CACF,EAEY,GAAa,CAAE,UAAU,IAAK,YAAW,WAAiB,IAEnE,EAAA,EAAA,KAAC,IAAA,CAAE,UAAWA,EAAAA,GAAG,EAAkB,CAAE,UAAS,EAAG,GAAa"}

package/dist/{progress-CBXP2lsp.cjs → progress-BnnOfAZN.cjs}

@@ -1,2 +1,2 @@
-const e=require(`./chunk-CUT6urMc.cjs`),t=require(`./utils-BsjVK5EW.cjs`),n=e.__toESM(require(`react`)),r=e.__toESM(require(`radix-ui`)),i=e.__toESM(require(`react/jsx-runtime`));function a({className:e,value:n,...a}){return(0,i.jsx)(r.Progress.Root,{"data-slot":`progress`,className:t.cn(`bg-primary/20 relative h-2 w-full overflow-hidden rounded-full`,e),...a,children:(0,i.jsx)(r.Progress.Indicator,{"data-slot":`progress-indicator`,className:`bg-primary size-full flex-1 transition-all`,style:{transform:`translateX(-${100-(n||0)}%)`}})})}Object.defineProperty(exports,`Progress`,{enumerable:!0,get:function(){return a}});
-//# sourceMappingURL=progress-CBXP2lsp.cjs.map
+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(`radix-ui`));function a({className:e,value:n,...a}){return(0,r.jsx)(i.Progress.Root,{"data-slot":`progress`,className:t.cn(`bg-primary/20 relative h-2 w-full overflow-hidden rounded-full`,e),...a,children:(0,r.jsx)(i.Progress.Indicator,{"data-slot":`progress-indicator`,className:`bg-primary size-full flex-1 transition-all`,style:{transform:`translateX(-${100-(n||0)}%)`}})})}Object.defineProperty(exports,`Progress`,{enumerable:!0,get:function(){return a}});
+//# sourceMappingURL=progress-BnnOfAZN.cjs.map

package/dist/{progress-CBXP2lsp.cjs.map → progress-BnnOfAZN.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"progress-CBXP2lsp.cjs","names":["ProgressPrimitive","cn"],"sources":["../packages/components/ui/progress.tsx"],"sourcesContent":["\"use client\";\nimport React from \"react\";\nimport { Progress as ProgressPrimitive } from \"radix-ui\";\n\nimport { cn } from \"@/lib/utils\";\n\nfunction Progress({\n  className,\n  value,\n  ...props\n}: React.ComponentProps<typeof ProgressPrimitive.Root>) {\n  return (\n    <ProgressPrimitive.Root\n      data-slot=\"progress\"\n      className={cn(\n        \"bg-primary/20 relative h-2 w-full overflow-hidden rounded-full\",\n        className,\n      )}\n      {...props}\n    >\n      <ProgressPrimitive.Indicator\n        data-slot=\"progress-indicator\"\n        className=\"bg-primary size-full flex-1 transition-all\"\n        style={{ transform: `translateX(-${100 - (value || 0)}%)` }}\n      />\n    </ProgressPrimitive.Root>\n  );\n}\n\nexport { Progress };\n"],"mappings":"mLAMA,SAAS,EAAS,CAChB,YACA,QACA,GAAG,EACiD,CAAE,CACtD,OACE,EAAA,EAAA,KAACA,EAAAA,SAAkB,KAAA,CACjB,YAAU,WACV,UAAWC,EAAAA,GACT,iEACA,GAEF,GAAI,YAEJ,EAAA,EAAA,KAACD,EAAAA,SAAkB,UAAA,CACjB,YAAU,qBACV,UAAU,6CACV,MAAO,CAAE,UAAW,eAAe,KAAO,GAAS,GAAG,IAAK,IAIlE"}
+{"version":3,"file":"progress-BnnOfAZN.cjs","names":["ProgressPrimitive","cn"],"sources":["../packages/components/ui/progress.tsx"],"sourcesContent":["\"use client\";\nimport React from \"react\";\nimport { Progress as ProgressPrimitive } from \"radix-ui\";\n\nimport { cn } from \"@/lib/utils\";\n\nfunction Progress({\n  className,\n  value,\n  ...props\n}: React.ComponentProps<typeof ProgressPrimitive.Root>) {\n  return (\n    <ProgressPrimitive.Root\n      data-slot=\"progress\"\n      className={cn(\n        \"bg-primary/20 relative h-2 w-full overflow-hidden rounded-full\",\n        className,\n      )}\n      {...props}\n    >\n      <ProgressPrimitive.Indicator\n        data-slot=\"progress-indicator\"\n        className=\"bg-primary size-full flex-1 transition-all\"\n        style={{ transform: `translateX(-${100 - (value || 0)}%)` }}\n      />\n    </ProgressPrimitive.Root>\n  );\n}\n\nexport { Progress };\n"],"mappings":"mLAMA,SAAS,EAAS,CAChB,YACA,QACA,GAAG,EACiD,CAAE,CACtD,OACE,EAAA,EAAA,KAACA,EAAAA,SAAkB,KAAA,CACjB,YAAU,WACV,UAAWC,EAAAA,GACT,iEACA,GAEF,GAAI,YAEJ,EAAA,EAAA,KAACD,EAAAA,SAAkB,UAAA,CACjB,YAAU,qBACV,UAAU,6CACV,MAAO,CAAE,UAAW,eAAe,KAAO,GAAS,GAAG,IAAK,IAIlE"}

package/dist/{progress-Djnu-m1x.js → progress-CBccqUUJ.js}

@@ -1,2 +1,2 @@
-import{cn as e}from"./utils-D9AH0PUV.js";import t from"react";import{Progress as n}from"radix-ui";import{jsx as r}from"react/jsx-runtime";function i({className:t,value:i,...a}){return r(n.Root,{"data-slot":`progress`,className:e(`bg-primary/20 relative h-2 w-full overflow-hidden rounded-full`,t),...a,children:r(n.Indicator,{"data-slot":`progress-indicator`,className:`bg-primary size-full flex-1 transition-all`,style:{transform:`translateX(-${100-(i||0)}%)`}})})}export{i as Progress};
-//# sourceMappingURL=progress-Djnu-m1x.js.map
+import{cn as e}from"./utils-D9AH0PUV.js";import t from"react";import{jsx as n}from"react/jsx-runtime";import{Progress as r}from"radix-ui";function i({className:t,value:i,...a}){return n(r.Root,{"data-slot":`progress`,className:e(`bg-primary/20 relative h-2 w-full overflow-hidden rounded-full`,t),...a,children:n(r.Indicator,{"data-slot":`progress-indicator`,className:`bg-primary size-full flex-1 transition-all`,style:{transform:`translateX(-${100-(i||0)}%)`}})})}export{i as Progress};
+//# sourceMappingURL=progress-CBccqUUJ.js.map

package/dist/{progress-Djnu-m1x.js.map → progress-CBccqUUJ.js.map}

@@ -1 +1 @@
-{"version":3,"file":"progress-Djnu-m1x.js","names":["Progress","ProgressPrimitive"],"sources":["../packages/components/ui/progress.tsx"],"sourcesContent":["\"use client\";\nimport React from \"react\";\nimport { Progress as ProgressPrimitive } from \"radix-ui\";\n\nimport { cn } from \"@/lib/utils\";\n\nfunction Progress({\n  className,\n  value,\n  ...props\n}: React.ComponentProps<typeof ProgressPrimitive.Root>) {\n  return (\n    <ProgressPrimitive.Root\n      data-slot=\"progress\"\n      className={cn(\n        \"bg-primary/20 relative h-2 w-full overflow-hidden rounded-full\",\n        className,\n      )}\n      {...props}\n    >\n      <ProgressPrimitive.Indicator\n        data-slot=\"progress-indicator\"\n        className=\"bg-primary size-full flex-1 transition-all\"\n        style={{ transform: `translateX(-${100 - (value || 0)}%)` }}\n      />\n    </ProgressPrimitive.Root>\n  );\n}\n\nexport { Progress };\n"],"mappings":"0IAMA,SAASA,EAAS,CAChB,YACA,QACA,GAAG,EACiD,CAAE,CACtD,OACE,EAACC,EAAkB,KAAA,CACjB,YAAU,WACV,UAAW,EACT,iEACA,GAEF,GAAI,WAEJ,EAACA,EAAkB,UAAA,CACjB,YAAU,qBACV,UAAU,6CACV,MAAO,CAAE,UAAW,eAAe,KAAO,GAAS,GAAG,IAAK,IAIlE"}
+{"version":3,"file":"progress-CBccqUUJ.js","names":["Progress","ProgressPrimitive"],"sources":["../packages/components/ui/progress.tsx"],"sourcesContent":["\"use client\";\nimport React from \"react\";\nimport { Progress as ProgressPrimitive } from \"radix-ui\";\n\nimport { cn } from \"@/lib/utils\";\n\nfunction Progress({\n  className,\n  value,\n  ...props\n}: React.ComponentProps<typeof ProgressPrimitive.Root>) {\n  return (\n    <ProgressPrimitive.Root\n      data-slot=\"progress\"\n      className={cn(\n        \"bg-primary/20 relative h-2 w-full overflow-hidden rounded-full\",\n        className,\n      )}\n      {...props}\n    >\n      <ProgressPrimitive.Indicator\n        data-slot=\"progress-indicator\"\n        className=\"bg-primary size-full flex-1 transition-all\"\n        style={{ transform: `translateX(-${100 - (value || 0)}%)` }}\n      />\n    </ProgressPrimitive.Root>\n  );\n}\n\nexport { Progress };\n"],"mappings":"0IAMA,SAASA,EAAS,CAChB,YACA,QACA,GAAG,EACiD,CAAE,CACtD,OACE,EAACC,EAAkB,KAAA,CACjB,YAAU,WACV,UAAW,EACT,iEACA,GAEF,GAAI,WAEJ,EAACA,EAAkB,UAAA,CACjB,YAAU,qBACV,UAAU,6CACV,MAAO,CAAE,UAAW,eAAe,KAAO,GAAS,GAAG,IAAK,IAIlE"}

package/dist/refresh-BHt_h3N_.js

@@ -0,0 +1,2 @@
+import{Paragraph as e}from"./paragraph-Bey03JkA.js";import{Button as t}from"./button-Bku3bKv9.js";import{jsx as n,jsxs as r}from"react/jsx-runtime";import{RefreshCwIcon as i}from"lucide-react";const a=({onClick:a=()=>{}})=>r(t,{"aria-label":`Tạo mới`,variant:`outline`,className:`aspect-square max-sm:p-0`,onClick:a,children:[n(i,{className:`opacity-60 sm:-ms-1`,size:16,"aria-hidden":`true`}),n(e,{variant:`sm`,className:`max-sm:sr-only`,children:`Reset`})]});export{a as RefreshBtn};
+//# sourceMappingURL=refresh-BHt_h3N_.js.map

package/dist/refresh-BHt_h3N_.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"refresh-BHt_h3N_.js","names":["RefreshBtn: React.FC<React.PropsWithChildren<Props>>"],"sources":["../packages/components/ui/buttons/refresh.tsx"],"sourcesContent":["import { RefreshCwIcon } from \"lucide-react\";\n\nimport { Paragraph } from \"@/components/typography/paragraph\";\n\nimport { Button } from \"../button\";\n\ntype Props = {\n  onClick?: () => void;\n};\nexport const RefreshBtn: React.FC<React.PropsWithChildren<Props>> = ({\n  onClick = () => {},\n}) => {\n  return (\n    <Button\n      aria-label=\"Tạo mới\"\n      variant=\"outline\"\n      className=\"aspect-square max-sm:p-0\"\n      onClick={onClick}\n    >\n      <RefreshCwIcon\n        className=\"opacity-60 sm:-ms-1\"\n        size={16}\n        aria-hidden=\"true\"\n      />\n      <Paragraph variant=\"sm\" className=\"max-sm:sr-only\">\n        Reset\n      </Paragraph>\n    </Button>\n  );\n};\n"],"mappings":"iMASA,MAAaA,GAAwD,CACnE,cAAgB,CAAE,EACnB,GAEG,EAAC,EAAA,CACC,aAAW,UACX,QAAQ,UACR,UAAU,2BACD,oBAET,EAAC,EAAA,CACC,UAAU,sBACV,KAAM,GACN,cAAY,SAEd,EAAC,EAAA,CAAU,QAAQ,KAAK,UAAU,0BAAiB"}

package/dist/refresh-DrolZxuC.cjs

@@ -0,0 +1,2 @@
+const e=require(`./chunk-CUT6urMc.cjs`),t=require(`./paragraph-ZxI8zxuf.cjs`),n=require(`./button-Dzv_nos1.cjs`),r=e.__toESM(require(`react/jsx-runtime`)),i=e.__toESM(require(`lucide-react`)),a=({onClick:e=()=>{}})=>(0,r.jsxs)(n.Button,{"aria-label":`Tạo mới`,variant:`outline`,className:`aspect-square max-sm:p-0`,onClick:e,children:[(0,r.jsx)(i.RefreshCwIcon,{className:`opacity-60 sm:-ms-1`,size:16,"aria-hidden":`true`}),(0,r.jsx)(t.Paragraph,{variant:`sm`,className:`max-sm:sr-only`,children:`Reset`})]});Object.defineProperty(exports,`RefreshBtn`,{enumerable:!0,get:function(){return a}});
+//# sourceMappingURL=refresh-DrolZxuC.cjs.map

package/dist/refresh-DrolZxuC.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"refresh-DrolZxuC.cjs","names":["RefreshBtn: React.FC<React.PropsWithChildren<Props>>","Button","RefreshCwIcon","Paragraph"],"sources":["../packages/components/ui/buttons/refresh.tsx"],"sourcesContent":["import { RefreshCwIcon } from \"lucide-react\";\n\nimport { Paragraph } from \"@/components/typography/paragraph\";\n\nimport { Button } from \"../button\";\n\ntype Props = {\n  onClick?: () => void;\n};\nexport const RefreshBtn: React.FC<React.PropsWithChildren<Props>> = ({\n  onClick = () => {},\n}) => {\n  return (\n    <Button\n      aria-label=\"Tạo mới\"\n      variant=\"outline\"\n      className=\"aspect-square max-sm:p-0\"\n      onClick={onClick}\n    >\n      <RefreshCwIcon\n        className=\"opacity-60 sm:-ms-1\"\n        size={16}\n        aria-hidden=\"true\"\n      />\n      <Paragraph variant=\"sm\" className=\"max-sm:sr-only\">\n        Reset\n      </Paragraph>\n    </Button>\n  );\n};\n"],"mappings":"gMASaA,GAAwD,CACnE,cAAgB,CAAE,EACnB,IAEG,EAAA,EAAA,MAACC,EAAAA,OAAAA,CACC,aAAW,UACX,QAAQ,UACR,UAAU,2BACD,qBAET,EAAA,EAAA,KAACC,EAAAA,cAAAA,CACC,UAAU,sBACV,KAAM,GACN,cAAY,UAEd,EAAA,EAAA,KAACC,EAAAA,UAAAA,CAAU,QAAQ,KAAK,UAAU,0BAAiB"}

package/dist/scroll-area-Bdb_LSFF.js

@@ -0,0 +1,2 @@
+import{cn as e}from"./utils-D9AH0PUV.js";import t from"react";import{jsx as n,jsxs as r}from"react/jsx-runtime";import{ScrollArea as i}from"radix-ui";function a({className:t,children:a,...s}){return r(i.Root,{"data-slot":`scroll-area`,className:e(`relative overflow-hidden`,t),...s,children:[n(i.Viewport,{className:`size-full rounded-[inherit]`,children:a}),n(o,{}),n(i.Corner,{})]})}function o({className:t,orientation:r=`vertical`,...a}){return n(i.ScrollAreaScrollbar,{"data-slot":`scroll-area-scrollbar`,orientation:r,className:e(`flex touch-none p-px transition-colors select-none`,r===`vertical`&&`h-full w-2.5 border-l border-l-transparent`,r===`horizontal`&&`h-2.5 flex-col border-t border-t-transparent`,t),...a,children:n(i.ScrollAreaThumb,{className:`bg-border relative flex-1 rounded-full`})})}export{a as ScrollArea,o as ScrollBar};
+//# sourceMappingURL=scroll-area-Bdb_LSFF.js.map

package/dist/scroll-area-Bdb_LSFF.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"scroll-area-Bdb_LSFF.js","names":["ScrollArea","ScrollAreaPrimitive"],"sources":["../packages/components/ui/scroll-area.tsx"],"sourcesContent":["\"use client\";\nimport React from \"react\";\nimport { ScrollArea as ScrollAreaPrimitive } from \"radix-ui\";\n\nimport { cn } from \"@/lib/utils\";\n\nfunction ScrollArea({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<typeof ScrollAreaPrimitive.Root>) {\n  return (\n    <ScrollAreaPrimitive.Root\n      data-slot=\"scroll-area\"\n      className={cn(\"relative overflow-hidden\", className)}\n      {...props}\n    >\n      <ScrollAreaPrimitive.Viewport className=\"size-full rounded-[inherit]\">\n        {children}\n      </ScrollAreaPrimitive.Viewport>\n      <ScrollBar />\n      <ScrollAreaPrimitive.Corner />\n    </ScrollAreaPrimitive.Root>\n  );\n}\n\nfunction ScrollBar({\n  className,\n  orientation = \"vertical\",\n  ...props\n}: React.ComponentProps<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>) {\n  return (\n    <ScrollAreaPrimitive.ScrollAreaScrollbar\n      data-slot=\"scroll-area-scrollbar\"\n      orientation={orientation}\n      className={cn(\n        \"flex touch-none p-px transition-colors select-none\",\n        orientation === \"vertical\" &&\n          \"h-full w-2.5 border-l border-l-transparent\",\n        orientation === \"horizontal\" &&\n          \"h-2.5 flex-col border-t border-t-transparent\",\n        className,\n      )}\n      {...props}\n    >\n      <ScrollAreaPrimitive.ScrollAreaThumb className=\"bg-border relative flex-1 rounded-full\" />\n    </ScrollAreaPrimitive.ScrollAreaScrollbar>\n  );\n}\n\nexport { ScrollArea, ScrollBar };\n"],"mappings":"sJAMA,SAASA,EAAW,CAClB,YACA,WACA,GAAG,EACmD,CAAE,CACxD,OACE,EAACC,EAAoB,KAAA,CACnB,YAAU,cACV,UAAW,EAAG,2BAA4B,GAC1C,GAAI,YAEJ,EAACA,EAAoB,SAAA,CAAS,UAAU,8BACrC,aAEH,EAAC,EAAA,EAAA,EACD,EAACA,EAAoB,OAAA,EAAA,IAG1B,CAED,SAAS,EAAU,CACjB,YACA,cAAc,WACd,GAAG,EACkE,CAAE,CACvE,OACE,EAACA,EAAoB,oBAAA,CACnB,YAAU,wBACG,cACb,UAAW,EACT,qDACA,IAAgB,YACd,6CACF,IAAgB,cACd,+CACF,GAEF,GAAI,WAEJ,EAACA,EAAoB,gBAAA,CAAgB,UAAU,yCAAA,GAGpD"}