@jameskabz/nextcraft-ui 0.6.15 → 0.7.0

package/dist/components/craft-form.cjs

@@ -38,7 +38,6 @@ var import_react_hook_form = require("react-hook-form");
 var import_cn = require("../utils/cn");
 var import_craft_modal = require("../components/craft-modal");
 var import_craft_button = require("../components/craft-button");
-var import_craft_submit_button = require("../components/craft-submit-button");
 function CraftForm({
   form,
   onSubmit,
@@ -69,6 +68,7 @@ function CraftForm({
     [isControlled, onOpenChange]
   );
   const formId = React.useId();
+  const isSubmitDisabled = disableSubmitWhenInvalid && !form.formState.isValid;
   const handleSubmit = form.handleSubmit(async (values) => {
     await onSubmit(values);
     if (closeOnSubmit) setOpen(false);
@@ -76,10 +76,12 @@ function CraftForm({
   const footerContent = footer != null ? footer : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex flex-wrap items-center justify-end gap-3", children: [
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_craft_button.CraftButton, { type: "button", variant: "ghost", onClick: () => setOpen(false), children: cancelLabel }),
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      import_craft_submit_button.CraftSubmitButton,
+      import_craft_button.CraftButton,
       {
+        type: "submit",
+        variant: "solid",
         form: formId,
-        disableWhenInvalid: disableSubmitWhenInvalid,
+        disabled: isSubmitDisabled,
         children: submitLabel
       }
     )

package/dist/components/craft-form.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/craft-form.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { FormProvider, type FieldValues, type UseFormReturn } from \"react-hook-form\";\n\nimport { cn } from \"@/utils/cn\";\nimport type { ThemeName } from \"@/theme/theme-context\";\nimport { CraftModal } from \"@/components/craft-modal\";\nimport { CraftButton } from \"@/components/craft-button\";\nimport { CraftSubmitButton } from \"@/components/craft-submit-button\";\n\nexport type CraftFormProps<TValues extends FieldValues> = {\n  form: UseFormReturn<TValues>;\n  onSubmit: (values: TValues) => void | Promise<void>;\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  trigger?: React.ReactNode;\n  title?: React.ReactNode;\n  description?: React.ReactNode;\n  submitLabel?: React.ReactNode;\n  cancelLabel?: React.ReactNode;\n  tone?: ThemeName;\n  className?: string;\n  children?: React.ReactNode;\n  footer?: React.ReactNode;\n  disableSubmitWhenInvalid?: boolean;\n  closeOnSubmit?: boolean;\n  formClassName?: string;\n};\n\nexport function CraftForm<TValues extends FieldValues>({\n  form,\n  onSubmit,\n  open,\n  defaultOpen = false,\n  onOpenChange,\n  trigger,\n  title,\n  description,\n  submitLabel = \"Save\",\n  cancelLabel = \"Cancel\",\n  tone,\n  className,\n  children,\n  footer,\n  disableSubmitWhenInvalid = true,\n  closeOnSubmit = true,\n  formClassName,\n}: CraftFormProps<TValues>) {\n  const [uncontrolledOpen, setUncontrolledOpen] = React.useState(defaultOpen);\n  const isControlled = typeof open === \"boolean\";\n  const isOpen = isControlled ? open : uncontrolledOpen;\n\n  const setOpen = React.useCallback(\n    (next: boolean) => {\n      if (!isControlled) setUncontrolledOpen(next);\n      onOpenChange?.(next);\n    },\n    [isControlled, onOpenChange]\n  );\n\n  const formId = React.useId();\n\n  const handleSubmit = form.handleSubmit(async (values) => {\n    await onSubmit(values);\n    if (closeOnSubmit) setOpen(false);\n  });\n\n  const footerContent = footer ?? (\n    <div className=\"flex flex-wrap items-center justify-end gap-3\">\n      <CraftButton type=\"button\" variant=\"ghost\" onClick={() => setOpen(false)}>\n        {cancelLabel}\n      </CraftButton>\n      <CraftSubmitButton\n        form={formId}\n        disableWhenInvalid={disableSubmitWhenInvalid}\n      >\n        {submitLabel}\n      </CraftSubmitButton>\n    </div>\n  );\n\n  return (\n    <FormProvider {...form}>\n      <CraftModal\n        open={isOpen}\n        onOpenChange={setOpen}\n        trigger={trigger}\n        title={title}\n        description={description}\n        tone={tone}\n        className={className}\n        footer={footerContent}\n      >\n        <form\n          id={formId}\n          onSubmit={handleSubmit}\n          className={cn(\"space-y-5\", formClassName)}\n        >\n          {children}\n        </form>\n      </CraftModal>\n    </FormProvider>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAsEI;AApEJ,YAAuB;AACvB,6BAAmE;AAEnE,gBAAmB;AAEnB,yBAA2B;AAC3B,0BAA4B;AAC5B,iCAAkC;AAsB3B,SAAS,UAAuC;AAAA,EACrD;AAAA,EACA;AAAA,EACA;AAAA,EACA,cAAc;AAAA,EACd;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,cAAc;AAAA,EACd,cAAc;AAAA,EACd;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,2BAA2B;AAAA,EAC3B,gBAAgB;AAAA,EAChB;AACF,GAA4B;AAC1B,QAAM,CAAC,kBAAkB,mBAAmB,IAAI,MAAM,SAAS,WAAW;AAC1E,QAAM,eAAe,OAAO,SAAS;AACrC,QAAM,SAAS,eAAe,OAAO;AAErC,QAAM,UAAU,MAAM;AAAA,IACpB,CAAC,SAAkB;AACjB,UAAI,CAAC,aAAc,qBAAoB,IAAI;AAC3C,mDAAe;AAAA,IACjB;AAAA,IACA,CAAC,cAAc,YAAY;AAAA,EAC7B;AAEA,QAAM,SAAS,MAAM,MAAM;AAE3B,QAAM,eAAe,KAAK,aAAa,OAAO,WAAW;AACvD,UAAM,SAAS,MAAM;AACrB,QAAI,cAAe,SAAQ,KAAK;AAAA,EAClC,CAAC;AAED,QAAM,gBAAgB,0BACpB,6CAAC,SAAI,WAAU,iDACb;AAAA,gDAAC,mCAAY,MAAK,UAAS,SAAQ,SAAQ,SAAS,MAAM,QAAQ,KAAK,GACpE,uBACH;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,MAAM;AAAA,QACN,oBAAoB;AAAA,QAEnB;AAAA;AAAA,IACH;AAAA,KACF;AAGF,SACE,4CAAC,uCAAc,GAAG,MAChB;AAAA,IAAC;AAAA;AAAA,MACC,MAAM;AAAA,MACN,cAAc;AAAA,MACd;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,QAAQ;AAAA,MAER;AAAA,QAAC;AAAA;AAAA,UACC,IAAI;AAAA,UACJ,UAAU;AAAA,UACV,eAAW,cAAG,aAAa,aAAa;AAAA,UAEvC;AAAA;AAAA,MACH;AAAA;AAAA,EACF,GACF;AAEJ;","names":[]}
+{"version":3,"sources":["../../src/components/craft-form.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { FormProvider, type FieldValues, type UseFormReturn } from \"react-hook-form\";\n\nimport { cn } from \"@/utils/cn\";\nimport type { ThemeName } from \"@/theme/theme-context\";\nimport { CraftModal } from \"@/components/craft-modal\";\nimport { CraftButton } from \"@/components/craft-button\";\n\nexport type CraftFormProps<TValues extends FieldValues> = {\n  form: UseFormReturn<TValues>;\n  onSubmit: (values: TValues) => void | Promise<void>;\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  trigger?: React.ReactNode;\n  title?: React.ReactNode;\n  description?: React.ReactNode;\n  submitLabel?: React.ReactNode;\n  cancelLabel?: React.ReactNode;\n  tone?: ThemeName;\n  className?: string;\n  children?: React.ReactNode;\n  footer?: React.ReactNode;\n  disableSubmitWhenInvalid?: boolean;\n  closeOnSubmit?: boolean;\n  formClassName?: string;\n};\n\nexport function CraftForm<TValues extends FieldValues>({\n  form,\n  onSubmit,\n  open,\n  defaultOpen = false,\n  onOpenChange,\n  trigger,\n  title,\n  description,\n  submitLabel = \"Save\",\n  cancelLabel = \"Cancel\",\n  tone,\n  className,\n  children,\n  footer,\n  disableSubmitWhenInvalid = true,\n  closeOnSubmit = true,\n  formClassName,\n}: CraftFormProps<TValues>) {\n  const [uncontrolledOpen, setUncontrolledOpen] = React.useState(defaultOpen);\n  const isControlled = typeof open === \"boolean\";\n  const isOpen = isControlled ? open : uncontrolledOpen;\n\n  const setOpen = React.useCallback(\n    (next: boolean) => {\n      if (!isControlled) setUncontrolledOpen(next);\n      onOpenChange?.(next);\n    },\n    [isControlled, onOpenChange]\n  );\n\n  const formId = React.useId();\n  const isSubmitDisabled =\n    disableSubmitWhenInvalid && !form.formState.isValid;\n\n  const handleSubmit = form.handleSubmit(async (values) => {\n    await onSubmit(values);\n    if (closeOnSubmit) setOpen(false);\n  });\n\n  const footerContent = footer ?? (\n    <div className=\"flex flex-wrap items-center justify-end gap-3\">\n      <CraftButton type=\"button\" variant=\"ghost\" onClick={() => setOpen(false)}>\n        {cancelLabel}\n      </CraftButton>\n      <CraftButton\n        type=\"submit\"\n        variant=\"solid\"\n        form={formId}\n        disabled={isSubmitDisabled}\n      >\n        {submitLabel}\n      </CraftButton>\n    </div>\n  );\n\n  return (\n    <FormProvider {...form}>\n      <CraftModal\n        open={isOpen}\n        onOpenChange={setOpen}\n        trigger={trigger}\n        title={title}\n        description={description}\n        tone={tone}\n        className={className}\n        footer={footerContent}\n      >\n        <form\n          id={formId}\n          onSubmit={handleSubmit}\n          className={cn(\"space-y-5\", formClassName)}\n        >\n          {children}\n        </form>\n      </CraftModal>\n    </FormProvider>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAuEI;AArEJ,YAAuB;AACvB,6BAAmE;AAEnE,gBAAmB;AAEnB,yBAA2B;AAC3B,0BAA4B;AAsBrB,SAAS,UAAuC;AAAA,EACrD;AAAA,EACA;AAAA,EACA;AAAA,EACA,cAAc;AAAA,EACd;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,cAAc;AAAA,EACd,cAAc;AAAA,EACd;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,2BAA2B;AAAA,EAC3B,gBAAgB;AAAA,EAChB;AACF,GAA4B;AAC1B,QAAM,CAAC,kBAAkB,mBAAmB,IAAI,MAAM,SAAS,WAAW;AAC1E,QAAM,eAAe,OAAO,SAAS;AACrC,QAAM,SAAS,eAAe,OAAO;AAErC,QAAM,UAAU,MAAM;AAAA,IACpB,CAAC,SAAkB;AACjB,UAAI,CAAC,aAAc,qBAAoB,IAAI;AAC3C,mDAAe;AAAA,IACjB;AAAA,IACA,CAAC,cAAc,YAAY;AAAA,EAC7B;AAEA,QAAM,SAAS,MAAM,MAAM;AAC3B,QAAM,mBACJ,4BAA4B,CAAC,KAAK,UAAU;AAE9C,QAAM,eAAe,KAAK,aAAa,OAAO,WAAW;AACvD,UAAM,SAAS,MAAM;AACrB,QAAI,cAAe,SAAQ,KAAK;AAAA,EAClC,CAAC;AAED,QAAM,gBAAgB,0BACpB,6CAAC,SAAI,WAAU,iDACb;AAAA,gDAAC,mCAAY,MAAK,UAAS,SAAQ,SAAQ,SAAS,MAAM,QAAQ,KAAK,GACpE,uBACH;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,SAAQ;AAAA,QACR,MAAM;AAAA,QACN,UAAU;AAAA,QAET;AAAA;AAAA,IACH;AAAA,KACF;AAGF,SACE,4CAAC,uCAAc,GAAG,MAChB;AAAA,IAAC;AAAA;AAAA,MACC,MAAM;AAAA,MACN,cAAc;AAAA,MACd;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,QAAQ;AAAA,MAER;AAAA,QAAC;AAAA;AAAA,UACC,IAAI;AAAA,UACJ,UAAU;AAAA,UACV,eAAW,cAAG,aAAa,aAAa;AAAA,UAEvC;AAAA;AAAA,MACH;AAAA;AAAA,EACF,GACF;AAEJ;","names":[]}

package/dist/components/craft-form.js

@@ -5,7 +5,6 @@ import { FormProvider } from "react-hook-form";
 import { cn } from "../utils/cn";
 import { CraftModal } from "../components/craft-modal";
 import { CraftButton } from "../components/craft-button";
-import { CraftSubmitButton } from "../components/craft-submit-button";
 function CraftForm({
   form,
   onSubmit,
@@ -36,6 +35,7 @@ function CraftForm({
     [isControlled, onOpenChange]
   );
   const formId = React.useId();
+  const isSubmitDisabled = disableSubmitWhenInvalid && !form.formState.isValid;
   const handleSubmit = form.handleSubmit(async (values) => {
     await onSubmit(values);
     if (closeOnSubmit) setOpen(false);
@@ -43,10 +43,12 @@ function CraftForm({
   const footerContent = footer != null ? footer : /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center justify-end gap-3", children: [
     /* @__PURE__ */ jsx(CraftButton, { type: "button", variant: "ghost", onClick: () => setOpen(false), children: cancelLabel }),
     /* @__PURE__ */ jsx(
-      CraftSubmitButton,
+      CraftButton,
       {
+        type: "submit",
+        variant: "solid",
         form: formId,
-        disableWhenInvalid: disableSubmitWhenInvalid,
+        disabled: isSubmitDisabled,
         children: submitLabel
       }
     )

package/dist/components/craft-form.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/craft-form.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { FormProvider, type FieldValues, type UseFormReturn } from \"react-hook-form\";\n\nimport { cn } from \"@/utils/cn\";\nimport type { ThemeName } from \"@/theme/theme-context\";\nimport { CraftModal } from \"@/components/craft-modal\";\nimport { CraftButton } from \"@/components/craft-button\";\nimport { CraftSubmitButton } from \"@/components/craft-submit-button\";\n\nexport type CraftFormProps<TValues extends FieldValues> = {\n  form: UseFormReturn<TValues>;\n  onSubmit: (values: TValues) => void | Promise<void>;\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  trigger?: React.ReactNode;\n  title?: React.ReactNode;\n  description?: React.ReactNode;\n  submitLabel?: React.ReactNode;\n  cancelLabel?: React.ReactNode;\n  tone?: ThemeName;\n  className?: string;\n  children?: React.ReactNode;\n  footer?: React.ReactNode;\n  disableSubmitWhenInvalid?: boolean;\n  closeOnSubmit?: boolean;\n  formClassName?: string;\n};\n\nexport function CraftForm<TValues extends FieldValues>({\n  form,\n  onSubmit,\n  open,\n  defaultOpen = false,\n  onOpenChange,\n  trigger,\n  title,\n  description,\n  submitLabel = \"Save\",\n  cancelLabel = \"Cancel\",\n  tone,\n  className,\n  children,\n  footer,\n  disableSubmitWhenInvalid = true,\n  closeOnSubmit = true,\n  formClassName,\n}: CraftFormProps<TValues>) {\n  const [uncontrolledOpen, setUncontrolledOpen] = React.useState(defaultOpen);\n  const isControlled = typeof open === \"boolean\";\n  const isOpen = isControlled ? open : uncontrolledOpen;\n\n  const setOpen = React.useCallback(\n    (next: boolean) => {\n      if (!isControlled) setUncontrolledOpen(next);\n      onOpenChange?.(next);\n    },\n    [isControlled, onOpenChange]\n  );\n\n  const formId = React.useId();\n\n  const handleSubmit = form.handleSubmit(async (values) => {\n    await onSubmit(values);\n    if (closeOnSubmit) setOpen(false);\n  });\n\n  const footerContent = footer ?? (\n    <div className=\"flex flex-wrap items-center justify-end gap-3\">\n      <CraftButton type=\"button\" variant=\"ghost\" onClick={() => setOpen(false)}>\n        {cancelLabel}\n      </CraftButton>\n      <CraftSubmitButton\n        form={formId}\n        disableWhenInvalid={disableSubmitWhenInvalid}\n      >\n        {submitLabel}\n      </CraftSubmitButton>\n    </div>\n  );\n\n  return (\n    <FormProvider {...form}>\n      <CraftModal\n        open={isOpen}\n        onOpenChange={setOpen}\n        trigger={trigger}\n        title={title}\n        description={description}\n        tone={tone}\n        className={className}\n        footer={footerContent}\n      >\n        <form\n          id={formId}\n          onSubmit={handleSubmit}\n          className={cn(\"space-y-5\", formClassName)}\n        >\n          {children}\n        </form>\n      </CraftModal>\n    </FormProvider>\n  );\n}\n"],"mappings":";AAsEI,SACE,KADF;AApEJ,YAAY,WAAW;AACvB,SAAS,oBAA0D;AAEnE,SAAS,UAAU;AAEnB,SAAS,kBAAkB;AAC3B,SAAS,mBAAmB;AAC5B,SAAS,yBAAyB;AAsB3B,SAAS,UAAuC;AAAA,EACrD;AAAA,EACA;AAAA,EACA;AAAA,EACA,cAAc;AAAA,EACd;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,cAAc;AAAA,EACd,cAAc;AAAA,EACd;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,2BAA2B;AAAA,EAC3B,gBAAgB;AAAA,EAChB;AACF,GAA4B;AAC1B,QAAM,CAAC,kBAAkB,mBAAmB,IAAI,MAAM,SAAS,WAAW;AAC1E,QAAM,eAAe,OAAO,SAAS;AACrC,QAAM,SAAS,eAAe,OAAO;AAErC,QAAM,UAAU,MAAM;AAAA,IACpB,CAAC,SAAkB;AACjB,UAAI,CAAC,aAAc,qBAAoB,IAAI;AAC3C,mDAAe;AAAA,IACjB;AAAA,IACA,CAAC,cAAc,YAAY;AAAA,EAC7B;AAEA,QAAM,SAAS,MAAM,MAAM;AAE3B,QAAM,eAAe,KAAK,aAAa,OAAO,WAAW;AACvD,UAAM,SAAS,MAAM;AACrB,QAAI,cAAe,SAAQ,KAAK;AAAA,EAClC,CAAC;AAED,QAAM,gBAAgB,0BACpB,qBAAC,SAAI,WAAU,iDACb;AAAA,wBAAC,eAAY,MAAK,UAAS,SAAQ,SAAQ,SAAS,MAAM,QAAQ,KAAK,GACpE,uBACH;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,MAAM;AAAA,QACN,oBAAoB;AAAA,QAEnB;AAAA;AAAA,IACH;AAAA,KACF;AAGF,SACE,oBAAC,gBAAc,GAAG,MAChB;AAAA,IAAC;AAAA;AAAA,MACC,MAAM;AAAA,MACN,cAAc;AAAA,MACd;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,QAAQ;AAAA,MAER;AAAA,QAAC;AAAA;AAAA,UACC,IAAI;AAAA,UACJ,UAAU;AAAA,UACV,WAAW,GAAG,aAAa,aAAa;AAAA,UAEvC;AAAA;AAAA,MACH;AAAA;AAAA,EACF,GACF;AAEJ;","names":[]}
+{"version":3,"sources":["../../src/components/craft-form.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { FormProvider, type FieldValues, type UseFormReturn } from \"react-hook-form\";\n\nimport { cn } from \"@/utils/cn\";\nimport type { ThemeName } from \"@/theme/theme-context\";\nimport { CraftModal } from \"@/components/craft-modal\";\nimport { CraftButton } from \"@/components/craft-button\";\n\nexport type CraftFormProps<TValues extends FieldValues> = {\n  form: UseFormReturn<TValues>;\n  onSubmit: (values: TValues) => void | Promise<void>;\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  trigger?: React.ReactNode;\n  title?: React.ReactNode;\n  description?: React.ReactNode;\n  submitLabel?: React.ReactNode;\n  cancelLabel?: React.ReactNode;\n  tone?: ThemeName;\n  className?: string;\n  children?: React.ReactNode;\n  footer?: React.ReactNode;\n  disableSubmitWhenInvalid?: boolean;\n  closeOnSubmit?: boolean;\n  formClassName?: string;\n};\n\nexport function CraftForm<TValues extends FieldValues>({\n  form,\n  onSubmit,\n  open,\n  defaultOpen = false,\n  onOpenChange,\n  trigger,\n  title,\n  description,\n  submitLabel = \"Save\",\n  cancelLabel = \"Cancel\",\n  tone,\n  className,\n  children,\n  footer,\n  disableSubmitWhenInvalid = true,\n  closeOnSubmit = true,\n  formClassName,\n}: CraftFormProps<TValues>) {\n  const [uncontrolledOpen, setUncontrolledOpen] = React.useState(defaultOpen);\n  const isControlled = typeof open === \"boolean\";\n  const isOpen = isControlled ? open : uncontrolledOpen;\n\n  const setOpen = React.useCallback(\n    (next: boolean) => {\n      if (!isControlled) setUncontrolledOpen(next);\n      onOpenChange?.(next);\n    },\n    [isControlled, onOpenChange]\n  );\n\n  const formId = React.useId();\n  const isSubmitDisabled =\n    disableSubmitWhenInvalid && !form.formState.isValid;\n\n  const handleSubmit = form.handleSubmit(async (values) => {\n    await onSubmit(values);\n    if (closeOnSubmit) setOpen(false);\n  });\n\n  const footerContent = footer ?? (\n    <div className=\"flex flex-wrap items-center justify-end gap-3\">\n      <CraftButton type=\"button\" variant=\"ghost\" onClick={() => setOpen(false)}>\n        {cancelLabel}\n      </CraftButton>\n      <CraftButton\n        type=\"submit\"\n        variant=\"solid\"\n        form={formId}\n        disabled={isSubmitDisabled}\n      >\n        {submitLabel}\n      </CraftButton>\n    </div>\n  );\n\n  return (\n    <FormProvider {...form}>\n      <CraftModal\n        open={isOpen}\n        onOpenChange={setOpen}\n        trigger={trigger}\n        title={title}\n        description={description}\n        tone={tone}\n        className={className}\n        footer={footerContent}\n      >\n        <form\n          id={formId}\n          onSubmit={handleSubmit}\n          className={cn(\"space-y-5\", formClassName)}\n        >\n          {children}\n        </form>\n      </CraftModal>\n    </FormProvider>\n  );\n}\n"],"mappings":";AAuEI,SACE,KADF;AArEJ,YAAY,WAAW;AACvB,SAAS,oBAA0D;AAEnE,SAAS,UAAU;AAEnB,SAAS,kBAAkB;AAC3B,SAAS,mBAAmB;AAsBrB,SAAS,UAAuC;AAAA,EACrD;AAAA,EACA;AAAA,EACA;AAAA,EACA,cAAc;AAAA,EACd;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,cAAc;AAAA,EACd,cAAc;AAAA,EACd;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,2BAA2B;AAAA,EAC3B,gBAAgB;AAAA,EAChB;AACF,GAA4B;AAC1B,QAAM,CAAC,kBAAkB,mBAAmB,IAAI,MAAM,SAAS,WAAW;AAC1E,QAAM,eAAe,OAAO,SAAS;AACrC,QAAM,SAAS,eAAe,OAAO;AAErC,QAAM,UAAU,MAAM;AAAA,IACpB,CAAC,SAAkB;AACjB,UAAI,CAAC,aAAc,qBAAoB,IAAI;AAC3C,mDAAe;AAAA,IACjB;AAAA,IACA,CAAC,cAAc,YAAY;AAAA,EAC7B;AAEA,QAAM,SAAS,MAAM,MAAM;AAC3B,QAAM,mBACJ,4BAA4B,CAAC,KAAK,UAAU;AAE9C,QAAM,eAAe,KAAK,aAAa,OAAO,WAAW;AACvD,UAAM,SAAS,MAAM;AACrB,QAAI,cAAe,SAAQ,KAAK;AAAA,EAClC,CAAC;AAED,QAAM,gBAAgB,0BACpB,qBAAC,SAAI,WAAU,iDACb;AAAA,wBAAC,eAAY,MAAK,UAAS,SAAQ,SAAQ,SAAS,MAAM,QAAQ,KAAK,GACpE,uBACH;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,SAAQ;AAAA,QACR,MAAM;AAAA,QACN,UAAU;AAAA,QAET;AAAA;AAAA,IACH;AAAA,KACF;AAGF,SACE,oBAAC,gBAAc,GAAG,MAChB;AAAA,IAAC;AAAA;AAAA,MACC,MAAM;AAAA,MACN,cAAc;AAAA,MACd;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,QAAQ;AAAA,MAER;AAAA,QAAC;AAAA;AAAA,UACC,IAAI;AAAA,UACJ,UAAU;AAAA,UACV,WAAW,GAAG,aAAa,aAAa;AAAA,UAEvC;AAAA;AAAA,MACH;AAAA;AAAA,EACF,GACF;AAEJ;","names":[]}

package/dist/components/craft-icon.cjs

@@ -35,54 +35,48 @@ __export(craft_icon_exports, {
 module.exports = __toCommonJS(craft_icon_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var React = __toESM(require("react"), 1);
+var import_react_fontawesome = require("@fortawesome/react-fontawesome");
+var import_free_solid_svg_icons = require("@fortawesome/free-solid-svg-icons");
 var import_cn = require("../utils/cn");
 const CraftIconContext = React.createContext(null);
 function CraftIconProvider({ icons, children }) {
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CraftIconContext.Provider, { value: icons, children });
 }
+const fontAwesomeIcons = {
+  "layout-dashboard": import_free_solid_svg_icons.faGauge,
+  dashboard: import_free_solid_svg_icons.faGauge,
+  folder: import_free_solid_svg_icons.faFolder,
+  "folder-open": import_free_solid_svg_icons.faFolderOpen,
+  users: import_free_solid_svg_icons.faUsers,
+  "credit-card": import_free_solid_svg_icons.faCreditCard,
+  pen: import_free_solid_svg_icons.faPen,
+  edit: import_free_solid_svg_icons.faPen,
+  trash: import_free_solid_svg_icons.faTrash,
+  delete: import_free_solid_svg_icons.faTrash,
+  archive: import_free_solid_svg_icons.faArchive,
+  search: import_free_solid_svg_icons.faSearch
+};
 function CraftIcon({
   name,
   className,
   "aria-label": ariaLabel,
-  icons,
-  useLucide = true
+  icons
 }) {
   const contextRegistry = React.useContext(CraftIconContext);
   const registry = icons != null ? icons : contextRegistry;
   const icon = registry == null ? void 0 : registry[name];
-  const [LucideIcon, setLucideIcon] = React.useState(
-    null
-  );
-  React.useEffect(() => {
-    if (!useLucide || icon || LucideIcon) return;
-    let mounted = true;
-    (async () => {
-      try {
-        const mod = await import("lucide-react/dynamic.mjs");
-        if (mounted) {
-          setLucideIcon(() => mod.DynamicIcon);
-        }
-      } catch (error) {
-        if (mounted) setLucideIcon(null);
-        if (process.env.NODE_ENV !== "production") {
-          console.warn(
-            "[CraftIcon] Failed to load lucide-react/dynamic. Ensure lucide-react is installed."
-          );
-          console.warn(error);
-        }
-      }
-    })();
-    return () => {
-      mounted = false;
-    };
-  }, [LucideIcon, icon, useLucide]);
   if (!icon) {
-    if (!useLucide) return null;
-    if (!LucideIcon) return null;
+    const faIcon = fontAwesomeIcons[name];
+    if (!faIcon) {
+      if (process.env.NODE_ENV !== "production") {
+        console.warn(`[CraftIcon] Unknown icon name: ${name}`);
+      }
+      return null;
+    }
     return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      LucideIcon,
+      import_react_fontawesome.FontAwesomeIcon,
       {
-        name,
+        icon: faIcon,
         className,
         "aria-hidden": ariaLabel ? void 0 : true,
         "aria-label": ariaLabel

package/dist/components/craft-icon.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/craft-icon.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\n\nimport { cn } from \"@/utils/cn\";\n\nexport type CraftIconRegistry = Record<string, React.ReactNode>;\n\nconst CraftIconContext = React.createContext<CraftIconRegistry | null>(null);\n\nexport type CraftIconProviderProps = {\n  icons: CraftIconRegistry;\n  children: React.ReactNode;\n};\n\nexport function CraftIconProvider({ icons, children }: CraftIconProviderProps) {\n  return <CraftIconContext.Provider value={icons}>{children}</CraftIconContext.Provider>;\n}\n\nexport type CraftIconProps = {\n  name: string;\n  className?: string;\n  \"aria-label\"?: string;\n  icons?: CraftIconRegistry;\n  useLucide?: boolean;\n};\n\ntype DynamicIconComponent = React.ComponentType<{\n  name: string;\n  className?: string;\n  \"aria-hidden\"?: boolean;\n  \"aria-label\"?: string;\n}>;\n\nexport function CraftIcon({\n  name,\n  className,\n  \"aria-label\": ariaLabel,\n  icons,\n  useLucide = true,\n}: CraftIconProps) {\n  const contextRegistry = React.useContext(CraftIconContext);\n  const registry = icons ?? contextRegistry;\n  const icon = registry?.[name];\n  const [LucideIcon, setLucideIcon] = React.useState<DynamicIconComponent | null>(\n    null\n  );\n\n  React.useEffect(() => {\n    if (!useLucide || icon || LucideIcon) return;\n    let mounted = true;\n    (async () => {\n      try {\n        const mod = await import(\"lucide-react/dynamic.mjs\");\n        if (mounted) {\n          setLucideIcon(() => mod.DynamicIcon as DynamicIconComponent);\n        }\n      } catch (error) {\n        if (mounted) setLucideIcon(null);\n        if (process.env.NODE_ENV !== \"production\") {\n          console.warn(\n            \"[CraftIcon] Failed to load lucide-react/dynamic. Ensure lucide-react is installed.\"\n          );\n          console.warn(error);\n        }\n      }\n    })();\n    return () => {\n      mounted = false;\n    };\n  }, [LucideIcon, icon, useLucide]);\n\n  if (!icon) {\n    if (!useLucide) return null;\n    if (!LucideIcon) return null;\n    return (\n      <LucideIcon\n        name={name}\n        className={className}\n        aria-hidden={ariaLabel ? undefined : true}\n        aria-label={ariaLabel}\n      />\n    );\n  }\n\n  type IconElementProps = {\n    className?: string;\n    \"aria-hidden\"?: boolean;\n    \"aria-label\"?: string;\n  };\n\n  if (React.isValidElement<IconElementProps>(icon)) {\n    return React.cloneElement(icon, {\n      className: cn(icon.props.className, className),\n      \"aria-hidden\": ariaLabel ? undefined : true,\n      \"aria-label\": ariaLabel,\n    });\n  }\n\n  return (\n    <span className={className} aria-label={ariaLabel}>\n      {icon}\n    </span>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAgBS;AAdT,YAAuB;AAEvB,gBAAmB;AAInB,MAAM,mBAAmB,MAAM,cAAwC,IAAI;AAOpE,SAAS,kBAAkB,EAAE,OAAO,SAAS,GAA2B;AAC7E,SAAO,4CAAC,iBAAiB,UAAjB,EAA0B,OAAO,OAAQ,UAAS;AAC5D;AAiBO,SAAS,UAAU;AAAA,EACxB;AAAA,EACA;AAAA,EACA,cAAc;AAAA,EACd;AAAA,EACA,YAAY;AACd,GAAmB;AACjB,QAAM,kBAAkB,MAAM,WAAW,gBAAgB;AACzD,QAAM,WAAW,wBAAS;AAC1B,QAAM,OAAO,qCAAW;AACxB,QAAM,CAAC,YAAY,aAAa,IAAI,MAAM;AAAA,IACxC;AAAA,EACF;AAEA,QAAM,UAAU,MAAM;AACpB,QAAI,CAAC,aAAa,QAAQ,WAAY;AACtC,QAAI,UAAU;AACd,KAAC,YAAY;AACX,UAAI;AACF,cAAM,MAAM,MAAM,OAAO,0BAA0B;AACnD,YAAI,SAAS;AACX,wBAAc,MAAM,IAAI,WAAmC;AAAA,QAC7D;AAAA,MACF,SAAS,OAAO;AACd,YAAI,QAAS,eAAc,IAAI;AAC/B,YAAI,QAAQ,IAAI,aAAa,cAAc;AACzC,kBAAQ;AAAA,YACN;AAAA,UACF;AACA,kBAAQ,KAAK,KAAK;AAAA,QACpB;AAAA,MACF;AAAA,IACF,GAAG;AACH,WAAO,MAAM;AACX,gBAAU;AAAA,IACZ;AAAA,EACF,GAAG,CAAC,YAAY,MAAM,SAAS,CAAC;AAEhC,MAAI,CAAC,MAAM;AACT,QAAI,CAAC,UAAW,QAAO;AACvB,QAAI,CAAC,WAAY,QAAO;AACxB,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA,eAAa,YAAY,SAAY;AAAA,QACrC,cAAY;AAAA;AAAA,IACd;AAAA,EAEJ;AAQA,MAAI,MAAM,eAAiC,IAAI,GAAG;AAChD,WAAO,MAAM,aAAa,MAAM;AAAA,MAC9B,eAAW,cAAG,KAAK,MAAM,WAAW,SAAS;AAAA,MAC7C,eAAe,YAAY,SAAY;AAAA,MACvC,cAAc;AAAA,IAChB,CAAC;AAAA,EACH;AAEA,SACE,4CAAC,UAAK,WAAsB,cAAY,WACrC,gBACH;AAEJ;","names":[]}
+{"version":3,"sources":["../../src/components/craft-icon.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport type { IconDefinition } from \"@fortawesome/fontawesome-svg-core\";\nimport {\n  faArchive,\n  faCreditCard,\n  faFolder,\n  faFolderOpen,\n  faGauge,\n  faPen,\n  faSearch,\n  faTrash,\n  faUsers,\n} from \"@fortawesome/free-solid-svg-icons\";\n\nimport { cn } from \"@/utils/cn\";\n\nexport type CraftIconRegistry = Record<string, React.ReactNode>;\n\nconst CraftIconContext = React.createContext<CraftIconRegistry | null>(null);\n\nexport type CraftIconProviderProps = {\n  icons: CraftIconRegistry;\n  children: React.ReactNode;\n};\n\nexport function CraftIconProvider({ icons, children }: CraftIconProviderProps) {\n  return <CraftIconContext.Provider value={icons}>{children}</CraftIconContext.Provider>;\n}\n\nexport type CraftIconProps = {\n  name: string;\n  className?: string;\n  \"aria-label\"?: string;\n  icons?: CraftIconRegistry;\n};\n\nconst fontAwesomeIcons: Record<string, IconDefinition> = {\n  \"layout-dashboard\": faGauge,\n  dashboard: faGauge,\n  folder: faFolder,\n  \"folder-open\": faFolderOpen,\n  users: faUsers,\n  \"credit-card\": faCreditCard,\n  pen: faPen,\n  edit: faPen,\n  trash: faTrash,\n  delete: faTrash,\n  archive: faArchive,\n  search: faSearch,\n};\n\nexport function CraftIcon({\n  name,\n  className,\n  \"aria-label\": ariaLabel,\n  icons,\n}: CraftIconProps) {\n  const contextRegistry = React.useContext(CraftIconContext);\n  const registry = icons ?? contextRegistry;\n  const icon = registry?.[name];\n\n  if (!icon) {\n    const faIcon = fontAwesomeIcons[name];\n    if (!faIcon) {\n      if (process.env.NODE_ENV !== \"production\") {\n        console.warn(`[CraftIcon] Unknown icon name: ${name}`);\n      }\n      return null;\n    }\n\n    return (\n      <FontAwesomeIcon\n        icon={faIcon}\n        className={className}\n        aria-hidden={ariaLabel ? undefined : true}\n        aria-label={ariaLabel}\n      />\n    );\n  }\n\n  type IconElementProps = {\n    className?: string;\n    \"aria-hidden\"?: boolean;\n    \"aria-label\"?: string;\n  };\n\n  if (React.isValidElement<IconElementProps>(icon)) {\n    return React.cloneElement(icon, {\n      className: cn(icon.props.className, className),\n      \"aria-hidden\": ariaLabel ? undefined : true,\n      \"aria-label\": ariaLabel,\n    });\n  }\n\n  return (\n    <span className={className} aria-label={ariaLabel}>\n      {icon}\n    </span>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA6BS;AA3BT,YAAuB;AACvB,+BAAgC;AAEhC,kCAUO;AAEP,gBAAmB;AAInB,MAAM,mBAAmB,MAAM,cAAwC,IAAI;AAOpE,SAAS,kBAAkB,EAAE,OAAO,SAAS,GAA2B;AAC7E,SAAO,4CAAC,iBAAiB,UAAjB,EAA0B,OAAO,OAAQ,UAAS;AAC5D;AASA,MAAM,mBAAmD;AAAA,EACvD,oBAAoB;AAAA,EACpB,WAAW;AAAA,EACX,QAAQ;AAAA,EACR,eAAe;AAAA,EACf,OAAO;AAAA,EACP,eAAe;AAAA,EACf,KAAK;AAAA,EACL,MAAM;AAAA,EACN,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,QAAQ;AACV;AAEO,SAAS,UAAU;AAAA,EACxB;AAAA,EACA;AAAA,EACA,cAAc;AAAA,EACd;AACF,GAAmB;AACjB,QAAM,kBAAkB,MAAM,WAAW,gBAAgB;AACzD,QAAM,WAAW,wBAAS;AAC1B,QAAM,OAAO,qCAAW;AAExB,MAAI,CAAC,MAAM;AACT,UAAM,SAAS,iBAAiB,IAAI;AACpC,QAAI,CAAC,QAAQ;AACX,UAAI,QAAQ,IAAI,aAAa,cAAc;AACzC,gBAAQ,KAAK,kCAAkC,IAAI,EAAE;AAAA,MACvD;AACA,aAAO;AAAA,IACT;AAEA,WACE;AAAA,MAAC;AAAA;AAAA,QACC,MAAM;AAAA,QACN;AAAA,QACA,eAAa,YAAY,SAAY;AAAA,QACrC,cAAY;AAAA;AAAA,IACd;AAAA,EAEJ;AAQA,MAAI,MAAM,eAAiC,IAAI,GAAG;AAChD,WAAO,MAAM,aAAa,MAAM;AAAA,MAC9B,eAAW,cAAG,KAAK,MAAM,WAAW,SAAS;AAAA,MAC7C,eAAe,YAAY,SAAY;AAAA,MACvC,cAAc;AAAA,IAChB,CAAC;AAAA,EACH;AAEA,SACE,4CAAC,UAAK,WAAsB,cAAY,WACrC,gBACH;AAEJ;","names":[]}

package/dist/components/craft-icon.d.cts

@@ -12,8 +12,7 @@ type CraftIconProps = {
     className?: string;
     "aria-label"?: string;
     icons?: CraftIconRegistry;
-    useLucide?: boolean;
 };
-declare function CraftIcon({ name, className, "aria-label": ariaLabel, icons, useLucide, }: CraftIconProps): react_jsx_runtime.JSX.Element | null;
+declare function CraftIcon({ name, className, "aria-label": ariaLabel, icons, }: CraftIconProps): react_jsx_runtime.JSX.Element | null;
 
 export { CraftIcon, type CraftIconProps, CraftIconProvider, type CraftIconProviderProps, type CraftIconRegistry };

package/dist/components/craft-icon.d.ts

@@ -12,8 +12,7 @@ type CraftIconProps = {
     className?: string;
     "aria-label"?: string;
     icons?: CraftIconRegistry;
-    useLucide?: boolean;
 };
-declare function CraftIcon({ name, className, "aria-label": ariaLabel, icons, useLucide, }: CraftIconProps): react_jsx_runtime.JSX.Element | null;
+declare function CraftIcon({ name, className, "aria-label": ariaLabel, icons, }: CraftIconProps): react_jsx_runtime.JSX.Element | null;
 
 export { CraftIcon, type CraftIconProps, CraftIconProvider, type CraftIconProviderProps, type CraftIconRegistry };

package/dist/components/craft-icon.js

@@ -1,54 +1,58 @@
 "use client";
 import { jsx } from "react/jsx-runtime";
 import * as React from "react";
+import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
+import {
+  faArchive,
+  faCreditCard,
+  faFolder,
+  faFolderOpen,
+  faGauge,
+  faPen,
+  faSearch,
+  faTrash,
+  faUsers
+} from "@fortawesome/free-solid-svg-icons";
 import { cn } from "../utils/cn";
 const CraftIconContext = React.createContext(null);
 function CraftIconProvider({ icons, children }) {
   return /* @__PURE__ */ jsx(CraftIconContext.Provider, { value: icons, children });
 }
+const fontAwesomeIcons = {
+  "layout-dashboard": faGauge,
+  dashboard: faGauge,
+  folder: faFolder,
+  "folder-open": faFolderOpen,
+  users: faUsers,
+  "credit-card": faCreditCard,
+  pen: faPen,
+  edit: faPen,
+  trash: faTrash,
+  delete: faTrash,
+  archive: faArchive,
+  search: faSearch
+};
 function CraftIcon({
   name,
   className,
   "aria-label": ariaLabel,
-  icons,
-  useLucide = true
+  icons
 }) {
   const contextRegistry = React.useContext(CraftIconContext);
   const registry = icons != null ? icons : contextRegistry;
   const icon = registry == null ? void 0 : registry[name];
-  const [LucideIcon, setLucideIcon] = React.useState(
-    null
-  );
-  React.useEffect(() => {
-    if (!useLucide || icon || LucideIcon) return;
-    let mounted = true;
-    (async () => {
-      try {
-        const mod = await import("lucide-react/dynamic.mjs");
-        if (mounted) {
-          setLucideIcon(() => mod.DynamicIcon);
-        }
-      } catch (error) {
-        if (mounted) setLucideIcon(null);
-        if (process.env.NODE_ENV !== "production") {
-          console.warn(
-            "[CraftIcon] Failed to load lucide-react/dynamic. Ensure lucide-react is installed."
-          );
-          console.warn(error);
-        }
-      }
-    })();
-    return () => {
-      mounted = false;
-    };
-  }, [LucideIcon, icon, useLucide]);
   if (!icon) {
-    if (!useLucide) return null;
-    if (!LucideIcon) return null;
+    const faIcon = fontAwesomeIcons[name];
+    if (!faIcon) {
+      if (process.env.NODE_ENV !== "production") {
+        console.warn(`[CraftIcon] Unknown icon name: ${name}`);
+      }
+      return null;
+    }
     return /* @__PURE__ */ jsx(
-      LucideIcon,
+      FontAwesomeIcon,
       {
-        name,
+        icon: faIcon,
         className,
         "aria-hidden": ariaLabel ? void 0 : true,
         "aria-label": ariaLabel

package/dist/components/craft-icon.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/craft-icon.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\n\nimport { cn } from \"@/utils/cn\";\n\nexport type CraftIconRegistry = Record<string, React.ReactNode>;\n\nconst CraftIconContext = React.createContext<CraftIconRegistry | null>(null);\n\nexport type CraftIconProviderProps = {\n  icons: CraftIconRegistry;\n  children: React.ReactNode;\n};\n\nexport function CraftIconProvider({ icons, children }: CraftIconProviderProps) {\n  return <CraftIconContext.Provider value={icons}>{children}</CraftIconContext.Provider>;\n}\n\nexport type CraftIconProps = {\n  name: string;\n  className?: string;\n  \"aria-label\"?: string;\n  icons?: CraftIconRegistry;\n  useLucide?: boolean;\n};\n\ntype DynamicIconComponent = React.ComponentType<{\n  name: string;\n  className?: string;\n  \"aria-hidden\"?: boolean;\n  \"aria-label\"?: string;\n}>;\n\nexport function CraftIcon({\n  name,\n  className,\n  \"aria-label\": ariaLabel,\n  icons,\n  useLucide = true,\n}: CraftIconProps) {\n  const contextRegistry = React.useContext(CraftIconContext);\n  const registry = icons ?? contextRegistry;\n  const icon = registry?.[name];\n  const [LucideIcon, setLucideIcon] = React.useState<DynamicIconComponent | null>(\n    null\n  );\n\n  React.useEffect(() => {\n    if (!useLucide || icon || LucideIcon) return;\n    let mounted = true;\n    (async () => {\n      try {\n        const mod = await import(\"lucide-react/dynamic.mjs\");\n        if (mounted) {\n          setLucideIcon(() => mod.DynamicIcon as DynamicIconComponent);\n        }\n      } catch (error) {\n        if (mounted) setLucideIcon(null);\n        if (process.env.NODE_ENV !== \"production\") {\n          console.warn(\n            \"[CraftIcon] Failed to load lucide-react/dynamic. Ensure lucide-react is installed.\"\n          );\n          console.warn(error);\n        }\n      }\n    })();\n    return () => {\n      mounted = false;\n    };\n  }, [LucideIcon, icon, useLucide]);\n\n  if (!icon) {\n    if (!useLucide) return null;\n    if (!LucideIcon) return null;\n    return (\n      <LucideIcon\n        name={name}\n        className={className}\n        aria-hidden={ariaLabel ? undefined : true}\n        aria-label={ariaLabel}\n      />\n    );\n  }\n\n  type IconElementProps = {\n    className?: string;\n    \"aria-hidden\"?: boolean;\n    \"aria-label\"?: string;\n  };\n\n  if (React.isValidElement<IconElementProps>(icon)) {\n    return React.cloneElement(icon, {\n      className: cn(icon.props.className, className),\n      \"aria-hidden\": ariaLabel ? undefined : true,\n      \"aria-label\": ariaLabel,\n    });\n  }\n\n  return (\n    <span className={className} aria-label={ariaLabel}>\n      {icon}\n    </span>\n  );\n}\n"],"mappings":";AAgBS;AAdT,YAAY,WAAW;AAEvB,SAAS,UAAU;AAInB,MAAM,mBAAmB,MAAM,cAAwC,IAAI;AAOpE,SAAS,kBAAkB,EAAE,OAAO,SAAS,GAA2B;AAC7E,SAAO,oBAAC,iBAAiB,UAAjB,EAA0B,OAAO,OAAQ,UAAS;AAC5D;AAiBO,SAAS,UAAU;AAAA,EACxB;AAAA,EACA;AAAA,EACA,cAAc;AAAA,EACd;AAAA,EACA,YAAY;AACd,GAAmB;AACjB,QAAM,kBAAkB,MAAM,WAAW,gBAAgB;AACzD,QAAM,WAAW,wBAAS;AAC1B,QAAM,OAAO,qCAAW;AACxB,QAAM,CAAC,YAAY,aAAa,IAAI,MAAM;AAAA,IACxC;AAAA,EACF;AAEA,QAAM,UAAU,MAAM;AACpB,QAAI,CAAC,aAAa,QAAQ,WAAY;AACtC,QAAI,UAAU;AACd,KAAC,YAAY;AACX,UAAI;AACF,cAAM,MAAM,MAAM,OAAO,0BAA0B;AACnD,YAAI,SAAS;AACX,wBAAc,MAAM,IAAI,WAAmC;AAAA,QAC7D;AAAA,MACF,SAAS,OAAO;AACd,YAAI,QAAS,eAAc,IAAI;AAC/B,YAAI,QAAQ,IAAI,aAAa,cAAc;AACzC,kBAAQ;AAAA,YACN;AAAA,UACF;AACA,kBAAQ,KAAK,KAAK;AAAA,QACpB;AAAA,MACF;AAAA,IACF,GAAG;AACH,WAAO,MAAM;AACX,gBAAU;AAAA,IACZ;AAAA,EACF,GAAG,CAAC,YAAY,MAAM,SAAS,CAAC;AAEhC,MAAI,CAAC,MAAM;AACT,QAAI,CAAC,UAAW,QAAO;AACvB,QAAI,CAAC,WAAY,QAAO;AACxB,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA,eAAa,YAAY,SAAY;AAAA,QACrC,cAAY;AAAA;AAAA,IACd;AAAA,EAEJ;AAQA,MAAI,MAAM,eAAiC,IAAI,GAAG;AAChD,WAAO,MAAM,aAAa,MAAM;AAAA,MAC9B,WAAW,GAAG,KAAK,MAAM,WAAW,SAAS;AAAA,MAC7C,eAAe,YAAY,SAAY;AAAA,MACvC,cAAc;AAAA,IAChB,CAAC;AAAA,EACH;AAEA,SACE,oBAAC,UAAK,WAAsB,cAAY,WACrC,gBACH;AAEJ;","names":[]}
+{"version":3,"sources":["../../src/components/craft-icon.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport type { IconDefinition } from \"@fortawesome/fontawesome-svg-core\";\nimport {\n  faArchive,\n  faCreditCard,\n  faFolder,\n  faFolderOpen,\n  faGauge,\n  faPen,\n  faSearch,\n  faTrash,\n  faUsers,\n} from \"@fortawesome/free-solid-svg-icons\";\n\nimport { cn } from \"@/utils/cn\";\n\nexport type CraftIconRegistry = Record<string, React.ReactNode>;\n\nconst CraftIconContext = React.createContext<CraftIconRegistry | null>(null);\n\nexport type CraftIconProviderProps = {\n  icons: CraftIconRegistry;\n  children: React.ReactNode;\n};\n\nexport function CraftIconProvider({ icons, children }: CraftIconProviderProps) {\n  return <CraftIconContext.Provider value={icons}>{children}</CraftIconContext.Provider>;\n}\n\nexport type CraftIconProps = {\n  name: string;\n  className?: string;\n  \"aria-label\"?: string;\n  icons?: CraftIconRegistry;\n};\n\nconst fontAwesomeIcons: Record<string, IconDefinition> = {\n  \"layout-dashboard\": faGauge,\n  dashboard: faGauge,\n  folder: faFolder,\n  \"folder-open\": faFolderOpen,\n  users: faUsers,\n  \"credit-card\": faCreditCard,\n  pen: faPen,\n  edit: faPen,\n  trash: faTrash,\n  delete: faTrash,\n  archive: faArchive,\n  search: faSearch,\n};\n\nexport function CraftIcon({\n  name,\n  className,\n  \"aria-label\": ariaLabel,\n  icons,\n}: CraftIconProps) {\n  const contextRegistry = React.useContext(CraftIconContext);\n  const registry = icons ?? contextRegistry;\n  const icon = registry?.[name];\n\n  if (!icon) {\n    const faIcon = fontAwesomeIcons[name];\n    if (!faIcon) {\n      if (process.env.NODE_ENV !== \"production\") {\n        console.warn(`[CraftIcon] Unknown icon name: ${name}`);\n      }\n      return null;\n    }\n\n    return (\n      <FontAwesomeIcon\n        icon={faIcon}\n        className={className}\n        aria-hidden={ariaLabel ? undefined : true}\n        aria-label={ariaLabel}\n      />\n    );\n  }\n\n  type IconElementProps = {\n    className?: string;\n    \"aria-hidden\"?: boolean;\n    \"aria-label\"?: string;\n  };\n\n  if (React.isValidElement<IconElementProps>(icon)) {\n    return React.cloneElement(icon, {\n      className: cn(icon.props.className, className),\n      \"aria-hidden\": ariaLabel ? undefined : true,\n      \"aria-label\": ariaLabel,\n    });\n  }\n\n  return (\n    <span className={className} aria-label={ariaLabel}>\n      {icon}\n    </span>\n  );\n}\n"],"mappings":";AA6BS;AA3BT,YAAY,WAAW;AACvB,SAAS,uBAAuB;AAEhC;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,SAAS,UAAU;AAInB,MAAM,mBAAmB,MAAM,cAAwC,IAAI;AAOpE,SAAS,kBAAkB,EAAE,OAAO,SAAS,GAA2B;AAC7E,SAAO,oBAAC,iBAAiB,UAAjB,EAA0B,OAAO,OAAQ,UAAS;AAC5D;AASA,MAAM,mBAAmD;AAAA,EACvD,oBAAoB;AAAA,EACpB,WAAW;AAAA,EACX,QAAQ;AAAA,EACR,eAAe;AAAA,EACf,OAAO;AAAA,EACP,eAAe;AAAA,EACf,KAAK;AAAA,EACL,MAAM;AAAA,EACN,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,QAAQ;AACV;AAEO,SAAS,UAAU;AAAA,EACxB;AAAA,EACA;AAAA,EACA,cAAc;AAAA,EACd;AACF,GAAmB;AACjB,QAAM,kBAAkB,MAAM,WAAW,gBAAgB;AACzD,QAAM,WAAW,wBAAS;AAC1B,QAAM,OAAO,qCAAW;AAExB,MAAI,CAAC,MAAM;AACT,UAAM,SAAS,iBAAiB,IAAI;AACpC,QAAI,CAAC,QAAQ;AACX,UAAI,QAAQ,IAAI,aAAa,cAAc;AACzC,gBAAQ,KAAK,kCAAkC,IAAI,EAAE;AAAA,MACvD;AACA,aAAO;AAAA,IACT;AAEA,WACE;AAAA,MAAC;AAAA;AAAA,QACC,MAAM;AAAA,QACN;AAAA,QACA,eAAa,YAAY,SAAY;AAAA,QACrC,cAAY;AAAA;AAAA,IACd;AAAA,EAEJ;AAQA,MAAI,MAAM,eAAiC,IAAI,GAAG;AAChD,WAAO,MAAM,aAAa,MAAM;AAAA,MAC9B,WAAW,GAAG,KAAK,MAAM,WAAW,SAAS;AAAA,MAC7C,eAAe,YAAY,SAAY;AAAA,MACvC,cAAc;AAAA,IAChB,CAAC;AAAA,EACH;AAEA,SACE,oBAAC,UAAK,WAAsB,cAAY,WACrC,gBACH;AAEJ;","names":[]}

package/dist/components/craft-loader.cjs

@@ -0,0 +1,195 @@
+"use strict";
+"use client";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var craft_loader_exports = {};
+__export(craft_loader_exports, {
+  CraftLoader: () => CraftLoader
+});
+module.exports = __toCommonJS(craft_loader_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_cn = require("../utils/cn");
+const sizeMap = {
+  small: 16,
+  medium: 24,
+  large: 32,
+  xl: 40
+};
+function Spinner({ size, color }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    "svg",
+    {
+      className: "animate-spin",
+      width: size,
+      height: size,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      "aria-hidden": "true",
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "circle",
+          {
+            cx: "12",
+            cy: "12",
+            r: "10",
+            stroke: color,
+            strokeWidth: "4",
+            className: "opacity-25"
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "path",
+          {
+            d: "M4 12a8 8 0 018-8",
+            stroke: color,
+            strokeWidth: "4",
+            strokeLinecap: "round",
+            className: "opacity-75"
+          }
+        )
+      ]
+    }
+  );
+}
+function Dots({ size, color }) {
+  const dotSize = Math.max(4, Math.floor(size / 6));
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "flex items-center gap-2", children: [0, 1, 2].map((index) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "span",
+    {
+      className: "inline-flex animate-bounce rounded-full",
+      style: {
+        width: dotSize,
+        height: dotSize,
+        backgroundColor: color,
+        animationDelay: `${index * 120}ms`
+      }
+    },
+    index
+  )) });
+}
+function Bars({ size, color }) {
+  const barHeight = size;
+  const barWidth = Math.max(3, Math.floor(size / 6));
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "flex items-end gap-1", children: [0, 1, 2, 3].map((index) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "span",
+    {
+      className: "inline-flex animate-pulse rounded-sm",
+      style: {
+        width: barWidth,
+        height: barHeight - index * 4,
+        backgroundColor: color,
+        animationDelay: `${index * 100}ms`
+      }
+    },
+    index
+  )) });
+}
+function Pulse({ size, color }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "span",
+    {
+      className: "inline-flex animate-pulse rounded-full",
+      style: { width: size, height: size, backgroundColor: color }
+    }
+  );
+}
+function Ripple({ size, color }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "span",
+    {
+      className: "inline-flex rounded-full border-2 animate-ping",
+      style: { width: size, height: size, borderColor: color }
+    }
+  );
+}
+function Ring({ size, color }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "span",
+    {
+      className: "inline-flex animate-spin rounded-full border-2 border-t-transparent",
+      style: { width: size, height: size, borderColor: color }
+    }
+  );
+}
+function Bounce({ size, color }) {
+  const dotSize = Math.max(4, Math.floor(size / 5));
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "flex items-center gap-2", children: [0, 1].map((index) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "span",
+    {
+      className: "inline-flex animate-bounce rounded-full",
+      style: {
+        width: dotSize,
+        height: dotSize,
+        backgroundColor: color,
+        animationDelay: `${index * 140}ms`
+      }
+    },
+    index
+  )) });
+}
+function CraftLoader({
+  loading = false,
+  type = "dots",
+  size = "medium",
+  color = "rgb(var(--nc-accent-1))",
+  overlay = false,
+  text,
+  textPosition = "bottom",
+  backgroundColor = "rgba(0, 0, 0, 0.35)",
+  tone,
+  className
+}) {
+  if (!loading) return null;
+  const px = sizeMap[size];
+  const content = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    "div",
+    {
+      className: (0, import_cn.cn)(
+        "flex flex-col items-center justify-center gap-3",
+        textPosition === "top" && "flex-col-reverse",
+        className
+      ),
+      "data-nc-theme": tone,
+      children: [
+        type === "spin" && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Spinner, { size: px, color }),
+        type === "dots" && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Dots, { size: px, color }),
+        type === "bars" && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Bars, { size: px, color }),
+        type === "pulse" && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Pulse, { size: px, color }),
+        type === "ripple" && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Ripple, { size: px, color }),
+        type === "ring" && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Ring, { size: px, color }),
+        type === "bounce" && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Bounce, { size: px, color }),
+        text ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "text-xs text-[rgb(var(--nc-fg-muted))]", children: text }) : null
+      ]
+    }
+  );
+  if (!overlay) return content;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "div",
+    {
+      className: "absolute inset-0 z-10 flex items-center justify-center",
+      style: { backgroundColor },
+      "data-nc-theme": tone,
+      children: content
+    }
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  CraftLoader
+});
+//# sourceMappingURL=craft-loader.cjs.map

package/dist/components/craft-loader.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/craft-loader.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\n\nimport { cn } from \"@/utils/cn\";\nimport type { ThemeName } from \"@/theme/theme-context\";\n\nexport type CraftLoaderType =\n  | \"spin\"\n  | \"pulse\"\n  | \"bounce\"\n  | \"ripple\"\n  | \"bars\"\n  | \"dots\"\n  | \"ring\";\n\nexport type CraftLoaderSize = \"small\" | \"medium\" | \"large\" | \"xl\";\n\nexport type CraftLoaderProps = {\n  loading?: boolean;\n  type?: CraftLoaderType;\n  size?: CraftLoaderSize;\n  color?: string;\n  overlay?: boolean;\n  text?: React.ReactNode;\n  textPosition?: \"top\" | \"bottom\";\n  backgroundColor?: string;\n  tone?: ThemeName;\n  className?: string;\n};\n\nconst sizeMap: Record<CraftLoaderSize, number> = {\n  small: 16,\n  medium: 24,\n  large: 32,\n  xl: 40,\n};\n\nfunction Spinner({ size, color }: { size: number; color: string }) {\n  return (\n    <svg\n      className=\"animate-spin\"\n      width={size}\n      height={size}\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      aria-hidden=\"true\"\n    >\n      <circle\n        cx=\"12\"\n        cy=\"12\"\n        r=\"10\"\n        stroke={color}\n        strokeWidth=\"4\"\n        className=\"opacity-25\"\n      />\n      <path\n        d=\"M4 12a8 8 0 018-8\"\n        stroke={color}\n        strokeWidth=\"4\"\n        strokeLinecap=\"round\"\n        className=\"opacity-75\"\n      />\n    </svg>\n  );\n}\n\nfunction Dots({ size, color }: { size: number; color: string }) {\n  const dotSize = Math.max(4, Math.floor(size / 6));\n  return (\n    <div className=\"flex items-center gap-2\">\n      {[0, 1, 2].map((index) => (\n        <span\n          key={index}\n          className=\"inline-flex animate-bounce rounded-full\"\n          style={{\n            width: dotSize,\n            height: dotSize,\n            backgroundColor: color,\n            animationDelay: `${index * 120}ms`,\n          }}\n        />\n      ))}\n    </div>\n  );\n}\n\nfunction Bars({ size, color }: { size: number; color: string }) {\n  const barHeight = size;\n  const barWidth = Math.max(3, Math.floor(size / 6));\n  return (\n    <div className=\"flex items-end gap-1\">\n      {[0, 1, 2, 3].map((index) => (\n        <span\n          key={index}\n          className=\"inline-flex animate-pulse rounded-sm\"\n          style={{\n            width: barWidth,\n            height: barHeight - index * 4,\n            backgroundColor: color,\n            animationDelay: `${index * 100}ms`,\n          }}\n        />\n      ))}\n    </div>\n  );\n}\n\nfunction Pulse({ size, color }: { size: number; color: string }) {\n  return (\n    <span\n      className=\"inline-flex animate-pulse rounded-full\"\n      style={{ width: size, height: size, backgroundColor: color }}\n    />\n  );\n}\n\nfunction Ripple({ size, color }: { size: number; color: string }) {\n  return (\n    <span\n      className=\"inline-flex rounded-full border-2 animate-ping\"\n      style={{ width: size, height: size, borderColor: color }}\n    />\n  );\n}\n\nfunction Ring({ size, color }: { size: number; color: string }) {\n  return (\n    <span\n      className=\"inline-flex animate-spin rounded-full border-2 border-t-transparent\"\n      style={{ width: size, height: size, borderColor: color }}\n    />\n  );\n}\n\nfunction Bounce({ size, color }: { size: number; color: string }) {\n  const dotSize = Math.max(4, Math.floor(size / 5));\n  return (\n    <div className=\"flex items-center gap-2\">\n      {[0, 1].map((index) => (\n        <span\n          key={index}\n          className=\"inline-flex animate-bounce rounded-full\"\n          style={{\n            width: dotSize,\n            height: dotSize,\n            backgroundColor: color,\n            animationDelay: `${index * 140}ms`,\n          }}\n        />\n      ))}\n    </div>\n  );\n}\n\nexport function CraftLoader({\n  loading = false,\n  type = \"dots\",\n  size = \"medium\",\n  color = \"rgb(var(--nc-accent-1))\",\n  overlay = false,\n  text,\n  textPosition = \"bottom\",\n  backgroundColor = \"rgba(0, 0, 0, 0.35)\",\n  tone,\n  className,\n}: CraftLoaderProps) {\n  if (!loading) return null;\n\n  const px = sizeMap[size];\n\n  const content = (\n    <div\n      className={cn(\n        \"flex flex-col items-center justify-center gap-3\",\n        textPosition === \"top\" && \"flex-col-reverse\",\n        className\n      )}\n      data-nc-theme={tone}\n    >\n      {type === \"spin\" && <Spinner size={px} color={color} />}\n      {type === \"dots\" && <Dots size={px} color={color} />}\n      {type === \"bars\" && <Bars size={px} color={color} />}\n      {type === \"pulse\" && <Pulse size={px} color={color} />}\n      {type === \"ripple\" && <Ripple size={px} color={color} />}\n      {type === \"ring\" && <Ring size={px} color={color} />}\n      {type === \"bounce\" && <Bounce size={px} color={color} />}\n      {text ? <span className=\"text-xs text-[rgb(var(--nc-fg-muted))]\">{text}</span> : null}\n    </div>\n  );\n\n  if (!overlay) return content;\n\n  return (\n    <div\n      className=\"absolute inset-0 z-10 flex items-center justify-center\"\n      style={{ backgroundColor }}\n      data-nc-theme={tone}\n    >\n      {content}\n    </div>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/components/craft-loader.d.cts

@@ -0,0 +1,21 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+import { ThemeName } from '../theme/theme-context.cjs';
+
+type CraftLoaderType = "spin" | "pulse" | "bounce" | "ripple" | "bars" | "dots" | "ring";
+type CraftLoaderSize = "small" | "medium" | "large" | "xl";
+type CraftLoaderProps = {
+    loading?: boolean;
+    type?: CraftLoaderType;
+    size?: CraftLoaderSize;
+    color?: string;
+    overlay?: boolean;
+    text?: React.ReactNode;
+    textPosition?: "top" | "bottom";
+    backgroundColor?: string;
+    tone?: ThemeName;
+    className?: string;
+};
+declare function CraftLoader({ loading, type, size, color, overlay, text, textPosition, backgroundColor, tone, className, }: CraftLoaderProps): react_jsx_runtime.JSX.Element | null;
+
+export { CraftLoader, type CraftLoaderProps, type CraftLoaderSize, type CraftLoaderType };

package/dist/components/craft-loader.d.ts

@@ -0,0 +1,21 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+import { ThemeName } from '../theme/theme-context.js';
+
+type CraftLoaderType = "spin" | "pulse" | "bounce" | "ripple" | "bars" | "dots" | "ring";
+type CraftLoaderSize = "small" | "medium" | "large" | "xl";
+type CraftLoaderProps = {
+    loading?: boolean;
+    type?: CraftLoaderType;
+    size?: CraftLoaderSize;
+    color?: string;
+    overlay?: boolean;
+    text?: React.ReactNode;
+    textPosition?: "top" | "bottom";
+    backgroundColor?: string;
+    tone?: ThemeName;
+    className?: string;
+};
+declare function CraftLoader({ loading, type, size, color, overlay, text, textPosition, backgroundColor, tone, className, }: CraftLoaderProps): react_jsx_runtime.JSX.Element | null;
+
+export { CraftLoader, type CraftLoaderProps, type CraftLoaderSize, type CraftLoaderType };