@salt-ds/lab 1.0.0-alpha.94 → 1.0.0-alpha.96

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

@@ -1,205 +0,0 @@
-import { useMemo } from 'react';
-
-const COLUMN_SELECTOR = "[data-mega-menu-column]";
-const ITEM_SELECTOR = "[data-mega-menu-item]";
-const FOCUSABLE_SELECTOR = 'a[href], button:not([disabled]), [tabindex]:not([tabindex="-1"])';
-function getColumnItems(column) {
-  const marked = Array.from(
-    column.querySelectorAll(ITEM_SELECTOR)
-  );
-  if (marked.length > 0) return marked;
-  return Array.from(column.querySelectorAll(FOCUSABLE_SELECTOR));
-}
-function buildGrid(panel) {
-  const columns = new Set(panel.querySelectorAll(COLUMN_SELECTOR));
-  const grid = [];
-  const processedColumns = /* @__PURE__ */ new Set();
-  const all = panel.querySelectorAll(
-    `${COLUMN_SELECTOR}, ${ITEM_SELECTOR}`
-  );
-  for (const el of all) {
-    if (columns.has(el) && !processedColumns.has(el)) {
-      processedColumns.add(el);
-      const items = getColumnItems(el);
-      if (items.length > 0) grid.push(items);
-    } else if (el.matches(ITEM_SELECTOR)) {
-      const parentCol = el.closest(COLUMN_SELECTOR);
-      if (!parentCol || !columns.has(parentCol)) {
-        grid.push([el]);
-      }
-    }
-  }
-  return grid;
-}
-function findPosition(grid, el) {
-  for (let col = 0; col < grid.length; col++) {
-    const row = grid[col].indexOf(el);
-    if (row !== -1) return { col, row };
-  }
-  return null;
-}
-function focusTrigger(context) {
-  const reference = context.elements.reference;
-  const focusable = (reference == null ? void 0 : reference.querySelector(FOCUSABLE_SELECTOR)) ?? reference;
-  focusable == null ? void 0 : focusable.focus();
-}
-function focusNextAfterPanel(context, panel) {
-  var _a, _b;
-  const reference = context.elements.reference;
-  const refFocusable = (reference == null ? void 0 : reference.querySelector(FOCUSABLE_SELECTOR)) ?? reference;
-  const nextSibling = (_b = (_a = refFocusable == null ? void 0 : refFocusable.closest("li")) == null ? void 0 : _a.nextElementSibling) == null ? void 0 : _b.querySelector(FOCUSABLE_SELECTOR);
-  const nextOutside = nextSibling || (() => {
-    const allFocusable = Array.from(
-      panel.ownerDocument.querySelectorAll(FOCUSABLE_SELECTOR)
-    ).filter((el) => !panel.contains(el));
-    const idx = refFocusable ? allFocusable.indexOf(refFocusable) : -1;
-    return idx >= 0 ? allFocusable[idx + 1] : void 0;
-  })();
-  if (nextOutside) {
-    const view = panel.ownerDocument.defaultView;
-    view == null ? void 0 : view.requestAnimationFrame(() => {
-      view == null ? void 0 : view.requestAnimationFrame(() => {
-        nextOutside.focus();
-      });
-    });
-  }
-}
-function useMegaMenuKeyboard(context, props = {}) {
-  const { enabled = true } = props;
-  const { open, onOpenChange } = context;
-  return useMemo(() => {
-    if (!enabled) {
-      return {};
-    }
-    return {
-      reference: {
-        onKeyDown(event) {
-          if (event.key === "ArrowDown" && open) {
-            event.preventDefault();
-            const floating = context.elements.floating;
-            if (floating instanceof HTMLElement) {
-              focusFirstItem(floating);
-            }
-          }
-        }
-      },
-      floating: {
-        onKeyDown(event) {
-          var _a, _b, _c, _d;
-          if (!open) return;
-          const panel = event.currentTarget;
-          const target = event.target;
-          const focusedItem = target.closest(ITEM_SELECTOR) ?? target.closest(FOCUSABLE_SELECTOR);
-          if (!focusedItem) return;
-          const grid = buildGrid(panel);
-          const pos = findPosition(grid, focusedItem);
-          if (!pos) return;
-          const allItems = grid.flat();
-          const linearIndex = allItems.indexOf(focusedItem);
-          switch (event.key) {
-            case "ArrowDown": {
-              event.preventDefault();
-              const next = pos.row + 1;
-              if (next < grid[pos.col].length) {
-                grid[pos.col][next].focus();
-              } else {
-                const nextCol = pos.col + 1;
-                if (nextCol < grid.length) {
-                  grid[nextCol][0].focus();
-                }
-              }
-              break;
-            }
-            case "ArrowUp": {
-              event.preventDefault();
-              if (pos.row > 0) {
-                grid[pos.col][pos.row - 1].focus();
-              } else {
-                const prevCol = pos.col - 1;
-                if (prevCol >= 0) {
-                  grid[prevCol][grid[prevCol].length - 1].focus();
-                } else {
-                  focusTrigger(context);
-                }
-              }
-              break;
-            }
-            case "ArrowRight": {
-              event.preventDefault();
-              const nextCol = pos.col + 1;
-              if (nextCol < grid.length) {
-                grid[nextCol][0].focus();
-              } else {
-                const reference = context.elements.reference;
-                const trigger = (reference == null ? void 0 : reference.querySelector(FOCUSABLE_SELECTOR)) ?? reference;
-                const li = trigger == null ? void 0 : trigger.closest("li");
-                const nextSibling = (li == null ? void 0 : li.nextElementSibling) instanceof HTMLElement ? li.nextElementSibling.querySelector(
-                  FOCUSABLE_SELECTOR
-                ) : null;
-                if (nextSibling) {
-                  onOpenChange(false);
-                  nextSibling.focus();
-                }
-              }
-              break;
-            }
-            case "ArrowLeft": {
-              event.preventDefault();
-              const prevCol = pos.col - 1;
-              if (prevCol >= 0) {
-                grid[prevCol][0].focus();
-              } else {
-                focusTrigger(context);
-              }
-              break;
-            }
-            case "Tab": {
-              event.preventDefault();
-              if (event.shiftKey) {
-                if (linearIndex === 0) {
-                  focusTrigger(context);
-                } else {
-                  (_a = allItems[linearIndex - 1]) == null ? void 0 : _a.focus();
-                }
-              } else {
-                if (linearIndex === allItems.length - 1) {
-                  onOpenChange(false);
-                  focusNextAfterPanel(context, panel);
-                } else {
-                  (_b = allItems[linearIndex + 1]) == null ? void 0 : _b.focus();
-                }
-              }
-              break;
-            }
-            case "Home": {
-              event.preventDefault();
-              (_c = grid[pos.col][0]) == null ? void 0 : _c.focus();
-              break;
-            }
-            case "End": {
-              event.preventDefault();
-              (_d = grid[pos.col][grid[pos.col].length - 1]) == null ? void 0 : _d.focus();
-              break;
-            }
-          }
-        }
-      }
-    };
-  }, [enabled, open, context, onOpenChange]);
-}
-function focusFirstItem(panel, attempt = 0) {
-  var _a;
-  const grid = buildGrid(panel);
-  const firstItem = (_a = grid[0]) == null ? void 0 : _a[0];
-  if (firstItem) {
-    firstItem.focus();
-    return;
-  }
-  const view = panel.ownerDocument.defaultView;
-  if (attempt < 3 && view) {
-    view.requestAnimationFrame(() => focusFirstItem(panel, attempt + 1));
-  }
-}
-
-export { FOCUSABLE_SELECTOR, focusFirstItem, useMegaMenuKeyboard };
-//# sourceMappingURL=useMegaMenuKeyboard.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"useMegaMenuKeyboard.js","sources":["../src/mega-menu/useMegaMenuKeyboard.ts"],"sourcesContent":["import type { ElementProps, FloatingRootContext } from \"@floating-ui/react\";\nimport { useMemo } from \"react\";\n\nconst COLUMN_SELECTOR = \"[data-mega-menu-column]\";\nconst ITEM_SELECTOR = \"[data-mega-menu-item]\";\nexport const FOCUSABLE_SELECTOR =\n  'a[href], button:not([disabled]), [tabindex]:not([tabindex=\"-1\"])';\n\n/**\n * Get navigable items within a column.\n * Prefers explicitly marked items (`data-mega-menu-item`), falling back\n * to all focusable elements when no marked items are found.\n */\nfunction getColumnItems(column: HTMLElement): HTMLElement[] {\n  const marked = Array.from(\n    column.querySelectorAll<HTMLElement>(ITEM_SELECTOR),\n  );\n  if (marked.length > 0) return marked;\n  return Array.from(column.querySelectorAll<HTMLElement>(FOCUSABLE_SELECTOR));\n}\n\n/**\n * Build a 2D grid of navigable items from the panel DOM.\n * Each column is a `[data-mega-menu-column]` wrapper; items within each\n * column are discovered via `getColumnItems`.\n * Items not inside any column (orphans) are inserted at their DOM position\n * as single-item columns so keyboard navigation follows visual order.\n */\nfunction buildGrid(panel: HTMLElement): HTMLElement[][] {\n  const columns = new Set(panel.querySelectorAll<HTMLElement>(COLUMN_SELECTOR));\n  const grid: HTMLElement[][] = [];\n  const processedColumns = new Set<HTMLElement>();\n\n  // Walk columns and items in DOM order so orphans are interleaved correctly.\n  const all = panel.querySelectorAll<HTMLElement>(\n    `${COLUMN_SELECTOR}, ${ITEM_SELECTOR}`,\n  );\n\n  for (const el of all) {\n    if (columns.has(el) && !processedColumns.has(el)) {\n      processedColumns.add(el);\n      const items = getColumnItems(el);\n      if (items.length > 0) grid.push(items);\n    } else if (el.matches(ITEM_SELECTOR)) {\n      const parentCol = el.closest(COLUMN_SELECTOR);\n      if (!parentCol || !columns.has(parentCol as HTMLElement)) {\n        grid.push([el]);\n      }\n    }\n  }\n\n  return grid;\n}\n\nfunction findPosition(\n  grid: HTMLElement[][],\n  el: HTMLElement,\n): { col: number; row: number } | null {\n  for (let col = 0; col < grid.length; col++) {\n    const row = grid[col].indexOf(el);\n    if (row !== -1) return { col, row };\n  }\n  return null;\n}\n\nfunction focusTrigger(context: FloatingRootContext) {\n  const reference = context.elements.reference as HTMLElement | null;\n  const focusable =\n    reference?.querySelector<HTMLElement>(FOCUSABLE_SELECTOR) ?? reference;\n  focusable?.focus();\n}\n\nfunction focusNextAfterPanel(context: FloatingRootContext, panel: HTMLElement) {\n  const reference = context.elements.reference as HTMLElement | null;\n  const refFocusable =\n    reference?.querySelector<HTMLElement>(FOCUSABLE_SELECTOR) ?? reference;\n\n  const nextSibling = refFocusable\n    ?.closest(\"li\")\n    ?.nextElementSibling?.querySelector<HTMLElement>(FOCUSABLE_SELECTOR);\n\n  const nextOutside =\n    nextSibling ||\n    (() => {\n      const allFocusable = Array.from(\n        panel.ownerDocument.querySelectorAll<HTMLElement>(FOCUSABLE_SELECTOR),\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 UseMegaMenuKeyboardProps {\n  /**\n   * Whether the interaction is enabled.\n   * @default true\n   */\n  enabled?: boolean;\n}\n\n/**\n * Floating-ui custom interaction hook for mega menu grid keyboard navigation.\n *\n * Returns `ElementProps` that get merged via `useInteractions`, handling\n * keyboard events on both the reference (trigger) and floating (panel) elements.\n *\n * - **↑ / ↓** move within the current column.\n * - **← / →** jump to the top of the previous / next column.\n * - **Tab / Shift+Tab** move linearly through every item.\n * - **Home / End** jump to the first / last item in the column.\n * - **↑ from the first item** or **← from the first column** returns\n *   focus to the trigger.\n * - **→ from the last column** closes the panel and moves focus to the\n *   next sibling trigger.\n */\nexport function useMegaMenuKeyboard(\n  context: FloatingRootContext,\n  props: UseMegaMenuKeyboardProps = {},\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      reference: {\n        onKeyDown(event: React.KeyboardEvent) {\n          if (event.key === \"ArrowDown\" && open) {\n            event.preventDefault();\n            const floating = context.elements.floating;\n            if (floating instanceof HTMLElement) {\n              focusFirstItem(floating);\n            }\n          }\n        },\n      },\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\n          const focusedItem =\n            target.closest<HTMLElement>(ITEM_SELECTOR) ??\n            target.closest<HTMLElement>(FOCUSABLE_SELECTOR);\n          if (!focusedItem) return;\n\n          const grid = buildGrid(panel);\n          const pos = findPosition(grid, focusedItem);\n          if (!pos) return;\n\n          const allItems = grid.flat();\n          const linearIndex = allItems.indexOf(focusedItem);\n\n          switch (event.key) {\n            case \"ArrowDown\": {\n              event.preventDefault();\n              const next = pos.row + 1;\n              if (next < grid[pos.col].length) {\n                grid[pos.col][next].focus();\n              } else {\n                const nextCol = pos.col + 1;\n                if (nextCol < grid.length) {\n                  grid[nextCol][0].focus();\n                }\n              }\n              break;\n            }\n\n            case \"ArrowUp\": {\n              event.preventDefault();\n              if (pos.row > 0) {\n                grid[pos.col][pos.row - 1].focus();\n              } else {\n                const prevCol = pos.col - 1;\n                if (prevCol >= 0) {\n                  grid[prevCol][grid[prevCol].length - 1].focus();\n                } else {\n                  focusTrigger(context);\n                }\n              }\n              break;\n            }\n\n            case \"ArrowRight\": {\n              event.preventDefault();\n              const nextCol = pos.col + 1;\n              if (nextCol < grid.length) {\n                grid[nextCol][0].focus();\n              } else {\n                // On the last column — close panel and move to next trigger\n                const reference = context.elements\n                  .reference as HTMLElement | null;\n                const trigger =\n                  reference?.querySelector<HTMLElement>(FOCUSABLE_SELECTOR) ??\n                  reference;\n                const li = trigger?.closest(\"li\");\n                const nextSibling =\n                  li?.nextElementSibling instanceof HTMLElement\n                    ? li.nextElementSibling.querySelector<HTMLElement>(\n                        FOCUSABLE_SELECTOR,\n                      )\n                    : null;\n                if (nextSibling) {\n                  onOpenChange(false);\n                  nextSibling.focus();\n                }\n              }\n              break;\n            }\n\n            case \"ArrowLeft\": {\n              event.preventDefault();\n              const prevCol = pos.col - 1;\n              if (prevCol >= 0) {\n                grid[prevCol][0].focus();\n              } else {\n                focusTrigger(context);\n              }\n              break;\n            }\n\n            case \"Tab\": {\n              event.preventDefault();\n              if (event.shiftKey) {\n                if (linearIndex === 0) {\n                  focusTrigger(context);\n                } else {\n                  allItems[linearIndex - 1]?.focus();\n                }\n              } else {\n                if (linearIndex === allItems.length - 1) {\n                  onOpenChange(false);\n                  focusNextAfterPanel(context, panel);\n                } else {\n                  allItems[linearIndex + 1]?.focus();\n                }\n              }\n              break;\n            }\n\n            case \"Home\": {\n              event.preventDefault();\n              grid[pos.col][0]?.focus();\n              break;\n            }\n\n            case \"End\": {\n              event.preventDefault();\n              grid[pos.col][grid[pos.col].length - 1]?.focus();\n              break;\n            }\n\n            default:\n              break;\n          }\n        },\n      },\n    };\n  }, [enabled, open, context, onOpenChange]);\n}\n\n/**\n * Focus the first navigable item inside a mega menu panel.\n * Retries with `requestAnimationFrame` if content has not yet rendered.\n */\nexport function focusFirstItem(panel: HTMLElement, attempt = 0): void {\n  const grid = buildGrid(panel);\n  const firstItem = grid[0]?.[0];\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":[],"mappings":"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"}

package/dist-es/utils/deprecatedExport.js

@@ -1,27 +0,0 @@
-import { forwardRef, createElement } from 'react';
-
-const warnedKeys = /* @__PURE__ */ new Set();
-const warnOnce = (key, message) => {
-  if (process.env.NODE_ENV === "production") return;
-  if (warnedKeys.has(key)) return;
-  warnedKeys.add(key);
-  console.warn(message);
-};
-function deprecatedComponent(Component, displayName, deprecationKey, message) {
-  const Wrapped = forwardRef((props, ref) => {
-    warnOnce(deprecationKey, message);
-    return createElement(Component, { ...props, ref });
-  });
-  Wrapped.displayName = displayName;
-  return Wrapped;
-}
-function deprecatedFunction(hook, deprecationKey, message) {
-  const wrapped = (...args) => {
-    warnOnce(deprecationKey, message);
-    return hook(...args);
-  };
-  return wrapped;
-}
-
-export { deprecatedComponent, deprecatedFunction };
-//# sourceMappingURL=deprecatedExport.js.map

package/dist-es/utils/deprecatedExport.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"deprecatedExport.js","sources":["../src/utils/deprecatedExport.ts"],"sourcesContent":["import { type ComponentType, createElement, forwardRef } from \"react\";\n\nconst warnedKeys = new Set<string>();\n\nconst warnOnce = (key: string, message: string) => {\n  if (process.env.NODE_ENV === \"production\") return;\n  if (warnedKeys.has(key)) return;\n  warnedKeys.add(key);\n  // eslint-disable-next-line no-console\n  console.warn(message);\n};\n\n/**\n * Wrap a component so that a deprecation warning is logged on first render\n * instead of at import time.\n */\nexport function deprecatedComponent<P extends object>(\n  Component: ComponentType<P>,\n  displayName: string,\n  deprecationKey: string,\n  message: string,\n) {\n  const Wrapped = forwardRef<unknown, P>((props, ref) => {\n    warnOnce(deprecationKey, message);\n    return createElement(Component, { ...props, ref } as P);\n  });\n  Wrapped.displayName = displayName;\n  return Wrapped as unknown as typeof Component;\n}\n\n/**\n * Wrap a hook or plain function so that a deprecation warning is logged on\n * first call instead of at import time.\n */\nexport function deprecatedFunction<T extends (...args: any[]) => any>(\n  hook: T,\n  deprecationKey: string,\n  message: string,\n): T {\n  const wrapped = (...args: any[]) => {\n    warnOnce(deprecationKey, message);\n    return hook(...args);\n  };\n  return wrapped as T;\n}\n"],"names":[],"mappings":";;AAEA,MAAM,UAAA,uBAAiB,GAAA,EAAY;AAEnC,MAAM,QAAA,GAAW,CAAC,GAAA,EAAa,OAAA,KAAoB;AACjD,EAAA,IAAI,OAAA,CAAQ,GAAA,CAAI,QAAA,KAAa,YAAA,EAAc;AAC3C,EAAA,IAAI,UAAA,CAAW,GAAA,CAAI,GAAG,CAAA,EAAG;AACzB,EAAA,UAAA,CAAW,IAAI,GAAG,CAAA;AAElB,EAAA,OAAA,CAAQ,KAAK,OAAO,CAAA;AACtB,CAAA;AAMO,SAAS,mBAAA,CACd,SAAA,EACA,WAAA,EACA,cAAA,EACA,OAAA,EACA;AACA,EAAA,MAAM,OAAA,GAAU,UAAA,CAAuB,CAAC,KAAA,EAAO,GAAA,KAAQ;AACrD,IAAA,QAAA,CAAS,gBAAgB,OAAO,CAAA;AAChC,IAAA,OAAO,cAAc,SAAA,EAAW,EAAE,GAAG,KAAA,EAAO,KAAU,CAAA;AAAA,EACxD,CAAC,CAAA;AACD,EAAA,OAAA,CAAQ,WAAA,GAAc,WAAA;AACtB,EAAA,OAAO,OAAA;AACT;AAMO,SAAS,kBAAA,CACd,IAAA,EACA,cAAA,EACA,OAAA,EACG;AACH,EAAA,MAAM,OAAA,GAAU,IAAI,IAAA,KAAgB;AAClC,IAAA,QAAA,CAAS,gBAAgB,OAAO,CAAA;AAChC,IAAA,OAAO,IAAA,CAAK,GAAG,IAAI,CAAA;AAAA,EACrB,CAAA;AACA,EAAA,OAAO,OAAA;AACT;;;;"}

package/dist-types/calendar/index.d.ts

@@ -1,13 +0,0 @@
-import type { DateFrameworkType } from "@salt-ds/date-adapters";
-import { useCalendar as _useCalendar, useCalendarDay as _useCalendarDay, useCalendarSelection as _useCalendarSelection, useCalendarSelectionDay as _useCalendarSelectionDay, useDateSelectionAnnouncer as _useDateSelectionAnnouncer, type DateRangeSelection } from "@salt-ds/date-components";
-export declare const Calendar: import("react").ComponentType<import("@salt-ds/date-components").CalendarProps & import("react").RefAttributes<HTMLDivElement>>;
-export declare const CalendarGrid: import("react").ComponentType<import("@salt-ds/date-components").CalendarGridProps & import("react").RefAttributes<HTMLDivElement>>;
-export declare const CalendarNavigation: import("react").ComponentType<Omit<import("@salt-ds/date-components").CalendarNavigationProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-export declare const CalendarWeekHeader: import("react").ComponentType<Omit<import("@salt-ds/date-components").CalendarWeekHeaderProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-export declare const useCalendar: typeof _useCalendar;
-export declare const useCalendarDay: typeof _useCalendarDay;
-export declare const useCalendarSelection: typeof _useCalendarSelection;
-export declare const useCalendarSelectionDay: typeof _useCalendarSelectionDay;
-export declare const useDateSelectionAnnouncer: typeof _useDateSelectionAnnouncer;
-export declare function isDateRangeSelection<TDate extends DateFrameworkType = DateFrameworkType>(value: unknown): value is DateRangeSelection<TDate>;
-export type { CalendarBaseProps, CalendarDayProps, CalendarGridProps, CalendarMultiselectOffsetProps, CalendarMultiselectRangeProps, CalendarMultiselectSingleProps, CalendarNavigationProps, CalendarOffsetProps, CalendarProps, CalendarRangeProps, CalendarSingleProps, CalendarWeekHeaderProps, CreateAnnouncement, DateRangeSelection, DayStatus, renderCalendarDayProps, SelectionVariant, SingleDateSelection, UseCalendarMultiselectOffsetProps, UseCalendarMultiselectRangeProps, UseCalendarMultiselectSingleProps, UseCalendarOffsetProps, UseCalendarProps, UseCalendarRangeProps, UseCalendarReturn, UseCalendarSelectionBaseProps, UseCalendarSelectionMultiselectOffsetProps, UseCalendarSelectionMultiselectRangeProps, UseCalendarSelectionMultiselectSingleProps, UseCalendarSelectionOffsetProps, UseCalendarSelectionProps, UseCalendarSelectionRangeProps, UseCalendarSelectionSingleProps, UseCalendarSingleProps, useCalendarDayProps, } from "@salt-ds/date-components";

package/dist-types/date-input/index.d.ts

@@ -1,3 +0,0 @@
-export declare const DateInputRange: import("react").ComponentType<import("@salt-ds/date-components").DateInputRangeProps & import("react").RefAttributes<HTMLDivElement>>;
-export declare const DateInputSingle: import("react").ComponentType<import("@salt-ds/date-components").DateInputSingleProps & import("react").RefAttributes<HTMLDivElement>>;
-export type { DateInputRangeDetails, DateInputRangeProps, DateInputRangeValue, DateInputSingleDetails, DateInputSingleProps, DateParserField, } from "@salt-ds/date-components";

package/dist-types/localization-provider/index.d.ts

@@ -1,9 +0,0 @@
-import type { DateFrameworkType } from "@salt-ds/date-adapters";
-import { type LocalizationProviderProps, type LocalizationProviderValue } from "@salt-ds/date-components";
-export declare function LocalizationProvider<TDate extends DateFrameworkType = DateFrameworkType, TLocale = undefined>(props: LocalizationProviderProps<TDate, TLocale>): import("react/jsx-runtime").JSX.Element;
-export declare namespace LocalizationProvider {
-    var displayName: string;
-}
-export declare function useLocalization<TDate extends DateFrameworkType = DateFrameworkType>(): LocalizationProviderValue<TDate>;
-export type { LocalizationProviderContext as LocalizationProviderContextType, LocalizationProviderProps, LocalizationProviderValue, } from "@salt-ds/date-components";
-export { LocalizationProviderContext } from "@salt-ds/date-components";

package/dist-types/mega-menu/MegaMenuHeader.d.ts

@@ -1,8 +0,0 @@
-import { type ComponentPropsWithoutRef, type ReactNode } from "react";
-export interface MegaMenuHeaderProps extends ComponentPropsWithoutRef<"div"> {
-    /**
-     * The content of the mega menu header.
-     */
-    children?: ReactNode;
-}
-export declare const MegaMenuHeader: import("react").ForwardRefExoticComponent<MegaMenuHeaderProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist-types/mega-menu/MegaMenuItem.d.ts

@@ -1,12 +0,0 @@
-import { type AnchorHTMLAttributes, type ReactNode } from "react";
-export interface MegaMenuItemProps extends AnchorHTMLAttributes<HTMLAnchorElement> {
-    /**
-     * The content of the mega menu item.
-     */
-    children?: ReactNode;
-    /**
-     * Href to be passed to the Link element.
-     */
-    href?: string;
-}
-export declare const MegaMenuItem: import("react").ForwardRefExoticComponent<MegaMenuItemProps & import("react").RefAttributes<HTMLLIElement>>;

package/dist-types/mega-menu/MegaMenuItemContent.d.ts

@@ -1,8 +0,0 @@
-import { type ComponentPropsWithoutRef, type ReactNode } from "react";
-export interface MegaMenuItemContentProps extends ComponentPropsWithoutRef<"div"> {
-    /**
-     * The content of Mega Menu Item.
-     */
-    children?: ReactNode;
-}
-export declare const MegaMenuItemContent: import("react").ForwardRefExoticComponent<MegaMenuItemContentProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist-types/mega-menu/MegaMenuSection.d.ts

@@ -1,8 +0,0 @@
-import { type HTMLAttributes, type ReactNode } from "react";
-export interface MegaMenuSectionProps extends HTMLAttributes<HTMLDivElement> {
-    /**
-     * The content of the mega menu section.
-     */
-    children?: ReactNode;
-}
-export declare const MegaMenuSection: import("react").ForwardRefExoticComponent<MegaMenuSectionProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist-types/mega-menu/useMegaMenuKeyboard.d.ts

@@ -1,30 +0,0 @@
-import type { ElementProps, FloatingRootContext } from "@floating-ui/react";
-export declare const FOCUSABLE_SELECTOR = "a[href], button:not([disabled]), [tabindex]:not([tabindex=\"-1\"])";
-export interface UseMegaMenuKeyboardProps {
-    /**
-     * Whether the interaction is enabled.
-     * @default true
-     */
-    enabled?: boolean;
-}
-/**
- * Floating-ui custom interaction hook for mega menu grid keyboard navigation.
- *
- * Returns `ElementProps` that get merged via `useInteractions`, handling
- * keyboard events on both the reference (trigger) and floating (panel) elements.
- *
- * - **↑ / ↓** move within the current column.
- * - **← / →** jump to the top of the previous / next column.
- * - **Tab / Shift+Tab** move linearly through every item.
- * - **Home / End** jump to the first / last item in the column.
- * - **↑ from the first item** or **← from the first column** returns
- *   focus to the trigger.
- * - **→ from the last column** closes the panel and moves focus to the
- *   next sibling trigger.
- */
-export declare function useMegaMenuKeyboard(context: FloatingRootContext, props?: UseMegaMenuKeyboardProps): ElementProps;
-/**
- * Focus the first navigable item inside a mega menu panel.
- * Retries with `requestAnimationFrame` if content has not yet rendered.
- */
-export declare function focusFirstItem(panel: HTMLElement, attempt?: number): void;