@jameskabz/nextcraft-ui 0.6.7 → 0.6.9

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

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
-import { a as ThemeName } from '../theme-context-EVI9PfKv.cjs';
+import { ThemeName } from '../theme/theme-context.cjs';
 
 type CraftAlertVariant = "info" | "success" | "warning" | "error";
 type CraftAlertProps = React.HTMLAttributes<HTMLDivElement> & {

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

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
-import { a as ThemeName } from '../theme-context-EVI9PfKv.js';
+import { ThemeName } from '../theme/theme-context.js';
 
 type CraftAlertVariant = "info" | "success" | "warning" | "error";
 type CraftAlertProps = React.HTMLAttributes<HTMLDivElement> & {

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

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
-import { a as ThemeName } from '../theme-context-EVI9PfKv.cjs';
+import { ThemeName } from '../theme/theme-context.cjs';
 
 type CraftBadgeVariant = "solid" | "soft" | "outline";
 type CraftBadgeProps = React.HTMLAttributes<HTMLSpanElement> & {

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

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
-import { a as ThemeName } from '../theme-context-EVI9PfKv.js';
+import { ThemeName } from '../theme/theme-context.js';
 
 type CraftBadgeVariant = "solid" | "soft" | "outline";
 type CraftBadgeProps = React.HTMLAttributes<HTMLSpanElement> & {

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

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
-import { a as ThemeName } from '../theme-context-EVI9PfKv.cjs';
+import { ThemeName } from '../theme/theme-context.cjs';
 
 type CraftButtonVariant = "solid" | "ghost" | "outline" | "gradient";
 type CraftButtonSize = "sm" | "md" | "lg";

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

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
-import { a as ThemeName } from '../theme-context-EVI9PfKv.js';
+import { ThemeName } from '../theme/theme-context.js';
 
 type CraftButtonVariant = "solid" | "ghost" | "outline" | "gradient";
 type CraftButtonSize = "sm" | "md" | "lg";

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

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { a as ThemeName } from '../theme-context-EVI9PfKv.cjs';
+import { ThemeName } from '../theme/theme-context.cjs';
 import 'react';
 
 type CraftCardProps = React.HTMLAttributes<HTMLDivElement> & {

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

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { a as ThemeName } from '../theme-context-EVI9PfKv.js';
+import { ThemeName } from '../theme/theme-context.js';
 import 'react';
 
 type CraftCardProps = React.HTMLAttributes<HTMLDivElement> & {

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

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { a as ThemeName } from '../theme-context-EVI9PfKv.cjs';
+import { ThemeName } from '../theme/theme-context.cjs';
 import 'react/jsx-runtime';
 
 type CraftCheckboxProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, "type"> & {

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

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { a as ThemeName } from '../theme-context-EVI9PfKv.js';
+import { ThemeName } from '../theme/theme-context.js';
 import 'react/jsx-runtime';
 
 type CraftCheckboxProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, "type"> & {

package/dist/components/craft-command-palette.d.cts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
-import { a as ThemeName } from '../theme-context-EVI9PfKv.cjs';
+import { ThemeName } from '../theme/theme-context.cjs';
 
 type CraftCommandItem = {
     id: string;

package/dist/components/craft-command-palette.d.ts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
-import { a as ThemeName } from '../theme-context-EVI9PfKv.js';
+import { ThemeName } from '../theme/theme-context.js';
 
 type CraftCommandItem = {
     id: string;

package/dist/components/craft-confirm-dialog.d.cts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
-import { a as ThemeName } from '../theme-context-EVI9PfKv.cjs';
+import { ThemeName } from '../theme/theme-context.cjs';
 
 type CraftConfirmDialogProps = {
     open?: boolean;

package/dist/components/craft-confirm-dialog.d.ts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
-import { a as ThemeName } from '../theme-context-EVI9PfKv.js';
+import { ThemeName } from '../theme/theme-context.js';
 
 type CraftConfirmDialogProps = {
     open?: boolean;

package/dist/components/craft-create-edit-drawer.d.cts

@@ -1,7 +1,7 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import { FieldValues, UseFormReturn } from 'react-hook-form';
-import { a as ThemeName } from '../theme-context-EVI9PfKv.cjs';
+import { ThemeName } from '../theme/theme-context.cjs';
 
 type CraftCreateEditDrawerProps<TValues extends FieldValues> = {
     mode?: "create" | "edit";

package/dist/components/craft-create-edit-drawer.d.ts

@@ -1,7 +1,7 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import { FieldValues, UseFormReturn } from 'react-hook-form';
-import { a as ThemeName } from '../theme-context-EVI9PfKv.js';
+import { ThemeName } from '../theme/theme-context.js';
 
 type CraftCreateEditDrawerProps<TValues extends FieldValues> = {
     mode?: "create" | "edit";

package/dist/components/craft-currency-input.d.cts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { a as ThemeName } from '../theme-context-EVI9PfKv.cjs';
+import { ThemeName } from '../theme/theme-context.cjs';
 import 'react/jsx-runtime';
 
 type CraftCurrencyInputProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, "type"> & {

package/dist/components/craft-currency-input.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { a as ThemeName } from '../theme-context-EVI9PfKv.js';
+import { ThemeName } from '../theme/theme-context.js';
 import 'react/jsx-runtime';
 
 type CraftCurrencyInputProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, "type"> & {

package/dist/components/craft-data-table.d.cts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
-import { a as ThemeName } from '../theme-context-EVI9PfKv.cjs';
+import { ThemeName } from '../theme/theme-context.cjs';
 
 type CraftDataTableColumn<T> = {
     id: string;

package/dist/components/craft-data-table.d.ts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
-import { a as ThemeName } from '../theme-context-EVI9PfKv.js';
+import { ThemeName } from '../theme/theme-context.js';
 
 type CraftDataTableColumn<T> = {
     id: string;

package/dist/components/craft-date-picker.d.cts

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { a as ThemeName } from '../theme-context-EVI9PfKv.cjs';
+import { ThemeName } from '../theme/theme-context.cjs';
 import 'react';
 
 type CraftDatePickerProps = {

package/dist/components/craft-date-picker.d.ts

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { a as ThemeName } from '../theme-context-EVI9PfKv.js';
+import { ThemeName } from '../theme/theme-context.js';
 import 'react';
 
 type CraftDatePickerProps = {

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

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
-import { a as ThemeName } from '../theme-context-EVI9PfKv.cjs';
+import { ThemeName } from '../theme/theme-context.cjs';
 
 type CraftDrawerProps = {
     open?: boolean;

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

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
-import { a as ThemeName } from '../theme-context-EVI9PfKv.js';
+import { ThemeName } from '../theme/theme-context.js';
 
 type CraftDrawerProps = {
     open?: boolean;

package/dist/components/craft-dropdown-menu.d.cts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
-import { a as ThemeName } from '../theme-context-EVI9PfKv.cjs';
+import { ThemeName } from '../theme/theme-context.cjs';
 
 type CraftDropdownItem = {
     id?: string;

package/dist/components/craft-dropdown-menu.d.ts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
-import { a as ThemeName } from '../theme-context-EVI9PfKv.js';
+import { ThemeName } from '../theme/theme-context.js';
 
 type CraftDropdownItem = {
     id?: string;

package/dist/components/craft-empty-state.d.cts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
-import { a as ThemeName } from '../theme-context-EVI9PfKv.cjs';
+import { ThemeName } from '../theme/theme-context.cjs';
 
 type CraftEmptyStateProps = React.HTMLAttributes<HTMLDivElement> & {
     tone?: ThemeName;

package/dist/components/craft-empty-state.d.ts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
-import { a as ThemeName } from '../theme-context-EVI9PfKv.js';
+import { ThemeName } from '../theme/theme-context.js';
 
 type CraftEmptyStateProps = React.HTMLAttributes<HTMLDivElement> & {
     tone?: ThemeName;

package/dist/components/craft-error-state.d.cts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
-import { a as ThemeName } from '../theme-context-EVI9PfKv.cjs';
+import { ThemeName } from '../theme/theme-context.cjs';
 
 type CraftErrorStateProps = React.HTMLAttributes<HTMLDivElement> & {
     title?: React.ReactNode;

package/dist/components/craft-error-state.d.ts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
-import { a as ThemeName } from '../theme-context-EVI9PfKv.js';
+import { ThemeName } from '../theme/theme-context.js';
 
 type CraftErrorStateProps = React.HTMLAttributes<HTMLDivElement> & {
     title?: React.ReactNode;

package/dist/components/craft-filter-bar.d.cts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
-import { a as ThemeName } from '../theme-context-EVI9PfKv.cjs';
+import { ThemeName } from '../theme/theme-context.cjs';
 
 type CraftFilterBarProps = {
     title?: React.ReactNode;

package/dist/components/craft-filter-bar.d.ts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
-import { a as ThemeName } from '../theme-context-EVI9PfKv.js';
+import { ThemeName } from '../theme/theme-context.js';
 
 type CraftFilterBarProps = {
     title?: React.ReactNode;

package/dist/components/craft-form-builder.d.cts

@@ -1,7 +1,7 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import { FieldValues, Path, RegisterOptions } from 'react-hook-form';
-import { a as ThemeName } from '../theme-context-EVI9PfKv.cjs';
+import { ThemeName } from '../theme/theme-context.cjs';
 import { CraftFormFieldType, CraftFormFieldOption } from './craft-form-field.cjs';
 
 type CraftFormBuilderField<TValues extends FieldValues> = {

package/dist/components/craft-form-builder.d.ts

@@ -1,7 +1,7 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import { FieldValues, Path, RegisterOptions } from 'react-hook-form';
-import { a as ThemeName } from '../theme-context-EVI9PfKv.js';
+import { ThemeName } from '../theme/theme-context.js';
 import { CraftFormFieldType, CraftFormFieldOption } from './craft-form-field.js';
 
 type CraftFormBuilderField<TValues extends FieldValues> = {

package/dist/components/craft-form-field.d.cts

@@ -1,7 +1,7 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import { FieldValues, Path, RegisterOptions } from 'react-hook-form';
-import { a as ThemeName } from '../theme-context-EVI9PfKv.cjs';
+import { ThemeName } from '../theme/theme-context.cjs';
 
 type CraftFormFieldOption = {
     label: React.ReactNode;

package/dist/components/craft-form-field.d.ts

@@ -1,7 +1,7 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import { FieldValues, Path, RegisterOptions } from 'react-hook-form';
-import { a as ThemeName } from '../theme-context-EVI9PfKv.js';
+import { ThemeName } from '../theme/theme-context.js';
 
 type CraftFormFieldOption = {
     label: React.ReactNode;

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

@@ -1,7 +1,7 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import { FieldValues, UseFormReturn } from 'react-hook-form';
-import { a as ThemeName } from '../theme-context-EVI9PfKv.cjs';
+import { ThemeName } from '../theme/theme-context.cjs';
 
 type CraftFormProps<TValues extends FieldValues> = {
     form: UseFormReturn<TValues>;

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

@@ -1,7 +1,7 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import { FieldValues, UseFormReturn } from 'react-hook-form';
-import { a as ThemeName } from '../theme-context-EVI9PfKv.js';
+import { ThemeName } from '../theme/theme-context.js';
 
 type CraftFormProps<TValues extends FieldValues> = {
     form: UseFormReturn<TValues>;

package/dist/components/craft-icon.cjs

@@ -58,14 +58,17 @@ function CraftIcon({
     let mounted = true;
     (async () => {
       try {
-        const mod = await Function(
-          "return import('lucide-react/dynamic')"
-        )();
+        const mod = await import("lucide-react/dynamic");
         if (mounted) {
           setLucideIcon(() => mod.DynamicIcon);
         }
       } catch {
         if (mounted) setLucideIcon(null);
+        if (process.env.NODE_ENV !== "production") {
+          console.warn(
+            "[CraftIcon] Failed to load lucide-react/dynamic. Ensure lucide-react is installed."
+          );
+        }
       }
     })();
     return () => {

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 (Function)(\n          \"return import('lucide-react/dynamic')\"\n        )();\n        if (mounted) {\n          setLucideIcon(() => mod.DynamicIcon as DynamicIconComponent);\n        }\n      } catch {\n        if (mounted) setLucideIcon(null);\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,MAAO;AAAA,UACjB;AAAA,QACF,EAAE;AACF,YAAI,SAAS;AACX,wBAAc,MAAM,IAAI,WAAmC;AAAA,QAC7D;AAAA,MACF,QAAQ;AACN,YAAI,QAAS,eAAc,IAAI;AAAA,MACjC;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\";\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\");\n        if (mounted) {\n          setLucideIcon(() => mod.DynamicIcon as DynamicIconComponent);\n        }\n      } catch {\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        }\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,sBAAsB;AAC/C,YAAI,SAAS;AACX,wBAAc,MAAM,IAAI,WAAmC;AAAA,QAC7D;AAAA,MACF,QAAQ;AACN,YAAI,QAAS,eAAc,IAAI;AAC/B,YAAI,QAAQ,IAAI,aAAa,cAAc;AACzC,kBAAQ;AAAA,YACN;AAAA,UACF;AAAA,QACF;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":[]}

package/dist/components/craft-icon.js

@@ -24,14 +24,17 @@ function CraftIcon({
     let mounted = true;
     (async () => {
       try {
-        const mod = await Function(
-          "return import('lucide-react/dynamic')"
-        )();
+        const mod = await import("lucide-react/dynamic");
         if (mounted) {
           setLucideIcon(() => mod.DynamicIcon);
         }
       } catch {
         if (mounted) setLucideIcon(null);
+        if (process.env.NODE_ENV !== "production") {
+          console.warn(
+            "[CraftIcon] Failed to load lucide-react/dynamic. Ensure lucide-react is installed."
+          );
+        }
       }
     })();
     return () => {

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 (Function)(\n          \"return import('lucide-react/dynamic')\"\n        )();\n        if (mounted) {\n          setLucideIcon(() => mod.DynamicIcon as DynamicIconComponent);\n        }\n      } catch {\n        if (mounted) setLucideIcon(null);\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,MAAO;AAAA,UACjB;AAAA,QACF,EAAE;AACF,YAAI,SAAS;AACX,wBAAc,MAAM,IAAI,WAAmC;AAAA,QAC7D;AAAA,MACF,QAAQ;AACN,YAAI,QAAS,eAAc,IAAI;AAAA,MACjC;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\";\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\");\n        if (mounted) {\n          setLucideIcon(() => mod.DynamicIcon as DynamicIconComponent);\n        }\n      } catch {\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        }\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,sBAAsB;AAC/C,YAAI,SAAS;AACX,wBAAc,MAAM,IAAI,WAAmC;AAAA,QAC7D;AAAA,MACF,QAAQ;AACN,YAAI,QAAS,eAAc,IAAI;AAC/B,YAAI,QAAQ,IAAI,aAAa,cAAc;AACzC,kBAAQ;AAAA,YACN;AAAA,UACF;AAAA,QACF;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":[]}

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

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { a as ThemeName } from '../theme-context-EVI9PfKv.cjs';
+import { ThemeName } from '../theme/theme-context.cjs';
 import 'react/jsx-runtime';
 
 type CraftInputSize = "sm" | "md" | "lg";

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

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { a as ThemeName } from '../theme-context-EVI9PfKv.js';
+import { ThemeName } from '../theme/theme-context.js';
 import 'react/jsx-runtime';
 
 type CraftInputSize = "sm" | "md" | "lg";

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

@@ -1,7 +1,7 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import { LinkProps } from 'next/link';
-import { a as ThemeName } from '../theme-context-EVI9PfKv.cjs';
+import { ThemeName } from '../theme/theme-context.cjs';
 
 type CraftLinkVariant = "default" | "muted" | "button" | "ghost";
 type CraftLinkProps = LinkProps & React.AnchorHTMLAttributes<HTMLAnchorElement> & {

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

@@ -1,7 +1,7 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import { LinkProps } from 'next/link';
-import { a as ThemeName } from '../theme-context-EVI9PfKv.js';
+import { ThemeName } from '../theme/theme-context.js';
 
 type CraftLinkVariant = "default" | "muted" | "button" | "ghost";
 type CraftLinkProps = LinkProps & React.AnchorHTMLAttributes<HTMLAnchorElement> & {

package/dist/components/craft-loading-state.d.cts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
-import { a as ThemeName } from '../theme-context-EVI9PfKv.cjs';
+import { ThemeName } from '../theme/theme-context.cjs';
 
 type CraftLoadingSize = "sm" | "md" | "lg";
 type CraftLoadingStateProps = React.HTMLAttributes<HTMLDivElement> & {

package/dist/components/craft-loading-state.d.ts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
-import { a as ThemeName } from '../theme-context-EVI9PfKv.js';
+import { ThemeName } from '../theme/theme-context.js';
 
 type CraftLoadingSize = "sm" | "md" | "lg";
 type CraftLoadingStateProps = React.HTMLAttributes<HTMLDivElement> & {

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

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
-import { a as ThemeName } from '../theme-context-EVI9PfKv.cjs';
+import { ThemeName } from '../theme/theme-context.cjs';
 
 type CraftModalProps = {
     open?: boolean;

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

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
-import { a as ThemeName } from '../theme-context-EVI9PfKv.js';
+import { ThemeName } from '../theme/theme-context.js';
 
 type CraftModalProps = {
     open?: boolean;

package/dist/components/craft-number-input.d.cts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { a as ThemeName } from '../theme-context-EVI9PfKv.cjs';
+import { ThemeName } from '../theme/theme-context.cjs';
 import 'react/jsx-runtime';
 
 type CraftNumberInputProps = React.InputHTMLAttributes<HTMLInputElement> & {

package/dist/components/craft-number-input.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { a as ThemeName } from '../theme-context-EVI9PfKv.js';
+import { ThemeName } from '../theme/theme-context.js';
 import 'react/jsx-runtime';
 
 type CraftNumberInputProps = React.InputHTMLAttributes<HTMLInputElement> & {

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

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { a as ThemeName } from '../theme-context-EVI9PfKv.cjs';
+import { ThemeName } from '../theme/theme-context.cjs';
 import 'react';
 
 type CraftPaginationProps = {

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

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { a as ThemeName } from '../theme-context-EVI9PfKv.js';
+import { ThemeName } from '../theme/theme-context.js';
 import 'react';
 
 type CraftPaginationProps = {

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

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
-import { a as ThemeName } from '../theme-context-EVI9PfKv.cjs';
+import { ThemeName } from '../theme/theme-context.cjs';
 
 type PopoverAlign = "start" | "center" | "end";
 type CraftPopoverProps = {

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

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
-import { a as ThemeName } from '../theme-context-EVI9PfKv.js';
+import { ThemeName } from '../theme/theme-context.js';
 
 type PopoverAlign = "start" | "center" | "end";
 type CraftPopoverProps = {

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

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { a as ThemeName } from '../theme-context-EVI9PfKv.cjs';
+import { ThemeName } from '../theme/theme-context.cjs';
 import 'react/jsx-runtime';
 
 type CraftSelectProps = React.SelectHTMLAttributes<HTMLSelectElement> & {

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

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { a as ThemeName } from '../theme-context-EVI9PfKv.js';
+import { ThemeName } from '../theme/theme-context.js';
 import 'react/jsx-runtime';
 
 type CraftSelectProps = React.SelectHTMLAttributes<HTMLSelectElement> & {

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

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
-import { a as ThemeName } from '../theme-context-EVI9PfKv.cjs';
+import { ThemeName } from '../theme/theme-context.cjs';
 
 type CraftSkeletonProps = React.HTMLAttributes<HTMLDivElement> & {
     tone?: ThemeName;

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

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
-import { a as ThemeName } from '../theme-context-EVI9PfKv.js';
+import { ThemeName } from '../theme/theme-context.js';
 
 type CraftSkeletonProps = React.HTMLAttributes<HTMLDivElement> & {
     tone?: ThemeName;

package/dist/components/craft-stat-card.d.cts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
-import { a as ThemeName } from '../theme-context-EVI9PfKv.cjs';
+import { ThemeName } from '../theme/theme-context.cjs';
 
 type CraftStatTrend = "up" | "down" | "neutral";
 type CraftStatCardProps = React.HTMLAttributes<HTMLDivElement> & {