@thorprovider/blocks 4.1.0 → 4.3.0

package/dist/blocks/designs/customer-profile/validation.mjs

@@ -0,0 +1,154 @@
+const CUSTOM_PREFIX = "custom:";
+function customKey(key) {
+  return `${CUSTOM_PREFIX}${key}`;
+}
+const LIMIT = {
+  name: 60,
+  preferredName: 40,
+  email: 254,
+  title: 80
+};
+const EMAIL = /^[^\s@]+@[^\s@]+\.[^\s@]{2,}$/;
+function text(draft, key) {
+  const value = draft[key];
+  return typeof value === "string" ? value.trim() : "";
+}
+function digits(value) {
+  return value.replace(/\D/g, "");
+}
+function isRealDate(value) {
+  if (!/^\d{4}-\d{2}-\d{2}$/.test(value)) return false;
+  const parsed = /* @__PURE__ */ new Date(`${value}T00:00:00.000Z`);
+  return !Number.isNaN(parsed.getTime()) && parsed.toISOString().slice(0, 10) === value;
+}
+function validateDate(value) {
+  if (!value) return void 0;
+  if (!isRealDate(value)) return "dateInvalid";
+  const today = (/* @__PURE__ */ new Date()).toISOString().slice(0, 10);
+  return value > today ? "dateFuture" : void 0;
+}
+function validateName(errors, key, value, required, limit) {
+  if (required && !value) {
+    errors[key] = "required";
+    return;
+  }
+  if (value.length > limit) errors[key] = "nameTooLong";
+}
+function validatePersonal(draft) {
+  const errors = {};
+  validateName(errors, "firstName", text(draft, "firstName"), true, LIMIT.name);
+  validateName(errors, "lastName", text(draft, "lastName"), true, LIMIT.name);
+  validateName(errors, "middleName", text(draft, "middleName"), false, LIMIT.name);
+  validateName(errors, "preferredName", text(draft, "preferredName"), false, LIMIT.preferredName);
+  const birthDate = validateDate(text(draft, "birthDate"));
+  if (birthDate) errors.birthDate = birthDate;
+  return errors;
+}
+function validateContact(draft, snapshot) {
+  const errors = {};
+  const email = text(draft, "email");
+  if (!email) errors.email = "required";
+  else if (!EMAIL.test(email)) errors.email = "emailInvalid";
+  else if (email.length > LIMIT.email) errors.email = "valueTooLong";
+  const phone = text(draft, "phone");
+  const countryCode = text(draft, "phoneCountry");
+  const country = snapshot.options.phoneCountries.find(
+    (entry) => entry.code.toUpperCase() === countryCode.toUpperCase()
+  );
+  if (!country) {
+    if (phone) errors.phoneCountry = "optionUnavailable";
+  } else if (phone) {
+    const cleaned = digits(phone);
+    if (cleaned.length < country.minDigits || cleaned.length > country.maxDigits) {
+      errors.phone = "phoneInvalid";
+    }
+  }
+  return errors;
+}
+function validatePreferences(draft, snapshot) {
+  const errors = {};
+  const language = text(draft, "language");
+  const currency = text(draft, "currency");
+  const timezone = text(draft, "timezone");
+  if (!language) errors.language = "required";
+  else if (!snapshot.options.languages.some((option) => option.value === language)) {
+    errors.language = "optionUnavailable";
+  }
+  if (!currency) errors.currency = "required";
+  else if (!snapshot.options.currencies.some((option) => option.value === currency)) {
+    errors.currency = "optionUnavailable";
+  }
+  if (timezone && !snapshot.options.timezones.some((option) => option.value === timezone)) {
+    errors.timezone = "optionUnavailable";
+  }
+  return errors;
+}
+function validateProfessional(draft) {
+  const errors = {};
+  const jobTitle = text(draft, "jobTitle");
+  const department = text(draft, "department");
+  const workPhone = text(draft, "workPhone");
+  if (jobTitle.length > LIMIT.title) errors.jobTitle = "valueTooLong";
+  if (department.length > LIMIT.title) errors.department = "valueTooLong";
+  if (workPhone) {
+    const cleaned = digits(workPhone);
+    if (cleaned.length < 6 || cleaned.length > 15) errors.workPhone = "phoneInvalid";
+  }
+  return errors;
+}
+function validateField(field, value) {
+  const required = field.required === true;
+  if (field.type === "boolean") {
+    if (typeof value !== "boolean") return "booleanInvalid";
+    return void 0;
+  }
+  const raw = typeof value === "string" ? value.trim() : "";
+  if (!raw) return required ? "fieldRequired" : void 0;
+  switch (field.type) {
+    case "text":
+      return field.maxLength && raw.length > field.maxLength ? "valueTooLong" : void 0;
+    case "number": {
+      const parsed = Number(raw);
+      if (!Number.isFinite(parsed)) return "numberInvalid";
+      if (field.min !== void 0 && parsed < field.min) return "numberRange";
+      if (field.max !== void 0 && parsed > field.max) return "numberRange";
+      return void 0;
+    }
+    case "date":
+      return validateDate(raw);
+    case "select":
+      return field.options?.some((option) => option.value === raw) ? void 0 : "selectInvalid";
+    default:
+      return void 0;
+  }
+}
+function validateCustom(draft, snapshot) {
+  const errors = {};
+  for (const field of snapshot.customFields) {
+    if (field.visible === false || field.editable === false) continue;
+    const key = customKey(field.key);
+    const error = validateField(field, draft[key]);
+    if (error) errors[key] = error;
+  }
+  return errors;
+}
+function validateSection(section, draft, snapshot) {
+  switch (section) {
+    case "personal":
+      return validatePersonal(draft);
+    case "contact":
+      return validateContact(draft, snapshot);
+    case "preferences":
+      return validatePreferences(draft, snapshot);
+    case "professional":
+      return validateProfessional(draft);
+    case "custom":
+      return validateCustom(draft, snapshot);
+  }
+}
+export {
+  CUSTOM_PREFIX,
+  customKey,
+  validateSection
+};
+//# sourceMappingURL=validation.mjs.map

package/dist/blocks/designs/customer-profile/validation.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/blocks/designs/customer-profile/validation.ts"],"sourcesContent":["import type {\n  CustomerProfileField,\n  CustomerProfileSnapshot,\n  ProfileDraft,\n  SectionId,\n  ValidationErrors,\n} from './contracts'\n\n/** Custom-field drafts are stored under a prefix so they never collide. */\nexport const CUSTOM_PREFIX = 'custom:'\n\nexport function customKey(key: string): string {\n  return `${CUSTOM_PREFIX}${key}`\n}\n\nconst LIMIT = {\n  name: 60,\n  preferredName: 40,\n  email: 254,\n  title: 80,\n}\n\nconst EMAIL = /^[^\\s@]+@[^\\s@]+\\.[^\\s@]{2,}$/\n\nfunction text(draft: ProfileDraft, key: string): string {\n  const value = draft[key]\n  return typeof value === 'string' ? value.trim() : ''\n}\n\nfunction digits(value: string): string {\n  return value.replace(/\\D/g, '')\n}\n\nfunction isRealDate(value: string): boolean {\n  if (!/^\\d{4}-\\d{2}-\\d{2}$/.test(value)) return false\n  const parsed = new Date(`${value}T00:00:00.000Z`)\n  return !Number.isNaN(parsed.getTime()) && parsed.toISOString().slice(0, 10) === value\n}\n\nfunction validateDate(value: string): string | undefined {\n  if (!value) return undefined\n  if (!isRealDate(value)) return 'dateInvalid'\n  const today = new Date().toISOString().slice(0, 10)\n  return value > today ? 'dateFuture' : undefined\n}\n\nfunction validateName(\n  errors: ValidationErrors,\n  key: string,\n  value: string,\n  required: boolean,\n  limit: number,\n): void {\n  if (required && !value) {\n    errors[key] = 'required'\n    return\n  }\n  if (value.length > limit) errors[key] = 'nameTooLong'\n}\n\nfunction validatePersonal(draft: ProfileDraft): ValidationErrors {\n  const errors: ValidationErrors = {}\n  validateName(errors, 'firstName', text(draft, 'firstName'), true, LIMIT.name)\n  validateName(errors, 'lastName', text(draft, 'lastName'), true, LIMIT.name)\n  validateName(errors, 'middleName', text(draft, 'middleName'), false, LIMIT.name)\n  validateName(errors, 'preferredName', text(draft, 'preferredName'), false, LIMIT.preferredName)\n\n  const birthDate = validateDate(text(draft, 'birthDate'))\n  if (birthDate) errors.birthDate = birthDate\n  return errors\n}\n\nfunction validateContact(\n  draft: ProfileDraft,\n  snapshot: CustomerProfileSnapshot,\n): ValidationErrors {\n  const errors: ValidationErrors = {}\n  const email = text(draft, 'email')\n\n  if (!email) errors.email = 'required'\n  else if (!EMAIL.test(email)) errors.email = 'emailInvalid'\n  else if (email.length > LIMIT.email) errors.email = 'valueTooLong'\n\n  const phone = text(draft, 'phone')\n  const countryCode = text(draft, 'phoneCountry')\n  const country = snapshot.options.phoneCountries.find(\n    (entry) => entry.code.toUpperCase() === countryCode.toUpperCase(),\n  )\n\n  if (!country) {\n    if (phone) errors.phoneCountry = 'optionUnavailable'\n  } else if (phone) {\n    const cleaned = digits(phone)\n    if (cleaned.length < country.minDigits || cleaned.length > country.maxDigits) {\n      errors.phone = 'phoneInvalid'\n    }\n  }\n\n  return errors\n}\n\nfunction validatePreferences(\n  draft: ProfileDraft,\n  snapshot: CustomerProfileSnapshot,\n): ValidationErrors {\n  const errors: ValidationErrors = {}\n  const language = text(draft, 'language')\n  const currency = text(draft, 'currency')\n  const timezone = text(draft, 'timezone')\n\n  if (!language) errors.language = 'required'\n  else if (!snapshot.options.languages.some((option) => option.value === language)) {\n    errors.language = 'optionUnavailable'\n  }\n\n  if (!currency) errors.currency = 'required'\n  else if (!snapshot.options.currencies.some((option) => option.value === currency)) {\n    errors.currency = 'optionUnavailable'\n  }\n\n  if (timezone && !snapshot.options.timezones.some((option) => option.value === timezone)) {\n    errors.timezone = 'optionUnavailable'\n  }\n\n  return errors\n}\n\nfunction validateProfessional(draft: ProfileDraft): ValidationErrors {\n  const errors: ValidationErrors = {}\n  const jobTitle = text(draft, 'jobTitle')\n  const department = text(draft, 'department')\n  const workPhone = text(draft, 'workPhone')\n\n  if (jobTitle.length > LIMIT.title) errors.jobTitle = 'valueTooLong'\n  if (department.length > LIMIT.title) errors.department = 'valueTooLong'\n\n  if (workPhone) {\n    const cleaned = digits(workPhone)\n    if (cleaned.length < 6 || cleaned.length > 15) errors.workPhone = 'phoneInvalid'\n  }\n\n  return errors\n}\n\nfunction validateField(\n  field: CustomerProfileField,\n  value: string | boolean | undefined,\n): string | undefined {\n  const required = field.required === true\n\n  if (field.type === 'boolean') {\n    if (typeof value !== 'boolean') return 'booleanInvalid'\n    return undefined\n  }\n\n  const raw = typeof value === 'string' ? value.trim() : ''\n\n  if (!raw) return required ? 'fieldRequired' : undefined\n\n  switch (field.type) {\n    case 'text':\n      return field.maxLength && raw.length > field.maxLength ? 'valueTooLong' : undefined\n\n    case 'number': {\n      const parsed = Number(raw)\n      if (!Number.isFinite(parsed)) return 'numberInvalid'\n      if (field.min !== undefined && parsed < field.min) return 'numberRange'\n      if (field.max !== undefined && parsed > field.max) return 'numberRange'\n      return undefined\n    }\n\n    case 'date':\n      return validateDate(raw)\n\n    case 'select':\n      return field.options?.some((option) => option.value === raw) ? undefined : 'selectInvalid'\n\n    default:\n      return undefined\n  }\n}\n\nfunction validateCustom(\n  draft: ProfileDraft,\n  snapshot: CustomerProfileSnapshot,\n): ValidationErrors {\n  const errors: ValidationErrors = {}\n\n  for (const field of snapshot.customFields) {\n    if (field.visible === false || field.editable === false) continue\n    const key = customKey(field.key)\n    const error = validateField(field, draft[key])\n    if (error) errors[key] = error\n  }\n\n  return errors\n}\n\n/**\n * Structural validation for one section. It mirrors the backend's rules for the\n * buyer's benefit; the backend stays the only authority on what is accepted.\n */\nexport function validateSection(\n  section: SectionId,\n  draft: ProfileDraft,\n  snapshot: CustomerProfileSnapshot,\n): ValidationErrors {\n  switch (section) {\n    case 'personal':\n      return validatePersonal(draft)\n    case 'contact':\n      return validateContact(draft, snapshot)\n    case 'preferences':\n      return validatePreferences(draft, snapshot)\n    case 'professional':\n      return validateProfessional(draft)\n    case 'custom':\n      return validateCustom(draft, snapshot)\n  }\n}\n"],"mappings":"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","names":[]}

package/dist/blocks/designs/mega-menu-universal/block.d.ts

@@ -0,0 +1,14 @@
+import type { MegaMenuUniversalData } from '../../../lib/contracts/mega-menu-universal';
+import type { CategoryNode } from './contracts';
+export type MegaMenuUniversalProps = {
+    data: MegaMenuUniversalData;
+    onNavigate?: (node: CategoryNode, path: CategoryNode[]) => void;
+    onOpenChange?: (open: boolean, node: CategoryNode | null) => void;
+};
+/**
+ * The deliverable entry. It maps the canonical catalog into the menu and
+ * forwards the declared callbacks; the scenario controls and the alternate
+ * catalogs live in `Harness.tsx` and `harness-data.ts` and never land.
+ */
+export default function MegaMenuUniversal({ data, onNavigate, onOpenChange }: MegaMenuUniversalProps): import("react").JSX.Element;
+//# sourceMappingURL=block.d.ts.map

package/dist/blocks/designs/mega-menu-universal/block.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"block.d.ts","sourceRoot":"","sources":["../../../../src/blocks/designs/mega-menu-universal/block.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,4CAA4C,CAAA;AAEvF,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAA;AAI/C,MAAM,MAAM,sBAAsB,GAAG;IACnC,IAAI,EAAE,qBAAqB,CAAC;IAC5B,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,YAAY,EAAE,KAAK,IAAI,CAAA;IAC/D,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,YAAY,GAAG,IAAI,KAAK,IAAI,CAAA;CAClE,CAAA;AAED;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,EAAE,IAAI,EAC/C,UAAU,EAAE,YAAY,EAAE,EAAE,sBAAsB,+BAWlD"}

package/dist/blocks/designs/mega-menu-universal/block.js

@@ -0,0 +1,44 @@
+"use strict";
+"use client";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var block_exports = {};
+__export(block_exports, {
+  default: () => MegaMenuUniversal
+});
+module.exports = __toCommonJS(block_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_menu = require("./menu.js");
+function MegaMenuUniversal({
+  data,
+  onNavigate,
+  onOpenChange
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_menu.MegaMenu,
+    {
+      categories: data.categories,
+      promotions: data.promotions,
+      config: data.config,
+      labels: data.labels,
+      onNavigate,
+      onOpenChange
+    }
+  );
+}
+//# sourceMappingURL=block.js.map

package/dist/blocks/designs/mega-menu-universal/block.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/blocks/designs/mega-menu-universal/block.tsx"],"sourcesContent":["'use client'\n\nimport type { MegaMenuUniversalData } from '../../../lib/contracts/mega-menu-universal'\n\nimport type { CategoryNode } from './contracts'\n\nimport { MegaMenu } from './menu'\n\nexport type MegaMenuUniversalProps = {\n  data: MegaMenuUniversalData;\n  onNavigate?: (node: CategoryNode, path: CategoryNode[]) => void\n  onOpenChange?: (open: boolean, node: CategoryNode | null) => void\n}\n\n/**\n * The deliverable entry. It maps the canonical catalog into the menu and\n * forwards the declared callbacks; the scenario controls and the alternate\n * catalogs live in `Harness.tsx` and `harness-data.ts` and never land.\n */\nexport default function MegaMenuUniversal({ data,\n onNavigate, onOpenChange }: MegaMenuUniversalProps) {\n  return (\n    <MegaMenu\n      categories={data.categories}\n      promotions={data.promotions}\n      config={data.config}\n      labels={data.labels}\n      onNavigate={onNavigate}\n      onOpenChange={onOpenChange}\n    />\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAsBI;AAhBJ,kBAAyB;AAaV,SAAR,kBAAmC;AAAA,EAAE;AAAA,EAC3C;AAAA,EAAY;AAAa,GAA2B;AACnD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,YAAY,KAAK;AAAA,MACjB,YAAY,KAAK;AAAA,MACjB,QAAQ,KAAK;AAAA,MACb,QAAQ,KAAK;AAAA,MACb;AAAA,MACA;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/dist/blocks/designs/mega-menu-universal/block.mjs

@@ -0,0 +1,24 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { MegaMenu } from "./menu.mjs";
+function MegaMenuUniversal({
+  data,
+  onNavigate,
+  onOpenChange
+}) {
+  return /* @__PURE__ */ jsx(
+    MegaMenu,
+    {
+      categories: data.categories,
+      promotions: data.promotions,
+      config: data.config,
+      labels: data.labels,
+      onNavigate,
+      onOpenChange
+    }
+  );
+}
+export {
+  MegaMenuUniversal as default
+};
+//# sourceMappingURL=block.mjs.map

package/dist/blocks/designs/mega-menu-universal/block.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/blocks/designs/mega-menu-universal/block.tsx"],"sourcesContent":["'use client'\n\nimport type { MegaMenuUniversalData } from '../../../lib/contracts/mega-menu-universal'\n\nimport type { CategoryNode } from './contracts'\n\nimport { MegaMenu } from './menu'\n\nexport type MegaMenuUniversalProps = {\n  data: MegaMenuUniversalData;\n  onNavigate?: (node: CategoryNode, path: CategoryNode[]) => void\n  onOpenChange?: (open: boolean, node: CategoryNode | null) => void\n}\n\n/**\n * The deliverable entry. It maps the canonical catalog into the menu and\n * forwards the declared callbacks; the scenario controls and the alternate\n * catalogs live in `Harness.tsx` and `harness-data.ts` and never land.\n */\nexport default function MegaMenuUniversal({ data,\n onNavigate, onOpenChange }: MegaMenuUniversalProps) {\n  return (\n    <MegaMenu\n      categories={data.categories}\n      promotions={data.promotions}\n      config={data.config}\n      labels={data.labels}\n      onNavigate={onNavigate}\n      onOpenChange={onOpenChange}\n    />\n  )\n}\n"],"mappings":";AAsBI;AAhBJ,SAAS,gBAAgB;AAaV,SAAR,kBAAmC;AAAA,EAAE;AAAA,EAC3C;AAAA,EAAY;AAAa,GAA2B;AACnD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,YAAY,KAAK;AAAA,MACjB,YAAY,KAAK;AAAA,MACjB,QAAQ,KAAK;AAAA,MACb,QAAQ,KAAK;AAAA,MACb;AAAA,MACA;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/dist/blocks/designs/mega-menu-universal/category-parts.d.ts

@@ -0,0 +1,43 @@
+import type { ReactNode } from 'react';
+import type { CategoryNode, MenuConfig, MenuLabels } from './contracts';
+export type NavigateHandler = (node: CategoryNode) => void;
+/**
+ * Hover surface shared by every interactive element in the delivery. The
+ * platform theme maps `accent` to a brand red, so the default Button hover
+ * (`hover:bg-accent`) reads as an error state; menus hover with `secondary`.
+ */
+export declare const hoverSurface = "hover:bg-secondary hover:text-foreground dark:hover:bg-secondary";
+export declare function CategoryLink({ node, className, onNavigate, children, }: {
+    node: CategoryNode;
+    className?: string;
+    onNavigate?: NavigateHandler;
+    children?: ReactNode;
+}): import("react").JSX.Element;
+export declare function CountText({ node, config, labels, className, }: {
+    node: CategoryNode;
+    config: MenuConfig;
+    labels: MenuLabels;
+    className?: string;
+}): import("react").JSX.Element | null;
+export declare function CommercialBadge({ node, config, labels, }: {
+    node: CategoryNode;
+    config: MenuConfig;
+    labels: MenuLabels;
+}): import("react").JSX.Element | null;
+export declare function ImageFallback({ label, className }: {
+    label: string;
+    className?: string;
+}): import("react").JSX.Element;
+export declare function CategoryImage({ node, config, className, }: {
+    node: CategoryNode;
+    config: MenuConfig;
+    className?: string;
+}): import("react").JSX.Element;
+export declare function ViewAllLink({ node, config, labels, onNavigate, className, }: {
+    node: CategoryNode;
+    config: MenuConfig;
+    labels: MenuLabels;
+    onNavigate?: NavigateHandler;
+    className?: string;
+}): import("react").JSX.Element | null;
+//# sourceMappingURL=category-parts.d.ts.map

package/dist/blocks/designs/mega-menu-universal/category-parts.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"category-parts.d.ts","sourceRoot":"","sources":["../../../../src/blocks/designs/mega-menu-universal/category-parts.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtC,OAAO,KAAK,EAAE,YAAY,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AAKvE,MAAM,MAAM,eAAe,GAAG,CAAC,IAAI,EAAE,YAAY,KAAK,IAAI,CAAA;AAE1D;;;;GAIG;AACH,eAAO,MAAM,YAAY,qEAAqE,CAAA;AAa9F,wBAAgB,YAAY,CAAC,EAC3B,IAAI,EACJ,SAAS,EACT,UAAU,EACV,QAAQ,GACT,EAAE;IACD,IAAI,EAAE,YAAY,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,UAAU,CAAC,EAAE,eAAe,CAAA;IAC5B,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB,+BAYA;AAED,wBAAgB,SAAS,CAAC,EACxB,IAAI,EACJ,MAAM,EACN,MAAM,EACN,SAAS,GACV,EAAE;IACD,IAAI,EAAE,YAAY,CAAA;IAClB,MAAM,EAAE,UAAU,CAAA;IAClB,MAAM,EAAE,UAAU,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,sCAcA;AAED,wBAAgB,eAAe,CAAC,EAC9B,IAAI,EACJ,MAAM,EACN,MAAM,GACP,EAAE;IACD,IAAI,EAAE,YAAY,CAAA;IAClB,MAAM,EAAE,UAAU,CAAA;IAClB,MAAM,EAAE,UAAU,CAAA;CACnB,sCAiBA;AAED,wBAAgB,aAAa,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,+BAYxF;AAED,wBAAgB,aAAa,CAAC,EAC5B,IAAI,EACJ,MAAM,EACN,SAAS,GACV,EAAE;IACD,IAAI,EAAE,YAAY,CAAA;IAClB,MAAM,EAAE,UAAU,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,+BAYA;AAED,wBAAgB,WAAW,CAAC,EAC1B,IAAI,EACJ,MAAM,EACN,MAAM,EACN,UAAU,EACV,SAAS,GACV,EAAE;IACD,IAAI,EAAE,YAAY,CAAA;IAClB,MAAM,EAAE,UAAU,CAAA;IAClB,MAAM,EAAE,UAAU,CAAA;IAClB,UAAU,CAAC,EAAE,eAAe,CAAA;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,sCAiBA"}

package/dist/blocks/designs/mega-menu-universal/category-parts.js

@@ -0,0 +1,152 @@
+"use strict";
+"use client";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var category_parts_exports = {};
+__export(category_parts_exports, {
+  CategoryImage: () => CategoryImage,
+  CategoryLink: () => CategoryLink,
+  CommercialBadge: () => CommercialBadge,
+  CountText: () => CountText,
+  ImageFallback: () => ImageFallback,
+  ViewAllLink: () => ViewAllLink,
+  hoverSurface: () => hoverSurface
+});
+module.exports = __toCommonJS(category_parts_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_blocks = require("@thorprovider/blocks");
+var import_labels = require("./labels.js");
+var import_icons = require("./icons.js");
+var import_taxonomy = require("./taxonomy.js");
+const hoverSurface = "hover:bg-secondary hover:text-foreground dark:hover:bg-secondary";
+const linkBase = (0, import_blocks.cn)(
+  "h-auto min-h-8 min-w-0 shrink justify-start whitespace-normal break-words rounded-md px-2 py-1.5 text-start text-sm font-normal text-foreground",
+  hoverSurface,
+  "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"
+);
+function CategoryLink({
+  node,
+  className,
+  onNavigate,
+  children
+}) {
+  const content = children ?? node.label;
+  if (!node.href) {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: (0, import_blocks.cn)("block min-w-0 break-words text-start", className), children: content });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_blocks.Button, { asChild: true, variant: "ghost", size: "sm", className: (0, import_blocks.cn)(linkBase, className), children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("a", { href: node.href, onClick: () => onNavigate?.(node), children: content }) });
+}
+function CountText({
+  node,
+  config,
+  labels,
+  className
+}) {
+  if (!config.showCounts) return null;
+  const text = (0, import_labels.countLabel)(labels, node.count);
+  if (!text) return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "span",
+    {
+      className: (0, import_blocks.cn)(
+        "shrink-0 whitespace-nowrap text-xs tabular-nums text-muted-foreground",
+        className
+      ),
+      children: text
+    }
+  );
+}
+function CommercialBadge({
+  node,
+  config,
+  labels
+}) {
+  if (!config.showBadges) return null;
+  if (node.badge) {
+    const variant = node.badge.tone === "accent" ? "default" : node.badge.tone === "promo" ? "outline" : "secondary";
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_blocks.Badge, { variant, className: "shrink-0 whitespace-nowrap text-xs font-medium", children: node.badge.label });
+  }
+  if (!node.featured) return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_blocks.Badge, { variant: "secondary", className: "shrink-0 whitespace-nowrap text-xs font-medium", children: labels.featured });
+}
+function ImageFallback({ label, className }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    "span",
+    {
+      className: (0, import_blocks.cn)(
+        "flex h-full w-full flex-col items-center justify-center gap-1 bg-muted p-1 text-center text-xs text-muted-foreground",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.ImageIcon, { className: "h-5 w-5 shrink-0" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "line-clamp-2 break-words", children: label })
+      ]
+    }
+  );
+}
+function CategoryImage({
+  node,
+  config,
+  className
+}) {
+  const alt = node.imageAlt ?? node.label;
+  if (!config.showImages || !node.image) return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ImageFallback, { label: alt, className });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "img",
+    {
+      src: node.image,
+      alt,
+      loading: config.lazyImages ? "lazy" : "eager",
+      decoding: "async",
+      className: (0, import_blocks.cn)("h-full w-full object-cover", className)
+    }
+  );
+}
+function ViewAllLink({
+  node,
+  config,
+  labels,
+  onNavigate,
+  className
+}) {
+  if (!config.showViewAll || !node.href || !(0, import_taxonomy.hasChildren)(node)) return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_blocks.Button,
+    {
+      asChild: true,
+      variant: "link",
+      size: "sm",
+      className: (0, import_blocks.cn)(
+        "h-auto min-h-8 shrink-0 justify-start whitespace-normal px-0 text-sm font-semibold",
+        className
+      ),
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("a", { href: node.href, onClick: () => onNavigate?.(node), children: (0, import_labels.formatLabel)(labels.viewAll, { name: node.label }) })
+    }
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  CategoryImage,
+  CategoryLink,
+  CommercialBadge,
+  CountText,
+  ImageFallback,
+  ViewAllLink,
+  hoverSurface
+});
+//# sourceMappingURL=category-parts.js.map

package/dist/blocks/designs/mega-menu-universal/category-parts.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/blocks/designs/mega-menu-universal/category-parts.tsx"],"sourcesContent":["'use client'\n\nimport { Badge, Button, cn } from '@thorprovider/blocks'\nimport type { ReactNode } from 'react'\n\nimport type { CategoryNode, MenuConfig, MenuLabels } from './contracts'\nimport { countLabel, formatLabel } from './labels'\nimport { ImageIcon } from './icons'\nimport { hasChildren } from './taxonomy'\n\nexport type NavigateHandler = (node: CategoryNode) => void\n\n/**\n * Hover surface shared by every interactive element in the delivery. The\n * platform theme maps `accent` to a brand red, so the default Button hover\n * (`hover:bg-accent`) reads as an error state; menus hover with `secondary`.\n */\nexport const hoverSurface = 'hover:bg-secondary hover:text-foreground dark:hover:bg-secondary'\n\n/**\n * Link base: a real anchor rendered through the library Button so it keeps the\n * primitive's contract geometry, with wrapping enabled for long names and\n * `shrink` so it yields space to the count and the disclosure button.\n */\nconst linkBase = cn(\n  'h-auto min-h-8 min-w-0 shrink justify-start whitespace-normal break-words rounded-md px-2 py-1.5 text-start text-sm font-normal text-foreground',\n  hoverSurface,\n  'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring',\n)\n\nexport function CategoryLink({\n  node,\n  className,\n  onNavigate,\n  children,\n}: {\n  node: CategoryNode\n  className?: string\n  onNavigate?: NavigateHandler\n  children?: ReactNode\n}) {\n  const content = children ?? node.label\n  if (!node.href) {\n    return <span className={cn('block min-w-0 break-words text-start', className)}>{content}</span>\n  }\n  return (\n    <Button asChild variant=\"ghost\" size=\"sm\" className={cn(linkBase, className)}>\n      <a href={node.href} onClick={() => onNavigate?.(node)}>\n        {content}\n      </a>\n    </Button>\n  )\n}\n\nexport function CountText({\n  node,\n  config,\n  labels,\n  className,\n}: {\n  node: CategoryNode\n  config: MenuConfig\n  labels: MenuLabels\n  className?: string\n}) {\n  if (!config.showCounts) return null\n  const text = countLabel(labels, node.count)\n  if (!text) return null\n  return (\n    <span\n      className={cn(\n        'shrink-0 whitespace-nowrap text-xs tabular-nums text-muted-foreground',\n        className,\n      )}\n    >\n      {text}\n    </span>\n  )\n}\n\nexport function CommercialBadge({\n  node,\n  config,\n  labels,\n}: {\n  node: CategoryNode\n  config: MenuConfig\n  labels: MenuLabels\n}) {\n  if (!config.showBadges) return null\n  if (node.badge) {\n    const variant =\n      node.badge.tone === 'accent' ? 'default' : node.badge.tone === 'promo' ? 'outline' : 'secondary'\n    return (\n      <Badge variant={variant} className=\"shrink-0 whitespace-nowrap text-xs font-medium\">\n        {node.badge.label}\n      </Badge>\n    )\n  }\n  if (!node.featured) return null\n  return (\n    <Badge variant=\"secondary\" className=\"shrink-0 whitespace-nowrap text-xs font-medium\">\n      {labels.featured}\n    </Badge>\n  )\n}\n\nexport function ImageFallback({ label, className }: { label: string; className?: string }) {\n  return (\n    <span\n      className={cn(\n        'flex h-full w-full flex-col items-center justify-center gap-1 bg-muted p-1 text-center text-xs text-muted-foreground',\n        className,\n      )}\n    >\n      <ImageIcon className=\"h-5 w-5 shrink-0\" />\n      <span className=\"line-clamp-2 break-words\">{label}</span>\n    </span>\n  )\n}\n\nexport function CategoryImage({\n  node,\n  config,\n  className,\n}: {\n  node: CategoryNode\n  config: MenuConfig\n  className?: string\n}) {\n  const alt = node.imageAlt ?? node.label\n  if (!config.showImages || !node.image) return <ImageFallback label={alt} className={className} />\n  return (\n    <img\n      src={node.image}\n      alt={alt}\n      loading={config.lazyImages ? 'lazy' : 'eager'}\n      decoding=\"async\"\n      className={cn('h-full w-full object-cover', className)}\n    />\n  )\n}\n\nexport function ViewAllLink({\n  node,\n  config,\n  labels,\n  onNavigate,\n  className,\n}: {\n  node: CategoryNode\n  config: MenuConfig\n  labels: MenuLabels\n  onNavigate?: NavigateHandler\n  className?: string\n}) {\n  if (!config.showViewAll || !node.href || !hasChildren(node)) return null\n  return (\n    <Button\n      asChild\n      variant=\"link\"\n      size=\"sm\"\n      className={cn(\n        'h-auto min-h-8 shrink-0 justify-start whitespace-normal px-0 text-sm font-semibold',\n        className,\n      )}\n    >\n      <a href={node.href} onClick={() => onNavigate?.(node)}>\n        {formatLabel(labels.viewAll, { name: node.label })}\n      </a>\n    </Button>\n  )\n}\n"],"mappings":"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","names":[]}

package/dist/blocks/designs/mega-menu-universal/category-parts.mjs

@@ -0,0 +1,122 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Badge, Button, cn } from "@thorprovider/blocks";
+import { countLabel, formatLabel } from "./labels.mjs";
+import { ImageIcon } from "./icons.mjs";
+import { hasChildren } from "./taxonomy.mjs";
+const hoverSurface = "hover:bg-secondary hover:text-foreground dark:hover:bg-secondary";
+const linkBase = cn(
+  "h-auto min-h-8 min-w-0 shrink justify-start whitespace-normal break-words rounded-md px-2 py-1.5 text-start text-sm font-normal text-foreground",
+  hoverSurface,
+  "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"
+);
+function CategoryLink({
+  node,
+  className,
+  onNavigate,
+  children
+}) {
+  const content = children ?? node.label;
+  if (!node.href) {
+    return /* @__PURE__ */ jsx("span", { className: cn("block min-w-0 break-words text-start", className), children: content });
+  }
+  return /* @__PURE__ */ jsx(Button, { asChild: true, variant: "ghost", size: "sm", className: cn(linkBase, className), children: /* @__PURE__ */ jsx("a", { href: node.href, onClick: () => onNavigate?.(node), children: content }) });
+}
+function CountText({
+  node,
+  config,
+  labels,
+  className
+}) {
+  if (!config.showCounts) return null;
+  const text = countLabel(labels, node.count);
+  if (!text) return null;
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      className: cn(
+        "shrink-0 whitespace-nowrap text-xs tabular-nums text-muted-foreground",
+        className
+      ),
+      children: text
+    }
+  );
+}
+function CommercialBadge({
+  node,
+  config,
+  labels
+}) {
+  if (!config.showBadges) return null;
+  if (node.badge) {
+    const variant = node.badge.tone === "accent" ? "default" : node.badge.tone === "promo" ? "outline" : "secondary";
+    return /* @__PURE__ */ jsx(Badge, { variant, className: "shrink-0 whitespace-nowrap text-xs font-medium", children: node.badge.label });
+  }
+  if (!node.featured) return null;
+  return /* @__PURE__ */ jsx(Badge, { variant: "secondary", className: "shrink-0 whitespace-nowrap text-xs font-medium", children: labels.featured });
+}
+function ImageFallback({ label, className }) {
+  return /* @__PURE__ */ jsxs(
+    "span",
+    {
+      className: cn(
+        "flex h-full w-full flex-col items-center justify-center gap-1 bg-muted p-1 text-center text-xs text-muted-foreground",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsx(ImageIcon, { className: "h-5 w-5 shrink-0" }),
+        /* @__PURE__ */ jsx("span", { className: "line-clamp-2 break-words", children: label })
+      ]
+    }
+  );
+}
+function CategoryImage({
+  node,
+  config,
+  className
+}) {
+  const alt = node.imageAlt ?? node.label;
+  if (!config.showImages || !node.image) return /* @__PURE__ */ jsx(ImageFallback, { label: alt, className });
+  return /* @__PURE__ */ jsx(
+    "img",
+    {
+      src: node.image,
+      alt,
+      loading: config.lazyImages ? "lazy" : "eager",
+      decoding: "async",
+      className: cn("h-full w-full object-cover", className)
+    }
+  );
+}
+function ViewAllLink({
+  node,
+  config,
+  labels,
+  onNavigate,
+  className
+}) {
+  if (!config.showViewAll || !node.href || !hasChildren(node)) return null;
+  return /* @__PURE__ */ jsx(
+    Button,
+    {
+      asChild: true,
+      variant: "link",
+      size: "sm",
+      className: cn(
+        "h-auto min-h-8 shrink-0 justify-start whitespace-normal px-0 text-sm font-semibold",
+        className
+      ),
+      children: /* @__PURE__ */ jsx("a", { href: node.href, onClick: () => onNavigate?.(node), children: formatLabel(labels.viewAll, { name: node.label }) })
+    }
+  );
+}
+export {
+  CategoryImage,
+  CategoryLink,
+  CommercialBadge,
+  CountText,
+  ImageFallback,
+  ViewAllLink,
+  hoverSurface
+};
+//# sourceMappingURL=category-parts.mjs.map

package/dist/blocks/designs/mega-menu-universal/category-parts.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/blocks/designs/mega-menu-universal/category-parts.tsx"],"sourcesContent":["'use client'\n\nimport { Badge, Button, cn } from '@thorprovider/blocks'\nimport type { ReactNode } from 'react'\n\nimport type { CategoryNode, MenuConfig, MenuLabels } from './contracts'\nimport { countLabel, formatLabel } from './labels'\nimport { ImageIcon } from './icons'\nimport { hasChildren } from './taxonomy'\n\nexport type NavigateHandler = (node: CategoryNode) => void\n\n/**\n * Hover surface shared by every interactive element in the delivery. The\n * platform theme maps `accent` to a brand red, so the default Button hover\n * (`hover:bg-accent`) reads as an error state; menus hover with `secondary`.\n */\nexport const hoverSurface = 'hover:bg-secondary hover:text-foreground dark:hover:bg-secondary'\n\n/**\n * Link base: a real anchor rendered through the library Button so it keeps the\n * primitive's contract geometry, with wrapping enabled for long names and\n * `shrink` so it yields space to the count and the disclosure button.\n */\nconst linkBase = cn(\n  'h-auto min-h-8 min-w-0 shrink justify-start whitespace-normal break-words rounded-md px-2 py-1.5 text-start text-sm font-normal text-foreground',\n  hoverSurface,\n  'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring',\n)\n\nexport function CategoryLink({\n  node,\n  className,\n  onNavigate,\n  children,\n}: {\n  node: CategoryNode\n  className?: string\n  onNavigate?: NavigateHandler\n  children?: ReactNode\n}) {\n  const content = children ?? node.label\n  if (!node.href) {\n    return <span className={cn('block min-w-0 break-words text-start', className)}>{content}</span>\n  }\n  return (\n    <Button asChild variant=\"ghost\" size=\"sm\" className={cn(linkBase, className)}>\n      <a href={node.href} onClick={() => onNavigate?.(node)}>\n        {content}\n      </a>\n    </Button>\n  )\n}\n\nexport function CountText({\n  node,\n  config,\n  labels,\n  className,\n}: {\n  node: CategoryNode\n  config: MenuConfig\n  labels: MenuLabels\n  className?: string\n}) {\n  if (!config.showCounts) return null\n  const text = countLabel(labels, node.count)\n  if (!text) return null\n  return (\n    <span\n      className={cn(\n        'shrink-0 whitespace-nowrap text-xs tabular-nums text-muted-foreground',\n        className,\n      )}\n    >\n      {text}\n    </span>\n  )\n}\n\nexport function CommercialBadge({\n  node,\n  config,\n  labels,\n}: {\n  node: CategoryNode\n  config: MenuConfig\n  labels: MenuLabels\n}) {\n  if (!config.showBadges) return null\n  if (node.badge) {\n    const variant =\n      node.badge.tone === 'accent' ? 'default' : node.badge.tone === 'promo' ? 'outline' : 'secondary'\n    return (\n      <Badge variant={variant} className=\"shrink-0 whitespace-nowrap text-xs font-medium\">\n        {node.badge.label}\n      </Badge>\n    )\n  }\n  if (!node.featured) return null\n  return (\n    <Badge variant=\"secondary\" className=\"shrink-0 whitespace-nowrap text-xs font-medium\">\n      {labels.featured}\n    </Badge>\n  )\n}\n\nexport function ImageFallback({ label, className }: { label: string; className?: string }) {\n  return (\n    <span\n      className={cn(\n        'flex h-full w-full flex-col items-center justify-center gap-1 bg-muted p-1 text-center text-xs text-muted-foreground',\n        className,\n      )}\n    >\n      <ImageIcon className=\"h-5 w-5 shrink-0\" />\n      <span className=\"line-clamp-2 break-words\">{label}</span>\n    </span>\n  )\n}\n\nexport function CategoryImage({\n  node,\n  config,\n  className,\n}: {\n  node: CategoryNode\n  config: MenuConfig\n  className?: string\n}) {\n  const alt = node.imageAlt ?? node.label\n  if (!config.showImages || !node.image) return <ImageFallback label={alt} className={className} />\n  return (\n    <img\n      src={node.image}\n      alt={alt}\n      loading={config.lazyImages ? 'lazy' : 'eager'}\n      decoding=\"async\"\n      className={cn('h-full w-full object-cover', className)}\n    />\n  )\n}\n\nexport function ViewAllLink({\n  node,\n  config,\n  labels,\n  onNavigate,\n  className,\n}: {\n  node: CategoryNode\n  config: MenuConfig\n  labels: MenuLabels\n  onNavigate?: NavigateHandler\n  className?: string\n}) {\n  if (!config.showViewAll || !node.href || !hasChildren(node)) return null\n  return (\n    <Button\n      asChild\n      variant=\"link\"\n      size=\"sm\"\n      className={cn(\n        'h-auto min-h-8 shrink-0 justify-start whitespace-normal px-0 text-sm font-semibold',\n        className,\n      )}\n    >\n      <a href={node.href} onClick={() => onNavigate?.(node)}>\n        {formatLabel(labels.viewAll, { name: node.label })}\n      </a>\n    </Button>\n  )\n}\n"],"mappings":";AA2CW,cAkEP,YAlEO;AAzCX,SAAS,OAAO,QAAQ,UAAU;AAIlC,SAAS,YAAY,mBAAmB;AACxC,SAAS,iBAAiB;AAC1B,SAAS,mBAAmB;AASrB,MAAM,eAAe;AAO5B,MAAM,WAAW;AAAA,EACf;AAAA,EACA;AAAA,EACA;AACF;AAEO,SAAS,aAAa;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAKG;AACD,QAAM,UAAU,YAAY,KAAK;AACjC,MAAI,CAAC,KAAK,MAAM;AACd,WAAO,oBAAC,UAAK,WAAW,GAAG,wCAAwC,SAAS,GAAI,mBAAQ;AAAA,EAC1F;AACA,SACE,oBAAC,UAAO,SAAO,MAAC,SAAQ,SAAQ,MAAK,MAAK,WAAW,GAAG,UAAU,SAAS,GACzE,8BAAC,OAAE,MAAM,KAAK,MAAM,SAAS,MAAM,aAAa,IAAI,GACjD,mBACH,GACF;AAEJ;AAEO,SAAS,UAAU;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAKG;AACD,MAAI,CAAC,OAAO,WAAY,QAAO;AAC/B,QAAM,OAAO,WAAW,QAAQ,KAAK,KAAK;AAC1C,MAAI,CAAC,KAAM,QAAO;AAClB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MAEC;AAAA;AAAA,EACH;AAEJ;AAEO,SAAS,gBAAgB;AAAA,EAC9B;AAAA,EACA;AAAA,EACA;AACF,GAIG;AACD,MAAI,CAAC,OAAO,WAAY,QAAO;AAC/B,MAAI,KAAK,OAAO;AACd,UAAM,UACJ,KAAK,MAAM,SAAS,WAAW,YAAY,KAAK,MAAM,SAAS,UAAU,YAAY;AACvF,WACE,oBAAC,SAAM,SAAkB,WAAU,kDAChC,eAAK,MAAM,OACd;AAAA,EAEJ;AACA,MAAI,CAAC,KAAK,SAAU,QAAO;AAC3B,SACE,oBAAC,SAAM,SAAQ,aAAY,WAAU,kDAClC,iBAAO,UACV;AAEJ;AAEO,SAAS,cAAc,EAAE,OAAO,UAAU,GAA0C;AACzF,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MAEA;AAAA,4BAAC,aAAU,WAAU,oBAAmB;AAAA,QACxC,oBAAC,UAAK,WAAU,4BAA4B,iBAAM;AAAA;AAAA;AAAA,EACpD;AAEJ;AAEO,SAAS,cAAc;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AACF,GAIG;AACD,QAAM,MAAM,KAAK,YAAY,KAAK;AAClC,MAAI,CAAC,OAAO,cAAc,CAAC,KAAK,MAAO,QAAO,oBAAC,iBAAc,OAAO,KAAK,WAAsB;AAC/F,SACE;AAAA,IAAC;AAAA;AAAA,MACC,KAAK,KAAK;AAAA,MACV;AAAA,MACA,SAAS,OAAO,aAAa,SAAS;AAAA,MACtC,UAAS;AAAA,MACT,WAAW,GAAG,8BAA8B,SAAS;AAAA;AAAA,EACvD;AAEJ;AAEO,SAAS,YAAY;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAMG;AACD,MAAI,CAAC,OAAO,eAAe,CAAC,KAAK,QAAQ,CAAC,YAAY,IAAI,EAAG,QAAO;AACpE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,SAAO;AAAA,MACP,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MAEA,8BAAC,OAAE,MAAM,KAAK,MAAM,SAAS,MAAM,aAAa,IAAI,GACjD,sBAAY,OAAO,SAAS,EAAE,MAAM,KAAK,MAAM,CAAC,GACnD;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/dist/blocks/designs/mega-menu-universal/config.d.ts

@@ -0,0 +1,11 @@
+import type { ConfigWarning, MenuConfig } from './contracts';
+export declare const DEFAULT_CONFIG: MenuConfig;
+/**
+ * Normalises a partial configuration. Out-of-range numbers are clamped (and
+ * reported once per field); unknown enum values fall back to the default.
+ */
+export declare function resolveConfig(partial?: Partial<MenuConfig>): {
+    config: MenuConfig;
+    warnings: ConfigWarning[];
+};
+//# sourceMappingURL=config.d.ts.map

package/dist/blocks/designs/mega-menu-universal/config.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"config.d.ts","sourceRoot":"","sources":["../../../../src/blocks/designs/mega-menu-universal/config.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,aAAa,EAEb,UAAU,EAGX,MAAM,aAAa,CAAA;AAMpB,eAAO,MAAM,cAAc,EAAE,UAgB5B,CAAA;AAYD;;;GAGG;AACH,wBAAgB,aAAa,CAAC,OAAO,GAAE,OAAO,CAAC,UAAU,CAAM,GAAG;IAChE,MAAM,EAAE,UAAU,CAAA;IAClB,QAAQ,EAAE,aAAa,EAAE,CAAA;CAC1B,CAuCA"}