najm-kit 2.10.0 → 2.11.0

package/dist/chunk-2GFWF46W.mjs

@@ -0,0 +1,650 @@
+import { useResolvedFeedbackLabels, useNajmPreferencesContext } from './chunk-EEBLEDNI.mjs';
+import { Button } from './chunk-XZL32HFR.mjs';
+import { useNajmDesign, cn } from './chunk-KVZACF4G.mjs';
+import { humanizeToken, DEFAULT_PLACEHOLDER, formatRelativeTime, formatTime, formatDateTime, formatDate, formatPercent, formatNumber, formatCurrency } from './chunk-JABLSOQN.mjs';
+import * as React3 from 'react';
+import { createContext, useContext, useMemo, useState, useCallback } from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { AlertTriangle, LoaderCircleIcon, LoaderPinwheelIcon, LoaderIcon, ShieldOff, Compass } from 'lucide-react';
+
+function normalizeBranding(input) {
+  if (!input) return {};
+  const value = {};
+  const expanded = input.logoExpanded ?? input.sidebarLogoExpandedPath;
+  const collapsed = input.logoCollapsed ?? input.sidebarLogoCollapsedPath;
+  if (input.appName !== void 0) value.appName = input.appName;
+  if (input.logoFallback !== void 0) value.logoFallback = input.logoFallback;
+  if (input.logoHref !== void 0) value.logoHref = input.logoHref;
+  if (expanded !== void 0) value.logoExpanded = expanded;
+  if (collapsed !== void 0) value.logoCollapsed = collapsed;
+  return value;
+}
+var NBrandingContext = createContext(null);
+function useNBranding() {
+  return useContext(NBrandingContext);
+}
+function NBrandingProvider({
+  children,
+  appName,
+  logoExpanded,
+  logoCollapsed,
+  logoFallback,
+  logoHref
+}) {
+  const value = useMemo(
+    () => ({ appName, logoExpanded, logoCollapsed, logoFallback, logoHref }),
+    [appName, logoExpanded, logoCollapsed, logoFallback, logoHref]
+  );
+  return /* @__PURE__ */ jsx(NBrandingContext.Provider, { value, children });
+}
+var NBrandingEditorContext = createContext(null);
+function useNBrandingEditor() {
+  return useContext(NBrandingEditorContext);
+}
+function NBrandingStateProvider({
+  children,
+  branding,
+  initialBranding
+}) {
+  const [state, setState] = useState(
+    () => normalizeBranding(initialBranding ?? branding)
+  );
+  const setBranding = useCallback((patch) => {
+    const marks = normalizeBranding(patch);
+    setState((current) => ({ ...current, ...marks }));
+  }, []);
+  const controlled = useMemo(
+    () => branding ? normalizeBranding(branding) : void 0,
+    [branding]
+  );
+  const resolved = controlled ?? state;
+  const editor = useMemo(
+    () => ({ branding: resolved, setBranding: branding ? noop : setBranding }),
+    [resolved, branding, setBranding]
+  );
+  return /* @__PURE__ */ jsx(NBrandingEditorContext.Provider, { value: editor, children: /* @__PURE__ */ jsx(NBrandingProvider, { ...resolved, children }) });
+}
+function noop() {
+}
+var Default = ({ className, ...props }) => /* @__PURE__ */ jsx(LoaderIcon, { className: cn("animate-spin", className), ...props });
+var Circle = ({ className, ...props }) => /* @__PURE__ */ jsx(LoaderCircleIcon, { className: cn("animate-spin", className), ...props });
+var Pinwheel = ({ className, ...props }) => /* @__PURE__ */ jsx(LoaderPinwheelIcon, { className: cn("animate-spin", className), ...props });
+var CircleFilled = ({ className, size = 24, ...props }) => /* @__PURE__ */ jsxs("div", { className: "relative", style: { width: size, height: size }, children: [
+  /* @__PURE__ */ jsx("div", { className: "absolute inset-0 rotate-180", children: /* @__PURE__ */ jsx(LoaderCircleIcon, { className: cn("animate-spin", className, "text-foreground opacity-20"), size, ...props }) }),
+  /* @__PURE__ */ jsx(LoaderCircleIcon, { className: cn("relative animate-spin", className), size, ...props })
+] });
+var Ellipsis = ({ size = 24, ...props }) => /* @__PURE__ */ jsxs("svg", { height: size, viewBox: "0 0 24 24", width: size, xmlns: "http://www.w3.org/2000/svg", ...props, children: [
+  /* @__PURE__ */ jsx("title", { children: "Loading..." }),
+  /* @__PURE__ */ jsx("circle", { cx: "4", cy: "12", fill: "currentColor", r: "2", children: /* @__PURE__ */ jsx("animate", { attributeName: "cy", begin: "0;ellipsis3.end+0.25s", calcMode: "spline", dur: "0.6s", id: "ellipsis1", keySplines: ".33,.66,.66,1;.33,0,.66,.33", values: "12;6;12" }) }),
+  /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", fill: "currentColor", r: "2", children: /* @__PURE__ */ jsx("animate", { attributeName: "cy", begin: "ellipsis1.begin+0.1s", calcMode: "spline", dur: "0.6s", keySplines: ".33,.66,.66,1;.33,0,.66,.33", values: "12;6;12" }) }),
+  /* @__PURE__ */ jsx("circle", { cx: "20", cy: "12", fill: "currentColor", r: "2", children: /* @__PURE__ */ jsx("animate", { attributeName: "cy", begin: "ellipsis1.begin+0.2s", calcMode: "spline", dur: "0.6s", id: "ellipsis3", keySplines: ".33,.66,.66,1;.33,0,.66,.33", values: "12;6;12" }) })
+] });
+var Ring = ({ size = 24, ...props }) => /* @__PURE__ */ jsxs("svg", { height: size, stroke: "currentColor", viewBox: "0 0 44 44", width: size, xmlns: "http://www.w3.org/2000/svg", ...props, children: [
+  /* @__PURE__ */ jsx("title", { children: "Loading..." }),
+  /* @__PURE__ */ jsxs("g", { fill: "none", fillRule: "evenodd", strokeWidth: "2", children: [
+    /* @__PURE__ */ jsxs("circle", { cx: "22", cy: "22", r: "1", children: [
+      /* @__PURE__ */ jsx("animate", { attributeName: "r", begin: "0s", calcMode: "spline", dur: "1.8s", keySplines: "0.165, 0.84, 0.44, 1", keyTimes: "0; 1", repeatCount: "indefinite", values: "1; 20" }),
+      /* @__PURE__ */ jsx("animate", { attributeName: "stroke-opacity", begin: "0s", calcMode: "spline", dur: "1.8s", keySplines: "0.3, 0.61, 0.355, 1", keyTimes: "0; 1", repeatCount: "indefinite", values: "1; 0" })
+    ] }),
+    /* @__PURE__ */ jsxs("circle", { cx: "22", cy: "22", r: "1", children: [
+      /* @__PURE__ */ jsx("animate", { attributeName: "r", begin: "-0.9s", calcMode: "spline", dur: "1.8s", keySplines: "0.165, 0.84, 0.44, 1", keyTimes: "0; 1", repeatCount: "indefinite", values: "1; 20" }),
+      /* @__PURE__ */ jsx("animate", { attributeName: "stroke-opacity", begin: "-0.9s", calcMode: "spline", dur: "1.8s", keySplines: "0.3, 0.61, 0.355, 1", keyTimes: "0; 1", repeatCount: "indefinite", values: "1; 0" })
+    ] })
+  ] })
+] });
+var Bars = ({ size = 24, ...props }) => /* @__PURE__ */ jsxs("svg", { height: size, viewBox: "0 0 24 24", width: size, xmlns: "http://www.w3.org/2000/svg", ...props, children: [
+  /* @__PURE__ */ jsx("title", { children: "Loading..." }),
+  /* @__PURE__ */ jsx("rect", { fill: "currentColor", height: "4", rx: "1", width: "4", x: "1", y: "10", children: /* @__PURE__ */ jsx("animate", { attributeName: "opacity", begin: "0s", dur: "0.6s", keyTimes: "0;0.5;1", repeatCount: "indefinite", values: "1;0.3;1" }) }),
+  /* @__PURE__ */ jsx("rect", { fill: "currentColor", height: "4", rx: "1", width: "4", x: "10", y: "10", children: /* @__PURE__ */ jsx("animate", { attributeName: "opacity", begin: "0.1s", dur: "0.6s", keyTimes: "0;0.5;1", repeatCount: "indefinite", values: "1;0.3;1" }) }),
+  /* @__PURE__ */ jsx("rect", { fill: "currentColor", height: "4", rx: "1", width: "4", x: "19", y: "10", children: /* @__PURE__ */ jsx("animate", { attributeName: "opacity", begin: "0.2s", dur: "0.6s", keyTimes: "0;0.5;1", repeatCount: "indefinite", values: "1;0.3;1" }) })
+] });
+var Infinite = ({ size = 24, ...props }) => /* @__PURE__ */ jsxs(
+  "svg",
+  {
+    height: size,
+    preserveAspectRatio: "xMidYMid",
+    viewBox: "0 0 100 100",
+    width: size,
+    xmlns: "http://www.w3.org/2000/svg",
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx("title", { children: "Loading..." }),
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M24.3 30C11.4 30 5 43.3 5 50s6.4 20 19.3 20c19.3 0 32.1-40 51.4-40 C88.6 30 95 43.3 95 50s-6.4 20-19.3 20C56.4 70 43.6 30 24.3 30z",
+          fill: "none",
+          stroke: "currentColor",
+          strokeDasharray: "205.271142578125 51.317785644531256",
+          strokeLinecap: "round",
+          strokeWidth: "10",
+          style: { transform: "scale(0.8)", transformOrigin: "50px 50px" },
+          children: /* @__PURE__ */ jsx(
+            "animate",
+            {
+              attributeName: "stroke-dashoffset",
+              dur: "2s",
+              keyTimes: "0;1",
+              repeatCount: "indefinite",
+              values: "0;256.58892822265625"
+            }
+          )
+        }
+      )
+    ]
+  }
+);
+var spinnerVariants = {
+  default: Default,
+  circle: Circle,
+  pinwheel: Pinwheel,
+  "circle-filled": CircleFilled,
+  ellipsis: Ellipsis,
+  ring: Ring,
+  bars: Bars,
+  infinite: Infinite
+};
+function NSpinner({ variant = "default", size = 24, className, ...props }) {
+  const Component = spinnerVariants[variant] || Default;
+  return /* @__PURE__ */ jsx(Component, { className, size, ...props });
+}
+function NPageLayout({
+  as: Comp = "main",
+  className,
+  style,
+  ...props
+}) {
+  const { layout } = useNajmDesign();
+  const pageGutter = layout?.pageGutter ?? "var(--page-gutter, 24px)";
+  const sectionGap = layout?.sectionGap ?? "var(--section-gap, 20px)";
+  return /* @__PURE__ */ jsx(
+    Comp,
+    {
+      className: cn("flex min-w-0 flex-col", className),
+      style: {
+        /**
+         * Published so descendants can cancel the page padding exactly. A
+         * full-bleed child (a non-card NPageHeader) cannot guess these: the
+         * design config resolves them to literals, not to the `--page-gutter`
+         * / `--section-gap` fallbacks.
+         */
+        "--najm-page-gutter": pageGutter,
+        "--najm-section-gap": sectionGap,
+        gap: sectionGap,
+        paddingInline: pageGutter,
+        paddingBlock: sectionGap,
+        ...style
+      },
+      ...props
+    }
+  );
+}
+var INLINE_PADDING = {
+  loading: "py-8",
+  error: "py-8",
+  empty: "py-12"
+};
+var PANEL_BASE = "grid place-items-center min-h-64 w-full";
+var PAGE_MIN = "min-h-[60vh]";
+function NFeedbackStateFrame({
+  surface = "inline",
+  spacing = "empty",
+  className,
+  children,
+  ...rest
+}) {
+  if (surface === "page") {
+    return /* @__PURE__ */ jsx(
+      NPageLayout,
+      {
+        as: "div",
+        className: cn(
+          "items-center justify-center text-center",
+          PAGE_MIN,
+          className
+        ),
+        ...rest,
+        children
+      }
+    );
+  }
+  if (surface === "panel") {
+    return /* @__PURE__ */ jsx("div", { className: cn(PANEL_BASE, className), ...rest, children });
+  }
+  return /* @__PURE__ */ jsx("div", { className: cn("flex flex-col items-center justify-center gap-3", INLINE_PADDING[spacing], className), ...rest, children });
+}
+function useLoadingLabel(explicit) {
+  const labels = useResolvedFeedbackLabels();
+  if (explicit !== void 0) return explicit;
+  return labels.loadingLabel;
+}
+function NLoadingState({
+  label,
+  className,
+  fullScreen = false,
+  spinnerVariant = "circle",
+  spinnerSize = 32,
+  surface = "inline"
+}) {
+  const resolvedLabel = useLoadingLabel(label);
+  if (fullScreen) {
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: cn(
+          "fixed inset-0 z-50 bg-background/80 backdrop-blur-sm flex flex-col items-center justify-center gap-3 py-8",
+          className
+        ),
+        children: [
+          /* @__PURE__ */ jsx(NSpinner, { variant: spinnerVariant, size: spinnerSize }),
+          resolvedLabel && /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-sm", children: resolvedLabel })
+        ]
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxs(
+    NFeedbackStateFrame,
+    {
+      surface,
+      spacing: "loading",
+      role: "status",
+      "aria-live": "polite",
+      "aria-busy": "true",
+      className,
+      children: [
+        /* @__PURE__ */ jsx(NSpinner, { variant: spinnerVariant, size: spinnerSize }),
+        resolvedLabel && /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-sm", children: resolvedLabel })
+      ]
+    }
+  );
+}
+var SIZE_CLASSES = {
+  sm: "h-8 w-8",
+  md: "h-10 w-10",
+  lg: "h-12 w-12",
+  xl: "h-16 w-16"
+};
+function renderFeedbackIcon(icon, options) {
+  if (!icon) return null;
+  const size = options?.size ?? "md";
+  const sizeClass = SIZE_CLASSES[size];
+  if (typeof icon === "function" || typeof icon === "object" && "render" in icon) {
+    const Component = icon;
+    return /* @__PURE__ */ jsx(
+      Component,
+      {
+        className: sizeClass,
+        "aria-hidden": options?.decorative ? true : void 0
+      }
+    );
+  }
+  if (React3.isValidElement(icon)) {
+    if (!options?.decorative) return icon;
+    return React3.cloneElement(icon, {
+      "aria-hidden": true
+    });
+  }
+  return null;
+}
+function NErrorState({
+  title,
+  message,
+  onRetry,
+  retryLabel,
+  className,
+  icon,
+  surface = "inline"
+}) {
+  const labels = useResolvedFeedbackLabels();
+  const resolvedTitle = title ?? labels.errorTitle;
+  const resolvedMessage = message ?? labels.errorMessage;
+  const resolvedRetryLabel = retryLabel ?? labels.retryLabel;
+  const iconNode = renderFeedbackIcon(icon, { size: "md", decorative: true }) ?? /* @__PURE__ */ jsx(AlertTriangle, { className: "h-10 w-10", "aria-hidden": "true" });
+  return /* @__PURE__ */ jsxs(
+    NFeedbackStateFrame,
+    {
+      surface,
+      spacing: "error",
+      role: "alert",
+      className,
+      children: [
+        /* @__PURE__ */ jsx("div", { className: "text-destructive", children: iconNode }),
+        /* @__PURE__ */ jsxs("div", { className: "text-center", children: [
+          /* @__PURE__ */ jsx("h3", { className: "font-semibold text-foreground", children: resolvedTitle }),
+          resolvedMessage && /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-sm mt-1", children: resolvedMessage })
+        ] }),
+        onRetry && /* @__PURE__ */ jsx(Button, { variant: "outline", onClick: onRetry, className: cn("mt-1"), children: resolvedRetryLabel })
+      ]
+    }
+  );
+}
+function NEmptyState({
+  title,
+  description,
+  icon,
+  action,
+  className,
+  surface = "inline"
+}) {
+  const labels = useResolvedFeedbackLabels();
+  const resolvedTitle = title ?? labels.emptyTitle;
+  const iconNode = icon ? renderFeedbackIcon(icon, { size: "md", decorative: true }) : null;
+  return /* @__PURE__ */ jsxs(
+    NFeedbackStateFrame,
+    {
+      surface,
+      spacing: "empty",
+      className,
+      children: [
+        iconNode && /* @__PURE__ */ jsx("div", { className: "text-muted-foreground/50", children: iconNode }),
+        /* @__PURE__ */ jsxs("div", { className: "text-center", children: [
+          resolvedTitle && /* @__PURE__ */ jsx("h3", { className: "font-semibold text-foreground", children: resolvedTitle }),
+          description && /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-sm mt-1", children: description })
+        ] }),
+        action && /* @__PURE__ */ jsx("div", { className: "mt-2", children: action })
+      ]
+    }
+  );
+}
+function NForbiddenState(props) {
+  const labels = useResolvedFeedbackLabels();
+  const { icon, ...rest } = props;
+  const resolvedTitle = props.title ?? labels.forbiddenTitle;
+  const resolvedDescription = props.description ?? labels.forbiddenDescription;
+  const size = props.surface === "page" ? "xl" : "md";
+  const resolvedIcon = renderFeedbackIcon(icon, { size, decorative: true }) ?? renderFeedbackIcon(ShieldOff, { size, decorative: true });
+  return /* @__PURE__ */ jsx(
+    NEmptyState,
+    {
+      ...rest,
+      title: resolvedTitle,
+      description: resolvedDescription,
+      icon: resolvedIcon ?? void 0
+    }
+  );
+}
+function NNotFoundState(props) {
+  const labels = useResolvedFeedbackLabels();
+  const { icon, ...rest } = props;
+  const resolvedTitle = props.title ?? labels.notFoundTitle;
+  const resolvedDescription = props.description ?? labels.notFoundDescription;
+  const size = props.surface === "page" ? "xl" : "md";
+  const resolvedIcon = renderFeedbackIcon(icon, { size, decorative: true }) ?? renderFeedbackIcon(Compass, { size, decorative: true });
+  return /* @__PURE__ */ jsx(
+    NEmptyState,
+    {
+      ...rest,
+      title: resolvedTitle,
+      description: resolvedDescription,
+      icon: resolvedIcon ?? void 0
+    }
+  );
+}
+
+// src/components/form/formFill.ts
+var CITIES = ["Casablanca", "Rabat", "Marrakesh", "Tangier"];
+var SCHOOL_LEVELS = ["Primary", "Middle school", "Secondary school"];
+var CLOTHING_SIZES = ["6 years", "8 years", "10 years", "12 years"];
+function pick(values) {
+  if (values.length === 0) return void 0;
+  return values[Math.floor(Math.random() * values.length)];
+}
+function randomDigits(length) {
+  return Array.from({ length }, () => Math.floor(Math.random() * 10)).join("");
+}
+function randomToken(length = 8) {
+  const alphabet = "abcdefghijklmnopqrstuvwxyz0123456789";
+  return Array.from(
+    { length },
+    () => alphabet[Math.floor(Math.random() * alphabet.length)]
+  ).join("");
+}
+function asZodLike(schema) {
+  return schema && typeof schema === "object" ? schema : void 0;
+}
+function definition(schema) {
+  const current = asZodLike(schema);
+  return current?._def ?? current?.def ?? {};
+}
+function schemaKind(schema) {
+  const currentDefinition = definition(schema);
+  const raw = currentDefinition.typeName ?? currentDefinition.type;
+  if (typeof raw !== "string") return "";
+  return raw.replace(/^Zod/, "").toLowerCase();
+}
+function unwrap(schema) {
+  const seen = /* @__PURE__ */ new Set();
+  let current = asZodLike(schema);
+  while (current && !seen.has(current)) {
+    seen.add(current);
+    const kind = schemaKind(current);
+    const currentDefinition = definition(current);
+    const inner = currentDefinition.innerType ?? currentDefinition.schema ?? (kind === "pipe" ? currentDefinition.out ?? currentDefinition.in : void 0);
+    if (!inner || typeof inner !== "object") break;
+    current = inner;
+  }
+  return current;
+}
+function objectShape(schema) {
+  const current = unwrap(schema);
+  if (schemaKind(current) !== "object") return null;
+  const shape = current?.shape ?? definition(current).shape;
+  return typeof shape === "function" ? shape() : shape ?? null;
+}
+function arrayElement(schema) {
+  const current = unwrap(schema);
+  if (schemaKind(current) !== "array") return null;
+  const currentDefinition = definition(current);
+  const element = current?.element ?? currentDefinition.element ?? currentDefinition.type;
+  return element && typeof element === "object" ? element : null;
+}
+function enumValues(schema) {
+  const current = unwrap(schema);
+  const currentDefinition = definition(current);
+  const kind = schemaKind(current);
+  if (kind === "literal") {
+    const values2 = currentDefinition.values;
+    if (Array.isArray(values2)) return values2;
+    return "value" in currentDefinition ? [currentDefinition.value] : [];
+  }
+  if (kind !== "enum" && kind !== "nativeenum") return [];
+  const entries = currentDefinition.entries;
+  if (entries && typeof entries === "object") return Object.values(entries);
+  const values = currentDefinition.values;
+  if (Array.isArray(values)) return values;
+  return Array.isArray(current?.options) ? [...current.options] : [];
+}
+function stringFormat(schema) {
+  const currentDefinition = definition(unwrap(schema));
+  if (typeof currentDefinition.format === "string") return currentDefinition.format;
+  const checks = Array.isArray(currentDefinition.checks) ? currentDefinition.checks : [];
+  for (const check of checks) {
+    if (!check || typeof check !== "object") continue;
+    const value = check;
+    const format = value.format ?? value.kind;
+    if (typeof format === "string") return format;
+  }
+  return "";
+}
+function resolveOverride(override, fieldName) {
+  if (typeof override === "function") return override(fieldName);
+  if (Array.isArray(override)) {
+    const value = pick(override);
+    if (value && typeof value === "object" && "value" in value) {
+      return value.value;
+    }
+    return value;
+  }
+  return override;
+}
+function localDateInput(date = /* @__PURE__ */ new Date()) {
+  return `${date.getFullYear()}-${String(date.getMonth() + 1).padStart(2, "0")}-${String(date.getDate()).padStart(2, "0")}`;
+}
+function birthDate(child) {
+  const date = /* @__PURE__ */ new Date();
+  date.setFullYear(date.getFullYear() - (child ? 10 : 35));
+  return localDateInput(date);
+}
+function fieldValue(fieldName, schema, siblingFields) {
+  const key = fieldName.toLowerCase();
+  const current = unwrap(schema);
+  const kind = schemaKind(current);
+  const format = stringFormat(current);
+  const values = enumValues(current);
+  if (values.length) return pick(values);
+  if (kind === "boolean") return true;
+  if (kind === "number" || kind === "bigint") {
+    if (key.includes("sortorder")) return 1;
+    if (key.includes("quantity")) return 5;
+    return 10;
+  }
+  if (format === "uuid" || key.endsWith("uuid")) {
+    return "9cc2c93f-f545-4e07-9f77-f79f08a71dd5";
+  }
+  if (format === "email" || key.includes("email")) {
+    return `test-${randomToken()}@example.com`;
+  }
+  if (format === "url" || key === "image" || key.includes("imageurl") || key.endsWith("url")) {
+    return `https://picsum.photos/seed/${randomToken()}/800/600`;
+  }
+  if (key === "month") return `${localDateInput().slice(0, 7)}-01`;
+  if (key === "registrationdate") return localDateInput();
+  if (format === "date" || key.includes("dateofbirth")) {
+    const child = siblingFields.has("schoolLevel") || siblingFields.has("clothingSize");
+    return birthDate(child);
+  }
+  if (key.endsWith("id") || key.endsWith("by")) return "";
+  if (key === "name") {
+    if (siblingFields.has("sku")) return `Test product ${randomToken(4)}`;
+    if (siblingFields.has("slug")) return `Test category ${randomToken(4)}`;
+    return "Test User";
+  }
+  if (key.includes("legalname")) return "Test User";
+  if (key.includes("phone")) return `+2126${randomDigits(8)}`;
+  if (key.endsWith("cin")) return `AB${randomDigits(6)}`;
+  if (key.includes("address")) return `10 Test Street, ${pick(CITIES)}`;
+  if (key.includes("schoollevel")) return pick(SCHOOL_LEVELS);
+  if (key.includes("clothingsize")) return pick(CLOTHING_SIZES);
+  if (key.includes("shoesize")) return "36";
+  if (key.includes("relationship")) return "Legal guardian";
+  if (key.includes("activationtargetmad")) return "7500";
+  if (key === "slug") return `test-${randomToken(6)}`;
+  if (key === "sku") return `TEST-${randomToken(8).toUpperCase()}`;
+  if (key.includes("amountmad") || key.includes("pricemad") || key.includes("limitmad") || key.includes("targetmad")) {
+    return "100.00";
+  }
+  if (key.includes("reason")) return "Generated for form testing.";
+  if (key.includes("notes")) return "Generated form testing note.";
+  if (key.includes("description")) return "Generated description for form testing.";
+  if (key.includes("code")) return randomToken(8).toUpperCase();
+  return `Test ${fieldName}`;
+}
+function buildFormFill(schema, overrides = {}) {
+  const shape = objectShape(schema) ?? {};
+  const siblingFields = new Set(Object.keys(shape));
+  const output = {};
+  for (const [fieldName, fieldSchema] of Object.entries(shape)) {
+    if (Object.prototype.hasOwnProperty.call(overrides, fieldName)) {
+      output[fieldName] = resolveOverride(overrides[fieldName], fieldName);
+      continue;
+    }
+    const nestedShape = objectShape(fieldSchema);
+    if (nestedShape) {
+      output[fieldName] = buildFormFill(fieldSchema);
+      continue;
+    }
+    const element = arrayElement(fieldSchema);
+    if (element) {
+      output[fieldName] = objectShape(element) ? [buildFormFill(element)] : [fieldValue(fieldName, element, siblingFields)];
+      continue;
+    }
+    output[fieldName] = fieldValue(fieldName, fieldSchema, siblingFields);
+  }
+  return output;
+}
+var DEFAULT_FORM_DEV_TOOLS = {
+  enabled: false,
+  shortcut: "F8"
+};
+var FormDevToolsContext = createContext(
+  DEFAULT_FORM_DEV_TOOLS
+);
+function normalizeFormDevTools(value) {
+  if (typeof value === "boolean") {
+    return { ...DEFAULT_FORM_DEV_TOOLS, enabled: value };
+  }
+  if (!value) return DEFAULT_FORM_DEV_TOOLS;
+  return {
+    enabled: value.enabled ?? true,
+    shortcut: value.shortcut ?? DEFAULT_FORM_DEV_TOOLS.shortcut
+  };
+}
+function FormDevToolsProvider({
+  children,
+  value
+}) {
+  const resolved = useMemo(
+    () => normalizeFormDevTools(value),
+    [value]
+  );
+  return /* @__PURE__ */ jsx(FormDevToolsContext.Provider, { value: resolved, children });
+}
+function useResolvedFormDevTools(schema, local) {
+  const global = useContext(FormDevToolsContext);
+  const options = typeof local === "object" ? local : void 0;
+  const enabled = typeof local === "boolean" ? local : options?.enabled ?? global.enabled;
+  const shortcut = options?.shortcut ?? global.shortcut;
+  const fill = options?.fill ?? (schema ? () => buildFormFill(schema, options?.overrides) : void 0);
+  return { enabled, shortcut, fill };
+}
+var NajmFormatContext = React3.createContext(
+  null
+);
+function NajmFormatProvider({
+  children,
+  locale,
+  currency,
+  timeZone,
+  placeholder = DEFAULT_PLACEHOLDER
+}) {
+  const preferences = useNajmPreferencesContext();
+  const resolvedTimeZone = timeZone ?? preferences?.timeZone ?? Intl.DateTimeFormat().resolvedOptions().timeZone;
+  const value = React3.useMemo(() => {
+    const config = {
+      locale,
+      timeZone: resolvedTimeZone,
+      currency,
+      placeholder
+    };
+    return {
+      locale,
+      timeZone: resolvedTimeZone,
+      currency,
+      placeholder,
+      config,
+      money: (minorUnits) => formatCurrency(minorUnits, config),
+      number: (value_, options) => formatNumber(value_, config, options),
+      percent: (value_, digits) => formatPercent(value_, config, digits),
+      date: (value_, options) => formatDate(value_, config, options),
+      dateTime: (value_) => formatDateTime(value_, config),
+      time: (value_) => formatTime(value_, config),
+      relativeTime: (value_) => formatRelativeTime(value_, config),
+      humanize: humanizeToken
+    };
+  }, [locale, resolvedTimeZone, currency, placeholder]);
+  return /* @__PURE__ */ jsx(NajmFormatContext.Provider, { value, children });
+}
+function useNajmFormatContext() {
+  return React3.useContext(NajmFormatContext);
+}
+function useNajmFormat() {
+  const value = React3.useContext(NajmFormatContext);
+  if (!value) {
+    throw new Error(
+      "useNajmFormat must be rendered under a NajmFormatProvider or NajmAppProvider."
+    );
+  }
+  return value;
+}
+
+export { FormDevToolsProvider, NBrandingProvider, NBrandingStateProvider, NEmptyState, NErrorState, NForbiddenState, NLoadingState, NNotFoundState, NPageLayout, NSpinner, NajmFormatProvider, buildFormFill, normalizeBranding, useNBranding, useNBrandingEditor, useNajmFormat, useNajmFormatContext, useResolvedFormDevTools };

package/dist/{chunk-EUQOTPLV.mjs → chunk-CE7MVEJ2.mjs}

@@ -1,4 +1,4 @@
-import { useImageChain, normalizeImageSources, NajmUIProvider } from './chunk-FDONJASN.mjs';
+import { useImageChain, normalizeImageSources, NajmUIProvider } from './chunk-EEBLEDNI.mjs';
 import React from 'react';
 import { useRouter } from 'next/navigation';
 import NextImage from 'next/image';