@thorprovider/blocks 4.1.0 → 4.3.0

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/blocks/designs/mega-menu-universal/mobile-menu.tsx"],"sourcesContent":["'use client'\n\nimport { Button, cn } from '@thorprovider/blocks'\nimport { Fragment, useEffect, useId, useReducer, useRef, useState, type RefObject } from 'react'\n\nimport type { CategoryNode, MenuConfig, MenuLabels, MobilePattern } from './contracts'\nimport { EMPTY_DRILL, drillReducer, trailNodes } from './drilldown'\nimport { formatLabel } from './labels'\nimport { hasChildren, sortNodes } from './taxonomy'\nimport { BackIcon, ChevronIcon, CloseIcon } from './icons'\nimport { CategoryLink, CountText, hoverSurface, type NavigateHandler } from './category-parts'\n\nexport type MobileMenuProps = {\n  categories: CategoryNode[]\n  pattern: MobilePattern\n  config: MenuConfig\n  labels: MenuLabels\n  onNavigate: NavigateHandler\n  onClose: () => void\n}\n\nconst rowLink =\n  'min-w-0 flex-1 px-2 py-2.5 text-sm text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring'\n\n/**\n * Header order is back → close → title in the DOM so that Tab from the\n * programmatically focused level title lands on the first item, while the\n * visual order stays back → title → close (`order-*`).\n */\nfunction MobileHeader({\n  title,\n  labels,\n  onBack,\n  onClose,\n  headingRef,\n}: {\n  title: string\n  labels: MenuLabels\n  onBack?: () => void\n  onClose: () => void\n  headingRef?: RefObject<HTMLParagraphElement | null>\n}) {\n  return (\n    <div className=\"flex items-start gap-1 border-b border-border p-2\">\n      {onBack ? (\n        <Button\n          type=\"button\"\n          variant=\"ghost\"\n          size=\"icon-sm\"\n          onClick={onBack}\n          aria-label={labels.back}\n          className={cn('order-1 shrink-0 text-muted-foreground', hoverSurface)}\n        >\n          <BackIcon className=\"h-4 w-4 rtl:rotate-180\" />\n        </Button>\n      ) : null}\n      <Button\n        type=\"button\"\n        variant=\"ghost\"\n        size=\"icon-sm\"\n        onClick={onClose}\n        aria-label={labels.close}\n        className={cn('order-3 shrink-0 text-muted-foreground', hoverSurface)}\n      >\n        <CloseIcon className=\"h-4 w-4\" />\n      </Button>\n      <p\n        ref={headingRef}\n        tabIndex={-1}\n        className=\"order-2 min-w-0 flex-1 break-words px-1 py-1.5 text-sm font-semibold text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\"\n      >\n        {title}\n      </p>\n    </div>\n  )\n}\n\nfunction DrillDownMenu({ categories, config, labels, onNavigate, onClose }: MobileMenuProps) {\n  const [state, dispatch] = useReducer(drillReducer, EMPTY_DRILL)\n  const trail = trailNodes(categories, state.trail)\n  const current = trail.at(-1) ?? null\n  const level = sortNodes(current ? current.children ?? [] : categories)\n  const headingRef = useRef<HTMLParagraphElement>(null)\n  const rowRefs = useRef(new Map<string, HTMLButtonElement | null>())\n  const focusTarget = useRef<{ kind: 'heading' } | { kind: 'row'; id: string } | null>(null)\n\n  useEffect(() => {\n    const target = focusTarget.current\n    if (!target) return\n    focusTarget.current = null\n    if (target.kind === 'heading') headingRef.current?.focus()\n    else rowRefs.current.get(target.id)?.focus()\n  }, [state.trail])\n\n  const push = (node: CategoryNode) => {\n    focusTarget.current = { kind: 'heading' }\n    dispatch({ type: 'push', id: node.id })\n  }\n\n  const pop = () => {\n    const leaving = state.trail.at(-1)\n    if (leaving) focusTarget.current = { kind: 'row', id: leaving }\n    dispatch({ type: 'pop' })\n  }\n\n  return (\n    <div data-qa=\"mobile-menu\" className=\"rounded-lg border border-border bg-popover text-popover-foreground\">\n      <MobileHeader\n        title={current?.label ?? labels.menuTitle}\n        labels={labels}\n        onBack={trail.length > 0 ? pop : undefined}\n        onClose={onClose}\n        headingRef={headingRef}\n      />\n      {trail.length > 1 ? (\n        <div className=\"flex flex-wrap items-center gap-0.5 border-b border-border px-2 py-1\">\n          <Button\n            type=\"button\"\n            variant=\"link\"\n            size=\"xs\"\n            className=\"h-6 min-h-6 px-1 text-xs\"\n            onClick={() => {\n              focusTarget.current = { kind: 'heading' }\n              dispatch({ type: 'reset' })\n            }}\n          >\n            {labels.menuTitle}\n          </Button>\n          {trail.slice(0, -1).map((node, index) => (\n            <Fragment key={node.id}>\n              <span aria-hidden=\"true\" className=\"text-xs text-muted-foreground\">\n                {labels.crumbSeparator}\n              </span>\n              <Button\n                type=\"button\"\n                variant=\"link\"\n                size=\"xs\"\n                className=\"h-6 min-h-6 px-1 text-xs\"\n                onClick={() => {\n                  focusTarget.current = { kind: 'heading' }\n                  dispatch({ type: 'jump', index })\n                }}\n              >\n                {node.label}\n              </Button>\n            </Fragment>\n          ))}\n        </div>\n      ) : null}\n      <ul\n        className=\"max-h-96 space-y-0.5 overflow-y-auto p-2\"\n        aria-label={\n          current ? formatLabel(labels.panelLabel, { name: current.label }) : labels.rootLabel\n        }\n      >\n        {current && config.showViewAll && current.href ? (\n          <li className=\"border-b border-border pb-1\">\n            <a\n              href={current.href}\n              onClick={() => onNavigate(current)}\n              className=\"block rounded-md px-2 py-2 text-sm font-semibold text-primary underline-offset-2 hover:underline focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\"\n            >\n              {formatLabel(labels.viewAll, { name: current.label })}\n            </a>\n          </li>\n        ) : null}\n        {level.length === 0 ? (\n          <li className=\"px-2 py-3 text-sm text-muted-foreground\">{labels.empty}</li>\n        ) : null}\n        {level.map((node) => (\n          <li key={node.id} className=\"flex items-start gap-1\">\n            <CategoryLink node={node} onNavigate={onNavigate} className={rowLink} />\n            <CountText node={node} config={config} labels={labels} className=\"py-2.5\" />\n            {hasChildren(node) ? (\n              <Button\n                type=\"button\"\n                variant=\"ghost\"\n                size=\"icon-sm\"\n                ref={(element) => {\n                  rowRefs.current.set(node.id, element)\n                }}\n                aria-label={formatLabel(labels.openSubmenu, { name: node.label })}\n                onClick={() => push(node)}\n                className={cn('shrink-0 text-muted-foreground', hoverSurface)}\n              >\n                <ChevronIcon className=\"h-4 w-4 -rotate-90 rtl:rotate-90\" />\n              </Button>\n            ) : null}\n          </li>\n        ))}\n      </ul>\n    </div>\n  )\n}\n\nfunction AccordionNode({\n  node,\n  level,\n  config,\n  labels,\n  onNavigate,\n}: {\n  node: CategoryNode\n  level: number\n  config: MenuConfig\n  labels: MenuLabels\n  onNavigate: NavigateHandler\n}) {\n  const [expanded, setExpanded] = useState(false)\n  const contentId = useId()\n  const expandable = hasChildren(node) && level < config.deepLevelLimit\n\n  return (\n    <li>\n      <div className=\"flex items-start gap-1\">\n        <CategoryLink node={node} onNavigate={onNavigate} className={rowLink} />\n        <CountText node={node} config={config} labels={labels} className=\"py-2.5\" />\n        {expandable ? (\n          <Button\n            type=\"button\"\n            variant=\"ghost\"\n            size=\"icon-sm\"\n            aria-expanded={expanded}\n            aria-controls={contentId}\n            aria-label={formatLabel(labels.openSubmenu, { name: node.label })}\n            onClick={() => setExpanded((current) => !current)}\n            className={cn('shrink-0 text-muted-foreground', hoverSurface)}\n          >\n            <ChevronIcon\n              className={cn(\n                'h-4 w-4 transition-transform motion-reduce:transition-none',\n                expanded && 'rotate-180',\n              )}\n            />\n          </Button>\n        ) : null}\n      </div>\n      {expandable ? (\n        <div id={contentId} hidden={!expanded} className=\"ms-2 border-s border-border ps-2\">\n          {expanded ? (\n            <ul className=\"space-y-0.5\">\n              {sortNodes(node.children ?? []).map((child) => (\n                <AccordionNode\n                  key={child.id}\n                  node={child}\n                  level={level + 1}\n                  config={config}\n                  labels={labels}\n                  onNavigate={onNavigate}\n                />\n              ))}\n            </ul>\n          ) : null}\n        </div>\n      ) : null}\n    </li>\n  )\n}\n\nfunction AccordionMenu({ categories, config, labels, onNavigate, onClose }: MobileMenuProps) {\n  return (\n    <div data-qa=\"mobile-menu\" className=\"rounded-lg border border-border bg-popover text-popover-foreground\">\n      <MobileHeader title={labels.menuTitle} labels={labels} onClose={onClose} />\n      <ul className=\"max-h-96 space-y-0.5 overflow-y-auto p-2\" aria-label={labels.rootLabel}>\n        {sortNodes(categories).map((node) => (\n          <AccordionNode\n            key={node.id}\n            node={node}\n            level={1}\n            config={config}\n            labels={labels}\n            onNavigate={onNavigate}\n          />\n        ))}\n      </ul>\n    </div>\n  )\n}\n\nexport function MobileMenu(props: MobileMenuProps) {\n  return props.pattern === 'accordion' ? <AccordionMenu {...props} /> : <DrillDownMenu {...props} />\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA2CI;AAzCJ,oBAA2B;AAC3B,mBAAyF;AAGzF,uBAAsD;AACtD,oBAA4B;AAC5B,sBAAuC;AACvC,mBAAiD;AACjD,4BAA4E;AAW5E,MAAM,UACJ;AAOF,SAAS,aAAa;AAAA,EACpB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAMG;AACD,SACE,6CAAC,SAAI,WAAU,qDACZ;AAAA,aACC;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,SAAQ;AAAA,QACR,MAAK;AAAA,QACL,SAAS;AAAA,QACT,cAAY,OAAO;AAAA,QACnB,eAAW,kBAAG,0CAA0C,kCAAY;AAAA,QAEpE,sDAAC,yBAAS,WAAU,0BAAyB;AAAA;AAAA,IAC/C,IACE;AAAA,IACJ;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,SAAQ;AAAA,QACR,MAAK;AAAA,QACL,SAAS;AAAA,QACT,cAAY,OAAO;AAAA,QACnB,eAAW,kBAAG,0CAA0C,kCAAY;AAAA,QAEpE,sDAAC,0BAAU,WAAU,WAAU;AAAA;AAAA,IACjC;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,KAAK;AAAA,QACL,UAAU;AAAA,QACV,WAAU;AAAA,QAET;AAAA;AAAA,IACH;AAAA,KACF;AAEJ;AAEA,SAAS,cAAc,EAAE,YAAY,QAAQ,QAAQ,YAAY,QAAQ,GAAoB;AAC3F,QAAM,CAAC,OAAO,QAAQ,QAAI,yBAAW,+BAAc,4BAAW;AAC9D,QAAM,YAAQ,6BAAW,YAAY,MAAM,KAAK;AAChD,QAAM,UAAU,MAAM,GAAG,EAAE,KAAK;AAChC,QAAM,YAAQ,2BAAU,UAAU,QAAQ,YAAY,CAAC,IAAI,UAAU;AACrE,QAAM,iBAAa,qBAA6B,IAAI;AACpD,QAAM,cAAU,qBAAO,oBAAI,IAAsC,CAAC;AAClE,QAAM,kBAAc,qBAAiE,IAAI;AAEzF,8BAAU,MAAM;AACd,UAAM,SAAS,YAAY;AAC3B,QAAI,CAAC,OAAQ;AACb,gBAAY,UAAU;AACtB,QAAI,OAAO,SAAS,UAAW,YAAW,SAAS,MAAM;AAAA,QACpD,SAAQ,QAAQ,IAAI,OAAO,EAAE,GAAG,MAAM;AAAA,EAC7C,GAAG,CAAC,MAAM,KAAK,CAAC;AAEhB,QAAM,OAAO,CAAC,SAAuB;AACnC,gBAAY,UAAU,EAAE,MAAM,UAAU;AACxC,aAAS,EAAE,MAAM,QAAQ,IAAI,KAAK,GAAG,CAAC;AAAA,EACxC;AAEA,QAAM,MAAM,MAAM;AAChB,UAAM,UAAU,MAAM,MAAM,GAAG,EAAE;AACjC,QAAI,QAAS,aAAY,UAAU,EAAE,MAAM,OAAO,IAAI,QAAQ;AAC9D,aAAS,EAAE,MAAM,MAAM,CAAC;AAAA,EAC1B;AAEA,SACE,6CAAC,SAAI,WAAQ,eAAc,WAAU,sEACnC;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,OAAO,SAAS,SAAS,OAAO;AAAA,QAChC;AAAA,QACA,QAAQ,MAAM,SAAS,IAAI,MAAM;AAAA,QACjC;AAAA,QACA;AAAA;AAAA,IACF;AAAA,IACC,MAAM,SAAS,IACd,6CAAC,SAAI,WAAU,wEACb;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,SAAQ;AAAA,UACR,MAAK;AAAA,UACL,WAAU;AAAA,UACV,SAAS,MAAM;AACb,wBAAY,UAAU,EAAE,MAAM,UAAU;AACxC,qBAAS,EAAE,MAAM,QAAQ,CAAC;AAAA,UAC5B;AAAA,UAEC,iBAAO;AAAA;AAAA,MACV;AAAA,MACC,MAAM,MAAM,GAAG,EAAE,EAAE,IAAI,CAAC,MAAM,UAC7B,6CAAC,yBACC;AAAA,oDAAC,UAAK,eAAY,QAAO,WAAU,iCAChC,iBAAO,gBACV;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,SAAQ;AAAA,YACR,MAAK;AAAA,YACL,WAAU;AAAA,YACV,SAAS,MAAM;AACb,0BAAY,UAAU,EAAE,MAAM,UAAU;AACxC,uBAAS,EAAE,MAAM,QAAQ,MAAM,CAAC;AAAA,YAClC;AAAA,YAEC,eAAK;AAAA;AAAA,QACR;AAAA,WAfa,KAAK,EAgBpB,CACD;AAAA,OACH,IACE;AAAA,IACJ;AAAA,MAAC;AAAA;AAAA,QACC,WAAU;AAAA,QACV,cACE,cAAU,2BAAY,OAAO,YAAY,EAAE,MAAM,QAAQ,MAAM,CAAC,IAAI,OAAO;AAAA,QAG5E;AAAA,qBAAW,OAAO,eAAe,QAAQ,OACxC,4CAAC,QAAG,WAAU,+BACZ;AAAA,YAAC;AAAA;AAAA,cACC,MAAM,QAAQ;AAAA,cACd,SAAS,MAAM,WAAW,OAAO;AAAA,cACjC,WAAU;AAAA,cAET,yCAAY,OAAO,SAAS,EAAE,MAAM,QAAQ,MAAM,CAAC;AAAA;AAAA,UACtD,GACF,IACE;AAAA,UACH,MAAM,WAAW,IAChB,4CAAC,QAAG,WAAU,2CAA2C,iBAAO,OAAM,IACpE;AAAA,UACH,MAAM,IAAI,CAAC,SACV,6CAAC,QAAiB,WAAU,0BAC1B;AAAA,wDAAC,sCAAa,MAAY,YAAwB,WAAW,SAAS;AAAA,YACtE,4CAAC,mCAAU,MAAY,QAAgB,QAAgB,WAAU,UAAS;AAAA,gBACzE,6BAAY,IAAI,IACf;AAAA,cAAC;AAAA;AAAA,gBACC,MAAK;AAAA,gBACL,SAAQ;AAAA,gBACR,MAAK;AAAA,gBACL,KAAK,CAAC,YAAY;AAChB,0BAAQ,QAAQ,IAAI,KAAK,IAAI,OAAO;AAAA,gBACtC;AAAA,gBACA,kBAAY,2BAAY,OAAO,aAAa,EAAE,MAAM,KAAK,MAAM,CAAC;AAAA,gBAChE,SAAS,MAAM,KAAK,IAAI;AAAA,gBACxB,eAAW,kBAAG,kCAAkC,kCAAY;AAAA,gBAE5D,sDAAC,4BAAY,WAAU,oCAAmC;AAAA;AAAA,YAC5D,IACE;AAAA,eAjBG,KAAK,EAkBd,CACD;AAAA;AAAA;AAAA,IACH;AAAA,KACF;AAEJ;AAEA,SAAS,cAAc;AAAA,EACrB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAMG;AACD,QAAM,CAAC,UAAU,WAAW,QAAI,uBAAS,KAAK;AAC9C,QAAM,gBAAY,oBAAM;AACxB,QAAM,iBAAa,6BAAY,IAAI,KAAK,QAAQ,OAAO;AAEvD,SACE,6CAAC,QACC;AAAA,iDAAC,SAAI,WAAU,0BACb;AAAA,kDAAC,sCAAa,MAAY,YAAwB,WAAW,SAAS;AAAA,MACtE,4CAAC,mCAAU,MAAY,QAAgB,QAAgB,WAAU,UAAS;AAAA,MACzE,aACC;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,SAAQ;AAAA,UACR,MAAK;AAAA,UACL,iBAAe;AAAA,UACf,iBAAe;AAAA,UACf,kBAAY,2BAAY,OAAO,aAAa,EAAE,MAAM,KAAK,MAAM,CAAC;AAAA,UAChE,SAAS,MAAM,YAAY,CAAC,YAAY,CAAC,OAAO;AAAA,UAChD,eAAW,kBAAG,kCAAkC,kCAAY;AAAA,UAE5D;AAAA,YAAC;AAAA;AAAA,cACC,eAAW;AAAA,gBACT;AAAA,gBACA,YAAY;AAAA,cACd;AAAA;AAAA,UACF;AAAA;AAAA,MACF,IACE;AAAA,OACN;AAAA,IACC,aACC,4CAAC,SAAI,IAAI,WAAW,QAAQ,CAAC,UAAU,WAAU,oCAC9C,qBACC,4CAAC,QAAG,WAAU,eACX,yCAAU,KAAK,YAAY,CAAC,CAAC,EAAE,IAAI,CAAC,UACnC;AAAA,MAAC;AAAA;AAAA,QAEC,MAAM;AAAA,QACN,OAAO,QAAQ;AAAA,QACf;AAAA,QACA;AAAA,QACA;AAAA;AAAA,MALK,MAAM;AAAA,IAMb,CACD,GACH,IACE,MACN,IACE;AAAA,KACN;AAEJ;AAEA,SAAS,cAAc,EAAE,YAAY,QAAQ,QAAQ,YAAY,QAAQ,GAAoB;AAC3F,SACE,6CAAC,SAAI,WAAQ,eAAc,WAAU,sEACnC;AAAA,gDAAC,gBAAa,OAAO,OAAO,WAAW,QAAgB,SAAkB;AAAA,IACzE,4CAAC,QAAG,WAAU,4CAA2C,cAAY,OAAO,WACzE,yCAAU,UAAU,EAAE,IAAI,CAAC,SAC1B;AAAA,MAAC;AAAA;AAAA,QAEC;AAAA,QACA,OAAO;AAAA,QACP;AAAA,QACA;AAAA,QACA;AAAA;AAAA,MALK,KAAK;AAAA,IAMZ,CACD,GACH;AAAA,KACF;AAEJ;AAEO,SAAS,WAAW,OAAwB;AACjD,SAAO,MAAM,YAAY,cAAc,4CAAC,iBAAe,GAAG,OAAO,IAAK,4CAAC,iBAAe,GAAG,OAAO;AAClG;","names":[]}

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

@@ -0,0 +1,234 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Button, cn } from "@thorprovider/blocks";
+import { Fragment, useEffect, useId, useReducer, useRef, useState } from "react";
+import { EMPTY_DRILL, drillReducer, trailNodes } from "./drilldown.mjs";
+import { formatLabel } from "./labels.mjs";
+import { hasChildren, sortNodes } from "./taxonomy.mjs";
+import { BackIcon, ChevronIcon, CloseIcon } from "./icons.mjs";
+import { CategoryLink, CountText, hoverSurface } from "./category-parts.mjs";
+const rowLink = "min-w-0 flex-1 px-2 py-2.5 text-sm text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring";
+function MobileHeader({
+  title,
+  labels,
+  onBack,
+  onClose,
+  headingRef
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-1 border-b border-border p-2", children: [
+    onBack ? /* @__PURE__ */ jsx(
+      Button,
+      {
+        type: "button",
+        variant: "ghost",
+        size: "icon-sm",
+        onClick: onBack,
+        "aria-label": labels.back,
+        className: cn("order-1 shrink-0 text-muted-foreground", hoverSurface),
+        children: /* @__PURE__ */ jsx(BackIcon, { className: "h-4 w-4 rtl:rotate-180" })
+      }
+    ) : null,
+    /* @__PURE__ */ jsx(
+      Button,
+      {
+        type: "button",
+        variant: "ghost",
+        size: "icon-sm",
+        onClick: onClose,
+        "aria-label": labels.close,
+        className: cn("order-3 shrink-0 text-muted-foreground", hoverSurface),
+        children: /* @__PURE__ */ jsx(CloseIcon, { className: "h-4 w-4" })
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "p",
+      {
+        ref: headingRef,
+        tabIndex: -1,
+        className: "order-2 min-w-0 flex-1 break-words px-1 py-1.5 text-sm font-semibold text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+        children: title
+      }
+    )
+  ] });
+}
+function DrillDownMenu({ categories, config, labels, onNavigate, onClose }) {
+  const [state, dispatch] = useReducer(drillReducer, EMPTY_DRILL);
+  const trail = trailNodes(categories, state.trail);
+  const current = trail.at(-1) ?? null;
+  const level = sortNodes(current ? current.children ?? [] : categories);
+  const headingRef = useRef(null);
+  const rowRefs = useRef(/* @__PURE__ */ new Map());
+  const focusTarget = useRef(null);
+  useEffect(() => {
+    const target = focusTarget.current;
+    if (!target) return;
+    focusTarget.current = null;
+    if (target.kind === "heading") headingRef.current?.focus();
+    else rowRefs.current.get(target.id)?.focus();
+  }, [state.trail]);
+  const push = (node) => {
+    focusTarget.current = { kind: "heading" };
+    dispatch({ type: "push", id: node.id });
+  };
+  const pop = () => {
+    const leaving = state.trail.at(-1);
+    if (leaving) focusTarget.current = { kind: "row", id: leaving };
+    dispatch({ type: "pop" });
+  };
+  return /* @__PURE__ */ jsxs("div", { "data-qa": "mobile-menu", className: "rounded-lg border border-border bg-popover text-popover-foreground", children: [
+    /* @__PURE__ */ jsx(
+      MobileHeader,
+      {
+        title: current?.label ?? labels.menuTitle,
+        labels,
+        onBack: trail.length > 0 ? pop : void 0,
+        onClose,
+        headingRef
+      }
+    ),
+    trail.length > 1 ? /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-0.5 border-b border-border px-2 py-1", children: [
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          type: "button",
+          variant: "link",
+          size: "xs",
+          className: "h-6 min-h-6 px-1 text-xs",
+          onClick: () => {
+            focusTarget.current = { kind: "heading" };
+            dispatch({ type: "reset" });
+          },
+          children: labels.menuTitle
+        }
+      ),
+      trail.slice(0, -1).map((node, index) => /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx("span", { "aria-hidden": "true", className: "text-xs text-muted-foreground", children: labels.crumbSeparator }),
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            type: "button",
+            variant: "link",
+            size: "xs",
+            className: "h-6 min-h-6 px-1 text-xs",
+            onClick: () => {
+              focusTarget.current = { kind: "heading" };
+              dispatch({ type: "jump", index });
+            },
+            children: node.label
+          }
+        )
+      ] }, node.id))
+    ] }) : null,
+    /* @__PURE__ */ jsxs(
+      "ul",
+      {
+        className: "max-h-96 space-y-0.5 overflow-y-auto p-2",
+        "aria-label": current ? formatLabel(labels.panelLabel, { name: current.label }) : labels.rootLabel,
+        children: [
+          current && config.showViewAll && current.href ? /* @__PURE__ */ jsx("li", { className: "border-b border-border pb-1", children: /* @__PURE__ */ jsx(
+            "a",
+            {
+              href: current.href,
+              onClick: () => onNavigate(current),
+              className: "block rounded-md px-2 py-2 text-sm font-semibold text-primary underline-offset-2 hover:underline focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+              children: formatLabel(labels.viewAll, { name: current.label })
+            }
+          ) }) : null,
+          level.length === 0 ? /* @__PURE__ */ jsx("li", { className: "px-2 py-3 text-sm text-muted-foreground", children: labels.empty }) : null,
+          level.map((node) => /* @__PURE__ */ jsxs("li", { className: "flex items-start gap-1", children: [
+            /* @__PURE__ */ jsx(CategoryLink, { node, onNavigate, className: rowLink }),
+            /* @__PURE__ */ jsx(CountText, { node, config, labels, className: "py-2.5" }),
+            hasChildren(node) ? /* @__PURE__ */ jsx(
+              Button,
+              {
+                type: "button",
+                variant: "ghost",
+                size: "icon-sm",
+                ref: (element) => {
+                  rowRefs.current.set(node.id, element);
+                },
+                "aria-label": formatLabel(labels.openSubmenu, { name: node.label }),
+                onClick: () => push(node),
+                className: cn("shrink-0 text-muted-foreground", hoverSurface),
+                children: /* @__PURE__ */ jsx(ChevronIcon, { className: "h-4 w-4 -rotate-90 rtl:rotate-90" })
+              }
+            ) : null
+          ] }, node.id))
+        ]
+      }
+    )
+  ] });
+}
+function AccordionNode({
+  node,
+  level,
+  config,
+  labels,
+  onNavigate
+}) {
+  const [expanded, setExpanded] = useState(false);
+  const contentId = useId();
+  const expandable = hasChildren(node) && level < config.deepLevelLimit;
+  return /* @__PURE__ */ jsxs("li", { children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-1", children: [
+      /* @__PURE__ */ jsx(CategoryLink, { node, onNavigate, className: rowLink }),
+      /* @__PURE__ */ jsx(CountText, { node, config, labels, className: "py-2.5" }),
+      expandable ? /* @__PURE__ */ jsx(
+        Button,
+        {
+          type: "button",
+          variant: "ghost",
+          size: "icon-sm",
+          "aria-expanded": expanded,
+          "aria-controls": contentId,
+          "aria-label": formatLabel(labels.openSubmenu, { name: node.label }),
+          onClick: () => setExpanded((current) => !current),
+          className: cn("shrink-0 text-muted-foreground", hoverSurface),
+          children: /* @__PURE__ */ jsx(
+            ChevronIcon,
+            {
+              className: cn(
+                "h-4 w-4 transition-transform motion-reduce:transition-none",
+                expanded && "rotate-180"
+              )
+            }
+          )
+        }
+      ) : null
+    ] }),
+    expandable ? /* @__PURE__ */ jsx("div", { id: contentId, hidden: !expanded, className: "ms-2 border-s border-border ps-2", children: expanded ? /* @__PURE__ */ jsx("ul", { className: "space-y-0.5", children: sortNodes(node.children ?? []).map((child) => /* @__PURE__ */ jsx(
+      AccordionNode,
+      {
+        node: child,
+        level: level + 1,
+        config,
+        labels,
+        onNavigate
+      },
+      child.id
+    )) }) : null }) : null
+  ] });
+}
+function AccordionMenu({ categories, config, labels, onNavigate, onClose }) {
+  return /* @__PURE__ */ jsxs("div", { "data-qa": "mobile-menu", className: "rounded-lg border border-border bg-popover text-popover-foreground", children: [
+    /* @__PURE__ */ jsx(MobileHeader, { title: labels.menuTitle, labels, onClose }),
+    /* @__PURE__ */ jsx("ul", { className: "max-h-96 space-y-0.5 overflow-y-auto p-2", "aria-label": labels.rootLabel, children: sortNodes(categories).map((node) => /* @__PURE__ */ jsx(
+      AccordionNode,
+      {
+        node,
+        level: 1,
+        config,
+        labels,
+        onNavigate
+      },
+      node.id
+    )) })
+  ] });
+}
+function MobileMenu(props) {
+  return props.pattern === "accordion" ? /* @__PURE__ */ jsx(AccordionMenu, { ...props }) : /* @__PURE__ */ jsx(DrillDownMenu, { ...props });
+}
+export {
+  MobileMenu
+};
+//# sourceMappingURL=mobile-menu.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/blocks/designs/mega-menu-universal/mobile-menu.tsx"],"sourcesContent":["'use client'\n\nimport { Button, cn } from '@thorprovider/blocks'\nimport { Fragment, useEffect, useId, useReducer, useRef, useState, type RefObject } from 'react'\n\nimport type { CategoryNode, MenuConfig, MenuLabels, MobilePattern } from './contracts'\nimport { EMPTY_DRILL, drillReducer, trailNodes } from './drilldown'\nimport { formatLabel } from './labels'\nimport { hasChildren, sortNodes } from './taxonomy'\nimport { BackIcon, ChevronIcon, CloseIcon } from './icons'\nimport { CategoryLink, CountText, hoverSurface, type NavigateHandler } from './category-parts'\n\nexport type MobileMenuProps = {\n  categories: CategoryNode[]\n  pattern: MobilePattern\n  config: MenuConfig\n  labels: MenuLabels\n  onNavigate: NavigateHandler\n  onClose: () => void\n}\n\nconst rowLink =\n  'min-w-0 flex-1 px-2 py-2.5 text-sm text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring'\n\n/**\n * Header order is back → close → title in the DOM so that Tab from the\n * programmatically focused level title lands on the first item, while the\n * visual order stays back → title → close (`order-*`).\n */\nfunction MobileHeader({\n  title,\n  labels,\n  onBack,\n  onClose,\n  headingRef,\n}: {\n  title: string\n  labels: MenuLabels\n  onBack?: () => void\n  onClose: () => void\n  headingRef?: RefObject<HTMLParagraphElement | null>\n}) {\n  return (\n    <div className=\"flex items-start gap-1 border-b border-border p-2\">\n      {onBack ? (\n        <Button\n          type=\"button\"\n          variant=\"ghost\"\n          size=\"icon-sm\"\n          onClick={onBack}\n          aria-label={labels.back}\n          className={cn('order-1 shrink-0 text-muted-foreground', hoverSurface)}\n        >\n          <BackIcon className=\"h-4 w-4 rtl:rotate-180\" />\n        </Button>\n      ) : null}\n      <Button\n        type=\"button\"\n        variant=\"ghost\"\n        size=\"icon-sm\"\n        onClick={onClose}\n        aria-label={labels.close}\n        className={cn('order-3 shrink-0 text-muted-foreground', hoverSurface)}\n      >\n        <CloseIcon className=\"h-4 w-4\" />\n      </Button>\n      <p\n        ref={headingRef}\n        tabIndex={-1}\n        className=\"order-2 min-w-0 flex-1 break-words px-1 py-1.5 text-sm font-semibold text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\"\n      >\n        {title}\n      </p>\n    </div>\n  )\n}\n\nfunction DrillDownMenu({ categories, config, labels, onNavigate, onClose }: MobileMenuProps) {\n  const [state, dispatch] = useReducer(drillReducer, EMPTY_DRILL)\n  const trail = trailNodes(categories, state.trail)\n  const current = trail.at(-1) ?? null\n  const level = sortNodes(current ? current.children ?? [] : categories)\n  const headingRef = useRef<HTMLParagraphElement>(null)\n  const rowRefs = useRef(new Map<string, HTMLButtonElement | null>())\n  const focusTarget = useRef<{ kind: 'heading' } | { kind: 'row'; id: string } | null>(null)\n\n  useEffect(() => {\n    const target = focusTarget.current\n    if (!target) return\n    focusTarget.current = null\n    if (target.kind === 'heading') headingRef.current?.focus()\n    else rowRefs.current.get(target.id)?.focus()\n  }, [state.trail])\n\n  const push = (node: CategoryNode) => {\n    focusTarget.current = { kind: 'heading' }\n    dispatch({ type: 'push', id: node.id })\n  }\n\n  const pop = () => {\n    const leaving = state.trail.at(-1)\n    if (leaving) focusTarget.current = { kind: 'row', id: leaving }\n    dispatch({ type: 'pop' })\n  }\n\n  return (\n    <div data-qa=\"mobile-menu\" className=\"rounded-lg border border-border bg-popover text-popover-foreground\">\n      <MobileHeader\n        title={current?.label ?? labels.menuTitle}\n        labels={labels}\n        onBack={trail.length > 0 ? pop : undefined}\n        onClose={onClose}\n        headingRef={headingRef}\n      />\n      {trail.length > 1 ? (\n        <div className=\"flex flex-wrap items-center gap-0.5 border-b border-border px-2 py-1\">\n          <Button\n            type=\"button\"\n            variant=\"link\"\n            size=\"xs\"\n            className=\"h-6 min-h-6 px-1 text-xs\"\n            onClick={() => {\n              focusTarget.current = { kind: 'heading' }\n              dispatch({ type: 'reset' })\n            }}\n          >\n            {labels.menuTitle}\n          </Button>\n          {trail.slice(0, -1).map((node, index) => (\n            <Fragment key={node.id}>\n              <span aria-hidden=\"true\" className=\"text-xs text-muted-foreground\">\n                {labels.crumbSeparator}\n              </span>\n              <Button\n                type=\"button\"\n                variant=\"link\"\n                size=\"xs\"\n                className=\"h-6 min-h-6 px-1 text-xs\"\n                onClick={() => {\n                  focusTarget.current = { kind: 'heading' }\n                  dispatch({ type: 'jump', index })\n                }}\n              >\n                {node.label}\n              </Button>\n            </Fragment>\n          ))}\n        </div>\n      ) : null}\n      <ul\n        className=\"max-h-96 space-y-0.5 overflow-y-auto p-2\"\n        aria-label={\n          current ? formatLabel(labels.panelLabel, { name: current.label }) : labels.rootLabel\n        }\n      >\n        {current && config.showViewAll && current.href ? (\n          <li className=\"border-b border-border pb-1\">\n            <a\n              href={current.href}\n              onClick={() => onNavigate(current)}\n              className=\"block rounded-md px-2 py-2 text-sm font-semibold text-primary underline-offset-2 hover:underline focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\"\n            >\n              {formatLabel(labels.viewAll, { name: current.label })}\n            </a>\n          </li>\n        ) : null}\n        {level.length === 0 ? (\n          <li className=\"px-2 py-3 text-sm text-muted-foreground\">{labels.empty}</li>\n        ) : null}\n        {level.map((node) => (\n          <li key={node.id} className=\"flex items-start gap-1\">\n            <CategoryLink node={node} onNavigate={onNavigate} className={rowLink} />\n            <CountText node={node} config={config} labels={labels} className=\"py-2.5\" />\n            {hasChildren(node) ? (\n              <Button\n                type=\"button\"\n                variant=\"ghost\"\n                size=\"icon-sm\"\n                ref={(element) => {\n                  rowRefs.current.set(node.id, element)\n                }}\n                aria-label={formatLabel(labels.openSubmenu, { name: node.label })}\n                onClick={() => push(node)}\n                className={cn('shrink-0 text-muted-foreground', hoverSurface)}\n              >\n                <ChevronIcon className=\"h-4 w-4 -rotate-90 rtl:rotate-90\" />\n              </Button>\n            ) : null}\n          </li>\n        ))}\n      </ul>\n    </div>\n  )\n}\n\nfunction AccordionNode({\n  node,\n  level,\n  config,\n  labels,\n  onNavigate,\n}: {\n  node: CategoryNode\n  level: number\n  config: MenuConfig\n  labels: MenuLabels\n  onNavigate: NavigateHandler\n}) {\n  const [expanded, setExpanded] = useState(false)\n  const contentId = useId()\n  const expandable = hasChildren(node) && level < config.deepLevelLimit\n\n  return (\n    <li>\n      <div className=\"flex items-start gap-1\">\n        <CategoryLink node={node} onNavigate={onNavigate} className={rowLink} />\n        <CountText node={node} config={config} labels={labels} className=\"py-2.5\" />\n        {expandable ? (\n          <Button\n            type=\"button\"\n            variant=\"ghost\"\n            size=\"icon-sm\"\n            aria-expanded={expanded}\n            aria-controls={contentId}\n            aria-label={formatLabel(labels.openSubmenu, { name: node.label })}\n            onClick={() => setExpanded((current) => !current)}\n            className={cn('shrink-0 text-muted-foreground', hoverSurface)}\n          >\n            <ChevronIcon\n              className={cn(\n                'h-4 w-4 transition-transform motion-reduce:transition-none',\n                expanded && 'rotate-180',\n              )}\n            />\n          </Button>\n        ) : null}\n      </div>\n      {expandable ? (\n        <div id={contentId} hidden={!expanded} className=\"ms-2 border-s border-border ps-2\">\n          {expanded ? (\n            <ul className=\"space-y-0.5\">\n              {sortNodes(node.children ?? []).map((child) => (\n                <AccordionNode\n                  key={child.id}\n                  node={child}\n                  level={level + 1}\n                  config={config}\n                  labels={labels}\n                  onNavigate={onNavigate}\n                />\n              ))}\n            </ul>\n          ) : null}\n        </div>\n      ) : null}\n    </li>\n  )\n}\n\nfunction AccordionMenu({ categories, config, labels, onNavigate, onClose }: MobileMenuProps) {\n  return (\n    <div data-qa=\"mobile-menu\" className=\"rounded-lg border border-border bg-popover text-popover-foreground\">\n      <MobileHeader title={labels.menuTitle} labels={labels} onClose={onClose} />\n      <ul className=\"max-h-96 space-y-0.5 overflow-y-auto p-2\" aria-label={labels.rootLabel}>\n        {sortNodes(categories).map((node) => (\n          <AccordionNode\n            key={node.id}\n            node={node}\n            level={1}\n            config={config}\n            labels={labels}\n            onNavigate={onNavigate}\n          />\n        ))}\n      </ul>\n    </div>\n  )\n}\n\nexport function MobileMenu(props: MobileMenuProps) {\n  return props.pattern === 'accordion' ? <AccordionMenu {...props} /> : <DrillDownMenu {...props} />\n}\n"],"mappings":"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","names":[]}

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

@@ -0,0 +1,31 @@
+import type { CategoryNode, MenuConfig, PresentationReason, Promotion, ResolvedPresentation } from './contracts';
+/** A catalog four levels deep reads better as a cascade than as columns. */
+export declare const DEEP_DEPTH = 4;
+/** A level with more than this many siblings needs its own flyout. */
+export declare const WIDE_LEVEL = 12;
+/** Promotions only earn a panel when there is enough catalog around them. */
+export declare const PROMO_MIN_NODES = 12;
+/** Images only earn the visual presentation when there is enough to browse. */
+export declare const VISUAL_MIN_NODES = 8;
+export type ColumnGroup = {
+    node: CategoryNode;
+    links: CategoryNode[];
+    overflow: CategoryNode[];
+    viewAll: boolean;
+};
+/**
+ * Picks one of the four presentations from the data and the configuration.
+ * A forced presentation always wins; `auto` follows the documented order:
+ * deep → wide → promotions → images → columns.
+ */
+export declare function resolvePresentation(categories: readonly CategoryNode[], config: MenuConfig, promotions?: readonly Promotion[]): {
+    presentation: ResolvedPresentation;
+    reason: PresentationReason;
+};
+/**
+ * Turns the children of the active category into columns: the child is the
+ * column title, its children are the links. Links past `maxLinksPerColumn`
+ * are reported as overflow so the panel can offer «Ver todo».
+ */
+export declare function buildColumnGroups(node: CategoryNode | undefined, config: MenuConfig): ColumnGroup[];
+//# sourceMappingURL=presentation.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"presentation.d.ts","sourceRoot":"","sources":["../../../../src/blocks/designs/mega-menu-universal/presentation.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,YAAY,EACZ,UAAU,EACV,kBAAkB,EAClB,SAAS,EACT,oBAAoB,EACrB,MAAM,aAAa,CAAA;AAGpB,4EAA4E;AAC5E,eAAO,MAAM,UAAU,IAAI,CAAA;AAC3B,sEAAsE;AACtE,eAAO,MAAM,UAAU,KAAK,CAAA;AAC5B,6EAA6E;AAC7E,eAAO,MAAM,eAAe,KAAK,CAAA;AACjC,+EAA+E;AAC/E,eAAO,MAAM,gBAAgB,IAAI,CAAA;AAEjC,MAAM,MAAM,WAAW,GAAG;IACxB,IAAI,EAAE,YAAY,CAAA;IAClB,KAAK,EAAE,YAAY,EAAE,CAAA;IACrB,QAAQ,EAAE,YAAY,EAAE,CAAA;IACxB,OAAO,EAAE,OAAO,CAAA;CACjB,CAAA;AAMD;;;;GAIG;AACH,wBAAgB,mBAAmB,CACjC,UAAU,EAAE,SAAS,YAAY,EAAE,EACnC,MAAM,EAAE,UAAU,EAClB,UAAU,GAAE,SAAS,SAAS,EAAO,GACpC;IAAE,YAAY,EAAE,oBAAoB,CAAC;IAAC,MAAM,EAAE,kBAAkB,CAAA;CAAE,CAmBpE;AAED;;;;GAIG;AACH,wBAAgB,iBAAiB,CAC/B,IAAI,EAAE,YAAY,GAAG,SAAS,EAC9B,MAAM,EAAE,UAAU,GACjB,WAAW,EAAE,CAQf"}

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

@@ -0,0 +1,73 @@
+"use strict";
+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 presentation_exports = {};
+__export(presentation_exports, {
+  DEEP_DEPTH: () => DEEP_DEPTH,
+  PROMO_MIN_NODES: () => PROMO_MIN_NODES,
+  VISUAL_MIN_NODES: () => VISUAL_MIN_NODES,
+  WIDE_LEVEL: () => WIDE_LEVEL,
+  buildColumnGroups: () => buildColumnGroups,
+  resolvePresentation: () => resolvePresentation
+});
+module.exports = __toCommonJS(presentation_exports);
+var import_taxonomy = require("./taxonomy.js");
+const DEEP_DEPTH = 4;
+const WIDE_LEVEL = 12;
+const PROMO_MIN_NODES = 12;
+const VISUAL_MIN_NODES = 8;
+function hasAnyImage(nodes) {
+  return nodes.some((node) => Boolean(node.image) || hasAnyImage(node.children ?? []));
+}
+function resolvePresentation(categories, config, promotions = []) {
+  if (config.presentation !== "auto") {
+    return { presentation: config.presentation, reason: "forced" };
+  }
+  if (categories.length === 0) return { presentation: "columns", reason: "empty" };
+  const depth = (0, import_taxonomy.maxDepth)(categories);
+  const widest = (0, import_taxonomy.widestLevel)(categories);
+  const total = (0, import_taxonomy.countNodes)(categories);
+  if (depth >= DEEP_DEPTH) return { presentation: "cascade", reason: "deep" };
+  if (widest > WIDE_LEVEL) return { presentation: "cascade", reason: "wide" };
+  if (config.showPromotions && promotions.length > 0 && total >= PROMO_MIN_NODES) {
+    return { presentation: "hybrid", reason: "promotions" };
+  }
+  if (config.showImages && hasAnyImage(categories) && total >= VISUAL_MIN_NODES) {
+    return { presentation: "visual", reason: "images" };
+  }
+  return { presentation: "columns", reason: "compact" };
+}
+function buildColumnGroups(node, config) {
+  const children = (0, import_taxonomy.sortNodes)(node?.children ?? []).slice(0, config.maxColumns);
+  return children.map((child) => {
+    const links = (0, import_taxonomy.sortNodes)(child.children ?? []);
+    const shown = links.slice(0, config.maxLinksPerColumn);
+    const overflow = links.slice(config.maxLinksPerColumn);
+    return { node: child, links: shown, overflow, viewAll: overflow.length > 0 };
+  });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  DEEP_DEPTH,
+  PROMO_MIN_NODES,
+  VISUAL_MIN_NODES,
+  WIDE_LEVEL,
+  buildColumnGroups,
+  resolvePresentation
+});
+//# sourceMappingURL=presentation.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/blocks/designs/mega-menu-universal/presentation.ts"],"sourcesContent":["import type {\n  CategoryNode,\n  MenuConfig,\n  PresentationReason,\n  Promotion,\n  ResolvedPresentation,\n} from './contracts'\nimport { countNodes, maxDepth, sortNodes, widestLevel } from './taxonomy'\n\n/** A catalog four levels deep reads better as a cascade than as columns. */\nexport const DEEP_DEPTH = 4\n/** A level with more than this many siblings needs its own flyout. */\nexport const WIDE_LEVEL = 12\n/** Promotions only earn a panel when there is enough catalog around them. */\nexport const PROMO_MIN_NODES = 12\n/** Images only earn the visual presentation when there is enough to browse. */\nexport const VISUAL_MIN_NODES = 8\n\nexport type ColumnGroup = {\n  node: CategoryNode\n  links: CategoryNode[]\n  overflow: CategoryNode[]\n  viewAll: boolean\n}\n\nfunction hasAnyImage(nodes: readonly CategoryNode[]): boolean {\n  return nodes.some((node) => Boolean(node.image) || hasAnyImage(node.children ?? []))\n}\n\n/**\n * Picks one of the four presentations from the data and the configuration.\n * A forced presentation always wins; `auto` follows the documented order:\n * deep → wide → promotions → images → columns.\n */\nexport function resolvePresentation(\n  categories: readonly CategoryNode[],\n  config: MenuConfig,\n  promotions: readonly Promotion[] = [],\n): { presentation: ResolvedPresentation; reason: PresentationReason } {\n  if (config.presentation !== 'auto') {\n    return { presentation: config.presentation, reason: 'forced' }\n  }\n  if (categories.length === 0) return { presentation: 'columns', reason: 'empty' }\n\n  const depth = maxDepth(categories)\n  const widest = widestLevel(categories)\n  const total = countNodes(categories)\n\n  if (depth >= DEEP_DEPTH) return { presentation: 'cascade', reason: 'deep' }\n  if (widest > WIDE_LEVEL) return { presentation: 'cascade', reason: 'wide' }\n  if (config.showPromotions && promotions.length > 0 && total >= PROMO_MIN_NODES) {\n    return { presentation: 'hybrid', reason: 'promotions' }\n  }\n  if (config.showImages && hasAnyImage(categories) && total >= VISUAL_MIN_NODES) {\n    return { presentation: 'visual', reason: 'images' }\n  }\n  return { presentation: 'columns', reason: 'compact' }\n}\n\n/**\n * Turns the children of the active category into columns: the child is the\n * column title, its children are the links. Links past `maxLinksPerColumn`\n * are reported as overflow so the panel can offer «Ver todo».\n */\nexport function buildColumnGroups(\n  node: CategoryNode | undefined,\n  config: MenuConfig,\n): ColumnGroup[] {\n  const children = sortNodes(node?.children ?? []).slice(0, config.maxColumns)\n  return children.map((child) => {\n    const links = sortNodes(child.children ?? [])\n    const shown = links.slice(0, config.maxLinksPerColumn)\n    const overflow = links.slice(config.maxLinksPerColumn)\n    return { node: child, links: shown, overflow, viewAll: overflow.length > 0 }\n  })\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAOA,sBAA6D;AAGtD,MAAM,aAAa;AAEnB,MAAM,aAAa;AAEnB,MAAM,kBAAkB;AAExB,MAAM,mBAAmB;AAShC,SAAS,YAAY,OAAyC;AAC5D,SAAO,MAAM,KAAK,CAAC,SAAS,QAAQ,KAAK,KAAK,KAAK,YAAY,KAAK,YAAY,CAAC,CAAC,CAAC;AACrF;AAOO,SAAS,oBACd,YACA,QACA,aAAmC,CAAC,GACgC;AACpE,MAAI,OAAO,iBAAiB,QAAQ;AAClC,WAAO,EAAE,cAAc,OAAO,cAAc,QAAQ,SAAS;AAAA,EAC/D;AACA,MAAI,WAAW,WAAW,EAAG,QAAO,EAAE,cAAc,WAAW,QAAQ,QAAQ;AAE/E,QAAM,YAAQ,0BAAS,UAAU;AACjC,QAAM,aAAS,6BAAY,UAAU;AACrC,QAAM,YAAQ,4BAAW,UAAU;AAEnC,MAAI,SAAS,WAAY,QAAO,EAAE,cAAc,WAAW,QAAQ,OAAO;AAC1E,MAAI,SAAS,WAAY,QAAO,EAAE,cAAc,WAAW,QAAQ,OAAO;AAC1E,MAAI,OAAO,kBAAkB,WAAW,SAAS,KAAK,SAAS,iBAAiB;AAC9E,WAAO,EAAE,cAAc,UAAU,QAAQ,aAAa;AAAA,EACxD;AACA,MAAI,OAAO,cAAc,YAAY,UAAU,KAAK,SAAS,kBAAkB;AAC7E,WAAO,EAAE,cAAc,UAAU,QAAQ,SAAS;AAAA,EACpD;AACA,SAAO,EAAE,cAAc,WAAW,QAAQ,UAAU;AACtD;AAOO,SAAS,kBACd,MACA,QACe;AACf,QAAM,eAAW,2BAAU,MAAM,YAAY,CAAC,CAAC,EAAE,MAAM,GAAG,OAAO,UAAU;AAC3E,SAAO,SAAS,IAAI,CAAC,UAAU;AAC7B,UAAM,YAAQ,2BAAU,MAAM,YAAY,CAAC,CAAC;AAC5C,UAAM,QAAQ,MAAM,MAAM,GAAG,OAAO,iBAAiB;AACrD,UAAM,WAAW,MAAM,MAAM,OAAO,iBAAiB;AACrD,WAAO,EAAE,MAAM,OAAO,OAAO,OAAO,UAAU,SAAS,SAAS,SAAS,EAAE;AAAA,EAC7E,CAAC;AACH;","names":[]}

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

@@ -0,0 +1,44 @@
+import { countNodes, maxDepth, sortNodes, widestLevel } from "./taxonomy.mjs";
+const DEEP_DEPTH = 4;
+const WIDE_LEVEL = 12;
+const PROMO_MIN_NODES = 12;
+const VISUAL_MIN_NODES = 8;
+function hasAnyImage(nodes) {
+  return nodes.some((node) => Boolean(node.image) || hasAnyImage(node.children ?? []));
+}
+function resolvePresentation(categories, config, promotions = []) {
+  if (config.presentation !== "auto") {
+    return { presentation: config.presentation, reason: "forced" };
+  }
+  if (categories.length === 0) return { presentation: "columns", reason: "empty" };
+  const depth = maxDepth(categories);
+  const widest = widestLevel(categories);
+  const total = countNodes(categories);
+  if (depth >= DEEP_DEPTH) return { presentation: "cascade", reason: "deep" };
+  if (widest > WIDE_LEVEL) return { presentation: "cascade", reason: "wide" };
+  if (config.showPromotions && promotions.length > 0 && total >= PROMO_MIN_NODES) {
+    return { presentation: "hybrid", reason: "promotions" };
+  }
+  if (config.showImages && hasAnyImage(categories) && total >= VISUAL_MIN_NODES) {
+    return { presentation: "visual", reason: "images" };
+  }
+  return { presentation: "columns", reason: "compact" };
+}
+function buildColumnGroups(node, config) {
+  const children = sortNodes(node?.children ?? []).slice(0, config.maxColumns);
+  return children.map((child) => {
+    const links = sortNodes(child.children ?? []);
+    const shown = links.slice(0, config.maxLinksPerColumn);
+    const overflow = links.slice(config.maxLinksPerColumn);
+    return { node: child, links: shown, overflow, viewAll: overflow.length > 0 };
+  });
+}
+export {
+  DEEP_DEPTH,
+  PROMO_MIN_NODES,
+  VISUAL_MIN_NODES,
+  WIDE_LEVEL,
+  buildColumnGroups,
+  resolvePresentation
+};
+//# sourceMappingURL=presentation.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/blocks/designs/mega-menu-universal/presentation.ts"],"sourcesContent":["import type {\n  CategoryNode,\n  MenuConfig,\n  PresentationReason,\n  Promotion,\n  ResolvedPresentation,\n} from './contracts'\nimport { countNodes, maxDepth, sortNodes, widestLevel } from './taxonomy'\n\n/** A catalog four levels deep reads better as a cascade than as columns. */\nexport const DEEP_DEPTH = 4\n/** A level with more than this many siblings needs its own flyout. */\nexport const WIDE_LEVEL = 12\n/** Promotions only earn a panel when there is enough catalog around them. */\nexport const PROMO_MIN_NODES = 12\n/** Images only earn the visual presentation when there is enough to browse. */\nexport const VISUAL_MIN_NODES = 8\n\nexport type ColumnGroup = {\n  node: CategoryNode\n  links: CategoryNode[]\n  overflow: CategoryNode[]\n  viewAll: boolean\n}\n\nfunction hasAnyImage(nodes: readonly CategoryNode[]): boolean {\n  return nodes.some((node) => Boolean(node.image) || hasAnyImage(node.children ?? []))\n}\n\n/**\n * Picks one of the four presentations from the data and the configuration.\n * A forced presentation always wins; `auto` follows the documented order:\n * deep → wide → promotions → images → columns.\n */\nexport function resolvePresentation(\n  categories: readonly CategoryNode[],\n  config: MenuConfig,\n  promotions: readonly Promotion[] = [],\n): { presentation: ResolvedPresentation; reason: PresentationReason } {\n  if (config.presentation !== 'auto') {\n    return { presentation: config.presentation, reason: 'forced' }\n  }\n  if (categories.length === 0) return { presentation: 'columns', reason: 'empty' }\n\n  const depth = maxDepth(categories)\n  const widest = widestLevel(categories)\n  const total = countNodes(categories)\n\n  if (depth >= DEEP_DEPTH) return { presentation: 'cascade', reason: 'deep' }\n  if (widest > WIDE_LEVEL) return { presentation: 'cascade', reason: 'wide' }\n  if (config.showPromotions && promotions.length > 0 && total >= PROMO_MIN_NODES) {\n    return { presentation: 'hybrid', reason: 'promotions' }\n  }\n  if (config.showImages && hasAnyImage(categories) && total >= VISUAL_MIN_NODES) {\n    return { presentation: 'visual', reason: 'images' }\n  }\n  return { presentation: 'columns', reason: 'compact' }\n}\n\n/**\n * Turns the children of the active category into columns: the child is the\n * column title, its children are the links. Links past `maxLinksPerColumn`\n * are reported as overflow so the panel can offer «Ver todo».\n */\nexport function buildColumnGroups(\n  node: CategoryNode | undefined,\n  config: MenuConfig,\n): ColumnGroup[] {\n  const children = sortNodes(node?.children ?? []).slice(0, config.maxColumns)\n  return children.map((child) => {\n    const links = sortNodes(child.children ?? [])\n    const shown = links.slice(0, config.maxLinksPerColumn)\n    const overflow = links.slice(config.maxLinksPerColumn)\n    return { node: child, links: shown, overflow, viewAll: overflow.length > 0 }\n  })\n}\n"],"mappings":"AAOA,SAAS,YAAY,UAAU,WAAW,mBAAmB;AAGtD,MAAM,aAAa;AAEnB,MAAM,aAAa;AAEnB,MAAM,kBAAkB;AAExB,MAAM,mBAAmB;AAShC,SAAS,YAAY,OAAyC;AAC5D,SAAO,MAAM,KAAK,CAAC,SAAS,QAAQ,KAAK,KAAK,KAAK,YAAY,KAAK,YAAY,CAAC,CAAC,CAAC;AACrF;AAOO,SAAS,oBACd,YACA,QACA,aAAmC,CAAC,GACgC;AACpE,MAAI,OAAO,iBAAiB,QAAQ;AAClC,WAAO,EAAE,cAAc,OAAO,cAAc,QAAQ,SAAS;AAAA,EAC/D;AACA,MAAI,WAAW,WAAW,EAAG,QAAO,EAAE,cAAc,WAAW,QAAQ,QAAQ;AAE/E,QAAM,QAAQ,SAAS,UAAU;AACjC,QAAM,SAAS,YAAY,UAAU;AACrC,QAAM,QAAQ,WAAW,UAAU;AAEnC,MAAI,SAAS,WAAY,QAAO,EAAE,cAAc,WAAW,QAAQ,OAAO;AAC1E,MAAI,SAAS,WAAY,QAAO,EAAE,cAAc,WAAW,QAAQ,OAAO;AAC1E,MAAI,OAAO,kBAAkB,WAAW,SAAS,KAAK,SAAS,iBAAiB;AAC9E,WAAO,EAAE,cAAc,UAAU,QAAQ,aAAa;AAAA,EACxD;AACA,MAAI,OAAO,cAAc,YAAY,UAAU,KAAK,SAAS,kBAAkB;AAC7E,WAAO,EAAE,cAAc,UAAU,QAAQ,SAAS;AAAA,EACpD;AACA,SAAO,EAAE,cAAc,WAAW,QAAQ,UAAU;AACtD;AAOO,SAAS,kBACd,MACA,QACe;AACf,QAAM,WAAW,UAAU,MAAM,YAAY,CAAC,CAAC,EAAE,MAAM,GAAG,OAAO,UAAU;AAC3E,SAAO,SAAS,IAAI,CAAC,UAAU;AAC7B,UAAM,QAAQ,UAAU,MAAM,YAAY,CAAC,CAAC;AAC5C,UAAM,QAAQ,MAAM,MAAM,GAAG,OAAO,iBAAiB;AACrD,UAAM,WAAW,MAAM,MAAM,OAAO,iBAAiB;AACrD,WAAO,EAAE,MAAM,OAAO,OAAO,OAAO,UAAU,SAAS,SAAS,SAAS,EAAE;AAAA,EAC7E,CAAC;AACH;","names":[]}

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

@@ -0,0 +1,23 @@
+import type { CategoryNode } from './contracts';
+/**
+ * Merchandising order. When no node declares `order`, the authored order is
+ * kept untouched (it is meaningful); otherwise ordered nodes lead, in order,
+ * and unordered ones keep their relative position after them.
+ */
+export declare function sortNodes(nodes: readonly CategoryNode[]): CategoryNode[];
+/** Deepest level of the tree; a flat list is 1, an empty tree is 0. */
+export declare function maxDepth(nodes: readonly CategoryNode[]): number;
+/** Every node in the tree, including the roots. */
+export declare function countNodes(nodes: readonly CategoryNode[]): number;
+/** The largest number of siblings at any level. */
+export declare function widestLevel(nodes: readonly CategoryNode[]): number;
+/** Path from a root to the node with `id`; empty when the id is absent. */
+export declare function findPath(nodes: readonly CategoryNode[], id: string): CategoryNode[];
+export declare function findNode(nodes: readonly CategoryNode[], id: string): CategoryNode | undefined;
+export declare function hasChildren(node?: CategoryNode): boolean;
+/** True when the node has more children than the menu shows at once. */
+export declare function needsViewAll(node: CategoryNode | undefined, limit: number): boolean;
+export declare function sliceChildren(node: CategoryNode | undefined, limit: number): CategoryNode[];
+/** Depth of a node inside the tree, counting roots as 1; 0 when absent. */
+export declare function depthOf(nodes: readonly CategoryNode[], id: string): number;
+//# sourceMappingURL=taxonomy.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"taxonomy.d.ts","sourceRoot":"","sources":["../../../../src/blocks/designs/mega-menu-universal/taxonomy.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAA;AAE/C;;;;GAIG;AACH,wBAAgB,SAAS,CAAC,KAAK,EAAE,SAAS,YAAY,EAAE,GAAG,YAAY,EAAE,CAGxE;AAED,uEAAuE;AACvE,wBAAgB,QAAQ,CAAC,KAAK,EAAE,SAAS,YAAY,EAAE,GAAG,MAAM,CAO/D;AAED,mDAAmD;AACnD,wBAAgB,UAAU,CAAC,KAAK,EAAE,SAAS,YAAY,EAAE,GAAG,MAAM,CAEjE;AAED,mDAAmD;AACnD,wBAAgB,WAAW,CAAC,KAAK,EAAE,SAAS,YAAY,EAAE,GAAG,MAAM,CAQlE;AAED,2EAA2E;AAC3E,wBAAgB,QAAQ,CAAC,KAAK,EAAE,SAAS,YAAY,EAAE,EAAE,EAAE,EAAE,MAAM,GAAG,YAAY,EAAE,CAOnF;AAED,wBAAgB,QAAQ,CAAC,KAAK,EAAE,SAAS,YAAY,EAAE,EAAE,EAAE,EAAE,MAAM,GAAG,YAAY,GAAG,SAAS,CAO7F;AAED,wBAAgB,WAAW,CAAC,IAAI,CAAC,EAAE,YAAY,GAAG,OAAO,CAExD;AAED,wEAAwE;AACxE,wBAAgB,YAAY,CAAC,IAAI,EAAE,YAAY,GAAG,SAAS,EAAE,KAAK,EAAE,MAAM,GAAG,OAAO,CAEnF;AAED,wBAAgB,aAAa,CAAC,IAAI,EAAE,YAAY,GAAG,SAAS,EAAE,KAAK,EAAE,MAAM,GAAG,YAAY,EAAE,CAE3F;AAED,2EAA2E;AAC3E,wBAAgB,OAAO,CAAC,KAAK,EAAE,SAAS,YAAY,EAAE,EAAE,EAAE,EAAE,MAAM,GAAG,MAAM,CAE1E"}

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

@@ -0,0 +1,98 @@
+"use strict";
+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 taxonomy_exports = {};
+__export(taxonomy_exports, {
+  countNodes: () => countNodes,
+  depthOf: () => depthOf,
+  findNode: () => findNode,
+  findPath: () => findPath,
+  hasChildren: () => hasChildren,
+  maxDepth: () => maxDepth,
+  needsViewAll: () => needsViewAll,
+  sliceChildren: () => sliceChildren,
+  sortNodes: () => sortNodes,
+  widestLevel: () => widestLevel
+});
+module.exports = __toCommonJS(taxonomy_exports);
+function sortNodes(nodes) {
+  if (!nodes.some((node) => typeof node.order === "number")) return [...nodes];
+  return [...nodes].sort((a, b) => (a.order ?? Number.MAX_SAFE_INTEGER) - (b.order ?? Number.MAX_SAFE_INTEGER));
+}
+function maxDepth(nodes) {
+  let deepest = 0;
+  for (const node of nodes) {
+    const depth = 1 + maxDepth(node.children ?? []);
+    if (depth > deepest) deepest = depth;
+  }
+  return deepest;
+}
+function countNodes(nodes) {
+  return nodes.reduce((total, node) => total + 1 + countNodes(node.children ?? []), 0);
+}
+function widestLevel(nodes) {
+  if (nodes.length === 0) return 0;
+  let widest = nodes.length;
+  for (const node of nodes) {
+    const childWidth = widestLevel(node.children ?? []);
+    if (childWidth > widest) widest = childWidth;
+  }
+  return widest;
+}
+function findPath(nodes, id) {
+  for (const node of nodes) {
+    if (node.id === id) return [node];
+    const childPath = findPath(node.children ?? [], id);
+    if (childPath.length > 0) return [node, ...childPath];
+  }
+  return [];
+}
+function findNode(nodes, id) {
+  for (const node of nodes) {
+    if (node.id === id) return node;
+    const found = findNode(node.children ?? [], id);
+    if (found) return found;
+  }
+  return void 0;
+}
+function hasChildren(node) {
+  return (node?.children?.length ?? 0) > 0;
+}
+function needsViewAll(node, limit) {
+  return (node?.children?.length ?? 0) > limit;
+}
+function sliceChildren(node, limit) {
+  return sortNodes(node?.children ?? []).slice(0, Math.max(0, limit));
+}
+function depthOf(nodes, id) {
+  return findPath(nodes, id).length;
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  countNodes,
+  depthOf,
+  findNode,
+  findPath,
+  hasChildren,
+  maxDepth,
+  needsViewAll,
+  sliceChildren,
+  sortNodes,
+  widestLevel
+});
+//# sourceMappingURL=taxonomy.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/blocks/designs/mega-menu-universal/taxonomy.ts"],"sourcesContent":["import type { CategoryNode } from './contracts'\n\n/**\n * Merchandising order. When no node declares `order`, the authored order is\n * kept untouched (it is meaningful); otherwise ordered nodes lead, in order,\n * and unordered ones keep their relative position after them.\n */\nexport function sortNodes(nodes: readonly CategoryNode[]): CategoryNode[] {\n  if (!nodes.some((node) => typeof node.order === 'number')) return [...nodes]\n  return [...nodes].sort((a, b) => (a.order ?? Number.MAX_SAFE_INTEGER) - (b.order ?? Number.MAX_SAFE_INTEGER))\n}\n\n/** Deepest level of the tree; a flat list is 1, an empty tree is 0. */\nexport function maxDepth(nodes: readonly CategoryNode[]): number {\n  let deepest = 0\n  for (const node of nodes) {\n    const depth = 1 + maxDepth(node.children ?? [])\n    if (depth > deepest) deepest = depth\n  }\n  return deepest\n}\n\n/** Every node in the tree, including the roots. */\nexport function countNodes(nodes: readonly CategoryNode[]): number {\n  return nodes.reduce((total, node) => total + 1 + countNodes(node.children ?? []), 0)\n}\n\n/** The largest number of siblings at any level. */\nexport function widestLevel(nodes: readonly CategoryNode[]): number {\n  if (nodes.length === 0) return 0\n  let widest = nodes.length\n  for (const node of nodes) {\n    const childWidth = widestLevel(node.children ?? [])\n    if (childWidth > widest) widest = childWidth\n  }\n  return widest\n}\n\n/** Path from a root to the node with `id`; empty when the id is absent. */\nexport function findPath(nodes: readonly CategoryNode[], id: string): CategoryNode[] {\n  for (const node of nodes) {\n    if (node.id === id) return [node]\n    const childPath = findPath(node.children ?? [], id)\n    if (childPath.length > 0) return [node, ...childPath]\n  }\n  return []\n}\n\nexport function findNode(nodes: readonly CategoryNode[], id: string): CategoryNode | undefined {\n  for (const node of nodes) {\n    if (node.id === id) return node\n    const found = findNode(node.children ?? [], id)\n    if (found) return found\n  }\n  return undefined\n}\n\nexport function hasChildren(node?: CategoryNode): boolean {\n  return (node?.children?.length ?? 0) > 0\n}\n\n/** True when the node has more children than the menu shows at once. */\nexport function needsViewAll(node: CategoryNode | undefined, limit: number): boolean {\n  return (node?.children?.length ?? 0) > limit\n}\n\nexport function sliceChildren(node: CategoryNode | undefined, limit: number): CategoryNode[] {\n  return sortNodes(node?.children ?? []).slice(0, Math.max(0, limit))\n}\n\n/** Depth of a node inside the tree, counting roots as 1; 0 when absent. */\nexport function depthOf(nodes: readonly CategoryNode[], id: string): number {\n  return findPath(nodes, id).length\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAOO,SAAS,UAAU,OAAgD;AACxE,MAAI,CAAC,MAAM,KAAK,CAAC,SAAS,OAAO,KAAK,UAAU,QAAQ,EAAG,QAAO,CAAC,GAAG,KAAK;AAC3E,SAAO,CAAC,GAAG,KAAK,EAAE,KAAK,CAAC,GAAG,OAAO,EAAE,SAAS,OAAO,qBAAqB,EAAE,SAAS,OAAO,iBAAiB;AAC9G;AAGO,SAAS,SAAS,OAAwC;AAC/D,MAAI,UAAU;AACd,aAAW,QAAQ,OAAO;AACxB,UAAM,QAAQ,IAAI,SAAS,KAAK,YAAY,CAAC,CAAC;AAC9C,QAAI,QAAQ,QAAS,WAAU;AAAA,EACjC;AACA,SAAO;AACT;AAGO,SAAS,WAAW,OAAwC;AACjE,SAAO,MAAM,OAAO,CAAC,OAAO,SAAS,QAAQ,IAAI,WAAW,KAAK,YAAY,CAAC,CAAC,GAAG,CAAC;AACrF;AAGO,SAAS,YAAY,OAAwC;AAClE,MAAI,MAAM,WAAW,EAAG,QAAO;AAC/B,MAAI,SAAS,MAAM;AACnB,aAAW,QAAQ,OAAO;AACxB,UAAM,aAAa,YAAY,KAAK,YAAY,CAAC,CAAC;AAClD,QAAI,aAAa,OAAQ,UAAS;AAAA,EACpC;AACA,SAAO;AACT;AAGO,SAAS,SAAS,OAAgC,IAA4B;AACnF,aAAW,QAAQ,OAAO;AACxB,QAAI,KAAK,OAAO,GAAI,QAAO,CAAC,IAAI;AAChC,UAAM,YAAY,SAAS,KAAK,YAAY,CAAC,GAAG,EAAE;AAClD,QAAI,UAAU,SAAS,EAAG,QAAO,CAAC,MAAM,GAAG,SAAS;AAAA,EACtD;AACA,SAAO,CAAC;AACV;AAEO,SAAS,SAAS,OAAgC,IAAsC;AAC7F,aAAW,QAAQ,OAAO;AACxB,QAAI,KAAK,OAAO,GAAI,QAAO;AAC3B,UAAM,QAAQ,SAAS,KAAK,YAAY,CAAC,GAAG,EAAE;AAC9C,QAAI,MAAO,QAAO;AAAA,EACpB;AACA,SAAO;AACT;AAEO,SAAS,YAAY,MAA8B;AACxD,UAAQ,MAAM,UAAU,UAAU,KAAK;AACzC;AAGO,SAAS,aAAa,MAAgC,OAAwB;AACnF,UAAQ,MAAM,UAAU,UAAU,KAAK;AACzC;AAEO,SAAS,cAAc,MAAgC,OAA+B;AAC3F,SAAO,UAAU,MAAM,YAAY,CAAC,CAAC,EAAE,MAAM,GAAG,KAAK,IAAI,GAAG,KAAK,CAAC;AACpE;AAGO,SAAS,QAAQ,OAAgC,IAAoB;AAC1E,SAAO,SAAS,OAAO,EAAE,EAAE;AAC7B;","names":[]}