@jameskabz/nextcraft-ui 0.4.0 → 0.6.0

package/dist/index.js

@@ -1,1369 +1,113 @@
-// src/utils/cn.ts
-function cn(...values) {
-  return values.filter(Boolean).join(" ");
-}
-
-// src/components/craft-button.tsx
-import { jsx } from "react/jsx-runtime";
-var sizeClasses = {
-  sm: "h-9 px-4 text-xs",
-  md: "h-11 px-6 text-sm",
-  lg: "h-13 px-8 text-base"
-};
-var variantClasses = {
-  solid: "bg-gradient-to-br from-[rgb(var(--nc-accent-1))] via-[rgb(var(--nc-accent-2))] to-[rgb(var(--nc-accent-3))] text-white shadow-[0_12px_30px_rgb(var(--nc-accent-1)/0.45)] hover:shadow-[0_16px_36px_rgb(var(--nc-accent-1)/0.6)] hover:scale-[1.02] active:scale-[0.98]",
-  ghost: "bg-[color:rgb(var(--nc-surface)/0.12)] text-[rgb(var(--nc-fg))] hover:bg-[color:rgb(var(--nc-surface)/0.18)] backdrop-blur-sm border border-[rgb(var(--nc-border)/0.35)] hover:border-[color:rgb(var(--nc-border)/0.5)]",
-  outline: "bg-transparent text-[color:rgb(var(--nc-accent-1))] border-2 border-[color:rgb(var(--nc-accent-1)/0.5)] hover:border-[color:rgb(var(--nc-accent-1))] hover:bg-[color:rgb(var(--nc-accent-1)/0.1)]",
-  gradient: "bg-gradient-to-r from-[rgb(var(--nc-accent-1))] via-[rgb(var(--nc-accent-2))] to-[rgb(var(--nc-accent-3))] text-white shadow-[0_12px_30px_rgb(var(--nc-accent-2)/0.45)] hover:shadow-[0_16px_36px_rgb(var(--nc-accent-2)/0.6)] hover:scale-[1.02] active:scale-[0.98]"
-};
-function CraftButton({
-  className,
-  variant = "solid",
-  size = "md",
-  glow = true,
-  tone,
-  disabled,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    "button",
-    {
-      className: cn(
-        "relative inline-flex items-center justify-center gap-2 rounded-xl font-semibold tracking-wide transition-all duration-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[rgb(var(--nc-accent-1)/0.6)] focus-visible:ring-offset-2 focus-visible:ring-offset-slate-900 disabled:opacity-50 disabled:cursor-not-allowed disabled:hover:scale-100",
-        sizeClasses[size],
-        variantClasses[variant],
-        glow && (variant === "solid" || variant === "gradient") ? "before:absolute before:-inset-1 before:rounded-xl before:bg-linear-to-r before:from-[rgb(var(--nc-accent-1)/0.2)] before:via-[rgb(var(--nc-accent-2)/0.2)] before:to-[rgb(var(--nc-accent-3)/0.2)] before:blur-xl before:-z-10 before:opacity-0 hover:before:opacity-100 before:transition-opacity" : "",
-        className
-      ),
-      "data-nc-theme": tone,
-      disabled,
-      ...props
-    }
-  );
-}
-
-// src/components/glass-card.tsx
-import { jsx as jsx2 } from "react/jsx-runtime";
-var intensityClasses = {
-  subtle: "backdrop-blur-md bg-opacity-50",
-  medium: "backdrop-blur-xl bg-opacity-70",
-  strong: "backdrop-blur-2xl bg-opacity-90"
-};
-function GlassCard({
-  className,
-  tone,
-  intensity = "medium",
-  bordered = true,
-  children,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx2(
-    "div",
-    {
-      className: cn(
-        "relative overflow-hidden rounded-3xl p-6 text-[rgb(var(--nc-fg))]",
-        "shadow-[0_8px_32px_rgba(0,0,0,0.3)]",
-        "transition-all duration-300",
-        "hover:shadow-[0_8px_40px_rgba(0,0,0,0.4)]",
-        intensityClasses[intensity],
-        "bg-linear-to-br from-[rgb(var(--nc-accent-1)/0.15)] via-[rgb(var(--nc-accent-2)/0.10)] to-[rgb(var(--nc-accent-3)/0.15)]",
-        "border-[rgb(var(--nc-accent-1)/0.3)]",
-        bordered ? "border-2" : "border-0",
-        "before:absolute before:inset-0 before:bg-linear-to-br before:from-white/10 before:to-transparent before:opacity-0 hover:before:opacity-100 before:transition-opacity before:duration-300",
-        className
-      ),
-      "data-nc-theme": tone,
-      ...props,
-      children: /* @__PURE__ */ jsx2("div", { className: "relative z-10", children })
-    }
-  );
-}
-
-// src/components/craft-input.tsx
-import * as React from "react";
-import { jsx as jsx3, jsxs } from "react/jsx-runtime";
-var inputSizeClasses = {
-  sm: "h-10 px-4 text-sm",
-  md: "h-12 px-5 text-base",
-  lg: "h-14 px-6 text-lg"
-};
-var CraftInput = React.forwardRef(
-  ({ className, tone, inputSize = "md", glow = true, icon, ...props }, ref) => {
-    return /* @__PURE__ */ jsxs("div", { className: "relative w-full", "data-nc-theme": tone, children: [
-      icon && /* @__PURE__ */ jsx3("div", { className: "absolute left-4 top-1/2 -translate-y-1/2 text-[rgb(var(--nc-fg-soft))]", children: icon }),
-      /* @__PURE__ */ jsx3(
-        "input",
-        {
-          ref,
-          className: cn(
-            "w-full rounded-2xl border-2 bg-[rgb(var(--nc-surface)/0.08)] text-[rgb(var(--nc-fg))] backdrop-blur-xl",
-            "shadow-[inset_0_2px_8px_rgba(0,0,0,0.3)]",
-            "focus:outline-none focus:ring-4",
-            "transition-all duration-300",
-            "disabled:opacity-50 disabled:cursor-not-allowed",
-            inputSizeClasses[inputSize],
-            "border-[rgb(var(--nc-border)/0.35)]",
-            "focus:border-[rgb(var(--nc-accent-1)/0.8)] focus:ring-[rgb(var(--nc-accent-1)/0.3)]",
-            "placeholder:text-[rgb(var(--nc-fg-soft))]",
-            glow ? "focus:shadow-[0_0_30px_-5px_var(--glow-color)]" : "",
-            icon ? "pl-12" : "",
-            className
-          ),
-          style: {
-            "--glow-color": "rgb(var(--nc-accent-1) / 0.5)"
-          },
-          ...props
-        }
-      )
-    ] });
-  }
-);
-CraftInput.displayName = "CraftInput";
-
-// src/components/craft-textarea.tsx
-import * as React2 from "react";
-import { jsx as jsx4 } from "react/jsx-runtime";
-var CraftTextarea = React2.forwardRef(
-  ({ className, tone, rows = 4, ...props }, ref) => {
-    return /* @__PURE__ */ jsx4("div", { className: "relative w-full", "data-nc-theme": tone, children: /* @__PURE__ */ jsx4(
-      "textarea",
-      {
-        ref,
-        rows,
-        className: cn(
-          "w-full rounded-2xl border-2 bg-[rgb(var(--nc-surface)/0.08)] text-[rgb(var(--nc-fg))] backdrop-blur-xl",
-          "shadow-[inset_0_2px_8px_rgba(0,0,0,0.3)]",
-          "focus:outline-none focus:ring-4",
-          "transition-all duration-300",
-          "disabled:opacity-50 disabled:cursor-not-allowed",
-          "border-[rgb(var(--nc-border)/0.35)]",
-          "focus:border-[rgb(var(--nc-accent-1)/0.8)] focus:ring-[rgb(var(--nc-accent-1)/0.3)]",
-          "placeholder:text-[rgb(var(--nc-fg-soft))]",
-          "px-5 py-3 text-base",
-          className
-        ),
-        style: {
-          "--glow-color": "rgb(var(--nc-accent-1) / 0.5)"
-        },
-        ...props
-      }
-    ) });
-  }
-);
-CraftTextarea.displayName = "CraftTextarea";
-
-// src/components/craft-select.tsx
-import * as React3 from "react";
-import { jsx as jsx5, jsxs as jsxs2 } from "react/jsx-runtime";
-var CraftSelect = React3.forwardRef(
-  ({ className, tone, children, ...props }, ref) => {
-    return /* @__PURE__ */ jsxs2("div", { className: "relative w-full", "data-nc-theme": tone, children: [
-      /* @__PURE__ */ jsx5(
-        "select",
-        {
-          ref,
-          className: cn(
-            "w-full appearance-none rounded-2xl border-2 bg-[rgb(var(--nc-surface)/0.08)] text-[rgb(var(--nc-fg))] backdrop-blur-xl",
-            "shadow-[inset_0_2px_8px_rgba(0,0,0,0.3)]",
-            "focus:outline-none focus:ring-4",
-            "transition-all duration-300",
-            "disabled:opacity-50 disabled:cursor-not-allowed",
-            "border-[rgb(var(--nc-border)/0.35)]",
-            "focus:border-[rgb(var(--nc-accent-1)/0.8)] focus:ring-[rgb(var(--nc-accent-1)/0.3)]",
-            "px-5 py-3 pr-10 text-base",
-            className
-          ),
-          ...props,
-          children
-        }
-      ),
-      /* @__PURE__ */ jsx5(
-        "svg",
-        {
-          className: "pointer-events-none absolute right-4 top-1/2 h-4 w-4 -translate-y-1/2 text-[rgb(var(--nc-fg-soft))]",
-          viewBox: "0 0 20 20",
-          fill: "currentColor",
-          "aria-hidden": "true",
-          children: /* @__PURE__ */ jsx5(
-            "path",
-            {
-              fillRule: "evenodd",
-              d: "M5.23 7.21a.75.75 0 011.06.02L10 10.94l3.71-3.7a.75.75 0 111.06 1.06l-4.24 4.24a.75.75 0 01-1.06 0L5.21 8.29a.75.75 0 01.02-1.08z",
-              clipRule: "evenodd"
-            }
-          )
-        }
-      )
-    ] });
-  }
-);
-CraftSelect.displayName = "CraftSelect";
-
-// src/components/craft-checkbox.tsx
-import * as React4 from "react";
-import { jsx as jsx6, jsxs as jsxs3 } from "react/jsx-runtime";
-var CraftCheckbox = React4.forwardRef(
-  ({ className, tone, label, description, ...props }, ref) => {
-    return /* @__PURE__ */ jsxs3(
-      "label",
-      {
-        className: cn(
-          "flex items-start gap-3 text-sm text-[rgb(var(--nc-fg))]",
-          props.disabled ? "opacity-60" : "cursor-pointer",
-          className
-        ),
-        "data-nc-theme": tone,
-        children: [
-          /* @__PURE__ */ jsxs3("span", { className: "relative mt-0.5", children: [
-            /* @__PURE__ */ jsx6(
-              "input",
-              {
-                ref,
-                type: "checkbox",
-                className: "peer sr-only",
-                ...props
-              }
-            ),
-            /* @__PURE__ */ jsx6(
-              "span",
-              {
-                className: cn(
-                  "flex h-5 w-5 items-center justify-center rounded-md border-2",
-                  "border-[rgb(var(--nc-border)/0.45)] bg-[rgb(var(--nc-surface)/0.08)]",
-                  "transition-all duration-200",
-                  "peer-checked:border-[rgb(var(--nc-accent-1))] peer-checked:bg-[rgb(var(--nc-accent-1)/0.25)]",
-                  "peer-focus-visible:ring-2 peer-focus-visible:ring-[rgb(var(--nc-accent-1)/0.5)]"
-                ),
-                children: /* @__PURE__ */ jsx6(
-                  "svg",
-                  {
-                    className: "h-3 w-3 text-[rgb(var(--nc-fg))] opacity-0 transition-opacity peer-checked:opacity-100",
-                    viewBox: "0 0 20 20",
-                    fill: "currentColor",
-                    "aria-hidden": "true",
-                    children: /* @__PURE__ */ jsx6(
-                      "path",
-                      {
-                        fillRule: "evenodd",
-                        d: "M16.704 5.29a1 1 0 010 1.415l-7.2 7.2a1 1 0 01-1.415 0l-3.2-3.2a1 1 0 111.415-1.415l2.492 2.493 6.493-6.493a1 1 0 011.415 0z",
-                        clipRule: "evenodd"
-                      }
-                    )
-                  }
-                )
-              }
-            )
-          ] }),
-          /* @__PURE__ */ jsxs3("span", { className: "space-y-1", children: [
-            label && /* @__PURE__ */ jsx6("span", { className: "block font-medium text-[rgb(var(--nc-fg))]", children: label }),
-            description && /* @__PURE__ */ jsx6("span", { className: "block text-xs text-[rgb(var(--nc-fg-muted))]", children: description })
-          ] })
-        ]
-      }
-    );
-  }
-);
-CraftCheckbox.displayName = "CraftCheckbox";
-
-// src/components/craft-switch.tsx
-import * as React5 from "react";
-import { jsx as jsx7, jsxs as jsxs4 } from "react/jsx-runtime";
-var CraftSwitch = React5.forwardRef(
-  ({ className, tone, label, ...props }, ref) => {
-    return /* @__PURE__ */ jsxs4(
-      "label",
-      {
-        className: cn(
-          "inline-flex items-center gap-3 text-sm text-[rgb(var(--nc-fg))]",
-          props.disabled ? "opacity-60" : "cursor-pointer",
-          className
-        ),
-        "data-nc-theme": tone,
-        children: [
-          /* @__PURE__ */ jsx7("input", { ref, type: "checkbox", className: "peer sr-only", ...props }),
-          /* @__PURE__ */ jsx7(
-            "span",
-            {
-              className: cn(
-                "relative h-6 w-11 rounded-full border-2 border-[rgb(var(--nc-border)/0.35)] bg-[rgb(var(--nc-surface)/0.08)]",
-                "transition-all duration-200",
-                "peer-focus-visible:ring-2 peer-focus-visible:ring-[rgb(var(--nc-accent-1)/0.5)]",
-                "peer-checked:border-[rgb(var(--nc-accent-1)/0.6)] peer-checked:bg-[rgb(var(--nc-accent-1)/0.25)]"
-              ),
-              children: /* @__PURE__ */ jsx7(
-                "span",
-                {
-                  className: cn(
-                    "absolute left-0.5 top-0.5 h-4 w-4 rounded-full bg-[rgb(var(--nc-surface-muted)/0.9)]",
-                    "transition-all duration-200",
-                    "peer-checked:translate-x-5 peer-checked:bg-[rgb(var(--nc-surface-muted))]"
-                  )
-                }
-              )
-            }
-          ),
-          label && /* @__PURE__ */ jsx7("span", { children: label })
-        ]
-      }
-    );
-  }
-);
-CraftSwitch.displayName = "CraftSwitch";
-
-// src/components/craft-badge.tsx
-import { jsx as jsx8 } from "react/jsx-runtime";
-var variantClasses2 = {
-  solid: "bg-[color:rgb(var(--nc-accent-1))] text-white shadow-[0_10px_20px_rgb(var(--nc-accent-1)/0.35)]",
-  soft: "bg-[color:rgb(var(--nc-accent-1)/0.2)] text-[rgb(var(--nc-fg))]",
-  outline: "border border-[color:rgb(var(--nc-accent-1)/0.6)] text-[rgb(var(--nc-fg))]"
-};
-function CraftBadge({
-  className,
-  variant = "soft",
-  tone,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx8(
-    "span",
-    {
-      className: cn(
-        "inline-flex items-center rounded-full px-3 py-1 text-xs font-semibold uppercase tracking-wide",
-        variantClasses2[variant],
-        className
-      ),
-      "data-nc-theme": tone,
-      ...props
-    }
-  );
-}
-
-// src/components/craft-card.tsx
-import { jsx as jsx9 } from "react/jsx-runtime";
-function CraftCard({ className, tone, elevated = true, ...props }) {
-  return /* @__PURE__ */ jsx9(
-    "div",
-    {
-      className: cn(
-        "rounded-3xl border border-[rgb(var(--nc-border)/0.3)] bg-[rgb(var(--nc-surface)/0.08)] p-6 text-[rgb(var(--nc-fg))] backdrop-blur-xl",
-        elevated && "shadow-[0_18px_40px_rgba(0,0,0,0.35)]",
-        "transition-all duration-300",
-        className
-      ),
-      "data-nc-theme": tone,
-      ...props
-    }
-  );
-}
-
-// src/components/craft-modal.tsx
-import * as React6 from "react";
-import { createPortal } from "react-dom";
-import { Fragment, jsx as jsx10, jsxs as jsxs5 } from "react/jsx-runtime";
-var FOCUSABLE_SELECTORS = [
-  "a[href]",
-  "button:not([disabled])",
-  "textarea:not([disabled])",
-  "input:not([disabled])",
-  "select:not([disabled])",
-  "[tabindex]:not([tabindex='-1'])"
-].join(",");
-function useFocusTrap(active) {
-  const ref = React6.useRef(null);
-  React6.useEffect(() => {
-    if (!active || !ref.current) return;
-    const root = ref.current;
-    const getFocusable = () => Array.from(root.querySelectorAll(FOCUSABLE_SELECTORS));
-    const focusables = getFocusable();
-    if (focusables.length) {
-      focusables[0].focus();
-    } else {
-      root.focus();
-    }
-    const handleKeyDown = (event) => {
-      if (event.key !== "Tab") return;
-      const items = getFocusable();
-      if (!items.length) return;
-      const first = items[0];
-      const last = items[items.length - 1];
-      const activeEl = document.activeElement;
-      if (event.shiftKey && activeEl === first) {
-        event.preventDefault();
-        last.focus();
-      } else if (!event.shiftKey && activeEl === last) {
-        event.preventDefault();
-        first.focus();
-      }
-    };
-    root.addEventListener("keydown", handleKeyDown);
-    return () => root.removeEventListener("keydown", handleKeyDown);
-  }, [active]);
-  return ref;
-}
-function CraftModal({
-  open,
-  defaultOpen = false,
-  onOpenChange,
-  tone,
-  title,
-  description,
-  children,
-  trigger,
-  footer,
-  className
-}) {
-  const [uncontrolledOpen, setUncontrolledOpen] = React6.useState(defaultOpen);
-  const isControlled = typeof open === "boolean";
-  const isOpen = isControlled ? open : uncontrolledOpen;
-  const setOpen = React6.useCallback(
-    (next) => {
-      if (!isControlled) {
-        setUncontrolledOpen(next);
-      }
-      onOpenChange == null ? void 0 : onOpenChange(next);
-    },
-    [isControlled, onOpenChange]
-  );
-  React6.useEffect(() => {
-    if (!isOpen) return;
-    const handleKey = (event) => {
-      if (event.key === "Escape") setOpen(false);
-    };
-    document.addEventListener("keydown", handleKey);
-    return () => document.removeEventListener("keydown", handleKey);
-  }, [isOpen, setOpen]);
-  const ref = useFocusTrap(isOpen);
-  const content = isOpen ? /* @__PURE__ */ jsxs5("div", { className: "fixed inset-0 z-50 flex items-center justify-center px-4 py-8", children: [
-    /* @__PURE__ */ jsx10(
-      "div",
-      {
-        className: "absolute inset-0 backdrop-blur-sm",
-        onClick: () => setOpen(false)
-      }
-    ),
-    /* @__PURE__ */ jsxs5(
-      "div",
-      {
-        ref,
-        tabIndex: -1,
-        className: cn(
-          "relative z-10 w-full max-w-lg rounded-3xl border border-[rgb(var(--nc-border)/0.3)] bg-[rgb(var(--nc-surface)/0.12)] p-6 text-[rgb(var(--nc-fg))] shadow-[0_20px_60px_rgba(0,0,0,0.45)] backdrop-blur-2xl",
-          className
-        ),
-        "data-nc-theme": tone,
-        children: [
-          /* @__PURE__ */ jsxs5("div", { className: "flex items-start justify-between gap-4", children: [
-            /* @__PURE__ */ jsxs5("div", { className: "space-y-1", children: [
-              title && /* @__PURE__ */ jsx10("h3", { className: "text-2xl font-semibold", children: title }),
-              description && /* @__PURE__ */ jsx10("p", { className: "text-[rgb(var(--nc-fg-muted))]", children: description })
-            ] }),
-            /* @__PURE__ */ jsx10(
-              "button",
-              {
-                className: "rounded-full border border-[rgb(var(--nc-border)/0.3)] bg-[rgb(var(--nc-surface)/0.12)] p-2 text-[rgb(var(--nc-fg-soft))] transition hover:text-[rgb(var(--nc-fg))]",
-                onClick: () => setOpen(false),
-                "aria-label": "Close",
-                children: /* @__PURE__ */ jsx10("svg", { viewBox: "0 0 20 20", className: "h-4 w-4", fill: "currentColor", children: /* @__PURE__ */ jsx10("path", { d: "M6.28 5.22a.75.75 0 00-1.06 1.06L8.94 10l-3.72 3.72a.75.75 0 101.06 1.06L10 11.06l3.72 3.72a.75.75 0 101.06-1.06L11.06 10l3.72-3.72a.75.75 0 00-1.06-1.06L10 8.94 6.28 5.22z" }) })
-              }
-            )
-          ] }),
-          /* @__PURE__ */ jsx10("div", { className: "mt-5 space-y-4", children }),
-          footer && /* @__PURE__ */ jsx10("div", { className: "mt-6", children: footer })
-        ]
-      }
-    )
-  ] }) : null;
-  return /* @__PURE__ */ jsxs5(Fragment, { children: [
-    trigger && /* @__PURE__ */ jsx10(
-      "span",
-      {
-        onClick: () => setOpen(true),
-        onKeyDown: (event) => {
-          if (event.key === "Enter" || event.key === " ") setOpen(true);
-        },
-        role: "button",
-        tabIndex: 0,
-        className: "inline-flex",
-        children: trigger
-      }
-    ),
-    typeof document !== "undefined" && content ? createPortal(content, document.body) : content
-  ] });
-}
-
-// src/components/craft-drawer.tsx
-import * as React7 from "react";
-import { createPortal as createPortal2 } from "react-dom";
-import { Fragment as Fragment2, jsx as jsx11, jsxs as jsxs6 } from "react/jsx-runtime";
-function CraftDrawer({
-  open,
-  defaultOpen = false,
-  onOpenChange,
-  tone,
-  side = "left",
-  title,
-  children,
-  trigger,
-  footer,
-  className
-}) {
-  const [uncontrolledOpen, setUncontrolledOpen] = React7.useState(defaultOpen);
-  const isControlled = typeof open === "boolean";
-  const isOpen = isControlled ? open : uncontrolledOpen;
-  const setOpen = React7.useCallback(
-    (next) => {
-      if (!isControlled) setUncontrolledOpen(next);
-      onOpenChange == null ? void 0 : onOpenChange(next);
-    },
-    [isControlled, onOpenChange]
-  );
-  React7.useEffect(() => {
-    if (!isOpen) return;
-    const handleKey = (event) => {
-      if (event.key === "Escape") setOpen(false);
-    };
-    document.addEventListener("keydown", handleKey);
-    return () => document.removeEventListener("keydown", handleKey);
-  }, [isOpen, setOpen]);
-  const content = isOpen ? /* @__PURE__ */ jsxs6("div", { className: "fixed inset-0 z-50 overflow-hidden", children: [
-    /* @__PURE__ */ jsx11(
-      "div",
-      {
-        className: "absolute inset-0 backdrop-blur-sm",
-        onClick: () => setOpen(false)
-      }
-    ),
-    /* @__PURE__ */ jsxs6(
-      "div",
-      {
-        className: cn(
-          "absolute top-0 h-full w-full max-w-md border border-[rgb(var(--nc-border)/0.3)] bg-[rgb(var(--nc-surface)/0.12)] text-[rgb(var(--nc-fg))] shadow-[0_20px_60px_rgba(0,0,0,0.45)] backdrop-blur-2xl",
-          side === "right" ? "right-0" : "left-0",
-          className
-        ),
-        "data-nc-theme": tone,
-        children: [
-          /* @__PURE__ */ jsxs6("div", { className: "flex items-center justify-between border-b border-[rgb(var(--nc-border)/0.3)] p-6", children: [
-            title && /* @__PURE__ */ jsx11("h3", { className: "text-xl font-semibold", children: title }),
-            /* @__PURE__ */ jsx11(
-              "button",
-              {
-                className: "rounded-full border border-[rgb(var(--nc-border)/0.3)] bg-[rgb(var(--nc-surface)/0.12)] p-2 text-[rgb(var(--nc-fg-soft))] transition hover:text-[rgb(var(--nc-fg))]",
-                onClick: () => setOpen(false),
-                "aria-label": "Close",
-                children: /* @__PURE__ */ jsx11("svg", { viewBox: "0 0 20 20", className: "h-4 w-4", fill: "currentColor", children: /* @__PURE__ */ jsx11("path", { d: "M6.28 5.22a.75.75 0 00-1.06 1.06L8.94 10l-3.72 3.72a.75.75 0 101.06 1.06L10 11.06l3.72 3.72a.75.75 0 101.06-1.06L11.06 10l3.72-3.72a.75.75 0 00-1.06-1.06L10 8.94 6.28 5.22z" }) })
-              }
-            )
-          ] }),
-          /* @__PURE__ */ jsx11("div", { className: "p-6 space-y-4 overflow-y-auto h-[calc(100%-5.5rem)]", children }),
-          footer && /* @__PURE__ */ jsx11("div", { className: "border-t border-[rgb(var(--nc-border)/0.3)] p-6", children: footer })
-        ]
-      }
-    )
-  ] }) : null;
-  return /* @__PURE__ */ jsxs6(Fragment2, { children: [
-    trigger && /* @__PURE__ */ jsx11(
-      "span",
-      {
-        onClick: () => setOpen(true),
-        onKeyDown: (event) => {
-          if (event.key === "Enter" || event.key === " ") setOpen(true);
-        },
-        role: "button",
-        tabIndex: 0,
-        className: "inline-flex",
-        children: trigger
-      }
-    ),
-    typeof document !== "undefined" && content ? createPortal2(content, document.body) : content
-  ] });
-}
-
-// src/components/craft-tabs.tsx
-import * as React8 from "react";
-import { jsx as jsx12, jsxs as jsxs7 } from "react/jsx-runtime";
-function CraftTabs({
-  value,
-  defaultValue,
-  onValueChange,
-  tone,
-  tabs,
-  panels,
-  className
-}) {
-  var _a, _b;
-  const fallback = (_b = (_a = tabs[0]) == null ? void 0 : _a.value) != null ? _b : "";
-  const [uncontrolledValue, setUncontrolledValue] = React8.useState(
-    defaultValue != null ? defaultValue : fallback
-  );
-  const isControlled = value !== void 0;
-  const activeValue = isControlled ? value : uncontrolledValue;
-  const setValue = React8.useCallback(
-    (next) => {
-      if (!isControlled) setUncontrolledValue(next);
-      onValueChange == null ? void 0 : onValueChange(next);
-    },
-    [isControlled, onValueChange]
-  );
-  const onKeyDown = (event) => {
-    if (!tabs.length) return;
-    const currentIndex = tabs.findIndex((tab) => tab.value === activeValue);
-    if (event.key === "ArrowRight") {
-      event.preventDefault();
-      const next = tabs[(currentIndex + 1) % tabs.length];
-      setValue(next.value);
-    }
-    if (event.key === "ArrowLeft") {
-      event.preventDefault();
-      const next = tabs[(currentIndex - 1 + tabs.length) % tabs.length];
-      setValue(next.value);
-    }
-  };
-  return /* @__PURE__ */ jsxs7("div", { className: cn("space-y-4", className), "data-nc-theme": tone, children: [
-    /* @__PURE__ */ jsx12(
-      "div",
-      {
-        className: "inline-flex flex-wrap items-center gap-2 rounded-full border border-[rgb(var(--nc-border)/0.3)] bg-[rgb(var(--nc-surface)/0.08)] p-2",
-        role: "tablist",
-        onKeyDown,
-        children: tabs.map((tab) => /* @__PURE__ */ jsx12(
-          "button",
-          {
-            role: "tab",
-            "aria-selected": activeValue === tab.value,
-            onClick: () => setValue(tab.value),
-            className: cn(
-              "rounded-full px-4 py-2 text-sm font-semibold transition-all",
-              activeValue === tab.value ? "bg-[rgb(var(--nc-accent-1)/0.65)] text-white shadow-[0_7px_5px_rgb(var(--nc-accent-1)/0.35)]" : "text-[rgb(var(--nc-fg-muted))] hover:text-[rgb(var(--nc-fg))]"
-            ),
-            children: tab.label
-          },
-          tab.value
-        ))
-      }
-    ),
-    /* @__PURE__ */ jsx12("div", { className: "rounded-2xl border border-[rgb(var(--nc-border)/0.3)] bg-[rgb(var(--nc-surface)/0.08)] p-4 text-[rgb(var(--nc-fg))]", children: panels[activeValue] })
-  ] });
-}
-
-// src/components/craft-tooltip.tsx
-import * as React9 from "react";
-import { jsx as jsx13, jsxs as jsxs8 } from "react/jsx-runtime";
-function CraftTooltip({ content, tone, children, side = "top" }) {
-  const [open, setOpen] = React9.useState(false);
-  return /* @__PURE__ */ jsxs8(
-    "span",
-    {
-      className: "relative inline-flex",
-      onMouseEnter: () => setOpen(true),
-      onMouseLeave: () => setOpen(false),
-      onFocus: () => setOpen(true),
-      onBlur: () => setOpen(false),
-      children: [
-        children,
-        /* @__PURE__ */ jsx13(
-          "span",
-          {
-            className: cn(
-              "pointer-events-none absolute z-20 whitespace-nowrap rounded-lg border border-white/10 bg-black/80 px-3 py-2 text-xs text-white shadow-lg transition-all",
-              "backdrop-blur-xl",
-              open ? "opacity-100 translate-y-0" : "opacity-0 translate-y-1",
-              side === "top" && "bottom-full left-1/2 -translate-x-1/2 -translate-y-2",
-              side === "bottom" && "top-full left-1/2 -translate-x-1/2 translate-y-2",
-              side === "left" && "right-full top-1/2 -translate-y-1/2 -translate-x-2",
-              side === "right" && "left-full top-1/2 -translate-y-1/2 translate-x-2"
-            ),
-            "data-nc-theme": tone,
-            role: "tooltip",
-            children: content
-          }
-        )
-      ]
-    }
-  );
-}
-
-// src/components/craft-toast.tsx
-import * as React10 from "react";
-import { jsx as jsx14, jsxs as jsxs9 } from "react/jsx-runtime";
-var variantClasses3 = {
-  info: "border-[color:rgb(var(--nc-accent-1)/0.4)]",
-  success: "border-emerald-400/40",
-  warning: "border-amber-400/40",
-  error: "border-rose-400/40"
-};
-function useCraftToast() {
-  const [toasts, setToasts] = React10.useState([]);
-  const push = React10.useCallback((toast) => {
-    const id = `${Date.now()}-${Math.random().toString(16).slice(2)}`;
-    setToasts((prev) => [...prev, { ...toast, id }]);
-    return id;
-  }, []);
-  const remove = React10.useCallback((id) => {
-    setToasts((prev) => prev.filter((toast) => toast.id !== id));
-  }, []);
-  return { toasts, push, remove };
-}
-function CraftToastHost({ toasts, onDismiss, tone }) {
-  return /* @__PURE__ */ jsx14(
-    "div",
-    {
-      className: "fixed right-6 top-6 z-50 flex w-full max-w-sm flex-col gap-3",
-      "data-nc-theme": tone,
-      children: toasts.map((toast) => {
-        var _a;
-        return /* @__PURE__ */ jsx14(
-          "div",
-          {
-            className: cn(
-              "rounded-2xl border bg-[rgb(var(--nc-surface)/0.12)] p-4 text-[rgb(var(--nc-fg))] shadow-[0_15px_35px_rgba(0,0,0,0.35)] backdrop-blur-xl",
-              variantClasses3[(_a = toast.variant) != null ? _a : "info"]
-            ),
-            children: /* @__PURE__ */ jsxs9("div", { className: "flex items-start justify-between gap-4", children: [
-              /* @__PURE__ */ jsxs9("div", { children: [
-                /* @__PURE__ */ jsx14("p", { className: "text-sm font-semibold", children: toast.title }),
-                toast.description && /* @__PURE__ */ jsx14("p", { className: "text-xs text-[rgb(var(--nc-fg-muted))]", children: toast.description })
-              ] }),
-              /* @__PURE__ */ jsx14(
-                "button",
-                {
-                  className: "text-[rgb(var(--nc-fg-soft))] hover:text-[rgb(var(--nc-fg))]",
-                  onClick: () => onDismiss(toast.id),
-                  children: "\u2715"
-                }
-              )
-            ] })
-          },
-          toast.id
-        );
-      })
-    }
-  );
-}
-
-// src/components/craft-skeleton.tsx
-import { jsx as jsx15 } from "react/jsx-runtime";
-function CraftSkeleton({ className, tone, ...props }) {
-  return /* @__PURE__ */ jsx15(
-    "div",
-    {
-      className: cn(
-        "relative overflow-hidden rounded-2xl bg-[rgb(var(--nc-surface)/0.12)]",
-        "after:absolute after:inset-0 after:-translate-x-full after:bg-linear-to-r after:from-transparent after:via-white/20 after:to-transparent",
-        "after:animate-[shimmer_1.6s_infinite]",
-        className
-      ),
-      "data-nc-theme": tone,
-      ...props
-    }
-  );
-}
-
-// src/components/craft-empty-state.tsx
-import { jsx as jsx16, jsxs as jsxs10 } from "react/jsx-runtime";
-function CraftEmptyState({
-  className,
-  tone,
-  title,
-  description,
-  icon,
-  action,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxs10(
-    "div",
-    {
-      className: cn(
-        "rounded-3xl border border-[rgb(var(--nc-border)/0.3)] bg-[rgb(var(--nc-surface)/0.08)] p-8 text-center text-[rgb(var(--nc-fg))] backdrop-blur-xl",
-        "shadow-[0_18px_40px_rgba(0,0,0,0.25)]",
-        className
-      ),
-      "data-nc-theme": tone,
-      ...props,
-      children: [
-        icon && /* @__PURE__ */ jsx16("div", { className: "mx-auto mb-4 flex h-12 w-12 items-center justify-center rounded-2xl bg-[rgb(var(--nc-accent-1)/0.2)] text-[rgb(var(--nc-accent-1))]", children: icon }),
-        /* @__PURE__ */ jsx16("h3", { className: "text-xl font-semibold", children: title }),
-        description && /* @__PURE__ */ jsx16("p", { className: "mt-2 text-sm text-[rgb(var(--nc-fg-muted))]", children: description }),
-        action && /* @__PURE__ */ jsx16("div", { className: "mt-6 flex justify-center", children: action })
-      ]
-    }
-  );
-}
-
-// src/components/craft-date-picker.tsx
-import * as React11 from "react";
-import { jsx as jsx17, jsxs as jsxs11 } from "react/jsx-runtime";
-var WEEK_DAYS = ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"];
-function formatDate(date) {
-  const year = date.getFullYear();
-  const month = `${date.getMonth() + 1}`.padStart(2, "0");
-  const day = `${date.getDate()}`.padStart(2, "0");
-  return `${year}-${month}-${day}`;
-}
-function parseDate(value) {
-  if (!value) return null;
-  const [year, month, day] = value.split("-").map(Number);
-  if (!year || !month || !day) return null;
-  return new Date(year, month - 1, day);
-}
-function isSameDay(a, b) {
-  return a.getFullYear() === b.getFullYear() && a.getMonth() === b.getMonth() && a.getDate() === b.getDate();
-}
-function isOutsideRange(date, min, max) {
-  const minDate = parseDate(min);
-  const maxDate = parseDate(max);
-  if (minDate && date < minDate) return true;
-  if (maxDate && date > maxDate) return true;
-  return false;
-}
-function CraftDatePicker({
-  value,
-  defaultValue,
-  onChange,
-  tone,
-  min,
-  max,
-  placeholder = "Select date",
-  className
-}) {
-  const [open, setOpen] = React11.useState(false);
-  const [uncontrolledValue, setUncontrolledValue] = React11.useState(defaultValue != null ? defaultValue : "");
-  const isControlled = value !== void 0;
-  const selectedValue = isControlled ? value != null ? value : "" : uncontrolledValue;
-  const selectedDate = parseDate(selectedValue);
-  const initialMonth = selectedDate != null ? selectedDate : /* @__PURE__ */ new Date();
-  const [viewDate, setViewDate] = React11.useState(initialMonth);
-  React11.useEffect(() => {
-    if (selectedDate) setViewDate(selectedDate);
-  }, [selectedDate]);
-  const wrapperRef = React11.useRef(null);
-  React11.useEffect(() => {
-    if (!open) return;
-    const handleClick = (event) => {
-      var _a;
-      if (!((_a = wrapperRef.current) == null ? void 0 : _a.contains(event.target))) {
-        setOpen(false);
-      }
-    };
-    const handleKey = (event) => {
-      if (event.key === "Escape") setOpen(false);
-    };
-    document.addEventListener("mousedown", handleClick);
-    document.addEventListener("keydown", handleKey);
-    return () => {
-      document.removeEventListener("mousedown", handleClick);
-      document.removeEventListener("keydown", handleKey);
-    };
-  }, [open]);
-  const setValue = React11.useCallback(
-    (next) => {
-      if (!isControlled) setUncontrolledValue(next);
-      onChange == null ? void 0 : onChange(next);
-    },
-    [isControlled, onChange]
-  );
-  const monthStart = new Date(viewDate.getFullYear(), viewDate.getMonth(), 1);
-  const monthEnd = new Date(viewDate.getFullYear(), viewDate.getMonth() + 1, 0);
-  const startDay = monthStart.getDay();
-  const daysInMonth = monthEnd.getDate();
-  const cells = Array.from({ length: startDay + daysInMonth }, (_, i) => {
-    const dayNumber = i - startDay + 1;
-    if (dayNumber < 1) return null;
-    return new Date(viewDate.getFullYear(), viewDate.getMonth(), dayNumber);
-  });
-  const handleDaySelect = (date) => {
-    if (isOutsideRange(date, min, max)) return;
-    const next = formatDate(date);
-    setValue(next);
-    setOpen(false);
-  };
-  const handleKeyDown = (event) => {
-    if (!open) return;
-    if (!selectedDate) return;
-    const next = new Date(selectedDate);
-    if (event.key === "ArrowRight") next.setDate(next.getDate() + 1);
-    if (event.key === "ArrowLeft") next.setDate(next.getDate() - 1);
-    if (event.key === "ArrowDown") next.setDate(next.getDate() + 7);
-    if (event.key === "ArrowUp") next.setDate(next.getDate() - 7);
-    if (event.key === "Enter") {
-      event.preventDefault();
-      handleDaySelect(selectedDate);
-      return;
-    }
-    if (next.getTime() !== selectedDate.getTime()) {
-      event.preventDefault();
-      if (!isOutsideRange(next, min, max)) {
-        setValue(formatDate(next));
-        setViewDate(next);
-      }
-    }
-  };
-  return /* @__PURE__ */ jsxs11("div", { className: "relative w-full", "data-nc-theme": tone, ref: wrapperRef, children: [
-    /* @__PURE__ */ jsxs11(
-      "button",
-      {
-        type: "button",
-        onClick: () => setOpen((prev) => !prev),
-        className: cn(
-          "flex w-full items-center justify-between rounded-2xl border-2 bg-[rgb(var(--nc-surface)/0.08)] px-5 py-3 text-left text-base text-[rgb(var(--nc-fg))] backdrop-blur-xl",
-          "shadow-[inset_0_2px_8px_rgba(0,0,0,0.3)]",
-          "transition-all duration-300",
-          "border-[rgb(var(--nc-border)/0.35)]",
-          "focus:outline-none focus:ring-4 focus:ring-[rgb(var(--nc-accent-1)/0.3)]",
-          className
-        ),
-        children: [
-          /* @__PURE__ */ jsx17("span", { className: selectedValue ? "text-[rgb(var(--nc-fg))]" : "text-[rgb(var(--nc-fg-soft))]", children: selectedValue || placeholder }),
-          /* @__PURE__ */ jsx17("svg", { className: "h-4 w-4 text-[rgb(var(--nc-fg-soft))]", viewBox: "0 0 20 20", fill: "currentColor", children: /* @__PURE__ */ jsx17("path", { d: "M6 2a1 1 0 011 1v1h6V3a1 1 0 112 0v1h1a2 2 0 012 2v10a2 2 0 01-2 2H4a2 2 0 01-2-2V6a2 2 0 012-2h1V3a1 1 0 011-1zm10 6H4v8h12V8z" }) })
-        ]
-      }
-    ),
-    open && /* @__PURE__ */ jsxs11(
-      "div",
-      {
-        className: cn(
-          "absolute left-0 top-full z-20 mt-3 w-full rounded-3xl border border-[rgb(var(--nc-border)/0.3)] bg-[rgb(var(--nc-surface)/1.52)] p-4 text-[rgb(var(--nc-fg))] shadow-[0_20px_60px_rgba(0,0,0,0.55)] backdrop-blur-10xl"
-        ),
-        onKeyDown: handleKeyDown,
-        tabIndex: -1,
-        children: [
-          /* @__PURE__ */ jsxs11("div", { className: "flex items-center justify-between", children: [
-            /* @__PURE__ */ jsx17(
-              "button",
-              {
-                type: "button",
-                className: "rounded-xl border border-[rgb(var(--nc-border)/0.3)] bg-[rgb(var(--nc-surface)/0.12)] px-3 py-1 text-sm text-[rgb(var(--nc-fg))]",
-                onClick: () => setViewDate(
-                  new Date(viewDate.getFullYear(), viewDate.getMonth() - 1, 1)
-                ),
-                children: "Prev"
-              }
-            ),
-            /* @__PURE__ */ jsx17("div", { className: "text-sm font-semibold", children: viewDate.toLocaleString(void 0, { month: "long", year: "numeric" }) }),
-            /* @__PURE__ */ jsx17(
-              "button",
-              {
-                type: "button",
-                className: "rounded-xl border border-[rgb(var(--nc-border)/0.3)] bg-[rgb(var(--nc-surface)/0.12)] px-3 py-1 text-sm text-[rgb(var(--nc-fg))]",
-                onClick: () => setViewDate(
-                  new Date(viewDate.getFullYear(), viewDate.getMonth() + 1, 1)
-                ),
-                children: "Next"
-              }
-            )
-          ] }),
-          /* @__PURE__ */ jsx17("div", { className: "mt-4 grid grid-cols-7 gap-2 text-xs text-[rgb(var(--nc-fg-muted))]", children: WEEK_DAYS.map((day) => /* @__PURE__ */ jsx17("div", { className: "text-center", children: day }, day)) }),
-          /* @__PURE__ */ jsx17("div", { className: "mt-2 grid grid-cols-7 gap-2", children: cells.map((date, index) => {
-            if (!date) return /* @__PURE__ */ jsx17("div", {}, `empty-${index}`);
-            const disabled = isOutsideRange(date, min, max);
-            const selected = selectedDate && isSameDay(date, selectedDate);
-            return /* @__PURE__ */ jsx17(
-              "button",
-              {
-                type: "button",
-                onClick: () => handleDaySelect(date),
-                disabled,
-                className: cn(
-                  "rounded-lg py-2 text-sm transition-all",
-                  selected ? "bg-[rgb(var(--nc-accent-1)/0.3)] text-[rgb(var(--nc-fg))]" : "text-[rgb(var(--nc-fg-muted))] hover:bg-[rgb(var(--nc-surface)/0.12)]",
-                  disabled && "opacity-40 hover:bg-transparent"
-                ),
-                children: date.getDate()
-              },
-              date.toISOString()
-            );
-          }) })
-        ]
-      }
-    )
-  ] });
-}
-
-// src/components/craft-number-input.tsx
-import * as React12 from "react";
-import { jsx as jsx18 } from "react/jsx-runtime";
-var CraftNumberInput = React12.forwardRef(({ className, tone, ...props }, ref) => {
-  return /* @__PURE__ */ jsx18("div", { className: "relative w-full", "data-nc-theme": tone, children: /* @__PURE__ */ jsx18(
-    "input",
-    {
-      ref,
-      type: "number",
-      className: cn(
-        "w-full rounded-2xl border-2 bg-[rgb(var(--nc-surface)/0.08)] text-[rgb(var(--nc-fg))] backdrop-blur-xl",
-        "shadow-[inset_0_2px_8px_rgba(0,0,0,0.3)]",
-        "focus:outline-none focus:ring-4",
-        "transition-all duration-300",
-        "disabled:opacity-50 disabled:cursor-not-allowed",
-        "border-[rgb(var(--nc-border)/0.35)]",
-        "focus:border-[rgb(var(--nc-accent-1)/0.8)] focus:ring-[rgb(var(--nc-accent-1)/0.3)]",
-        "px-5 py-3 text-base",
-        className
-      ),
-      ...props
-    }
-  ) });
-});
-CraftNumberInput.displayName = "CraftNumberInput";
-
-// src/components/craft-currency-input.tsx
-import * as React13 from "react";
-import { jsx as jsx19, jsxs as jsxs12 } from "react/jsx-runtime";
-var CraftCurrencyInput = React13.forwardRef(({ className, tone, currencySymbol = "$", ...props }, ref) => {
-  return /* @__PURE__ */ jsxs12("div", { className: "relative w-full", "data-nc-theme": tone, children: [
-    /* @__PURE__ */ jsx19("span", { className: "pointer-events-none absolute left-4 top-1/2 -translate-y-1/2 text-[rgb(var(--nc-fg-soft))]", children: currencySymbol }),
-    /* @__PURE__ */ jsx19(
-      "input",
-      {
-        ref,
-        type: "text",
-        inputMode: "decimal",
-        className: cn(
-          "w-full rounded-2xl border-2 bg-[rgb(var(--nc-surface)/0.08)] text-[rgb(var(--nc-fg))] backdrop-blur-xl",
-          "shadow-[inset_0_2px_8px_rgba(0,0,0,0.3)]",
-          "focus:outline-none focus:ring-4",
-          "transition-all duration-300",
-          "disabled:opacity-50 disabled:cursor-not-allowed",
-          "border-[rgb(var(--nc-border)/0.35)]",
-          "focus:border-[rgb(var(--nc-accent-1)/0.8)] focus:ring-[rgb(var(--nc-accent-1)/0.3)]",
-          "placeholder:text-[rgb(var(--nc-fg-soft))]",
-          "px-5 py-3 pl-9 text-base",
-          className
-        ),
-        ...props
-      }
-    )
-  ] });
-});
-CraftCurrencyInput.displayName = "CraftCurrencyInput";
-
-// src/components/layout/app-shell.tsx
-import { jsx as jsx20, jsxs as jsxs13 } from "react/jsx-runtime";
-function AppShell({ className, sidebar, topNav, children, ...props }) {
-  return /* @__PURE__ */ jsxs13(
-    "div",
-    {
-      className: cn(
-        "grid min-h-screen grid-cols-1 gap-6 bg-background p-6 lg:grid-cols-[260px_1fr]",
-        className
-      ),
-      ...props,
-      children: [
-        sidebar && /* @__PURE__ */ jsx20("div", { className: "h-full", children: sidebar }),
-        /* @__PURE__ */ jsxs13("div", { className: "flex flex-col gap-6", children: [
-          topNav,
-          /* @__PURE__ */ jsx20("main", { className: "flex-1", children })
-        ] })
-      ]
-    }
-  );
-}
-
-// src/components/layout/sidebar.tsx
-import { jsx as jsx21, jsxs as jsxs14 } from "react/jsx-runtime";
-function Sidebar({ className, title, items, footer, ...props }) {
-  return /* @__PURE__ */ jsxs14(
-    "aside",
-    {
-      className: cn(
-        "flex h-full w-full flex-col gap-6 rounded-3xl border border-[rgb(var(--nc-border)/0.3)] bg-[rgb(var(--nc-surface)/0.08)] p-6 text-[rgb(var(--nc-fg))] backdrop-blur-xl",
-        className
-      ),
-      ...props,
-      children: [
-        title && /* @__PURE__ */ jsx21("div", { className: "text-lg font-semibold", children: title }),
-        /* @__PURE__ */ jsx21("nav", { className: "flex flex-col gap-2", children: items.map((item, index) => {
-          var _a;
-          return /* @__PURE__ */ jsxs14(
-            "a",
-            {
-              href: (_a = item.href) != null ? _a : "#",
-              className: cn(
-                "flex items-center gap-3 rounded-2xl px-3 py-2 text-sm transition",
-                item.active ? "bg-[rgb(var(--nc-accent-1)/0.25)] text-[rgb(var(--nc-fg))]" : "text-[rgb(var(--nc-fg-muted))] hover:bg-[rgb(var(--nc-surface)/0.12)] hover:text-[rgb(var(--nc-fg))]"
-              ),
-              children: [
-                item.icon,
-                /* @__PURE__ */ jsx21("span", { children: item.label })
-              ]
-            },
-            `${item.label}-${index}`
-          );
-        }) }),
-        footer && /* @__PURE__ */ jsx21("div", { className: "mt-auto pt-4", children: footer })
-      ]
-    }
-  );
-}
-
-// src/components/layout/top-nav.tsx
-import { jsx as jsx22, jsxs as jsxs15 } from "react/jsx-runtime";
-function TopNav({ className, title, actions, breadcrumb, ...props }) {
-  return /* @__PURE__ */ jsxs15(
-    "header",
-    {
-      className: cn(
-        "flex flex-wrap items-center justify-between gap-4 rounded-3xl border border-[rgb(var(--nc-border)/0.3)] bg-[rgb(var(--nc-surface)/0.08)] px-6 py-4 text-[rgb(var(--nc-fg))] backdrop-blur-xl",
-        className
-      ),
-      ...props,
-      children: [
-        /* @__PURE__ */ jsxs15("div", { className: "space-y-1", children: [
-          breadcrumb,
-          title && /* @__PURE__ */ jsx22("div", { className: "text-xl font-semibold", children: title })
-        ] }),
-        actions && /* @__PURE__ */ jsx22("div", { className: "flex flex-wrap gap-3", children: actions })
-      ]
-    }
-  );
-}
-
-// src/components/layout/page-header.tsx
-import { jsx as jsx23, jsxs as jsxs16 } from "react/jsx-runtime";
-function PageHeader({
-  className,
-  title,
-  description,
-  actions,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxs16(
-    "div",
-    {
-      className: cn("flex flex-wrap items-start justify-between gap-6", className),
-      ...props,
-      children: [
-        /* @__PURE__ */ jsxs16("div", { className: "space-y-2", children: [
-          /* @__PURE__ */ jsx23("h1", { className: "text-3xl font-bold text-[rgb(var(--nc-fg))]", children: title }),
-          description && /* @__PURE__ */ jsx23("p", { className: "text-[rgb(var(--nc-fg-muted))]", children: description })
-        ] }),
-        actions && /* @__PURE__ */ jsx23("div", { className: "flex flex-wrap gap-3", children: actions })
-      ]
-    }
-  );
-}
-
-// src/components/layout/breadcrumbs.tsx
-import { jsx as jsx24, jsxs as jsxs17 } from "react/jsx-runtime";
-function Breadcrumbs({ className, items, ...props }) {
-  return /* @__PURE__ */ jsx24("nav", { className: cn("flex items-center text-sm text-[rgb(var(--nc-fg-muted))]", className), ...props, children: items.map((item, index) => {
-    const content = item.href ? /* @__PURE__ */ jsx24("a", { href: item.href, className: "transition hover:text-[rgb(var(--nc-fg))]", children: item.label }) : /* @__PURE__ */ jsx24("span", { className: "text-[rgb(var(--nc-fg))]", children: item.label });
-    return /* @__PURE__ */ jsxs17("span", { className: "flex items-center", children: [
-      content,
-      index < items.length - 1 && /* @__PURE__ */ jsx24("span", { className: "mx-2 text-[rgb(var(--nc-fg-soft))]", children: "/" })
-    ] }, `${item.label}-${index}`);
-  }) });
-}
-
-// src/components/layout/auth-layout.tsx
-import { jsx as jsx25, jsxs as jsxs18 } from "react/jsx-runtime";
-function AuthLayout({
-  className,
-  title,
-  description,
-  footer,
-  graphic,
-  children,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxs18(
-    "div",
-    {
-      className: cn(
-        "grid min-h-screen grid-cols-1 bg-background",
-        "lg:grid-cols-[1.1fr_0.9fr]",
-        className
-      ),
-      ...props,
-      children: [
-        /* @__PURE__ */ jsx25("div", { className: "flex flex-col justify-center px-6 py-16 sm:px-12", children: /* @__PURE__ */ jsxs18("div", { className: "mx-auto w-full max-w-md space-y-6", children: [
-          (title || description) && /* @__PURE__ */ jsxs18("div", { className: "space-y-2", children: [
-            title && /* @__PURE__ */ jsx25("h1", { className: "text-3xl font-bold text-[rgb(var(--nc-fg))]", children: title }),
-            description && /* @__PURE__ */ jsx25("p", { className: "text-[rgb(var(--nc-fg-muted))]", children: description })
-          ] }),
-          children,
-          footer && /* @__PURE__ */ jsx25("div", { className: "text-sm text-[rgb(var(--nc-fg-muted))]", children: footer })
-        ] }) }),
-        /* @__PURE__ */ jsx25("div", { className: "hidden items-center justify-center border-l border-[rgb(var(--nc-border)/0.3)] bg-[rgb(var(--nc-surface)/0.08)] p-12 text-[rgb(var(--nc-fg))] lg:flex", children: graphic != null ? graphic : /* @__PURE__ */ jsxs18("div", { className: "max-w-sm space-y-4 text-center", children: [
-          /* @__PURE__ */ jsx25("h2", { className: "text-2xl font-semibold", children: "Crafted experiences" }),
-          /* @__PURE__ */ jsx25("p", { className: "text-[rgb(var(--nc-fg-muted))]", children: "Build authentication flows that feel premium and cohesive." })
-        ] }) })
-      ]
-    }
-  );
-}
-
-// src/components/layout/container.tsx
-import { jsx as jsx26 } from "react/jsx-runtime";
-var sizeClasses2 = {
-  sm: "max-w-3xl",
-  md: "max-w-5xl",
-  lg: "max-w-6xl",
-  xl: "max-w-7xl"
-};
-function Container({ className, size = "lg", ...props }) {
-  return /* @__PURE__ */ jsx26(
-    "div",
-    {
-      className: cn("mx-auto w-full px-4 sm:px-6 lg:px-8", sizeClasses2[size], className),
-      ...props
-    }
-  );
-}
-
-// src/components/layout/grid.tsx
-import { jsx as jsx27 } from "react/jsx-runtime";
-var colClasses = {
-  1: "grid-cols-1",
-  2: "grid-cols-1 md:grid-cols-2",
-  3: "grid-cols-1 md:grid-cols-2 lg:grid-cols-3",
-  4: "grid-cols-1 md:grid-cols-2 lg:grid-cols-4",
-  5: "grid-cols-1 md:grid-cols-2 lg:grid-cols-5",
-  6: "grid-cols-1 md:grid-cols-3 lg:grid-cols-6"
-};
-var gapClasses = {
-  sm: "gap-4",
-  md: "gap-6",
-  lg: "gap-8",
-  xl: "gap-10"
-};
-function Grid({ className, columns = 3, gap = "md", ...props }) {
-  return /* @__PURE__ */ jsx27("div", { className: cn("grid", colClasses[columns], gapClasses[gap], className), ...props });
-}
-
-// src/theme/theme-context.tsx
-import * as React14 from "react";
-import { jsx as jsx28 } from "react/jsx-runtime";
-var THEME_NAMES = [
-  "aurora",
-  "ember",
-  "ocean",
-  "midnight",
-  "cosmic"
-];
-var ThemeContext = React14.createContext(null);
-var DEFAULT_THEME_KEY = "nextcraft-theme";
-var DEFAULT_MODE_KEY = "nextcraft-mode";
-function ThemeProvider({
-  children,
-  defaultTheme = "ocean",
-  defaultMode = "system",
-  storageKeyTheme = DEFAULT_THEME_KEY,
-  storageKeyMode = DEFAULT_MODE_KEY
-}) {
-  const [theme, setTheme] = React14.useState(defaultTheme);
-  const [mode, setMode] = React14.useState(defaultMode);
-  React14.useEffect(() => {
-    if (typeof window === "undefined") return;
-    try {
-      const storedTheme = window.localStorage.getItem(storageKeyTheme);
-      const storedMode = window.localStorage.getItem(storageKeyMode);
-      if (storedTheme) setTheme(storedTheme);
-      if (storedMode) setMode(storedMode);
-    } catch {
-    }
-  }, [storageKeyTheme, storageKeyMode]);
-  React14.useEffect(() => {
-    if (typeof window === "undefined") return;
-    try {
-      window.localStorage.setItem(storageKeyTheme, theme);
-      window.localStorage.setItem(storageKeyMode, mode);
-    } catch {
-    }
-  }, [theme, mode, storageKeyTheme, storageKeyMode]);
-  React14.useEffect(() => {
-    if (typeof document === "undefined") return;
-    const root = document.documentElement;
-    root.dataset.ncTheme = theme;
-    if (mode !== "system") {
-      root.dataset.ncMode = mode;
-      return;
-    }
-    const mediaQuery = window.matchMedia("(prefers-color-scheme: dark)");
-    const applySystem = () => {
-      root.dataset.ncMode = mediaQuery.matches ? "dark" : "light";
-    };
-    applySystem();
-    if (typeof mediaQuery.addEventListener === "function") {
-      mediaQuery.addEventListener("change", applySystem);
-      return () => mediaQuery.removeEventListener("change", applySystem);
-    }
-    mediaQuery.addListener(applySystem);
-    return () => mediaQuery.removeListener(applySystem);
-  }, [theme, mode]);
-  const value = React14.useMemo(
-    () => ({ theme, mode, setTheme, setMode }),
-    [theme, mode]
-  );
-  return /* @__PURE__ */ jsx28(ThemeContext.Provider, { value, children });
-}
-function useTheme() {
-  const context = React14.useContext(ThemeContext);
-  if (!context) {
-    throw new Error("useTheme must be used within ThemeProvider");
-  }
-  return context;
-}
-
-// src/components/theme-switcher.tsx
-import { jsx as jsx29, jsxs as jsxs19 } from "react/jsx-runtime";
-var MODE_OPTIONS = ["system", "light", "dark"];
-function ThemeSwitcher({ className, showLabels = true, ...props }) {
-  const { theme, mode, setTheme, setMode } = useTheme();
-  return /* @__PURE__ */ jsxs19(
-    "div",
-    {
-      className: cn(
-        "flex flex-wrap items-center gap-3 rounded-2xl border border-[rgb(var(--nc-border)/0.3)] bg-[rgb(var(--nc-surface)/0.08)] px-4 py-3 text-sm text-[rgb(var(--nc-fg))] shadow-[inset_0_1px_0_rgba(255,255,255,0.06)]",
-        className
-      ),
-      ...props,
-      children: [
-        /* @__PURE__ */ jsxs19("label", { className: "flex items-center gap-2", children: [
-          showLabels && /* @__PURE__ */ jsx29("span", { className: "text-[rgb(var(--nc-fg-muted))]", children: "Theme" }),
-          /* @__PURE__ */ jsx29(
-            "select",
-            {
-              className: "rounded-lg border border-[rgb(var(--nc-border)/0.3)] bg-[rgb(var(--nc-surface)/0.12)] px-3 py-1 text-[rgb(var(--nc-fg))] outline-none focus:ring-2 focus:ring-[rgb(var(--nc-accent-1)/0.5)]",
-              value: theme,
-              onChange: (event) => setTheme(event.target.value),
-              children: THEME_NAMES.map((name) => /* @__PURE__ */ jsx29("option", { value: name, className: "text-slate-900", children: name }, name))
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsxs19("label", { className: "flex items-center gap-2", children: [
-          showLabels && /* @__PURE__ */ jsx29("span", { className: "text-[rgb(var(--nc-fg-muted))]", children: "Mode" }),
-          /* @__PURE__ */ jsx29(
-            "select",
-            {
-              className: "rounded-lg border border-[rgb(var(--nc-border)/0.3)] bg-[rgb(var(--nc-surface)/0.12)] px-3 py-1 text-[rgb(var(--nc-fg))] outline-none focus:ring-2 focus:ring-[rgb(var(--nc-accent-1)/0.5)]",
-              value: mode,
-              onChange: (event) => setMode(event.target.value),
-              children: MODE_OPTIONS.map((value) => /* @__PURE__ */ jsx29("option", { value, className: "text-slate-900", children: value }, value))
-            }
-          )
-        ] })
-      ]
-    }
-  );
-}
+import {
+  CraftAlert,
+  CraftBadge,
+  CraftCard,
+  CraftCommandPalette,
+  CraftConfirmDialog,
+  CraftCreateEditDrawer,
+  CraftDrawer,
+  CraftDropdownMenu,
+  CraftEmptyState,
+  CraftErrorState,
+  CraftLink,
+  CraftLoadingState,
+  CraftPopover,
+  CraftSkeleton,
+  CraftStatCard,
+  CraftTabs,
+  CraftToastHost,
+  CraftTooltip,
+  GlassCard,
+  useCraftToast
+} from "./chunk-SBLIF6UU.js";
+import {
+  CraftForm,
+  CraftFormBuilder,
+  CraftFormField
+} from "./chunk-7Q4Z47HT.js";
+import {
+  CraftButton,
+  CraftCheckbox,
+  CraftCurrencyInput,
+  CraftDatePicker,
+  CraftModal,
+  CraftNumberInput,
+  CraftSelect,
+  CraftSubmitButton,
+  CraftSwitch,
+  CraftTextarea
+} from "./chunk-6F7FN2ZF.js";
+import {
+  AppShell,
+  AppTemplate,
+  AuthLayout,
+  Breadcrumbs,
+  Container,
+  Grid,
+  PageHeader,
+  Sidebar,
+  TopNav,
+  layoutConfigSchema
+} from "./chunk-YVZL4GET.js";
+import {
+  CraftIcon,
+  CraftIconProvider
+} from "./chunk-FEFH5O5K.js";
+import {
+  CraftDataTable,
+  CraftFilterBar,
+  CraftPagination,
+  CraftTableToolbar
+} from "./chunk-ZRV4Y374.js";
+import {
+  CraftInput
+} from "./chunk-7SKDTIEK.js";
+import {
+  ThemeProvider,
+  ThemeSwitcher,
+  useTheme
+} from "./chunk-M2EKVXB6.js";
+import "./chunk-VQ6T3HIX.js";
 export {
   AppShell,
+  AppTemplate,
   AuthLayout,
   Breadcrumbs,
   Container,
+  CraftAlert,
   CraftBadge,
   CraftButton,
   CraftCard,
   CraftCheckbox,
+  CraftCommandPalette,
+  CraftConfirmDialog,
+  CraftCreateEditDrawer,
   CraftCurrencyInput,
+  CraftDataTable,
   CraftDatePicker,
   CraftDrawer,
+  CraftDropdownMenu,
   CraftEmptyState,
+  CraftErrorState,
+  CraftFilterBar,
+  CraftForm,
+  CraftFormBuilder,
+  CraftFormField,
+  CraftIcon,
+  CraftIconProvider,
   CraftInput,
+  CraftLink,
+  CraftLoadingState,
   CraftModal,
   CraftNumberInput,
+  CraftPagination,
+  CraftPopover,
   CraftSelect,
   CraftSkeleton,
+  CraftStatCard,
+  CraftSubmitButton,
   CraftSwitch,
+  CraftTableToolbar,
   CraftTabs,
   CraftTextarea,
   CraftToastHost,
@@ -1375,6 +119,7 @@ export {
   ThemeProvider,
   ThemeSwitcher,
   TopNav,
+  layoutConfigSchema,
   useCraftToast,
   useTheme
 };