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

package/dist-cjs/search-input/SearchInput.js

@@ -1,7 +1,5 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var jsxRuntime = require('react/jsx-runtime');
 var core = require('@salt-ds/core');
 var icons = require('@salt-ds/icons');
@@ -60,28 +58,33 @@ const SearchInput = react.forwardRef(
       }
       onKeyUp == null ? void 0 : onKeyUp(event);
     };
-    return /* @__PURE__ */ jsxRuntime.jsx(InputLegacy.InputLegacy, {
-      className: clsx.clsx(baseName, className),
-      ref: handleRef,
-      endAdornment: !!value && /* @__PURE__ */ jsxRuntime.jsx(core.Button, {
-        className: clsx.clsx(`${baseName}-clearButton`),
-        onClick: handleClear,
-        variant: "secondary",
-        children: /* @__PURE__ */ jsxRuntime.jsx(CloseIcon, {
-          "aria-label": "clear input",
-          className: `${baseName}-clearIcon`
-        })
-      }),
-      onChange: handleChange,
-      onKeyUp: handleKeyUp,
-      startAdornment: IconComponent && /* @__PURE__ */ jsxRuntime.jsx(StaticInputAdornment.StaticInputAdornment, {
-        children: /* @__PURE__ */ jsxRuntime.jsx(IconComponent, {
-          className: `${baseName}-icon`
-        })
-      }),
-      value: value || "",
-      ...other
-    });
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      InputLegacy.InputLegacy,
+      {
+        className: clsx.clsx(baseName, className),
+        ref: handleRef,
+        endAdornment: !!value && /* @__PURE__ */ jsxRuntime.jsx(
+          core.Button,
+          {
+            className: clsx.clsx(`${baseName}-clearButton`),
+            onClick: handleClear,
+            variant: "secondary",
+            children: /* @__PURE__ */ jsxRuntime.jsx(
+              CloseIcon,
+              {
+                "aria-label": "clear input",
+                className: `${baseName}-clearIcon`
+              }
+            )
+          }
+        ),
+        onChange: handleChange,
+        onKeyUp: handleKeyUp,
+        startAdornment: IconComponent && /* @__PURE__ */ jsxRuntime.jsx(StaticInputAdornment.StaticInputAdornment, { children: /* @__PURE__ */ jsxRuntime.jsx(IconComponent, { className: `${baseName}-icon` }) }),
+        value: value || "",
+        ...other
+      }
+    );
   }
 );
 

package/dist-cjs/search-input/SearchInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"SearchInput.js","sources":["../src/search-input/SearchInput.tsx"],"sourcesContent":["import { Button, useControlled, useForkRef, useIcon } from \"@salt-ds/core\";\nimport { SearchIcon } from \"@salt-ds/icons\";\nimport { clsx } from \"clsx\";\nimport {\n  type ChangeEvent,\n  type ComponentType,\n  type KeyboardEvent,\n  type SyntheticEvent,\n  forwardRef,\n  useRef,\n} from \"react\";\nimport {\n  InputLegacy as Input,\n  type InputLegacyProps as InputProps,\n  StaticInputAdornment,\n} from \"../input-legacy\";\n\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\n\nimport searchInputCss from \"./SearchInput.css\";\n\nconst baseName = \"saltSearchInput\";\n\n//TODO formfield integration\n\nexport interface SearchInputProps extends Omit<InputProps, \"onSubmit\"> {\n  /**\n   * Override \"search\" icon.\n   * Set to `null` to hide.\n   */\n  IconComponent?: ComponentType<any> | null;\n  /**\n   * Callback for when clear button is clicked.\n   */\n  onClear?: () => void;\n  /**\n   * Callback for change event.\n   * Event is either an Input change event or a Button click event.\n   */\n  onChange?: (event: SyntheticEvent<unknown>, value: string) => void;\n  /**\n   * Callback to trigger search.\n   */\n  onSubmit?: (value: InputProps[\"value\"]) => void;\n}\n\nexport const SearchInput = forwardRef<HTMLInputElement, SearchInputProps>(\n  function SearchInput(\n    {\n      IconComponent = SearchIcon,\n      className,\n      onChange,\n      onClear,\n      onKeyUp,\n      onSubmit,\n      value: valueProp,\n      defaultValue,\n      ...other\n    },\n    ref,\n  ) {\n    const targetWindow = useWindow();\n    useComponentCssInjection({\n      testId: \"salt-search-input\",\n      css: searchInputCss,\n      window: targetWindow,\n    });\n    const { CloseIcon } = useIcon();\n    const inputRef = useRef<HTMLInputElement>(null);\n    const handleRef = useForkRef(inputRef, ref);\n\n    const [value, setValue, isControlled] = useControlled({\n      controlled: valueProp,\n      default: defaultValue,\n      name: \"SearchInput\",\n      state: \"value\",\n    });\n\n    const handleChange = (\n      event: ChangeEvent<HTMLInputElement>,\n      newValue: string,\n    ) => {\n      setValue(newValue);\n      onChange?.(event, newValue);\n    };\n\n    const handleClear = (event: SyntheticEvent<HTMLButtonElement>) => {\n      setValue(\"\");\n      if (!isControlled) {\n        onChange?.(event, \"\");\n      }\n      onClear?.();\n      inputRef.current?.focus();\n    };\n\n    const handleKeyUp = (event: KeyboardEvent<HTMLInputElement>) => {\n      if (event.key === \"Enter\" && onSubmit && value) {\n        onSubmit?.(value);\n      }\n\n      onKeyUp?.(event);\n    };\n\n    return (\n      <Input\n        className={clsx(baseName, className)}\n        ref={handleRef}\n        endAdornment={\n          !!value && (\n            <Button\n              className={clsx(`${baseName}-clearButton`)}\n              onClick={handleClear}\n              variant=\"secondary\"\n            >\n              <CloseIcon\n                aria-label=\"clear input\"\n                className={`${baseName}-clearIcon`}\n              />\n            </Button>\n          )\n        }\n        onChange={handleChange}\n        onKeyUp={handleKeyUp}\n        startAdornment={\n          IconComponent && (\n            <StaticInputAdornment>\n              <IconComponent className={`${baseName}-icon`} />\n            </StaticInputAdornment>\n          )\n        }\n        value={value || \"\"}\n        {...other}\n      />\n    );\n  },\n);\n"],"names":["forwardRef","SearchInput","SearchIcon","useWindow","useComponentCssInjection","searchInputCss","useIcon","useRef","useForkRef","useControlled","jsx","Input","clsx","Button","StaticInputAdornment"],"mappings":"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"}
+{"version":3,"file":"SearchInput.js","sources":["../src/search-input/SearchInput.tsx"],"sourcesContent":["import { Button, useControlled, useForkRef, useIcon } from \"@salt-ds/core\";\nimport { SearchIcon } from \"@salt-ds/icons\";\nimport { clsx } from \"clsx\";\nimport {\n  type ChangeEvent,\n  type ComponentType,\n  type KeyboardEvent,\n  type SyntheticEvent,\n  forwardRef,\n  useRef,\n} from \"react\";\nimport {\n  InputLegacy as Input,\n  type InputLegacyProps as InputProps,\n  StaticInputAdornment,\n} from \"../input-legacy\";\n\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\n\nimport searchInputCss from \"./SearchInput.css\";\n\nconst baseName = \"saltSearchInput\";\n\n//TODO formfield integration\n\nexport interface SearchInputProps extends Omit<InputProps, \"onSubmit\"> {\n  /**\n   * Override \"search\" icon.\n   * Set to `null` to hide.\n   */\n  IconComponent?: ComponentType<any> | null;\n  /**\n   * Callback for when clear button is clicked.\n   */\n  onClear?: () => void;\n  /**\n   * Callback for change event.\n   * Event is either an Input change event or a Button click event.\n   */\n  onChange?: (event: SyntheticEvent<unknown>, value: string) => void;\n  /**\n   * Callback to trigger search.\n   */\n  onSubmit?: (value: InputProps[\"value\"]) => void;\n}\n\nexport const SearchInput = forwardRef<HTMLInputElement, SearchInputProps>(\n  function SearchInput(\n    {\n      IconComponent = SearchIcon,\n      className,\n      onChange,\n      onClear,\n      onKeyUp,\n      onSubmit,\n      value: valueProp,\n      defaultValue,\n      ...other\n    },\n    ref,\n  ) {\n    const targetWindow = useWindow();\n    useComponentCssInjection({\n      testId: \"salt-search-input\",\n      css: searchInputCss,\n      window: targetWindow,\n    });\n    const { CloseIcon } = useIcon();\n    const inputRef = useRef<HTMLInputElement>(null);\n    const handleRef = useForkRef(inputRef, ref);\n\n    const [value, setValue, isControlled] = useControlled({\n      controlled: valueProp,\n      default: defaultValue,\n      name: \"SearchInput\",\n      state: \"value\",\n    });\n\n    const handleChange = (\n      event: ChangeEvent<HTMLInputElement>,\n      newValue: string,\n    ) => {\n      setValue(newValue);\n      onChange?.(event, newValue);\n    };\n\n    const handleClear = (event: SyntheticEvent<HTMLButtonElement>) => {\n      setValue(\"\");\n      if (!isControlled) {\n        onChange?.(event, \"\");\n      }\n      onClear?.();\n      inputRef.current?.focus();\n    };\n\n    const handleKeyUp = (event: KeyboardEvent<HTMLInputElement>) => {\n      if (event.key === \"Enter\" && onSubmit && value) {\n        onSubmit?.(value);\n      }\n\n      onKeyUp?.(event);\n    };\n\n    return (\n      <Input\n        className={clsx(baseName, className)}\n        ref={handleRef}\n        endAdornment={\n          !!value && (\n            <Button\n              className={clsx(`${baseName}-clearButton`)}\n              onClick={handleClear}\n              variant=\"secondary\"\n            >\n              <CloseIcon\n                aria-label=\"clear input\"\n                className={`${baseName}-clearIcon`}\n              />\n            </Button>\n          )\n        }\n        onChange={handleChange}\n        onKeyUp={handleKeyUp}\n        startAdornment={\n          IconComponent && (\n            <StaticInputAdornment>\n              <IconComponent className={`${baseName}-icon`} />\n            </StaticInputAdornment>\n          )\n        }\n        value={value || \"\"}\n        {...other}\n      />\n    );\n  },\n);\n"],"names":["forwardRef","SearchInput","SearchIcon","useWindow","useComponentCssInjection","searchInputCss","useIcon","useRef","useForkRef","useControlled","jsx","Input","clsx","Button","StaticInputAdornment"],"mappings":"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"}

package/dist-cjs/skip-link/SkipLink.js

@@ -1,7 +1,5 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var jsxRuntime = require('react/jsx-runtime');
 var core = require('@salt-ds/core');
 var styles = require('@salt-ds/styles');
@@ -22,14 +20,15 @@ const SkipLink = react.forwardRef(
     });
     const targetClass = clsx.clsx(withBaseName("target"), className);
     const eventHandlers = useManageFocusOnTarget.useManageFocusOnTarget({ targetRef, targetClass });
-    return /* @__PURE__ */ jsxRuntime.jsx("li", {
-      children: /* @__PURE__ */ jsxRuntime.jsx(core.Link, {
+    return /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(
+      core.Link,
+      {
         ...eventHandlers,
         ...rest,
         className: clsx.clsx(withBaseName(), className),
         ref
-      })
-    });
+      }
+    ) });
   }
 );
 

package/dist-cjs/skip-link/SkipLink.js.map

@@ -1 +1 @@
-{"version":3,"file":"SkipLink.js","sources":["../src/skip-link/SkipLink.tsx"],"sourcesContent":["import { Link, type LinkProps, makePrefixer } from \"@salt-ds/core\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { clsx } from \"clsx\";\nimport { type RefObject, forwardRef } from \"react\";\nimport { useManageFocusOnTarget } from \"./internal/useManageFocusOnTarget\";\n\nimport skipLinkCss from \"./SkipLink.css\";\n\ninterface SkipLinkProps extends LinkProps {\n  /**\n   * This is a ref that has access to the target element.\n   *\n   * This will be used to apply focus to that element\n   *\n   * Refs are referentially stable so if this changes it won't be picked up\n   * will need to find a better way of passing in the target element to apply the attributes\n   */\n  targetRef?: RefObject<HTMLElement>;\n}\n\nconst withBaseName = makePrefixer(\"saltSkipLink\");\n\nexport const SkipLink = forwardRef<HTMLAnchorElement, SkipLinkProps>(\n  function SkipLink({ className, targetRef, ...rest }, ref) {\n    const targetWindow = useWindow();\n    useComponentCssInjection({\n      testId: \"salt-skip-link\",\n      css: skipLinkCss,\n      window: targetWindow,\n    });\n\n    const targetClass = clsx(withBaseName(\"target\"), className);\n\n    const eventHandlers = useManageFocusOnTarget({ targetRef, targetClass });\n\n    return (\n      <li>\n        <Link\n          {...eventHandlers}\n          {...rest}\n          className={clsx(withBaseName(), className)}\n          ref={ref}\n        />\n      </li>\n    );\n  },\n);\n"],"names":["makePrefixer","forwardRef","SkipLink","useWindow","useComponentCssInjection","skipLinkCss","clsx","useManageFocusOnTarget","jsx","Link"],"mappings":";;;;;;;;;;;;;AAqBA,MAAM,YAAA,GAAeA,kBAAa,cAAc,CAAA,CAAA;AAEzC,MAAM,QAAW,GAAAC,gBAAA;AAAA,EACtB,SAASC,SAAS,CAAA,EAAE,WAAW,SAAc,EAAA,GAAA,IAAA,IAAQ,GAAK,EAAA;AACxD,IAAA,MAAM,eAAeC,gBAAU,EAAA,CAAA;AAC/B,IAAyBC,+BAAA,CAAA;AAAA,MACvB,MAAQ,EAAA,gBAAA;AAAA,MACR,GAAK,EAAAC,UAAA;AAAA,MACL,MAAQ,EAAA,YAAA;AAAA,KACT,CAAA,CAAA;AAED,IAAA,MAAM,WAAc,GAAAC,SAAA,CAAK,YAAa,CAAA,QAAQ,GAAG,SAAS,CAAA,CAAA;AAE1D,IAAA,MAAM,aAAgB,GAAAC,6CAAA,CAAuB,EAAE,SAAA,EAAW,aAAa,CAAA,CAAA;AAEvE,IAAA,uBACGC,cAAA,CAAA,IAAA,EAAA;AAAA,MACC,QAAC,kBAAAA,cAAA,CAAAC,SAAA,EAAA;AAAA,QACE,GAAG,aAAA;AAAA,QACH,GAAG,IAAA;AAAA,QACJ,SAAW,EAAAH,SAAA,CAAK,YAAa,EAAA,EAAG,SAAS,CAAA;AAAA,QACzC,GAAA;AAAA,OACF,CAAA;AAAA,KACF,CAAA,CAAA;AAAA,GAEJ;AACF;;;;"}
+{"version":3,"file":"SkipLink.js","sources":["../src/skip-link/SkipLink.tsx"],"sourcesContent":["import { Link, type LinkProps, makePrefixer } from \"@salt-ds/core\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { clsx } from \"clsx\";\nimport { type RefObject, forwardRef } from \"react\";\nimport { useManageFocusOnTarget } from \"./internal/useManageFocusOnTarget\";\n\nimport skipLinkCss from \"./SkipLink.css\";\n\ninterface SkipLinkProps extends LinkProps {\n  /**\n   * This is a ref that has access to the target element.\n   *\n   * This will be used to apply focus to that element\n   *\n   * Refs are referentially stable so if this changes it won't be picked up\n   * will need to find a better way of passing in the target element to apply the attributes\n   */\n  targetRef?: RefObject<HTMLElement>;\n}\n\nconst withBaseName = makePrefixer(\"saltSkipLink\");\n\nexport const SkipLink = forwardRef<HTMLAnchorElement, SkipLinkProps>(\n  function SkipLink({ className, targetRef, ...rest }, ref) {\n    const targetWindow = useWindow();\n    useComponentCssInjection({\n      testId: \"salt-skip-link\",\n      css: skipLinkCss,\n      window: targetWindow,\n    });\n\n    const targetClass = clsx(withBaseName(\"target\"), className);\n\n    const eventHandlers = useManageFocusOnTarget({ targetRef, targetClass });\n\n    return (\n      <li>\n        <Link\n          {...eventHandlers}\n          {...rest}\n          className={clsx(withBaseName(), className)}\n          ref={ref}\n        />\n      </li>\n    );\n  },\n);\n"],"names":["makePrefixer","forwardRef","SkipLink","useWindow","useComponentCssInjection","skipLinkCss","clsx","useManageFocusOnTarget","jsx","Link"],"mappings":";;;;;;;;;;;AAqBA,MAAM,YAAA,GAAeA,kBAAa,cAAc,CAAA;AAEzC,MAAM,QAAW,GAAAC,gBAAA;AAAA,EACtB,SAASC,UAAS,EAAE,SAAA,EAAW,WAAW,GAAG,IAAA,IAAQ,GAAK,EAAA;AACxD,IAAA,MAAM,eAAeC,gBAAU,EAAA;AAC/B,IAAyBC,+BAAA,CAAA;AAAA,MACvB,MAAQ,EAAA,gBAAA;AAAA,MACR,GAAK,EAAAC,UAAA;AAAA,MACL,MAAQ,EAAA;AAAA,KACT,CAAA;AAED,IAAA,MAAM,WAAc,GAAAC,SAAA,CAAK,YAAa,CAAA,QAAQ,GAAG,SAAS,CAAA;AAE1D,IAAA,MAAM,aAAgB,GAAAC,6CAAA,CAAuB,EAAE,SAAA,EAAW,aAAa,CAAA;AAEvE,IAAA,sCACG,IACC,EAAA,EAAA,QAAA,kBAAAC,cAAA;AAAA,MAACC,SAAA;AAAA,MAAA;AAAA,QACE,GAAG,aAAA;AAAA,QACH,GAAG,IAAA;AAAA,QACJ,SAAW,EAAAH,SAAA,CAAK,YAAa,EAAA,EAAG,SAAS,CAAA;AAAA,QACzC;AAAA;AAAA,KAEJ,EAAA,CAAA;AAAA;AAGN;;;;"}

package/dist-cjs/skip-link/SkipLinks.js

@@ -1,7 +1,5 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var jsxRuntime = require('react/jsx-runtime');
 var core = require('@salt-ds/core');
 var clsx = require('clsx');
@@ -19,12 +17,7 @@ const SkipLinks = react.forwardRef(function SkipLinks2(props, ref) {
     css: SkipLinks$1,
     window: targetWindow
   });
-  return /* @__PURE__ */ jsxRuntime.jsx("ul", {
-    ...restProps,
-    className: clsx.clsx(withBaseName(), className),
-    ref,
-    children
-  });
+  return /* @__PURE__ */ jsxRuntime.jsx("ul", { ...restProps, className: clsx.clsx(withBaseName(), className), ref, children });
 });
 
 exports.SkipLinks = SkipLinks;

package/dist-cjs/skip-link/SkipLinks.js.map

@@ -1 +1 @@
-{"version":3,"file":"SkipLinks.js","sources":["../src/skip-link/SkipLinks.tsx"],"sourcesContent":["import { makePrefixer } from \"@salt-ds/core\";\nimport { clsx } from \"clsx\";\nimport { type HTMLAttributes, forwardRef } from \"react\";\n\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\n\nimport skipLinksCss from \"./SkipLinks.css\";\n\nconst withBaseName = makePrefixer(\"saltSkipLinks\");\n\nexport const SkipLinks = forwardRef<\n  HTMLUListElement,\n  HTMLAttributes<HTMLUListElement>\n>(function SkipLinks(props, ref) {\n  const { className, children, ...restProps } = props;\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"salt-skip-links\",\n    css: skipLinksCss,\n    window: targetWindow,\n  });\n\n  return (\n    <ul {...restProps} className={clsx(withBaseName(), className)} ref={ref}>\n      {children}\n    </ul>\n  );\n});\n"],"names":["makePrefixer","forwardRef","SkipLinks","useWindow","useComponentCssInjection","skipLinksCss","jsx","clsx"],"mappings":";;;;;;;;;;;;AASA,MAAM,YAAA,GAAeA,kBAAa,eAAe,CAAA,CAAA;AAE1C,MAAM,SAAY,GAAAC,gBAAA,CAGvB,SAASC,UAAAA,CAAU,OAAO,GAAK,EAAA;AAC/B,EAAA,MAAM,EAAE,SAAA,EAAW,QAAa,EAAA,GAAA,SAAA,EAAc,GAAA,KAAA,CAAA;AAC9C,EAAA,MAAM,eAAeC,gBAAU,EAAA,CAAA;AAC/B,EAAyBC,+BAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,iBAAA;AAAA,IACR,GAAK,EAAAC,WAAA;AAAA,IACL,MAAQ,EAAA,YAAA;AAAA,GACT,CAAA,CAAA;AAED,EAAA,uBACGC,cAAA,CAAA,IAAA,EAAA;AAAA,IAAI,GAAG,SAAA;AAAA,IAAW,SAAW,EAAAC,SAAA,CAAK,YAAa,EAAA,EAAG,SAAS,CAAA;AAAA,IAAG,GAAA;AAAA,IAC5D,QAAA;AAAA,GACH,CAAA,CAAA;AAEJ,CAAC;;;;"}
+{"version":3,"file":"SkipLinks.js","sources":["../src/skip-link/SkipLinks.tsx"],"sourcesContent":["import { makePrefixer } from \"@salt-ds/core\";\nimport { clsx } from \"clsx\";\nimport { type HTMLAttributes, forwardRef } from \"react\";\n\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\n\nimport skipLinksCss from \"./SkipLinks.css\";\n\nconst withBaseName = makePrefixer(\"saltSkipLinks\");\n\nexport const SkipLinks = forwardRef<\n  HTMLUListElement,\n  HTMLAttributes<HTMLUListElement>\n>(function SkipLinks(props, ref) {\n  const { className, children, ...restProps } = props;\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"salt-skip-links\",\n    css: skipLinksCss,\n    window: targetWindow,\n  });\n\n  return (\n    <ul {...restProps} className={clsx(withBaseName(), className)} ref={ref}>\n      {children}\n    </ul>\n  );\n});\n"],"names":["makePrefixer","forwardRef","SkipLinks","useWindow","useComponentCssInjection","skipLinksCss","jsx","clsx"],"mappings":";;;;;;;;;;AASA,MAAM,YAAA,GAAeA,kBAAa,eAAe,CAAA;AAE1C,MAAM,SAAY,GAAAC,gBAAA,CAGvB,SAASC,UAAAA,CAAU,OAAO,GAAK,EAAA;AAC/B,EAAA,MAAM,EAAE,SAAA,EAAW,QAAU,EAAA,GAAG,WAAc,GAAA,KAAA;AAC9C,EAAA,MAAM,eAAeC,gBAAU,EAAA;AAC/B,EAAyBC,+BAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,iBAAA;AAAA,IACR,GAAK,EAAAC,WAAA;AAAA,IACL,MAAQ,EAAA;AAAA,GACT,CAAA;AAED,EACE,uBAAAC,cAAA,CAAC,IAAI,EAAA,EAAA,GAAG,SAAW,EAAA,SAAA,EAAWC,SAAK,CAAA,YAAA,EAAgB,EAAA,SAAS,CAAG,EAAA,GAAA,EAC5D,QACH,EAAA,CAAA;AAEJ,CAAC;;;;"}

package/dist-cjs/skip-link/internal/useManageFocusOnTarget.js

@@ -1,7 +1,5 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var react = require('react');
 
 const FOCUS_TIMEOUT = 50;

package/dist-cjs/skip-link/internal/useManageFocusOnTarget.js.map

@@ -1 +1 @@
-{"version":3,"file":"useManageFocusOnTarget.js","sources":["../src/skip-link/internal/useManageFocusOnTarget.ts"],"sourcesContent":["import { type RefObject, useEffect, useMemo, useRef, useState } from \"react\";\n\nconst FOCUS_TIMEOUT = 50;\n\nexport const useManageFocusOnTarget = ({\n  targetRef,\n  targetClass,\n}: {\n  targetRef: RefObject<HTMLElement> | undefined;\n  targetClass: string;\n}):\n  | { onBlur: () => NodeJS.Timeout; onClick: () => void }\n  | Record<string, undefined> => {\n  const [target, setTarget] = useState<HTMLElement>();\n\n  const hasTabIndex = useRef<boolean | string>();\n  const shouldRemoveTabIndex = useRef<boolean>();\n\n  useEffect(() => {\n    if (targetRef?.current) {\n      setTarget(targetRef.current);\n    }\n  }, [targetRef]);\n\n  return useMemo(() => {\n    if (!target) {\n      return {};\n    }\n\n    const addTabIndex = () => {\n      const tabIndex = target.getAttribute(\"tabIndex\");\n      hasTabIndex.current = tabIndex || tabIndex === \"0\";\n\n      if (!hasTabIndex.current) {\n        shouldRemoveTabIndex.current = true;\n        target.setAttribute(\"tabIndex\", \"-1\");\n      }\n    };\n\n    const removeTabIndex = () => {\n      if (!hasTabIndex.current && shouldRemoveTabIndex.current) {\n        target.removeAttribute(\"tabIndex\");\n      }\n    };\n\n    const handleFocusOnTarget = () => {\n      shouldRemoveTabIndex.current = false;\n      target.classList.add(targetClass);\n    };\n\n    const handleBlurFromTarget = () => {\n      shouldRemoveTabIndex.current = true;\n      removeTabIndex();\n      target.classList.remove(targetClass);\n    };\n\n    return {\n      onBlur: () => setTimeout(removeTabIndex, FOCUS_TIMEOUT),\n      onClick: () => {\n        addTabIndex();\n        setTimeout(() => {\n          target.focus();\n        }, FOCUS_TIMEOUT);\n\n        target.addEventListener(\"focus\", handleFocusOnTarget, { once: true });\n        target.addEventListener(\"blur\", handleBlurFromTarget, { once: true });\n      },\n    };\n  }, [target, targetClass]);\n};\n"],"names":["useState","useRef","useEffect","useMemo"],"mappings":";;;;;;AAEA,MAAM,aAAgB,GAAA,EAAA,CAAA;AAEf,MAAM,yBAAyB,CAAC;AAAA,EACrC,SAAA;AAAA,EACA,WAAA;AACF,CAKiC,KAAA;AAC/B,EAAA,MAAM,CAAC,MAAA,EAAQ,SAAS,CAAA,GAAIA,cAAsB,EAAA,CAAA;AAElD,EAAA,MAAM,cAAcC,YAAyB,EAAA,CAAA;AAC7C,EAAA,MAAM,uBAAuBA,YAAgB,EAAA,CAAA;AAE7C,EAAAC,eAAA,CAAU,MAAM;AACd,IAAA,IAAI,uCAAW,OAAS,EAAA;AACtB,MAAA,SAAA,CAAU,UAAU,OAAO,CAAA,CAAA;AAAA,KAC7B;AAAA,GACF,EAAG,CAAC,SAAS,CAAC,CAAA,CAAA;AAEd,EAAA,OAAOC,cAAQ,MAAM;AACnB,IAAA,IAAI,CAAC,MAAQ,EAAA;AACX,MAAA,OAAO,EAAC,CAAA;AAAA,KACV;AAEA,IAAA,MAAM,cAAc,MAAM;AACxB,MAAM,MAAA,QAAA,GAAW,MAAO,CAAA,YAAA,CAAa,UAAU,CAAA,CAAA;AAC/C,MAAY,WAAA,CAAA,OAAA,GAAU,YAAY,QAAa,KAAA,GAAA,CAAA;AAE/C,MAAI,IAAA,CAAC,YAAY,OAAS,EAAA;AACxB,QAAA,oBAAA,CAAqB,OAAU,GAAA,IAAA,CAAA;AAC/B,QAAO,MAAA,CAAA,YAAA,CAAa,YAAY,IAAI,CAAA,CAAA;AAAA,OACtC;AAAA,KACF,CAAA;AAEA,IAAA,MAAM,iBAAiB,MAAM;AAC3B,MAAA,IAAI,CAAC,WAAA,CAAY,OAAW,IAAA,oBAAA,CAAqB,OAAS,EAAA;AACxD,QAAA,MAAA,CAAO,gBAAgB,UAAU,CAAA,CAAA;AAAA,OACnC;AAAA,KACF,CAAA;AAEA,IAAA,MAAM,sBAAsB,MAAM;AAChC,MAAA,oBAAA,CAAqB,OAAU,GAAA,KAAA,CAAA;AAC/B,MAAO,MAAA,CAAA,SAAA,CAAU,IAAI,WAAW,CAAA,CAAA;AAAA,KAClC,CAAA;AAEA,IAAA,MAAM,uBAAuB,MAAM;AACjC,MAAA,oBAAA,CAAqB,OAAU,GAAA,IAAA,CAAA;AAC/B,MAAe,cAAA,EAAA,CAAA;AACf,MAAO,MAAA,CAAA,SAAA,CAAU,OAAO,WAAW,CAAA,CAAA;AAAA,KACrC,CAAA;AAEA,IAAO,OAAA;AAAA,MACL,MAAQ,EAAA,MAAM,UAAW,CAAA,cAAA,EAAgB,aAAa,CAAA;AAAA,MACtD,SAAS,MAAM;AACb,QAAY,WAAA,EAAA,CAAA;AACZ,QAAA,UAAA,CAAW,MAAM;AACf,UAAA,MAAA,CAAO,KAAM,EAAA,CAAA;AAAA,WACZ,aAAa,CAAA,CAAA;AAEhB,QAAA,MAAA,CAAO,iBAAiB,OAAS,EAAA,mBAAA,EAAqB,EAAE,IAAA,EAAM,MAAM,CAAA,CAAA;AACpE,QAAA,MAAA,CAAO,iBAAiB,MAAQ,EAAA,oBAAA,EAAsB,EAAE,IAAA,EAAM,MAAM,CAAA,CAAA;AAAA,OACtE;AAAA,KACF,CAAA;AAAA,GACC,EAAA,CAAC,MAAQ,EAAA,WAAW,CAAC,CAAA,CAAA;AAC1B;;;;"}
+{"version":3,"file":"useManageFocusOnTarget.js","sources":["../src/skip-link/internal/useManageFocusOnTarget.ts"],"sourcesContent":["import { type RefObject, useEffect, useMemo, useRef, useState } from \"react\";\n\nconst FOCUS_TIMEOUT = 50;\n\nexport const useManageFocusOnTarget = ({\n  targetRef,\n  targetClass,\n}: {\n  targetRef: RefObject<HTMLElement> | undefined;\n  targetClass: string;\n}):\n  | { onBlur: () => NodeJS.Timeout; onClick: () => void }\n  | Record<string, undefined> => {\n  const [target, setTarget] = useState<HTMLElement>();\n\n  const hasTabIndex = useRef<boolean | string>();\n  const shouldRemoveTabIndex = useRef<boolean>();\n\n  useEffect(() => {\n    if (targetRef?.current) {\n      setTarget(targetRef.current);\n    }\n  }, [targetRef]);\n\n  return useMemo(() => {\n    if (!target) {\n      return {};\n    }\n\n    const addTabIndex = () => {\n      const tabIndex = target.getAttribute(\"tabIndex\");\n      hasTabIndex.current = tabIndex || tabIndex === \"0\";\n\n      if (!hasTabIndex.current) {\n        shouldRemoveTabIndex.current = true;\n        target.setAttribute(\"tabIndex\", \"-1\");\n      }\n    };\n\n    const removeTabIndex = () => {\n      if (!hasTabIndex.current && shouldRemoveTabIndex.current) {\n        target.removeAttribute(\"tabIndex\");\n      }\n    };\n\n    const handleFocusOnTarget = () => {\n      shouldRemoveTabIndex.current = false;\n      target.classList.add(targetClass);\n    };\n\n    const handleBlurFromTarget = () => {\n      shouldRemoveTabIndex.current = true;\n      removeTabIndex();\n      target.classList.remove(targetClass);\n    };\n\n    return {\n      onBlur: () => setTimeout(removeTabIndex, FOCUS_TIMEOUT),\n      onClick: () => {\n        addTabIndex();\n        setTimeout(() => {\n          target.focus();\n        }, FOCUS_TIMEOUT);\n\n        target.addEventListener(\"focus\", handleFocusOnTarget, { once: true });\n        target.addEventListener(\"blur\", handleBlurFromTarget, { once: true });\n      },\n    };\n  }, [target, targetClass]);\n};\n"],"names":["useState","useRef","useEffect","useMemo"],"mappings":";;;;AAEA,MAAM,aAAgB,GAAA,EAAA;AAEf,MAAM,yBAAyB,CAAC;AAAA,EACrC,SAAA;AAAA,EACA;AACF,CAKiC,KAAA;AAC/B,EAAA,MAAM,CAAC,MAAA,EAAQ,SAAS,CAAA,GAAIA,cAAsB,EAAA;AAElD,EAAA,MAAM,cAAcC,YAAyB,EAAA;AAC7C,EAAA,MAAM,uBAAuBA,YAAgB,EAAA;AAE7C,EAAAC,eAAA,CAAU,MAAM;AACd,IAAA,IAAI,uCAAW,OAAS,EAAA;AACtB,MAAA,SAAA,CAAU,UAAU,OAAO,CAAA;AAAA;AAC7B,GACF,EAAG,CAAC,SAAS,CAAC,CAAA;AAEd,EAAA,OAAOC,cAAQ,MAAM;AACnB,IAAA,IAAI,CAAC,MAAQ,EAAA;AACX,MAAA,OAAO,EAAC;AAAA;AAGV,IAAA,MAAM,cAAc,MAAM;AACxB,MAAM,MAAA,QAAA,GAAW,MAAO,CAAA,YAAA,CAAa,UAAU,CAAA;AAC/C,MAAY,WAAA,CAAA,OAAA,GAAU,YAAY,QAAa,KAAA,GAAA;AAE/C,MAAI,IAAA,CAAC,YAAY,OAAS,EAAA;AACxB,QAAA,oBAAA,CAAqB,OAAU,GAAA,IAAA;AAC/B,QAAO,MAAA,CAAA,YAAA,CAAa,YAAY,IAAI,CAAA;AAAA;AACtC,KACF;AAEA,IAAA,MAAM,iBAAiB,MAAM;AAC3B,MAAA,IAAI,CAAC,WAAA,CAAY,OAAW,IAAA,oBAAA,CAAqB,OAAS,EAAA;AACxD,QAAA,MAAA,CAAO,gBAAgB,UAAU,CAAA;AAAA;AACnC,KACF;AAEA,IAAA,MAAM,sBAAsB,MAAM;AAChC,MAAA,oBAAA,CAAqB,OAAU,GAAA,KAAA;AAC/B,MAAO,MAAA,CAAA,SAAA,CAAU,IAAI,WAAW,CAAA;AAAA,KAClC;AAEA,IAAA,MAAM,uBAAuB,MAAM;AACjC,MAAA,oBAAA,CAAqB,OAAU,GAAA,IAAA;AAC/B,MAAe,cAAA,EAAA;AACf,MAAO,MAAA,CAAA,SAAA,CAAU,OAAO,WAAW,CAAA;AAAA,KACrC;AAEA,IAAO,OAAA;AAAA,MACL,MAAQ,EAAA,MAAM,UAAW,CAAA,cAAA,EAAgB,aAAa,CAAA;AAAA,MACtD,SAAS,MAAM;AACb,QAAY,WAAA,EAAA;AACZ,QAAA,UAAA,CAAW,MAAM;AACf,UAAA,MAAA,CAAO,KAAM,EAAA;AAAA,WACZ,aAAa,CAAA;AAEhB,QAAA,MAAA,CAAO,iBAAiB,OAAS,EAAA,mBAAA,EAAqB,EAAE,IAAA,EAAM,MAAM,CAAA;AACpE,QAAA,MAAA,CAAO,iBAAiB,MAAQ,EAAA,oBAAA,EAAsB,EAAE,IAAA,EAAM,MAAM,CAAA;AAAA;AACtE,KACF;AAAA,GACC,EAAA,CAAC,MAAQ,EAAA,WAAW,CAAC,CAAA;AAC1B;;;;"}

package/dist-cjs/slider/Slider.js

@@ -1,7 +1,5 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var jsxRuntime = require('react/jsx-runtime');
 var core = require('@salt-ds/core');
 var styles = require('@salt-ds/styles');
@@ -46,45 +44,53 @@ const Slider = react.forwardRef(function Slider2({
     setValue(value2);
     onChange == null ? void 0 : onChange(value2);
   };
-  return /* @__PURE__ */ jsxRuntime.jsx(SliderContext.SliderContext.Provider, {
-    value: {
-      value,
-      min,
-      max,
-      step,
-      onChange: handleSliderChange,
-      ariaLabel
-    },
-    children: /* @__PURE__ */ jsxRuntime.jsxs("div", {
-      ref,
-      className: clsx.clsx(
-        withBaseName(),
-        { [withBaseName("bottomLabel")]: marks !== "inline" },
-        className
-      ),
-      ...rest,
-      children: [
-        marks !== "all" && /* @__PURE__ */ jsxRuntime.jsx(core.Label, {
-          className: clsx.clsx(withBaseName("label"), {
-            [withBaseName("labelMinBottom")]: marks !== "inline"
-          }),
-          children: min
-        }),
-        /* @__PURE__ */ jsxRuntime.jsx(SliderTrack.SliderTrack, {}),
-        marks !== "all" && /* @__PURE__ */ jsxRuntime.jsx(core.Label, {
-          className: clsx.clsx(withBaseName("label"), {
-            [withBaseName("labelMaxBottom")]: marks !== "inline"
-          }),
-          children: max
-        }),
-        marks === "all" && /* @__PURE__ */ jsxRuntime.jsx(SliderMarks.SliderMarks, {
-          max,
-          min,
-          step
-        })
-      ]
-    })
-  });
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    SliderContext.SliderContext.Provider,
+    {
+      value: {
+        value,
+        min,
+        max,
+        step,
+        onChange: handleSliderChange,
+        ariaLabel
+      },
+      children: /* @__PURE__ */ jsxRuntime.jsxs(
+        "div",
+        {
+          ref,
+          className: clsx.clsx(
+            withBaseName(),
+            { [withBaseName("bottomLabel")]: marks !== "inline" },
+            className
+          ),
+          ...rest,
+          children: [
+            marks !== "all" && /* @__PURE__ */ jsxRuntime.jsx(
+              core.Label,
+              {
+                className: clsx.clsx(withBaseName("label"), {
+                  [withBaseName("labelMinBottom")]: marks !== "inline"
+                }),
+                children: min
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(SliderTrack.SliderTrack, {}),
+            marks !== "all" && /* @__PURE__ */ jsxRuntime.jsx(
+              core.Label,
+              {
+                className: clsx.clsx(withBaseName("label"), {
+                  [withBaseName("labelMaxBottom")]: marks !== "inline"
+                }),
+                children: max
+              }
+            ),
+            marks === "all" && /* @__PURE__ */ jsxRuntime.jsx(SliderMarks.SliderMarks, { max, min, step })
+          ]
+        }
+      )
+    }
+  );
 });
 
 exports.Slider = Slider;

package/dist-cjs/slider/Slider.js.map

@@ -1 +1 @@
-{"version":3,"file":"Slider.js","sources":["../src/slider/Slider.tsx"],"sourcesContent":["import { Label, makePrefixer, useControlled } from \"@salt-ds/core\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { clsx } from \"clsx\";\nimport { type HTMLAttributes, forwardRef } from \"react\";\nimport { SliderContext, SliderMarks, SliderTrack } from \"./internal\";\n\nimport sliderCss from \"./Slider.css\";\nimport { parseValueProp } from \"./internal/utils\";\nimport type { SliderChangeHandler, SliderValue } from \"./types\";\n\nconst withBaseName = makePrefixer(\"saltSlider\");\n\nconst defaultMin = 0;\nconst defaultMax = 10;\nconst defaultStep = 1;\n\nexport interface SliderProps\n  extends Omit<HTMLAttributes<HTMLDivElement>, \"onChange\" | \"defaultValue\"> {\n  /**\n   * Minimum slider value\n   */\n  min?: number;\n  /**\n   * Maximum slider value\n   */\n  max?: number;\n  /**\n   * Minimum interval the slider thumb can move\n   */\n  step?: number;\n  /**\n   * Initial value of the slider\n   */\n  defaultValue?: SliderValue;\n  /**\n   * The markings the slider is displayed with\n   */\n  marks?: \"inline\" | \"bottom\" | \"all\";\n  /**\n   * Value of the slider, to be used when in a controlled state\n   */\n  value?: SliderValue;\n  /**\n   * Change handler to be used when in a controlled state\n   */\n  onChange?: SliderChangeHandler;\n}\n\nexport const Slider = forwardRef<HTMLDivElement, SliderProps>(function Slider(\n  {\n    min = defaultMin,\n    max = defaultMax,\n    step = defaultStep,\n    value: valueProp,\n    defaultValue = [0],\n    onChange,\n    className,\n    \"aria-label\": ariaLabel,\n    marks = \"inline\",\n    ...rest\n  },\n  ref,\n) {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"salt-slider\",\n    css: sliderCss,\n    window: targetWindow,\n  });\n\n  const [value, setValue] = useControlled<SliderValue>({\n    controlled: parseValueProp(valueProp, min, max),\n    default: defaultValue,\n    name: \"Slider\",\n    state: \"Value\",\n  });\n\n  const handleSliderChange = (value: SliderValue) => {\n    setValue(value);\n    onChange?.(value);\n  };\n\n  return (\n    <SliderContext.Provider\n      value={{\n        value,\n        min,\n        max,\n        step,\n        onChange: handleSliderChange,\n        ariaLabel,\n      }}\n    >\n      <div\n        ref={ref}\n        className={clsx(\n          withBaseName(),\n          { [withBaseName(\"bottomLabel\")]: marks !== \"inline\" },\n          className,\n        )}\n        {...rest}\n      >\n        {marks !== \"all\" && (\n          <Label\n            className={clsx(withBaseName(\"label\"), {\n              [withBaseName(\"labelMinBottom\")]: marks !== \"inline\",\n            })}\n          >\n            {min}\n          </Label>\n        )}\n        <SliderTrack />\n        {marks !== \"all\" && (\n          <Label\n            className={clsx(withBaseName(\"label\"), {\n              [withBaseName(\"labelMaxBottom\")]: marks !== \"inline\",\n            })}\n          >\n            {max}\n          </Label>\n        )}\n        {marks === \"all\" && <SliderMarks max={max} min={min} step={step} />}\n      </div>\n    </SliderContext.Provider>\n  );\n});\n"],"names":["makePrefixer","forwardRef","Slider","useWindow","useComponentCssInjection","sliderCss","useControlled","parseValueProp","value","jsx","SliderContext","jsxs","clsx","Label","SliderTrack","SliderMarks"],"mappings":"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"}
+{"version":3,"file":"Slider.js","sources":["../src/slider/Slider.tsx"],"sourcesContent":["import { Label, makePrefixer, useControlled } from \"@salt-ds/core\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { clsx } from \"clsx\";\nimport { type HTMLAttributes, forwardRef } from \"react\";\nimport { SliderContext, SliderMarks, SliderTrack } from \"./internal\";\n\nimport sliderCss from \"./Slider.css\";\nimport { parseValueProp } from \"./internal/utils\";\nimport type { SliderChangeHandler, SliderValue } from \"./types\";\n\nconst withBaseName = makePrefixer(\"saltSlider\");\n\nconst defaultMin = 0;\nconst defaultMax = 10;\nconst defaultStep = 1;\n\nexport interface SliderProps\n  extends Omit<HTMLAttributes<HTMLDivElement>, \"onChange\" | \"defaultValue\"> {\n  /**\n   * Minimum slider value\n   */\n  min?: number;\n  /**\n   * Maximum slider value\n   */\n  max?: number;\n  /**\n   * Minimum interval the slider thumb can move\n   */\n  step?: number;\n  /**\n   * Initial value of the slider\n   */\n  defaultValue?: SliderValue;\n  /**\n   * The markings the slider is displayed with\n   */\n  marks?: \"inline\" | \"bottom\" | \"all\";\n  /**\n   * Value of the slider, to be used when in a controlled state\n   */\n  value?: SliderValue;\n  /**\n   * Change handler to be used when in a controlled state\n   */\n  onChange?: SliderChangeHandler;\n}\n\nexport const Slider = forwardRef<HTMLDivElement, SliderProps>(function Slider(\n  {\n    min = defaultMin,\n    max = defaultMax,\n    step = defaultStep,\n    value: valueProp,\n    defaultValue = [0],\n    onChange,\n    className,\n    \"aria-label\": ariaLabel,\n    marks = \"inline\",\n    ...rest\n  },\n  ref,\n) {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"salt-slider\",\n    css: sliderCss,\n    window: targetWindow,\n  });\n\n  const [value, setValue] = useControlled<SliderValue>({\n    controlled: parseValueProp(valueProp, min, max),\n    default: defaultValue,\n    name: \"Slider\",\n    state: \"Value\",\n  });\n\n  const handleSliderChange = (value: SliderValue) => {\n    setValue(value);\n    onChange?.(value);\n  };\n\n  return (\n    <SliderContext.Provider\n      value={{\n        value,\n        min,\n        max,\n        step,\n        onChange: handleSliderChange,\n        ariaLabel,\n      }}\n    >\n      <div\n        ref={ref}\n        className={clsx(\n          withBaseName(),\n          { [withBaseName(\"bottomLabel\")]: marks !== \"inline\" },\n          className,\n        )}\n        {...rest}\n      >\n        {marks !== \"all\" && (\n          <Label\n            className={clsx(withBaseName(\"label\"), {\n              [withBaseName(\"labelMinBottom\")]: marks !== \"inline\",\n            })}\n          >\n            {min}\n          </Label>\n        )}\n        <SliderTrack />\n        {marks !== \"all\" && (\n          <Label\n            className={clsx(withBaseName(\"label\"), {\n              [withBaseName(\"labelMaxBottom\")]: marks !== \"inline\",\n            })}\n          >\n            {max}\n          </Label>\n        )}\n        {marks === \"all\" && <SliderMarks max={max} min={min} step={step} />}\n      </div>\n    </SliderContext.Provider>\n  );\n});\n"],"names":["makePrefixer","forwardRef","Slider","useWindow","useComponentCssInjection","sliderCss","useControlled","parseValueProp","value","jsx","SliderContext","jsxs","clsx","Label","SliderTrack","SliderMarks"],"mappings":";;;;;;;;;;;;;;AAWA,MAAM,YAAA,GAAeA,kBAAa,YAAY,CAAA;AAE9C,MAAM,UAAa,GAAA,CAAA;AACnB,MAAM,UAAa,GAAA,EAAA;AACnB,MAAM,WAAc,GAAA,CAAA;AAkCP,MAAA,MAAA,GAASC,gBAAwC,CAAA,SAASC,OACrE,CAAA;AAAA,EACE,GAAM,GAAA,UAAA;AAAA,EACN,GAAM,GAAA,UAAA;AAAA,EACN,IAAO,GAAA,WAAA;AAAA,EACP,KAAO,EAAA,SAAA;AAAA,EACP,YAAA,GAAe,CAAC,CAAC,CAAA;AAAA,EACjB,QAAA;AAAA,EACA,SAAA;AAAA,EACA,YAAc,EAAA,SAAA;AAAA,EACd,KAAQ,GAAA,QAAA;AAAA,EACR,GAAG;AACL,CAAA,EACA,GACA,EAAA;AACA,EAAA,MAAM,eAAeC,gBAAU,EAAA;AAC/B,EAAyBC,+BAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,aAAA;AAAA,IACR,GAAK,EAAAC,QAAA;AAAA,IACL,MAAQ,EAAA;AAAA,GACT,CAAA;AAED,EAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,CAAA,GAAIC,kBAA2B,CAAA;AAAA,IACnD,UAAY,EAAAC,oBAAA,CAAe,SAAW,EAAA,GAAA,EAAK,GAAG,CAAA;AAAA,IAC9C,OAAS,EAAA,YAAA;AAAA,IACT,IAAM,EAAA,QAAA;AAAA,IACN,KAAO,EAAA;AAAA,GACR,CAAA;AAED,EAAM,MAAA,kBAAA,GAAqB,CAACC,MAAuB,KAAA;AACjD,IAAA,QAAA,CAASA,MAAK,CAAA;AACd,IAAWA,QAAAA,IAAAA,IAAAA,GAAAA,KAAAA,CAAAA,GAAAA,QAAAA,CAAAA,MAAAA,CAAAA;AAAA,GACb;AAEA,EACE,uBAAAC,cAAA;AAAA,IAACC,2BAAc,CAAA,QAAA;AAAA,IAAd;AAAA,MACC,KAAO,EAAA;AAAA,QACL,KAAA;AAAA,QACA,GAAA;AAAA,QACA,GAAA;AAAA,QACA,IAAA;AAAA,QACA,QAAU,EAAA,kBAAA;AAAA,QACV;AAAA,OACF;AAAA,MAEA,QAAA,kBAAAC,eAAA;AAAA,QAAC,KAAA;AAAA,QAAA;AAAA,UACC,GAAA;AAAA,UACA,SAAW,EAAAC,SAAA;AAAA,YACT,YAAa,EAAA;AAAA,YACb,EAAE,CAAC,YAAA,CAAa,aAAa,CAAC,GAAG,UAAU,QAAS,EAAA;AAAA,YACpD;AAAA,WACF;AAAA,UACC,GAAG,IAAA;AAAA,UAEH,QAAA,EAAA;AAAA,YAAA,KAAA,KAAU,KACT,oBAAAH,cAAA;AAAA,cAACI,UAAA;AAAA,cAAA;AAAA,gBACC,SAAW,EAAAD,SAAA,CAAK,YAAa,CAAA,OAAO,CAAG,EAAA;AAAA,kBACrC,CAAC,YAAA,CAAa,gBAAgB,CAAC,GAAG,KAAU,KAAA;AAAA,iBAC7C,CAAA;AAAA,gBAEA,QAAA,EAAA;AAAA;AAAA,aACH;AAAA,2CAEDE,uBAAY,EAAA,EAAA,CAAA;AAAA,YACZ,UAAU,KACT,oBAAAL,cAAA;AAAA,cAACI,UAAA;AAAA,cAAA;AAAA,gBACC,SAAW,EAAAD,SAAA,CAAK,YAAa,CAAA,OAAO,CAAG,EAAA;AAAA,kBACrC,CAAC,YAAA,CAAa,gBAAgB,CAAC,GAAG,KAAU,KAAA;AAAA,iBAC7C,CAAA;AAAA,gBAEA,QAAA,EAAA;AAAA;AAAA,aACH;AAAA,YAED,UAAU,KAAS,oBAAAH,cAAA,CAACM,uBAAY,EAAA,EAAA,GAAA,EAAU,KAAU,IAAY,EAAA;AAAA;AAAA;AAAA;AACnE;AAAA,GACF;AAEJ,CAAC;;;;"}

package/dist-cjs/slider/internal/SliderContext.js

@@ -1,7 +1,5 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var react = require('react');
 
 const SliderContext = react.createContext({

package/dist-cjs/slider/internal/SliderContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"SliderContext.js","sources":["../src/slider/internal/SliderContext.ts"],"sourcesContent":["import { createContext, useContext } from \"react\";\nimport type { SliderChangeHandler, SliderValue } from \"../types\";\nexport interface SliderContextValue {\n  min: number;\n  max: number;\n  step: number;\n  value: SliderValue;\n  onChange: SliderChangeHandler;\n  ariaLabel: string | undefined;\n}\n\nexport const SliderContext = createContext<SliderContextValue>({\n  min: 0,\n  max: 10,\n  step: 1,\n  value: [0],\n  onChange: () => null,\n  ariaLabel: \"slider\",\n});\n\nexport function useSliderContext() {\n  return useContext(SliderContext);\n}\n"],"names":["createContext","useContext"],"mappings":";;;;;;AAWO,MAAM,gBAAgBA,mBAAkC,CAAA;AAAA,EAC7D,GAAK,EAAA,CAAA;AAAA,EACL,GAAK,EAAA,EAAA;AAAA,EACL,IAAM,EAAA,CAAA;AAAA,EACN,KAAA,EAAO,CAAC,CAAC,CAAA;AAAA,EACT,UAAU,MAAM,IAAA;AAAA,EAChB,SAAW,EAAA,QAAA;AACb,CAAC,EAAA;AAEM,SAAS,gBAAmB,GAAA;AACjC,EAAA,OAAOC,iBAAW,aAAa,CAAA,CAAA;AACjC;;;;;"}
+{"version":3,"file":"SliderContext.js","sources":["../src/slider/internal/SliderContext.ts"],"sourcesContent":["import { createContext, useContext } from \"react\";\nimport type { SliderChangeHandler, SliderValue } from \"../types\";\nexport interface SliderContextValue {\n  min: number;\n  max: number;\n  step: number;\n  value: SliderValue;\n  onChange: SliderChangeHandler;\n  ariaLabel: string | undefined;\n}\n\nexport const SliderContext = createContext<SliderContextValue>({\n  min: 0,\n  max: 10,\n  step: 1,\n  value: [0],\n  onChange: () => null,\n  ariaLabel: \"slider\",\n});\n\nexport function useSliderContext() {\n  return useContext(SliderContext);\n}\n"],"names":["createContext","useContext"],"mappings":";;;;AAWO,MAAM,gBAAgBA,mBAAkC,CAAA;AAAA,EAC7D,GAAK,EAAA,CAAA;AAAA,EACL,GAAK,EAAA,EAAA;AAAA,EACL,IAAM,EAAA,CAAA;AAAA,EACN,KAAA,EAAO,CAAC,CAAC,CAAA;AAAA,EACT,UAAU,MAAM,IAAA;AAAA,EAChB,SAAW,EAAA;AACb,CAAC;AAEM,SAAS,gBAAmB,GAAA;AACjC,EAAA,OAAOC,iBAAW,aAAa,CAAA;AACjC;;;;;"}

package/dist-cjs/slider/internal/SliderMarks.js

@@ -1,7 +1,5 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var jsxRuntime = require('react/jsx-runtime');
 var core = require('@salt-ds/core');
 var utils = require('./utils.js');
@@ -14,17 +12,17 @@ function SliderMarks({
   ...rest
 }) {
   const marks = utils.getMarkStyles(min, max, step);
-  return /* @__PURE__ */ jsxRuntime.jsx("div", {
-    className: withBaseName(),
-    ...rest,
-    children: marks.map((mark) => {
-      return /* @__PURE__ */ jsxRuntime.jsx(core.Label, {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: withBaseName(), ...rest, children: marks.map((mark) => {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      core.Label,
+      {
         className: withBaseName("mark"),
         style: { left: mark.position },
         children: mark.label
-      }, mark.value);
-    })
-  });
+      },
+      mark.value
+    );
+  }) });
 }
 
 exports.SliderMarks = SliderMarks;

package/dist-cjs/slider/internal/SliderMarks.js.map

@@ -1 +1 @@
-{"version":3,"file":"SliderMarks.js","sources":["../src/slider/internal/SliderMarks.tsx"],"sourcesContent":["import { Label, makePrefixer } from \"@salt-ds/core\";\nimport type { ComponentPropsWithoutRef } from \"react\";\nimport { getMarkStyles } from \"./utils\";\n\nconst withBaseName = makePrefixer(\"saltSliderMarks\");\n\nexport interface SliderMarksProps extends ComponentPropsWithoutRef<\"div\"> {\n  min: number;\n  max: number;\n  step: number;\n}\n\nexport function SliderMarks({\n  min,\n  max,\n  step,\n  ...rest\n}: SliderMarksProps): JSX.Element {\n  const marks = getMarkStyles(min, max, step);\n  return (\n    <div className={withBaseName()} {...rest}>\n      {marks.map((mark) => {\n        return (\n          <Label\n            className={withBaseName(\"mark\")}\n            key={mark.value}\n            style={{ left: mark.position }}\n          >\n            {mark.label}\n          </Label>\n        );\n      })}\n    </div>\n  );\n}\n"],"names":["makePrefixer","getMarkStyles","jsx","Label"],"mappings":";;;;;;;;AAIA,MAAM,YAAA,GAAeA,kBAAa,iBAAiB,CAAA,CAAA;AAQ5C,SAAS,WAAY,CAAA;AAAA,EAC1B,GAAA;AAAA,EACA,GAAA;AAAA,EACA,IAAA;AAAA,EACG,GAAA,IAAA;AACL,CAAkC,EAAA;AAChC,EAAA,MAAM,KAAQ,GAAAC,mBAAA,CAAc,GAAK,EAAA,GAAA,EAAK,IAAI,CAAA,CAAA;AAC1C,EAAA,uBACGC,cAAA,CAAA,KAAA,EAAA;AAAA,IAAI,WAAW,YAAa,EAAA;AAAA,IAAI,GAAG,IAAA;AAAA,IACjC,QAAA,EAAA,KAAA,CAAM,GAAI,CAAA,CAAC,IAAS,KAAA;AACnB,MAAA,uBACGA,cAAA,CAAAC,UAAA,EAAA;AAAA,QACC,SAAA,EAAW,aAAa,MAAM,CAAA;AAAA,QAE9B,KAAO,EAAA,EAAE,IAAM,EAAA,IAAA,CAAK,QAAS,EAAA;AAAA,QAE5B,QAAK,EAAA,IAAA,CAAA,KAAA;AAAA,OAAA,EAHD,KAAK,KAIZ,CAAA,CAAA;AAAA,KAEH,CAAA;AAAA,GACH,CAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"SliderMarks.js","sources":["../src/slider/internal/SliderMarks.tsx"],"sourcesContent":["import { Label, makePrefixer } from \"@salt-ds/core\";\nimport type { ComponentPropsWithoutRef } from \"react\";\nimport { getMarkStyles } from \"./utils\";\n\nconst withBaseName = makePrefixer(\"saltSliderMarks\");\n\nexport interface SliderMarksProps extends ComponentPropsWithoutRef<\"div\"> {\n  min: number;\n  max: number;\n  step: number;\n}\n\nexport function SliderMarks({\n  min,\n  max,\n  step,\n  ...rest\n}: SliderMarksProps): JSX.Element {\n  const marks = getMarkStyles(min, max, step);\n  return (\n    <div className={withBaseName()} {...rest}>\n      {marks.map((mark) => {\n        return (\n          <Label\n            className={withBaseName(\"mark\")}\n            key={mark.value}\n            style={{ left: mark.position }}\n          >\n            {mark.label}\n          </Label>\n        );\n      })}\n    </div>\n  );\n}\n"],"names":["makePrefixer","getMarkStyles","jsx","Label"],"mappings":";;;;;;AAIA,MAAM,YAAA,GAAeA,kBAAa,iBAAiB,CAAA;AAQ5C,SAAS,WAAY,CAAA;AAAA,EAC1B,GAAA;AAAA,EACA,GAAA;AAAA,EACA,IAAA;AAAA,EACA,GAAG;AACL,CAAkC,EAAA;AAChC,EAAA,MAAM,KAAQ,GAAAC,mBAAA,CAAc,GAAK,EAAA,GAAA,EAAK,IAAI,CAAA;AAC1C,EACE,uBAAAC,cAAA,CAAC,KAAI,EAAA,EAAA,SAAA,EAAW,YAAa,EAAA,EAAI,GAAG,IACjC,EAAA,QAAA,EAAA,KAAA,CAAM,GAAI,CAAA,CAAC,IAAS,KAAA;AACnB,IACE,uBAAAA,cAAA;AAAA,MAACC,UAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAW,aAAa,MAAM,CAAA;AAAA,QAE9B,KAAO,EAAA,EAAE,IAAM,EAAA,IAAA,CAAK,QAAS,EAAA;AAAA,QAE5B,QAAK,EAAA,IAAA,CAAA;AAAA,OAAA;AAAA,MAHD,IAAK,CAAA;AAAA,KAIZ;AAAA,GAEH,CACH,EAAA,CAAA;AAEJ;;;;"}

package/dist-cjs/slider/internal/SliderSelection.js

@@ -1,7 +1,5 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var jsxRuntime = require('react/jsx-runtime');
 var core = require('@salt-ds/core');
 var clsx = require('clsx');
@@ -16,16 +14,19 @@ function SliderSelection({
   const thumbPosition = value.map((value2) => {
     return utils.getPercentage(min, max, value2);
   });
-  return /* @__PURE__ */ jsxRuntime.jsx("div", {
-    className: clsx.clsx(withBaseName(), {
-      [withBaseName("range")]: Array.isArray(value)
-    }),
-    style: {
-      left: value.length > 1 ? `${thumbPosition[0]}%` : 0,
-      width: value.length > 1 ? `${thumbPosition[1] - thumbPosition[0]}%` : `${thumbPosition[0]}%`
-    },
-    ...props
-  });
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      className: clsx.clsx(withBaseName(), {
+        [withBaseName("range")]: Array.isArray(value)
+      }),
+      style: {
+        left: value.length > 1 ? `${thumbPosition[0]}%` : 0,
+        width: value.length > 1 ? `${thumbPosition[1] - thumbPosition[0]}%` : `${thumbPosition[0]}%`
+      },
+      ...props
+    }
+  );
 }
 
 exports.SliderSelection = SliderSelection;

package/dist-cjs/slider/internal/SliderSelection.js.map

@@ -1 +1 @@
-{"version":3,"file":"SliderSelection.js","sources":["../src/slider/internal/SliderSelection.tsx"],"sourcesContent":["import { makePrefixer } from \"@salt-ds/core\";\nimport { clsx } from \"clsx\";\nimport type { ComponentPropsWithoutRef } from \"react\";\nimport { useSliderContext } from \"./SliderContext\";\nimport { getPercentage } from \"./utils\";\n\nconst withBaseName = makePrefixer(\"saltSliderSelection\");\n\nexport interface SliderSelectionProps extends ComponentPropsWithoutRef<\"div\"> {}\n\nexport function SliderSelection({\n  ...props\n}: SliderSelectionProps): JSX.Element {\n  const { min, max, value } = useSliderContext();\n\n  const thumbPosition = value.map((value) => {\n    return getPercentage(min, max, value);\n  });\n\n  return (\n    <div\n      className={clsx(withBaseName(), {\n        [withBaseName(\"range\")]: Array.isArray(value),\n      })}\n      style={{\n        left: value.length > 1 ? `${thumbPosition[0]}%` : 0,\n        width:\n          value.length > 1\n            ? `${thumbPosition[1] - thumbPosition[0]}%`\n            : `${thumbPosition[0]}%`,\n      }}\n      {...props}\n    />\n  );\n}\n"],"names":["makePrefixer","useSliderContext","value","getPercentage","jsx","clsx"],"mappings":";;;;;;;;;;AAMA,MAAM,YAAA,GAAeA,kBAAa,qBAAqB,CAAA,CAAA;AAIhD,SAAS,eAAgB,CAAA;AAAA,EAC3B,GAAA,KAAA;AACL,CAAsC,EAAA;AACpC,EAAA,MAAM,EAAE,GAAA,EAAK,GAAK,EAAA,KAAA,KAAUC,8BAAiB,EAAA,CAAA;AAE7C,EAAA,MAAM,aAAgB,GAAA,KAAA,CAAM,GAAI,CAAA,CAACC,MAAU,KAAA;AACzC,IAAO,OAAAC,mBAAA,CAAc,GAAK,EAAA,GAAA,EAAKD,MAAK,CAAA,CAAA;AAAA,GACrC,CAAA,CAAA;AAED,EAAA,uBACGE,cAAA,CAAA,KAAA,EAAA;AAAA,IACC,SAAA,EAAWC,SAAK,CAAA,YAAA,EAAgB,EAAA;AAAA,MAC9B,CAAC,YAAa,CAAA,OAAO,CAAI,GAAA,KAAA,CAAM,QAAQ,KAAK,CAAA;AAAA,KAC7C,CAAA;AAAA,IACD,KAAO,EAAA;AAAA,MACL,MAAM,KAAM,CAAA,MAAA,GAAS,CAAI,GAAA,CAAA,EAAG,cAAc,CAAQ,CAAA,CAAA,CAAA,CAAA,GAAA,CAAA;AAAA,MAClD,KAAA,EACE,KAAM,CAAA,MAAA,GAAS,CACX,GAAA,CAAA,EAAG,cAAc,CAAK,CAAA,GAAA,aAAA,CAAc,CACpC,CAAA,CAAA,CAAA,CAAA,GAAA,CAAA,EAAG,aAAc,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,KACzB;AAAA,IACC,GAAG,KAAA;AAAA,GACN,CAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"SliderSelection.js","sources":["../src/slider/internal/SliderSelection.tsx"],"sourcesContent":["import { makePrefixer } from \"@salt-ds/core\";\nimport { clsx } from \"clsx\";\nimport type { ComponentPropsWithoutRef } from \"react\";\nimport { useSliderContext } from \"./SliderContext\";\nimport { getPercentage } from \"./utils\";\n\nconst withBaseName = makePrefixer(\"saltSliderSelection\");\n\nexport interface SliderSelectionProps extends ComponentPropsWithoutRef<\"div\"> {}\n\nexport function SliderSelection({\n  ...props\n}: SliderSelectionProps): JSX.Element {\n  const { min, max, value } = useSliderContext();\n\n  const thumbPosition = value.map((value) => {\n    return getPercentage(min, max, value);\n  });\n\n  return (\n    <div\n      className={clsx(withBaseName(), {\n        [withBaseName(\"range\")]: Array.isArray(value),\n      })}\n      style={{\n        left: value.length > 1 ? `${thumbPosition[0]}%` : 0,\n        width:\n          value.length > 1\n            ? `${thumbPosition[1] - thumbPosition[0]}%`\n            : `${thumbPosition[0]}%`,\n      }}\n      {...props}\n    />\n  );\n}\n"],"names":["makePrefixer","useSliderContext","value","getPercentage","jsx","clsx"],"mappings":";;;;;;;;AAMA,MAAM,YAAA,GAAeA,kBAAa,qBAAqB,CAAA;AAIhD,SAAS,eAAgB,CAAA;AAAA,EAC9B,GAAG;AACL,CAAsC,EAAA;AACpC,EAAA,MAAM,EAAE,GAAA,EAAK,GAAK,EAAA,KAAA,KAAUC,8BAAiB,EAAA;AAE7C,EAAA,MAAM,aAAgB,GAAA,KAAA,CAAM,GAAI,CAAA,CAACC,MAAU,KAAA;AACzC,IAAO,OAAAC,mBAAA,CAAc,GAAK,EAAA,GAAA,EAAKD,MAAK,CAAA;AAAA,GACrC,CAAA;AAED,EACE,uBAAAE,cAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAWC,SAAK,CAAA,YAAA,EAAgB,EAAA;AAAA,QAC9B,CAAC,YAAa,CAAA,OAAO,CAAC,GAAG,KAAA,CAAM,QAAQ,KAAK;AAAA,OAC7C,CAAA;AAAA,MACD,KAAO,EAAA;AAAA,QACL,IAAA,EAAM,MAAM,MAAS,GAAA,CAAA,GAAI,GAAG,aAAc,CAAA,CAAC,CAAC,CAAM,CAAA,CAAA,GAAA,CAAA;AAAA,QAClD,KACE,EAAA,KAAA,CAAM,MAAS,GAAA,CAAA,GACX,GAAG,aAAc,CAAA,CAAC,CAAI,GAAA,aAAA,CAAc,CAAC,CAAC,CAAA,CAAA,CAAA,GACtC,CAAG,EAAA,aAAA,CAAc,CAAC,CAAC,CAAA,CAAA;AAAA,OAC3B;AAAA,MACC,GAAG;AAAA;AAAA,GACN;AAEJ;;;;"}

package/dist-cjs/slider/internal/SliderThumb.js

@@ -1,7 +1,5 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var jsxRuntime = require('react/jsx-runtime');
 var core = require('@salt-ds/core');
 var clsx = require('clsx');
@@ -19,58 +17,64 @@ function SliderThumb(props) {
   const thumbValue = value[index];
   const thumbPosition = utils.getPercentage(min, max, thumbValue);
   const handlePointerOver = () => {
-    if (activeThumb === void 0 && index !== null)
-      setActiveThumb(index);
+    if (activeThumb === void 0 && index !== null) setActiveThumb(index);
   };
   const handleFocus = () => {
     setFocussed(true);
-    if (index !== null)
-      setActiveThumb(index);
+    if (index !== null) setActiveThumb(index);
   };
   const handleBlur = () => {
     setFocussed(false);
     setActiveThumb(void 0);
   };
   const showTooltip = focussed || activeThumb === index;
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", {
-    style: { left: `${thumbPosition}%` },
-    className: withBaseName("container"),
-    onPointerOver: handlePointerOver,
-    onFocus: handleFocus,
-    onBlur: handleBlur,
-    children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("div", {
-        className: clsx.clsx(withBaseName("tooltip"), {
-          [withBaseName("tooltip-visible")]: showTooltip
-        }),
-        "aria-expanded": showTooltip,
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsx("svg", {
-            className: withBaseName("tooltip-arrow"),
-            "aria-hidden": "true",
-            viewBox: "0 1 14 14",
-            children: /* @__PURE__ */ jsxRuntime.jsx("path", {
-              d: "M0,0 H14 L7,7 Q7,7 7,7 Z"
-            })
-          }),
-          /* @__PURE__ */ jsxRuntime.jsx(core.Label, {
-            children: value[index]
-          })
-        ]
-      }),
-      /* @__PURE__ */ jsxRuntime.jsx("div", {
-        className: withBaseName(),
-        onKeyDown,
-        role: "slider",
-        "aria-valuemin": min,
-        "aria-valuemax": max,
-        "aria-valuenow": index === 1 ? value[1] : value[0],
-        "aria-label": ariaLabel,
-        "aria-orientation": "horizontal",
-        tabIndex: 0
-      })
-    ]
-  });
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      style: { left: `${thumbPosition}%` },
+      className: withBaseName("container"),
+      onPointerOver: handlePointerOver,
+      onFocus: handleFocus,
+      onBlur: handleBlur,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          "div",
+          {
+            className: clsx.clsx(withBaseName("tooltip"), {
+              [withBaseName("tooltip-visible")]: showTooltip
+            }),
+            "aria-expanded": showTooltip,
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "svg",
+                {
+                  className: withBaseName("tooltip-arrow"),
+                  "aria-hidden": "true",
+                  viewBox: "0 1 14 14",
+                  children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M0,0 H14 L7,7 Q7,7 7,7 Z" })
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(core.Label, { children: value[index] })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "div",
+          {
+            className: withBaseName(),
+            onKeyDown,
+            role: "slider",
+            "aria-valuemin": min,
+            "aria-valuemax": max,
+            "aria-valuenow": index === 1 ? value[1] : value[0],
+            "aria-label": ariaLabel,
+            "aria-orientation": "horizontal",
+            tabIndex: 0
+          }
+        )
+      ]
+    }
+  );
 }
 
 exports.SliderThumb = SliderThumb;

package/dist-cjs/slider/internal/SliderThumb.js.map

@@ -1 +1 @@
-{"version":3,"file":"SliderThumb.js","sources":["../src/slider/internal/SliderThumb.tsx"],"sourcesContent":["import { Label, makePrefixer } from \"@salt-ds/core\";\nimport { clsx } from \"clsx\";\nimport { type ComponentPropsWithoutRef, useState } from \"react\";\nimport type { ActiveThumbIndex, ThumbIndex } from \"../types\";\nimport { useSliderContext } from \"./SliderContext\";\nimport { useKeyDownThumb } from \"./useKeyDownThumb\";\nimport { getPercentage } from \"./utils\";\n\nconst withBaseName = makePrefixer(\"saltSliderThumb\");\n\nexport interface SliderThumbProps extends ComponentPropsWithoutRef<\"div\"> {\n  index: ThumbIndex;\n  activeThumb: ActiveThumbIndex;\n  setActiveThumb: (index: ActiveThumbIndex) => void;\n}\n\nexport function SliderThumb(props: SliderThumbProps): JSX.Element {\n  const { index, activeThumb, setActiveThumb } = props;\n\n  const [focussed, setFocussed] = useState(false);\n\n  const { min, max, step, value, onChange, ariaLabel } = useSliderContext();\n\n  const onKeyDown = useKeyDownThumb(min, max, step, value, onChange, index);\n\n  const thumbValue = value[index];\n\n  const thumbPosition = getPercentage(min, max, thumbValue as number);\n\n  const handlePointerOver = () => {\n    if (activeThumb === undefined && index !== null) setActiveThumb(index);\n  };\n\n  const handleFocus = () => {\n    setFocussed(true);\n    if (index !== null) setActiveThumb(index);\n  };\n\n  const handleBlur = () => {\n    setFocussed(false);\n    setActiveThumb(undefined);\n  };\n\n  const showTooltip = focussed || activeThumb === index;\n\n  return (\n    <div\n      style={{ left: `${thumbPosition}%` }}\n      className={withBaseName(\"container\")}\n      onPointerOver={handlePointerOver}\n      onFocus={handleFocus}\n      onBlur={handleBlur}\n    >\n      <div\n        className={clsx(withBaseName(\"tooltip\"), {\n          [withBaseName(\"tooltip-visible\")]: showTooltip,\n        })}\n        aria-expanded={showTooltip}\n      >\n        <svg\n          className={withBaseName(\"tooltip-arrow\")}\n          aria-hidden=\"true\"\n          viewBox=\"0 1 14 14\"\n        >\n          <path d=\"M0,0 H14 L7,7 Q7,7 7,7 Z\" />\n        </svg>\n        <Label>{value[index]}</Label>\n      </div>\n      <div\n        className={withBaseName()}\n        onKeyDown={onKeyDown}\n        role=\"slider\"\n        aria-valuemin={min}\n        aria-valuemax={max}\n        aria-valuenow={index === 1 ? value[1] : value[0]}\n        aria-label={ariaLabel}\n        aria-orientation=\"horizontal\"\n        tabIndex={0}\n      />\n    </div>\n  );\n}\n"],"names":["makePrefixer","useState","useSliderContext","useKeyDownThumb","getPercentage","jsxs","clsx","jsx","Label"],"mappings":"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"}
+{"version":3,"file":"SliderThumb.js","sources":["../src/slider/internal/SliderThumb.tsx"],"sourcesContent":["import { Label, makePrefixer } from \"@salt-ds/core\";\nimport { clsx } from \"clsx\";\nimport { type ComponentPropsWithoutRef, useState } from \"react\";\nimport type { ActiveThumbIndex, ThumbIndex } from \"../types\";\nimport { useSliderContext } from \"./SliderContext\";\nimport { useKeyDownThumb } from \"./useKeyDownThumb\";\nimport { getPercentage } from \"./utils\";\n\nconst withBaseName = makePrefixer(\"saltSliderThumb\");\n\nexport interface SliderThumbProps extends ComponentPropsWithoutRef<\"div\"> {\n  index: ThumbIndex;\n  activeThumb: ActiveThumbIndex;\n  setActiveThumb: (index: ActiveThumbIndex) => void;\n}\n\nexport function SliderThumb(props: SliderThumbProps): JSX.Element {\n  const { index, activeThumb, setActiveThumb } = props;\n\n  const [focussed, setFocussed] = useState(false);\n\n  const { min, max, step, value, onChange, ariaLabel } = useSliderContext();\n\n  const onKeyDown = useKeyDownThumb(min, max, step, value, onChange, index);\n\n  const thumbValue = value[index];\n\n  const thumbPosition = getPercentage(min, max, thumbValue as number);\n\n  const handlePointerOver = () => {\n    if (activeThumb === undefined && index !== null) setActiveThumb(index);\n  };\n\n  const handleFocus = () => {\n    setFocussed(true);\n    if (index !== null) setActiveThumb(index);\n  };\n\n  const handleBlur = () => {\n    setFocussed(false);\n    setActiveThumb(undefined);\n  };\n\n  const showTooltip = focussed || activeThumb === index;\n\n  return (\n    <div\n      style={{ left: `${thumbPosition}%` }}\n      className={withBaseName(\"container\")}\n      onPointerOver={handlePointerOver}\n      onFocus={handleFocus}\n      onBlur={handleBlur}\n    >\n      <div\n        className={clsx(withBaseName(\"tooltip\"), {\n          [withBaseName(\"tooltip-visible\")]: showTooltip,\n        })}\n        aria-expanded={showTooltip}\n      >\n        <svg\n          className={withBaseName(\"tooltip-arrow\")}\n          aria-hidden=\"true\"\n          viewBox=\"0 1 14 14\"\n        >\n          <path d=\"M0,0 H14 L7,7 Q7,7 7,7 Z\" />\n        </svg>\n        <Label>{value[index]}</Label>\n      </div>\n      <div\n        className={withBaseName()}\n        onKeyDown={onKeyDown}\n        role=\"slider\"\n        aria-valuemin={min}\n        aria-valuemax={max}\n        aria-valuenow={index === 1 ? value[1] : value[0]}\n        aria-label={ariaLabel}\n        aria-orientation=\"horizontal\"\n        tabIndex={0}\n      />\n    </div>\n  );\n}\n"],"names":["makePrefixer","useState","useSliderContext","useKeyDownThumb","getPercentage","jsxs","clsx","jsx","Label"],"mappings":";;;;;;;;;;AAQA,MAAM,YAAA,GAAeA,kBAAa,iBAAiB,CAAA;AAQ5C,SAAS,YAAY,KAAsC,EAAA;AAChE,EAAA,MAAM,EAAE,KAAA,EAAO,WAAa,EAAA,cAAA,EAAmB,GAAA,KAAA;AAE/C,EAAA,MAAM,CAAC,QAAA,EAAU,WAAW,CAAA,GAAIC,eAAS,KAAK,CAAA;AAE9C,EAAM,MAAA,EAAE,KAAK,GAAK,EAAA,IAAA,EAAM,OAAO,QAAU,EAAA,SAAA,KAAcC,8BAAiB,EAAA;AAExE,EAAA,MAAM,YAAYC,+BAAgB,CAAA,GAAA,EAAK,KAAK,IAAM,EAAA,KAAA,EAAO,UAAU,KAAK,CAAA;AAExE,EAAM,MAAA,UAAA,GAAa,MAAM,KAAK,CAAA;AAE9B,EAAA,MAAM,aAAgB,GAAAC,mBAAA,CAAc,GAAK,EAAA,GAAA,EAAK,UAAoB,CAAA;AAElE,EAAA,MAAM,oBAAoB,MAAM;AAC9B,IAAA,IAAI,WAAgB,KAAA,KAAA,CAAA,IAAa,KAAU,KAAA,IAAA,iBAAqB,KAAK,CAAA;AAAA,GACvE;AAEA,EAAA,MAAM,cAAc,MAAM;AACxB,IAAA,WAAA,CAAY,IAAI,CAAA;AAChB,IAAI,IAAA,KAAA,KAAU,IAAM,EAAA,cAAA,CAAe,KAAK,CAAA;AAAA,GAC1C;AAEA,EAAA,MAAM,aAAa,MAAM;AACvB,IAAA,WAAA,CAAY,KAAK,CAAA;AACjB,IAAA,cAAA,CAAe,KAAS,CAAA,CAAA;AAAA,GAC1B;AAEA,EAAM,MAAA,WAAA,GAAc,YAAY,WAAgB,KAAA,KAAA;AAEhD,EACE,uBAAAC,eAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,KAAO,EAAA,EAAE,IAAM,EAAA,CAAA,EAAG,aAAa,CAAI,CAAA,CAAA,EAAA;AAAA,MACnC,SAAA,EAAW,aAAa,WAAW,CAAA;AAAA,MACnC,aAAe,EAAA,iBAAA;AAAA,MACf,OAAS,EAAA,WAAA;AAAA,MACT,MAAQ,EAAA,UAAA;AAAA,MAER,QAAA,EAAA;AAAA,wBAAAA,eAAA;AAAA,UAAC,KAAA;AAAA,UAAA;AAAA,YACC,SAAW,EAAAC,SAAA,CAAK,YAAa,CAAA,SAAS,CAAG,EAAA;AAAA,cACvC,CAAC,YAAA,CAAa,iBAAiB,CAAC,GAAG;AAAA,aACpC,CAAA;AAAA,YACD,eAAe,EAAA,WAAA;AAAA,YAEf,QAAA,EAAA;AAAA,8BAAAC,cAAA;AAAA,gBAAC,KAAA;AAAA,gBAAA;AAAA,kBACC,SAAA,EAAW,aAAa,eAAe,CAAA;AAAA,kBACvC,aAAY,EAAA,MAAA;AAAA,kBACZ,OAAQ,EAAA,WAAA;AAAA,kBAER,QAAA,kBAAAA,cAAA,CAAC,MAAK,EAAA,EAAA,CAAA,EAAE,0BAA2B,EAAA;AAAA;AAAA,eACrC;AAAA,8BACCA,cAAA,CAAAC,UAAA,EAAA,EAAO,QAAM,EAAA,KAAA,CAAA,KAAK,CAAE,EAAA;AAAA;AAAA;AAAA,SACvB;AAAA,wBACAD,cAAA;AAAA,UAAC,KAAA;AAAA,UAAA;AAAA,YACC,WAAW,YAAa,EAAA;AAAA,YACxB,SAAA;AAAA,YACA,IAAK,EAAA,QAAA;AAAA,YACL,eAAe,EAAA,GAAA;AAAA,YACf,eAAe,EAAA,GAAA;AAAA,YACf,iBAAe,KAAU,KAAA,CAAA,GAAI,MAAM,CAAC,CAAA,GAAI,MAAM,CAAC,CAAA;AAAA,YAC/C,YAAY,EAAA,SAAA;AAAA,YACZ,kBAAiB,EAAA,YAAA;AAAA,YACjB,QAAU,EAAA;AAAA;AAAA;AACZ;AAAA;AAAA,GACF;AAEJ;;;;"}