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

package/dist-types/breadcrumbs-next/BreadcrumbNext.d.ts

@@ -0,0 +1,23 @@
+import { type RenderPropsType } from "@salt-ds/core";
+import { type ComponentPropsWithoutRef, type ReactNode } from "react";
+export interface BreadcrumbNextProps extends Omit<ComponentPropsWithoutRef<"li">, "children"> {
+    /**
+     * Custom breadcrumb content. Use this for advanced composition with
+     * `BreadcrumbNextTrigger` and `BreadcrumbNextLabel`.
+     */
+    children?: ReactNode;
+    /**
+     * If `true`, the breadcrumb represents the current page.
+     */
+    current?: boolean;
+    /**
+     * The URL for the breadcrumb. Provide this for the current breadcrumb so it
+     * renders as a focusable link with `aria-current="page"`.
+     */
+    href?: string;
+    /**
+     * Render prop to enable customization of the underlying link element.
+     */
+    render?: RenderPropsType["render"];
+}
+export declare const BreadcrumbNext: import("react").ForwardRefExoticComponent<BreadcrumbNextProps & import("react").RefAttributes<HTMLLIElement>>;

package/dist-types/breadcrumbs-next/BreadcrumbNextLabel.d.ts

@@ -0,0 +1,4 @@
+import { type ComponentPropsWithoutRef } from "react";
+export interface BreadcrumbNextLabelProps extends ComponentPropsWithoutRef<"span"> {
+}
+export declare const BreadcrumbNextLabel: import("react").ForwardRefExoticComponent<BreadcrumbNextLabelProps & import("react").RefAttributes<HTMLSpanElement>>;

package/dist-types/breadcrumbs-next/BreadcrumbNextTrigger.d.ts

@@ -0,0 +1,8 @@
+import { type ComponentPropsWithoutRef, type ReactNode } from "react";
+export interface BreadcrumbNextTriggerProps extends Omit<ComponentPropsWithoutRef<"a">, "children" | "color" | "href"> {
+    /**
+     * Breadcrumb trigger content.
+     */
+    children?: ReactNode;
+}
+export declare const BreadcrumbNextTrigger: import("react").ForwardRefExoticComponent<BreadcrumbNextTriggerProps & import("react").RefAttributes<HTMLAnchorElement>>;

package/dist-types/breadcrumbs-next/BreadcrumbsNext.d.ts

@@ -0,0 +1,32 @@
+import { type RenderPropsType } from "@salt-ds/core";
+import { type ComponentPropsWithoutRef, type ReactNode } from "react";
+export interface BreadcrumbsNextProps extends Omit<ComponentPropsWithoutRef<"nav">, "children"> {
+    /**
+     * Breadcrumb items.
+     */
+    children?: ReactNode;
+    /**
+     * The number of items to keep after the collapse point.
+     * Defaults to 1.
+     */
+    itemsAfterCollapse?: number;
+    /**
+     * The number of items to keep before the collapse point.
+     * Defaults to 1.
+     */
+    itemsBeforeCollapse?: number;
+    /**
+     * The maximum number of breadcrumbs to render before collapsing.
+     */
+    maxItems?: number;
+    /**
+     * Render prop to enable customization of the underlying link elements.
+     */
+    render?: RenderPropsType["render"];
+    /**
+     * If `true`, breadcrumbs can wrap onto multiple lines.
+     * Defaults to `false`.
+     */
+    wrap?: boolean;
+}
+export declare const BreadcrumbsNext: import("react").ForwardRefExoticComponent<BreadcrumbsNextProps & import("react").RefAttributes<HTMLElement>>;

package/dist-types/breadcrumbs-next/index.d.ts

@@ -0,0 +1,4 @@
+export * from "./BreadcrumbNext";
+export * from "./BreadcrumbNextLabel";
+export * from "./BreadcrumbNextTrigger";
+export * from "./BreadcrumbsNext";

package/dist-types/breadcrumbs-next/internal/BreadcrumbNextContext.d.ts

@@ -0,0 +1,14 @@
+import type { RenderPropsType } from "@salt-ds/core";
+import { type Ref } from "react";
+export type BreadcrumbNextPlacement = "disclosure" | "trail";
+export interface BreadcrumbNextContextValue {
+    current: boolean;
+    href?: string;
+    onNavigate?: () => void;
+    placement: BreadcrumbNextPlacement;
+    render?: RenderPropsType["render"];
+    showSeparator: boolean;
+    triggerRef?: Ref<HTMLAnchorElement>;
+}
+export declare const BreadcrumbNextContext: import("react").Context<BreadcrumbNextContextValue | undefined>;
+export declare function useBreadcrumbNextContext(): BreadcrumbNextContextValue | undefined;

package/dist-types/breadcrumbs-next/internal/BreadcrumbOverflowDisclosure.d.ts

@@ -0,0 +1,9 @@
+import { type RenderPropsType } from "@salt-ds/core";
+import type { NormalizedBreadcrumb } from "./breadcrumbItems";
+interface BreadcrumbOverflowDisclosureProps {
+    currentIndex: number;
+    items: NormalizedBreadcrumb[];
+    render?: RenderPropsType["render"];
+}
+export declare function BreadcrumbOverflowDisclosure({ currentIndex, items, render, }: BreadcrumbOverflowDisclosureProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist-types/breadcrumbs-next/internal/breadcrumbItems.d.ts

@@ -0,0 +1,9 @@
+import { type Key, type ReactElement, type ReactNode } from "react";
+import type { BreadcrumbNextProps } from "../BreadcrumbNext";
+export interface NormalizedBreadcrumb {
+    element: ReactElement<BreadcrumbNextProps>;
+    index: number;
+    key: Key;
+    props: BreadcrumbNextProps;
+}
+export declare function flattenBreadcrumbItems(children: ReactNode): ReactNode[];

package/dist-types/index.d.ts

@@ -1,5 +1,6 @@
 export * from "./app-header";
 export * from "./breadcrumbs";
+export * from "./breadcrumbs-next";
 export * from "./button-bar";
 export * from "./cascading-menu";
 export * from "./color-chooser";
@@ -23,7 +24,6 @@ export type { ListChangeHandler as ListChangeHandlerDeprecated, ListSelectHandle
 export { ListItemBase as ListItemBaseDeprecated, useListItem as useListItemDeprecated, } from "./list-deprecated";
 export * from "./list-next";
 export * from "./logo";
-export * from "./mega-menu";
 export * from "./menu-button";
 export * from "./metric";
 export * from "./portal";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salt-ds/lab",
-  "version": "1.0.0-alpha.97",
+  "version": "1.0.0-alpha.99",
   "license": "Apache-2.0",
   "repository": {
     "type": "git",
@@ -20,8 +20,8 @@
     "*.css"
   ],
   "dependencies": {
-    "@floating-ui/react": "^0.26.28",
-    "@salt-ds/core": "^1.65.0",
+    "@floating-ui/react": "^0.27.19",
+    "@salt-ds/core": "^1.67.0",
     "@salt-ds/icons": "^1.18.0",
     "@salt-ds/styles": "0.3.0",
     "@salt-ds/window": "0.1.1",

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

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

package/dist-cjs/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":["useControlled","useState","useRef","useCallback","useFloatingRootContext","useMegaMenuNavigation","useInteractions","useClick","useDismiss","useMemo","MegaMenuContext"],"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,GAAIA,kBAAA,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,GAAIC,eAA6B,IAAI,CAAA;AACnE,EAAA,MAAM,CAAC,QAAA,EAAU,WAAW,CAAA,GAAIA,eAA6B,IAAI,CAAA;AACjE,EAAA,MAAM,uBAAA,GAA0BC,aAAO,KAAK,CAAA;AAC5C,EAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAID,cAAA,EAAiB;AAE/C,EAAA,MAAM,OAAA,GAAUE,iBAAA;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,sBAAsBC,8BAAA,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,GAAqBC,4CAAsB,mBAAmB,CAAA;AAEpE,EAAA,MAAM,EAAE,iBAAA,EAAmB,gBAAA,EAAiB,GAAIC,uBAAA,CAAgB;AAAA,IAC9DC,iBAAS,mBAAmB,CAAA;AAAA,IAC5BC,mBAAW,mBAAmB,CAAA;AAAA,IAC9B;AAAA,GACD,CAAA;AAED,EAAA,MAAM,YAAA,GAAeC,aAAA;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,sCACGC,+BAAA,CAAgB,QAAA,EAAhB,EAAyB,KAAA,EAAO,cAC9B,QAAA,EACH,CAAA;AAEJ;;;;"}

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

@@ -1,6 +0,0 @@
-'use strict';
-
-var css_248z = ".saltMegaMenuActions {\n  display: flex;\n  flex-wrap: wrap;\n  margin-block-start: auto;\n}\n";
-
-module.exports = css_248z;
-//# sourceMappingURL=MegaMenuActions.css.js.map

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

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

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

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

package/dist-cjs/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":["makePrefixer","forwardRef","MegaMenuActions","useWindow","useComponentCssInjection","megaMenuActionsCss","jsx","clsx"],"mappings":";;;;;;;;;;AAWA,MAAM,YAAA,GAAeA,kBAAa,qBAAqB,CAAA;AAWhD,MAAM,eAAA,GAAkBC,gBAAA;AAAA,EAC7B,SAASC,gBAAAA,CAAgB,EAAE,WAAW,GAAG,IAAA,IAAQ,GAAA,EAAK;AACpD,IAAA,MAAM,eAAeC,gBAAA,EAAU;AAC/B,IAAAC,+BAAA,CAAyB;AAAA,MACvB,MAAA,EAAQ,wBAAA;AAAA,MACR,GAAA,EAAKC,iBAAA;AAAA,MACL,MAAA,EAAQ;AAAA,KACT,CAAA;AAED,IAAA,uBACEC,cAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,wBAAA,EAAuB,EAAA;AAAA,QACvB,SAAA,EAAWC,SAAA,CAAK,YAAA,EAAa,EAAG,SAAS,CAAA;AAAA,QACzC,GAAA;AAAA,QACC,GAAG;AAAA;AAAA,KACN;AAAA,EAEJ;AACF;;;;"}

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

@@ -1,6 +0,0 @@
-'use strict';
-
-var css_248z = ".saltMegaMenuAside {\n  flex: 0 0 auto;\n  display: flex;\n  flex-direction: column;\n  padding: var(--salt-spacing-300);\n}\n";
-
-module.exports = css_248z;
-//# sourceMappingURL=MegaMenuAside.css.js.map

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

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

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

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

package/dist-cjs/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":["makePrefixer","forwardRef","MegaMenuAside","useWindow","useComponentCssInjection","megaMenuAsideCss","jsx","clsx"],"mappings":";;;;;;;;;;AAWA,MAAM,YAAA,GAAeA,kBAAa,mBAAmB,CAAA;AAU9C,MAAM,aAAA,GAAgBC,gBAAA;AAAA,EAC3B,SAASC,cAAAA,CAAc,EAAE,WAAW,GAAG,IAAA,IAAQ,GAAA,EAAK;AAClD,IAAA,MAAM,eAAeC,gBAAA,EAAU;AAC/B,IAAAC,+BAAA,CAAyB;AAAA,MACvB,MAAA,EAAQ,sBAAA;AAAA,MACR,GAAA,EAAKC,eAAA;AAAA,MACL,MAAA,EAAQ;AAAA,KACT,CAAA;AAGD,IAAA,uBACEC,cAAA;AAAA,MAAC,OAAA;AAAA,MAAA;AAAA,QACC,uBAAA,EAAsB,EAAA;AAAA,QACtB,SAAA,EAAWC,SAAA,CAAK,YAAA,EAAa,EAAG,SAAS,CAAA;AAAA,QACzC,GAAA;AAAA,QACC,GAAG;AAAA;AAAA,KACN;AAAA,EAEJ;AACF;;;;"}

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

@@ -1,6 +0,0 @@
-'use strict';
-
-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";
-
-module.exports = css_248z;
-//# sourceMappingURL=MegaMenuContent.css.js.map

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

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

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

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

package/dist-cjs/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":["makePrefixer","forwardRef","MegaMenuContent","useWindow","useComponentCssInjection","megaMenuContentCss","jsx","clsx"],"mappings":";;;;;;;;;;AAWA,MAAM,YAAA,GAAeA,kBAAa,qBAAqB,CAAA;AAUhD,MAAM,eAAA,GAAkBC,gBAAA;AAAA,EAC7B,SAASC,iBAAgB,EAAE,QAAA,EAAU,WAAW,GAAG,IAAA,IAAQ,GAAA,EAAK;AAC9D,IAAA,MAAM,eAAeC,gBAAA,EAAU;AAC/B,IAAAC,+BAAA,CAAyB;AAAA,MACvB,MAAA,EAAQ,wBAAA;AAAA,MACR,GAAA,EAAKC,iBAAA;AAAA,MACL,MAAA,EAAQ;AAAA,KACT,CAAA;AAED,IAAA,uBACEC,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAWC,SAAA,CAAK,YAAA,EAAa,EAAG,SAAS,CAAA,EAAG,GAAA,EAAW,GAAG,IAAA,EAC5D,QAAA,EACH,CAAA;AAAA,EAEJ;AACF;;;;"}

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

@@ -1,11 +0,0 @@
-'use strict';
-
-var core = require('@salt-ds/core');
-
-const MegaMenuContext = core.createContext(
-  "MegaMenuContext",
-  void 0
-);
-
-exports.MegaMenuContext = MegaMenuContext;
-//# sourceMappingURL=MegaMenuContext.js.map

package/dist-cjs/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":["createContext"],"mappings":";;;;AAuCO,MAAM,eAAA,GAAkBA,kBAAA;AAAA,EAC7B,iBAAA;AAAA,EACA;AACF;;;;"}

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

@@ -1,6 +0,0 @@
-'use strict';
-
-var css_248z = ".saltMegaMenuGroup {\n  display: flex;\n  flex-direction: column;\n}\n";
-
-module.exports = css_248z;
-//# sourceMappingURL=MegaMenuGroup.css.js.map

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

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

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

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

package/dist-cjs/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":["makePrefixer","forwardRef","MegaMenuGroup","useWindow","useComponentCssInjection","megaMenuGroupCss","useState","useMemo","jsx","MegaMenuGroupContext","clsx"],"mappings":";;;;;;;;;;;AAcA,MAAM,YAAA,GAAeA,kBAAa,mBAAmB,CAAA;AAU9C,MAAM,aAAA,GAAgBC,gBAAA;AAAA,EAC3B,SAASC,eAAc,EAAE,QAAA,EAAU,WAAW,GAAG,IAAA,IAAQ,GAAA,EAAK;AAC5D,IAAA,MAAM,eAAeC,gBAAA,EAAU;AAC/B,IAAAC,+BAAA,CAAyB;AAAA,MACvB,MAAA,EAAQ,sBAAA;AAAA,MACR,GAAA,EAAKC,eAAA;AAAA,MACL,MAAA,EAAQ;AAAA,KACT,CAAA;AAID,IAAA,MAAM,CAAC,SAAA,EAAW,YAAY,CAAA,GAAIC,eAA6B,MAAS,CAAA;AACxE,IAAA,MAAM,YAAA,GAAeC,aAAA;AAAA,MACnB,OAAO,EAAE,SAAA,EAAW,YAAA,EAAa,CAAA;AAAA,MACjC,CAAC,SAAS;AAAA,KACZ;AAEA,IAAA,uBACEC,cAAA,CAACC,yCAAA,CAAqB,QAAA,EAArB,EAA8B,OAAO,YAAA,EACpC,QAAA,kBAAAD,cAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,uBAAA,EAAsB,EAAA;AAAA,QACtB,SAAA,EAAWE,SAAA,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-cjs/mega-menu/MegaMenuGroupContext.js

@@ -1,17 +0,0 @@
-'use strict';
-
-var core = require('@salt-ds/core');
-var react = require('react');
-
-const MegaMenuGroupContext = core.createContext(
-  "MegaMenuGroupContext",
-  { headingId: void 0, setHeadingId: () => {
-  } }
-);
-function useMegaMenuGroup() {
-  return react.useContext(MegaMenuGroupContext);
-}
-
-exports.MegaMenuGroupContext = MegaMenuGroupContext;
-exports.useMegaMenuGroup = useMegaMenuGroup;
-//# sourceMappingURL=MegaMenuGroupContext.js.map

package/dist-cjs/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":["createContext","useContext"],"mappings":";;;;;AAaO,MAAM,oBAAA,GAAuBA,kBAAA;AAAA,EAClC,sBAAA;AAAA,EACA,EAAE,SAAA,EAAW,MAAA,EAAW,YAAA,EAAc,MAAM;AAAA,EAAC,CAAA;AAC/C;AAGO,SAAS,gBAAA,GAA8C;AAC5D,EAAA,OAAOC,iBAAW,oBAAoB,CAAA;AACxC;;;;;"}

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

@@ -1,6 +0,0 @@
-'use strict';
-
-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";
-
-module.exports = css_248z;
-//# sourceMappingURL=MegaMenuGroupHeading.css.js.map

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

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

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

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

package/dist-cjs/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":["makePrefixer","forwardRef","MegaMenuGroupHeading","useWindow","useComponentCssInjection","megaMenuGroupHeadingCss","useId","useMegaMenuGroup","useIsomorphicLayoutEffect","jsx","clsx"],"mappings":";;;;;;;;;;;AAYA,MAAM,YAAA,GAAeA,kBAAa,0BAA0B,CAAA;AAerD,MAAM,oBAAA,GAAuBC,gBAAA,CAGlC,SAASC,qBAAAA,CACT,EAAE,QAAA,EAAU,SAAA,EAAW,EAAA,EAAI,MAAA,EAAQ,IAAI,OAAA,GAAU,IAAA,EAAM,GAAG,IAAA,IAC1D,GAAA,EACA;AACA,EAAA,MAAM,eAAeC,gBAAA,EAAU;AAC/B,EAAAC,+BAAA,CAAyB;AAAA,IACvB,MAAA,EAAQ,8BAAA;AAAA,IACR,GAAA,EAAKC,sBAAA;AAAA,IACL,MAAA,EAAQ;AAAA,GACT,CAAA;AAED,EAAA,MAAM,EAAA,GAAKC,WAAM,MAAM,CAAA;AACvB,EAAA,MAAM,EAAE,YAAA,EAAa,GAAIC,qCAAA,EAAiB;AAC1C,EAAAC,8BAAA,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,uBACEC,cAAA;AAAA,IAAC,OAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAWC,SAAA,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-cjs/mega-menu/MegaMenuGroups.css.js

@@ -1,6 +0,0 @@
-'use strict';
-
-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";
-
-module.exports = css_248z;
-//# sourceMappingURL=MegaMenuGroups.css.js.map

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

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

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

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

package/dist-cjs/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":["makePrefixer","forwardRef","MegaMenuGroups","useWindow","useComponentCssInjection","megaMenuGroupsCss","jsx","clsx"],"mappings":";;;;;;;;;;AAWA,MAAM,YAAA,GAAeA,kBAAa,oBAAoB,CAAA;AAS/C,MAAM,cAAA,GAAiBC,gBAAA;AAAA,EAC5B,SAASC,gBAAe,EAAE,QAAA,EAAU,WAAW,GAAG,IAAA,IAAQ,GAAA,EAAK;AAC7D,IAAA,MAAM,eAAeC,gBAAA,EAAU;AAC/B,IAAAC,+BAAA,CAAyB;AAAA,MACvB,MAAA,EAAQ,uBAAA;AAAA,MACR,GAAA,EAAKC,gBAAA;AAAA,MACL,MAAA,EAAQ;AAAA,KACT,CAAA;AAED,IAAA,uBACEC,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAWC,SAAA,CAAK,YAAA,EAAa,EAAG,SAAS,CAAA,EAAG,GAAA,EAAW,GAAG,IAAA,EAC5D,QAAA,EACH,CAAA;AAAA,EAEJ;AACF;;;;"}

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

@@ -1,6 +0,0 @@
-'use strict';
-
-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";
-
-module.exports = css_248z;
-//# sourceMappingURL=MegaMenuList.css.js.map

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

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