@salt-ds/lab 1.0.0-alpha.97 → 1.0.0-alpha.99

package/dist-cjs/mega-menu/useMegaMenuNavigation.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useMegaMenuNavigation.js","sources":["../src/mega-menu/useMegaMenuNavigation.ts"],"sourcesContent":["import type { ElementProps, FloatingRootContext } from \"@floating-ui/react\";\nimport { useMemo } from \"react\";\n\nconst COLUMN_SELECTOR = \"[data-mega-menu-column]\";\nconst ACTIONS_SELECTOR = \"[data-mega-menu-actions]\";\n\nexport const FOCUSABLE_SELECTOR =\n  'a[href], button:not([disabled]), [tabindex]:not([tabindex=\"-1\"])';\n\n// Controls that own the arrow keys (caret, option lists, steppers); the engine\n// leaves their keys alone when focus is inside one.\nconst SELF_CONSUMING_SELECTOR =\n  'input, textarea, select, [contenteditable], [role=\"combobox\"], [role=\"listbox\"], [role=\"slider\"], [role=\"spinbutton\"], [role=\"textbox\"]';\n\n// aria-hidden / inert subtrees are out of the focus order; filtered by ancestor\n// lookup since `:not()` cannot match on an ancestor.\nconst HIDDEN_ANCESTOR_SELECTOR = '[aria-hidden=\"true\"], [inert]';\n\nfunction queryFocusables(root: HTMLElement): HTMLElement[] {\n  return Array.from(\n    root.querySelectorAll<HTMLElement>(FOCUSABLE_SELECTOR),\n  ).filter((el) => !el.closest(HIDDEN_ANCESTOR_SELECTOR));\n}\n\nfunction firstFocusable(root: HTMLElement | null): HTMLElement | null {\n  return root ? (queryFocusables(root)[0] ?? null) : null;\n}\n\ninterface NavModel {\n  /** Columns (`data-mega-menu-column`) in DOM order, each with ≥1 cell. */\n  columns: HTMLElement[];\n  /** Full-width actions row; the bottom of the center area. */\n  actions: HTMLElement[];\n}\n\n/** Build the navigation model from the panel DOM at keypress time. */\nfunction buildModel(panel: HTMLElement): NavModel {\n  const columns = Array.from(\n    panel.querySelectorAll<HTMLElement>(COLUMN_SELECTOR),\n  ).filter((el) => queryFocusables(el).length > 0);\n\n  const actions = Array.from(\n    panel.querySelectorAll<HTMLElement>(ACTIONS_SELECTOR),\n  ).filter((el) => queryFocusables(el).length > 0);\n\n  return { columns, actions };\n}\n\nfunction focusTrigger(context: FloatingRootContext) {\n  const reference = context.elements.reference as HTMLElement | null;\n  (firstFocusable(reference) ?? reference)?.focus();\n}\n\n/** Exit to the next nav-bar trigger and close. Returns false when there is none. */\nfunction focusNextTriggerAndClose(context: FloatingRootContext): boolean {\n  const reference = context.elements.reference as HTMLElement | null;\n  const trigger = firstFocusable(reference) ?? reference;\n  const li = trigger?.closest(\"li\");\n  const next =\n    li?.nextElementSibling instanceof HTMLElement\n      ? firstFocusable(li.nextElementSibling)\n      : null;\n  if (next) {\n    context.onOpenChange(false);\n    next.focus();\n    return true;\n  }\n  return false;\n}\n\n/** True when the grid has collapsed to one stacked column (small viewport). */\nfunction columnsStacked(columns: HTMLElement[]): boolean {\n  if (columns.length < 2) return false;\n  const first = columns[0].getBoundingClientRect();\n  const second = columns[1].getBoundingClientRect();\n  return second.top >= first.bottom - 1;\n}\n\n/** Stacked layout: all arrows degrade to prev/next over every cell. */\nfunction handleLinear(\n  key: string,\n  cell: HTMLElement,\n  panel: HTMLElement,\n  context: FloatingRootContext,\n): boolean {\n  const cells = queryFocusables(panel);\n  const index = cells.indexOf(cell);\n  if (index === -1) return false;\n\n  switch (key) {\n    case \"ArrowDown\":\n    case \"ArrowRight\": {\n      if (index < cells.length - 1) {\n        cells[index + 1].focus();\n      }\n      return true;\n    }\n    case \"ArrowUp\":\n    case \"ArrowLeft\": {\n      if (index > 0) {\n        cells[index - 1].focus();\n      } else {\n        focusTrigger(context);\n      }\n      return true;\n    }\n    case \"Home\": {\n      cells[0]?.focus();\n      return true;\n    }\n    case \"End\": {\n      cells[cells.length - 1]?.focus();\n      return true;\n    }\n    default:\n      return false;\n  }\n}\n\n/** Arrow/Home/End movement from `cell`. Returns `true` when the key was consumed. */\nfunction handleArrow(\n  key: string,\n  cell: HTMLElement,\n  panel: HTMLElement,\n  context: FloatingRootContext,\n): boolean {\n  const { columns, actions } = buildModel(panel);\n\n  if (columnsStacked(columns)) {\n    return handleLinear(key, cell, panel, context);\n  }\n\n  const column = cell.closest<HTMLElement>(COLUMN_SELECTOR);\n  const actionsEl = cell.closest<HTMLElement>(ACTIONS_SELECTOR);\n\n  if (column) {\n    const colIndex = columns.indexOf(column);\n    const cells = queryFocusables(column);\n    const rowIndex = cells.indexOf(cell);\n\n    switch (key) {\n      case \"ArrowDown\": {\n        if (rowIndex < cells.length - 1) {\n          cells[rowIndex + 1].focus();\n        } else if (colIndex < columns.length - 1) {\n          firstFocusable(columns[colIndex + 1])?.focus();\n        } else if (actions.length > 0) {\n          firstFocusable(actions[0])?.focus();\n        } else {\n          focusNextTriggerAndClose(context);\n        }\n        return true;\n      }\n      case \"ArrowUp\": {\n        if (rowIndex > 0) {\n          cells[rowIndex - 1].focus();\n        } else {\n          focusTrigger(context);\n        }\n        return true;\n      }\n      case \"ArrowRight\": {\n        if (colIndex < columns.length - 1) {\n          firstFocusable(columns[colIndex + 1])?.focus();\n          return true;\n        }\n        // Right border column: exit to the next trigger and close if available\n        if (\n          rowIndex === cells.length - 1 &&\n          focusNextTriggerAndClose(context)\n        ) {\n          return true;\n        }\n        // Wrap to the current trigger and keep the menu open,\n        // mirroring Left in the first column.\n        focusTrigger(context);\n        return true;\n      }\n      case \"ArrowLeft\": {\n        if (colIndex > 0) {\n          firstFocusable(columns[colIndex - 1])?.focus();\n        } else {\n          focusTrigger(context);\n        }\n        return true;\n      }\n      case \"Home\": {\n        cells[0]?.focus();\n        return true;\n      }\n      case \"End\": {\n        cells[cells.length - 1]?.focus();\n        return true;\n      }\n      default:\n        return false;\n    }\n  }\n\n  if (actionsEl) {\n    const cells = queryFocusables(actionsEl);\n    const index = cells.indexOf(cell);\n\n    switch (key) {\n      case \"ArrowRight\": {\n        if (index < cells.length - 1) {\n          cells[index + 1].focus();\n        } else if (!focusNextTriggerAndClose(context)) {\n          // Last action with no next trigger: wrap to the current trigger.\n          focusTrigger(context);\n        }\n        return true;\n      }\n      case \"ArrowLeft\": {\n        if (index > 0) {\n          cells[index - 1].focus();\n        } else if (cell === firstFocusable(panel)) {\n          focusTrigger(context);\n        }\n        return true;\n      }\n      case \"ArrowUp\": {\n        if (columns.length > 0) {\n          const lastColumnCells = queryFocusables(columns[columns.length - 1]);\n          lastColumnCells[lastColumnCells.length - 1]?.focus();\n        } else {\n          focusTrigger(context);\n        }\n        return true;\n      }\n      case \"ArrowDown\": {\n        if (index === cells.length - 1) {\n          focusNextTriggerAndClose(context);\n        }\n        return true;\n      }\n      case \"Home\": {\n        cells[0]?.focus();\n        return true;\n      }\n      case \"End\": {\n        cells[cells.length - 1]?.focus();\n        return true;\n      }\n      default:\n        return false;\n    }\n  }\n\n  return false;\n}\n\n/** Focus the first document-focusable after the panel, once it has unmounted. */\nfunction focusNextAfterPanel(context: FloatingRootContext, panel: HTMLElement) {\n  const reference = context.elements.reference as HTMLElement | null;\n  const refFocusable = firstFocusable(reference) ?? reference;\n\n  const nextLi = refFocusable?.closest(\"li\")?.nextElementSibling;\n  const nextSibling =\n    nextLi instanceof HTMLElement ? firstFocusable(nextLi) : null;\n\n  const nextOutside =\n    nextSibling ||\n    (() => {\n      const allFocusable = queryFocusables(\n        panel.ownerDocument.documentElement,\n      ).filter((el) => !panel.contains(el));\n      const idx = refFocusable ? allFocusable.indexOf(refFocusable) : -1;\n      return idx >= 0 ? allFocusable[idx + 1] : undefined;\n    })();\n\n  if (nextOutside) {\n    const view = panel.ownerDocument.defaultView;\n    view?.requestAnimationFrame(() => {\n      view?.requestAnimationFrame(() => {\n        nextOutside.focus();\n      });\n    });\n  }\n}\n\nexport interface UseMegaMenuNavigationProps {\n  /**\n   * Whether the interaction is enabled.\n   * @default true\n   */\n  enabled?: boolean;\n}\n\n/**\n * Floating-ui interaction hook for mega menu keyboard navigation. Handles keys\n * on the panel only; the trigger keys are owned by `MegaMenuTrigger`.\n */\nexport function useMegaMenuNavigation(\n  context: FloatingRootContext,\n  props: UseMegaMenuNavigationProps = {},\n): ElementProps {\n  const { enabled = true } = props;\n  const { open, onOpenChange } = context;\n\n  return useMemo(() => {\n    if (!enabled) {\n      return {};\n    }\n\n    return {\n      floating: {\n        onKeyDown(event: React.KeyboardEvent) {\n          if (!open) return;\n\n          const panel = event.currentTarget as HTMLElement;\n          const target = event.target as HTMLElement;\n          const { key } = event;\n\n          const isArrowOrEdge =\n            key === \"ArrowUp\" ||\n            key === \"ArrowDown\" ||\n            key === \"ArrowLeft\" ||\n            key === \"ArrowRight\" ||\n            key === \"Home\" ||\n            key === \"End\";\n\n          // A self-consuming control keeps its own navigation keys.\n          if (isArrowOrEdge && target.closest(SELF_CONSUMING_SELECTOR)) {\n            return;\n          }\n\n          const cell = target.closest<HTMLElement>(FOCUSABLE_SELECTOR);\n\n          // Tab walks every cell in layout order; the panel is portaled, so the\n          // boundary transitions are handled manually.\n          if (key === \"Tab\") {\n            const allCells = queryFocusables(panel);\n            const linearIndex = cell ? allCells.indexOf(cell) : -1;\n            if (linearIndex === -1) return;\n            event.preventDefault();\n            if (event.shiftKey) {\n              if (linearIndex === 0) {\n                focusTrigger(context);\n              } else {\n                allCells[linearIndex - 1]?.focus();\n              }\n            } else if (linearIndex === allCells.length - 1) {\n              onOpenChange(false);\n              focusNextAfterPanel(context, panel);\n            } else {\n              allCells[linearIndex + 1]?.focus();\n            }\n            return;\n          }\n\n          if (!cell || !isArrowOrEdge) return;\n\n          if (handleArrow(key, cell, panel, context)) {\n            event.preventDefault();\n          }\n        },\n      },\n    };\n  }, [enabled, open, context, onOpenChange]);\n}\n\n/** Focus the first navigable item inside a mega menu panel, retrying until rendered. */\nexport function focusFirstItem(panel: HTMLElement, attempt = 0): void {\n  const firstItem = firstFocusable(panel);\n\n  if (firstItem) {\n    firstItem.focus();\n    return;\n  }\n\n  const view = panel.ownerDocument.defaultView;\n  if (attempt < 3 && view) {\n    view.requestAnimationFrame(() => focusFirstItem(panel, attempt + 1));\n  }\n}\n"],"names":["useMemo"],"mappings":";;;;AAGA,MAAM,eAAA,GAAkB,yBAAA;AACxB,MAAM,gBAAA,GAAmB,0BAAA;AAElB,MAAM,kBAAA,GACX;AAIF,MAAM,uBAAA,GACJ,yIAAA;AAIF,MAAM,wBAAA,GAA2B,+BAAA;AAEjC,SAAS,gBAAgB,IAAA,EAAkC;AACzD,EAAA,OAAO,KAAA,CAAM,IAAA;AAAA,IACX,IAAA,CAAK,iBAA8B,kBAAkB;AAAA,GACvD,CAAE,OAAO,CAAC,EAAA,KAAO,CAAC,EAAA,CAAG,OAAA,CAAQ,wBAAwB,CAAC,CAAA;AACxD;AAEA,SAAS,eAAe,IAAA,EAA8C;AACpE,EAAA,OAAO,OAAQ,eAAA,CAAgB,IAAI,CAAA,CAAE,CAAC,KAAK,IAAA,GAAQ,IAAA;AACrD;AAUA,SAAS,WAAW,KAAA,EAA8B;AAChD,EAAA,MAAM,UAAU,KAAA,CAAM,IAAA;AAAA,IACpB,KAAA,CAAM,iBAA8B,eAAe;AAAA,GACrD,CAAE,OAAO,CAAC,EAAA,KAAO,gBAAgB,EAAE,CAAA,CAAE,SAAS,CAAC,CAAA;AAE/C,EAAA,MAAM,UAAU,KAAA,CAAM,IAAA;AAAA,IACpB,KAAA,CAAM,iBAA8B,gBAAgB;AAAA,GACtD,CAAE,OAAO,CAAC,EAAA,KAAO,gBAAgB,EAAE,CAAA,CAAE,SAAS,CAAC,CAAA;AAE/C,EAAA,OAAO,EAAE,SAAS,OAAA,EAAQ;AAC5B;AAEA,SAAS,aAAa,OAAA,EAA8B;AAhDpD,EAAA,IAAA,EAAA;AAiDE,EAAA,MAAM,SAAA,GAAY,QAAQ,QAAA,CAAS,SAAA;AACnC,EAAA,CAAC,EAAA,GAAA,cAAA,CAAe,SAAS,CAAA,IAAK,SAAA,KAA7B,IAAA,GAAA,MAAA,GAAA,EAAA,CAAyC,KAAA,EAAA;AAC5C;AAGA,SAAS,yBAAyB,OAAA,EAAuC;AACvE,EAAA,MAAM,SAAA,GAAY,QAAQ,QAAA,CAAS,SAAA;AACnC,EAAA,MAAM,OAAA,GAAU,cAAA,CAAe,SAAS,CAAA,IAAK,SAAA;AAC7C,EAAA,MAAM,EAAA,GAAK,mCAAS,OAAA,CAAQ,IAAA,CAAA;AAC5B,EAAA,MAAM,QACJ,EAAA,IAAA,IAAA,GAAA,MAAA,GAAA,EAAA,CAAI,kBAAA,aAA8B,cAC9B,cAAA,CAAe,EAAA,CAAG,kBAAkB,CAAA,GACpC,IAAA;AACN,EAAA,IAAI,IAAA,EAAM;AACR,IAAA,OAAA,CAAQ,aAAa,KAAK,CAAA;AAC1B,IAAA,IAAA,CAAK,KAAA,EAAM;AACX,IAAA,OAAO,IAAA;AAAA,EACT;AACA,EAAA,OAAO,KAAA;AACT;AAGA,SAAS,eAAe,OAAA,EAAiC;AACvD,EAAA,IAAI,OAAA,CAAQ,MAAA,GAAS,CAAA,EAAG,OAAO,KAAA;AAC/B,EAAA,MAAM,KAAA,GAAQ,OAAA,CAAQ,CAAC,CAAA,CAAE,qBAAA,EAAsB;AAC/C,EAAA,MAAM,MAAA,GAAS,OAAA,CAAQ,CAAC,CAAA,CAAE,qBAAA,EAAsB;AAChD,EAAA,OAAO,MAAA,CAAO,GAAA,IAAO,KAAA,CAAM,MAAA,GAAS,CAAA;AACtC;AAGA,SAAS,YAAA,CACP,GAAA,EACA,IAAA,EACA,KAAA,EACA,OAAA,EACS;AApFX,EAAA,IAAA,EAAA,EAAA,EAAA;AAqFE,EAAA,MAAM,KAAA,GAAQ,gBAAgB,KAAK,CAAA;AACnC,EAAA,MAAM,KAAA,GAAQ,KAAA,CAAM,OAAA,CAAQ,IAAI,CAAA;AAChC,EAAA,IAAI,KAAA,KAAU,IAAI,OAAO,KAAA;AAEzB,EAAA,QAAQ,GAAA;AAAK,IACX,KAAK,WAAA;AAAA,IACL,KAAK,YAAA,EAAc;AACjB,MAAA,IAAI,KAAA,GAAQ,KAAA,CAAM,MAAA,GAAS,CAAA,EAAG;AAC5B,QAAA,KAAA,CAAM,KAAA,GAAQ,CAAC,CAAA,CAAE,KAAA,EAAM;AAAA,MACzB;AACA,MAAA,OAAO,IAAA;AAAA,IACT;AAAA,IACA,KAAK,SAAA;AAAA,IACL,KAAK,WAAA,EAAa;AAChB,MAAA,IAAI,QAAQ,CAAA,EAAG;AACb,QAAA,KAAA,CAAM,KAAA,GAAQ,CAAC,CAAA,CAAE,KAAA,EAAM;AAAA,MACzB,CAAA,MAAO;AACL,QAAA,YAAA,CAAa,OAAO,CAAA;AAAA,MACtB;AACA,MAAA,OAAO,IAAA;AAAA,IACT;AAAA,IACA,KAAK,MAAA,EAAQ;AACX,MAAA,CAAA,EAAA,GAAA,KAAA,CAAM,CAAC,MAAP,IAAA,GAAA,MAAA,GAAA,EAAA,CAAU,KAAA,EAAA;AACV,MAAA,OAAO,IAAA;AAAA,IACT;AAAA,IACA,KAAK,KAAA,EAAO;AACV,MAAA,CAAA,EAAA,GAAA,KAAA,CAAM,KAAA,CAAM,MAAA,GAAS,CAAC,CAAA,KAAtB,IAAA,GAAA,MAAA,GAAA,EAAA,CAAyB,KAAA,EAAA;AACzB,MAAA,OAAO,IAAA;AAAA,IACT;AAAA,IACA;AACE,MAAA,OAAO,KAAA;AAAA;AAEb;AAGA,SAAS,WAAA,CACP,GAAA,EACA,IAAA,EACA,KAAA,EACA,OAAA,EACS;AA7HX,EAAA,IAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA;AA8HE,EAAA,MAAM,EAAE,OAAA,EAAS,OAAA,EAAQ,GAAI,WAAW,KAAK,CAAA;AAE7C,EAAA,IAAI,cAAA,CAAe,OAAO,CAAA,EAAG;AAC3B,IAAA,OAAO,YAAA,CAAa,GAAA,EAAK,IAAA,EAAM,KAAA,EAAO,OAAO,CAAA;AAAA,EAC/C;AAEA,EAAA,MAAM,MAAA,GAAS,IAAA,CAAK,OAAA,CAAqB,eAAe,CAAA;AACxD,EAAA,MAAM,SAAA,GAAY,IAAA,CAAK,OAAA,CAAqB,gBAAgB,CAAA;AAE5D,EAAA,IAAI,MAAA,EAAQ;AACV,IAAA,MAAM,QAAA,GAAW,OAAA,CAAQ,OAAA,CAAQ,MAAM,CAAA;AACvC,IAAA,MAAM,KAAA,GAAQ,gBAAgB,MAAM,CAAA;AACpC,IAAA,MAAM,QAAA,GAAW,KAAA,CAAM,OAAA,CAAQ,IAAI,CAAA;AAEnC,IAAA,QAAQ,GAAA;AAAK,MACX,KAAK,WAAA,EAAa;AAChB,QAAA,IAAI,QAAA,GAAW,KAAA,CAAM,MAAA,GAAS,CAAA,EAAG;AAC/B,UAAA,KAAA,CAAM,QAAA,GAAW,CAAC,CAAA,CAAE,KAAA,EAAM;AAAA,QAC5B,CAAA,MAAA,IAAW,QAAA,GAAW,OAAA,CAAQ,MAAA,GAAS,CAAA,EAAG;AACxC,UAAA,CAAA,EAAA,GAAA,cAAA,CAAe,OAAA,CAAQ,QAAA,GAAW,CAAC,CAAC,MAApC,IAAA,GAAA,MAAA,GAAA,EAAA,CAAuC,KAAA,EAAA;AAAA,QACzC,CAAA,MAAA,IAAW,OAAA,CAAQ,MAAA,GAAS,CAAA,EAAG;AAC7B,UAAA,CAAA,EAAA,GAAA,cAAA,CAAe,OAAA,CAAQ,CAAC,CAAC,CAAA,KAAzB,IAAA,GAAA,MAAA,GAAA,EAAA,CAA4B,KAAA,EAAA;AAAA,QAC9B,CAAA,MAAO;AACL,UAAA,wBAAA,CAAyB,OAAO,CAAA;AAAA,QAClC;AACA,QAAA,OAAO,IAAA;AAAA,MACT;AAAA,MACA,KAAK,SAAA,EAAW;AACd,QAAA,IAAI,WAAW,CAAA,EAAG;AAChB,UAAA,KAAA,CAAM,QAAA,GAAW,CAAC,CAAA,CAAE,KAAA,EAAM;AAAA,QAC5B,CAAA,MAAO;AACL,UAAA,YAAA,CAAa,OAAO,CAAA;AAAA,QACtB;AACA,QAAA,OAAO,IAAA;AAAA,MACT;AAAA,MACA,KAAK,YAAA,EAAc;AACjB,QAAA,IAAI,QAAA,GAAW,OAAA,CAAQ,MAAA,GAAS,CAAA,EAAG;AACjC,UAAA,CAAA,EAAA,GAAA,cAAA,CAAe,OAAA,CAAQ,QAAA,GAAW,CAAC,CAAC,MAApC,IAAA,GAAA,MAAA,GAAA,EAAA,CAAuC,KAAA,EAAA;AACvC,UAAA,OAAO,IAAA;AAAA,QACT;AAEA,QAAA,IACE,aAAa,KAAA,CAAM,MAAA,GAAS,CAAA,IAC5B,wBAAA,CAAyB,OAAO,CAAA,EAChC;AACA,UAAA,OAAO,IAAA;AAAA,QACT;AAGA,QAAA,YAAA,CAAa,OAAO,CAAA;AACpB,QAAA,OAAO,IAAA;AAAA,MACT;AAAA,MACA,KAAK,WAAA,EAAa;AAChB,QAAA,IAAI,WAAW,CAAA,EAAG;AAChB,UAAA,CAAA,EAAA,GAAA,cAAA,CAAe,OAAA,CAAQ,QAAA,GAAW,CAAC,CAAC,MAApC,IAAA,GAAA,MAAA,GAAA,EAAA,CAAuC,KAAA,EAAA;AAAA,QACzC,CAAA,MAAO;AACL,UAAA,YAAA,CAAa,OAAO,CAAA;AAAA,QACtB;AACA,QAAA,OAAO,IAAA;AAAA,MACT;AAAA,MACA,KAAK,MAAA,EAAQ;AACX,QAAA,CAAA,EAAA,GAAA,KAAA,CAAM,CAAC,MAAP,IAAA,GAAA,MAAA,GAAA,EAAA,CAAU,KAAA,EAAA;AACV,QAAA,OAAO,IAAA;AAAA,MACT;AAAA,MACA,KAAK,KAAA,EAAO;AACV,QAAA,CAAA,EAAA,GAAA,KAAA,CAAM,KAAA,CAAM,MAAA,GAAS,CAAC,CAAA,KAAtB,IAAA,GAAA,MAAA,GAAA,EAAA,CAAyB,KAAA,EAAA;AACzB,QAAA,OAAO,IAAA;AAAA,MACT;AAAA,MACA;AACE,QAAA,OAAO,KAAA;AAAA;AACX,EACF;AAEA,EAAA,IAAI,SAAA,EAAW;AACb,IAAA,MAAM,KAAA,GAAQ,gBAAgB,SAAS,CAAA;AACvC,IAAA,MAAM,KAAA,GAAQ,KAAA,CAAM,OAAA,CAAQ,IAAI,CAAA;AAEhC,IAAA,QAAQ,GAAA;AAAK,MACX,KAAK,YAAA,EAAc;AACjB,QAAA,IAAI,KAAA,GAAQ,KAAA,CAAM,MAAA,GAAS,CAAA,EAAG;AAC5B,UAAA,KAAA,CAAM,KAAA,GAAQ,CAAC,CAAA,CAAE,KAAA,EAAM;AAAA,QACzB,CAAA,MAAA,IAAW,CAAC,wBAAA,CAAyB,OAAO,CAAA,EAAG;AAE7C,UAAA,YAAA,CAAa,OAAO,CAAA;AAAA,QACtB;AACA,QAAA,OAAO,IAAA;AAAA,MACT;AAAA,MACA,KAAK,WAAA,EAAa;AAChB,QAAA,IAAI,QAAQ,CAAA,EAAG;AACb,UAAA,KAAA,CAAM,KAAA,GAAQ,CAAC,CAAA,CAAE,KAAA,EAAM;AAAA,QACzB,CAAA,MAAA,IAAW,IAAA,KAAS,cAAA,CAAe,KAAK,CAAA,EAAG;AACzC,UAAA,YAAA,CAAa,OAAO,CAAA;AAAA,QACtB;AACA,QAAA,OAAO,IAAA;AAAA,MACT;AAAA,MACA,KAAK,SAAA,EAAW;AACd,QAAA,IAAI,OAAA,CAAQ,SAAS,CAAA,EAAG;AACtB,UAAA,MAAM,kBAAkB,eAAA,CAAgB,OAAA,CAAQ,OAAA,CAAQ,MAAA,GAAS,CAAC,CAAC,CAAA;AACnE,UAAA,CAAA,EAAA,GAAA,eAAA,CAAgB,eAAA,CAAgB,MAAA,GAAS,CAAC,CAAA,KAA1C,IAAA,GAAA,MAAA,GAAA,EAAA,CAA6C,KAAA,EAAA;AAAA,QAC/C,CAAA,MAAO;AACL,UAAA,YAAA,CAAa,OAAO,CAAA;AAAA,QACtB;AACA,QAAA,OAAO,IAAA;AAAA,MACT;AAAA,MACA,KAAK,WAAA,EAAa;AAChB,QAAA,IAAI,KAAA,KAAU,KAAA,CAAM,MAAA,GAAS,CAAA,EAAG;AAC9B,UAAA,wBAAA,CAAyB,OAAO,CAAA;AAAA,QAClC;AACA,QAAA,OAAO,IAAA;AAAA,MACT;AAAA,MACA,KAAK,MAAA,EAAQ;AACX,QAAA,CAAA,EAAA,GAAA,KAAA,CAAM,CAAC,MAAP,IAAA,GAAA,MAAA,GAAA,EAAA,CAAU,KAAA,EAAA;AACV,QAAA,OAAO,IAAA;AAAA,MACT;AAAA,MACA,KAAK,KAAA,EAAO;AACV,QAAA,CAAA,EAAA,GAAA,KAAA,CAAM,KAAA,CAAM,MAAA,GAAS,CAAC,CAAA,KAAtB,IAAA,GAAA,MAAA,GAAA,EAAA,CAAyB,KAAA,EAAA;AACzB,QAAA,OAAO,IAAA;AAAA,MACT;AAAA,MACA;AACE,QAAA,OAAO,KAAA;AAAA;AACX,EACF;AAEA,EAAA,OAAO,KAAA;AACT;AAGA,SAAS,mBAAA,CAAoB,SAA8B,KAAA,EAAoB;AA7P/E,EAAA,IAAA,EAAA;AA8PE,EAAA,MAAM,SAAA,GAAY,QAAQ,QAAA,CAAS,SAAA;AACnC,EAAA,MAAM,YAAA,GAAe,cAAA,CAAe,SAAS,CAAA,IAAK,SAAA;AAElD,EAAA,MAAM,MAAA,GAAA,CAAS,EAAA,GAAA,YAAA,IAAA,IAAA,GAAA,MAAA,GAAA,YAAA,CAAc,OAAA,CAAQ,IAAA,CAAA,KAAtB,IAAA,GAAA,MAAA,GAAA,EAAA,CAA6B,kBAAA;AAC5C,EAAA,MAAM,WAAA,GACJ,MAAA,YAAkB,WAAA,GAAc,cAAA,CAAe,MAAM,CAAA,GAAI,IAAA;AAE3D,EAAA,MAAM,WAAA,GACJ,gBACC,MAAM;AACL,IAAA,MAAM,YAAA,GAAe,eAAA;AAAA,MACnB,MAAM,aAAA,CAAc;AAAA,KACtB,CAAE,OAAO,CAAC,EAAA,KAAO,CAAC,KAAA,CAAM,QAAA,CAAS,EAAE,CAAC,CAAA;AACpC,IAAA,MAAM,GAAA,GAAM,YAAA,GAAe,YAAA,CAAa,OAAA,CAAQ,YAAY,CAAA,GAAI,EAAA;AAChE,IAAA,OAAO,GAAA,IAAO,CAAA,GAAI,YAAA,CAAa,GAAA,GAAM,CAAC,CAAA,GAAI,MAAA;AAAA,EAC5C,CAAA,GAAG;AAEL,EAAA,IAAI,WAAA,EAAa;AACf,IAAA,MAAM,IAAA,GAAO,MAAM,aAAA,CAAc,WAAA;AACjC,IAAA,IAAA,IAAA,IAAA,GAAA,MAAA,GAAA,IAAA,CAAM,sBAAsB,MAAM;AAChC,MAAA,IAAA,IAAA,IAAA,GAAA,MAAA,GAAA,IAAA,CAAM,sBAAsB,MAAM;AAChC,QAAA,WAAA,CAAY,KAAA,EAAM;AAAA,MACpB,CAAA,CAAA;AAAA,IACF,CAAA,CAAA;AAAA,EACF;AACF;AAcO,SAAS,qBAAA,CACd,OAAA,EACA,KAAA,GAAoC,EAAC,EACvB;AACd,EAAA,MAAM,EAAE,OAAA,GAAU,IAAA,EAAK,GAAI,KAAA;AAC3B,EAAA,MAAM,EAAE,IAAA,EAAM,YAAA,EAAa,GAAI,OAAA;AAE/B,EAAA,OAAOA,cAAQ,MAAM;AACnB,IAAA,IAAI,CAAC,OAAA,EAAS;AACZ,MAAA,OAAO,EAAC;AAAA,IACV;AAEA,IAAA,OAAO;AAAA,MACL,QAAA,EAAU;AAAA,QACR,UAAU,KAAA,EAA4B;AAnT9C,UAAA,IAAA,EAAA,EAAA,EAAA;AAoTU,UAAA,IAAI,CAAC,IAAA,EAAM;AAEX,UAAA,MAAM,QAAQ,KAAA,CAAM,aAAA;AACpB,UAAA,MAAM,SAAS,KAAA,CAAM,MAAA;AACrB,UAAA,MAAM,EAAE,KAAI,GAAI,KAAA;AAEhB,UAAA,MAAM,aAAA,GACJ,GAAA,KAAQ,SAAA,IACR,GAAA,KAAQ,WAAA,IACR,GAAA,KAAQ,WAAA,IACR,GAAA,KAAQ,YAAA,IACR,GAAA,KAAQ,MAAA,IACR,GAAA,KAAQ,KAAA;AAGV,UAAA,IAAI,aAAA,IAAiB,MAAA,CAAO,OAAA,CAAQ,uBAAuB,CAAA,EAAG;AAC5D,YAAA;AAAA,UACF;AAEA,UAAA,MAAM,IAAA,GAAO,MAAA,CAAO,OAAA,CAAqB,kBAAkB,CAAA;AAI3D,UAAA,IAAI,QAAQ,KAAA,EAAO;AACjB,YAAA,MAAM,QAAA,GAAW,gBAAgB,KAAK,CAAA;AACtC,YAAA,MAAM,WAAA,GAAc,IAAA,GAAO,QAAA,CAAS,OAAA,CAAQ,IAAI,CAAA,GAAI,EAAA;AACpD,YAAA,IAAI,gBAAgB,EAAA,EAAI;AACxB,YAAA,KAAA,CAAM,cAAA,EAAe;AACrB,YAAA,IAAI,MAAM,QAAA,EAAU;AAClB,cAAA,IAAI,gBAAgB,CAAA,EAAG;AACrB,gBAAA,YAAA,CAAa,OAAO,CAAA;AAAA,cACtB,CAAA,MAAO;AACL,gBAAA,CAAA,EAAA,GAAA,QAAA,CAAS,WAAA,GAAc,CAAC,CAAA,KAAxB,IAAA,GAAA,MAAA,GAAA,EAAA,CAA2B,KAAA,EAAA;AAAA,cAC7B;AAAA,YACF,CAAA,MAAA,IAAW,WAAA,KAAgB,QAAA,CAAS,MAAA,GAAS,CAAA,EAAG;AAC9C,cAAA,YAAA,CAAa,KAAK,CAAA;AAClB,cAAA,mBAAA,CAAoB,SAAS,KAAK,CAAA;AAAA,YACpC,CAAA,MAAO;AACL,cAAA,CAAA,EAAA,GAAA,QAAA,CAAS,WAAA,GAAc,CAAC,CAAA,KAAxB,IAAA,GAAA,MAAA,GAAA,EAAA,CAA2B,KAAA,EAAA;AAAA,YAC7B;AACA,YAAA;AAAA,UACF;AAEA,UAAA,IAAI,CAAC,IAAA,IAAQ,CAAC,aAAA,EAAe;AAE7B,UAAA,IAAI,WAAA,CAAY,GAAA,EAAK,IAAA,EAAM,KAAA,EAAO,OAAO,CAAA,EAAG;AAC1C,YAAA,KAAA,CAAM,cAAA,EAAe;AAAA,UACvB;AAAA,QACF;AAAA;AACF,KACF;AAAA,EACF,GAAG,CAAC,OAAA,EAAS,IAAA,EAAM,OAAA,EAAS,YAAY,CAAC,CAAA;AAC3C;AAGO,SAAS,cAAA,CAAe,KAAA,EAAoB,OAAA,GAAU,CAAA,EAAS;AACpE,EAAA,MAAM,SAAA,GAAY,eAAe,KAAK,CAAA;AAEtC,EAAA,IAAI,SAAA,EAAW;AACb,IAAA,SAAA,CAAU,KAAA,EAAM;AAChB,IAAA;AAAA,EACF;AAEA,EAAA,MAAM,IAAA,GAAO,MAAM,aAAA,CAAc,WAAA;AACjC,EAAA,IAAI,OAAA,GAAU,KAAK,IAAA,EAAM;AACvB,IAAA,IAAA,CAAK,sBAAsB,MAAM,cAAA,CAAe,KAAA,EAAO,OAAA,GAAU,CAAC,CAAC,CAAA;AAAA,EACrE;AACF;;;;;;"}

package/dist-cjs/mega-menu/usePageMargin.js

@@ -1,22 +0,0 @@
-'use strict';
-
-var core = require('@salt-ds/core');
-var react = require('react');
-
-function usePageMargin(referenceEl) {
-  const density = core.useDensity();
-  const [pageMargin, setPageMargin] = react.useState(0);
-  core.useIsomorphicLayoutEffect(() => {
-    if (!(referenceEl == null ? void 0 : referenceEl.parentNode)) return;
-    const probe = referenceEl.ownerDocument.createElement("div");
-    probe.style.cssText = "position:absolute;visibility:hidden;pointer-events:none;width:var(--saltMegaMenuPanel-pageMargin, var(--salt-layout-page-margin));";
-    referenceEl.insertAdjacentElement("afterend", probe);
-    const width = probe.getBoundingClientRect().width;
-    probe.remove();
-    setPageMargin((prev) => prev === width ? prev : width);
-  }, [referenceEl, density]);
-  return pageMargin;
-}
-
-exports.usePageMargin = usePageMargin;
-//# sourceMappingURL=usePageMargin.js.map

package/dist-cjs/mega-menu/usePageMargin.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"usePageMargin.js","sources":["../src/mega-menu/usePageMargin.ts"],"sourcesContent":["import { useDensity, useIsomorphicLayoutEffect } from \"@salt-ds/core\";\nimport { useState } from \"react\";\n\n/**\n * Resolves the panel's page-margin token to pixels for floating-ui padding, to\n * handle token (`--saltMegaMenuPanel-pageMargin`) override by consumers\n * (edge to edge example).\n */\nexport function usePageMargin(\n  referenceEl: HTMLElement | null | undefined,\n): number {\n  const density = useDensity();\n  const [pageMargin, setPageMargin] = useState(0);\n  // biome-ignore lint/correctness/useExhaustiveDependencies: density isn't read here — signal that the resolved token changed.\n  useIsomorphicLayoutEffect(() => {\n    if (!referenceEl?.parentNode) return;\n    const probe = referenceEl.ownerDocument.createElement(\"div\");\n    probe.style.cssText =\n      \"position:absolute;visibility:hidden;pointer-events:none;width:var(--saltMegaMenuPanel-pageMargin, var(--salt-layout-page-margin));\";\n    referenceEl.insertAdjacentElement(\"afterend\", probe);\n    const width = probe.getBoundingClientRect().width;\n    probe.remove();\n    setPageMargin((prev) => (prev === width ? prev : width));\n  }, [referenceEl, density]);\n  return pageMargin;\n}\n"],"names":["useDensity","useState","useIsomorphicLayoutEffect"],"mappings":";;;;;AAQO,SAAS,cACd,WAAA,EACQ;AACR,EAAA,MAAM,UAAUA,eAAA,EAAW;AAC3B,EAAA,MAAM,CAAC,UAAA,EAAY,aAAa,CAAA,GAAIC,eAAS,CAAC,CAAA;AAE9C,EAAAC,8BAAA,CAA0B,MAAM;AAC9B,IAAA,IAAI,EAAC,2CAAa,UAAA,CAAA,EAAY;AAC9B,IAAA,MAAM,KAAA,GAAQ,WAAA,CAAY,aAAA,CAAc,aAAA,CAAc,KAAK,CAAA;AAC3D,IAAA,KAAA,CAAM,MAAM,OAAA,GACV,oIAAA;AACF,IAAA,WAAA,CAAY,qBAAA,CAAsB,YAAY,KAAK,CAAA;AACnD,IAAA,MAAM,KAAA,GAAQ,KAAA,CAAM,qBAAA,EAAsB,CAAE,KAAA;AAC5C,IAAA,KAAA,CAAM,MAAA,EAAO;AACb,IAAA,aAAA,CAAc,CAAC,IAAA,KAAU,IAAA,KAAS,KAAA,GAAQ,OAAO,KAAM,CAAA;AAAA,EACzD,CAAA,EAAG,CAAC,WAAA,EAAa,OAAO,CAAC,CAAA;AACzB,EAAA,OAAO,UAAA;AACT;;;;"}

package/dist-es/mega-menu/MegaMenu.js

@@ -1,74 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { useFloatingRootContext, useInteractions, useClick, useDismiss } from '@floating-ui/react';
-import { useControlled } from '@salt-ds/core';
-import { useState, useRef, useCallback, useMemo } from 'react';
-import { MegaMenuContext } from './MegaMenuContext.js';
-import { useMegaMenuNavigation } from './useMegaMenuNavigation.js';
-
-function MegaMenu({
-  children,
-  open,
-  defaultOpen = false,
-  onOpenChange,
-  placement = "bottom"
-}) {
-  const [openState, setOpenState] = useControlled({
-    controlled: open,
-    default: defaultOpen,
-    name: "MegaMenu",
-    state: "open"
-  });
-  const [reference, setReference] = useState(null);
-  const [floating, setFloating] = useState(null);
-  const focusFirstItemOnOpenRef = useRef(false);
-  const [panelId, setPanelId] = useState();
-  const setOpen = useCallback(
-    (newOpen) => {
-      if (!newOpen) {
-        focusFirstItemOnOpenRef.current = false;
-      }
-      setOpenState(newOpen);
-      onOpenChange == null ? void 0 : onOpenChange(newOpen);
-    },
-    [onOpenChange]
-  );
-  const floatingRootContext = useFloatingRootContext({
-    open: openState,
-    onOpenChange: setOpen,
-    elements: { reference, floating }
-  });
-  const megaMenuNavigation = useMegaMenuNavigation(floatingRootContext);
-  const { getReferenceProps, getFloatingProps } = useInteractions([
-    useClick(floatingRootContext),
-    useDismiss(floatingRootContext),
-    megaMenuNavigation
-  ]);
-  const contextValue = useMemo(
-    () => ({
-      openState,
-      floatingRootContext,
-      placement,
-      getFloatingProps,
-      getReferenceProps,
-      setFloating,
-      setReference,
-      setOpen,
-      focusFirstItemOnOpenRef,
-      panelId,
-      setPanelId
-    }),
-    [
-      openState,
-      floatingRootContext,
-      placement,
-      getFloatingProps,
-      getReferenceProps,
-      setOpen,
-      panelId
-    ]
-  );
-  return /* @__PURE__ */ jsx(MegaMenuContext.Provider, { value: contextValue, children });
-}
-
-export { MegaMenu };
-//# sourceMappingURL=MegaMenu.js.map

package/dist-es/mega-menu/MegaMenu.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MegaMenu.js","sources":["../src/mega-menu/MegaMenu.tsx"],"sourcesContent":["import {\n  useClick,\n  useDismiss,\n  useFloatingRootContext,\n  useInteractions,\n} from \"@floating-ui/react\";\nimport { useControlled } from \"@salt-ds/core\";\nimport { type ReactNode, useCallback, useMemo, useRef, useState } from \"react\";\nimport { MegaMenuContext } from \"./MegaMenuContext\";\nimport { useMegaMenuNavigation } from \"./useMegaMenuNavigation\";\n\n/**\n * Supported placements for the mega menu panel.\n */\nexport type MegaMenuPlacement = \"bottom\" | \"bottom-start\" | \"bottom-end\";\n\nexport interface MegaMenuProps {\n  /**\n   * The content of the mega menu, typically `MegaMenuTrigger` and `MegaMenuPanel`.\n   */\n  children?: ReactNode;\n  /**\n   * Whether the mega menu is open. Use for controlled mode.\n   */\n  open?: boolean;\n  /**\n   * Whether the mega menu is initially open. Use for uncontrolled mode.\n   * @default false\n   */\n  defaultOpen?: boolean;\n  /**\n   * Callback fired when the open state changes.\n   */\n  onOpenChange?: (open: boolean) => void;\n  /**\n   * The placement of the mega menu panel relative to the trigger.\n   * @default \"bottom\"\n   */\n  placement?: MegaMenuPlacement;\n}\n\n/**\n * Root of a mega menu, coordinating its trigger and panel.\n *\n * Not intended to be nested inside another floating overlay (e.g. a dialog or\n * popover): the mega menu does not participate in floating-ui's `FloatingTree`\n */\nexport function MegaMenu({\n  children,\n  open,\n  defaultOpen = false,\n  onOpenChange,\n  placement = \"bottom\",\n}: MegaMenuProps) {\n  const [openState, setOpenState] = useControlled({\n    controlled: open,\n    default: defaultOpen,\n    name: \"MegaMenu\",\n    state: \"open\",\n  });\n\n  const [reference, setReference] = useState<HTMLElement | null>(null);\n  const [floating, setFloating] = useState<HTMLElement | null>(null);\n  const focusFirstItemOnOpenRef = useRef(false);\n  const [panelId, setPanelId] = useState<string>();\n\n  const setOpen = useCallback(\n    (newOpen: boolean) => {\n      if (!newOpen) {\n        focusFirstItemOnOpenRef.current = false;\n      }\n      setOpenState(newOpen);\n      onOpenChange?.(newOpen);\n    },\n    [onOpenChange],\n  );\n\n  const floatingRootContext = useFloatingRootContext({\n    open: openState,\n    onOpenChange: setOpen,\n    elements: { reference, floating },\n  });\n\n  const megaMenuNavigation = useMegaMenuNavigation(floatingRootContext);\n\n  const { getReferenceProps, getFloatingProps } = useInteractions([\n    useClick(floatingRootContext),\n    useDismiss(floatingRootContext),\n    megaMenuNavigation,\n  ]);\n\n  const contextValue = useMemo(\n    () => ({\n      openState,\n      floatingRootContext,\n      placement,\n      getFloatingProps,\n      getReferenceProps,\n      setFloating,\n      setReference,\n      setOpen,\n      focusFirstItemOnOpenRef,\n      panelId,\n      setPanelId,\n    }),\n    [\n      openState,\n      floatingRootContext,\n      placement,\n      getFloatingProps,\n      getReferenceProps,\n      setOpen,\n      panelId,\n    ],\n  );\n\n  return (\n    <MegaMenuContext.Provider value={contextValue}>\n      {children}\n    </MegaMenuContext.Provider>\n  );\n}\n"],"names":[],"mappings":";;;;;;;AA+CO,SAAS,QAAA,CAAS;AAAA,EACvB,QAAA;AAAA,EACA,IAAA;AAAA,EACA,WAAA,GAAc,KAAA;AAAA,EACd,YAAA;AAAA,EACA,SAAA,GAAY;AACd,CAAA,EAAkB;AAChB,EAAA,MAAM,CAAC,SAAA,EAAW,YAAY,CAAA,GAAI,aAAA,CAAc;AAAA,IAC9C,UAAA,EAAY,IAAA;AAAA,IACZ,OAAA,EAAS,WAAA;AAAA,IACT,IAAA,EAAM,UAAA;AAAA,IACN,KAAA,EAAO;AAAA,GACR,CAAA;AAED,EAAA,MAAM,CAAC,SAAA,EAAW,YAAY,CAAA,GAAI,SAA6B,IAAI,CAAA;AACnE,EAAA,MAAM,CAAC,QAAA,EAAU,WAAW,CAAA,GAAI,SAA6B,IAAI,CAAA;AACjE,EAAA,MAAM,uBAAA,GAA0B,OAAO,KAAK,CAAA;AAC5C,EAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAI,QAAA,EAAiB;AAE/C,EAAA,MAAM,OAAA,GAAU,WAAA;AAAA,IACd,CAAC,OAAA,KAAqB;AACpB,MAAA,IAAI,CAAC,OAAA,EAAS;AACZ,QAAA,uBAAA,CAAwB,OAAA,GAAU,KAAA;AAAA,MACpC;AACA,MAAA,YAAA,CAAa,OAAO,CAAA;AACpB,MAAA,YAAA,IAAA,IAAA,GAAA,MAAA,GAAA,YAAA,CAAe,OAAA,CAAA;AAAA,IACjB,CAAA;AAAA,IACA,CAAC,YAAY;AAAA,GACf;AAEA,EAAA,MAAM,sBAAsB,sBAAA,CAAuB;AAAA,IACjD,IAAA,EAAM,SAAA;AAAA,IACN,YAAA,EAAc,OAAA;AAAA,IACd,QAAA,EAAU,EAAE,SAAA,EAAW,QAAA;AAAS,GACjC,CAAA;AAED,EAAA,MAAM,kBAAA,GAAqB,sBAAsB,mBAAmB,CAAA;AAEpE,EAAA,MAAM,EAAE,iBAAA,EAAmB,gBAAA,EAAiB,GAAI,eAAA,CAAgB;AAAA,IAC9D,SAAS,mBAAmB,CAAA;AAAA,IAC5B,WAAW,mBAAmB,CAAA;AAAA,IAC9B;AAAA,GACD,CAAA;AAED,EAAA,MAAM,YAAA,GAAe,OAAA;AAAA,IACnB,OAAO;AAAA,MACL,SAAA;AAAA,MACA,mBAAA;AAAA,MACA,SAAA;AAAA,MACA,gBAAA;AAAA,MACA,iBAAA;AAAA,MACA,WAAA;AAAA,MACA,YAAA;AAAA,MACA,OAAA;AAAA,MACA,uBAAA;AAAA,MACA,OAAA;AAAA,MACA;AAAA,KACF,CAAA;AAAA,IACA;AAAA,MACE,SAAA;AAAA,MACA,mBAAA;AAAA,MACA,SAAA;AAAA,MACA,gBAAA;AAAA,MACA,iBAAA;AAAA,MACA,OAAA;AAAA,MACA;AAAA;AACF,GACF;AAEA,EAAA,2BACG,eAAA,CAAgB,QAAA,EAAhB,EAAyB,KAAA,EAAO,cAC9B,QAAA,EACH,CAAA;AAEJ;;;;"}

package/dist-es/mega-menu/MegaMenuActions.css.js

@@ -1,4 +0,0 @@
-var css_248z = ".saltMegaMenuActions {\n  display: flex;\n  flex-wrap: wrap;\n  margin-block-start: auto;\n}\n";
-
-export { css_248z as default };
-//# sourceMappingURL=MegaMenuActions.css.js.map

package/dist-es/mega-menu/MegaMenuActions.css.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MegaMenuActions.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist-es/mega-menu/MegaMenuActions.js

@@ -1,31 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { makePrefixer } from '@salt-ds/core';
-import { useComponentCssInjection } from '@salt-ds/styles';
-import { useWindow } from '@salt-ds/window';
-import { clsx } from 'clsx';
-import { forwardRef } from 'react';
-import css_248z from './MegaMenuActions.css.js';
-
-const withBaseName = makePrefixer("saltMegaMenuActions");
-const MegaMenuActions = forwardRef(
-  function MegaMenuActions2({ className, ...rest }, ref) {
-    const targetWindow = useWindow();
-    useComponentCssInjection({
-      testId: "salt-mega-menu-actions",
-      css: css_248z,
-      window: targetWindow
-    });
-    return /* @__PURE__ */ jsx(
-      "div",
-      {
-        "data-mega-menu-actions": "",
-        className: clsx(withBaseName(), className),
-        ref,
-        ...rest
-      }
-    );
-  }
-);
-
-export { MegaMenuActions };
-//# sourceMappingURL=MegaMenuActions.js.map

package/dist-es/mega-menu/MegaMenuActions.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MegaMenuActions.js","sources":["../src/mega-menu/MegaMenuActions.tsx"],"sourcesContent":["import { makePrefixer } from \"@salt-ds/core\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { clsx } from \"clsx\";\nimport {\n  type ComponentPropsWithoutRef,\n  forwardRef,\n  type ReactNode,\n} from \"react\";\nimport megaMenuActionsCss from \"./MegaMenuActions.css\";\n\nconst withBaseName = makePrefixer(\"saltMegaMenuActions\");\n\nexport interface MegaMenuActionsProps extends ComponentPropsWithoutRef<\"div\"> {\n  /**\n   * The content of the actions. Place `MegaMenuActions` inside\n   * `MegaMenuContent`, after `MegaMenuGroups`; it renders as a band beneath the\n   * groups, spanning their width.\n   */\n  children?: ReactNode;\n}\n\nexport const MegaMenuActions = forwardRef<HTMLDivElement, MegaMenuActionsProps>(\n  function MegaMenuActions({ className, ...rest }, ref) {\n    const targetWindow = useWindow();\n    useComponentCssInjection({\n      testId: \"salt-mega-menu-actions\",\n      css: megaMenuActionsCss,\n      window: targetWindow,\n    });\n\n    return (\n      <div\n        data-mega-menu-actions=\"\"\n        className={clsx(withBaseName(), className)}\n        ref={ref}\n        {...rest}\n      />\n    );\n  },\n);\n"],"names":["MegaMenuActions","megaMenuActionsCss"],"mappings":";;;;;;;;AAWA,MAAM,YAAA,GAAe,aAAa,qBAAqB,CAAA;AAWhD,MAAM,eAAA,GAAkB,UAAA;AAAA,EAC7B,SAASA,gBAAAA,CAAgB,EAAE,WAAW,GAAG,IAAA,IAAQ,GAAA,EAAK;AACpD,IAAA,MAAM,eAAe,SAAA,EAAU;AAC/B,IAAA,wBAAA,CAAyB;AAAA,MACvB,MAAA,EAAQ,wBAAA;AAAA,MACR,GAAA,EAAKC,QAAA;AAAA,MACL,MAAA,EAAQ;AAAA,KACT,CAAA;AAED,IAAA,uBACE,GAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,wBAAA,EAAuB,EAAA;AAAA,QACvB,SAAA,EAAW,IAAA,CAAK,YAAA,EAAa,EAAG,SAAS,CAAA;AAAA,QACzC,GAAA;AAAA,QACC,GAAG;AAAA;AAAA,KACN;AAAA,EAEJ;AACF;;;;"}

package/dist-es/mega-menu/MegaMenuAside.css.js

@@ -1,4 +0,0 @@
-var css_248z = ".saltMegaMenuAside {\n  flex: 0 0 auto;\n  display: flex;\n  flex-direction: column;\n  padding: var(--salt-spacing-300);\n}\n";
-
-export { css_248z as default };
-//# sourceMappingURL=MegaMenuAside.css.js.map

package/dist-es/mega-menu/MegaMenuAside.css.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MegaMenuAside.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist-es/mega-menu/MegaMenuAside.js

@@ -1,31 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { makePrefixer } from '@salt-ds/core';
-import { useComponentCssInjection } from '@salt-ds/styles';
-import { useWindow } from '@salt-ds/window';
-import { clsx } from 'clsx';
-import { forwardRef } from 'react';
-import css_248z from './MegaMenuAside.css.js';
-
-const withBaseName = makePrefixer("saltMegaMenuAside");
-const MegaMenuAside = forwardRef(
-  function MegaMenuAside2({ className, ...rest }, ref) {
-    const targetWindow = useWindow();
-    useComponentCssInjection({
-      testId: "salt-mega-menu-aside",
-      css: css_248z,
-      window: targetWindow
-    });
-    return /* @__PURE__ */ jsx(
-      "aside",
-      {
-        "data-mega-menu-column": "",
-        className: clsx(withBaseName(), className),
-        ref,
-        ...rest
-      }
-    );
-  }
-);
-
-export { MegaMenuAside };
-//# sourceMappingURL=MegaMenuAside.js.map

package/dist-es/mega-menu/MegaMenuAside.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MegaMenuAside.js","sources":["../src/mega-menu/MegaMenuAside.tsx"],"sourcesContent":["import { makePrefixer } from \"@salt-ds/core\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { clsx } from \"clsx\";\nimport {\n  type ComponentPropsWithoutRef,\n  forwardRef,\n  type ReactNode,\n} from \"react\";\nimport megaMenuAsideCss from \"./MegaMenuAside.css\";\n\nconst withBaseName = makePrefixer(\"saltMegaMenuAside\");\n\nexport interface MegaMenuAsideProps extends ComponentPropsWithoutRef<\"aside\"> {\n  /**\n   * The content. Renders to the left of `MegaMenuContent` when placed before\n   * it, and to the right when placed after.\n   */\n  children?: ReactNode;\n}\n\nexport const MegaMenuAside = forwardRef<HTMLElement, MegaMenuAsideProps>(\n  function MegaMenuAside({ className, ...rest }, ref) {\n    const targetWindow = useWindow();\n    useComponentCssInjection({\n      testId: \"salt-mega-menu-aside\",\n      css: megaMenuAsideCss,\n      window: targetWindow,\n    });\n\n    // Side content is also a navigation column (`data-mega-menu-column`).\n    return (\n      <aside\n        data-mega-menu-column=\"\"\n        className={clsx(withBaseName(), className)}\n        ref={ref}\n        {...rest}\n      />\n    );\n  },\n);\n"],"names":["MegaMenuAside","megaMenuAsideCss"],"mappings":";;;;;;;;AAWA,MAAM,YAAA,GAAe,aAAa,mBAAmB,CAAA;AAU9C,MAAM,aAAA,GAAgB,UAAA;AAAA,EAC3B,SAASA,cAAAA,CAAc,EAAE,WAAW,GAAG,IAAA,IAAQ,GAAA,EAAK;AAClD,IAAA,MAAM,eAAe,SAAA,EAAU;AAC/B,IAAA,wBAAA,CAAyB;AAAA,MACvB,MAAA,EAAQ,sBAAA;AAAA,MACR,GAAA,EAAKC,QAAA;AAAA,MACL,MAAA,EAAQ;AAAA,KACT,CAAA;AAGD,IAAA,uBACE,GAAA;AAAA,MAAC,OAAA;AAAA,MAAA;AAAA,QACC,uBAAA,EAAsB,EAAA;AAAA,QACtB,SAAA,EAAW,IAAA,CAAK,YAAA,EAAa,EAAG,SAAS,CAAA;AAAA,QACzC,GAAA;AAAA,QACC,GAAG;AAAA;AAAA,KACN;AAAA,EAEJ;AACF;;;;"}

package/dist-es/mega-menu/MegaMenuContent.css.js

@@ -1,4 +0,0 @@
-var css_248z = ".saltMegaMenuContent {\n  display: flex;\n  flex-direction: column;\n  gap: var(--salt-spacing-300);\n  padding: var(--salt-spacing-300);\n  min-width: 0;\n  flex: 0 1 auto;\n  max-inline-size: var(--saltMegaMenuPanel-availableWidth);\n  box-sizing: border-box;\n}\n";
-
-export { css_248z as default };
-//# sourceMappingURL=MegaMenuContent.css.js.map

package/dist-es/mega-menu/MegaMenuContent.css.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MegaMenuContent.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist-es/mega-menu/MegaMenuContent.js

@@ -1,23 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { makePrefixer } from '@salt-ds/core';
-import { useComponentCssInjection } from '@salt-ds/styles';
-import { useWindow } from '@salt-ds/window';
-import { clsx } from 'clsx';
-import { forwardRef } from 'react';
-import css_248z from './MegaMenuContent.css.js';
-
-const withBaseName = makePrefixer("saltMegaMenuContent");
-const MegaMenuContent = forwardRef(
-  function MegaMenuContent2({ children, className, ...rest }, ref) {
-    const targetWindow = useWindow();
-    useComponentCssInjection({
-      testId: "salt-mega-menu-content",
-      css: css_248z,
-      window: targetWindow
-    });
-    return /* @__PURE__ */ jsx("div", { className: clsx(withBaseName(), className), ref, ...rest, children });
-  }
-);
-
-export { MegaMenuContent };
-//# sourceMappingURL=MegaMenuContent.js.map

package/dist-es/mega-menu/MegaMenuContent.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MegaMenuContent.js","sources":["../src/mega-menu/MegaMenuContent.tsx"],"sourcesContent":["import { makePrefixer } from \"@salt-ds/core\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { clsx } from \"clsx\";\nimport {\n  type ComponentPropsWithoutRef,\n  forwardRef,\n  type ReactNode,\n} from \"react\";\nimport megaMenuContentCss from \"./MegaMenuContent.css\";\n\nconst withBaseName = makePrefixer(\"saltMegaMenuContent\");\n\nexport interface MegaMenuContentProps extends ComponentPropsWithoutRef<\"div\"> {\n  /**\n   * The content of the mega menu navigation area, typically a `MegaMenuGroups`\n   * and an optional `MegaMenuActions`.\n   */\n  children?: ReactNode;\n}\n\nexport const MegaMenuContent = forwardRef<HTMLDivElement, MegaMenuContentProps>(\n  function MegaMenuContent({ children, className, ...rest }, ref) {\n    const targetWindow = useWindow();\n    useComponentCssInjection({\n      testId: \"salt-mega-menu-content\",\n      css: megaMenuContentCss,\n      window: targetWindow,\n    });\n\n    return (\n      <div className={clsx(withBaseName(), className)} ref={ref} {...rest}>\n        {children}\n      </div>\n    );\n  },\n);\n"],"names":["MegaMenuContent","megaMenuContentCss"],"mappings":";;;;;;;;AAWA,MAAM,YAAA,GAAe,aAAa,qBAAqB,CAAA;AAUhD,MAAM,eAAA,GAAkB,UAAA;AAAA,EAC7B,SAASA,iBAAgB,EAAE,QAAA,EAAU,WAAW,GAAG,IAAA,IAAQ,GAAA,EAAK;AAC9D,IAAA,MAAM,eAAe,SAAA,EAAU;AAC/B,IAAA,wBAAA,CAAyB;AAAA,MACvB,MAAA,EAAQ,wBAAA;AAAA,MACR,GAAA,EAAKC,QAAA;AAAA,MACL,MAAA,EAAQ;AAAA,KACT,CAAA;AAED,IAAA,uBACE,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,IAAA,CAAK,YAAA,EAAa,EAAG,SAAS,CAAA,EAAG,GAAA,EAAW,GAAG,IAAA,EAC5D,QAAA,EACH,CAAA;AAAA,EAEJ;AACF;;;;"}

package/dist-es/mega-menu/MegaMenuContext.js

@@ -1,9 +0,0 @@
-import { createContext } from '@salt-ds/core';
-
-const MegaMenuContext = createContext(
-  "MegaMenuContext",
-  void 0
-);
-
-export { MegaMenuContext };
-//# sourceMappingURL=MegaMenuContext.js.map

package/dist-es/mega-menu/MegaMenuContext.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MegaMenuContext.js","sources":["../src/mega-menu/MegaMenuContext.ts"],"sourcesContent":["import type { FloatingRootContext } from \"@floating-ui/react\";\nimport { createContext } from \"@salt-ds/core\";\nimport type {\n  Dispatch,\n  HTMLProps,\n  MutableRefObject,\n  SetStateAction,\n} from \"react\";\nimport type { MegaMenuPlacement } from \"./MegaMenu\";\n\nexport interface MegaMenuContextValue {\n  /** Whether the mega menu is currently open. */\n  openState: boolean;\n  /** Toggle or set the open state of the mega menu. */\n  setOpen: (open: boolean) => void;\n  /** The floating-ui root context for coordinating interactions. */\n  floatingRootContext: FloatingRootContext;\n  /** The placement of the mega menu panel relative to the trigger. */\n  placement: MegaMenuPlacement;\n  /** Props getter for the trigger (reference) element. Merges floating-ui interaction props with user props. */\n  getReferenceProps: (\n    userProps?: HTMLProps<Element> | undefined,\n  ) => Record<string, unknown>;\n  /** Props getter for the floating panel element. Merges floating-ui interaction props with user props. */\n  getFloatingProps: (\n    userProps?: HTMLProps<HTMLElement> | undefined,\n  ) => Record<string, unknown>;\n  /** Ref setter for the floating panel element. */\n  setFloating: Dispatch<SetStateAction<HTMLElement | null>>;\n  /** Ref setter for the trigger (reference) element. */\n  setReference: Dispatch<SetStateAction<HTMLElement | null>>;\n  /** Whether the first item should receive focus when the panel opens. */\n  focusFirstItemOnOpenRef: MutableRefObject<boolean>;\n  /** The id of the mega menu panel, used for aria-controls on the trigger. */\n  panelId: string | undefined;\n  /** Registers the panel's id so the trigger's aria-controls stays in sync. */\n  setPanelId: Dispatch<SetStateAction<string | undefined>>;\n}\n\nexport const MegaMenuContext = createContext<MegaMenuContextValue | undefined>(\n  \"MegaMenuContext\",\n  undefined,\n);\n"],"names":[],"mappings":";;AAuCO,MAAM,eAAA,GAAkB,aAAA;AAAA,EAC7B,iBAAA;AAAA,EACA;AACF;;;;"}

package/dist-es/mega-menu/MegaMenuGroup.css.js

@@ -1,4 +0,0 @@
-var css_248z = ".saltMegaMenuGroup {\n  display: flex;\n  flex-direction: column;\n}\n";
-
-export { css_248z as default };
-//# sourceMappingURL=MegaMenuGroup.css.js.map

package/dist-es/mega-menu/MegaMenuGroup.css.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MegaMenuGroup.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist-es/mega-menu/MegaMenuGroup.js

@@ -1,38 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { makePrefixer } from '@salt-ds/core';
-import { useComponentCssInjection } from '@salt-ds/styles';
-import { useWindow } from '@salt-ds/window';
-import { clsx } from 'clsx';
-import { forwardRef, useState, useMemo } from 'react';
-import css_248z from './MegaMenuGroup.css.js';
-import { MegaMenuGroupContext } from './MegaMenuGroupContext.js';
-
-const withBaseName = makePrefixer("saltMegaMenuGroup");
-const MegaMenuGroup = forwardRef(
-  function MegaMenuGroup2({ children, className, ...rest }, ref) {
-    const targetWindow = useWindow();
-    useComponentCssInjection({
-      testId: "salt-mega-menu-group",
-      css: css_248z,
-      window: targetWindow
-    });
-    const [headingId, setHeadingId] = useState(void 0);
-    const contextValue = useMemo(
-      () => ({ headingId, setHeadingId }),
-      [headingId]
-    );
-    return /* @__PURE__ */ jsx(MegaMenuGroupContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx(
-      "div",
-      {
-        "data-mega-menu-column": "",
-        className: clsx(withBaseName(), className),
-        ref,
-        ...rest,
-        children
-      }
-    ) });
-  }
-);
-
-export { MegaMenuGroup };
-//# sourceMappingURL=MegaMenuGroup.js.map

package/dist-es/mega-menu/MegaMenuGroup.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MegaMenuGroup.js","sources":["../src/mega-menu/MegaMenuGroup.tsx"],"sourcesContent":["import { makePrefixer } from \"@salt-ds/core\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { clsx } from \"clsx\";\nimport {\n  type ComponentPropsWithoutRef,\n  forwardRef,\n  type ReactNode,\n  useMemo,\n  useState,\n} from \"react\";\nimport megaMenuGroupCss from \"./MegaMenuGroup.css\";\nimport { MegaMenuGroupContext } from \"./MegaMenuGroupContext\";\n\nconst withBaseName = makePrefixer(\"saltMegaMenuGroup\");\n\nexport interface MegaMenuGroupProps extends ComponentPropsWithoutRef<\"div\"> {\n  /**\n   * The content of the mega menu group: a `MegaMenuGroupHeading` and a\n   * `MegaMenuList` of `MegaMenuListItem`s.\n   */\n  children?: ReactNode;\n}\n\nexport const MegaMenuGroup = forwardRef<HTMLDivElement, MegaMenuGroupProps>(\n  function MegaMenuGroup({ children, className, ...rest }, ref) {\n    const targetWindow = useWindow();\n    useComponentCssInjection({\n      testId: \"salt-mega-menu-group\",\n      css: megaMenuGroupCss,\n      window: targetWindow,\n    });\n\n    // The heading registers its id so the list can label itself; `undefined`\n    // with no heading. The group is also a navigation column.\n    const [headingId, setHeadingId] = useState<string | undefined>(undefined);\n    const contextValue = useMemo(\n      () => ({ headingId, setHeadingId }),\n      [headingId],\n    );\n\n    return (\n      <MegaMenuGroupContext.Provider value={contextValue}>\n        <div\n          data-mega-menu-column=\"\"\n          className={clsx(withBaseName(), className)}\n          ref={ref}\n          {...rest}\n        >\n          {children}\n        </div>\n      </MegaMenuGroupContext.Provider>\n    );\n  },\n);\n"],"names":["MegaMenuGroup","megaMenuGroupCss"],"mappings":";;;;;;;;;AAcA,MAAM,YAAA,GAAe,aAAa,mBAAmB,CAAA;AAU9C,MAAM,aAAA,GAAgB,UAAA;AAAA,EAC3B,SAASA,eAAc,EAAE,QAAA,EAAU,WAAW,GAAG,IAAA,IAAQ,GAAA,EAAK;AAC5D,IAAA,MAAM,eAAe,SAAA,EAAU;AAC/B,IAAA,wBAAA,CAAyB;AAAA,MACvB,MAAA,EAAQ,sBAAA;AAAA,MACR,GAAA,EAAKC,QAAA;AAAA,MACL,MAAA,EAAQ;AAAA,KACT,CAAA;AAID,IAAA,MAAM,CAAC,SAAA,EAAW,YAAY,CAAA,GAAI,SAA6B,MAAS,CAAA;AACxE,IAAA,MAAM,YAAA,GAAe,OAAA;AAAA,MACnB,OAAO,EAAE,SAAA,EAAW,YAAA,EAAa,CAAA;AAAA,MACjC,CAAC,SAAS;AAAA,KACZ;AAEA,IAAA,uBACE,GAAA,CAAC,oBAAA,CAAqB,QAAA,EAArB,EAA8B,OAAO,YAAA,EACpC,QAAA,kBAAA,GAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,uBAAA,EAAsB,EAAA;AAAA,QACtB,SAAA,EAAW,IAAA,CAAK,YAAA,EAAa,EAAG,SAAS,CAAA;AAAA,QACzC,GAAA;AAAA,QACC,GAAG,IAAA;AAAA,QAEH;AAAA;AAAA,KACH,EACF,CAAA;AAAA,EAEJ;AACF;;;;"}

package/dist-es/mega-menu/MegaMenuGroupContext.js

@@ -1,14 +0,0 @@
-import { createContext } from '@salt-ds/core';
-import { useContext } from 'react';
-
-const MegaMenuGroupContext = createContext(
-  "MegaMenuGroupContext",
-  { headingId: void 0, setHeadingId: () => {
-  } }
-);
-function useMegaMenuGroup() {
-  return useContext(MegaMenuGroupContext);
-}
-
-export { MegaMenuGroupContext, useMegaMenuGroup };
-//# sourceMappingURL=MegaMenuGroupContext.js.map

package/dist-es/mega-menu/MegaMenuGroupContext.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MegaMenuGroupContext.js","sources":["../src/mega-menu/MegaMenuGroupContext.ts"],"sourcesContent":["import { createContext } from \"@salt-ds/core\";\nimport { useContext } from \"react\";\n\nexport interface MegaMenuGroupContextValue {\n  /**\n   * The rendered heading's id, used to label the item list via `aria-labelledby`.\n   * `undefined` when the group has no `MegaMenuGroupHeading`.\n   */\n  headingId: string | undefined;\n  /** Register (or clear, with `undefined`) the heading's id. */\n  setHeadingId: (id: string | undefined) => void;\n}\n\nexport const MegaMenuGroupContext = createContext<MegaMenuGroupContextValue>(\n  \"MegaMenuGroupContext\",\n  { headingId: undefined, setHeadingId: () => {} },\n);\n\n/** Access the nearest `MegaMenuGroup` context. */\nexport function useMegaMenuGroup(): MegaMenuGroupContextValue {\n  return useContext(MegaMenuGroupContext);\n}\n"],"names":[],"mappings":";;;AAaO,MAAM,oBAAA,GAAuB,aAAA;AAAA,EAClC,sBAAA;AAAA,EACA,EAAE,SAAA,EAAW,MAAA,EAAW,YAAA,EAAc,MAAM;AAAA,EAAC,CAAA;AAC/C;AAGO,SAAS,gBAAA,GAA8C;AAC5D,EAAA,OAAO,WAAW,oBAAoB,CAAA;AACxC;;;;"}

package/dist-es/mega-menu/MegaMenuGroupHeading.css.js

@@ -1,4 +0,0 @@
-var css_248z = ".saltMegaMenuGroupHeading {\n  display: flex;\n  align-items: center;\n  margin: 0 0 var(--salt-spacing-50);\n  padding: var(--salt-spacing-50) var(--salt-spacing-100);\n  border-bottom: var(--salt-size-fixed-100) var(--salt-borderStyle-solid) var(--salt-separable-tertiary-borderColor);\n  min-height: var(--salt-size-base);\n  font-family: var(--salt-text-label-fontFamily);\n  font-size: var(--salt-text-label-fontSize);\n  font-weight: var(--salt-text-fontWeight-strong);\n  line-height: var(--salt-text-label-lineHeight);\n  color: var(--salt-content-secondary-foreground);\n}\n";
-
-export { css_248z as default };
-//# sourceMappingURL=MegaMenuGroupHeading.css.js.map

package/dist-es/mega-menu/MegaMenuGroupHeading.css.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MegaMenuGroupHeading.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist-es/mega-menu/MegaMenuGroupHeading.js

@@ -1,37 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { makePrefixer, useId, useIsomorphicLayoutEffect } from '@salt-ds/core';
-import { useComponentCssInjection } from '@salt-ds/styles';
-import { useWindow } from '@salt-ds/window';
-import { clsx } from 'clsx';
-import { forwardRef } from 'react';
-import { useMegaMenuGroup } from './MegaMenuGroupContext.js';
-import css_248z from './MegaMenuGroupHeading.css.js';
-
-const withBaseName = makePrefixer("saltMegaMenuGroupHeading");
-const MegaMenuGroupHeading = forwardRef(function MegaMenuGroupHeading2({ children, className, id: idProp, as: Heading = "h3", ...rest }, ref) {
-  const targetWindow = useWindow();
-  useComponentCssInjection({
-    testId: "salt-mega-menu-group-heading",
-    css: css_248z,
-    window: targetWindow
-  });
-  const id = useId(idProp);
-  const { setHeadingId } = useMegaMenuGroup();
-  useIsomorphicLayoutEffect(() => {
-    setHeadingId(id);
-    return () => setHeadingId(void 0);
-  }, [id, setHeadingId]);
-  return /* @__PURE__ */ jsx(
-    Heading,
-    {
-      className: clsx(withBaseName(), className),
-      ref,
-      ...rest,
-      id,
-      children
-    }
-  );
-});
-
-export { MegaMenuGroupHeading };
-//# sourceMappingURL=MegaMenuGroupHeading.js.map

package/dist-es/mega-menu/MegaMenuGroupHeading.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MegaMenuGroupHeading.js","sources":["../src/mega-menu/MegaMenuGroupHeading.tsx"],"sourcesContent":["import { makePrefixer, useId, useIsomorphicLayoutEffect } from \"@salt-ds/core\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { clsx } from \"clsx\";\nimport {\n  type ComponentPropsWithoutRef,\n  forwardRef,\n  type ReactNode,\n} from \"react\";\nimport { useMegaMenuGroup } from \"./MegaMenuGroupContext\";\nimport megaMenuGroupHeadingCss from \"./MegaMenuGroupHeading.css\";\n\nconst withBaseName = makePrefixer(\"saltMegaMenuGroupHeading\");\n\nexport interface MegaMenuGroupHeadingProps\n  extends ComponentPropsWithoutRef<\"h2\"> {\n  /**\n   * The content of the mega menu group heading.\n   */\n  children?: ReactNode;\n  /**\n   * The heading element to render.\n   * @default \"h3\"\n   */\n  as?: \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\";\n}\n\nexport const MegaMenuGroupHeading = forwardRef<\n  HTMLHeadingElement,\n  MegaMenuGroupHeadingProps\n>(function MegaMenuGroupHeading(\n  { children, className, id: idProp, as: Heading = \"h3\", ...rest },\n  ref,\n) {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"salt-mega-menu-group-heading\",\n    css: megaMenuGroupHeadingCss,\n    window: targetWindow,\n  });\n\n  const id = useId(idProp);\n  const { setHeadingId } = useMegaMenuGroup();\n  useIsomorphicLayoutEffect(() => {\n    setHeadingId(id);\n    return () => setHeadingId(undefined);\n  }, [id, setHeadingId]);\n\n  return (\n    <Heading\n      className={clsx(withBaseName(), className)}\n      ref={ref}\n      {...rest}\n      id={id}\n    >\n      {children}\n    </Heading>\n  );\n});\n"],"names":["MegaMenuGroupHeading","megaMenuGroupHeadingCss"],"mappings":";;;;;;;;;AAYA,MAAM,YAAA,GAAe,aAAa,0BAA0B,CAAA;AAerD,MAAM,oBAAA,GAAuB,UAAA,CAGlC,SAASA,qBAAAA,CACT,EAAE,QAAA,EAAU,SAAA,EAAW,EAAA,EAAI,MAAA,EAAQ,IAAI,OAAA,GAAU,IAAA,EAAM,GAAG,IAAA,IAC1D,GAAA,EACA;AACA,EAAA,MAAM,eAAe,SAAA,EAAU;AAC/B,EAAA,wBAAA,CAAyB;AAAA,IACvB,MAAA,EAAQ,8BAAA;AAAA,IACR,GAAA,EAAKC,QAAA;AAAA,IACL,MAAA,EAAQ;AAAA,GACT,CAAA;AAED,EAAA,MAAM,EAAA,GAAK,MAAM,MAAM,CAAA;AACvB,EAAA,MAAM,EAAE,YAAA,EAAa,GAAI,gBAAA,EAAiB;AAC1C,EAAA,yBAAA,CAA0B,MAAM;AAC9B,IAAA,YAAA,CAAa,EAAE,CAAA;AACf,IAAA,OAAO,MAAM,aAAa,MAAS,CAAA;AAAA,EACrC,CAAA,EAAG,CAAC,EAAA,EAAI,YAAY,CAAC,CAAA;AAErB,EAAA,uBACE,GAAA;AAAA,IAAC,OAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,IAAA,CAAK,YAAA,EAAa,EAAG,SAAS,CAAA;AAAA,MACzC,GAAA;AAAA,MACC,GAAG,IAAA;AAAA,MACJ,EAAA;AAAA,MAEC;AAAA;AAAA,GACH;AAEJ,CAAC;;;;"}

package/dist-es/mega-menu/MegaMenuGroups.css.js

@@ -1,4 +0,0 @@
-var css_248z = ".saltMegaMenuGroups {\n  align-self: start;\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(0, var(--saltMegaMenuGroups-columnWidth, 12rem)));\n  gap: var(--salt-spacing-300);\n  min-width: 0;\n  max-inline-size: var(--saltMegaMenuPanel-availableWidth);\n}\n";
-
-export { css_248z as default };
-//# sourceMappingURL=MegaMenuGroups.css.js.map

package/dist-es/mega-menu/MegaMenuGroups.css.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MegaMenuGroups.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist-es/mega-menu/MegaMenuGroups.js

@@ -1,23 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { makePrefixer } from '@salt-ds/core';
-import { useComponentCssInjection } from '@salt-ds/styles';
-import { useWindow } from '@salt-ds/window';
-import { clsx } from 'clsx';
-import { forwardRef } from 'react';
-import css_248z from './MegaMenuGroups.css.js';
-
-const withBaseName = makePrefixer("saltMegaMenuGroups");
-const MegaMenuGroups = forwardRef(
-  function MegaMenuGroups2({ children, className, ...rest }, ref) {
-    const targetWindow = useWindow();
-    useComponentCssInjection({
-      testId: "salt-mega-menu-groups",
-      css: css_248z,
-      window: targetWindow
-    });
-    return /* @__PURE__ */ jsx("div", { className: clsx(withBaseName(), className), ref, ...rest, children });
-  }
-);
-
-export { MegaMenuGroups };
-//# sourceMappingURL=MegaMenuGroups.js.map

package/dist-es/mega-menu/MegaMenuGroups.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MegaMenuGroups.js","sources":["../src/mega-menu/MegaMenuGroups.tsx"],"sourcesContent":["import { makePrefixer } from \"@salt-ds/core\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { clsx } from \"clsx\";\nimport {\n  type ComponentPropsWithoutRef,\n  forwardRef,\n  type ReactNode,\n} from \"react\";\nimport megaMenuGroupsCss from \"./MegaMenuGroups.css\";\n\nconst withBaseName = makePrefixer(\"saltMegaMenuGroups\");\n\nexport interface MegaMenuGroupsProps extends ComponentPropsWithoutRef<\"div\"> {\n  /**\n   * The `MegaMenuGroup` columns of the mega menu.\n   */\n  children?: ReactNode;\n}\n\nexport const MegaMenuGroups = forwardRef<HTMLDivElement, MegaMenuGroupsProps>(\n  function MegaMenuGroups({ children, className, ...rest }, ref) {\n    const targetWindow = useWindow();\n    useComponentCssInjection({\n      testId: \"salt-mega-menu-groups\",\n      css: megaMenuGroupsCss,\n      window: targetWindow,\n    });\n\n    return (\n      <div className={clsx(withBaseName(), className)} ref={ref} {...rest}>\n        {children}\n      </div>\n    );\n  },\n);\n"],"names":["MegaMenuGroups","megaMenuGroupsCss"],"mappings":";;;;;;;;AAWA,MAAM,YAAA,GAAe,aAAa,oBAAoB,CAAA;AAS/C,MAAM,cAAA,GAAiB,UAAA;AAAA,EAC5B,SAASA,gBAAe,EAAE,QAAA,EAAU,WAAW,GAAG,IAAA,IAAQ,GAAA,EAAK;AAC7D,IAAA,MAAM,eAAe,SAAA,EAAU;AAC/B,IAAA,wBAAA,CAAyB;AAAA,MACvB,MAAA,EAAQ,uBAAA;AAAA,MACR,GAAA,EAAKC,QAAA;AAAA,MACL,MAAA,EAAQ;AAAA,KACT,CAAA;AAED,IAAA,uBACE,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,IAAA,CAAK,YAAA,EAAa,EAAG,SAAS,CAAA,EAAG,GAAA,EAAW,GAAG,IAAA,EAC5D,QAAA,EACH,CAAA;AAAA,EAEJ;AACF;;;;"}

package/dist-es/mega-menu/MegaMenuList.css.js

@@ -1,4 +0,0 @@
-var css_248z = ".saltMegaMenuList {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n  display: flex;\n  gap: var(--salt-spacing-fixed-100);\n  flex-direction: column;\n}\n";
-
-export { css_248z as default };
-//# sourceMappingURL=MegaMenuList.css.js.map

package/dist-es/mega-menu/MegaMenuList.css.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MegaMenuList.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist-es/mega-menu/MegaMenuList.js

@@ -1,41 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { makePrefixer } from '@salt-ds/core';
-import { useComponentCssInjection } from '@salt-ds/styles';
-import { useWindow } from '@salt-ds/window';
-import { clsx } from 'clsx';
-import { forwardRef } from 'react';
-import { useMegaMenuGroup } from './MegaMenuGroupContext.js';
-import css_248z from './MegaMenuList.css.js';
-
-const withBaseName = makePrefixer("saltMegaMenuList");
-const MegaMenuList = forwardRef(
-  function MegaMenuList2({
-    as,
-    children,
-    className,
-    "aria-labelledby": ariaLabelledBy,
-    ...rest
-  }, ref) {
-    const targetWindow = useWindow();
-    useComponentCssInjection({
-      testId: "salt-mega-menu-list",
-      css: css_248z,
-      window: targetWindow
-    });
-    const { headingId } = useMegaMenuGroup();
-    const Component = as || "ul";
-    return /* @__PURE__ */ jsx(
-      Component,
-      {
-        ref,
-        className: clsx(withBaseName(), className),
-        "aria-labelledby": clsx(headingId, ariaLabelledBy) || void 0,
-        ...rest,
-        children
-      }
-    );
-  }
-);
-
-export { MegaMenuList };
-//# sourceMappingURL=MegaMenuList.js.map

package/dist-es/mega-menu/MegaMenuList.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MegaMenuList.js","sources":["../src/mega-menu/MegaMenuList.tsx"],"sourcesContent":["import {\n  makePrefixer,\n  type PolymorphicComponentPropWithRef,\n  type PolymorphicRef,\n} from \"@salt-ds/core\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { clsx } from \"clsx\";\nimport {\n  type ElementType,\n  type ForwardedRef,\n  type FunctionComponent,\n  forwardRef,\n  type ReactNode,\n} from \"react\";\nimport { useMegaMenuGroup } from \"./MegaMenuGroupContext\";\nimport megaMenuListCss from \"./MegaMenuList.css\";\n\nconst withBaseName = makePrefixer(\"saltMegaMenuList\");\n\nexport type MegaMenuListProps<T extends ElementType = \"ul\"> =\n  PolymorphicComponentPropWithRef<\n    T,\n    {\n      /**\n       * The items of the group, typically `MegaMenuListItem` components. Each\n       * `MegaMenuListItem` renders its own `<li>`.\n       */\n      children?: ReactNode;\n    }\n  >;\n\ntype MegaMenuListComponent = <T extends ElementType = \"ul\">(\n  props: MegaMenuListProps<T>,\n) => ReturnType<FunctionComponent>;\n\n/**\n * The list of a group's `MegaMenuListItem`s. Renders a `<ul>` by default; pass\n * `as=\"ol\"` for an ordered list.\n */\nexport const MegaMenuList: MegaMenuListComponent = forwardRef(\n  function MegaMenuList<T extends ElementType = \"ul\">(\n    {\n      as,\n      children,\n      className,\n      \"aria-labelledby\": ariaLabelledBy,\n      ...rest\n    }: MegaMenuListProps<T>,\n    ref?: ForwardedRef<unknown>,\n  ) {\n    const targetWindow = useWindow();\n    useComponentCssInjection({\n      testId: \"salt-mega-menu-list\",\n      css: megaMenuListCss,\n      window: targetWindow,\n    });\n\n    const { headingId } = useMegaMenuGroup();\n\n    const Component = as || \"ul\";\n\n    return (\n      <Component\n        ref={ref as PolymorphicRef<T>}\n        className={clsx(withBaseName(), className)}\n        aria-labelledby={clsx(headingId, ariaLabelledBy) || undefined}\n        {...rest}\n      >\n        {children}\n      </Component>\n    );\n  },\n);\n"],"names":["MegaMenuList","megaMenuListCss"],"mappings":";;;;;;;;;AAkBA,MAAM,YAAA,GAAe,aAAa,kBAAkB,CAAA;AAsB7C,MAAM,YAAA,GAAsC,UAAA;AAAA,EACjD,SAASA,aAAAA,CACP;AAAA,IACE,EAAA;AAAA,IACA,QAAA;AAAA,IACA,SAAA;AAAA,IACA,iBAAA,EAAmB,cAAA;AAAA,IACnB,GAAG;AAAA,KAEL,GAAA,EACA;AACA,IAAA,MAAM,eAAe,SAAA,EAAU;AAC/B,IAAA,wBAAA,CAAyB;AAAA,MACvB,MAAA,EAAQ,qBAAA;AAAA,MACR,GAAA,EAAKC,QAAA;AAAA,MACL,MAAA,EAAQ;AAAA,KACT,CAAA;AAED,IAAA,MAAM,EAAE,SAAA,EAAU,GAAI,gBAAA,EAAiB;AAEvC,IAAA,MAAM,YAAY,EAAA,IAAM,IAAA;AAExB,IAAA,uBACE,GAAA;AAAA,MAAC,SAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,SAAA,EAAW,IAAA,CAAK,YAAA,EAAa,EAAG,SAAS,CAAA;AAAA,QACzC,iBAAA,EAAiB,IAAA,CAAK,SAAA,EAAW,cAAc,CAAA,IAAK,MAAA;AAAA,QACnD,GAAG,IAAA;AAAA,QAEH;AAAA;AAAA,KACH;AAAA,EAEJ;AACF;;;;"}

package/dist-es/mega-menu/MegaMenuListItem.css.js

@@ -1,4 +0,0 @@
-var css_248z = ".saltMegaMenuListItem {\n  list-style: none;\n  display: flex;\n  flex-direction: column;\n}\n\n.saltMegaMenuListItem-wrapper {\n  display: flex;\n  padding: var(--salt-spacing-50) var(--salt-spacing-100);\n  align-items: flex-start;\n  color: var(--salt-content-primary-foreground);\n  background: var(--salt-selectable-background);\n  cursor: var(--salt-cursor-hover);\n  min-height: calc(var(--salt-size-base) + var(--salt-spacing-100));\n  box-sizing: border-box;\n  gap: var(--salt-spacing-100);\n  position: relative;\n  border-radius: var(--salt-palette-corner-weak, 0);\n  text-decoration: none;\n  border: none;\n  font: inherit;\n  text-align: start;\n}\n\n.saltMegaMenuListItem-wrapper > .saltIcon {\n  display: flex;\n  height: var(--salt-size-base);\n  align-items: center;\n}\n\n.saltMegaMenuListItem-content {\n  flex: 1 0;\n  margin: var(--salt-spacing-75) 0;\n  font-family: var(--salt-text-fontFamily);\n  font-size: var(--salt-text-fontSize);\n  font-weight: var(--salt-text-fontWeight);\n  line-height: var(--salt-text-lineHeight);\n}\n\n.saltMegaMenuListItem-wrapper:focus-visible {\n  outline: var(--salt-focused-outline);\n  outline-offset: calc(var(--salt-size-fixed-100) * -2);\n}\n\n.saltMegaMenuListItem-wrapper:hover:not(:focus-visible) {\n  outline: none;\n  background: var(--salt-overlayable-background-hover);\n}\n\n.saltMegaMenuListItem-wrapper:active {\n  background: var(--salt-navigable-accent-background-active);\n}\n\n.saltMegaMenuListItem-wrapper:active::before {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  box-sizing: border-box;\n  border-radius: inherit;\n  border: var(--salt-size-fixed-100) var(--salt-borderStyle-solid) var(--salt-navigable-accent-borderColor-active);\n  pointer-events: none;\n}\n";
-
-export { css_248z as default };
-//# sourceMappingURL=MegaMenuListItem.css.js.map

package/dist-es/mega-menu/MegaMenuListItem.css.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MegaMenuListItem.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist-es/mega-menu/MegaMenuListItem.js

@@ -1,43 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { makePrefixer, renderProps } from '@salt-ds/core';
-import { useComponentCssInjection } from '@salt-ds/styles';
-import { useWindow } from '@salt-ds/window';
-import { clsx } from 'clsx';
-import { forwardRef, Children } from 'react';
-import css_248z from './MegaMenuListItem.css.js';
-import { useMegaMenu } from './useMegaMenu.js';
-
-const withBaseName = makePrefixer("saltMegaMenuListItem");
-function MegaMenuListItemAction(props) {
-  return renderProps("a", props);
-}
-const MegaMenuListItem = forwardRef(function MegaMenuListItem2({ children, className, onClick, render, href, current, ...rest }, ref) {
-  const targetWindow = useWindow();
-  const megaMenu = useMegaMenu();
-  useComponentCssInjection({
-    testId: "salt-mega-menu-list-item",
-    css: css_248z,
-    window: targetWindow
-  });
-  const handleClick = (event) => {
-    onClick == null ? void 0 : onClick(event);
-    megaMenu.setOpen(false);
-  };
-  return /* @__PURE__ */ jsx("li", { ref, className: clsx(withBaseName(), className), ...rest, children: /* @__PURE__ */ jsx(
-    MegaMenuListItemAction,
-    {
-      className: withBaseName("wrapper"),
-      href,
-      onClick: handleClick,
-      "aria-current": current ? "page" : void 0,
-      render,
-      children: Children.map(
-        children,
-        (child) => typeof child === "string" || typeof child === "number" ? /* @__PURE__ */ jsx("span", { className: withBaseName("content"), children: child }) : child
-      )
-    }
-  ) });
-});
-
-export { MegaMenuListItem };
-//# sourceMappingURL=MegaMenuListItem.js.map