@salt-ds/lab 1.0.0-alpha.90 → 1.0.0-alpha.92

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

@@ -1 +0,0 @@
-{"version":3,"file":"widthMeasurement.js","sources":["../src/tabs-next/widthMeasurement.ts"],"sourcesContent":["const WIDTH_EPSILON = 0.5;\n\nexport function getMeasuredWidth(element: HTMLElement | null | undefined) {\n  if (!element) {\n    return 0;\n  }\n\n  const width = element.getBoundingClientRect().width;\n  return width || element.clientWidth || 0;\n}\n\nexport function getIntrinsicMeasuredWidth(\n  element: HTMLElement | null | undefined,\n) {\n  if (!element) {\n    return 0;\n  }\n\n  const borderWidth = element.offsetWidth - element.clientWidth;\n  return Math.max(getMeasuredWidth(element), element.scrollWidth + borderWidth);\n}\n\nexport function getGapValue(styles: CSSStyleDeclaration) {\n  return Number.parseFloat(styles.columnGap || styles.gap || \"0\") || 0;\n}\n\nexport function seedWidthMap(elements: HTMLElement[]) {\n  const widths = new Map<HTMLElement, number>();\n  for (const element of elements) {\n    widths.set(element, getMeasuredWidth(element));\n  }\n  return widths;\n}\n\nexport function updateWidthMap(\n  widths: Map<HTMLElement, number>,\n  element: HTMLElement,\n  nextWidth: number,\n  epsilon = WIDTH_EPSILON,\n) {\n  const previousWidth = widths.get(element);\n  widths.set(element, nextWidth);\n\n  if (previousWidth === undefined) {\n    return false;\n  }\n\n  return Math.abs(previousWidth - nextWidth) > epsilon;\n}\n"],"names":[],"mappings":";;AAAA,MAAM,aAAA,GAAgB,GAAA;AAEf,SAAS,iBAAiB,OAAA,EAAyC;AACxE,EAAA,IAAI,CAAC,OAAA,EAAS;AACZ,IAAA,OAAO,CAAA;AAAA,EACT;AAEA,EAAA,MAAM,KAAA,GAAQ,OAAA,CAAQ,qBAAA,EAAsB,CAAE,KAAA;AAC9C,EAAA,OAAO,KAAA,IAAS,QAAQ,WAAA,IAAe,CAAA;AACzC;AAEO,SAAS,0BACd,OAAA,EACA;AACA,EAAA,IAAI,CAAC,OAAA,EAAS;AACZ,IAAA,OAAO,CAAA;AAAA,EACT;AAEA,EAAA,MAAM,WAAA,GAAc,OAAA,CAAQ,WAAA,GAAc,OAAA,CAAQ,WAAA;AAClD,EAAA,OAAO,KAAK,GAAA,CAAI,gBAAA,CAAiB,OAAO,CAAA,EAAG,OAAA,CAAQ,cAAc,WAAW,CAAA;AAC9E;AAEO,SAAS,YAAY,MAAA,EAA6B;AACvD,EAAA,OAAO,OAAO,UAAA,CAAW,MAAA,CAAO,aAAa,MAAA,CAAO,GAAA,IAAO,GAAG,CAAA,IAAK,CAAA;AACrE;AAEO,SAAS,aAAa,QAAA,EAAyB;AACpD,EAAA,MAAM,MAAA,uBAAa,GAAA,EAAyB;AAC5C,EAAA,KAAA,MAAW,WAAW,QAAA,EAAU;AAC9B,IAAA,MAAA,CAAO,GAAA,CAAI,OAAA,EAAS,gBAAA,CAAiB,OAAO,CAAC,CAAA;AAAA,EAC/C;AACA,EAAA,OAAO,MAAA;AACT;AAEO,SAAS,cAAA,CACd,MAAA,EACA,OAAA,EACA,SAAA,EACA,UAAU,aAAA,EACV;AACA,EAAA,MAAM,aAAA,GAAgB,MAAA,CAAO,GAAA,CAAI,OAAO,CAAA;AACxC,EAAA,MAAA,CAAO,GAAA,CAAI,SAAS,SAAS,CAAA;AAE7B,EAAA,IAAI,kBAAkB,MAAA,EAAW;AAC/B,IAAA,OAAO,KAAA;AAAA,EACT;AAEA,EAAA,OAAO,IAAA,CAAK,GAAA,CAAI,aAAA,GAAgB,SAAS,CAAA,GAAI,OAAA;AAC/C;;;;;;;;"}

package/dist-es/rating/Rating.css.js

@@ -1,4 +0,0 @@
-var css_248z = ".saltRating {\n  display: inline-flex;\n  box-sizing: border-box;\n}\n\n.saltFormField .saltRating-container {\n  height: var(--salt-size-base);\n  padding-top: calc(var(--salt-spacing-100) + var(--salt-spacing-fixed-100));\n}\n\n.saltFormField .saltRating-label {\n  min-height: var(--salt-size-base);\n  padding-top: var(--salt-spacing-100);\n}\n\n.saltRating-labelBottom {\n  flex-direction: column;\n  align-items: flex-start;\n  gap: var(--salt-spacing-75);\n}\n\n.saltRating-labelRight {\n  flex-direction: row;\n  gap: var(--salt-spacing-150);\n}\n\n.saltRating-container {\n  display: flex;\n  flex-direction: row;\n  gap: var(--salt-spacing-150);\n  flex-wrap: nowrap;\n  justify-content: flex-start;\n  padding-top: var(--salt-spacing-fixed-100);\n  padding-bottom: var(--salt-spacing-fixed-100);\n  box-sizing: border-box;\n}\n\n.saltRating-label {\n  color: var(--salt-content-primary-foreground);\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  box-sizing: border-box;\n}\n";
-
-export { css_248z as default };
-//# sourceMappingURL=Rating.css.js.map

package/dist-es/rating/Rating.css.js.map

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

package/dist-es/rating/Rating.js

@@ -1,130 +0,0 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { makePrefixer, useFormFieldProps, useControlled, useId, capitalize } from '@salt-ds/core';
-import { useComponentCssInjection } from '@salt-ds/styles';
-import { useWindow } from '@salt-ds/window';
-import { clsx } from 'clsx';
-import { forwardRef, useState } from 'react';
-import css_248z from './Rating.css.js';
-import { RatingItem } from './RatingItem.js';
-
-const withBaseName = makePrefixer("saltRating");
-const defaultGetLabel = (value) => `${value} Star${value > 1 ? "s" : ""}`;
-const Rating = forwardRef(function Rating2({
-  value: valueProp,
-  defaultValue = 0,
-  name: nameProp,
-  onChange,
-  className,
-  readOnly: readOnlyProp,
-  disabled: disabledProp,
-  max = 5,
-  getLabel = defaultGetLabel,
-  getVisibleLabel,
-  labelPlacement = "right",
-  "aria-label": ariaLabel,
-  "aria-labelledby": ariaLabelledBy,
-  "aria-describedby": ariaDescribedBy,
-  ...restProps
-}, ref) {
-  const targetWindow = useWindow();
-  useComponentCssInjection({
-    testId: "salt-rating",
-    css: css_248z,
-    window: targetWindow
-  });
-  const {
-    disabled: formFieldDisabled,
-    readOnly: formFieldReadOnly,
-    a11yProps: {
-      "aria-describedby": formFieldDescribedBy,
-      "aria-labelledby": formFieldLabelledBy
-    } = {}
-  } = useFormFieldProps();
-  const disabled = formFieldDisabled || disabledProp;
-  const readOnly = formFieldReadOnly || readOnlyProp;
-  const [hoveredValue, setHoveredValue] = useState(0);
-  const [selected, setSelected] = useControlled({
-    controlled: valueProp,
-    default: defaultValue,
-    name: "Rating",
-    state: "value"
-  });
-  const name = useId(nameProp);
-  const handleMouseEnter = (event) => {
-    if (readOnly || disabled) return;
-    const itemValue = Number.parseInt(event.currentTarget.value, 10);
-    setHoveredValue(itemValue);
-  };
-  const handleChange = (event) => {
-    if (readOnly) {
-      event.preventDefault();
-      return;
-    }
-    const itemValue = Number.parseInt(event.currentTarget.value, 10);
-    setSelected(itemValue);
-    onChange == null ? void 0 : onChange(event, itemValue);
-  };
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      ref,
-      className: clsx(
-        withBaseName(),
-        withBaseName(`label${capitalize(labelPlacement)}`),
-        className
-      ),
-      ...restProps,
-      children: [
-        /* @__PURE__ */ jsx(
-          "div",
-          {
-            role: "radiogroup",
-            className: withBaseName("container"),
-            "aria-readonly": readOnly || void 0,
-            "aria-label": ariaLabel,
-            "aria-labelledby": clsx(formFieldLabelledBy, ariaLabelledBy) || void 0,
-            "aria-describedby": clsx(formFieldDescribedBy, ariaDescribedBy) || void 0,
-            onMouseLeave: () => setHoveredValue(0),
-            children: Array.from({ length: max }, (_, index) => {
-              const itemValue = index + 1;
-              const isHovered = hoveredValue > 0 && itemValue <= hoveredValue;
-              const isSelected = hoveredValue === 0 && itemValue <= selected;
-              const isUnselecting = hoveredValue > 0 && itemValue > hoveredValue && itemValue <= selected;
-              return /* @__PURE__ */ jsx(
-                RatingItem,
-                {
-                  currentRating: selected,
-                  isHovered,
-                  isSelected,
-                  isUnselecting,
-                  onMouseEnter: handleMouseEnter,
-                  onChange: handleChange,
-                  value: itemValue,
-                  readOnly,
-                  disabled,
-                  name,
-                  "aria-label": getLabel == null ? void 0 : getLabel(itemValue)
-                },
-                itemValue
-              );
-            })
-          }
-        ),
-        getVisibleLabel && /* @__PURE__ */ jsx(
-          "div",
-          {
-            className: clsx(
-              withBaseName("label"),
-              withBaseName(`label-${labelPlacement}`)
-            ),
-            "aria-hidden": true,
-            children: getVisibleLabel(hoveredValue || selected, max)
-          }
-        )
-      ]
-    }
-  );
-});
-
-export { Rating };
-//# sourceMappingURL=Rating.js.map

package/dist-es/rating/Rating.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Rating.js","sources":["../src/rating/Rating.tsx"],"sourcesContent":["import {\n  capitalize,\n  makePrefixer,\n  useControlled,\n  useFormFieldProps,\n  useId,\n} from \"@salt-ds/core\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { clsx } from \"clsx\";\nimport {\n  type ChangeEvent,\n  type ComponentPropsWithoutRef,\n  forwardRef,\n  type MouseEvent,\n  useState,\n} from \"react\";\nimport ratingCss from \"./Rating.css\";\nimport { RatingItem } from \"./RatingItem\";\n\nconst withBaseName = makePrefixer(\"saltRating\");\n\nexport interface RatingProps\n  extends Omit<ComponentPropsWithoutRef<\"div\">, \"onChange\"> {\n  /**\n   * When provided, the component is controlled.\n   */\n  value?: number;\n  /**\n   * Default rating value for uncontrolled mode.\n   * @default 0\n   */\n  defaultValue?: number;\n  /**\n   * Callback function for rating change.\n   * The first parameter is the event, and the second is the selected rating value.\n   */\n  onChange?: (event: ChangeEvent<HTMLInputElement>, value: number) => void;\n  /**\n   * If true, the rating component will be in a read-only state.\n   */\n  readOnly?: boolean;\n  /**\n   * If true, the rating component will be in a disabled state.\n   */\n  disabled?: boolean;\n  /**\n   * Total number of icons displayed.\n   * @default 5\n   */\n  max?: number;\n  /**\n   * Function used to provide a user-friendly name for the current value of the rating. Primarily used by screen readers.\n   */\n  getLabel?: (value: number) => string;\n  /**\n   * Function used to provide a visible label for the rating.\n   */\n  getVisibleLabel?: (value: number, max: number) => string;\n  /**\n   * Position of the label relative to the rating component.\n   * @default \"right\"\n   */\n  labelPlacement?: \"right\" | \"bottom\";\n  /**\n   * The name to be set on each radio button within the group. If not set, then one will be generated for you.\n   */\n  name?: string;\n}\n\nconst defaultGetLabel = (value: number) =>\n  `${value} Star${value > 1 ? \"s\" : \"\"}`;\n\nexport const Rating = forwardRef<HTMLDivElement, RatingProps>(function Rating(\n  {\n    value: valueProp,\n    defaultValue = 0,\n    name: nameProp,\n    onChange,\n    className,\n    readOnly: readOnlyProp,\n    disabled: disabledProp,\n    max = 5,\n    getLabel = defaultGetLabel,\n    getVisibleLabel,\n    labelPlacement = \"right\",\n    \"aria-label\": ariaLabel,\n    \"aria-labelledby\": ariaLabelledBy,\n    \"aria-describedby\": ariaDescribedBy,\n    ...restProps\n  },\n  ref,\n) {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"salt-rating\",\n    css: ratingCss,\n    window: targetWindow,\n  });\n  const {\n    disabled: formFieldDisabled,\n    readOnly: formFieldReadOnly,\n    a11yProps: {\n      \"aria-describedby\": formFieldDescribedBy,\n      \"aria-labelledby\": formFieldLabelledBy,\n    } = {},\n  } = useFormFieldProps();\n\n  const disabled = formFieldDisabled || disabledProp;\n  const readOnly = formFieldReadOnly || readOnlyProp;\n\n  const [hoveredValue, setHoveredValue] = useState(0);\n  const [selected, setSelected] = useControlled({\n    controlled: valueProp,\n    default: defaultValue,\n    name: \"Rating\",\n    state: \"value\",\n  });\n  const name = useId(nameProp);\n\n  const handleMouseEnter = (event: MouseEvent<HTMLInputElement>) => {\n    if (readOnly || disabled) return;\n    const itemValue = Number.parseInt(event.currentTarget.value, 10);\n    setHoveredValue(itemValue);\n  };\n\n  const handleChange = (event: ChangeEvent<HTMLInputElement>) => {\n    if (readOnly) {\n      event.preventDefault();\n      return;\n    }\n\n    const itemValue = Number.parseInt(event.currentTarget.value, 10);\n    setSelected(itemValue);\n    onChange?.(event, itemValue);\n  };\n\n  return (\n    <div\n      ref={ref}\n      className={clsx(\n        withBaseName(),\n        withBaseName(`label${capitalize(labelPlacement)}`),\n        className,\n      )}\n      {...restProps}\n    >\n      <div\n        role=\"radiogroup\"\n        className={withBaseName(\"container\")}\n        aria-readonly={readOnly || undefined}\n        aria-label={ariaLabel}\n        aria-labelledby={clsx(formFieldLabelledBy, ariaLabelledBy) || undefined}\n        aria-describedby={\n          clsx(formFieldDescribedBy, ariaDescribedBy) || undefined\n        }\n        onMouseLeave={() => setHoveredValue(0)}\n      >\n        {Array.from({ length: max }, (_, index) => {\n          const itemValue = index + 1;\n          const isHovered = hoveredValue > 0 && itemValue <= hoveredValue;\n          const isSelected = hoveredValue === 0 && itemValue <= selected;\n          const isUnselecting =\n            hoveredValue > 0 &&\n            itemValue > hoveredValue &&\n            itemValue <= selected;\n          return (\n            <RatingItem\n              key={itemValue}\n              currentRating={selected}\n              isHovered={isHovered}\n              isSelected={isSelected}\n              isUnselecting={isUnselecting}\n              onMouseEnter={handleMouseEnter}\n              onChange={handleChange}\n              value={itemValue}\n              readOnly={readOnly}\n              disabled={disabled}\n              name={name}\n              aria-label={getLabel?.(itemValue)}\n            />\n          );\n        })}\n      </div>\n      {getVisibleLabel && (\n        <div\n          className={clsx(\n            withBaseName(\"label\"),\n            withBaseName(`label-${labelPlacement}`),\n          )}\n          aria-hidden\n        >\n          {getVisibleLabel(hoveredValue || selected, max)}\n        </div>\n      )}\n    </div>\n  );\n});\n"],"names":["Rating","ratingCss"],"mappings":"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"}

package/dist-es/rating/RatingItem.css.js

@@ -1,4 +0,0 @@
-var css_248z = ".saltRatingItem {\n  height: var(--salt-size-icon);\n  width: var(--salt-size-icon);\n  display: flex;\n  position: relative;\n  align-items: center;\n  justify-content: center;\n  cursor: var(--salt-cursor-hover);\n}\n\n.saltRatingItem-disabled,\n.saltRatingItem-readOnly {\n  cursor: default;\n}\n\n.saltRatingItem-input {\n  position: absolute;\n  opacity: 0;\n  width: 100%;\n  height: 100%;\n  margin: 0;\n  cursor: inherit;\n  z-index: 1;\n}\n\n.saltRatingItem-input::before {\n  content: \"\";\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  padding: var(--salt-spacing-fixed-600);\n  transform: translate(-50%, -50%);\n  top: 50%;\n  left: 50%;\n  box-sizing: content-box;\n}\n\n.saltRatingItem-icon {\n  pointer-events: none;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: var(--salt-sentiment-neutral-dataviz);\n}\n\n.saltRatingItem-icon .saltIcon {\n  --saltIcon-size: var(--salt-size-icon);\n}\n\n.saltRatingItem-input:focus-visible ~ .saltRatingItem-icon::after {\n  content: \"\";\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  padding: var(--salt-spacing-fixed-600);\n  transform: translate(-50%, -50%);\n  top: 50%;\n  left: 50%;\n  box-sizing: content-box;\n\n  border-radius: var(--salt-palette-corner-strongest);\n  outline: var(--salt-focused-outline);\n  outline-offset: calc(-1 * var(--salt-spacing-fixed-200));\n}\n\n.saltRatingItem-disabled {\n  cursor: var(--salt-cursor-disabled);\n  opacity: var(--salt-palette-opacity-disabled);\n}\n\n.saltRatingItem-disabled .saltRatingItem-input {\n  cursor: var(--salt-cursor-disabled);\n}\n\n.saltRatingItem-selected .saltRatingItem-icon,\n.saltRatingItem-hovered .saltRatingItem-icon,\n.saltRatingItem-unselecting .saltRatingItem-icon {\n  color: var(--salt-sentiment-accent-dataviz);\n}\n";
-
-export { css_248z as default };
-//# sourceMappingURL=RatingItem.css.js.map

package/dist-es/rating/RatingItem.css.js.map

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

package/dist-es/rating/RatingItem.js

@@ -1,68 +0,0 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { makePrefixer, useIcon } from '@salt-ds/core';
-import { useComponentCssInjection } from '@salt-ds/styles';
-import { useWindow } from '@salt-ds/window';
-import { clsx } from 'clsx';
-import { forwardRef } from 'react';
-import css_248z from './RatingItem.css.js';
-
-const withBaseName = makePrefixer("saltRatingItem");
-const RatingItem = forwardRef(
-  function RatingItem2(props, ref) {
-    const {
-      "aria-label": ariaLabel,
-      value,
-      currentRating,
-      isHovered,
-      isSelected,
-      isUnselecting,
-      onMouseEnter,
-      onChange,
-      readOnly = false,
-      disabled = false,
-      name
-    } = props;
-    const { RatingIcon, RatingSelectedIcon, RatingUnselectingIcon } = useIcon();
-    const targetWindow = useWindow();
-    useComponentCssInjection({
-      testId: "salt-rating-item",
-      css: css_248z,
-      window: targetWindow
-    });
-    const icon = isHovered || isSelected ? /* @__PURE__ */ jsx(RatingSelectedIcon, { "aria-hidden": true }) : isUnselecting ? /* @__PURE__ */ jsx(RatingUnselectingIcon, { "aria-hidden": true }) : /* @__PURE__ */ jsx(RatingIcon, { "aria-hidden": true });
-    return /* @__PURE__ */ jsxs(
-      "div",
-      {
-        className: clsx(withBaseName(), {
-          [withBaseName("hovered")]: isHovered,
-          [withBaseName("selected")]: isSelected,
-          [withBaseName("unselecting")]: isUnselecting,
-          [withBaseName("disabled")]: disabled,
-          [withBaseName("readOnly")]: readOnly
-        }),
-        children: [
-          /* @__PURE__ */ jsx(
-            "input",
-            {
-              ref,
-              type: "radio",
-              name,
-              value,
-              checked: currentRating === value,
-              onChange,
-              onMouseEnter,
-              disabled,
-              readOnly,
-              className: withBaseName("input"),
-              "aria-label": ariaLabel
-            }
-          ),
-          /* @__PURE__ */ jsx("span", { className: withBaseName("icon"), "aria-hidden": true, children: icon })
-        ]
-      }
-    );
-  }
-);
-
-export { RatingItem };
-//# sourceMappingURL=RatingItem.js.map

package/dist-es/rating/RatingItem.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"RatingItem.js","sources":["../src/rating/RatingItem.tsx"],"sourcesContent":["import { makePrefixer, useIcon } from \"@salt-ds/core\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { clsx } from \"clsx\";\nimport {\n  type ChangeEvent,\n  type ComponentPropsWithoutRef,\n  forwardRef,\n  type MouseEvent,\n} from \"react\";\nimport ratingItemCss from \"./RatingItem.css\";\n\nconst withBaseName = makePrefixer(\"saltRatingItem\");\n\nexport interface RatingItemProps extends ComponentPropsWithoutRef<\"div\"> {\n  /**\n   * specifies the value of the feedback item.\n   */\n  value: number;\n  /**\n   * To define if the current star is being hovered.\n   */\n  isHovered?: boolean;\n  /**\n   * To specify if the item is selected.\n   */\n  isSelected?: boolean;\n  /**\n   * defines the current selected rating.\n   */\n  currentRating?: number;\n  /**\n   *  callback function when feedback item is hovered.\n   */\n  onMouseEnter: (event: MouseEvent<HTMLInputElement>) => void;\n  /**\n   *  callback function when feedback item is clicked.\n   */\n  onChange: (event: ChangeEvent<HTMLInputElement>) => void;\n  /**\n   * If true, the rating item will be in a read-only state.\n   */\n  readOnly?: boolean;\n  /**\n   * If true, the rating item will be in a disabled state.\n   */\n  disabled?: boolean;\n  /**\n   * Indicates whether the current rating item is in an active state.\n   * An active state typically means that the item is visually highlighted\n   * or styled differently to indicate that it is part of the current selection\n   * or interaction (e.g., hover or focus).\n   */\n  isUnselecting?: boolean;\n  /**\n   * Name of the radio group\n   */\n  name?: string;\n}\n\nexport const RatingItem = forwardRef<HTMLInputElement, RatingItemProps>(\n  function RatingItem(props, ref) {\n    const {\n      \"aria-label\": ariaLabel,\n      value,\n      currentRating,\n      isHovered,\n      isSelected,\n      isUnselecting,\n      onMouseEnter,\n      onChange,\n      readOnly = false,\n      disabled = false,\n      name,\n    } = props;\n\n    const { RatingIcon, RatingSelectedIcon, RatingUnselectingIcon } = useIcon();\n\n    const targetWindow = useWindow();\n    useComponentCssInjection({\n      testId: \"salt-rating-item\",\n      css: ratingItemCss,\n      window: targetWindow,\n    });\n\n    const icon =\n      isHovered || isSelected ? (\n        <RatingSelectedIcon aria-hidden />\n      ) : isUnselecting ? (\n        <RatingUnselectingIcon aria-hidden />\n      ) : (\n        <RatingIcon aria-hidden />\n      );\n\n    return (\n      <div\n        className={clsx(withBaseName(), {\n          [withBaseName(\"hovered\")]: isHovered,\n          [withBaseName(\"selected\")]: isSelected,\n          [withBaseName(\"unselecting\")]: isUnselecting,\n          [withBaseName(\"disabled\")]: disabled,\n          [withBaseName(\"readOnly\")]: readOnly,\n        })}\n      >\n        <input\n          ref={ref}\n          type=\"radio\"\n          name={name}\n          value={value}\n          checked={currentRating === value}\n          onChange={onChange}\n          onMouseEnter={onMouseEnter}\n          disabled={disabled}\n          readOnly={readOnly}\n          className={withBaseName(\"input\")}\n          aria-label={ariaLabel}\n        />\n        <span className={withBaseName(\"icon\")} aria-hidden>\n          {icon}\n        </span>\n      </div>\n    );\n  },\n);\n"],"names":["RatingItem","ratingItemCss"],"mappings":";;;;;;;;AAYA,MAAM,YAAA,GAAe,aAAa,gBAAgB,CAAA;AAgD3C,MAAM,UAAA,GAAa,UAAA;AAAA,EACxB,SAASA,WAAAA,CAAW,KAAA,EAAO,GAAA,EAAK;AAC9B,IAAA,MAAM;AAAA,MACJ,YAAA,EAAc,SAAA;AAAA,MACd,KAAA;AAAA,MACA,aAAA;AAAA,MACA,SAAA;AAAA,MACA,UAAA;AAAA,MACA,aAAA;AAAA,MACA,YAAA;AAAA,MACA,QAAA;AAAA,MACA,QAAA,GAAW,KAAA;AAAA,MACX,QAAA,GAAW,KAAA;AAAA,MACX;AAAA,KACF,GAAI,KAAA;AAEJ,IAAA,MAAM,EAAE,UAAA,EAAY,kBAAA,EAAoB,qBAAA,KAA0B,OAAA,EAAQ;AAE1E,IAAA,MAAM,eAAe,SAAA,EAAU;AAC/B,IAAA,wBAAA,CAAyB;AAAA,MACvB,MAAA,EAAQ,kBAAA;AAAA,MACR,GAAA,EAAKC,QAAA;AAAA,MACL,MAAA,EAAQ;AAAA,KACT,CAAA;AAED,IAAA,MAAM,OACJ,SAAA,IAAa,UAAA,mBACX,GAAA,CAAC,kBAAA,EAAA,EAAmB,eAAW,IAAA,EAAC,CAAA,GAC9B,aAAA,mBACF,GAAA,CAAC,yBAAsB,aAAA,EAAW,IAAA,EAAC,oBAEnC,GAAA,CAAC,UAAA,EAAA,EAAW,eAAW,IAAA,EAAC,CAAA;AAG5B,IAAA,uBACE,IAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAW,IAAA,CAAK,YAAA,EAAa,EAAG;AAAA,UAC9B,CAAC,YAAA,CAAa,SAAS,CAAC,GAAG,SAAA;AAAA,UAC3B,CAAC,YAAA,CAAa,UAAU,CAAC,GAAG,UAAA;AAAA,UAC5B,CAAC,YAAA,CAAa,aAAa,CAAC,GAAG,aAAA;AAAA,UAC/B,CAAC,YAAA,CAAa,UAAU,CAAC,GAAG,QAAA;AAAA,UAC5B,CAAC,YAAA,CAAa,UAAU,CAAC,GAAG;AAAA,SAC7B,CAAA;AAAA,QAED,QAAA,EAAA;AAAA,0BAAA,GAAA;AAAA,YAAC,OAAA;AAAA,YAAA;AAAA,cACC,GAAA;AAAA,cACA,IAAA,EAAK,OAAA;AAAA,cACL,IAAA;AAAA,cACA,KAAA;AAAA,cACA,SAAS,aAAA,KAAkB,KAAA;AAAA,cAC3B,QAAA;AAAA,cACA,YAAA;AAAA,cACA,QAAA;AAAA,cACA,QAAA;AAAA,cACA,SAAA,EAAW,aAAa,OAAO,CAAA;AAAA,cAC/B,YAAA,EAAY;AAAA;AAAA,WACd;AAAA,0BACA,GAAA,CAAC,UAAK,SAAA,EAAW,YAAA,CAAa,MAAM,CAAA,EAAG,aAAA,EAAW,MAC/C,QAAA,EAAA,IAAA,EACH;AAAA;AAAA;AAAA,KACF;AAAA,EAEJ;AACF;;;;"}

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

@@ -1,4 +0,0 @@
-var css_248z = ".saltTabBar {\n  display: flex;\n  align-items: center;\n  flex-direction: row;\n  position: relative;\n  box-sizing: border-box;\n  min-width: 0;\n  max-width: 100%;\n}\n\n.saltTabBar-strip {\n  display: flex;\n  align-items: center;\n  flex-direction: row;\n  flex: 1 1 auto;\n  gap: var(--salt-spacing-100);\n  box-sizing: border-box;\n  min-width: 0;\n  max-width: 100%;\n}\n\n.saltTabBar-divider::before {\n  content: \"\";\n  position: absolute;\n  inset: auto 0 0 0;\n  height: var(--salt-size-fixed-100);\n  border-bottom: var(--salt-size-fixed-100) var(--salt-borderStyle-solid) var(--salt-separable-secondary-borderColor);\n}\n\n.saltTabBar-inset {\n  padding-left: var(--salt-spacing-300);\n  padding-right: var(--salt-spacing-300);\n}\n";
-
-export { css_248z as default };
-//# sourceMappingURL=TabBar.css.js.map

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

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

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

@@ -1,39 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { makePrefixer } from '@salt-ds/core';
-import { useComponentCssInjection } from '@salt-ds/styles';
-import { useWindow } from '@salt-ds/window';
-import { clsx } from 'clsx';
-import { forwardRef } from 'react';
-import css_248z from './TabBar.css.js';
-
-const withBaseName = makePrefixer("saltTabBar");
-const TabBar = forwardRef(
-  function TabBar2(props, ref) {
-    const { className, children, divider, inset, ...rest } = props;
-    const targetWindow = useWindow();
-    useComponentCssInjection({
-      testId: "salt-tab-bar",
-      css: css_248z,
-      window: targetWindow
-    });
-    return /* @__PURE__ */ jsx(
-      "div",
-      {
-        className: clsx(
-          withBaseName(),
-          {
-            [withBaseName("divider")]: divider,
-            [withBaseName("inset")]: inset
-          },
-          className
-        ),
-        ...rest,
-        ref,
-        children: /* @__PURE__ */ jsx("div", { className: withBaseName("strip"), children })
-      }
-    );
-  }
-);
-
-export { TabBar };
-//# sourceMappingURL=TabBar.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"TabBar.js","sources":["../src/tabs-next/TabBar.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 { type ComponentPropsWithRef, forwardRef } from \"react\";\nimport tabBarCss from \"./TabBar.css\";\n\nexport interface TabBarProps extends ComponentPropsWithRef<\"div\"> {\n  /**\n   * Styling variant with a bottom separator. Defaults to false\n   */\n  divider?: boolean;\n  /**\n   * Styling variant with left and right padding. Defaults to false\n   */\n  inset?: boolean;\n}\n\nconst withBaseName = makePrefixer(\"saltTabBar\");\n\nexport const TabBar = forwardRef<HTMLDivElement, TabBarProps>(\n  function TabBar(props, ref) {\n    const { className, children, divider, inset, ...rest } = props;\n\n    const targetWindow = useWindow();\n    useComponentCssInjection({\n      testId: \"salt-tab-bar\",\n      css: tabBarCss,\n      window: targetWindow,\n    });\n\n    return (\n      <div\n        className={clsx(\n          withBaseName(),\n          {\n            [withBaseName(\"divider\")]: divider,\n            [withBaseName(\"inset\")]: inset,\n          },\n          className,\n        )}\n        {...rest}\n        ref={ref}\n      >\n        <div className={withBaseName(\"strip\")}>{children}</div>\n      </div>\n    );\n  },\n);\n"],"names":["TabBar","tabBarCss"],"mappings":";;;;;;;;AAkBA,MAAM,YAAA,GAAe,aAAa,YAAY,CAAA;AAEvC,MAAM,MAAA,GAAS,UAAA;AAAA,EACpB,SAASA,OAAAA,CAAO,KAAA,EAAO,GAAA,EAAK;AAC1B,IAAA,MAAM,EAAE,SAAA,EAAW,QAAA,EAAU,SAAS,KAAA,EAAO,GAAG,MAAK,GAAI,KAAA;AAEzD,IAAA,MAAM,eAAe,SAAA,EAAU;AAC/B,IAAA,wBAAA,CAAyB;AAAA,MACvB,MAAA,EAAQ,cAAA;AAAA,MACR,GAAA,EAAKC,QAAA;AAAA,MACL,MAAA,EAAQ;AAAA,KACT,CAAA;AAED,IAAA,uBACE,GAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAW,IAAA;AAAA,UACT,YAAA,EAAa;AAAA,UACb;AAAA,YACE,CAAC,YAAA,CAAa,SAAS,CAAC,GAAG,OAAA;AAAA,YAC3B,CAAC,YAAA,CAAa,OAAO,CAAC,GAAG;AAAA,WAC3B;AAAA,UACA;AAAA,SACF;AAAA,QACC,GAAG,IAAA;AAAA,QACJ,GAAA;AAAA,QAEA,8BAAC,KAAA,EAAA,EAAI,SAAA,EAAW,YAAA,CAAa,OAAO,GAAI,QAAA,EAAS;AAAA;AAAA,KACnD;AAAA,EAEJ;AACF;;;;"}

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

@@ -1,10 +0,0 @@
-import { createContext } from '@salt-ds/core';
-import { useContext } from 'react';
-
-const TabListLayoutContext = createContext("TabListLayoutContext", null);
-function useTabListLayout() {
-  return useContext(TabListLayoutContext);
-}
-
-export { TabListLayoutContext, useTabListLayout };
-//# sourceMappingURL=TabListLayoutContext.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"TabListLayoutContext.js","sources":["../src/tabs-next/TabListLayoutContext.tsx"],"sourcesContent":["import { createContext } from \"@salt-ds/core\";\nimport { useContext } from \"react\";\n\nexport type TabSlotLocation = \"hidden\" | \"main\" | \"overflow\";\n\nexport interface TabListLayoutContextValue {\n  getLocation: (value: string) => TabSlotLocation;\n  overflowActiveValue: string | null;\n  setOverflowActiveValue: (value: string | null) => void;\n  moveOverflowFocus: (\n    key: \"ArrowDown\" | \"ArrowUp\" | \"Home\" | \"End\",\n    value: string,\n  ) => boolean;\n}\n\nexport const TabListLayoutContext =\n  createContext<TabListLayoutContextValue | null>(\"TabListLayoutContext\", null);\n\nexport function useTabListLayout() {\n  return useContext(TabListLayoutContext);\n}\n"],"names":[],"mappings":";;;AAeO,MAAM,oBAAA,GACX,aAAA,CAAgD,sBAAA,EAAwB,IAAI;AAEvE,SAAS,gBAAA,GAAmB;AACjC,EAAA,OAAO,WAAW,oBAAoB,CAAA;AACxC;;;;"}

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

@@ -1,4 +0,0 @@
-var css_248z = "/* Component class applied to the root element */\n.saltTabListNext {\n  display: flex;\n  flex-wrap: nowrap;\n  justify-content: flex-start;\n  align-items: center;\n  position: relative;\n  background: transparent;\n  min-height: calc(var(--salt-size-base) + var(--salt-spacing-100));\n  gap: var(--salt-spacing-100);\n  max-width: 100%;\n  min-width: 0;\n  flex: 0 1 auto;\n}\n\n.saltTabListNext-center {\n  justify-content: center;\n}\n\n.saltTabListNext-right {\n  justify-content: flex-end;\n}\n\n.saltTabListNext-activeColorPrimary {\n  --saltTabListNext-activeColor: var(--salt-container-primary-background);\n}\n\n.saltTabListNext-activeColorSecondary {\n  --saltTabListNext-activeColor: var(--salt-container-secondary-background);\n}\n\n.saltTabListNext-activeColorTertiary {\n  --saltTabListNext-activeColor: var(--salt-container-tertiary-background);\n}\n\n.saltTabListNext-measureContainer {\n  position: absolute;\n  top: 0;\n  left: 0;\n  height: 0;\n  overflow: hidden;\n  pointer-events: none;\n  visibility: hidden;\n  white-space: nowrap;\n}\n";
-
-export { css_248z as default };
-//# sourceMappingURL=TabListNext.css.js.map

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

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

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

@@ -1,269 +0,0 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { makePrefixer, useForkRef, useAriaAnnouncer, useIsomorphicLayoutEffect, capitalize } from '@salt-ds/core';
-import { useComponentCssInjection } from '@salt-ds/styles';
-import { useWindow } from '@salt-ds/window';
-import { clsx } from 'clsx';
-import { forwardRef, useRef, useState, useEffect, useCallback, useMemo } from 'react';
-import { useFocusWithRetry } from './hooks/useFocusWithRetry.js';
-import { useOverflow } from './hooks/useOverflow.js';
-import { useOverflowLayoutState } from './hooks/useOverflowLayoutState.js';
-import { useTabListRecovery } from './hooks/useTabListRecovery.js';
-import { useTabRemovalHandler } from './hooks/useTabRemovalHandler.js';
-import { useTabSelectionFocus } from './hooks/useTabSelectionFocus.js';
-import { TabListLayoutContext } from './TabListLayoutContext.js';
-import css_248z from './TabListNext.css.js';
-import { TabOverflowList } from './TabOverflowList.js';
-import { TabSlot } from './TabSlot.js';
-import { TabSlotRegistryContext } from './TabSlotRegistryContext.js';
-import { useTabsNext } from './TabsNextContext.js';
-
-const withBaseName = makePrefixer("saltTabListNext");
-const MAX_FOCUS_RETRY_ATTEMPTS = 120;
-const TabListNext = forwardRef(
-  function TabListNext2(props, ref) {
-    const {
-      appearance = "bordered",
-      activeColor = "primary",
-      children,
-      className,
-      onKeyDown,
-      ...rest
-    } = props;
-    const targetWindow = useWindow();
-    useComponentCssInjection({
-      testId: "salt-tablist-next",
-      css: css_248z,
-      window: targetWindow
-    });
-    const {
-      renderMode,
-      selected,
-      setSelected,
-      setBootstrapOverflowReady,
-      getNext,
-      getPrevious,
-      getFirst,
-      getLast,
-      getIndex,
-      item,
-      itemAt,
-      activeTab,
-      selectionFromOverflowValueRef,
-      menuOpen,
-      setMenuOpen,
-      sortItems,
-      getRemovedItems,
-      getRenderedTab,
-      renderedTabs,
-      removalVersion
-    } = useTabsNext();
-    const tabstripRef = useRef(null);
-    const overflowListRef = useRef(null);
-    const slotMapRef = useRef(/* @__PURE__ */ new Map());
-    const removalRecoveryRafRef = useRef(null);
-    const pendingRemovalRecoveryRef = useRef(false);
-    const pendingRemovalRecoveryRetriesRef = useRef(0);
-    const [slotVersion, setSlotVersion] = useState(0);
-    const handleRef = useForkRef(tabstripRef, ref);
-    const overflowButtonRef = useRef(null);
-    const { announce } = useAriaAnnouncer();
-    const overflowMenuOpen = renderMode === "portal" ? menuOpen : false;
-    const [visibleValues, hiddenValues, isMeasuring] = useOverflow({
-      container: tabstripRef,
-      menuOpen: overflowMenuOpen,
-      selected,
-      tabs: renderedTabs,
-      overflowButton: overflowButtonRef
-    });
-    useEffect(() => {
-      setBootstrapOverflowReady(
-        renderMode === "inline" && renderedTabs.length > 0 && !isMeasuring
-      );
-    }, [
-      isMeasuring,
-      renderMode,
-      renderedTabs.length,
-      setBootstrapOverflowReady
-    ]);
-    const { resolvedOverflowActiveValue, tabListLayoutContext } = useOverflowLayoutState({
-      hiddenValues,
-      menuOpen,
-      overflowMenuOpen,
-      visibleValues
-    });
-    const registerSlot = useCallback(
-      (slotId, element) => {
-        const currentElement = slotMapRef.current.get(slotId) ?? null;
-        if (currentElement === element) {
-          return;
-        }
-        if (element) {
-          slotMapRef.current.set(slotId, element);
-        } else {
-          slotMapRef.current.delete(slotId);
-        }
-        setSlotVersion((currentVersion) => currentVersion + 1);
-      },
-      []
-    );
-    const slotRegistryContext = useMemo(
-      () => ({ registerSlot }),
-      [registerSlot]
-    );
-    const slotAssignments = useMemo(() => {
-      const nextAssignments = /* @__PURE__ */ new Map();
-      for (const value of visibleValues) {
-        nextAssignments.set(value, `main:${value}`);
-      }
-      for (const value of hiddenValues) {
-        nextAssignments.set(
-          value,
-          menuOpen ? `overflow:${value}` : `measure:${value}`
-        );
-      }
-      return {
-        map: nextAssignments,
-        version: slotVersion
-      };
-    }, [hiddenValues, menuOpen, slotVersion, visibleValues]);
-    useIsomorphicLayoutEffect(() => {
-      var _a;
-      if (renderMode !== "portal") {
-        return;
-      }
-      for (const [value, slotId] of slotAssignments.map) {
-        const host = (_a = getRenderedTab(value)) == null ? void 0 : _a.host;
-        const slot = slotMapRef.current.get(slotId);
-        if (host && slot && host.parentElement !== slot) {
-          slot.appendChild(host);
-        }
-      }
-    }, [getRenderedTab, renderMode, slotAssignments]);
-    const handleKeyDown = (event) => {
-      var _a, _b;
-      onKeyDown == null ? void 0 : onKeyDown(event);
-      if (menuOpen) return;
-      const actionMap = {
-        ArrowRight: getNext,
-        ArrowLeft: getPrevious,
-        Home: getFirst,
-        End: getLast
-      };
-      const action = actionMap[event.key];
-      if (action) {
-        event.preventDefault();
-        sortItems();
-        const activeTabId = (_a = activeTab.current) == null ? void 0 : _a.id;
-        if (!activeTabId) return;
-        const nextItem = action(activeTabId);
-        if (nextItem) {
-          (_b = nextItem.element) == null ? void 0 : _b.focus({ preventScroll: true });
-        }
-      }
-    };
-    const getSelectedTabElement = useCallback(() => {
-      var _a, _b, _c;
-      return ((_a = tabstripRef.current) == null ? void 0 : _a.querySelector(
-        '[role="tab"][aria-selected="true"]'
-      )) ?? ((_c = item((_b = activeTab.current) == null ? void 0 : _b.id)) == null ? void 0 : _c.element);
-    }, [item, activeTab]);
-    const { focusElementWithRetry } = useFocusWithRetry({
-      maxAttempts: MAX_FOCUS_RETRY_ATTEMPTS,
-      targetWindow
-    });
-    useTabSelectionFocus({
-      announce,
-      focusElementWithRetry,
-      getRenderedTab,
-      getSelectedTabElement,
-      menuOpen,
-      resolvedOverflowActiveValue,
-      selected,
-      selectionFromOverflowValueRef,
-      targetWindow
-    });
-    const handleTabRemoval = useTabRemovalHandler({
-      activeTab,
-      focusElementWithRetry,
-      getFirst,
-      getIndex,
-      getLast,
-      getRemovedItems,
-      getRenderedTab,
-      getSelectedTabElement,
-      item,
-      itemAt,
-      maxRetryAttempts: MAX_FOCUS_RETRY_ATTEMPTS,
-      menuOpen,
-      overflowButtonRef,
-      overflowListRef,
-      pendingRemovalRecoveryRef,
-      pendingRemovalRecoveryRetriesRef,
-      removalRecoveryRafRef,
-      selected,
-      setSelected,
-      tabstripRef,
-      targetWindow
-    });
-    useTabListRecovery({
-      removalVersion,
-      targetWindow,
-      tabstripRef,
-      overflowListRef,
-      handleTabRemoval,
-      pendingRemovalRecoveryRef,
-      pendingRemovalRecoveryRetriesRef
-    });
-    return /* @__PURE__ */ jsx(
-      "div",
-      {
-        role: "tablist",
-        className: clsx(
-          withBaseName(),
-          withBaseName(appearance),
-          withBaseName("horizontal"),
-          withBaseName(`activeColor${capitalize(activeColor)}`),
-          className
-        ),
-        "data-ismeasuring": renderMode === "portal" && isMeasuring ? true : void 0,
-        ref: handleRef,
-        onKeyDown: handleKeyDown,
-        ...rest,
-        children: renderMode === "inline" ? children : /* @__PURE__ */ jsx(TabSlotRegistryContext.Provider, { value: slotRegistryContext, children: /* @__PURE__ */ jsxs(TabListLayoutContext.Provider, { value: tabListLayoutContext, children: [
-          children,
-          visibleValues.map((value) => /* @__PURE__ */ jsx(TabSlot, { slotId: `main:${value}`, value }, value)),
-          !menuOpen && hiddenValues.length > 0 ? /* @__PURE__ */ jsx(
-            "div",
-            {
-              "aria-hidden": "true",
-              role: "presentation",
-              className: withBaseName("measureContainer"),
-              children: hiddenValues.map((value) => /* @__PURE__ */ jsx(
-                TabSlot,
-                {
-                  slotId: `measure:${value}`,
-                  value
-                },
-                `measure-${value}`
-              ))
-            }
-          ) : null,
-          /* @__PURE__ */ jsx(
-            TabOverflowList,
-            {
-              buttonRef: overflowButtonRef,
-              hiddenValues,
-              open: menuOpen,
-              order: renderedTabs.length,
-              setOpen: setMenuOpen,
-              ref: overflowListRef
-            }
-          )
-        ] }) })
-      }
-    );
-  }
-);
-
-export { TabListNext };
-//# sourceMappingURL=TabListNext.js.map