@salt-ds/lab 1.0.0-alpha.54 → 1.0.0-alpha.56

package/dist-cjs/tabs-next/TabstripNext.js

@@ -1,193 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-var reactOverflow = require('@fluentui/react-overflow');
-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 OverflowMenu = require('./OverflowMenu.js');
-var TabNextContext = require('./TabNextContext.js');
-var TabstripNext$1 = require('./TabstripNext.css.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var clsx__default = /*#__PURE__*/_interopDefaultLegacy(clsx);
-
-const withBaseName = core.makePrefixer("saltTabstripNext");
-const TabstripNext = react.forwardRef(
-  function TabstripNext2(props, ref) {
-    const {
-      activeColor = "primary",
-      align = "left",
-      children,
-      className,
-      value: valueProp,
-      defaultValue,
-      onChange,
-      onKeyDown,
-      style,
-      variant = "main",
-      ...rest
-    } = props;
-    const targetWindow = window.useWindow();
-    styles.useComponentCssInjection({
-      testId: "salt-tabstrip-next",
-      css: TabstripNext$1,
-      window: targetWindow
-    });
-    const tabstripRef = react.useRef(null);
-    const handleRef = core.useForkRef(tabstripRef, ref);
-    const [value, setValue] = core.useControlled({
-      controlled: valueProp,
-      default: defaultValue,
-      name: "TabstripNext",
-      state: "selected"
-    });
-    const [focusable, setFocusableState] = react.useState(value);
-    const [overflowOpen, setOverflowOpen] = react.useState(false);
-    const activate = react.useCallback(
-      (event) => {
-        const newValue = event.currentTarget.value;
-        setValue(newValue);
-        if (value !== newValue) {
-          onChange == null ? void 0 : onChange(event, { value: newValue });
-        }
-      },
-      [onChange, value]
-    );
-    const isActive = react.useCallback(
-      (id) => {
-        return value === id;
-      },
-      [value]
-    );
-    const setFocusable = react.useCallback((id) => {
-      setFocusableState(id);
-    }, []);
-    const isFocusable = react.useCallback(
-      (id) => {
-        return focusable === id || !focusable;
-      },
-      [focusable]
-    );
-    const [tabList, setTabList] = react.useState([]);
-    const registerTab = react.useCallback((tab) => {
-      setTabList((list) => list.concat([tab]));
-    }, []);
-    const unregisterTab = react.useCallback((id) => {
-      setTabList((list) => list.filter((item) => item.value !== id));
-    }, []);
-    const handleKeyDown = (event) => {
-      var _a, _b, _c, _d, _e, _f;
-      if (overflowOpen)
-        return;
-      const elements = Array.from(
-        (_b = (_a = tabstripRef.current) == null ? void 0 : _a.querySelectorAll(
-          `div:not([data-overflowing]) > [role="tab"]:not([disabled])`
-        )) != null ? _b : []
-      );
-      const currentIndex = elements.findIndex(
-        (element) => element === (targetWindow == null ? void 0 : targetWindow.document.activeElement)
-      );
-      if (currentIndex < 0)
-        return;
-      switch (event.key) {
-        case "ArrowDown":
-        case "ArrowRight":
-          (_c = elements[Math.min(currentIndex + 1, elements.length)]) == null ? void 0 : _c.focus();
-          break;
-        case "ArrowUp":
-        case "ArrowLeft":
-          (_d = elements[Math.max(0, currentIndex - 1)]) == null ? void 0 : _d.focus();
-          break;
-        case "Home":
-          (_e = elements[0]) == null ? void 0 : _e.focus();
-          break;
-        case "End":
-          (_f = elements[elements.length - 1]) == null ? void 0 : _f.focus();
-      }
-      onKeyDown == null ? void 0 : onKeyDown(event);
-    };
-    const handleOverflowItemClick = (event, item) => {
-      if (item) {
-        setValue(item.value);
-        requestAnimationFrame(() => {
-          var _a;
-          const element = (_a = tabstripRef.current) == null ? void 0 : _a.querySelector(
-            `[value="${item.value}"]`
-          );
-          if (element instanceof HTMLElement) {
-            element == null ? void 0 : element.focus();
-          }
-        });
-        if (value !== item.value) {
-          onChange == null ? void 0 : onChange(event, { value: item.value });
-        }
-      }
-    };
-    const handleOverflowOpenChange = (isOpen) => {
-      setOverflowOpen(isOpen);
-    };
-    const contextValue = react.useMemo(
-      () => ({
-        activate,
-        isActive,
-        setFocusable,
-        isFocusable,
-        registerTab,
-        unregisterTab,
-        variant,
-        activeColor
-      }),
-      [
-        activate,
-        isActive,
-        setFocusable,
-        isFocusable,
-        registerTab,
-        unregisterTab,
-        variant,
-        activeColor
-      ]
-    );
-    const tabstripStyle = {
-      "--tabstripNext-justifyContent": align,
-      ...style
-    };
-    return /* @__PURE__ */ jsxRuntime.jsx(TabNextContext.TabsContext.Provider, {
-      value: contextValue,
-      children: /* @__PURE__ */ jsxRuntime.jsx("div", {
-        className: clsx__default["default"](withBaseName("container"), withBaseName(variant)),
-        children: /* @__PURE__ */ jsxRuntime.jsx(reactOverflow.Overflow, {
-          ref: handleRef,
-          children: /* @__PURE__ */ jsxRuntime.jsxs("div", {
-            role: "tablist",
-            className: clsx__default["default"](
-              withBaseName(),
-              withBaseName("horizontal"),
-              className
-            ),
-            onKeyDown: handleKeyDown,
-            style: tabstripStyle,
-            ...rest,
-            children: [
-              children,
-              /* @__PURE__ */ jsxRuntime.jsx(OverflowMenu.OverflowMenu, {
-                tabs: tabList,
-                onOpenChange: handleOverflowOpenChange,
-                onSelectionChange: handleOverflowItemClick
-              })
-            ]
-          })
-        })
-      })
-    });
-  }
-);
-
-exports.TabstripNext = TabstripNext;
-//# sourceMappingURL=TabstripNext.js.map

package/dist-cjs/tabs-next/TabstripNext.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TabstripNext.js","sources":["../src/tabs-next/TabstripNext.tsx"],"sourcesContent":["import { Overflow } from \"@fluentui/react-overflow\";\nimport { makePrefixer, useControlled, useForkRef } 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  type KeyboardEvent,\n  type ReactNode,\n  type SyntheticEvent,\n  forwardRef,\n  useCallback,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport type { SelectionChangeHandler } from \"../common-hooks\";\nimport { OverflowMenu } from \"./OverflowMenu\";\nimport { TabsContext } from \"./TabNextContext\";\nimport tabstripCss from \"./TabstripNext.css\";\n\nconst withBaseName = makePrefixer(\"saltTabstripNext\");\n\nexport interface TabstripNextProps\n  extends Omit<ComponentPropsWithoutRef<\"div\">, \"onChange\"> {\n  /* Styling active color variant. Defaults to \"primary\". */\n  activeColor?: \"primary\" | \"secondary\";\n  /* Tabs alignment. Defaults to \"left\" */\n  align?: \"left\" | \"center\" | \"right\";\n  /* Value for the uncontrolled version. */\n  value?: string;\n  /* Callback for the controlled version. */\n  onChange?: (e: SyntheticEvent, data: { value: string }) => void;\n  /* Initial value for the uncontrolled version. */\n  defaultValue?: string;\n  /* The Tabs variant */\n  variant?: \"main\" | \"inline\";\n}\n\ninterface TabValue {\n  value: string;\n  label: ReactNode;\n}\n\nexport const TabstripNext = forwardRef<HTMLDivElement, TabstripNextProps>(\n  function TabstripNext(props, ref) {\n    const {\n      activeColor = \"primary\",\n      align = \"left\",\n      children,\n      className,\n      value: valueProp,\n      defaultValue,\n      onChange,\n      onKeyDown,\n      style,\n      variant = \"main\",\n      ...rest\n    } = props;\n    const targetWindow = useWindow();\n    useComponentCssInjection({\n      testId: \"salt-tabstrip-next\",\n      css: tabstripCss,\n      window: targetWindow,\n    });\n\n    const tabstripRef = useRef<HTMLDivElement>(null);\n    const handleRef = useForkRef(tabstripRef, ref);\n\n    const [value, setValue] = useControlled({\n      controlled: valueProp,\n      default: defaultValue,\n      name: \"TabstripNext\",\n      state: \"selected\",\n    });\n    const [focusable, setFocusableState] = useState<string | undefined>(value);\n    const [overflowOpen, setOverflowOpen] = useState(false);\n\n    const activate = useCallback(\n      (event: SyntheticEvent<HTMLButtonElement>) => {\n        const newValue = event.currentTarget.value;\n        setValue(newValue);\n        if (value !== newValue) {\n          onChange?.(event, { value: newValue });\n        }\n      },\n      [onChange, value],\n    );\n\n    const isActive = useCallback(\n      (id: string | undefined) => {\n        return value === id;\n      },\n      [value],\n    );\n\n    const setFocusable = useCallback((id: string | undefined) => {\n      setFocusableState(id);\n    }, []);\n\n    const isFocusable = useCallback(\n      (id: string | undefined) => {\n        return focusable === id || !focusable;\n      },\n      [focusable],\n    );\n\n    const [tabList, setTabList] = useState<TabValue[]>([]);\n    const registerTab = useCallback((tab: TabValue) => {\n      setTabList((list) => list.concat([tab]));\n    }, []);\n\n    const unregisterTab = useCallback((id: string) => {\n      setTabList((list) => list.filter((item) => item.value !== id));\n    }, []);\n\n    const handleKeyDown = (event: KeyboardEvent<HTMLDivElement>) => {\n      if (overflowOpen) return;\n\n      const elements: HTMLElement[] = Array.from(\n        tabstripRef.current?.querySelectorAll(\n          `div:not([data-overflowing]) > [role=\"tab\"]:not([disabled])`,\n        ) ?? [],\n      );\n\n      const currentIndex = elements.findIndex(\n        (element) => element === targetWindow?.document.activeElement,\n      );\n\n      if (currentIndex < 0) return;\n\n      switch (event.key) {\n        case \"ArrowDown\":\n        case \"ArrowRight\":\n          elements[Math.min(currentIndex + 1, elements.length)]?.focus();\n          break;\n        case \"ArrowUp\":\n        case \"ArrowLeft\":\n          elements[Math.max(0, currentIndex - 1)]?.focus();\n          break;\n        case \"Home\":\n          elements[0]?.focus();\n          break;\n        case \"End\":\n          elements[elements.length - 1]?.focus();\n      }\n\n      onKeyDown?.(event);\n    };\n\n    const handleOverflowItemClick: SelectionChangeHandler<TabValue> = (\n      event,\n      item,\n    ) => {\n      if (item) {\n        setValue(item.value);\n        requestAnimationFrame(() => {\n          const element = tabstripRef.current?.querySelector(\n            `[value=\"${item.value}\"]`,\n          );\n          if (element instanceof HTMLElement) {\n            element?.focus();\n          }\n        });\n        if (value !== item.value) {\n          onChange?.(event, { value: item.value });\n        }\n      }\n    };\n\n    const handleOverflowOpenChange = (isOpen: boolean) => {\n      setOverflowOpen(isOpen);\n    };\n\n    const contextValue = useMemo(\n      () => ({\n        activate,\n        isActive,\n        setFocusable,\n        isFocusable,\n        registerTab,\n        unregisterTab,\n        variant,\n        activeColor,\n      }),\n      [\n        activate,\n        isActive,\n        setFocusable,\n        isFocusable,\n        registerTab,\n        unregisterTab,\n        variant,\n        activeColor,\n      ],\n    );\n\n    const tabstripStyle = {\n      \"--tabstripNext-justifyContent\": align,\n      ...style,\n    };\n\n    return (\n      <TabsContext.Provider value={contextValue}>\n        <div className={clsx(withBaseName(\"container\"), withBaseName(variant))}>\n          <Overflow ref={handleRef}>\n            <div\n              role=\"tablist\"\n              className={clsx(\n                withBaseName(),\n                withBaseName(\"horizontal\"),\n                className,\n              )}\n              onKeyDown={handleKeyDown}\n              style={tabstripStyle}\n              {...rest}\n            >\n              {children}\n              <OverflowMenu\n                tabs={tabList}\n                onOpenChange={handleOverflowOpenChange}\n                onSelectionChange={handleOverflowItemClick}\n              />\n            </div>\n          </Overflow>\n        </div>\n      </TabsContext.Provider>\n    );\n  },\n);\n"],"names":["makePrefixer","forwardRef","TabstripNext","useWindow","useComponentCssInjection","tabstripCss","useRef","useForkRef","useControlled","useState","useCallback","useMemo","jsx","TabsContext","clsx","Overflow","jsxs","OverflowMenu"],"mappings":"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"}

package/dist-es/calendar/CalendarDateGrid.css.js

@@ -1,4 +0,0 @@
-var css_248z = ".saltCalendarDateGrid-grid {\n  display: grid;\n  grid-auto-flow: column;\n}\n\n.saltCalendarDateGrid-grid > * {\n  position: absolute;\n  left: 0;\n  width: 100%;\n}\n\n.saltCalendarDateGrid-grid > :nth-child(2) {\n  position: relative;\n}\n";
-
-export { css_248z as default };
-//# sourceMappingURL=CalendarDateGrid.css.js.map

package/dist-es/calendar/CalendarDateGrid.css.js.map

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

package/dist-es/calendar/CalendarDateGrid.js

@@ -1,96 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { isSameMonth } from '@internationalized/date';
-import { makePrefixer, useIsomorphicLayoutEffect } from '@salt-ds/core';
-import { forwardRef, useRef, useState, useEffect, useCallback } from 'react';
-import { useCalendarContext } from './internal/CalendarContext.js';
-import { CalendarMonth } from './internal/CalendarMonth.js';
-import { useComponentCssInjection } from '@salt-ds/styles';
-import { useWindow } from '@salt-ds/window';
-import css_248z from './CalendarDateGrid.css.js';
-import { formatDate, monthDiff } from './internal/utils.js';
-
-function getMonths(month) {
-  return [month.subtract({ months: 1 }), month, month.add({ months: 1 })];
-}
-const withBaseName = makePrefixer("saltCalendarDateGrid");
-const CalendarDateGrid = forwardRef(function CalendarDateGrid2(props, ref) {
-  const {
-    onFocus,
-    onBlur,
-    getCalendarMonthProps = () => void 0,
-    ...rest
-  } = props;
-  const targetWindow = useWindow();
-  useComponentCssInjection({
-    testId: "salt-calendar-date-grid",
-    css: css_248z,
-    window: targetWindow
-  });
-  const {
-    state: { visibleMonth, locale },
-    helpers: { setCalendarFocused }
-  } = useCalendarContext();
-  const containerRef = useRef(null);
-  const diffIndex = (a, b) => monthDiff(a, b);
-  const { current: baseIndex } = useRef(visibleMonth);
-  useIsomorphicLayoutEffect(() => {
-    if (containerRef.current) {
-      containerRef.current.style.transform = `translate3d(${diffIndex(baseIndex, visibleMonth) * -101}%, 0, 0)`;
-    }
-  });
-  const [months, setMonths] = useState(() => getMonths(visibleMonth));
-  useEffect(() => {
-    setMonths((oldMonths) => {
-      const newMonths = getMonths(visibleMonth).filter((month) => {
-        return !oldMonths.find((oldMonth) => isSameMonth(oldMonth, month));
-      });
-      return oldMonths.concat(newMonths);
-    });
-    setMonths(getMonths(visibleMonth));
-    return void 0;
-  }, [formatDate(visibleMonth, locale)]);
-  const handleFocus = useCallback(
-    (event) => {
-      setCalendarFocused(true);
-      onFocus == null ? void 0 : onFocus(event);
-    },
-    [setCalendarFocused, onFocus]
-  );
-  const handleBlur = useCallback(
-    (event) => {
-      setCalendarFocused(false);
-      onBlur == null ? void 0 : onBlur(event);
-    },
-    [setCalendarFocused, onBlur]
-  );
-  return /* @__PURE__ */ jsx("div", {
-    className: withBaseName(),
-    tabIndex: -1,
-    style: {
-      overflowX: "hidden",
-      position: "relative"
-    },
-    ref,
-    children: /* @__PURE__ */ jsx("div", {
-      className: withBaseName("grid"),
-      ref: containerRef,
-      onBlur: handleBlur,
-      onFocus: handleFocus,
-      ...rest,
-      children: months.map((date, index) => /* @__PURE__ */ jsx("div", {
-        className: withBaseName("slide"),
-        style: {
-          transform: `translateX(${diffIndex(date, baseIndex) * -101}%)`
-        },
-        "aria-hidden": index !== 1 ? "true" : void 0,
-        children: /* @__PURE__ */ jsx(CalendarMonth, {
-          ...getCalendarMonthProps(date),
-          date
-        })
-      }, formatDate(date, locale)))
-    })
-  });
-});
-
-export { CalendarDateGrid };
-//# sourceMappingURL=CalendarDateGrid.js.map

package/dist-es/calendar/CalendarDateGrid.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CalendarDateGrid.js","sources":["../src/calendar/CalendarDateGrid.tsx"],"sourcesContent":["import { type DateValue, isSameMonth } from \"@internationalized/date\";\nimport { makePrefixer, useIsomorphicLayoutEffect } from \"@salt-ds/core\";\nimport {\n  type ComponentPropsWithoutRef,\n  type FocusEventHandler,\n  forwardRef,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\nimport { useCalendarContext } from \"./internal/CalendarContext\";\nimport {\n  CalendarMonth,\n  type CalendarMonthProps,\n} from \"./internal/CalendarMonth\";\n\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport calendarDateGridCss from \"./CalendarDateGrid.css\";\nimport { formatDate, monthDiff } from \"./internal/utils\";\n\nexport interface CalendarDateGridProps extends ComponentPropsWithoutRef<\"div\"> {\n  /**\n   * Props getter to pass to each CalendarMonth element\n   */\n  getCalendarMonthProps?: (date: DateValue) => Omit<CalendarMonthProps, \"date\">;\n}\n\nfunction getMonths(month: DateValue) {\n  return [month.subtract({ months: 1 }), month, month.add({ months: 1 })];\n}\n\nconst withBaseName = makePrefixer(\"saltCalendarDateGrid\");\n\nexport const CalendarDateGrid = forwardRef<\n  HTMLDivElement,\n  CalendarDateGridProps\n>(function CalendarDateGrid(props, ref) {\n  const {\n    onFocus,\n    onBlur,\n    getCalendarMonthProps = () => undefined,\n    ...rest\n  } = props;\n\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"salt-calendar-date-grid\",\n    css: calendarDateGridCss,\n    window: targetWindow,\n  });\n\n  const {\n    state: { visibleMonth, locale },\n    helpers: { setCalendarFocused },\n  } = useCalendarContext();\n  const containerRef = useRef<HTMLDivElement>(null);\n  const diffIndex = (a: DateValue, b: DateValue) => monthDiff(a, b);\n\n  const { current: baseIndex } = useRef(visibleMonth);\n\n  useIsomorphicLayoutEffect(() => {\n    if (containerRef.current) {\n      containerRef.current.style.transform = `translate3d(${\n        diffIndex(baseIndex, visibleMonth) * -101 // needs to be higher than 100% so the next month doesn't show on the edges\n      }%, 0, 0)`;\n    }\n  });\n\n  const [months, setMonths] = useState(() => getMonths(visibleMonth));\n\n  // biome-ignore lint/correctness/useExhaustiveDependencies: uses formatData to change visibleMonth into string\n  useEffect(() => {\n    setMonths((oldMonths) => {\n      const newMonths = getMonths(visibleMonth).filter((month) => {\n        return !oldMonths.find((oldMonth) => isSameMonth(oldMonth, month));\n      });\n\n      return oldMonths.concat(newMonths);\n    });\n    setMonths(getMonths(visibleMonth));\n    return undefined;\n  }, [formatDate(visibleMonth, locale)]);\n\n  const handleFocus: FocusEventHandler<HTMLDivElement> = useCallback(\n    (event) => {\n      setCalendarFocused(true);\n      onFocus?.(event);\n    },\n    [setCalendarFocused, onFocus],\n  );\n\n  const handleBlur: FocusEventHandler<HTMLDivElement> = useCallback(\n    (event) => {\n      setCalendarFocused(false);\n      onBlur?.(event);\n    },\n    [setCalendarFocused, onBlur],\n  );\n\n  return (\n    <div\n      className={withBaseName()}\n      tabIndex={-1} // https://bugzilla.mozilla.org/show_bug.cgi?id=1069739\n      style={{\n        overflowX: \"hidden\",\n        position: \"relative\",\n      }}\n      ref={ref}\n    >\n      <div\n        className={withBaseName(\"grid\")}\n        ref={containerRef}\n        onBlur={handleBlur}\n        onFocus={handleFocus}\n        {...rest}\n      >\n        {months.map((date, index) => (\n          <div\n            key={formatDate(date, locale)}\n            className={withBaseName(\"slide\")}\n            style={{\n              transform: `translateX(${diffIndex(date, baseIndex) * -101}%)`,\n            }}\n            aria-hidden={index !== 1 ? \"true\" : undefined}\n          >\n            <CalendarMonth {...getCalendarMonthProps(date)} date={date} />\n          </div>\n        ))}\n      </div>\n    </div>\n  );\n});\n"],"names":["CalendarDateGrid","calendarDateGridCss"],"mappings":"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"}

package/dist-es/calendar/formatDate.js

@@ -1,51 +0,0 @@
-import { getLocalTimeZone, DateFormatter } from '@internationalized/date';
-
-function getCurrentLocale() {
-  return navigator.languages[0];
-}
-const defaultFormatOptions = {
-  day: "2-digit",
-  month: "short",
-  year: "numeric"
-};
-function formatDate(date, locale, options) {
-  var _a, _b, _c;
-  if (!date) {
-    return "";
-  }
-  const timeLocale = locale || getCurrentLocale();
-  const timeZone = (options == null ? void 0 : options.timeZone) || getLocalTimeZone();
-  const formatter = new DateFormatter(timeLocale, {
-    ...defaultFormatOptions,
-    ...options
-  });
-  const formattedDate = formatter.formatToParts(date.toDate(timeZone));
-  const isNumericFormat = (options == null ? void 0 : options.month) === "numeric" || defaultFormatOptions.month === "numeric";
-  const separator = isNumericFormat ? "/" : " ";
-  const parts = [];
-  if ((options == null ? void 0 : options.day) !== void 0 || defaultFormatOptions.day !== void 0) {
-    const day = (_a = formattedDate.find(
-      (part) => part.type === "day"
-    )) == null ? void 0 : _a.value;
-    if (day)
-      parts.push(day);
-  }
-  if ((options == null ? void 0 : options.month) !== void 0 || defaultFormatOptions.month !== void 0) {
-    const month = (_b = formattedDate.find(
-      (part) => part.type === "month"
-    )) == null ? void 0 : _b.value;
-    if (month)
-      parts.push(month);
-  }
-  if ((options == null ? void 0 : options.year) !== void 0 || defaultFormatOptions.year !== void 0) {
-    const year = (_c = formattedDate.find(
-      (part) => part.type === "year"
-    )) == null ? void 0 : _c.value;
-    if (year)
-      parts.push(year);
-  }
-  return parts.join(separator);
-}
-
-export { formatDate, getCurrentLocale };
-//# sourceMappingURL=formatDate.js.map

package/dist-es/calendar/formatDate.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"formatDate.js","sources":["../src/calendar/formatDate.ts"],"sourcesContent":["import {\n  DateFormatter,\n  type DateValue,\n  getLocalTimeZone,\n} from \"@internationalized/date\";\n\n/**\n * Gets the current locale from the browser.\n * @returns The current locale as a string.\n */\nexport function getCurrentLocale() {\n  return navigator.languages[0];\n}\n\n/**\n * Default options for date formatting.\n */\nconst defaultFormatOptions: Intl.DateTimeFormatOptions = {\n  day: \"2-digit\",\n  month: \"short\",\n  year: \"numeric\",\n};\n\n/**\n * Formats a date value according to the specified locale and options.\n * @param date - The date value to format.\n * @param locale - The locale to use for formatting. Defaults to the current locale.\n * @param options - Additional options for date formatting.\n * @returns The formatted date as a string.\n */\nexport function formatDate(\n  date: DateValue | null,\n  locale?: string,\n  options?: Intl.DateTimeFormatOptions,\n) {\n  if (!date) {\n    return \"\";\n  }\n  const timeLocale = locale || getCurrentLocale();\n  const timeZone = options?.timeZone || getLocalTimeZone();\n\n  const formatter = new DateFormatter(timeLocale, {\n    ...defaultFormatOptions,\n    ...options,\n  });\n\n  const formattedDate = formatter.formatToParts(date.toDate(timeZone));\n\n  // Determine the separator based on the provided options\n  const isNumericFormat =\n    options?.month === \"numeric\" || defaultFormatOptions.month === \"numeric\";\n  const separator = isNumericFormat ? \"/\" : \" \";\n\n  // Some locales (USA) added commas, so construct the final date ourselves from formatter parts\n  const parts = [];\n  if (options?.day !== undefined || defaultFormatOptions.day !== undefined) {\n    const day = formattedDate.find(\n      (part: Intl.DateTimeFormatPart) => part.type === \"day\",\n    )?.value;\n    if (day) parts.push(day);\n  }\n  if (\n    options?.month !== undefined ||\n    defaultFormatOptions.month !== undefined\n  ) {\n    const month = formattedDate.find(\n      (part: Intl.DateTimeFormatPart) => part.type === \"month\",\n    )?.value;\n    if (month) parts.push(month);\n  }\n  if (options?.year !== undefined || defaultFormatOptions.year !== undefined) {\n    const year = formattedDate.find(\n      (part: Intl.DateTimeFormatPart) => part.type === \"year\",\n    )?.value;\n    if (year) parts.push(year);\n  }\n\n  return parts.join(separator);\n}\n"],"names":[],"mappings":"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"}

package/dist-es/date-input/utils.js

@@ -1,57 +0,0 @@
-import { CalendarDate, toZoned, getLocalTimeZone, CalendarDateTime, ZonedDateTime } from '@internationalized/date';
-
-function parseCalendarDate(inputDate) {
-  if (!(inputDate == null ? void 0 : inputDate.length)) {
-    return { date: null, error: false };
-  }
-  const date = new Date(inputDate);
-  if (Number.isNaN(date.getTime())) {
-    return { date: null, error: "not a valid date" };
-  }
-  const year = date.getFullYear();
-  const month = date.getMonth() + 1;
-  const day = date.getDate();
-  try {
-    const isoDate = new CalendarDate(year, month, day);
-    return { date: isoDate, error: false };
-  } catch (err) {
-    return { date: null, error: err.message };
-  }
-}
-function parseZonedDateTime(inputDate, timeZone = getLocalTimeZone()) {
-  const parsedDate = parseCalendarDate(inputDate);
-  if (!parsedDate.date || parsedDate.error) {
-    return { ...parsedDate, date: null };
-  }
-  try {
-    const zonedDate = toZoned(parsedDate.date, timeZone, "compatible");
-    return { date: zonedDate, error: false };
-  } catch (err) {
-    return { date: null, error: err.message };
-  }
-}
-const dateSupportsTime = (date) => date instanceof CalendarDateTime || date instanceof ZonedDateTime;
-function extractTimeFieldsFromDateRange(selectedDate) {
-  let startTime;
-  let endTime;
-  if (selectedDate) {
-    if (selectedDate.startDate && dateSupportsTime(selectedDate.startDate)) {
-      const { hour, minute, second, millisecond } = selectedDate.startDate;
-      startTime = { hour, minute, second, millisecond };
-    }
-    if (selectedDate.endDate && dateSupportsTime(selectedDate.endDate)) {
-      const { hour, minute, second, millisecond } = selectedDate.endDate;
-      endTime = { hour, minute, second, millisecond };
-    }
-  }
-  return { startTime, endTime };
-}
-function extractTimeFieldsFromDate(selectedDate) {
-  if (selectedDate && dateSupportsTime(selectedDate)) {
-    const { hour, minute, second, millisecond } = selectedDate;
-    return { hour, minute, second, millisecond };
-  }
-}
-
-export { dateSupportsTime, extractTimeFieldsFromDate, extractTimeFieldsFromDateRange, parseCalendarDate, parseZonedDateTime };
-//# sourceMappingURL=utils.js.map

package/dist-es/date-input/utils.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"utils.js","sources":["../src/date-input/utils.ts"],"sourcesContent":["import {\n  CalendarDate,\n  CalendarDateTime,\n  type DateValue,\n  type TimeFields,\n  ZonedDateTime,\n  getLocalTimeZone,\n  toZoned,\n} from \"@internationalized/date\";\nimport type { DateRangeSelection, SingleDateSelection } from \"../calendar\";\n\nexport type RangeTimeFields = {\n  startTime?: TimeFields;\n  endTime?: TimeFields;\n};\n\n/**\n * Parses a string into a CalendarDate.\n * @param inputDate - The input date string.\n * @returns An object containing the parsed date and any error encountered.\n */\nexport function parseCalendarDate(inputDate: string): {\n  date: DateValue | null;\n  error: string | false;\n} {\n  if (!inputDate?.length) {\n    return { date: null, error: false };\n  }\n  const date = new Date(inputDate);\n  if (Number.isNaN(date.getTime())) {\n    return { date: null, error: \"not a valid date\" };\n  }\n\n  const year = date.getFullYear();\n  const month = date.getMonth() + 1;\n  const day = date.getDate();\n\n  try {\n    const isoDate = new CalendarDate(year, month, day);\n    return { date: isoDate, error: false };\n  } catch (err) {\n    return { date: null, error: (err as Error).message };\n  }\n}\n\n/**\n * Parses a string into a ZonedDateTime.\n * @param inputDate - The input date string.\n * @param timeZone - The time zone to use for parsing. Defaults to the local time zone.\n * @returns An object containing the parsed date and any error encountered.\n */\nexport function parseZonedDateTime(\n  inputDate: string,\n  timeZone: string = getLocalTimeZone(),\n): {\n  date: DateValue | null;\n  error: string | false;\n} {\n  const parsedDate = parseCalendarDate(inputDate);\n  if (!parsedDate.date || parsedDate.error) {\n    return { ...parsedDate, date: null };\n  }\n  try {\n    const zonedDate = toZoned(parsedDate.date, timeZone, \"compatible\");\n    return { date: zonedDate, error: false };\n  } catch (err) {\n    return { date: null, error: (err as Error).message };\n  }\n}\n\n/**\n * Checks if a date supports time fields.\n * @param date - The date to check.\n * @returns `true` if the date supports time fields, otherwise `false`.\n */\nexport const dateSupportsTime = (\n  date: DateValue,\n): date is CalendarDateTime | ZonedDateTime =>\n  date instanceof CalendarDateTime || date instanceof ZonedDateTime;\n\n/**\n * Extracts time fields from a date range selection.\n * @param selectedDate - The selected date range.\n * @returns An object containing the start and end time fields.\n */\nexport function extractTimeFieldsFromDateRange(\n  selectedDate: DateRangeSelection | null,\n): RangeTimeFields {\n  let startTime: TimeFields | undefined;\n  let endTime: TimeFields | undefined;\n  if (selectedDate) {\n    if (selectedDate.startDate && dateSupportsTime(selectedDate.startDate)) {\n      const { hour, minute, second, millisecond } = selectedDate.startDate;\n      startTime = { hour, minute, second, millisecond };\n    }\n    if (selectedDate.endDate && dateSupportsTime(selectedDate.endDate)) {\n      const { hour, minute, second, millisecond } = selectedDate.endDate;\n      endTime = { hour, minute, second, millisecond };\n    }\n  }\n  return { startTime, endTime };\n}\n\n/**\n * Extracts time fields from a single date selection.\n * @param selectedDate - The selected date.\n * @returns The time fields of the selected date, if available.\n */\nexport function extractTimeFieldsFromDate(\n  selectedDate: SingleDateSelection | null,\n): TimeFields | undefined {\n  if (selectedDate && dateSupportsTime(selectedDate)) {\n    const { hour, minute, second, millisecond } = selectedDate;\n    return { hour, minute, second, millisecond };\n  }\n}\n"],"names":[],"mappings":"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"}

package/dist-es/tabs-next/OverflowMenu.js

@@ -1,44 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { useIcon, useForkRef, Button } from '@salt-ds/core';
-import { forwardRef } from 'react';
-import { useOverflowMenu, useOverflowContext } from '@fluentui/react-overflow';
-import '../dropdown/DropdownBase.js';
-import '../dropdown/DropdownButton.js';
-import { Dropdown } from '../dropdown/Dropdown.js';
-import '../form-field-context-legacy/FormFieldLegacyContext.js';
-import '../responsive/useResizeObserver.js';
-
-const OverflowMenu = forwardRef(
-  function OverflowMenu2(props, forwardedRef) {
-    const { tabs, ...rest } = props;
-    const { ref, overflowCount, isOverflowing } = useOverflowMenu();
-    const { OverflowIcon } = useIcon();
-    const handleRef = useForkRef(ref, forwardedRef);
-    const itemVisibility = useOverflowContext(
-      (context) => context.itemVisibility
-    );
-    const tabList = tabs.filter(({ value }) => !itemVisibility[value]);
-    if (!isOverflowing)
-      return null;
-    return /* @__PURE__ */ jsx(Dropdown, {
-      "aria-label": `${overflowCount} more tabs`,
-      triggerComponent: /* @__PURE__ */ jsx(Button, {
-        "aria-label": "More tabs",
-        variant: "secondary",
-        role: "combobox",
-        children: /* @__PURE__ */ jsx(OverflowIcon, {
-          "aria-hidden": true,
-          style: { margin: 0 }
-        })
-      }),
-      width: "auto",
-      ref: handleRef,
-      source: tabList,
-      selected: null,
-      ...rest
-    });
-  }
-);
-
-export { OverflowMenu };
-//# sourceMappingURL=OverflowMenu.js.map

package/dist-es/tabs-next/OverflowMenu.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"OverflowMenu.js","sources":["../src/tabs-next/OverflowMenu.tsx"],"sourcesContent":["import { Button, useForkRef, useIcon } from \"@salt-ds/core\";\nimport { type ReactNode, forwardRef } from \"react\";\n\nimport { useOverflowContext, useOverflowMenu } from \"@fluentui/react-overflow\";\nimport { Dropdown, type DropdownProps } from \"../dropdown\";\n\ntype TabValue = {\n  value: string;\n  label: ReactNode;\n};\n\nexport interface OverflowMenuProps extends DropdownProps<TabValue> {\n  tabs: TabValue[];\n}\n\nexport const OverflowMenu = forwardRef<HTMLDivElement, OverflowMenuProps>(\n  function OverflowMenu(props, forwardedRef) {\n    const { tabs, ...rest } = props;\n    const { ref, overflowCount, isOverflowing } =\n      useOverflowMenu<HTMLDivElement>();\n    const { OverflowIcon } = useIcon();\n    const handleRef = useForkRef(ref, forwardedRef);\n    const itemVisibility = useOverflowContext(\n      (context) => context.itemVisibility,\n    );\n\n    const tabList = tabs.filter(({ value }) => !itemVisibility[value]);\n\n    if (!isOverflowing) return null;\n\n    return (\n      <Dropdown<TabValue>\n        aria-label={`${overflowCount} more tabs`}\n        triggerComponent={\n          <Button aria-label=\"More tabs\" variant=\"secondary\" role=\"combobox\">\n            <OverflowIcon aria-hidden style={{ margin: 0 }} />\n          </Button>\n        }\n        width=\"auto\"\n        ref={handleRef}\n        source={tabList}\n        selected={null}\n        {...rest}\n      />\n    );\n  },\n);\n"],"names":["OverflowMenu"],"mappings":";;;;;;;;;;AAeO,MAAM,YAAe,GAAA,UAAA;AAAA,EAC1B,SAASA,aAAa,CAAA,KAAA,EAAO,YAAc,EAAA;AACzC,IAAM,MAAA,EAAE,IAAS,EAAA,GAAA,IAAA,EAAS,GAAA,KAAA,CAAA;AAC1B,IAAA,MAAM,EAAE,GAAA,EAAK,aAAe,EAAA,aAAA,KAC1B,eAAgC,EAAA,CAAA;AAClC,IAAM,MAAA,EAAE,YAAa,EAAA,GAAI,OAAQ,EAAA,CAAA;AACjC,IAAM,MAAA,SAAA,GAAY,UAAW,CAAA,GAAA,EAAK,YAAY,CAAA,CAAA;AAC9C,IAAA,MAAM,cAAiB,GAAA,kBAAA;AAAA,MACrB,CAAC,YAAY,OAAQ,CAAA,cAAA;AAAA,KACvB,CAAA;AAEA,IAAM,MAAA,OAAA,GAAU,KAAK,MAAO,CAAA,CAAC,EAAE,KAAM,EAAA,KAAM,CAAC,cAAA,CAAe,KAAM,CAAA,CAAA,CAAA;AAEjE,IAAA,IAAI,CAAC,aAAA;AAAe,MAAO,OAAA,IAAA,CAAA;AAE3B,IAAA,uBACG,GAAA,CAAA,QAAA,EAAA;AAAA,MACC,cAAY,CAAG,EAAA,aAAA,CAAA,UAAA,CAAA;AAAA,MACf,kCACG,GAAA,CAAA,MAAA,EAAA;AAAA,QAAO,YAAW,EAAA,WAAA;AAAA,QAAY,OAAQ,EAAA,WAAA;AAAA,QAAY,IAAK,EAAA,UAAA;AAAA,QACtD,QAAC,kBAAA,GAAA,CAAA,YAAA,EAAA;AAAA,UAAa,aAAW,EAAA,IAAA;AAAA,UAAC,KAAA,EAAO,EAAE,MAAA,EAAQ,CAAE,EAAA;AAAA,SAAG,CAAA;AAAA,OAClD,CAAA;AAAA,MAEF,KAAM,EAAA,MAAA;AAAA,MACN,GAAK,EAAA,SAAA;AAAA,MACL,MAAQ,EAAA,OAAA;AAAA,MACR,QAAU,EAAA,IAAA;AAAA,MACT,GAAG,IAAA;AAAA,KACN,CAAA,CAAA;AAAA,GAEJ;AACF;;;;"}

package/dist-es/tabs-next/TabstripNext.css.js

@@ -1,4 +0,0 @@
-var css_248z = "/* Component class applied to the root element */\n.saltTabstripNext {\n  display: flex;\n  flex-wrap: nowrap;\n  justify-content: var(--tabstripNext-justifyContent);\n  align-items: center;\n  position: relative;\n  background: transparent;\n  width: 100%;\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.saltTabstripNext-container {\n  display: block;\n  width: 100%;\n  height: fit-content;\n  position: relative;\n}\n\n.saltTabstripNext-main {\n  padding-left: var(--salt-spacing-300);\n  padding-right: var(--salt-spacing-300);\n  box-sizing: border-box;\n}\n\n.saltTabstripNext-main::before {\n  content: \"\";\n  position: absolute;\n  inset: auto 0 0 0;\n  height: var(--salt-size-border);\n  border-bottom: var(--salt-size-border) var(--salt-separable-borderStyle) var(--salt-separable-secondary-borderColor);\n}\n\n.saltTabstripNext .saltTabNext-wrapper:not(:last-child) {\n  padding-right: var(--salt-spacing-100);\n  box-sizing: border-box;\n}\n";
-
-export { css_248z as default };
-//# sourceMappingURL=TabstripNext.css.js.map

package/dist-es/tabs-next/TabstripNext.css.js.map

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