@customafk/lunas-ui 0.1.3 → 0.1.5

package/dist/dialogs/form-dialog.cjs

@@ -1,2 +1,2 @@
-const e=require(`../chunk-Bmb41Sf3.cjs`);require(`../dist-Dh8WwRa8.cjs`),require(`../button.variants-D1vkzrn1.cjs`);const t=require(`../button-BSQjtXgG.cjs`);require(`../alert-dialog-BlGvvaB2.cjs`),require(`../error-dialog-BHrA5oTT.cjs`),require(`../label-D2Kl-Q_-.cjs`),require(`../separator-D3CGKwyf.cjs`),require(`../field-Cjpwx_6d.cjs`),require(`../form-D1gfOYhk.cjs`);const n=require(`../form-wrapper-CcH5-e90.cjs`),r=require(`../dialog-BZSD5ydg.cjs`),i=require(`../drawer-y-Yrqskp.cjs`);let a=require(`@customafk/react-toolkit/utils`),o=require(`react/jsx-runtime`),s=require(`@customafk/react-toolkit/hooks/useMediaQuery`);const c=({form:e,open:c,isSubmitting:l=!1,isResetAfterSubmit:u=!0,disableSubmit:d=!1,title:f,description:p,className:m,onOpenChange:h,onSubmit:g,onError:_,onReset:v,children:y})=>(0,s.useMediaQuery)(`(min-width: 768px)`)?(0,o.jsx)(r.t,{open:c,onOpenChange:h,children:(0,o.jsxs)(r.r,{className:(0,a.cn)(`flex flex-col gap-0 border-none p-0`,m),onInteractOutside:e=>{e.preventDefault(),e.stopPropagation()},children:[(0,o.jsxs)(r.o,{className:`border-border-weak flex-0 gap-2 border-b p-6 pb-4`,children:[(0,o.jsx)(r.l,{children:f||`Form Dialog`}),(0,o.jsx)(r.i,{children:p||`This is a form dialog where you can add your form elements.`})]}),(0,o.jsxs)(n.t,{form:e,isResetAfterSubmit:u,className:`flex flex-1 flex-col overflow-y-auto`,onSubmit:g,onError:_,children:[(0,o.jsx)(`div`,{className:`bg-muted-muted size-full p-2 inset-shadow-sm`,children:(0,o.jsx)(`main`,{className:`bg-card shadow-card size-full flex-1 overflow-y-auto rounded-md p-4`,children:y})}),(0,o.jsxs)(r.a,{className:`border-border-weak border-t p-6 pt-4`,children:[(0,o.jsx)(t.t,{tabIndex:-1,type:`button`,variant:`outline`,color:`muted`,className:`w-30 rounded-full`,onClick:v,children:`Reset`}),(0,o.jsx)(t.t,{autoFocus:!0,tabIndex:0,type:`submit`,isLoading:l,disabled:d,className:`w-30 rounded-full`,children:`Submit`})]})]})]})}):(0,o.jsx)(i.t,{open:c,onOpenChange:h,children:(0,o.jsxs)(i.r,{children:[(0,o.jsxs)(i.o,{className:`text-left`,children:[(0,o.jsx)(i.l,{children:f||`Form Dialog`}),(0,o.jsx)(i.i,{children:p||`This is a form dialog where you can add your form elements.`})]}),(0,o.jsxs)(n.t,{form:e,isResetAfterSubmit:u,className:`flex flex-1 flex-col overflow-y-auto`,onSubmit:g,onError:_,children:[(0,o.jsx)(`main`,{className:`size-full flex-1 overflow-y-auto p-4`,children:y}),(0,o.jsxs)(i.a,{className:`pt-2`,children:[(0,o.jsx)(t.t,{autoFocus:!0,tabIndex:0,type:`submit`,isLoading:l,disabled:d,className:`w-full rounded-full`,children:`Submit`}),(0,o.jsx)(t.t,{tabIndex:-1,type:`button`,variant:`outline`,color:`muted`,className:`w-full rounded-full`,onClick:v,children:`Reset`})]})]})]})});exports.FormDialog=c;
+const e=require(`../chunk-Bmb41Sf3.cjs`);require(`../button.variants-C--cfyfH.cjs`);const t=require(`../button-DtFiUaY7.cjs`),n=require(`../dialog-VFBezutQ.cjs`);require(`../separator-CBup_ah1.cjs`),require(`../alert-dialog-BabEdvPq.cjs`),require(`../error-dialog-BD16H0UC.cjs`),require(`../label-C6_Tplyy.cjs`),require(`../field-D8lireRm.cjs`),require(`../form-DrtMcMJp.cjs`);const r=require(`../forms/form-wrapper.cjs`),i=require(`../drawer-DluJOnDX.cjs`);let a=require(`@customafk/react-toolkit/utils`),o=require(`react/jsx-runtime`),s=require(`@customafk/react-toolkit/hooks/useMediaQuery`);const c=({form:e,open:c,isSubmitting:l=!1,isResetAfterSubmit:u=!0,disableSubmit:d=!1,title:f,description:p,className:m,onOpenChange:h,onSubmit:g,onError:_,onReset:v,children:y})=>(0,s.useMediaQuery)(`(min-width: 768px)`)?(0,o.jsx)(n.t,{open:c,onOpenChange:h,children:(0,o.jsxs)(n.r,{className:(0,a.cn)(`flex flex-col gap-0 border-none p-0`,m),onInteractOutside:e=>{e.preventDefault(),e.stopPropagation()},children:[(0,o.jsxs)(n.o,{className:`border-border-weak flex-0 gap-2 border-b p-6 pb-4`,children:[(0,o.jsx)(n.l,{children:f||`Form Dialog`}),(0,o.jsx)(n.i,{children:p||`This is a form dialog where you can add your form elements.`})]}),(0,o.jsxs)(r.FormWrapper,{form:e,isResetAfterSubmit:u,className:`flex flex-1 flex-col overflow-y-auto`,onSubmit:g,onError:_,children:[(0,o.jsx)(`div`,{className:`bg-muted-muted size-full p-2 inset-shadow-sm`,children:(0,o.jsx)(`main`,{className:`bg-card shadow-card size-full flex-1 overflow-y-auto rounded-md p-4`,children:y})}),(0,o.jsxs)(n.a,{className:`border-border-weak border-t p-6 pt-4`,children:[(0,o.jsx)(t.t,{tabIndex:-1,type:`button`,variant:`outline`,color:`muted`,className:`w-30 rounded-full`,onClick:v,children:`Reset`}),(0,o.jsx)(t.t,{autoFocus:!0,tabIndex:0,type:`submit`,isLoading:l,disabled:d,className:`w-30 rounded-full`,children:`Submit`})]})]})]})}):(0,o.jsx)(i.t,{open:c,onOpenChange:h,children:(0,o.jsxs)(i.r,{children:[(0,o.jsxs)(i.o,{className:`text-left`,children:[(0,o.jsx)(i.l,{children:f||`Form Dialog`}),(0,o.jsx)(i.i,{children:p||`This is a form dialog where you can add your form elements.`})]}),(0,o.jsxs)(r.FormWrapper,{form:e,isResetAfterSubmit:u,className:`flex flex-1 flex-col overflow-y-auto`,onSubmit:g,onError:_,children:[(0,o.jsx)(`main`,{className:`size-full flex-1 overflow-y-auto p-4`,children:y}),(0,o.jsxs)(i.a,{className:`pt-2`,children:[(0,o.jsx)(t.t,{autoFocus:!0,tabIndex:0,type:`submit`,isLoading:l,disabled:d,className:`w-full rounded-full`,children:`Submit`}),(0,o.jsx)(t.t,{tabIndex:-1,type:`button`,variant:`outline`,color:`muted`,className:`w-full rounded-full`,onClick:v,children:`Reset`})]})]})]})});exports.FormDialog=c;
 //# sourceMappingURL=form-dialog.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"form-dialog.cjs","names":["Drawer","DrawerContent","DrawerHeader","DrawerTitle","DrawerDescription","FormWrapper","DrawerFooter","Button","Dialog","DialogContent","DialogHeader","DialogTitle","DialogDescription","DialogFooter"],"sources":["../../packages/components/dialogs/form-dialog.tsx"],"sourcesContent":["import type { FieldValues, FormState, SubmitErrorHandler, UseFormProps } from 'react-hook-form';\n\nimport { useMediaQuery } from '@customafk/react-toolkit/hooks/useMediaQuery';\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { FormWrapper } from '@/components/forms/form-wrapper';\nimport { Button } from '@/components/ui/button';\nimport { Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle } from '@/components/ui/dialog';\nimport { Drawer, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerTitle } from '@/components/ui/drawer';\n\ntype Props<TFieldValues extends FieldValues = FieldValues> = {\n  form: UseFormProps<TFieldValues>;\n\n  open: boolean;\n  isSubmitting?: boolean;\n  isResetAfterSubmit?: boolean;\n  disableSubmit?: boolean;\n  title?: string;\n  description?: string;\n  className?: string;\n\n  onOpenChange: (open: boolean) => void;\n  onSubmit: (data: TFieldValues, formState: FormState<FieldValues>, dirtyFields: FormState<FieldValues>['dirtyFields']) => void | Promise<void>;\n  onError?: SubmitErrorHandler<TFieldValues>;\n  onReset?: () => void;\n};\nexport const FormDialog = <TFieldValues extends FieldValues = FieldValues>({\n  form,\n  open,\n  isSubmitting = false,\n  isResetAfterSubmit = true,\n  disableSubmit = false,\n  title,\n  description,\n  className,\n\n  onOpenChange,\n  onSubmit,\n  onError,\n  onReset,\n  children,\n}: React.PropsWithChildren<Props<TFieldValues>>) => {\n  const isDesktop = useMediaQuery('(min-width: 768px)');\n\n  if (!isDesktop) {\n    return (\n      <Drawer open={open} onOpenChange={onOpenChange}>\n        <DrawerContent>\n          <DrawerHeader className=\"text-left\">\n            <DrawerTitle>{title || 'Form Dialog'}</DrawerTitle>\n            <DrawerDescription>{description || 'This is a form dialog where you can add your form elements.'}</DrawerDescription>\n          </DrawerHeader>\n          <FormWrapper\n            form={form}\n            isResetAfterSubmit={isResetAfterSubmit}\n            className=\"flex flex-1 flex-col overflow-y-auto\"\n            onSubmit={onSubmit}\n            onError={onError}\n          >\n            <main className=\"size-full flex-1 overflow-y-auto p-4\">{children}</main>\n            <DrawerFooter className=\"pt-2\">\n              <Button autoFocus tabIndex={0} type=\"submit\" isLoading={isSubmitting} disabled={disableSubmit} className=\"w-full rounded-full\">\n                Submit\n              </Button>\n              <Button tabIndex={-1} type=\"button\" variant=\"outline\" color=\"muted\" className=\"w-full rounded-full\" onClick={onReset}>\n                Reset\n              </Button>\n            </DrawerFooter>\n          </FormWrapper>\n        </DrawerContent>\n      </Drawer>\n    );\n  }\n\n  return (\n    <Dialog open={open} onOpenChange={onOpenChange}>\n      <DialogContent\n        className={cn('flex flex-col gap-0 border-none p-0', className)}\n        onInteractOutside={e => {\n          e.preventDefault();\n          e.stopPropagation();\n        }}\n      >\n        <DialogHeader className=\"border-border-weak flex-0 gap-2 border-b p-6 pb-4\">\n          <DialogTitle>{title || 'Form Dialog'}</DialogTitle>\n          <DialogDescription>{description || 'This is a form dialog where you can add your form elements.'}</DialogDescription>\n        </DialogHeader>\n        <FormWrapper form={form} isResetAfterSubmit={isResetAfterSubmit} className=\"flex flex-1 flex-col overflow-y-auto\" onSubmit={onSubmit} onError={onError}>\n          <div className=\"bg-muted-muted size-full p-2 inset-shadow-sm\">\n            <main className=\"bg-card shadow-card size-full flex-1 overflow-y-auto rounded-md p-4\">{children}</main>\n          </div>\n          <DialogFooter className=\"border-border-weak border-t p-6 pt-4\">\n            <Button tabIndex={-1} type=\"button\" variant=\"outline\" color=\"muted\" className=\"w-30 rounded-full\" onClick={onReset}>\n              Reset\n            </Button>\n            <Button autoFocus tabIndex={0} type=\"submit\" isLoading={isSubmitting} disabled={disableSubmit} className=\"w-30 rounded-full\">\n              Submit\n            </Button>\n          </DialogFooter>\n        </FormWrapper>\n      </DialogContent>\n    </Dialog>\n  );\n};\n"],"mappings":"snBA0BA,MAAa,GAA8D,CACzE,OACA,OACA,eAAe,GACf,qBAAqB,GACrB,gBAAgB,GAChB,QACA,cACA,YAEA,eACA,WACA,UACA,UACA,eAII,EAAA,EAAA,eAF4B,qBAAqB,EAiCnD,EAAA,EAAA,KAACQ,EAAAA,EAAAA,CAAa,OAAoB,yBAChC,EAAA,EAAA,MAACC,EAAAA,EAAAA,CACC,WAAA,EAAA,EAAA,IAAc,sCAAuC,EAAU,CAC/D,kBAAmB,GAAK,CACtB,EAAE,gBAAgB,CAClB,EAAE,iBAAiB,aAGrB,EAAA,EAAA,MAACC,EAAAA,EAAAA,CAAa,UAAU,+DACtB,EAAA,EAAA,KAACC,EAAAA,EAAAA,CAAAA,SAAa,GAAS,cAAA,CAA4B,EACnD,EAAA,EAAA,KAACC,EAAAA,EAAAA,CAAAA,SAAmB,GAAe,8DAAA,CAAkF,CAAA,EACxG,EACf,EAAA,EAAA,MAACP,EAAAA,EAAAA,CAAkB,OAA0B,qBAAoB,UAAU,uCAAiD,WAAmB,qBAC7I,EAAA,EAAA,KAAC,MAAA,CAAI,UAAU,yDACb,EAAA,EAAA,KAAC,OAAA,CAAK,UAAU,sEAAuE,YAAgB,EACnG,EACN,EAAA,EAAA,MAACQ,EAAAA,EAAAA,CAAa,UAAU,kDACtB,EAAA,EAAA,KAACN,EAAAA,EAAAA,CAAO,SAAU,GAAI,KAAK,SAAS,QAAQ,UAAU,MAAM,QAAQ,UAAU,oBAAoB,QAAS,WAAS,SAE3G,EACT,EAAA,EAAA,KAACA,EAAAA,EAAAA,CAAO,UAAA,GAAU,SAAU,EAAG,KAAK,SAAS,UAAW,EAAc,SAAU,EAAe,UAAU,6BAAoB,UAEpH,CAAA,EACI,CAAA,EACH,CAAA,EACA,EACT,EAvDP,EAAA,EAAA,KAACP,EAAAA,EAAAA,CAAa,OAAoB,yBAChC,EAAA,EAAA,MAACC,EAAAA,EAAAA,CAAAA,SAAAA,EACC,EAAA,EAAA,MAACC,EAAAA,EAAAA,CAAa,UAAU,uBACtB,EAAA,EAAA,KAACC,EAAAA,EAAAA,CAAAA,SAAa,GAAS,cAAA,CAA4B,EACnD,EAAA,EAAA,KAACC,EAAAA,EAAAA,CAAAA,SAAmB,GAAe,8DAAA,CAAkF,CAAA,EACxG,EACf,EAAA,EAAA,MAACC,EAAAA,EAAAA,CACO,OACc,qBACpB,UAAU,uCACA,WACD,qBAET,EAAA,EAAA,KAAC,OAAA,CAAK,UAAU,uCAAwC,YAAgB,EACxE,EAAA,EAAA,MAACC,EAAAA,EAAAA,CAAa,UAAU,kBACtB,EAAA,EAAA,KAACC,EAAAA,EAAAA,CAAO,UAAA,GAAU,SAAU,EAAG,KAAK,SAAS,UAAW,EAAc,SAAU,EAAe,UAAU,+BAAsB,UAEtH,EACT,EAAA,EAAA,KAACA,EAAAA,EAAAA,CAAO,SAAU,GAAI,KAAK,SAAS,QAAQ,UAAU,MAAM,QAAQ,UAAU,sBAAsB,QAAS,WAAS,SAE7G,CAAA,EACI,CAAA,EACH,CAAA,CAAA,CACA,EACT"}
+{"version":3,"file":"form-dialog.cjs","names":["Drawer","DrawerContent","DrawerHeader","DrawerTitle","DrawerDescription","FormWrapper","DrawerFooter","Button","Dialog","DialogContent","DialogHeader","DialogTitle","DialogDescription","DialogFooter"],"sources":["../../packages/components/dialogs/form-dialog.tsx"],"sourcesContent":["import type { FieldValues, FormState, SubmitErrorHandler, UseFormProps } from 'react-hook-form';\n\nimport { useMediaQuery } from '@customafk/react-toolkit/hooks/useMediaQuery';\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { FormWrapper } from '@/components/forms/form-wrapper';\nimport { Button } from '@/components/ui/button';\nimport { Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle } from '@/components/ui/dialog';\nimport { Drawer, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerTitle } from '@/components/ui/drawer';\n\ntype Props<TFieldValues extends FieldValues = FieldValues> = {\n  form: UseFormProps<TFieldValues>;\n\n  open: boolean;\n  isSubmitting?: boolean;\n  isResetAfterSubmit?: boolean;\n  disableSubmit?: boolean;\n  title?: string;\n  description?: string;\n  className?: string;\n\n  onOpenChange: (open: boolean) => void;\n  onSubmit: (data: TFieldValues, formState: FormState<FieldValues>, dirtyFields: FormState<FieldValues>['dirtyFields']) => void | Promise<void>;\n  onError?: SubmitErrorHandler<TFieldValues>;\n  onReset?: () => void;\n};\nexport const FormDialog = <TFieldValues extends FieldValues = FieldValues>({\n  form,\n  open,\n  isSubmitting = false,\n  isResetAfterSubmit = true,\n  disableSubmit = false,\n  title,\n  description,\n  className,\n\n  onOpenChange,\n  onSubmit,\n  onError,\n  onReset,\n  children,\n}: React.PropsWithChildren<Props<TFieldValues>>) => {\n  const isDesktop = useMediaQuery('(min-width: 768px)');\n\n  if (!isDesktop) {\n    return (\n      <Drawer open={open} onOpenChange={onOpenChange}>\n        <DrawerContent>\n          <DrawerHeader className=\"text-left\">\n            <DrawerTitle>{title || 'Form Dialog'}</DrawerTitle>\n            <DrawerDescription>{description || 'This is a form dialog where you can add your form elements.'}</DrawerDescription>\n          </DrawerHeader>\n          <FormWrapper\n            form={form}\n            isResetAfterSubmit={isResetAfterSubmit}\n            className=\"flex flex-1 flex-col overflow-y-auto\"\n            onSubmit={onSubmit}\n            onError={onError}\n          >\n            <main className=\"size-full flex-1 overflow-y-auto p-4\">{children}</main>\n            <DrawerFooter className=\"pt-2\">\n              <Button autoFocus tabIndex={0} type=\"submit\" isLoading={isSubmitting} disabled={disableSubmit} className=\"w-full rounded-full\">\n                Submit\n              </Button>\n              <Button tabIndex={-1} type=\"button\" variant=\"outline\" color=\"muted\" className=\"w-full rounded-full\" onClick={onReset}>\n                Reset\n              </Button>\n            </DrawerFooter>\n          </FormWrapper>\n        </DrawerContent>\n      </Drawer>\n    );\n  }\n\n  return (\n    <Dialog open={open} onOpenChange={onOpenChange}>\n      <DialogContent\n        className={cn('flex flex-col gap-0 border-none p-0', className)}\n        onInteractOutside={e => {\n          e.preventDefault();\n          e.stopPropagation();\n        }}\n      >\n        <DialogHeader className=\"border-border-weak flex-0 gap-2 border-b p-6 pb-4\">\n          <DialogTitle>{title || 'Form Dialog'}</DialogTitle>\n          <DialogDescription>{description || 'This is a form dialog where you can add your form elements.'}</DialogDescription>\n        </DialogHeader>\n        <FormWrapper form={form} isResetAfterSubmit={isResetAfterSubmit} className=\"flex flex-1 flex-col overflow-y-auto\" onSubmit={onSubmit} onError={onError}>\n          <div className=\"bg-muted-muted size-full p-2 inset-shadow-sm\">\n            <main className=\"bg-card shadow-card size-full flex-1 overflow-y-auto rounded-md p-4\">{children}</main>\n          </div>\n          <DialogFooter className=\"border-border-weak border-t p-6 pt-4\">\n            <Button tabIndex={-1} type=\"button\" variant=\"outline\" color=\"muted\" className=\"w-30 rounded-full\" onClick={onReset}>\n              Reset\n            </Button>\n            <Button autoFocus tabIndex={0} type=\"submit\" isLoading={isSubmitting} disabled={disableSubmit} className=\"w-30 rounded-full\">\n              Submit\n            </Button>\n          </DialogFooter>\n        </FormWrapper>\n      </DialogContent>\n    </Dialog>\n  );\n};\n"],"mappings":"mlBA0BA,MAAa,GAA8D,CACzE,OACA,OACA,eAAe,GACf,qBAAqB,GACrB,gBAAgB,GAChB,QACA,cACA,YAEA,eACA,WACA,UACA,UACA,eAII,EAAA,EAAA,eAF4B,qBAAqB,EAiCnD,EAAA,EAAA,KAACQ,EAAAA,EAAAA,CAAa,OAAoB,yBAChC,EAAA,EAAA,MAACC,EAAAA,EAAAA,CACC,WAAA,EAAA,EAAA,IAAc,sCAAuC,EAAU,CAC/D,kBAAmB,GAAK,CACtB,EAAE,gBAAgB,CAClB,EAAE,iBAAiB,aAGrB,EAAA,EAAA,MAACC,EAAAA,EAAAA,CAAa,UAAU,+DACtB,EAAA,EAAA,KAACC,EAAAA,EAAAA,CAAAA,SAAa,GAAS,cAAA,CAA4B,EACnD,EAAA,EAAA,KAACC,EAAAA,EAAAA,CAAAA,SAAmB,GAAe,8DAAA,CAAkF,CAAA,EACxG,EACf,EAAA,EAAA,MAACP,EAAAA,YAAAA,CAAkB,OAA0B,qBAAoB,UAAU,uCAAiD,WAAmB,qBAC7I,EAAA,EAAA,KAAC,MAAA,CAAI,UAAU,yDACb,EAAA,EAAA,KAAC,OAAA,CAAK,UAAU,sEAAuE,YAAgB,EACnG,EACN,EAAA,EAAA,MAACQ,EAAAA,EAAAA,CAAa,UAAU,kDACtB,EAAA,EAAA,KAACN,EAAAA,EAAAA,CAAO,SAAU,GAAI,KAAK,SAAS,QAAQ,UAAU,MAAM,QAAQ,UAAU,oBAAoB,QAAS,WAAS,SAE3G,EACT,EAAA,EAAA,KAACA,EAAAA,EAAAA,CAAO,UAAA,GAAU,SAAU,EAAG,KAAK,SAAS,UAAW,EAAc,SAAU,EAAe,UAAU,6BAAoB,UAEpH,CAAA,EACI,CAAA,EACH,CAAA,EACA,EACT,EAvDP,EAAA,EAAA,KAACP,EAAAA,EAAAA,CAAa,OAAoB,yBAChC,EAAA,EAAA,MAACC,EAAAA,EAAAA,CAAAA,SAAAA,EACC,EAAA,EAAA,MAACC,EAAAA,EAAAA,CAAa,UAAU,uBACtB,EAAA,EAAA,KAACC,EAAAA,EAAAA,CAAAA,SAAa,GAAS,cAAA,CAA4B,EACnD,EAAA,EAAA,KAACC,EAAAA,EAAAA,CAAAA,SAAmB,GAAe,8DAAA,CAAkF,CAAA,EACxG,EACf,EAAA,EAAA,MAACC,EAAAA,YAAAA,CACO,OACc,qBACpB,UAAU,uCACA,WACD,qBAET,EAAA,EAAA,KAAC,OAAA,CAAK,UAAU,uCAAwC,YAAgB,EACxE,EAAA,EAAA,MAACC,EAAAA,EAAAA,CAAa,UAAU,kBACtB,EAAA,EAAA,KAACC,EAAAA,EAAAA,CAAO,UAAA,GAAU,SAAU,EAAG,KAAK,SAAS,UAAW,EAAc,SAAU,EAAe,UAAU,+BAAsB,UAEtH,EACT,EAAA,EAAA,KAACA,EAAAA,EAAAA,CAAO,SAAU,GAAI,KAAK,SAAS,QAAQ,UAAU,MAAM,QAAQ,UAAU,sBAAsB,QAAS,WAAS,SAE7G,CAAA,EACI,CAAA,EACH,CAAA,CAAA,CACA,EACT"}

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

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

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

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

package/dist/dialogs/form-dialog.mjs

@@ -0,0 +1,2 @@
+import"../button.variants-CBzlxtwI.mjs";import{t as e}from"../button-CRqVuIHJ.mjs";import{a as t,i as n,l as r,o as i,r as a,t as o}from"../dialog-BReokNfo.mjs";import"../separator-D1hK3QAo.mjs";import"../alert-dialog-eXJTuREH.mjs";import"../error-dialog-CRlE3Hp9.mjs";import"../label-C6OaewtP.mjs";import"../field-COna_98h.mjs";import"../form-Bob0j0XE.mjs";import{FormWrapper as s}from"../forms/form-wrapper.mjs";import{a as c,i as l,l as u,o as d,r as f,t as p}from"../drawer-B6N8aQHZ.mjs";import{cn as m}from"@customafk/react-toolkit/utils";import{jsx as h,jsxs as g}from"react/jsx-runtime";import{useMediaQuery as _}from"@customafk/react-toolkit/hooks/useMediaQuery";const v=({form:v,open:y,isSubmitting:b=!1,isResetAfterSubmit:x=!0,disableSubmit:S=!1,title:C,description:w,className:T,onOpenChange:E,onSubmit:D,onError:O,onReset:k,children:A})=>_(`(min-width: 768px)`)?h(o,{open:y,onOpenChange:E,children:g(a,{className:m(`flex flex-col gap-0 border-none p-0`,T),onInteractOutside:e=>{e.preventDefault(),e.stopPropagation()},children:[g(i,{className:`border-border-weak flex-0 gap-2 border-b p-6 pb-4`,children:[h(r,{children:C||`Form Dialog`}),h(n,{children:w||`This is a form dialog where you can add your form elements.`})]}),g(s,{form:v,isResetAfterSubmit:x,className:`flex flex-1 flex-col overflow-y-auto`,onSubmit:D,onError:O,children:[h(`div`,{className:`bg-muted-muted size-full p-2 inset-shadow-sm`,children:h(`main`,{className:`bg-card shadow-card size-full flex-1 overflow-y-auto rounded-md p-4`,children:A})}),g(t,{className:`border-border-weak border-t p-6 pt-4`,children:[h(e,{tabIndex:-1,type:`button`,variant:`outline`,color:`muted`,className:`w-30 rounded-full`,onClick:k,children:`Reset`}),h(e,{autoFocus:!0,tabIndex:0,type:`submit`,isLoading:b,disabled:S,className:`w-30 rounded-full`,children:`Submit`})]})]})]})}):h(p,{open:y,onOpenChange:E,children:g(f,{children:[g(d,{className:`text-left`,children:[h(u,{children:C||`Form Dialog`}),h(l,{children:w||`This is a form dialog where you can add your form elements.`})]}),g(s,{form:v,isResetAfterSubmit:x,className:`flex flex-1 flex-col overflow-y-auto`,onSubmit:D,onError:O,children:[h(`main`,{className:`size-full flex-1 overflow-y-auto p-4`,children:A}),g(c,{className:`pt-2`,children:[h(e,{autoFocus:!0,tabIndex:0,type:`submit`,isLoading:b,disabled:S,className:`w-full rounded-full`,children:`Submit`}),h(e,{tabIndex:-1,type:`button`,variant:`outline`,color:`muted`,className:`w-full rounded-full`,onClick:k,children:`Reset`})]})]})]})});export{v as FormDialog};
+//# sourceMappingURL=form-dialog.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"form-dialog.mjs","names":[],"sources":["../../packages/components/dialogs/form-dialog.tsx"],"sourcesContent":["import type { FieldValues, FormState, SubmitErrorHandler, UseFormProps } from 'react-hook-form';\n\nimport { useMediaQuery } from '@customafk/react-toolkit/hooks/useMediaQuery';\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { FormWrapper } from '@/components/forms/form-wrapper';\nimport { Button } from '@/components/ui/button';\nimport { Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle } from '@/components/ui/dialog';\nimport { Drawer, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerTitle } from '@/components/ui/drawer';\n\ntype Props<TFieldValues extends FieldValues = FieldValues> = {\n  form: UseFormProps<TFieldValues>;\n\n  open: boolean;\n  isSubmitting?: boolean;\n  isResetAfterSubmit?: boolean;\n  disableSubmit?: boolean;\n  title?: string;\n  description?: string;\n  className?: string;\n\n  onOpenChange: (open: boolean) => void;\n  onSubmit: (data: TFieldValues, formState: FormState<FieldValues>, dirtyFields: FormState<FieldValues>['dirtyFields']) => void | Promise<void>;\n  onError?: SubmitErrorHandler<TFieldValues>;\n  onReset?: () => void;\n};\nexport const FormDialog = <TFieldValues extends FieldValues = FieldValues>({\n  form,\n  open,\n  isSubmitting = false,\n  isResetAfterSubmit = true,\n  disableSubmit = false,\n  title,\n  description,\n  className,\n\n  onOpenChange,\n  onSubmit,\n  onError,\n  onReset,\n  children,\n}: React.PropsWithChildren<Props<TFieldValues>>) => {\n  const isDesktop = useMediaQuery('(min-width: 768px)');\n\n  if (!isDesktop) {\n    return (\n      <Drawer open={open} onOpenChange={onOpenChange}>\n        <DrawerContent>\n          <DrawerHeader className=\"text-left\">\n            <DrawerTitle>{title || 'Form Dialog'}</DrawerTitle>\n            <DrawerDescription>{description || 'This is a form dialog where you can add your form elements.'}</DrawerDescription>\n          </DrawerHeader>\n          <FormWrapper\n            form={form}\n            isResetAfterSubmit={isResetAfterSubmit}\n            className=\"flex flex-1 flex-col overflow-y-auto\"\n            onSubmit={onSubmit}\n            onError={onError}\n          >\n            <main className=\"size-full flex-1 overflow-y-auto p-4\">{children}</main>\n            <DrawerFooter className=\"pt-2\">\n              <Button autoFocus tabIndex={0} type=\"submit\" isLoading={isSubmitting} disabled={disableSubmit} className=\"w-full rounded-full\">\n                Submit\n              </Button>\n              <Button tabIndex={-1} type=\"button\" variant=\"outline\" color=\"muted\" className=\"w-full rounded-full\" onClick={onReset}>\n                Reset\n              </Button>\n            </DrawerFooter>\n          </FormWrapper>\n        </DrawerContent>\n      </Drawer>\n    );\n  }\n\n  return (\n    <Dialog open={open} onOpenChange={onOpenChange}>\n      <DialogContent\n        className={cn('flex flex-col gap-0 border-none p-0', className)}\n        onInteractOutside={e => {\n          e.preventDefault();\n          e.stopPropagation();\n        }}\n      >\n        <DialogHeader className=\"border-border-weak flex-0 gap-2 border-b p-6 pb-4\">\n          <DialogTitle>{title || 'Form Dialog'}</DialogTitle>\n          <DialogDescription>{description || 'This is a form dialog where you can add your form elements.'}</DialogDescription>\n        </DialogHeader>\n        <FormWrapper form={form} isResetAfterSubmit={isResetAfterSubmit} className=\"flex flex-1 flex-col overflow-y-auto\" onSubmit={onSubmit} onError={onError}>\n          <div className=\"bg-muted-muted size-full p-2 inset-shadow-sm\">\n            <main className=\"bg-card shadow-card size-full flex-1 overflow-y-auto rounded-md p-4\">{children}</main>\n          </div>\n          <DialogFooter className=\"border-border-weak border-t p-6 pt-4\">\n            <Button tabIndex={-1} type=\"button\" variant=\"outline\" color=\"muted\" className=\"w-30 rounded-full\" onClick={onReset}>\n              Reset\n            </Button>\n            <Button autoFocus tabIndex={0} type=\"submit\" isLoading={isSubmitting} disabled={disableSubmit} className=\"w-30 rounded-full\">\n              Submit\n            </Button>\n          </DialogFooter>\n        </FormWrapper>\n      </DialogContent>\n    </Dialog>\n  );\n};\n"],"mappings":"+pBA0BA,MAAa,GAA8D,CACzE,OACA,OACA,eAAe,GACf,qBAAqB,GACrB,gBAAgB,GAChB,QACA,cACA,YAEA,eACA,WACA,UACA,UACA,cAEkB,EAAc,qBAAqB,CAiCnD,EAAC,EAAA,CAAa,OAAoB,wBAChC,EAAC,EAAA,CACC,UAAW,EAAG,sCAAuC,EAAU,CAC/D,kBAAmB,GAAK,CACtB,EAAE,gBAAgB,CAClB,EAAE,iBAAiB,YAGrB,EAAC,EAAA,CAAa,UAAU,8DACtB,EAAC,EAAA,CAAA,SAAa,GAAS,cAAA,CAA4B,CACnD,EAAC,EAAA,CAAA,SAAmB,GAAe,8DAAA,CAAkF,CAAA,EACxG,CACf,EAAC,EAAA,CAAkB,OAA0B,qBAAoB,UAAU,uCAAiD,WAAmB,oBAC7I,EAAC,MAAA,CAAI,UAAU,wDACb,EAAC,OAAA,CAAK,UAAU,sEAAuE,YAAgB,EACnG,CACN,EAAC,EAAA,CAAa,UAAU,iDACtB,EAAC,EAAA,CAAO,SAAU,GAAI,KAAK,SAAS,QAAQ,UAAU,MAAM,QAAQ,UAAU,oBAAoB,QAAS,WAAS,SAE3G,CACT,EAAC,EAAA,CAAO,UAAA,GAAU,SAAU,EAAG,KAAK,SAAS,UAAW,EAAc,SAAU,EAAe,UAAU,6BAAoB,UAEpH,CAAA,EACI,CAAA,EACH,CAAA,EACA,EACT,CAvDP,EAAC,EAAA,CAAa,OAAoB,wBAChC,EAAC,EAAA,CAAA,SAAA,CACC,EAAC,EAAA,CAAa,UAAU,sBACtB,EAAC,EAAA,CAAA,SAAa,GAAS,cAAA,CAA4B,CACnD,EAAC,EAAA,CAAA,SAAmB,GAAe,8DAAA,CAAkF,CAAA,EACxG,CACf,EAAC,EAAA,CACO,OACc,qBACpB,UAAU,uCACA,WACD,oBAET,EAAC,OAAA,CAAK,UAAU,uCAAwC,YAAgB,CACxE,EAAC,EAAA,CAAa,UAAU,iBACtB,EAAC,EAAA,CAAO,UAAA,GAAU,SAAU,EAAG,KAAK,SAAS,UAAW,EAAc,SAAU,EAAe,UAAU,+BAAsB,UAEtH,CACT,EAAC,EAAA,CAAO,SAAU,GAAI,KAAK,SAAS,QAAQ,UAAU,MAAM,QAAQ,UAAU,sBAAsB,QAAS,WAAS,SAE7G,CAAA,EACI,CAAA,EACH,CAAA,CAAA,CACA,EACT"}

package/dist/dialogs/loading-dialog.cjs

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

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

@@ -0,0 +1,9 @@
+//#region packages/components/dialogs/loading-dialog.d.ts
+type Props = {
+  open?: boolean;
+  onOpenChange?: (open: boolean) => void;
+};
+declare const LoadingDialog: React.FC<Props>;
+//#endregion
+export { LoadingDialog };
+//# sourceMappingURL=loading-dialog.d.cts.map

package/dist/dialogs/loading-dialog.d.mts

@@ -0,0 +1,9 @@
+//#region packages/components/dialogs/loading-dialog.d.ts
+type Props = {
+  open?: boolean;
+  onOpenChange?: (open: boolean) => void;
+};
+declare const LoadingDialog: React.FC<Props>;
+//#endregion
+export { LoadingDialog };
+//# sourceMappingURL=loading-dialog.d.mts.map

package/dist/dialogs/loading-dialog.mjs

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

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

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

package/dist/dist-CBsvReQV.cjs

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

package/dist/dist-CBsvReQV.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"dist-CBsvReQV.cjs","names":["React"],"sources":["../node_modules/@radix-ui/react-compose-refs/dist/index.mjs","../node_modules/@radix-ui/react-slot/dist/index.mjs"],"sourcesContent":["// packages/react/compose-refs/src/compose-refs.tsx\nimport * as React from \"react\";\nfunction setRef(ref, value) {\n  if (typeof ref === \"function\") {\n    return ref(value);\n  } else if (ref !== null && ref !== void 0) {\n    ref.current = value;\n  }\n}\nfunction composeRefs(...refs) {\n  return (node) => {\n    let hasCleanup = false;\n    const cleanups = refs.map((ref) => {\n      const cleanup = setRef(ref, node);\n      if (!hasCleanup && typeof cleanup == \"function\") {\n        hasCleanup = true;\n      }\n      return cleanup;\n    });\n    if (hasCleanup) {\n      return () => {\n        for (let i = 0; i < cleanups.length; i++) {\n          const cleanup = cleanups[i];\n          if (typeof cleanup == \"function\") {\n            cleanup();\n          } else {\n            setRef(refs[i], null);\n          }\n        }\n      };\n    }\n  };\n}\nfunction useComposedRefs(...refs) {\n  return React.useCallback(composeRefs(...refs), refs);\n}\nexport {\n  composeRefs,\n  useComposedRefs\n};\n//# sourceMappingURL=index.mjs.map\n","// src/slot.tsx\nimport * as React from \"react\";\nimport { composeRefs } from \"@radix-ui/react-compose-refs\";\nimport { Fragment as Fragment2, jsx } from \"react/jsx-runtime\";\n// @__NO_SIDE_EFFECTS__\nfunction createSlot(ownerName) {\n  const SlotClone = /* @__PURE__ */ createSlotClone(ownerName);\n  const Slot2 = React.forwardRef((props, forwardedRef) => {\n    const { children, ...slotProps } = props;\n    const childrenArray = React.Children.toArray(children);\n    const slottable = childrenArray.find(isSlottable);\n    if (slottable) {\n      const newElement = slottable.props.children;\n      const newChildren = childrenArray.map((child) => {\n        if (child === slottable) {\n          if (React.Children.count(newElement) > 1) return React.Children.only(null);\n          return React.isValidElement(newElement) ? newElement.props.children : null;\n        } else {\n          return child;\n        }\n      });\n      return /* @__PURE__ */ jsx(SlotClone, { ...slotProps, ref: forwardedRef, children: React.isValidElement(newElement) ? React.cloneElement(newElement, void 0, newChildren) : null });\n    }\n    return /* @__PURE__ */ jsx(SlotClone, { ...slotProps, ref: forwardedRef, children });\n  });\n  Slot2.displayName = `${ownerName}.Slot`;\n  return Slot2;\n}\nvar Slot = /* @__PURE__ */ createSlot(\"Slot\");\n// @__NO_SIDE_EFFECTS__\nfunction createSlotClone(ownerName) {\n  const SlotClone = React.forwardRef((props, forwardedRef) => {\n    const { children, ...slotProps } = props;\n    if (React.isValidElement(children)) {\n      const childrenRef = getElementRef(children);\n      const props2 = mergeProps(slotProps, children.props);\n      if (children.type !== React.Fragment) {\n        props2.ref = forwardedRef ? composeRefs(forwardedRef, childrenRef) : childrenRef;\n      }\n      return React.cloneElement(children, props2);\n    }\n    return React.Children.count(children) > 1 ? React.Children.only(null) : null;\n  });\n  SlotClone.displayName = `${ownerName}.SlotClone`;\n  return SlotClone;\n}\nvar SLOTTABLE_IDENTIFIER = Symbol(\"radix.slottable\");\n// @__NO_SIDE_EFFECTS__\nfunction createSlottable(ownerName) {\n  const Slottable2 = ({ children }) => {\n    return /* @__PURE__ */ jsx(Fragment2, { children });\n  };\n  Slottable2.displayName = `${ownerName}.Slottable`;\n  Slottable2.__radixId = SLOTTABLE_IDENTIFIER;\n  return Slottable2;\n}\nvar Slottable = /* @__PURE__ */ createSlottable(\"Slottable\");\nfunction isSlottable(child) {\n  return React.isValidElement(child) && typeof child.type === \"function\" && \"__radixId\" in child.type && child.type.__radixId === SLOTTABLE_IDENTIFIER;\n}\nfunction mergeProps(slotProps, childProps) {\n  const overrideProps = { ...childProps };\n  for (const propName in childProps) {\n    const slotPropValue = slotProps[propName];\n    const childPropValue = childProps[propName];\n    const isHandler = /^on[A-Z]/.test(propName);\n    if (isHandler) {\n      if (slotPropValue && childPropValue) {\n        overrideProps[propName] = (...args) => {\n          const result = childPropValue(...args);\n          slotPropValue(...args);\n          return result;\n        };\n      } else if (slotPropValue) {\n        overrideProps[propName] = slotPropValue;\n      }\n    } else if (propName === \"style\") {\n      overrideProps[propName] = { ...slotPropValue, ...childPropValue };\n    } else if (propName === \"className\") {\n      overrideProps[propName] = [slotPropValue, childPropValue].filter(Boolean).join(\" \");\n    }\n  }\n  return { ...slotProps, ...overrideProps };\n}\nfunction getElementRef(element) {\n  let getter = Object.getOwnPropertyDescriptor(element.props, \"ref\")?.get;\n  let mayWarn = getter && \"isReactWarning\" in getter && getter.isReactWarning;\n  if (mayWarn) {\n    return element.ref;\n  }\n  getter = Object.getOwnPropertyDescriptor(element, \"ref\")?.get;\n  mayWarn = getter && \"isReactWarning\" in getter && getter.isReactWarning;\n  if (mayWarn) {\n    return element.props.ref;\n  }\n  return element.props.ref || element.ref;\n}\nexport {\n  Slot as Root,\n  Slot,\n  Slottable,\n  createSlot,\n  createSlottable\n};\n//# sourceMappingURL=index.mjs.map\n"],"x_google_ignoreList":[0,1],"mappings":"uGAEA,SAAS,EAAO,EAAK,EAAO,CAC1B,GAAI,OAAO,GAAQ,WACjB,OAAO,EAAI,EAAM,CACR,GAAQ,OACjB,EAAI,QAAU,GAGlB,SAAS,EAAY,GAAG,EAAM,CAC5B,MAAQ,IAAS,CACf,IAAI,EAAa,GACX,EAAW,EAAK,IAAK,GAAQ,CACjC,IAAM,EAAU,EAAO,EAAK,EAAK,CAIjC,MAHI,CAAC,GAAc,OAAO,GAAW,aACnC,EAAa,IAER,GACP,CACF,GAAI,EACF,UAAa,CACX,IAAK,IAAI,EAAI,EAAG,EAAI,EAAS,OAAQ,IAAK,CACxC,IAAM,EAAU,EAAS,GACrB,OAAO,GAAW,WACpB,GAAS,CAET,EAAO,EAAK,GAAI,KAAK,ICrBjC,SAAS,EAAW,EAAW,CAC7B,IAAM,EAA4B,EAAgB,EAAU,CACtD,EAAQA,EAAM,YAAY,EAAO,IAAiB,CACtD,GAAM,CAAE,WAAU,GAAG,GAAc,EAC7B,EAAgBA,EAAM,SAAS,QAAQ,EAAS,CAChD,EAAY,EAAc,KAAK,EAAY,CACjD,GAAI,EAAW,CACb,IAAM,EAAa,EAAU,MAAM,SAC7B,EAAc,EAAc,IAAK,GACjC,IAAU,EACRA,EAAM,SAAS,MAAM,EAAW,CAAG,EAAUA,EAAM,SAAS,KAAK,KAAK,CACnEA,EAAM,eAAe,EAAW,CAAG,EAAW,MAAM,SAAW,KAE/D,EAET,CACF,OAAuB,EAAA,EAAA,KAAI,EAAW,CAAE,GAAG,EAAW,IAAK,EAAc,SAAUA,EAAM,eAAe,EAAW,CAAGA,EAAM,aAAa,EAAY,IAAK,GAAG,EAAY,CAAG,KAAM,CAAC,CAErL,OAAuB,EAAA,EAAA,KAAI,EAAW,CAAE,GAAG,EAAW,IAAK,EAAc,WAAU,CAAC,EACpF,CAEF,MADA,GAAM,YAAc,GAAG,EAAU,OAC1B,EAET,IAAI,EAAuB,EAAW,OAAO,CAE7C,SAAS,EAAgB,EAAW,CAClC,IAAM,EAAYA,EAAM,YAAY,EAAO,IAAiB,CAC1D,GAAM,CAAE,WAAU,GAAG,GAAc,EACnC,GAAIA,EAAM,eAAe,EAAS,CAAE,CAClC,IAAM,EAAc,EAAc,EAAS,CACrC,EAAS,EAAW,EAAW,EAAS,MAAM,CAIpD,OAHI,EAAS,OAASA,EAAM,WAC1B,EAAO,IAAM,EAAe,EAAY,EAAc,EAAY,CAAG,GAEhEA,EAAM,aAAa,EAAU,EAAO,CAE7C,OAAOA,EAAM,SAAS,MAAM,EAAS,CAAG,EAAIA,EAAM,SAAS,KAAK,KAAK,CAAG,MACxE,CAEF,MADA,GAAU,YAAc,GAAG,EAAU,YAC9B,EAET,IAAI,EAAuB,OAAO,kBAAkB,CAWpD,SAAS,EAAY,EAAO,CAC1B,OAAOA,EAAM,eAAe,EAAM,EAAI,OAAO,EAAM,MAAS,YAAc,cAAe,EAAM,MAAQ,EAAM,KAAK,YAAc,EAElI,SAAS,EAAW,EAAW,EAAY,CACzC,IAAM,EAAgB,CAAE,GAAG,EAAY,CACvC,IAAK,IAAM,KAAY,EAAY,CACjC,IAAM,EAAgB,EAAU,GAC1B,EAAiB,EAAW,GAChB,WAAW,KAAK,EAAS,CAErC,GAAiB,EACnB,EAAc,IAAa,GAAG,IAAS,CACrC,IAAM,EAAS,EAAe,GAAG,EAAK,CAEtC,OADA,EAAc,GAAG,EAAK,CACf,GAEA,IACT,EAAc,GAAY,GAEnB,IAAa,QACtB,EAAc,GAAY,CAAE,GAAG,EAAe,GAAG,EAAgB,CACxD,IAAa,cACtB,EAAc,GAAY,CAAC,EAAe,EAAe,CAAC,OAAO,QAAQ,CAAC,KAAK,IAAI,EAGvF,MAAO,CAAE,GAAG,EAAW,GAAG,EAAe,CAE3C,SAAS,EAAc,EAAS,CAC9B,IAAI,EAAS,OAAO,yBAAyB,EAAQ,MAAO,MAAM,EAAE,IAChE,EAAU,GAAU,mBAAoB,GAAU,EAAO,eAS7D,OARI,EACK,EAAQ,KAEjB,EAAS,OAAO,yBAAyB,EAAS,MAAM,EAAE,IAC1D,EAAU,GAAU,mBAAoB,GAAU,EAAO,eACrD,EACK,EAAQ,MAAM,IAEhB,EAAQ,MAAM,KAAO,EAAQ"}

package/dist/dist-WcAPtd4a.mjs

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

package/dist/dist-WcAPtd4a.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"dist-WcAPtd4a.mjs","names":[],"sources":["../node_modules/@radix-ui/react-compose-refs/dist/index.mjs","../node_modules/@radix-ui/react-slot/dist/index.mjs"],"sourcesContent":["// packages/react/compose-refs/src/compose-refs.tsx\nimport * as React from \"react\";\nfunction setRef(ref, value) {\n  if (typeof ref === \"function\") {\n    return ref(value);\n  } else if (ref !== null && ref !== void 0) {\n    ref.current = value;\n  }\n}\nfunction composeRefs(...refs) {\n  return (node) => {\n    let hasCleanup = false;\n    const cleanups = refs.map((ref) => {\n      const cleanup = setRef(ref, node);\n      if (!hasCleanup && typeof cleanup == \"function\") {\n        hasCleanup = true;\n      }\n      return cleanup;\n    });\n    if (hasCleanup) {\n      return () => {\n        for (let i = 0; i < cleanups.length; i++) {\n          const cleanup = cleanups[i];\n          if (typeof cleanup == \"function\") {\n            cleanup();\n          } else {\n            setRef(refs[i], null);\n          }\n        }\n      };\n    }\n  };\n}\nfunction useComposedRefs(...refs) {\n  return React.useCallback(composeRefs(...refs), refs);\n}\nexport {\n  composeRefs,\n  useComposedRefs\n};\n//# sourceMappingURL=index.mjs.map\n","// src/slot.tsx\nimport * as React from \"react\";\nimport { composeRefs } from \"@radix-ui/react-compose-refs\";\nimport { Fragment as Fragment2, jsx } from \"react/jsx-runtime\";\n// @__NO_SIDE_EFFECTS__\nfunction createSlot(ownerName) {\n  const SlotClone = /* @__PURE__ */ createSlotClone(ownerName);\n  const Slot2 = React.forwardRef((props, forwardedRef) => {\n    const { children, ...slotProps } = props;\n    const childrenArray = React.Children.toArray(children);\n    const slottable = childrenArray.find(isSlottable);\n    if (slottable) {\n      const newElement = slottable.props.children;\n      const newChildren = childrenArray.map((child) => {\n        if (child === slottable) {\n          if (React.Children.count(newElement) > 1) return React.Children.only(null);\n          return React.isValidElement(newElement) ? newElement.props.children : null;\n        } else {\n          return child;\n        }\n      });\n      return /* @__PURE__ */ jsx(SlotClone, { ...slotProps, ref: forwardedRef, children: React.isValidElement(newElement) ? React.cloneElement(newElement, void 0, newChildren) : null });\n    }\n    return /* @__PURE__ */ jsx(SlotClone, { ...slotProps, ref: forwardedRef, children });\n  });\n  Slot2.displayName = `${ownerName}.Slot`;\n  return Slot2;\n}\nvar Slot = /* @__PURE__ */ createSlot(\"Slot\");\n// @__NO_SIDE_EFFECTS__\nfunction createSlotClone(ownerName) {\n  const SlotClone = React.forwardRef((props, forwardedRef) => {\n    const { children, ...slotProps } = props;\n    if (React.isValidElement(children)) {\n      const childrenRef = getElementRef(children);\n      const props2 = mergeProps(slotProps, children.props);\n      if (children.type !== React.Fragment) {\n        props2.ref = forwardedRef ? composeRefs(forwardedRef, childrenRef) : childrenRef;\n      }\n      return React.cloneElement(children, props2);\n    }\n    return React.Children.count(children) > 1 ? React.Children.only(null) : null;\n  });\n  SlotClone.displayName = `${ownerName}.SlotClone`;\n  return SlotClone;\n}\nvar SLOTTABLE_IDENTIFIER = Symbol(\"radix.slottable\");\n// @__NO_SIDE_EFFECTS__\nfunction createSlottable(ownerName) {\n  const Slottable2 = ({ children }) => {\n    return /* @__PURE__ */ jsx(Fragment2, { children });\n  };\n  Slottable2.displayName = `${ownerName}.Slottable`;\n  Slottable2.__radixId = SLOTTABLE_IDENTIFIER;\n  return Slottable2;\n}\nvar Slottable = /* @__PURE__ */ createSlottable(\"Slottable\");\nfunction isSlottable(child) {\n  return React.isValidElement(child) && typeof child.type === \"function\" && \"__radixId\" in child.type && child.type.__radixId === SLOTTABLE_IDENTIFIER;\n}\nfunction mergeProps(slotProps, childProps) {\n  const overrideProps = { ...childProps };\n  for (const propName in childProps) {\n    const slotPropValue = slotProps[propName];\n    const childPropValue = childProps[propName];\n    const isHandler = /^on[A-Z]/.test(propName);\n    if (isHandler) {\n      if (slotPropValue && childPropValue) {\n        overrideProps[propName] = (...args) => {\n          const result = childPropValue(...args);\n          slotPropValue(...args);\n          return result;\n        };\n      } else if (slotPropValue) {\n        overrideProps[propName] = slotPropValue;\n      }\n    } else if (propName === \"style\") {\n      overrideProps[propName] = { ...slotPropValue, ...childPropValue };\n    } else if (propName === \"className\") {\n      overrideProps[propName] = [slotPropValue, childPropValue].filter(Boolean).join(\" \");\n    }\n  }\n  return { ...slotProps, ...overrideProps };\n}\nfunction getElementRef(element) {\n  let getter = Object.getOwnPropertyDescriptor(element.props, \"ref\")?.get;\n  let mayWarn = getter && \"isReactWarning\" in getter && getter.isReactWarning;\n  if (mayWarn) {\n    return element.ref;\n  }\n  getter = Object.getOwnPropertyDescriptor(element, \"ref\")?.get;\n  mayWarn = getter && \"isReactWarning\" in getter && getter.isReactWarning;\n  if (mayWarn) {\n    return element.props.ref;\n  }\n  return element.props.ref || element.ref;\n}\nexport {\n  Slot as Root,\n  Slot,\n  Slottable,\n  createSlot,\n  createSlottable\n};\n//# sourceMappingURL=index.mjs.map\n"],"x_google_ignoreList":[0,1],"mappings":"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"}

package/dist/drawer-B6N8aQHZ.mjs

@@ -0,0 +1,2 @@
+import{cn as e}from"@customafk/react-toolkit/utils";import{jsx as t,jsxs as n}from"react/jsx-runtime";import{Drawer as r}from"vaul";function i({...e}){return t(r.Root,{"data-slot":`drawer`,...e})}function a({...e}){return t(r.Trigger,{"data-slot":`drawer-trigger`,...e})}function o({...e}){return t(r.Portal,{"data-slot":`drawer-portal`,...e})}function s({...e}){return t(r.Close,{"data-slot":`drawer-close`,...e})}function c({className:n,...i}){return t(r.Overlay,{"data-slot":`drawer-overlay`,className:e(`fixed inset-0 z-50 bg-black/50`,`data-[state=open]:animate-in`,`data-[state=closed]:animate-out`,`data-[state=open]:fade-in-0`,`data-[state=closed]:fade-out-0`,n),...i})}function l({className:i,children:a,...s}){return n(o,{"data-slot":`drawer-portal`,children:[t(c,{}),n(r.Content,{"data-slot":`drawer-content`,className:e(`group/drawer-content bg-background shadow-card fixed z-50 flex h-auto flex-col`,`data-[vaul-drawer-direction=top]:inset-x-0`,`data-[vaul-drawer-direction=top]:top-0`,`data-[vaul-drawer-direction=top]:mb-24`,`data-[vaul-drawer-direction=top]:max-h-[80vh]`,`data-[vaul-drawer-direction=top]:rounded-b-lg`,`data-[vaul-drawer-direction=bottom]:inset-x-0`,`data-[vaul-drawer-direction=bottom]:bottom-0`,`data-[vaul-drawer-direction=bottom]:mt-24`,`data-[vaul-drawer-direction=bottom]:max-h-[80vh]`,`data-[vaul-drawer-direction=bottom]:rounded-t-lg`,`data-[vaul-drawer-direction=right]:inset-y-0`,`data-[vaul-drawer-direction=right]:right-0`,`data-[vaul-drawer-direction=right]:w-3/4`,`data-[vaul-drawer-direction=right]:sm:max-w-sm`,`data-[vaul-drawer-direction=left]:inset-y-0`,`data-[vaul-drawer-direction=left]:left-0`,`data-[vaul-drawer-direction=left]:w-3/4`,`data-[vaul-drawer-direction=left]:sm:max-w-sm`,i),...s,children:[t(`div`,{className:`bg-border-weak mx-auto mt-4 hidden h-2 w-25 shrink-0 rounded-full group-data-[vaul-drawer-direction=bottom]/drawer-content:block`}),a]})]})}function u({className:n,...r}){return t(`div`,{"data-slot":`drawer-header`,className:e(`flex flex-col gap-0.5 p-4`,`md:gap-1.5 md:text-left`,`group-data-[vaul-drawer-direction=bottom]/drawer-content:text-center`,`group-data-[vaul-drawer-direction=top]/drawer-content:text-center`,n),...r})}function d({className:n,...r}){return t(`div`,{"data-slot":`drawer-footer`,className:e(`mt-auto flex flex-col gap-2 p-4`,n),...r})}function f({className:n,...i}){return t(r.Title,{"data-slot":`drawer-title`,className:e(`text-text-positive font-semibold`,n),...i})}function p({className:n,...i}){return t(r.Description,{"data-slot":`drawer-description`,className:e(`text-text-positive-weak text-sm`,n),...i})}export{d as a,o as c,p as i,f as l,s as n,u as o,l as r,c as s,i as t,a as u};
+//# sourceMappingURL=drawer-B6N8aQHZ.mjs.map

package/dist/drawer-B6N8aQHZ.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawer-B6N8aQHZ.mjs","names":["Drawer","DrawerPrimitive"],"sources":["../packages/components/ui/drawer.tsx"],"sourcesContent":["'use client';\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { Drawer as DrawerPrimitive } from 'vaul';\n\nfunction Drawer({ ...props }: React.ComponentProps<typeof DrawerPrimitive.Root>) {\n  return <DrawerPrimitive.Root data-slot=\"drawer\" {...props} />;\n}\n\nfunction DrawerTrigger({ ...props }: React.ComponentProps<typeof DrawerPrimitive.Trigger>) {\n  return <DrawerPrimitive.Trigger data-slot=\"drawer-trigger\" {...props} />;\n}\n\nfunction DrawerPortal({ ...props }: React.ComponentProps<typeof DrawerPrimitive.Portal>) {\n  return <DrawerPrimitive.Portal data-slot=\"drawer-portal\" {...props} />;\n}\n\nfunction DrawerClose({ ...props }: React.ComponentProps<typeof DrawerPrimitive.Close>) {\n  return <DrawerPrimitive.Close data-slot=\"drawer-close\" {...props} />;\n}\n\nfunction DrawerOverlay({ className, ...props }: React.ComponentProps<typeof DrawerPrimitive.Overlay>) {\n  return (\n    <DrawerPrimitive.Overlay\n      data-slot=\"drawer-overlay\"\n      className={cn(\n        'fixed inset-0 z-50 bg-black/50',\n        'data-[state=open]:animate-in',\n        'data-[state=closed]:animate-out',\n        'data-[state=open]:fade-in-0',\n        'data-[state=closed]:fade-out-0',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction DrawerContent({ className, children, ...props }: React.ComponentProps<typeof DrawerPrimitive.Content>) {\n  return (\n    <DrawerPortal data-slot=\"drawer-portal\">\n      <DrawerOverlay />\n      <DrawerPrimitive.Content\n        data-slot=\"drawer-content\"\n        className={cn(\n          'group/drawer-content bg-background shadow-card fixed z-50 flex h-auto flex-col',\n\n          'data-[vaul-drawer-direction=top]:inset-x-0',\n          'data-[vaul-drawer-direction=top]:top-0',\n          'data-[vaul-drawer-direction=top]:mb-24',\n          'data-[vaul-drawer-direction=top]:max-h-[80vh]',\n          'data-[vaul-drawer-direction=top]:rounded-b-lg',\n\n          'data-[vaul-drawer-direction=bottom]:inset-x-0',\n          'data-[vaul-drawer-direction=bottom]:bottom-0',\n          'data-[vaul-drawer-direction=bottom]:mt-24',\n          'data-[vaul-drawer-direction=bottom]:max-h-[80vh]',\n          'data-[vaul-drawer-direction=bottom]:rounded-t-lg',\n\n          'data-[vaul-drawer-direction=right]:inset-y-0',\n          'data-[vaul-drawer-direction=right]:right-0',\n          'data-[vaul-drawer-direction=right]:w-3/4',\n          'data-[vaul-drawer-direction=right]:sm:max-w-sm',\n\n          'data-[vaul-drawer-direction=left]:inset-y-0',\n          'data-[vaul-drawer-direction=left]:left-0',\n          'data-[vaul-drawer-direction=left]:w-3/4',\n          'data-[vaul-drawer-direction=left]:sm:max-w-sm',\n          className\n        )}\n        {...props}\n      >\n        <div className=\"bg-border-weak mx-auto mt-4 hidden h-2 w-25 shrink-0 rounded-full group-data-[vaul-drawer-direction=bottom]/drawer-content:block\" />\n        {children}\n      </DrawerPrimitive.Content>\n    </DrawerPortal>\n  );\n}\n\nfunction DrawerHeader({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"drawer-header\"\n      className={cn(\n        'flex flex-col gap-0.5 p-4',\n        'md:gap-1.5 md:text-left',\n        'group-data-[vaul-drawer-direction=bottom]/drawer-content:text-center',\n        'group-data-[vaul-drawer-direction=top]/drawer-content:text-center',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction DrawerFooter({ className, ...props }: React.ComponentProps<'div'>) {\n  return <div data-slot=\"drawer-footer\" className={cn('mt-auto flex flex-col gap-2 p-4', className)} {...props} />;\n}\n\nfunction DrawerTitle({ className, ...props }: React.ComponentProps<typeof DrawerPrimitive.Title>) {\n  return <DrawerPrimitive.Title data-slot=\"drawer-title\" className={cn('text-text-positive font-semibold', className)} {...props} />;\n}\n\nfunction DrawerDescription({ className, ...props }: React.ComponentProps<typeof DrawerPrimitive.Description>) {\n  return <DrawerPrimitive.Description data-slot=\"drawer-description\" className={cn('text-text-positive-weak text-sm', className)} {...props} />;\n}\n\nexport { Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger };\n"],"mappings":"oIAKA,SAASA,EAAO,CAAE,GAAG,GAA4D,CAC/E,OAAO,EAACC,EAAgB,KAAA,CAAK,YAAU,SAAS,GAAI,GAAS,CAG/D,SAAS,EAAc,CAAE,GAAG,GAA+D,CACzF,OAAO,EAACA,EAAgB,QAAA,CAAQ,YAAU,iBAAiB,GAAI,GAAS,CAG1E,SAAS,EAAa,CAAE,GAAG,GAA8D,CACvF,OAAO,EAACA,EAAgB,OAAA,CAAO,YAAU,gBAAgB,GAAI,GAAS,CAGxE,SAAS,EAAY,CAAE,GAAG,GAA6D,CACrF,OAAO,EAACA,EAAgB,MAAA,CAAM,YAAU,eAAe,GAAI,GAAS,CAGtE,SAAS,EAAc,CAAE,YAAW,GAAG,GAA+D,CACpG,OACE,EAACA,EAAgB,QAAA,CACf,YAAU,iBACV,UAAW,EACT,iCACA,+BACA,kCACA,8BACA,iCACA,EACD,CACD,GAAI,GACJ,CAIN,SAAS,EAAc,CAAE,YAAW,WAAU,GAAG,GAA+D,CAC9G,OACE,EAAC,EAAA,CAAa,YAAU,0BACtB,EAAC,EAAA,EAAA,CAAgB,CACjB,EAACA,EAAgB,QAAA,CACf,YAAU,iBACV,UAAW,EACT,iFAEA,6CACA,yCACA,yCACA,gDACA,gDAEA,gDACA,+CACA,4CACA,mDACA,mDAEA,+CACA,6CACA,2CACA,iDAEA,8CACA,2CACA,0CACA,gDACA,EACD,CACD,GAAI,YAEJ,EAAC,MAAA,CAAI,UAAU,mIAAA,CAAqI,CACnJ,EAAA,EACuB,CAAA,EACb,CAInB,SAAS,EAAa,CAAE,YAAW,GAAG,GAAsC,CAC1E,OACE,EAAC,MAAA,CACC,YAAU,gBACV,UAAW,EACT,4BACA,0BACA,uEACA,oEACA,EACD,CACD,GAAI,GACJ,CAIN,SAAS,EAAa,CAAE,YAAW,GAAG,GAAsC,CAC1E,OAAO,EAAC,MAAA,CAAI,YAAU,gBAAgB,UAAW,EAAG,kCAAmC,EAAU,CAAE,GAAI,GAAS,CAGlH,SAAS,EAAY,CAAE,YAAW,GAAG,GAA6D,CAChG,OAAO,EAACA,EAAgB,MAAA,CAAM,YAAU,eAAe,UAAW,EAAG,mCAAoC,EAAU,CAAE,GAAI,GAAS,CAGpI,SAAS,EAAkB,CAAE,YAAW,GAAG,GAAmE,CAC5G,OAAO,EAACA,EAAgB,YAAA,CAAY,YAAU,qBAAqB,UAAW,EAAG,kCAAmC,EAAU,CAAE,GAAI,GAAS"}

package/dist/drawer-DluJOnDX.cjs

@@ -0,0 +1,2 @@
+const e=require(`./chunk-Bmb41Sf3.cjs`);let t=require(`@customafk/react-toolkit/utils`),n=require(`react/jsx-runtime`),r=require(`vaul`);function i({...e}){return(0,n.jsx)(r.Drawer.Root,{"data-slot":`drawer`,...e})}function a({...e}){return(0,n.jsx)(r.Drawer.Trigger,{"data-slot":`drawer-trigger`,...e})}function o({...e}){return(0,n.jsx)(r.Drawer.Portal,{"data-slot":`drawer-portal`,...e})}function s({...e}){return(0,n.jsx)(r.Drawer.Close,{"data-slot":`drawer-close`,...e})}function c({className:e,...i}){return(0,n.jsx)(r.Drawer.Overlay,{"data-slot":`drawer-overlay`,className:(0,t.cn)(`fixed inset-0 z-50 bg-black/50`,`data-[state=open]:animate-in`,`data-[state=closed]:animate-out`,`data-[state=open]:fade-in-0`,`data-[state=closed]:fade-out-0`,e),...i})}function l({className:e,children:i,...a}){return(0,n.jsxs)(o,{"data-slot":`drawer-portal`,children:[(0,n.jsx)(c,{}),(0,n.jsxs)(r.Drawer.Content,{"data-slot":`drawer-content`,className:(0,t.cn)(`group/drawer-content bg-background shadow-card fixed z-50 flex h-auto flex-col`,`data-[vaul-drawer-direction=top]:inset-x-0`,`data-[vaul-drawer-direction=top]:top-0`,`data-[vaul-drawer-direction=top]:mb-24`,`data-[vaul-drawer-direction=top]:max-h-[80vh]`,`data-[vaul-drawer-direction=top]:rounded-b-lg`,`data-[vaul-drawer-direction=bottom]:inset-x-0`,`data-[vaul-drawer-direction=bottom]:bottom-0`,`data-[vaul-drawer-direction=bottom]:mt-24`,`data-[vaul-drawer-direction=bottom]:max-h-[80vh]`,`data-[vaul-drawer-direction=bottom]:rounded-t-lg`,`data-[vaul-drawer-direction=right]:inset-y-0`,`data-[vaul-drawer-direction=right]:right-0`,`data-[vaul-drawer-direction=right]:w-3/4`,`data-[vaul-drawer-direction=right]:sm:max-w-sm`,`data-[vaul-drawer-direction=left]:inset-y-0`,`data-[vaul-drawer-direction=left]:left-0`,`data-[vaul-drawer-direction=left]:w-3/4`,`data-[vaul-drawer-direction=left]:sm:max-w-sm`,e),...a,children:[(0,n.jsx)(`div`,{className:`bg-border-weak mx-auto mt-4 hidden h-2 w-25 shrink-0 rounded-full group-data-[vaul-drawer-direction=bottom]/drawer-content:block`}),i]})]})}function u({className:e,...r}){return(0,n.jsx)(`div`,{"data-slot":`drawer-header`,className:(0,t.cn)(`flex flex-col gap-0.5 p-4`,`md:gap-1.5 md:text-left`,`group-data-[vaul-drawer-direction=bottom]/drawer-content:text-center`,`group-data-[vaul-drawer-direction=top]/drawer-content:text-center`,e),...r})}function d({className:e,...r}){return(0,n.jsx)(`div`,{"data-slot":`drawer-footer`,className:(0,t.cn)(`mt-auto flex flex-col gap-2 p-4`,e),...r})}function f({className:e,...i}){return(0,n.jsx)(r.Drawer.Title,{"data-slot":`drawer-title`,className:(0,t.cn)(`text-text-positive font-semibold`,e),...i})}function p({className:e,...i}){return(0,n.jsx)(r.Drawer.Description,{"data-slot":`drawer-description`,className:(0,t.cn)(`text-text-positive-weak text-sm`,e),...i})}Object.defineProperty(exports,`a`,{enumerable:!0,get:function(){return d}}),Object.defineProperty(exports,`c`,{enumerable:!0,get:function(){return o}}),Object.defineProperty(exports,`i`,{enumerable:!0,get:function(){return p}}),Object.defineProperty(exports,`l`,{enumerable:!0,get:function(){return f}}),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return s}}),Object.defineProperty(exports,`o`,{enumerable:!0,get:function(){return u}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return l}}),Object.defineProperty(exports,`s`,{enumerable:!0,get:function(){return c}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return i}}),Object.defineProperty(exports,`u`,{enumerable:!0,get:function(){return a}});
+//# sourceMappingURL=drawer-DluJOnDX.cjs.map

package/dist/drawer-DluJOnDX.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawer-DluJOnDX.cjs","names":["DrawerPrimitive"],"sources":["../packages/components/ui/drawer.tsx"],"sourcesContent":["'use client';\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { Drawer as DrawerPrimitive } from 'vaul';\n\nfunction Drawer({ ...props }: React.ComponentProps<typeof DrawerPrimitive.Root>) {\n  return <DrawerPrimitive.Root data-slot=\"drawer\" {...props} />;\n}\n\nfunction DrawerTrigger({ ...props }: React.ComponentProps<typeof DrawerPrimitive.Trigger>) {\n  return <DrawerPrimitive.Trigger data-slot=\"drawer-trigger\" {...props} />;\n}\n\nfunction DrawerPortal({ ...props }: React.ComponentProps<typeof DrawerPrimitive.Portal>) {\n  return <DrawerPrimitive.Portal data-slot=\"drawer-portal\" {...props} />;\n}\n\nfunction DrawerClose({ ...props }: React.ComponentProps<typeof DrawerPrimitive.Close>) {\n  return <DrawerPrimitive.Close data-slot=\"drawer-close\" {...props} />;\n}\n\nfunction DrawerOverlay({ className, ...props }: React.ComponentProps<typeof DrawerPrimitive.Overlay>) {\n  return (\n    <DrawerPrimitive.Overlay\n      data-slot=\"drawer-overlay\"\n      className={cn(\n        'fixed inset-0 z-50 bg-black/50',\n        'data-[state=open]:animate-in',\n        'data-[state=closed]:animate-out',\n        'data-[state=open]:fade-in-0',\n        'data-[state=closed]:fade-out-0',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction DrawerContent({ className, children, ...props }: React.ComponentProps<typeof DrawerPrimitive.Content>) {\n  return (\n    <DrawerPortal data-slot=\"drawer-portal\">\n      <DrawerOverlay />\n      <DrawerPrimitive.Content\n        data-slot=\"drawer-content\"\n        className={cn(\n          'group/drawer-content bg-background shadow-card fixed z-50 flex h-auto flex-col',\n\n          'data-[vaul-drawer-direction=top]:inset-x-0',\n          'data-[vaul-drawer-direction=top]:top-0',\n          'data-[vaul-drawer-direction=top]:mb-24',\n          'data-[vaul-drawer-direction=top]:max-h-[80vh]',\n          'data-[vaul-drawer-direction=top]:rounded-b-lg',\n\n          'data-[vaul-drawer-direction=bottom]:inset-x-0',\n          'data-[vaul-drawer-direction=bottom]:bottom-0',\n          'data-[vaul-drawer-direction=bottom]:mt-24',\n          'data-[vaul-drawer-direction=bottom]:max-h-[80vh]',\n          'data-[vaul-drawer-direction=bottom]:rounded-t-lg',\n\n          'data-[vaul-drawer-direction=right]:inset-y-0',\n          'data-[vaul-drawer-direction=right]:right-0',\n          'data-[vaul-drawer-direction=right]:w-3/4',\n          'data-[vaul-drawer-direction=right]:sm:max-w-sm',\n\n          'data-[vaul-drawer-direction=left]:inset-y-0',\n          'data-[vaul-drawer-direction=left]:left-0',\n          'data-[vaul-drawer-direction=left]:w-3/4',\n          'data-[vaul-drawer-direction=left]:sm:max-w-sm',\n          className\n        )}\n        {...props}\n      >\n        <div className=\"bg-border-weak mx-auto mt-4 hidden h-2 w-25 shrink-0 rounded-full group-data-[vaul-drawer-direction=bottom]/drawer-content:block\" />\n        {children}\n      </DrawerPrimitive.Content>\n    </DrawerPortal>\n  );\n}\n\nfunction DrawerHeader({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"drawer-header\"\n      className={cn(\n        'flex flex-col gap-0.5 p-4',\n        'md:gap-1.5 md:text-left',\n        'group-data-[vaul-drawer-direction=bottom]/drawer-content:text-center',\n        'group-data-[vaul-drawer-direction=top]/drawer-content:text-center',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction DrawerFooter({ className, ...props }: React.ComponentProps<'div'>) {\n  return <div data-slot=\"drawer-footer\" className={cn('mt-auto flex flex-col gap-2 p-4', className)} {...props} />;\n}\n\nfunction DrawerTitle({ className, ...props }: React.ComponentProps<typeof DrawerPrimitive.Title>) {\n  return <DrawerPrimitive.Title data-slot=\"drawer-title\" className={cn('text-text-positive font-semibold', className)} {...props} />;\n}\n\nfunction DrawerDescription({ className, ...props }: React.ComponentProps<typeof DrawerPrimitive.Description>) {\n  return <DrawerPrimitive.Description data-slot=\"drawer-description\" className={cn('text-text-positive-weak text-sm', className)} {...props} />;\n}\n\nexport { Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger };\n"],"mappings":"yIAKA,SAAS,EAAO,CAAE,GAAG,GAA4D,CAC/E,OAAO,EAAA,EAAA,KAACA,EAAAA,OAAgB,KAAA,CAAK,YAAU,SAAS,GAAI,GAAS,CAG/D,SAAS,EAAc,CAAE,GAAG,GAA+D,CACzF,OAAO,EAAA,EAAA,KAACA,EAAAA,OAAgB,QAAA,CAAQ,YAAU,iBAAiB,GAAI,GAAS,CAG1E,SAAS,EAAa,CAAE,GAAG,GAA8D,CACvF,OAAO,EAAA,EAAA,KAACA,EAAAA,OAAgB,OAAA,CAAO,YAAU,gBAAgB,GAAI,GAAS,CAGxE,SAAS,EAAY,CAAE,GAAG,GAA6D,CACrF,OAAO,EAAA,EAAA,KAACA,EAAAA,OAAgB,MAAA,CAAM,YAAU,eAAe,GAAI,GAAS,CAGtE,SAAS,EAAc,CAAE,YAAW,GAAG,GAA+D,CACpG,OACE,EAAA,EAAA,KAACA,EAAAA,OAAgB,QAAA,CACf,YAAU,iBACV,WAAA,EAAA,EAAA,IACE,iCACA,+BACA,kCACA,8BACA,iCACA,EACD,CACD,GAAI,GACJ,CAIN,SAAS,EAAc,CAAE,YAAW,WAAU,GAAG,GAA+D,CAC9G,OACE,EAAA,EAAA,MAAC,EAAA,CAAa,YAAU,2BACtB,EAAA,EAAA,KAAC,EAAA,EAAA,CAAgB,EACjB,EAAA,EAAA,MAACA,EAAAA,OAAgB,QAAA,CACf,YAAU,iBACV,WAAA,EAAA,EAAA,IACE,iFAEA,6CACA,yCACA,yCACA,gDACA,gDAEA,gDACA,+CACA,4CACA,mDACA,mDAEA,+CACA,6CACA,2CACA,iDAEA,8CACA,2CACA,0CACA,gDACA,EACD,CACD,GAAI,aAEJ,EAAA,EAAA,KAAC,MAAA,CAAI,UAAU,mIAAA,CAAqI,CACnJ,EAAA,EACuB,CAAA,EACb,CAInB,SAAS,EAAa,CAAE,YAAW,GAAG,GAAsC,CAC1E,OACE,EAAA,EAAA,KAAC,MAAA,CACC,YAAU,gBACV,WAAA,EAAA,EAAA,IACE,4BACA,0BACA,uEACA,oEACA,EACD,CACD,GAAI,GACJ,CAIN,SAAS,EAAa,CAAE,YAAW,GAAG,GAAsC,CAC1E,OAAO,EAAA,EAAA,KAAC,MAAA,CAAI,YAAU,gBAAgB,WAAA,EAAA,EAAA,IAAc,kCAAmC,EAAU,CAAE,GAAI,GAAS,CAGlH,SAAS,EAAY,CAAE,YAAW,GAAG,GAA6D,CAChG,OAAO,EAAA,EAAA,KAACA,EAAAA,OAAgB,MAAA,CAAM,YAAU,eAAe,WAAA,EAAA,EAAA,IAAc,mCAAoC,EAAU,CAAE,GAAI,GAAS,CAGpI,SAAS,EAAkB,CAAE,YAAW,GAAG,GAAmE,CAC5G,OAAO,EAAA,EAAA,KAACA,EAAAA,OAAgB,YAAA,CAAY,YAAU,qBAAqB,WAAA,EAAA,EAAA,IAAc,kCAAmC,EAAU,CAAE,GAAI,GAAS"}

package/dist/dropdown-menu-Ce5qre1g.mjs

@@ -0,0 +1,2 @@
+import{cn as e}from"@customafk/react-toolkit/utils";import{jsx as t,jsxs as n}from"react/jsx-runtime";import{CheckIcon as r,ChevronRightIcon as i,CircleIcon as a}from"lucide-react";import{DropdownMenu as o}from"radix-ui";function s({...e}){return t(o.Root,{"data-slot":`dropdown-menu`,...e})}function c({...e}){return t(o.Portal,{"data-slot":`dropdown-menu-portal`,...e})}function l({...e}){return t(o.Trigger,{"data-slot":`dropdown-menu-trigger`,...e})}function u({className:n,sideOffset:r=4,align:i=`start`,...a}){return t(o.Portal,{children:t(o.Content,{"data-slot":`dropdown-menu-content`,sideOffset:r,className:e(`bg-popover text-text-positive`,`z-50`,`min-w-32`,`overflow-y-auto overflow-x-hidden`,`rounded-md p-1.5 shadow-dropdown`,`max-h-(--radix-dropdown-menu-content-available-height)`,`origin-(--radix-dropdown-menu-content-transform-origin)`,`data-[state=open]:animate-in`,`data-[state=open]:fade-in-0`,`data-[state=open]:zoom-in-95`,`data-[state=closed]:animate-out`,`data-[state=closed]:fade-out-0`,`data-[state=closed]:zoom-out-95`,`data-[side=bottom]:slide-in-from-top-2`,`data-[side=left]:slide-in-from-right-2`,`data-[side=right]:slide-in-from-left-2`,`data-[side=top]:slide-in-from-bottom-2`,n),...a,align:i})})}function d({...e}){return t(o.Group,{"data-slot":`dropdown-menu-group`,...e})}function f({className:n,inset:r,variant:i=`default`,...a}){return t(o.Item,{"data-slot":`dropdown-menu-item`,"data-inset":r,"data-variant":i,className:e(`relative flex cursor-pointer select-none items-center gap-2 rounded-md px-2 py-2.5 text-sm outline-hidden transition-all`,`focus:bg-muted-muted`,`focus:text-text-positive-strong`,`data-inset:pl-8`,`data-disabled:pointer-events-none`,`data-disabled:opacity-50`,`data-[variant=destructive]:text-danger`,`data-[variant=destructive]:focus:bg-danger-muted`,`data-[variant=destructive]:focus:text-danger-strong`,`data-[variant=destructive]:*:[svg]:text-danger!`,`[&_svg]:shrink-0`,`[&_svg]:pointer-events-none`,`[&_svg:not([class*='size-'])]:size-4`,`[&_svg:not([class*='text-'])]:text-text-positive-weak`,n),...a})}function p({className:i,children:a,checked:s,...c}){return n(o.CheckboxItem,{"data-slot":`dropdown-menu-checkbox-item`,className:e(`relative flex cursor-default select-none items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden`,`focus:bg-muted-muted`,`focus:text-text-positive-strong`,`data-disabled:opacity-50`,`data-disabled:pointer-events-none`,`[&_svg]:pointer-events-none`,`[&_svg]:shrink-0`,`[&_svg:not([class*='size-'])]:size-4`,i),checked:s,...c,children:[t(`span`,{className:`pointer-events-none absolute left-2 flex size-3.5 items-center justify-center`,children:t(o.ItemIndicator,{children:t(r,{size:16})})}),a]})}function m({...e}){return t(o.RadioGroup,{"data-slot":`dropdown-menu-radio-group`,...e})}function h({className:r,children:i,...s}){return n(o.RadioItem,{"data-slot":`dropdown-menu-radio-item`,className:e(`relative flex cursor-default select-none items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden`,`focus:bg-accent-muted`,`focus:text-text-positive-strong`,`data-disabled:pointer-events-none`,`data-disabled:opacity-50`,`[&_svg]:pointer-events-none`,`[&_svg]:shrink-0`,`[&_svg:not([class*='size-'])]:size-4`,r),...s,children:[t(`span`,{className:`pointer-events-none absolute left-2 flex size-3.5 items-center justify-center`,children:t(o.ItemIndicator,{children:t(a,{className:`size-2 fill-current`})})}),i]})}function g({className:n,inset:r,...i}){return t(o.Label,{"data-slot":`dropdown-menu-label`,"data-inset":r,className:e(`px-2 py-1.5 font-medium text-sm data-inset:pl-8`,n),...i})}function _({className:n,...r}){return t(o.Separator,{"data-slot":`dropdown-menu-separator`,className:e(`-mx-1 my-1 h-px bg-border-weak`,n),...r})}function v({className:n,...r}){return t(`span`,{"data-slot":`dropdown-menu-shortcut`,className:e(`ml-auto text-text-positive-muted text-xs tracking-widest`,n),...r})}function y({...e}){return t(o.Sub,{"data-slot":`dropdown-menu-sub`,...e})}function b({className:r,inset:a,children:s,...c}){return n(o.SubTrigger,{"data-slot":`dropdown-menu-sub-trigger`,"data-inset":a,className:e(`flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-hidden`,`focus:bg-accent-muted`,`focus:text-text-positive-strong`,`data-[state=open]:bg-muted-muted`,`data-[state=open]:text-text-positive-strong`,`data-inset:pl-8`,r),...c,children:[s,t(i,{className:`ml-auto size-4`})]})}function x({className:n,...r}){return t(o.SubContent,{"data-slot":`dropdown-menu-sub-content`,className:e(`bg-popover text-text-positive`,`z-50 min-w-32 origin-(--radix-dropdown-menu-content-transform-origin) overflow-hidden rounded-md p-1 shadow-dropdown`,`data-[state=open]:animate-in`,`data-[state=open]:fade-in-0`,`data-[state=open]:zoom-in-95`,`data-[state=closed]:zoom-out-95`,`data-[state=closed]:animate-out`,`data-[state=closed]:fade-out-0`,`data-[side=bottom]:slide-in-from-top-2`,`data-[side=left]:slide-in-from-right-2`,`data-[side=right]:slide-in-from-left-2`,`data-[side=top]:slide-in-from-bottom-2`,n),...r})}export{f as a,m as c,v as d,y as f,l as h,d as i,h as l,b as m,p as n,g as o,x as p,u as r,c as s,s as t,_ as u};
+//# sourceMappingURL=dropdown-menu-Ce5qre1g.mjs.map

package/dist/dropdown-menu-Ce5qre1g.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown-menu-Ce5qre1g.mjs","names":["DropdownMenu","DropdownMenuPrimitive"],"sources":["../packages/components/ui/dropdown-menu.tsx"],"sourcesContent":["'use client';\n\nimport { CheckIcon, ChevronRightIcon, CircleIcon } from 'lucide-react';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { DropdownMenu as DropdownMenuPrimitive } from 'radix-ui';\n\nfunction DropdownMenu({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Root>) {\n  return <DropdownMenuPrimitive.Root data-slot=\"dropdown-menu\" {...props} />;\n}\n\nfunction DropdownMenuPortal({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Portal>) {\n  return <DropdownMenuPrimitive.Portal data-slot=\"dropdown-menu-portal\" {...props} />;\n}\n\nfunction DropdownMenuTrigger({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Trigger>) {\n  return <DropdownMenuPrimitive.Trigger data-slot=\"dropdown-menu-trigger\" {...props} />;\n}\n\nfunction DropdownMenuContent({ className, sideOffset = 4, align = 'start', ...props }: 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-text-positive',\n          'z-50',\n          'min-w-32',\n          'overflow-y-auto overflow-x-hidden',\n          'rounded-md p-1.5 shadow-dropdown',\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({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Group>) {\n  return <DropdownMenuPrimitive.Group data-slot=\"dropdown-menu-group\" {...props} />;\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 select-none items-center gap-2 rounded-md px-2 py-2.5 text-sm outline-hidden transition-all',\n        'focus:bg-muted-muted',\n        'focus:text-text-positive-strong',\n        'data-inset:pl-8',\n        'data-disabled:pointer-events-none',\n        'data-disabled:opacity-50',\n        'data-[variant=destructive]:text-danger',\n        'data-[variant=destructive]:focus:bg-danger-muted',\n        'data-[variant=destructive]:focus:text-danger-strong',\n        'data-[variant=destructive]:*:[svg]:text-danger!',\n        '[&_svg]:shrink-0',\n        '[&_svg]:pointer-events-none',\n        \"[&_svg:not([class*='size-'])]:size-4\",\n        \"[&_svg:not([class*='text-'])]:text-text-positive-weak\",\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction DropdownMenuCheckboxItem({ className, children, checked, ...props }: 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 select-none items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden',\n        'focus:bg-muted-muted',\n        'focus:text-text-positive-strong',\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({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.RadioGroup>) {\n  return <DropdownMenuPrimitive.RadioGroup data-slot=\"dropdown-menu-radio-group\" {...props} />;\n}\n\nfunction DropdownMenuRadioItem({ className, children, ...props }: 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 select-none items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden',\n        'focus:bg-accent-muted',\n        'focus:text-text-positive-strong',\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('px-2 py-1.5 font-medium text-sm data-inset:pl-8', className)}\n      {...props}\n    />\n  );\n}\n\nfunction DropdownMenuSeparator({ className, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Separator>) {\n  return <DropdownMenuPrimitive.Separator data-slot=\"dropdown-menu-separator\" className={cn('-mx-1 my-1 h-px bg-border-weak', className)} {...props} />;\n}\n\nfunction DropdownMenuShortcut({ className, ...props }: React.ComponentProps<'span'>) {\n  return <span data-slot=\"dropdown-menu-shortcut\" className={cn('ml-auto text-text-positive-muted text-xs tracking-widest', className)} {...props} />;\n}\n\nfunction DropdownMenuSub({ ...props }: 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 select-none items-center rounded-sm px-2 py-1.5 text-sm outline-hidden',\n        'focus:bg-accent-muted',\n        'focus:text-text-positive-strong',\n        'data-[state=open]:bg-muted-muted',\n        'data-[state=open]:text-text-positive-strong',\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({ className, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.SubContent>) {\n  return (\n    <DropdownMenuPrimitive.SubContent\n      data-slot=\"dropdown-menu-sub-content\"\n      className={cn(\n        'bg-popover text-text-positive',\n        'z-50 min-w-32 origin-(--radix-dropdown-menu-content-transform-origin) overflow-hidden rounded-md p-1 shadow-dropdown',\n        'data-[state=open]:animate-in',\n        'data-[state=open]:fade-in-0',\n        'data-[state=open]:zoom-in-95',\n        'data-[state=closed]:zoom-out-95',\n        'data-[state=closed]:animate-out',\n        'data-[state=closed]:fade-out-0',\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":"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"}

package/dist/dropdown-menu-LaPPDajj.cjs

@@ -0,0 +1,2 @@
+const e=require(`./chunk-Bmb41Sf3.cjs`);let t=require(`@customafk/react-toolkit/utils`),n=require(`react/jsx-runtime`),r=require(`lucide-react`),i=require(`radix-ui`);function a({...e}){return(0,n.jsx)(i.DropdownMenu.Root,{"data-slot":`dropdown-menu`,...e})}function o({...e}){return(0,n.jsx)(i.DropdownMenu.Portal,{"data-slot":`dropdown-menu-portal`,...e})}function s({...e}){return(0,n.jsx)(i.DropdownMenu.Trigger,{"data-slot":`dropdown-menu-trigger`,...e})}function c({className:e,sideOffset:r=4,align:a=`start`,...o}){return(0,n.jsx)(i.DropdownMenu.Portal,{children:(0,n.jsx)(i.DropdownMenu.Content,{"data-slot":`dropdown-menu-content`,sideOffset:r,className:(0,t.cn)(`bg-popover text-text-positive`,`z-50`,`min-w-32`,`overflow-y-auto overflow-x-hidden`,`rounded-md p-1.5 shadow-dropdown`,`max-h-(--radix-dropdown-menu-content-available-height)`,`origin-(--radix-dropdown-menu-content-transform-origin)`,`data-[state=open]:animate-in`,`data-[state=open]:fade-in-0`,`data-[state=open]:zoom-in-95`,`data-[state=closed]:animate-out`,`data-[state=closed]:fade-out-0`,`data-[state=closed]:zoom-out-95`,`data-[side=bottom]:slide-in-from-top-2`,`data-[side=left]:slide-in-from-right-2`,`data-[side=right]:slide-in-from-left-2`,`data-[side=top]:slide-in-from-bottom-2`,e),...o,align:a})})}function l({...e}){return(0,n.jsx)(i.DropdownMenu.Group,{"data-slot":`dropdown-menu-group`,...e})}function u({className:e,inset:r,variant:a=`default`,...o}){return(0,n.jsx)(i.DropdownMenu.Item,{"data-slot":`dropdown-menu-item`,"data-inset":r,"data-variant":a,className:(0,t.cn)(`relative flex cursor-pointer select-none items-center gap-2 rounded-md px-2 py-2.5 text-sm outline-hidden transition-all`,`focus:bg-muted-muted`,`focus:text-text-positive-strong`,`data-inset:pl-8`,`data-disabled:pointer-events-none`,`data-disabled:opacity-50`,`data-[variant=destructive]:text-danger`,`data-[variant=destructive]:focus:bg-danger-muted`,`data-[variant=destructive]:focus:text-danger-strong`,`data-[variant=destructive]:*:[svg]:text-danger!`,`[&_svg]:shrink-0`,`[&_svg]:pointer-events-none`,`[&_svg:not([class*='size-'])]:size-4`,`[&_svg:not([class*='text-'])]:text-text-positive-weak`,e),...o})}function d({className:e,children:a,checked:o,...s}){return(0,n.jsxs)(i.DropdownMenu.CheckboxItem,{"data-slot":`dropdown-menu-checkbox-item`,className:(0,t.cn)(`relative flex cursor-default select-none items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden`,`focus:bg-muted-muted`,`focus:text-text-positive-strong`,`data-disabled:opacity-50`,`data-disabled:pointer-events-none`,`[&_svg]:pointer-events-none`,`[&_svg]:shrink-0`,`[&_svg:not([class*='size-'])]:size-4`,e),checked:o,...s,children:[(0,n.jsx)(`span`,{className:`pointer-events-none absolute left-2 flex size-3.5 items-center justify-center`,children:(0,n.jsx)(i.DropdownMenu.ItemIndicator,{children:(0,n.jsx)(r.CheckIcon,{size:16})})}),a]})}function f({...e}){return(0,n.jsx)(i.DropdownMenu.RadioGroup,{"data-slot":`dropdown-menu-radio-group`,...e})}function p({className:e,children:a,...o}){return(0,n.jsxs)(i.DropdownMenu.RadioItem,{"data-slot":`dropdown-menu-radio-item`,className:(0,t.cn)(`relative flex cursor-default select-none items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden`,`focus:bg-accent-muted`,`focus:text-text-positive-strong`,`data-disabled:pointer-events-none`,`data-disabled:opacity-50`,`[&_svg]:pointer-events-none`,`[&_svg]:shrink-0`,`[&_svg:not([class*='size-'])]:size-4`,e),...o,children:[(0,n.jsx)(`span`,{className:`pointer-events-none absolute left-2 flex size-3.5 items-center justify-center`,children:(0,n.jsx)(i.DropdownMenu.ItemIndicator,{children:(0,n.jsx)(r.CircleIcon,{className:`size-2 fill-current`})})}),a]})}function m({className:e,inset:r,...a}){return(0,n.jsx)(i.DropdownMenu.Label,{"data-slot":`dropdown-menu-label`,"data-inset":r,className:(0,t.cn)(`px-2 py-1.5 font-medium text-sm data-inset:pl-8`,e),...a})}function h({className:e,...r}){return(0,n.jsx)(i.DropdownMenu.Separator,{"data-slot":`dropdown-menu-separator`,className:(0,t.cn)(`-mx-1 my-1 h-px bg-border-weak`,e),...r})}function g({className:e,...r}){return(0,n.jsx)(`span`,{"data-slot":`dropdown-menu-shortcut`,className:(0,t.cn)(`ml-auto text-text-positive-muted text-xs tracking-widest`,e),...r})}function _({...e}){return(0,n.jsx)(i.DropdownMenu.Sub,{"data-slot":`dropdown-menu-sub`,...e})}function v({className:e,inset:a,children:o,...s}){return(0,n.jsxs)(i.DropdownMenu.SubTrigger,{"data-slot":`dropdown-menu-sub-trigger`,"data-inset":a,className:(0,t.cn)(`flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-hidden`,`focus:bg-accent-muted`,`focus:text-text-positive-strong`,`data-[state=open]:bg-muted-muted`,`data-[state=open]:text-text-positive-strong`,`data-inset:pl-8`,e),...s,children:[o,(0,n.jsx)(r.ChevronRightIcon,{className:`ml-auto size-4`})]})}function y({className:e,...r}){return(0,n.jsx)(i.DropdownMenu.SubContent,{"data-slot":`dropdown-menu-sub-content`,className:(0,t.cn)(`bg-popover text-text-positive`,`z-50 min-w-32 origin-(--radix-dropdown-menu-content-transform-origin) overflow-hidden rounded-md p-1 shadow-dropdown`,`data-[state=open]:animate-in`,`data-[state=open]:fade-in-0`,`data-[state=open]:zoom-in-95`,`data-[state=closed]:zoom-out-95`,`data-[state=closed]:animate-out`,`data-[state=closed]:fade-out-0`,`data-[side=bottom]:slide-in-from-top-2`,`data-[side=left]:slide-in-from-right-2`,`data-[side=right]:slide-in-from-left-2`,`data-[side=top]:slide-in-from-bottom-2`,e),...r})}Object.defineProperty(exports,`a`,{enumerable:!0,get:function(){return u}}),Object.defineProperty(exports,`c`,{enumerable:!0,get:function(){return f}}),Object.defineProperty(exports,`d`,{enumerable:!0,get:function(){return g}}),Object.defineProperty(exports,`f`,{enumerable:!0,get:function(){return _}}),Object.defineProperty(exports,`h`,{enumerable:!0,get:function(){return s}}),Object.defineProperty(exports,`i`,{enumerable:!0,get:function(){return l}}),Object.defineProperty(exports,`l`,{enumerable:!0,get:function(){return p}}),Object.defineProperty(exports,`m`,{enumerable:!0,get:function(){return v}}),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return d}}),Object.defineProperty(exports,`o`,{enumerable:!0,get:function(){return m}}),Object.defineProperty(exports,`p`,{enumerable:!0,get:function(){return y}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return c}}),Object.defineProperty(exports,`s`,{enumerable:!0,get:function(){return o}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return a}}),Object.defineProperty(exports,`u`,{enumerable:!0,get:function(){return h}});
+//# sourceMappingURL=dropdown-menu-LaPPDajj.cjs.map

package/dist/dropdown-menu-LaPPDajj.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown-menu-LaPPDajj.cjs","names":["DropdownMenuPrimitive","CheckIcon","CircleIcon","ChevronRightIcon"],"sources":["../packages/components/ui/dropdown-menu.tsx"],"sourcesContent":["'use client';\n\nimport { CheckIcon, ChevronRightIcon, CircleIcon } from 'lucide-react';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { DropdownMenu as DropdownMenuPrimitive } from 'radix-ui';\n\nfunction DropdownMenu({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Root>) {\n  return <DropdownMenuPrimitive.Root data-slot=\"dropdown-menu\" {...props} />;\n}\n\nfunction DropdownMenuPortal({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Portal>) {\n  return <DropdownMenuPrimitive.Portal data-slot=\"dropdown-menu-portal\" {...props} />;\n}\n\nfunction DropdownMenuTrigger({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Trigger>) {\n  return <DropdownMenuPrimitive.Trigger data-slot=\"dropdown-menu-trigger\" {...props} />;\n}\n\nfunction DropdownMenuContent({ className, sideOffset = 4, align = 'start', ...props }: 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-text-positive',\n          'z-50',\n          'min-w-32',\n          'overflow-y-auto overflow-x-hidden',\n          'rounded-md p-1.5 shadow-dropdown',\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({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Group>) {\n  return <DropdownMenuPrimitive.Group data-slot=\"dropdown-menu-group\" {...props} />;\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 select-none items-center gap-2 rounded-md px-2 py-2.5 text-sm outline-hidden transition-all',\n        'focus:bg-muted-muted',\n        'focus:text-text-positive-strong',\n        'data-inset:pl-8',\n        'data-disabled:pointer-events-none',\n        'data-disabled:opacity-50',\n        'data-[variant=destructive]:text-danger',\n        'data-[variant=destructive]:focus:bg-danger-muted',\n        'data-[variant=destructive]:focus:text-danger-strong',\n        'data-[variant=destructive]:*:[svg]:text-danger!',\n        '[&_svg]:shrink-0',\n        '[&_svg]:pointer-events-none',\n        \"[&_svg:not([class*='size-'])]:size-4\",\n        \"[&_svg:not([class*='text-'])]:text-text-positive-weak\",\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction DropdownMenuCheckboxItem({ className, children, checked, ...props }: 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 select-none items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden',\n        'focus:bg-muted-muted',\n        'focus:text-text-positive-strong',\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({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.RadioGroup>) {\n  return <DropdownMenuPrimitive.RadioGroup data-slot=\"dropdown-menu-radio-group\" {...props} />;\n}\n\nfunction DropdownMenuRadioItem({ className, children, ...props }: 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 select-none items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden',\n        'focus:bg-accent-muted',\n        'focus:text-text-positive-strong',\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('px-2 py-1.5 font-medium text-sm data-inset:pl-8', className)}\n      {...props}\n    />\n  );\n}\n\nfunction DropdownMenuSeparator({ className, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Separator>) {\n  return <DropdownMenuPrimitive.Separator data-slot=\"dropdown-menu-separator\" className={cn('-mx-1 my-1 h-px bg-border-weak', className)} {...props} />;\n}\n\nfunction DropdownMenuShortcut({ className, ...props }: React.ComponentProps<'span'>) {\n  return <span data-slot=\"dropdown-menu-shortcut\" className={cn('ml-auto text-text-positive-muted text-xs tracking-widest', className)} {...props} />;\n}\n\nfunction DropdownMenuSub({ ...props }: 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 select-none items-center rounded-sm px-2 py-1.5 text-sm outline-hidden',\n        'focus:bg-accent-muted',\n        'focus:text-text-positive-strong',\n        'data-[state=open]:bg-muted-muted',\n        'data-[state=open]:text-text-positive-strong',\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({ className, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.SubContent>) {\n  return (\n    <DropdownMenuPrimitive.SubContent\n      data-slot=\"dropdown-menu-sub-content\"\n      className={cn(\n        'bg-popover text-text-positive',\n        'z-50 min-w-32 origin-(--radix-dropdown-menu-content-transform-origin) overflow-hidden rounded-md p-1 shadow-dropdown',\n        'data-[state=open]:animate-in',\n        'data-[state=open]:fade-in-0',\n        'data-[state=open]:zoom-in-95',\n        'data-[state=closed]:zoom-out-95',\n        'data-[state=closed]:animate-out',\n        'data-[state=closed]:fade-out-0',\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":"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"}

package/dist/error-dialog-BD16H0UC.cjs

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"error-dialog-BD16H0UC.cjs","names":["ErrorDialog: React.FC<React.PropsWithChildren<Props>>","AlertDialog","AlertDialogContent","AlertDialogHeader","AlertTriangleIcon","AlertDialogTitle","AlertDialogFooter","AlertDialogAction"],"sources":["../packages/components/dialogs/error-dialog.tsx"],"sourcesContent":["import { useCallback } from 'react';\n\nimport { AlertTriangleIcon } from 'lucide-react';\n\nimport { AlertDialog, AlertDialogAction, AlertDialogContent, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle } 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>> = ({ open, title, children, onOpenChange }) => {\n  const handleClose = 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\">{title || 'An error occurred'}</AlertDialogTitle>\n          </div>\n        </AlertDialogHeader>\n        {children}\n        <AlertDialogFooter>\n          <AlertDialogAction className=\"w-full sm:w-28\" onClick={handleClose}>\n            Close\n          </AlertDialogAction>\n        </AlertDialogFooter>\n      </AlertDialogContent>\n    </AlertDialog>\n  );\n};\n"],"mappings":"iKAYA,MAAaA,GAAyD,CAAE,OAAM,QAAO,WAAU,kBAAmB,CAChH,IAAM,GAAA,EAAA,EAAA,iBAAgC,CACpC,IAAe,GAAM,EACpB,CAAC,EAAa,CAAC,CAClB,OACE,EAAA,EAAA,KAACC,EAAAA,EAAAA,CAAkB,OAAoB,yBACrC,EAAA,EAAA,MAACC,EAAAA,EAAAA,CAAmB,UAAU,mCAC5B,EAAA,EAAA,KAACC,EAAAA,EAAAA,CAAAA,UACC,EAAA,EAAA,MAAC,MAAA,CAAI,UAAU,yDACb,EAAA,EAAA,KAACC,EAAAA,kBAAAA,CAAkB,KAAM,GAAA,CAAM,EAC/B,EAAA,EAAA,KAACC,EAAAA,EAAAA,CAAiB,UAAU,+BAAuB,GAAS,qBAAuC,CAAA,EAC/F,CAAA,CACY,CACnB,GACD,EAAA,EAAA,KAACC,EAAAA,EAAAA,CAAAA,UACC,EAAA,EAAA,KAACC,EAAAA,EAAAA,CAAkB,UAAU,iBAAiB,QAAS,WAAa,SAEhD,CAAA,CACF,GACD,EACT"}

package/dist/error-dialog-CRlE3Hp9.mjs

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

package/dist/error-dialog-CRlE3Hp9.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"error-dialog-CRlE3Hp9.mjs","names":["ErrorDialog: React.FC<React.PropsWithChildren<Props>>"],"sources":["../packages/components/dialogs/error-dialog.tsx"],"sourcesContent":["import { useCallback } from 'react';\n\nimport { AlertTriangleIcon } from 'lucide-react';\n\nimport { AlertDialog, AlertDialogAction, AlertDialogContent, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle } 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>> = ({ open, title, children, onOpenChange }) => {\n  const handleClose = 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\">{title || 'An error occurred'}</AlertDialogTitle>\n          </div>\n        </AlertDialogHeader>\n        {children}\n        <AlertDialogFooter>\n          <AlertDialogAction className=\"w-full sm:w-28\" onClick={handleClose}>\n            Close\n          </AlertDialogAction>\n        </AlertDialogFooter>\n      </AlertDialogContent>\n    </AlertDialog>\n  );\n};\n"],"mappings":"0NAYA,MAAaA,GAAyD,CAAE,OAAM,QAAO,WAAU,kBAAmB,CAChH,IAAM,EAAc,MAAkB,CACpC,IAAe,GAAM,EACpB,CAAC,EAAa,CAAC,CAClB,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,CAAM,CAC/B,EAAC,EAAA,CAAiB,UAAU,+BAAuB,GAAS,qBAAuC,CAAA,EAC/F,CAAA,CACY,CACnB,EACD,EAAC,EAAA,CAAA,SACC,EAAC,EAAA,CAAkB,UAAU,iBAAiB,QAAS,WAAa,SAEhD,CAAA,CACF,GACD,EACT"}

package/dist/features/search-modal/index.cjs

@@ -1,2 +1,2 @@
-const e=require(`../../chunk-Bmb41Sf3.cjs`),t=require(`../../dialog-BZSD5ydg.cjs`),n=require(`../../command-B2WOEAng.cjs`);let r=require(`lucide-react`),i=require(`react/jsx-runtime`);const a=({value:e})=>(0,i.jsx)(n.o,{value:e,children:(0,i.jsxs)(`div`,{className:`size-full flex space-x-2 items-center`,children:[(0,i.jsx)(`div`,{className:`size-12 border border-border rounded-lg bg-card`}),(0,i.jsxs)(`div`,{className:`flex flex-col grow text-sm`,children:[(0,i.jsxs)(`p`,{className:`font-semibold`,children:[`Content Item for `,e]}),(0,i.jsx)(`p`,{className:`font-medium text-text-positive-weak`,children:`100.000VND`})]}),(0,i.jsx)(`button`,{className:`size-8 flex items-center justify-center grow-0`,children:(0,i.jsx)(r.ForwardIcon,{size:20,className:`text-text-positive-weak`})})]})}),o=()=>(0,i.jsxs)(n.t,{children:[(0,i.jsx)(n.a,{placeholder:`Type a command or search...`}),(0,i.jsxs)(n.s,{children:[(0,i.jsxs)(n.r,{className:`h-80 flex flex-col items-center justify-center space-y-2`,children:[(0,i.jsx)(r.Package2Icon,{strokeWidth:1,size:64,className:`text-text-positive-weak`}),(0,i.jsx)(`span`,{className:`ml-2`,children:`No results found.`})]}),(0,i.jsxs)(n.i,{heading:`Search Results`,children:[(0,i.jsx)(a,{value:`example-item-1`}),(0,i.jsx)(a,{value:`example-item-2`}),(0,i.jsx)(a,{value:`example-item-3`})]})]})]}),s=()=>(0,i.jsx)(t.t,{open:!0,children:(0,i.jsx)(t.r,{showCloseButton:!1,className:`sm:max-w-3xl`,children:(0,i.jsx)(o,{})})});exports.SearchModal=s;
+const e=require(`../../chunk-Bmb41Sf3.cjs`),t=require(`../../dialog-VFBezutQ.cjs`),n=require(`../../command-p7dWcZcY.cjs`);let r=require(`react/jsx-runtime`),i=require(`lucide-react`);const a=({value:e})=>(0,r.jsx)(n.o,{value:e,children:(0,r.jsxs)(`div`,{className:`size-full flex space-x-2 items-center`,children:[(0,r.jsx)(`div`,{className:`size-12 border border-border rounded-lg bg-card`}),(0,r.jsxs)(`div`,{className:`flex flex-col grow text-sm`,children:[(0,r.jsxs)(`p`,{className:`font-semibold`,children:[`Content Item for `,e]}),(0,r.jsx)(`p`,{className:`font-medium text-text-positive-weak`,children:`100.000VND`})]}),(0,r.jsx)(`button`,{className:`size-8 flex items-center justify-center grow-0`,children:(0,r.jsx)(i.ForwardIcon,{size:20,className:`text-text-positive-weak`})})]})}),o=()=>(0,r.jsxs)(n.t,{children:[(0,r.jsx)(n.a,{placeholder:`Type a command or search...`}),(0,r.jsxs)(n.s,{children:[(0,r.jsxs)(n.r,{className:`h-80 flex flex-col items-center justify-center space-y-2`,children:[(0,r.jsx)(i.Package2Icon,{strokeWidth:1,size:64,className:`text-text-positive-weak`}),(0,r.jsx)(`span`,{className:`ml-2`,children:`No results found.`})]}),(0,r.jsxs)(n.i,{heading:`Search Results`,children:[(0,r.jsx)(a,{value:`example-item-1`}),(0,r.jsx)(a,{value:`example-item-2`}),(0,r.jsx)(a,{value:`example-item-3`})]})]})]}),s=()=>(0,r.jsx)(t.t,{open:!0,children:(0,r.jsx)(t.r,{showCloseButton:!1,className:`sm:max-w-3xl`,children:(0,r.jsx)(o,{})})});exports.SearchModal=s;
 //# sourceMappingURL=index.cjs.map

package/dist/features/search-modal/index.d.cts

@@ -0,0 +1,7 @@
+import * as react_jsx_runtime32 from "react/jsx-runtime";
+
+//#region packages/components/features/search-modal/index.d.ts
+declare const SearchModal: () => react_jsx_runtime32.JSX.Element;
+//#endregion
+export { SearchModal };
+//# sourceMappingURL=index.d.cts.map

package/dist/features/search-modal/index.d.mts

@@ -0,0 +1,7 @@
+import * as react_jsx_runtime1 from "react/jsx-runtime";
+
+//#region packages/components/features/search-modal/index.d.ts
+declare const SearchModal: () => react_jsx_runtime1.JSX.Element;
+//#endregion
+export { SearchModal };
+//# sourceMappingURL=index.d.mts.map

package/dist/features/search-modal/index.mjs

@@ -0,0 +1,2 @@
+import{r as e,t}from"../../dialog-BReokNfo.mjs";import{a as n,i as r,o as i,r as a,s as o,t as s}from"../../command-DjfS4EEz.mjs";import{jsx as c,jsxs as l}from"react/jsx-runtime";import{ForwardIcon as u,Package2Icon as d}from"lucide-react";const f=({value:e})=>c(i,{value:e,children:l(`div`,{className:`size-full flex space-x-2 items-center`,children:[c(`div`,{className:`size-12 border border-border rounded-lg bg-card`}),l(`div`,{className:`flex flex-col grow text-sm`,children:[l(`p`,{className:`font-semibold`,children:[`Content Item for `,e]}),c(`p`,{className:`font-medium text-text-positive-weak`,children:`100.000VND`})]}),c(`button`,{className:`size-8 flex items-center justify-center grow-0`,children:c(u,{size:20,className:`text-text-positive-weak`})})]})}),p=()=>l(s,{children:[c(n,{placeholder:`Type a command or search...`}),l(o,{children:[l(a,{className:`h-80 flex flex-col items-center justify-center space-y-2`,children:[c(d,{strokeWidth:1,size:64,className:`text-text-positive-weak`}),c(`span`,{className:`ml-2`,children:`No results found.`})]}),l(r,{heading:`Search Results`,children:[c(f,{value:`example-item-1`}),c(f,{value:`example-item-2`}),c(f,{value:`example-item-3`})]})]})]}),m=()=>c(t,{open:!0,children:c(e,{showCloseButton:!1,className:`sm:max-w-3xl`,children:c(p,{})})});export{m as SearchModal};
+//# sourceMappingURL=index.mjs.map

package/dist/features/search-modal/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":["Item: React.FC<{\n  value: string;\n}>"],"sources":["../../../packages/components/features/search-modal/components/command.tsx","../../../packages/components/features/search-modal/index.tsx"],"sourcesContent":["import { Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList } from '@/components/ui/command';\nimport { ForwardIcon, Package2Icon } from 'lucide-react';\n\nconst Item: React.FC<{\n  value: string;\n}> = ({ value }) => {\n  return (\n    <CommandItem value={value}>\n      <div className=\"size-full flex space-x-2 items-center\">\n        <div className=\"size-12 border border-border rounded-lg bg-card\" />\n        <div className=\"flex flex-col grow text-sm\">\n          <p className=\"font-semibold\">Content Item for {value}</p>\n          <p className=\"font-medium text-text-positive-weak\">100.000VND</p>\n        </div>\n        <button className=\"size-8 flex items-center justify-center grow-0\">\n          <ForwardIcon size={20} className=\"text-text-positive-weak\" />\n        </button>\n      </div>\n    </CommandItem>\n  );\n};\n\nexport const SearchCommand = () => {\n  return (\n    <Command>\n      <CommandInput placeholder=\"Type a command or search...\" />\n      <CommandList>\n        <CommandEmpty className=\"h-80 flex flex-col items-center justify-center space-y-2\">\n          <Package2Icon strokeWidth={1} size={64} className=\"text-text-positive-weak\" />\n          <span className=\"ml-2\">No results found.</span>\n        </CommandEmpty>\n        <CommandGroup heading=\"Search Results\">\n          <Item value=\"example-item-1\" />\n          <Item value=\"example-item-2\" />\n          <Item value=\"example-item-3\" />\n        </CommandGroup>\n      </CommandList>\n    </Command>\n  );\n};\n","import { Dialog, DialogContent } from '@/components/ui/dialog';\nimport { SearchCommand } from './components/command';\n\nexport const SearchModal = () => {\n  return (\n    <Dialog open>\n      <DialogContent showCloseButton={false} className=\"sm:max-w-3xl\">\n        <SearchCommand />\n      </DialogContent>\n    </Dialog>\n  );\n};\n"],"mappings":"iPAGA,MAAMA,GAEA,CAAE,WAEJ,EAAC,EAAA,CAAmB,iBAClB,EAAC,MAAA,CAAI,UAAU,kDACb,EAAC,MAAA,CAAI,UAAU,kDAAA,CAAoD,CACnE,EAAC,MAAA,CAAI,UAAU,uCACb,EAAC,IAAA,CAAE,UAAU,0BAAgB,oBAAkB,EAAA,EAAU,CACzD,EAAC,IAAA,CAAE,UAAU,+CAAsC,cAAc,CAAA,EAC7D,CACN,EAAC,SAAA,CAAO,UAAU,0DAChB,EAAC,EAAA,CAAY,KAAM,GAAI,UAAU,2BAA4B,EACtD,GACL,EACM,CAIL,MAET,EAAC,EAAA,CAAA,SAAA,CACC,EAAC,EAAA,CAAa,YAAY,8BAAA,CAAgC,CAC1D,EAAC,EAAA,CAAA,SAAA,CACC,EAAC,EAAA,CAAa,UAAU,qEACtB,EAAC,EAAA,CAAa,YAAa,EAAG,KAAM,GAAI,UAAU,2BAA4B,CAC9E,EAAC,OAAA,CAAK,UAAU,gBAAO,qBAAwB,CAAA,EAClC,CACf,EAAC,EAAA,CAAa,QAAQ,2BACpB,EAAC,EAAA,CAAK,MAAM,iBAAA,CAAmB,CAC/B,EAAC,EAAA,CAAK,MAAM,iBAAA,CAAmB,CAC/B,EAAC,EAAA,CAAK,MAAM,iBAAA,CAAmB,GAClB,CAAA,CAAA,CACH,CAAA,CAAA,CACN,CClCD,MAET,EAAC,EAAA,CAAO,KAAA,YACN,EAAC,EAAA,CAAc,gBAAiB,GAAO,UAAU,wBAC/C,EAAC,EAAA,EAAA,CAAgB,EACH,EACT"}

package/dist/field-COna_98h.mjs

@@ -0,0 +1,2 @@
+import{t as e}from"./separator-D1hK3QAo.mjs";import{t}from"./label-C6OaewtP.mjs";import{cn as n}from"@customafk/react-toolkit/utils";import{jsx as r,jsxs as i}from"react/jsx-runtime";import{BanIcon as a}from"lucide-react";import{memo as o,useMemo as s}from"react";import{cva as c}from"class-variance-authority";const l=o(({className:e,...t})=>r(`fieldset`,{"data-slot":`field-set`,className:n(`flex flex-col gap-6`,`has-[>[data-slot=checkbox-group]]:gap-3 has-[>[data-slot=radio-group]]:gap-3`,e),...t}));l.displayName=`FieldSet`;const u=o(({className:e,variant:t=`legend`,...i})=>r(`legend`,{"data-slot":`field-legend`,"data-variant":t,className:n(`mb-3 font-medium`,`data-[variant=legend]:text-base`,`data-[variant=label]:text-sm`,e),...i}));u.displayName=`FieldLegend`;const d=o(({className:e,...t})=>r(`div`,{"data-slot":`field-group`,className:n(`group/field-group @container/field-group flex w-full flex-col gap-7 data-[slot=checkbox-group]:gap-3 *:data-[slot=field-group]:gap-4`,e),...t}));d.displayName=`FieldGroup`;const f=c(`group/field flex w-full gap-3 data-[invalid=true]:text-destructive`,{variants:{orientation:{vertical:[`flex-col *:w-full [&>.sr-only]:w-auto`],horizontal:[`flex-row items-center`,`*:data-[slot=field-label]:flex-auto`,`has-[>[data-slot=field-content]]:items-start`,`has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px`],responsive:[`flex-col *:w-full [&>.sr-only]:w-auto`,`@md/field-group:flex-row`,`@md/field-group:items-center`,`@md/field-group:*:w-auto`,`@md/field-group:*:data-[slot=field-label]:flex-auto`,`@md/field-group:has-[>[data-slot=field-content]]:items-start`,`@md/field-group:has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px`]}},defaultVariants:{orientation:`vertical`}}),p=o(({className:e,orientation:t=`vertical`,...i})=>r(`div`,{"data-slot":`field`,"data-orientation":t,className:n(f({orientation:t}),e),...i}));p.displayName=`Field`;const m=o(({className:e,...t})=>r(`div`,{"data-slot":`field-content`,className:n(`group/field-content flex basis-2/5 flex-col gap-1.5 leading-snug`,e),...t}));m.displayName=`FieldContent`;const h=o(({className:e,...i})=>r(t,{"data-slot":`field-label`,className:n(`group/field-label peer/field-label flex w-fit gap-2 leading-snug`,`group-data-[disabled=true]/field:opacity-50`,`has-[>[data-slot=field]]:w-full`,`has-[>[data-slot=field]]:flex-col`,`has-[>[data-slot=field]]:rounded-md`,`has-[>[data-slot=field]]:border`,`*:data-[slot=field]:p-4`,`has-data-[state=checked]:bg-primary/5`,`has-data-[state=checked]:border-primary`,e),...i}));h.displayName=`FieldLabel`;const g=o(({className:e,...t})=>r(`div`,{"data-slot":`field-label`,className:n(`flex w-fit items-center gap-2 font-medium text-sm leading-snug group-data-[disabled=true]/field:opacity-50`,e),...t}));g.displayName=`FieldTitle`;const _=o(({className:e,...t})=>r(`p`,{"data-slot":`field-description`,className:n(`text-text-positive-weak text-sm leading-normal font-normal group-has-data-[orientation=horizontal]/field:text-balance`,`last:mt-0 nth-last-2:-mt-1 [[data-variant=legend]+&]:-mt-1.5`,`[&>a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4`,e),...t}));_.displayName=`FieldDescription`;const v=o(({children:t,className:a,...o})=>i(`div`,{"data-slot":`field-separator`,"data-content":!!t,className:n(`relative -my-2 h-5 text-sm group-data-[variant=outline]/field-group:-mb-2`,a),...o,children:[r(e,{className:`absolute inset-0 top-1/2`}),t&&r(`span`,{className:`relative mx-auto block w-fit bg-background px-2 text-text-positive-weak`,"data-slot":`field-separator-content`,children:t})]}));v.displayName=`FieldSeparator`;const y=o(({className:e,children:t,errors:o,...c})=>{let l=s(()=>t||(o?o?.length===1&&o[0]?.message?i(`div`,{className:`flex flex-row items-center justify-start gap-x-0.5`,children:[r(a,{size:14}),r(`p`,{children:o[0].message})]}):r(`ul`,{className:`ml-4 flex list-disc flex-col gap-1`,children:o.map(e=>typeof e==`string`?r(`li`,{children:e},e):e?.message?r(`li`,{children:e.message},e.message):null)}):null),[t,o]);return l?r(`div`,{role:`alert`,"data-slot":`field-error`,className:n(`w-full font-normal text-danger text-xs`,e),...c,children:l}):null});y.displayName=`FieldError`;export{d as a,v as c,y as i,l,m as n,h as o,_ as r,u as s,p as t,g as u};
+//# sourceMappingURL=field-COna_98h.mjs.map

package/dist/field-COna_98h.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"field-COna_98h.mjs","names":[],"sources":["../packages/components/ui/field.tsx"],"sourcesContent":["'use client';\n\nimport { memo, useMemo } from 'react';\n\nimport { BanIcon } from 'lucide-react';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { Label } from '@/components/ui/label';\nimport { Separator } from '@/components/ui/separator';\n\nconst FieldSet = memo(({ className, ...props }: React.ComponentProps<'fieldset'>) => {\n  return (\n    <fieldset\n      data-slot=\"field-set\"\n      className={cn('flex flex-col gap-6', 'has-[>[data-slot=checkbox-group]]:gap-3 has-[>[data-slot=radio-group]]:gap-3', className)}\n      {...props}\n    />\n  );\n});\nFieldSet.displayName = 'FieldSet';\n\nconst FieldLegend = memo(({ className, variant = 'legend', ...props }: React.ComponentProps<'legend'> & { variant?: 'legend' | 'label' }) => {\n  return (\n    <legend\n      data-slot=\"field-legend\"\n      data-variant={variant}\n      className={cn('mb-3 font-medium', 'data-[variant=legend]:text-base', 'data-[variant=label]:text-sm', className)}\n      {...props}\n    />\n  );\n});\nFieldLegend.displayName = 'FieldLegend';\n\nconst FieldGroup = memo(({ className, ...props }: React.ComponentProps<'div'>) => {\n  return (\n    <div\n      data-slot=\"field-group\"\n      className={cn(\n        'group/field-group @container/field-group flex w-full flex-col gap-7 data-[slot=checkbox-group]:gap-3 *:data-[slot=field-group]:gap-4',\n        className\n      )}\n      {...props}\n    />\n  );\n});\nFieldGroup.displayName = 'FieldGroup';\n\nconst fieldVariants = cva('group/field flex w-full gap-3 data-[invalid=true]:text-destructive', {\n  variants: {\n    orientation: {\n      vertical: ['flex-col *:w-full [&>.sr-only]:w-auto'],\n      horizontal: [\n        'flex-row items-center',\n        '*:data-[slot=field-label]:flex-auto',\n        'has-[>[data-slot=field-content]]:items-start',\n        'has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px',\n      ],\n      responsive: [\n        'flex-col *:w-full [&>.sr-only]:w-auto',\n        '@md/field-group:flex-row',\n        '@md/field-group:items-center',\n        '@md/field-group:*:w-auto',\n        '@md/field-group:*:data-[slot=field-label]:flex-auto',\n        '@md/field-group:has-[>[data-slot=field-content]]:items-start',\n        '@md/field-group:has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px',\n      ],\n    },\n  },\n  defaultVariants: {\n    orientation: 'vertical',\n  },\n});\n\nconst Field = memo(({ className, orientation = 'vertical', ...props }: React.ComponentProps<'div'> & VariantProps<typeof fieldVariants>) => {\n  return <div data-slot=\"field\" data-orientation={orientation} className={cn(fieldVariants({ orientation }), className)} {...props} />;\n});\nField.displayName = 'Field';\n\nconst FieldContent = memo(({ className, ...props }: React.ComponentProps<'div'>) => {\n  return <div data-slot=\"field-content\" className={cn('group/field-content flex basis-2/5 flex-col gap-1.5 leading-snug', className)} {...props} />;\n});\nFieldContent.displayName = 'FieldContent';\n\nconst FieldLabel = memo(({ className, ...props }: React.ComponentProps<typeof Label>) => {\n  return (\n    <Label\n      data-slot=\"field-label\"\n      className={cn(\n        'group/field-label peer/field-label flex w-fit gap-2 leading-snug',\n        'group-data-[disabled=true]/field:opacity-50',\n        'has-[>[data-slot=field]]:w-full',\n        'has-[>[data-slot=field]]:flex-col',\n        'has-[>[data-slot=field]]:rounded-md',\n        'has-[>[data-slot=field]]:border',\n        '*:data-[slot=field]:p-4',\n        'has-data-[state=checked]:bg-primary/5',\n        'has-data-[state=checked]:border-primary',\n        className\n      )}\n      {...props}\n    />\n  );\n});\nFieldLabel.displayName = 'FieldLabel';\n\nconst FieldTitle = memo(({ className, ...props }: React.ComponentProps<'div'>) => {\n  return (\n    <div\n      data-slot=\"field-label\"\n      className={cn('flex w-fit items-center gap-2 font-medium text-sm leading-snug group-data-[disabled=true]/field:opacity-50', className)}\n      {...props}\n    />\n  );\n});\nFieldTitle.displayName = 'FieldTitle';\n\nconst FieldDescription = memo(({ className, ...props }: React.ComponentProps<'p'>) => {\n  return (\n    <p\n      data-slot=\"field-description\"\n      className={cn(\n        'text-text-positive-weak text-sm leading-normal font-normal group-has-data-[orientation=horizontal]/field:text-balance',\n        'last:mt-0 nth-last-2:-mt-1 [[data-variant=legend]+&]:-mt-1.5',\n        '[&>a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4',\n        className\n      )}\n      {...props}\n    />\n  );\n});\nFieldDescription.displayName = 'FieldDescription';\n\nconst FieldSeparator = memo(\n  ({\n    children,\n    className,\n    ...props\n  }: React.ComponentProps<'div'> & {\n    children?: React.ReactNode;\n  }) => {\n    return (\n      <div\n        data-slot=\"field-separator\"\n        data-content={!!children}\n        className={cn('relative -my-2 h-5 text-sm group-data-[variant=outline]/field-group:-mb-2', className)}\n        {...props}\n      >\n        <Separator className=\"absolute inset-0 top-1/2\" />\n        {children && (\n          <span className=\"relative mx-auto block w-fit bg-background px-2 text-text-positive-weak\" data-slot=\"field-separator-content\">\n            {children}\n          </span>\n        )}\n      </div>\n    );\n  }\n);\nFieldSeparator.displayName = 'FieldSeparator';\n\nconst FieldError = memo(\n  ({\n    className,\n    children,\n    errors,\n    ...props\n  }: React.ComponentProps<'div'> & {\n    errors?: Array<{ message?: string } | undefined>;\n  }) => {\n    const content = useMemo(() => {\n      if (children) {\n        return children;\n      }\n\n      if (!errors) {\n        return null;\n      }\n\n      if (errors?.length === 1 && errors[0]?.message) {\n        return (\n          <div className=\"flex flex-row items-center justify-start gap-x-0.5\">\n            <BanIcon size={14} />\n            <p>{errors[0].message}</p>\n          </div>\n        );\n      }\n\n      return (\n        <ul className=\"ml-4 flex list-disc flex-col gap-1\">\n          {errors.map(error => {\n            if (typeof error === 'string') return <li key={error}>{error}</li>;\n            if (!error?.message) return null;\n            return <li key={error.message}>{error.message}</li>;\n          })}\n        </ul>\n      );\n    }, [children, errors]);\n\n    if (!content) {\n      return null;\n    }\n\n    return (\n      <div role=\"alert\" data-slot=\"field-error\" className={cn('w-full font-normal text-danger text-xs', className)} {...props}>\n        {content}\n      </div>\n    );\n  }\n);\nFieldError.displayName = 'FieldError';\n\nexport { Field, FieldLabel, FieldDescription, FieldError, FieldGroup, FieldLegend, FieldSeparator, FieldSet, FieldContent, FieldTitle };\n"],"mappings":"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"}

package/dist/field-D8lireRm.cjs

@@ -0,0 +1,2 @@
+const e=require(`./chunk-Bmb41Sf3.cjs`),t=require(`./separator-CBup_ah1.cjs`),n=require(`./label-C6_Tplyy.cjs`);let r=require(`@customafk/react-toolkit/utils`),i=require(`react/jsx-runtime`),a=require(`lucide-react`),o=require(`react`),s=require(`class-variance-authority`);const c=(0,o.memo)(({className:e,...t})=>(0,i.jsx)(`fieldset`,{"data-slot":`field-set`,className:(0,r.cn)(`flex flex-col gap-6`,`has-[>[data-slot=checkbox-group]]:gap-3 has-[>[data-slot=radio-group]]:gap-3`,e),...t}));c.displayName=`FieldSet`;const l=(0,o.memo)(({className:e,variant:t=`legend`,...n})=>(0,i.jsx)(`legend`,{"data-slot":`field-legend`,"data-variant":t,className:(0,r.cn)(`mb-3 font-medium`,`data-[variant=legend]:text-base`,`data-[variant=label]:text-sm`,e),...n}));l.displayName=`FieldLegend`;const u=(0,o.memo)(({className:e,...t})=>(0,i.jsx)(`div`,{"data-slot":`field-group`,className:(0,r.cn)(`group/field-group @container/field-group flex w-full flex-col gap-7 data-[slot=checkbox-group]:gap-3 *:data-[slot=field-group]:gap-4`,e),...t}));u.displayName=`FieldGroup`;const d=(0,s.cva)(`group/field flex w-full gap-3 data-[invalid=true]:text-destructive`,{variants:{orientation:{vertical:[`flex-col *:w-full [&>.sr-only]:w-auto`],horizontal:[`flex-row items-center`,`*:data-[slot=field-label]:flex-auto`,`has-[>[data-slot=field-content]]:items-start`,`has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px`],responsive:[`flex-col *:w-full [&>.sr-only]:w-auto`,`@md/field-group:flex-row`,`@md/field-group:items-center`,`@md/field-group:*:w-auto`,`@md/field-group:*:data-[slot=field-label]:flex-auto`,`@md/field-group:has-[>[data-slot=field-content]]:items-start`,`@md/field-group:has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px`]}},defaultVariants:{orientation:`vertical`}}),f=(0,o.memo)(({className:e,orientation:t=`vertical`,...n})=>(0,i.jsx)(`div`,{"data-slot":`field`,"data-orientation":t,className:(0,r.cn)(d({orientation:t}),e),...n}));f.displayName=`Field`;const p=(0,o.memo)(({className:e,...t})=>(0,i.jsx)(`div`,{"data-slot":`field-content`,className:(0,r.cn)(`group/field-content flex basis-2/5 flex-col gap-1.5 leading-snug`,e),...t}));p.displayName=`FieldContent`;const m=(0,o.memo)(({className:e,...t})=>(0,i.jsx)(n.t,{"data-slot":`field-label`,className:(0,r.cn)(`group/field-label peer/field-label flex w-fit gap-2 leading-snug`,`group-data-[disabled=true]/field:opacity-50`,`has-[>[data-slot=field]]:w-full`,`has-[>[data-slot=field]]:flex-col`,`has-[>[data-slot=field]]:rounded-md`,`has-[>[data-slot=field]]:border`,`*:data-[slot=field]:p-4`,`has-data-[state=checked]:bg-primary/5`,`has-data-[state=checked]:border-primary`,e),...t}));m.displayName=`FieldLabel`;const h=(0,o.memo)(({className:e,...t})=>(0,i.jsx)(`div`,{"data-slot":`field-label`,className:(0,r.cn)(`flex w-fit items-center gap-2 font-medium text-sm leading-snug group-data-[disabled=true]/field:opacity-50`,e),...t}));h.displayName=`FieldTitle`;const g=(0,o.memo)(({className:e,...t})=>(0,i.jsx)(`p`,{"data-slot":`field-description`,className:(0,r.cn)(`text-text-positive-weak text-sm leading-normal font-normal group-has-data-[orientation=horizontal]/field:text-balance`,`last:mt-0 nth-last-2:-mt-1 [[data-variant=legend]+&]:-mt-1.5`,`[&>a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4`,e),...t}));g.displayName=`FieldDescription`;const _=(0,o.memo)(({children:e,className:n,...a})=>(0,i.jsxs)(`div`,{"data-slot":`field-separator`,"data-content":!!e,className:(0,r.cn)(`relative -my-2 h-5 text-sm group-data-[variant=outline]/field-group:-mb-2`,n),...a,children:[(0,i.jsx)(t.t,{className:`absolute inset-0 top-1/2`}),e&&(0,i.jsx)(`span`,{className:`relative mx-auto block w-fit bg-background px-2 text-text-positive-weak`,"data-slot":`field-separator-content`,children:e})]}));_.displayName=`FieldSeparator`;const v=(0,o.memo)(({className:e,children:t,errors:n,...s})=>{let c=(0,o.useMemo)(()=>t||(n?n?.length===1&&n[0]?.message?(0,i.jsxs)(`div`,{className:`flex flex-row items-center justify-start gap-x-0.5`,children:[(0,i.jsx)(a.BanIcon,{size:14}),(0,i.jsx)(`p`,{children:n[0].message})]}):(0,i.jsx)(`ul`,{className:`ml-4 flex list-disc flex-col gap-1`,children:n.map(e=>typeof e==`string`?(0,i.jsx)(`li`,{children:e},e):e?.message?(0,i.jsx)(`li`,{children:e.message},e.message):null)}):null),[t,n]);return c?(0,i.jsx)(`div`,{role:`alert`,"data-slot":`field-error`,className:(0,r.cn)(`w-full font-normal text-danger text-xs`,e),...s,children:c}):null});v.displayName=`FieldError`,Object.defineProperty(exports,`a`,{enumerable:!0,get:function(){return u}}),Object.defineProperty(exports,`c`,{enumerable:!0,get:function(){return _}}),Object.defineProperty(exports,`i`,{enumerable:!0,get:function(){return v}}),Object.defineProperty(exports,`l`,{enumerable:!0,get:function(){return c}}),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return p}}),Object.defineProperty(exports,`o`,{enumerable:!0,get:function(){return m}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return g}}),Object.defineProperty(exports,`s`,{enumerable:!0,get:function(){return l}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return f}}),Object.defineProperty(exports,`u`,{enumerable:!0,get:function(){return h}});
+//# sourceMappingURL=field-D8lireRm.cjs.map

package/dist/field-D8lireRm.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"field-D8lireRm.cjs","names":["Label","Separator","BanIcon"],"sources":["../packages/components/ui/field.tsx"],"sourcesContent":["'use client';\n\nimport { memo, useMemo } from 'react';\n\nimport { BanIcon } from 'lucide-react';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { Label } from '@/components/ui/label';\nimport { Separator } from '@/components/ui/separator';\n\nconst FieldSet = memo(({ className, ...props }: React.ComponentProps<'fieldset'>) => {\n  return (\n    <fieldset\n      data-slot=\"field-set\"\n      className={cn('flex flex-col gap-6', 'has-[>[data-slot=checkbox-group]]:gap-3 has-[>[data-slot=radio-group]]:gap-3', className)}\n      {...props}\n    />\n  );\n});\nFieldSet.displayName = 'FieldSet';\n\nconst FieldLegend = memo(({ className, variant = 'legend', ...props }: React.ComponentProps<'legend'> & { variant?: 'legend' | 'label' }) => {\n  return (\n    <legend\n      data-slot=\"field-legend\"\n      data-variant={variant}\n      className={cn('mb-3 font-medium', 'data-[variant=legend]:text-base', 'data-[variant=label]:text-sm', className)}\n      {...props}\n    />\n  );\n});\nFieldLegend.displayName = 'FieldLegend';\n\nconst FieldGroup = memo(({ className, ...props }: React.ComponentProps<'div'>) => {\n  return (\n    <div\n      data-slot=\"field-group\"\n      className={cn(\n        'group/field-group @container/field-group flex w-full flex-col gap-7 data-[slot=checkbox-group]:gap-3 *:data-[slot=field-group]:gap-4',\n        className\n      )}\n      {...props}\n    />\n  );\n});\nFieldGroup.displayName = 'FieldGroup';\n\nconst fieldVariants = cva('group/field flex w-full gap-3 data-[invalid=true]:text-destructive', {\n  variants: {\n    orientation: {\n      vertical: ['flex-col *:w-full [&>.sr-only]:w-auto'],\n      horizontal: [\n        'flex-row items-center',\n        '*:data-[slot=field-label]:flex-auto',\n        'has-[>[data-slot=field-content]]:items-start',\n        'has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px',\n      ],\n      responsive: [\n        'flex-col *:w-full [&>.sr-only]:w-auto',\n        '@md/field-group:flex-row',\n        '@md/field-group:items-center',\n        '@md/field-group:*:w-auto',\n        '@md/field-group:*:data-[slot=field-label]:flex-auto',\n        '@md/field-group:has-[>[data-slot=field-content]]:items-start',\n        '@md/field-group:has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px',\n      ],\n    },\n  },\n  defaultVariants: {\n    orientation: 'vertical',\n  },\n});\n\nconst Field = memo(({ className, orientation = 'vertical', ...props }: React.ComponentProps<'div'> & VariantProps<typeof fieldVariants>) => {\n  return <div data-slot=\"field\" data-orientation={orientation} className={cn(fieldVariants({ orientation }), className)} {...props} />;\n});\nField.displayName = 'Field';\n\nconst FieldContent = memo(({ className, ...props }: React.ComponentProps<'div'>) => {\n  return <div data-slot=\"field-content\" className={cn('group/field-content flex basis-2/5 flex-col gap-1.5 leading-snug', className)} {...props} />;\n});\nFieldContent.displayName = 'FieldContent';\n\nconst FieldLabel = memo(({ className, ...props }: React.ComponentProps<typeof Label>) => {\n  return (\n    <Label\n      data-slot=\"field-label\"\n      className={cn(\n        'group/field-label peer/field-label flex w-fit gap-2 leading-snug',\n        'group-data-[disabled=true]/field:opacity-50',\n        'has-[>[data-slot=field]]:w-full',\n        'has-[>[data-slot=field]]:flex-col',\n        'has-[>[data-slot=field]]:rounded-md',\n        'has-[>[data-slot=field]]:border',\n        '*:data-[slot=field]:p-4',\n        'has-data-[state=checked]:bg-primary/5',\n        'has-data-[state=checked]:border-primary',\n        className\n      )}\n      {...props}\n    />\n  );\n});\nFieldLabel.displayName = 'FieldLabel';\n\nconst FieldTitle = memo(({ className, ...props }: React.ComponentProps<'div'>) => {\n  return (\n    <div\n      data-slot=\"field-label\"\n      className={cn('flex w-fit items-center gap-2 font-medium text-sm leading-snug group-data-[disabled=true]/field:opacity-50', className)}\n      {...props}\n    />\n  );\n});\nFieldTitle.displayName = 'FieldTitle';\n\nconst FieldDescription = memo(({ className, ...props }: React.ComponentProps<'p'>) => {\n  return (\n    <p\n      data-slot=\"field-description\"\n      className={cn(\n        'text-text-positive-weak text-sm leading-normal font-normal group-has-data-[orientation=horizontal]/field:text-balance',\n        'last:mt-0 nth-last-2:-mt-1 [[data-variant=legend]+&]:-mt-1.5',\n        '[&>a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4',\n        className\n      )}\n      {...props}\n    />\n  );\n});\nFieldDescription.displayName = 'FieldDescription';\n\nconst FieldSeparator = memo(\n  ({\n    children,\n    className,\n    ...props\n  }: React.ComponentProps<'div'> & {\n    children?: React.ReactNode;\n  }) => {\n    return (\n      <div\n        data-slot=\"field-separator\"\n        data-content={!!children}\n        className={cn('relative -my-2 h-5 text-sm group-data-[variant=outline]/field-group:-mb-2', className)}\n        {...props}\n      >\n        <Separator className=\"absolute inset-0 top-1/2\" />\n        {children && (\n          <span className=\"relative mx-auto block w-fit bg-background px-2 text-text-positive-weak\" data-slot=\"field-separator-content\">\n            {children}\n          </span>\n        )}\n      </div>\n    );\n  }\n);\nFieldSeparator.displayName = 'FieldSeparator';\n\nconst FieldError = memo(\n  ({\n    className,\n    children,\n    errors,\n    ...props\n  }: React.ComponentProps<'div'> & {\n    errors?: Array<{ message?: string } | undefined>;\n  }) => {\n    const content = useMemo(() => {\n      if (children) {\n        return children;\n      }\n\n      if (!errors) {\n        return null;\n      }\n\n      if (errors?.length === 1 && errors[0]?.message) {\n        return (\n          <div className=\"flex flex-row items-center justify-start gap-x-0.5\">\n            <BanIcon size={14} />\n            <p>{errors[0].message}</p>\n          </div>\n        );\n      }\n\n      return (\n        <ul className=\"ml-4 flex list-disc flex-col gap-1\">\n          {errors.map(error => {\n            if (typeof error === 'string') return <li key={error}>{error}</li>;\n            if (!error?.message) return null;\n            return <li key={error.message}>{error.message}</li>;\n          })}\n        </ul>\n      );\n    }, [children, errors]);\n\n    if (!content) {\n      return null;\n    }\n\n    return (\n      <div role=\"alert\" data-slot=\"field-error\" className={cn('w-full font-normal text-danger text-xs', className)} {...props}>\n        {content}\n      </div>\n    );\n  }\n);\nFieldError.displayName = 'FieldError';\n\nexport { Field, FieldLabel, FieldDescription, FieldError, FieldGroup, FieldLegend, FieldSeparator, FieldSet, FieldContent, FieldTitle };\n"],"mappings":"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"}

package/dist/flex-BYj-xYaw.cjs

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