@salt-ds/lab 1.0.0-alpha.2 → 1.0.0-alpha.21

package/dist-cjs/packages/lab/src/checkbox/CheckboxGroup.js

@@ -1,57 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-var clsx = require('clsx');
-var React = require('react');
-var core = require('@salt-ds/core');
-var FormGroup = require('../form-group/FormGroup.js');
-var CheckboxGroupContext = require('./internal/CheckboxGroupContext.js');
-require('./CheckboxGroup.css.js');
-
-const classBase = "saltCheckboxGroup";
-const CheckboxGroup = React.forwardRef(function CheckboxGroup2({
-  checkedValues: checkedValuesProp,
-  defaultCheckedValues = [],
-  children,
-  className,
-  FormControlProps,
-  row,
-  name,
-  onChange,
-  ...other
-}, ref) {
-  const [checkedValues, setCheckedValues] = core.useControlled({
-    controlled: checkedValuesProp,
-    default: defaultCheckedValues,
-    name: "CheckboxGroup",
-    state: "checkedValues"
-  });
-  const handleChange = (event) => {
-    setCheckedValues((oldValues = []) => {
-      const name2 = event.target.value;
-      const isSelected = oldValues.includes(name2);
-      return isSelected ? oldValues.filter((value) => value !== name2) : oldValues.concat(name2);
-    });
-    onChange == null ? void 0 : onChange(event);
-  };
-  return /* @__PURE__ */ jsxRuntime.jsx(CheckboxGroupContext.CheckboxGroupContext.Provider, {
-    value: { name, onChange: handleChange, checkedValues },
-    children: /* @__PURE__ */ jsxRuntime.jsx("fieldset", {
-      className: clsx.clsx(classBase, {
-        [`${classBase}-horizontal`]: row
-      }),
-      ref,
-      children: /* @__PURE__ */ jsxRuntime.jsx(FormGroup.FormGroup, {
-        className: `${classBase}-formGroup`,
-        row,
-        ...other,
-        children
-      })
-    })
-  });
-});
-
-exports.CheckboxGroup = CheckboxGroup;
-//# sourceMappingURL=CheckboxGroup.js.map

package/dist-cjs/packages/lab/src/checkbox/CheckboxGroup.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CheckboxGroup.js","sources":["../src/checkbox/CheckboxGroup.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport {\n  ChangeEvent,\n  ChangeEventHandler,\n  forwardRef,\n  HTMLAttributes,\n  ReactNode,\n} from \"react\";\nimport { useControlled } from \"@salt-ds/core\";\nimport { FormGroup, FormGroupProps } from \"../form-group\";\nimport { CheckboxGroupContext } from \"./internal/CheckboxGroupContext\";\n\nimport \"./CheckboxGroup.css\";\n\nexport interface CheckboxGroupProps extends FormGroupProps {\n  /**\n   * The current checked options.\n   */\n  checkedValues?: string[];\n  /**\n   * The default selected options for un-controlled component.\n   */\n  defaultCheckedValues?: string[];\n  /**\n   * Props spread onto the FormControl component that wraps the checkboxes.\n   */\n  FormControlProps?: Partial<HTMLAttributes<HTMLFieldSetElement>>;\n  /**\n   * Props spread onto the legend.\n   */\n  LegendProps?: unknown;\n  /**\n   * The label for the group legend\n   */\n  legend?: ReactNode;\n  /**\n   * The name used to reference the value of the control.\n   */\n  name?: string;\n  /**\n   * Callback fired when a checkbox is clicked.\n   * `event.target.value` returns the value of the checkbox that was clicked.\n   */\n  onChange?: ChangeEventHandler<HTMLInputElement>;\n}\n\nconst classBase = \"saltCheckboxGroup\";\n\nexport const CheckboxGroup = forwardRef<\n  HTMLFieldSetElement,\n  CheckboxGroupProps\n>(function CheckboxGroup(\n  {\n    checkedValues: checkedValuesProp,\n    defaultCheckedValues = [],\n    children,\n    className,\n    FormControlProps,\n    row,\n    name,\n    onChange,\n    ...other\n  },\n  ref\n) {\n  const [checkedValues, setCheckedValues] = useControlled({\n    controlled: checkedValuesProp,\n    default: defaultCheckedValues,\n    name: \"CheckboxGroup\",\n    state: \"checkedValues\",\n  });\n\n  const handleChange = (event: ChangeEvent<HTMLInputElement>) => {\n    setCheckedValues((oldValues: string[] = []) => {\n      const name = event.target.value;\n      const isSelected = oldValues.includes(name);\n\n      return isSelected\n        ? oldValues.filter((value) => value !== name)\n        : oldValues.concat(name);\n    });\n\n    onChange?.(event);\n  };\n\n  return (\n    <CheckboxGroupContext.Provider\n      value={{ name, onChange: handleChange, checkedValues }}\n    >\n      <fieldset\n        className={clsx(classBase, {\n          [`${classBase}-horizontal`]: row,\n        })}\n        ref={ref}\n      >\n        <FormGroup className={`${classBase}-formGroup`} row={row} {...other}>\n          {children}\n        </FormGroup>\n      </fieldset>\n    </CheckboxGroupContext.Provider>\n  );\n});\n"],"names":["forwardRef","CheckboxGroup","useControlled","name","jsx","CheckboxGroupContext","clsx","FormGroup"],"mappings":";;;;;;;;;;;;AA8CA,MAAM,SAAY,GAAA,mBAAA,CAAA;AAEL,MAAA,aAAA,GAAgBA,gBAG3B,CAAA,SAASC,cACT,CAAA;AAAA,EACE,aAAe,EAAA,iBAAA;AAAA,EACf,uBAAuB,EAAC;AAAA,EACxB,QAAA;AAAA,EACA,SAAA;AAAA,EACA,gBAAA;AAAA,EACA,GAAA;AAAA,EACA,IAAA;AAAA,EACA,QAAA;AAAA,EACG,GAAA,KAAA;AACL,CAAA,EACA,GACA,EAAA;AACA,EAAA,MAAM,CAAC,aAAA,EAAe,gBAAgB,CAAA,GAAIC,kBAAc,CAAA;AAAA,IACtD,UAAY,EAAA,iBAAA;AAAA,IACZ,OAAS,EAAA,oBAAA;AAAA,IACT,IAAM,EAAA,eAAA;AAAA,IACN,KAAO,EAAA,eAAA;AAAA,GACR,CAAA,CAAA;AAED,EAAM,MAAA,YAAA,GAAe,CAAC,KAAyC,KAAA;AAC7D,IAAiB,gBAAA,CAAA,CAAC,SAAsB,GAAA,EAAO,KAAA;AAC7C,MAAMC,MAAAA,KAAAA,GAAO,MAAM,MAAO,CAAA,KAAA,CAAA;AAC1B,MAAM,MAAA,UAAA,GAAa,SAAU,CAAA,QAAA,CAASA,KAAI,CAAA,CAAA;AAE1C,MAAO,OAAA,UAAA,GACH,SAAU,CAAA,MAAA,CAAO,CAAC,KAAA,KAAU,UAAUA,KAAI,CAAA,GAC1C,SAAU,CAAA,MAAA,CAAOA,KAAI,CAAA,CAAA;AAAA,KAC1B,CAAA,CAAA;AAED,IAAW,QAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,QAAA,CAAA,KAAA,CAAA,CAAA;AAAA,GACb,CAAA;AAEA,EACE,uBAAAC,cAAA,CAACC,0CAAqB,QAArB,EAAA;AAAA,IACC,KAAO,EAAA,EAAE,IAAM,EAAA,QAAA,EAAU,cAAc,aAAc,EAAA;AAAA,IAErD,QAAC,kBAAAD,cAAA,CAAA,UAAA,EAAA;AAAA,MACC,SAAA,EAAWE,UAAK,SAAW,EAAA;AAAA,QACzB,CAAC,GAAG,SAAyB,CAAA,WAAA,CAAA,GAAA,GAAA;AAAA,OAC9B,CAAA;AAAA,MACD,GAAA;AAAA,MAEA,QAAC,kBAAAF,cAAA,CAAAG,mBAAA,EAAA;AAAA,QAAU,WAAW,CAAG,EAAA,SAAA,CAAA,UAAA,CAAA;AAAA,QAAuB,GAAA;AAAA,QAAW,GAAG,KAAA;AAAA,QAC3D,QAAA;AAAA,OACH,CAAA;AAAA,KACF,CAAA;AAAA,GACF,CAAA,CAAA;AAEJ,CAAC;;;;"}

package/dist-cjs/packages/lab/src/checkbox/CheckboxIcon.css.js

@@ -1,9 +0,0 @@
-'use strict';
-
-var styleInject_es = require('../../../../node_modules/style-inject/dist/style-inject.es.js');
-
-var css_248z = "/* Styles applied to root component */\n.salt-density-high {\n  --checkbox-size: 12px;\n  --checkbox-density-bar-y: 5px;\n  --checkbox-density-bar-height: 3px;\n}\n\n.salt-density-medium {\n  --checkbox-size: 14px;\n  --checkbox-density-bar-y: 6px;\n  --checkbox-density-bar-height: 2px;\n}\n\n.salt-density-low {\n  --checkbox-size: 16px;\n  --checkbox-density-bar-y: 6px;\n  --checkbox-density-bar-height: 2px;\n}\n\n.salt-density-touch {\n  --checkbox-size: 18px;\n  --checkbox-density-bar-y: 6px;\n  --checkbox-density-bar-height: 2px;\n}\n\n.saltCheckboxIcon {\n  --checkbox-borderWidth: var(--salt-size-border);\n  --checkbox-box-offset: calc(var(--checkbox-borderWidth) / 2);\n  --checkbox-height: calc(var(--checkbox-viewbox) - var(--checkbox-borderWidth));\n  --checkbox-icon-tick-fill: var(--saltCheckbox-icon-tick-color, var(--salt-selectable-primary-foreground-selected));\n  --checkbox-viewbox: 14px; /* do not change, matches value in svg viewBox */\n  --checkbox-width: calc(var(--checkbox-viewbox) - var(--checkbox-borderWidth));\n\n  fill: var(--saltCheckbox-icon-fill, var(--salt-selectable-background));\n  height: var(--saltCheckbox-icon-size, var(--checkbox-size));\n  stroke: var(--saltCheckbox-icon-stroke, var(--salt-selectable-borderColor));\n  stroke-width: var(--saltCheckbox-icon-strokeWidth, var(--salt-size-border));\n  width: var(--saltCheckbox-icon-size, var(--checkbox-size));\n}\n\n/* Styles applied to root component on hover */\n.saltCheckbox:hover .saltCheckboxIcon,\n.saltCheckboxIcon:hover {\n  stroke: var(--saltCheckbox-icon-stroke, var(--salt-selectable-borderColor));\n  stroke-width: var(--saltCheckbox-icon-strokeWidth-hover, var(--salt-size-border));\n}\n\n/* Styles applied if `disabled={true}` */\n.saltCheckboxIcon-disabled {\n  stroke: var(--saltCheckbox-icon-stroke-disabled, var(--salt-selectable-borderColor-disabled));\n  stroke-width: var(--saltCheckbox-icon-strokeWidth-disabled, var(--salt-size-border));\n}\n\n/* Styles applied if `disabled={true}` on hover */\n.saltCheckboxIcon.saltCheckboxIcon-disabled:hover,\n.saltCheckbox.saltCheckbox-disabled:hover .saltCheckboxIcon {\n  stroke: var(--saltCheckbox-icon-stroke-disabled, var(--salt-selectable-borderColor-disabled));\n  stroke-width: var(--saltCheckbox-icon-strokeWidth-disabled, var(--salt-size-border));\n}\n\n/* Styles applied if `checked={true}` */\n.saltCheckboxIcon-checked {\n  --checkbox-borderWidth: var(--saltCheckbox-icon-borderWidth-checked, 0px);\n\n  fill: var(--saltCheckbox-icon-fill-checked, var(--salt-selectable-borderColor-selected));\n}\n\n/* Styles applied if `checked={true}` and `disabled={true}` */\n.saltCheckboxIcon-checked.saltCheckboxIcon-disabled {\n  fill: var(--saltCheckbox-icon-fill-disabled, var(--salt-selectable-borderColor-selectedDisabled));\n}\n\n/* Styles applied to box */\n.saltCheckboxIcon-box {\n  height: var(--checkbox-height);\n  stroke-width: var(--checkbox-borderWidth);\n  width: var(--checkbox-width);\n  x: var(--checkbox-box-offset);\n  y: var(--checkbox-box-offset);\n}\n\n/* Styles applied to icon if `indeterminate={true}` */\n.saltCheckboxIcon-indeterminate {\n  --checkbox-icon-tick-fill: var(--saltCheckbox-icon-indeterminate-bar-color, var(--salt-selectable-foreground-partial));\n}\n\n/* Styles applied if `indeterminate={true}` and `disabled={true}` */\n.saltCheckboxIcon-disabled.saltCheckboxIcon-indeterminate {\n  --checkbox-icon-tick-fill: var(--saltCheckbox-icon-indeterminate-bar-color-disabled, var(--salt-selectable-foreground-partialDisabled));\n}\n\n/* Styles applied to tick */\n.saltCheckboxIcon-tick {\n  fill: var(--saltCheckbox-icon-tick-fill, var(--checkbox-icon-tick-fill));\n  stroke-width: 0;\n}\n\n/* Styles applied to tick if `indeterminate={true}` */\n.saltCheckboxIcon-indeterminate .saltCheckboxIcon-tick {\n  height: var(--saltCheckbox-icon-indeterminate-bar-height, var(--checkbox-density-bar-height));\n  y: var(--saltCheckbox-icon-indeterminate-bar-y, var(--checkbox-density-bar-y));\n}\n";
-styleInject_es(css_248z);
-
-module.exports = css_248z;
-//# sourceMappingURL=CheckboxIcon.css.js.map

package/dist-cjs/packages/lab/src/checkbox/CheckboxIcon.css.js.map

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

package/dist-cjs/packages/lab/src/checkbox/CheckboxIcon.js

@@ -1,33 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-var clsx = require('clsx');
-var core = require('@salt-ds/core');
-var CheckboxUncheckedIcon = require('./assets/CheckboxUncheckedIcon.js');
-var CheckboxCheckedIcon = require('./assets/CheckboxCheckedIcon.js');
-var CheckboxIndeterminateIcon = require('./assets/CheckboxIndeterminateIcon.js');
-require('./CheckboxIcon.css.js');
-
-const withBaseName = core.makePrefixer("saltCheckboxIcon");
-const CheckboxIcon = ({
-  checked = false,
-  className: classNameProp,
-  disabled,
-  indeterminate
-}) => {
-  const className = clsx.clsx(withBaseName(), classNameProp, {
-    [withBaseName("disabled")]: disabled
-  });
-  return indeterminate ? /* @__PURE__ */ jsxRuntime.jsx(CheckboxIndeterminateIcon.CheckboxIndeterminateIcon, {
-    className: clsx.clsx(className, withBaseName("indeterminate"))
-  }) : checked ? /* @__PURE__ */ jsxRuntime.jsx(CheckboxCheckedIcon.CheckboxCheckedIcon, {
-    className: clsx.clsx(className, withBaseName("checked"))
-  }) : /* @__PURE__ */ jsxRuntime.jsx(CheckboxUncheckedIcon.CheckboxUncheckedIcon, {
-    className
-  });
-};
-
-exports.CheckboxIcon = CheckboxIcon;
-//# sourceMappingURL=CheckboxIcon.js.map

package/dist-cjs/packages/lab/src/checkbox/CheckboxIcon.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CheckboxIcon.js","sources":["../src/checkbox/CheckboxIcon.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport { makePrefixer } from \"@salt-ds/core\";\nimport {\n  CheckboxUncheckedIcon,\n  CheckboxCheckedIcon,\n  CheckboxIndeterminateIcon,\n} from \"./assets\";\n\nimport \"./CheckboxIcon.css\";\n\nexport interface CheckboxIconProps {\n  checked?: boolean;\n  className?: string;\n  disabled?: boolean;\n  indeterminate?: boolean;\n}\n\nconst withBaseName = makePrefixer(\"saltCheckboxIcon\");\n\nexport const CheckboxIcon = ({\n  checked = false,\n  className: classNameProp,\n  disabled,\n  indeterminate,\n}: CheckboxIconProps): JSX.Element => {\n  const className = clsx(withBaseName(), classNameProp, {\n    [withBaseName(\"disabled\")]: disabled,\n  });\n  return indeterminate ? (\n    <CheckboxIndeterminateIcon\n      className={clsx(className, withBaseName(\"indeterminate\"))}\n    />\n  ) : checked ? (\n    <CheckboxCheckedIcon className={clsx(className, withBaseName(\"checked\"))} />\n  ) : (\n    <CheckboxUncheckedIcon className={className} />\n  );\n};\n"],"names":["makePrefixer","clsx","jsx","CheckboxIndeterminateIcon","CheckboxCheckedIcon","CheckboxUncheckedIcon"],"mappings":";;;;;;;;;;;;AAiBA,MAAM,YAAA,GAAeA,kBAAa,kBAAkB,CAAA,CAAA;AAE7C,MAAM,eAAe,CAAC;AAAA,EAC3B,OAAU,GAAA,KAAA;AAAA,EACV,SAAW,EAAA,aAAA;AAAA,EACX,QAAA;AAAA,EACA,aAAA;AACF,CAAsC,KAAA;AACpC,EAAA,MAAM,SAAY,GAAAC,SAAA,CAAK,YAAa,EAAA,EAAG,aAAe,EAAA;AAAA,IACpD,CAAC,YAAa,CAAA,UAAU,CAAI,GAAA,QAAA;AAAA,GAC7B,CAAA,CAAA;AACD,EAAA,OAAO,gCACJC,cAAA,CAAAC,mDAAA,EAAA;AAAA,IACC,SAAW,EAAAF,SAAA,CAAK,SAAW,EAAA,YAAA,CAAa,eAAe,CAAC,CAAA;AAAA,GAC1D,CAAA,GACE,0BACDC,cAAA,CAAAE,uCAAA,EAAA;AAAA,IAAoB,SAAW,EAAAH,SAAA,CAAK,SAAW,EAAA,YAAA,CAAa,SAAS,CAAC,CAAA;AAAA,GAAG,oBAEzEC,cAAA,CAAAG,2CAAA,EAAA;AAAA,IAAsB,SAAA;AAAA,GAAsB,CAAA,CAAA;AAEjD;;;;"}

package/dist-cjs/packages/lab/src/checkbox/assets/CheckboxCheckedIcon.js

@@ -1,33 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-
-function CheckboxCheckedIcon({
-  className
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx("svg", {
-    "aria-hidden": "true",
-    className,
-    focusable: "false",
-    shapeRendering: "geometricPrecision",
-    viewBox: "0 0 14 14",
-    children: /* @__PURE__ */ jsxRuntime.jsxs("g", {
-      fillRule: "evenodd",
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx("rect", {
-          className: `saltCheckboxIcon-box`
-        }),
-        /* @__PURE__ */ jsxRuntime.jsx("polygon", {
-          className: `saltCheckboxIcon-tick`,
-          fillRule: "nonzero",
-          points: "12 4.22226066 10.6259221 3 5.58277771 8.37894955 3.3179086 6.13993399 2 7.40754746 5.63993779 11"
-        })
-      ]
-    })
-  });
-}
-
-exports.CheckboxCheckedIcon = CheckboxCheckedIcon;
-//# sourceMappingURL=CheckboxCheckedIcon.js.map

package/dist-cjs/packages/lab/src/checkbox/assets/CheckboxCheckedIcon.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CheckboxCheckedIcon.js","sources":["../src/checkbox/assets/CheckboxCheckedIcon.tsx"],"sourcesContent":["export function CheckboxCheckedIcon({\n  className,\n}: {\n  className: string;\n}): JSX.Element {\n  return (\n    <svg\n      aria-hidden=\"true\"\n      className={className}\n      focusable=\"false\"\n      shapeRendering=\"geometricPrecision\"\n      viewBox=\"0 0 14 14\"\n    >\n      <g fillRule=\"evenodd\">\n        <rect className={`saltCheckboxIcon-box`} />\n        <polygon\n          className={`saltCheckboxIcon-tick`}\n          fillRule=\"nonzero\"\n          points=\"12 4.22226066 10.6259221 3 5.58277771 8.37894955 3.3179086 6.13993399 2 7.40754746 5.63993779 11\"\n        />\n      </g>\n    </svg>\n  );\n}\n"],"names":["jsx","jsxs"],"mappings":";;;;;;AAAO,SAAS,mBAAoB,CAAA;AAAA,EAClC,SAAA;AACF,CAEgB,EAAA;AACd,EAAA,uBACGA,cAAA,CAAA,KAAA,EAAA;AAAA,IACC,aAAY,EAAA,MAAA;AAAA,IACZ,SAAA;AAAA,IACA,SAAU,EAAA,OAAA;AAAA,IACV,cAAe,EAAA,oBAAA;AAAA,IACf,OAAQ,EAAA,WAAA;AAAA,IAER,QAAC,kBAAAC,eAAA,CAAA,GAAA,EAAA;AAAA,MAAE,QAAS,EAAA,SAAA;AAAA,MACV,QAAA,EAAA;AAAA,wBAACD,cAAA,CAAA,MAAA,EAAA;AAAA,UAAK,SAAW,EAAA,CAAA,oBAAA,CAAA;AAAA,SAAwB,CAAA;AAAA,wBACxCA,cAAA,CAAA,SAAA,EAAA;AAAA,UACC,SAAW,EAAA,CAAA,qBAAA,CAAA;AAAA,UACX,QAAS,EAAA,SAAA;AAAA,UACT,MAAO,EAAA,kGAAA;AAAA,SACT,CAAA;AAAA,OAAA;AAAA,KACF,CAAA;AAAA,GACF,CAAA,CAAA;AAEJ;;;;"}

package/dist-cjs/packages/lab/src/checkbox/assets/CheckboxIndeterminateIcon.js

@@ -1,37 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-
-function CheckboxIndeterminateIcon({
-  className
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx("svg", {
-    "aria-hidden": "true",
-    className,
-    focusable: "false",
-    shapeRendering: "geometricPrecision",
-    viewBox: "0 0 14 14",
-    children: /* @__PURE__ */ jsxRuntime.jsxs("g", {
-      fillRule: "evenodd",
-      strokeWidth: "1",
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx("rect", {
-          className: `saltCheckboxIcon-box`
-        }),
-        /* @__PURE__ */ jsxRuntime.jsx("rect", {
-          className: `saltCheckboxIcon-tick`,
-          height: "2",
-          strokeWidth: "0",
-          width: "8",
-          x: "3",
-          y: "6"
-        })
-      ]
-    })
-  });
-}
-
-exports.CheckboxIndeterminateIcon = CheckboxIndeterminateIcon;
-//# sourceMappingURL=CheckboxIndeterminateIcon.js.map

package/dist-cjs/packages/lab/src/checkbox/assets/CheckboxIndeterminateIcon.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CheckboxIndeterminateIcon.js","sources":["../src/checkbox/assets/CheckboxIndeterminateIcon.tsx"],"sourcesContent":["export function CheckboxIndeterminateIcon({\n  className,\n}: {\n  className: string;\n}): JSX.Element {\n  return (\n    <svg\n      aria-hidden=\"true\"\n      className={className}\n      focusable=\"false\"\n      shapeRendering=\"geometricPrecision\"\n      viewBox=\"0 0 14 14\"\n    >\n      <g fillRule=\"evenodd\" strokeWidth=\"1\">\n        <rect className={`saltCheckboxIcon-box`} />\n        <rect\n          className={`saltCheckboxIcon-tick`}\n          height=\"2\"\n          strokeWidth=\"0\"\n          width=\"8\"\n          x=\"3\"\n          y=\"6\"\n        />\n      </g>\n    </svg>\n  );\n}\n"],"names":["jsx","jsxs"],"mappings":";;;;;;AAAO,SAAS,yBAA0B,CAAA;AAAA,EACxC,SAAA;AACF,CAEgB,EAAA;AACd,EAAA,uBACGA,cAAA,CAAA,KAAA,EAAA;AAAA,IACC,aAAY,EAAA,MAAA;AAAA,IACZ,SAAA;AAAA,IACA,SAAU,EAAA,OAAA;AAAA,IACV,cAAe,EAAA,oBAAA;AAAA,IACf,OAAQ,EAAA,WAAA;AAAA,IAER,QAAC,kBAAAC,eAAA,CAAA,GAAA,EAAA;AAAA,MAAE,QAAS,EAAA,SAAA;AAAA,MAAU,WAAY,EAAA,GAAA;AAAA,MAChC,QAAA,EAAA;AAAA,wBAACD,cAAA,CAAA,MAAA,EAAA;AAAA,UAAK,SAAW,EAAA,CAAA,oBAAA,CAAA;AAAA,SAAwB,CAAA;AAAA,wBACxCA,cAAA,CAAA,MAAA,EAAA;AAAA,UACC,SAAW,EAAA,CAAA,qBAAA,CAAA;AAAA,UACX,MAAO,EAAA,GAAA;AAAA,UACP,WAAY,EAAA,GAAA;AAAA,UACZ,KAAM,EAAA,GAAA;AAAA,UACN,CAAE,EAAA,GAAA;AAAA,UACF,CAAE,EAAA,GAAA;AAAA,SACJ,CAAA;AAAA,OAAA;AAAA,KACF,CAAA;AAAA,GACF,CAAA,CAAA;AAEJ;;;;"}

package/dist-cjs/packages/lab/src/checkbox/assets/CheckboxUncheckedIcon.js

@@ -1,26 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-
-function CheckboxUncheckedIcon({
-  className
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx("svg", {
-    "aria-hidden": "true",
-    className,
-    focusable: "false",
-    shapeRendering: "geometricPrecision",
-    viewBox: "0 0 14 14",
-    children: /* @__PURE__ */ jsxRuntime.jsx("g", {
-      fillRule: "evenodd",
-      children: /* @__PURE__ */ jsxRuntime.jsx("rect", {
-        className: `saltCheckboxIcon-box`
-      })
-    })
-  });
-}
-
-exports.CheckboxUncheckedIcon = CheckboxUncheckedIcon;
-//# sourceMappingURL=CheckboxUncheckedIcon.js.map

package/dist-cjs/packages/lab/src/checkbox/assets/CheckboxUncheckedIcon.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CheckboxUncheckedIcon.js","sources":["../src/checkbox/assets/CheckboxUncheckedIcon.tsx"],"sourcesContent":["export function CheckboxUncheckedIcon({\n  className,\n}: {\n  className: string;\n}): JSX.Element {\n  return (\n    <svg\n      aria-hidden=\"true\"\n      className={className}\n      focusable=\"false\"\n      shapeRendering=\"geometricPrecision\"\n      viewBox=\"0 0 14 14\"\n    >\n      <g fillRule=\"evenodd\">\n        <rect className={`saltCheckboxIcon-box`} />\n      </g>\n    </svg>\n  );\n}\n"],"names":["jsx"],"mappings":";;;;;;AAAO,SAAS,qBAAsB,CAAA;AAAA,EACpC,SAAA;AACF,CAEgB,EAAA;AACd,EAAA,uBACGA,cAAA,CAAA,KAAA,EAAA;AAAA,IACC,aAAY,EAAA,MAAA;AAAA,IACZ,SAAA;AAAA,IACA,SAAU,EAAA,OAAA;AAAA,IACV,cAAe,EAAA,oBAAA;AAAA,IACf,OAAQ,EAAA,WAAA;AAAA,IAER,QAAC,kBAAAA,cAAA,CAAA,GAAA,EAAA;AAAA,MAAE,QAAS,EAAA,SAAA;AAAA,MACV,QAAC,kBAAAA,cAAA,CAAA,MAAA,EAAA;AAAA,QAAK,SAAW,EAAA,CAAA,oBAAA,CAAA;AAAA,OAAwB,CAAA;AAAA,KAC3C,CAAA;AAAA,GACF,CAAA,CAAA;AAEJ;;;;"}

package/dist-cjs/packages/lab/src/checkbox/internal/CheckboxGroupContext.js

@@ -1,13 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-
-const CheckboxGroupContext = React.createContext(null);
-if (process.env.NODE_ENV !== "production") {
-  CheckboxGroupContext.displayName = "CheckboxGroupContext";
-}
-
-exports.CheckboxGroupContext = CheckboxGroupContext;
-//# sourceMappingURL=CheckboxGroupContext.js.map

package/dist-cjs/packages/lab/src/checkbox/internal/CheckboxGroupContext.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CheckboxGroupContext.js","sources":["../src/checkbox/internal/CheckboxGroupContext.ts"],"sourcesContent":["import { createContext } from \"react\";\nimport { CheckboxGroupProps } from \"../CheckboxGroup\";\n\ninterface CheckboxGroupState {\n  name: CheckboxGroupProps[\"name\"];\n  onChange: CheckboxGroupProps[\"onChange\"];\n  checkedValues: CheckboxGroupProps[\"checkedValues\"];\n}\n\nconst CheckboxGroupContext = createContext<CheckboxGroupState | null>(null);\n\nif (process.env.NODE_ENV !== \"production\") {\n  CheckboxGroupContext.displayName = \"CheckboxGroupContext\";\n}\n\nexport { CheckboxGroupContext };\n"],"names":["createContext"],"mappings":";;;;;;AASM,MAAA,oBAAA,GAAuBA,oBAAyC,IAAI,EAAA;AAE1E,IAAI,OAAA,CAAQ,GAAI,CAAA,QAAA,KAAa,YAAc,EAAA;AACzC,EAAA,oBAAA,CAAqB,WAAc,GAAA,sBAAA,CAAA;AACrC;;;;"}

package/dist-cjs/packages/lab/src/color-chooser/AlphaInputField.js

@@ -1,69 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-var clsx = require('clsx');
-var React = require('react');
-var core = require('@salt-ds/core');
-var Input = require('../input/Input.js');
-require('../input/StaticInputAdornment.js');
-require('./RGBAInput.css.js');
-
-const withBaseName = core.makePrefixer("saltColorChooser");
-const AlphaInput = ({
-  alphaValue,
-  onSubmit,
-  showAsOpacity = false
-}) => {
-  const [alphaInputValue, setAlphaInputValue] = React.useState(
-    !isNaN(alphaValue) ? alphaValue.toString() : ""
-  );
-  React.useEffect(() => {
-    setAlphaInputValue(!isNaN(alphaValue) ? alphaValue.toString() : "");
-  }, [alphaValue]);
-  const handleAlphaInputChange = (event, value) => {
-    value = value.replace("%", "");
-    let alpha = value;
-    if (value.trim() === "" || Number.isNaN(value)) {
-      alpha = "";
-    }
-    if (showAsOpacity && Number.parseFloat(value)) {
-      alpha = (parseFloat(value) / 100).toString();
-    }
-    if (value.charAt(1) === "." || value.charAt(0) === ".") {
-      alpha = value;
-    }
-    setAlphaInputValue(alpha);
-  };
-  const handleKeyDownAlpha = (e) => {
-    if (e.key === "Enter") {
-      const alpha = alphaInputValue.trim().replace("%", "") !== "" ? parseFloat(alphaInputValue) : 0;
-      const validatedAlpha = Math.max(0, Math.min(alpha, 1));
-      setAlphaInputValue(validatedAlpha.toString());
-      onSubmit(validatedAlpha);
-    }
-  };
-  const handleOnBlurAlpha = (e) => {
-    const alpha = alphaInputValue.trim() !== "" ? parseFloat(alphaInputValue) : 0;
-    const validatedAlpha = Math.max(0, Math.min(alpha, 1));
-    setAlphaInputValue(validatedAlpha.toString());
-    onSubmit(validatedAlpha, e);
-  };
-  return /* @__PURE__ */ jsxRuntime.jsx(Input.Input, {
-    inputProps: {
-      "data-testid": "a-input"
-    },
-    className: clsx.clsx({
-      [withBaseName("rgbaInput")]: !showAsOpacity,
-      [withBaseName("opacityInput")]: showAsOpacity
-    }),
-    value: showAsOpacity ? alphaInputValue ? (parseFloat(alphaInputValue) * 100).toString() + "%" : "%" : alphaInputValue,
-    onChange: handleAlphaInputChange,
-    onBlur: handleOnBlurAlpha,
-    onKeyDown: handleKeyDownAlpha
-  });
-};
-
-exports.AlphaInput = AlphaInput;
-//# sourceMappingURL=AlphaInputField.js.map

package/dist-cjs/packages/lab/src/color-chooser/AlphaInputField.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AlphaInputField.js","sources":["../src/color-chooser/AlphaInputField.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport { useState, useEffect } from \"react\";\nimport { makePrefixer } from \"@salt-ds/core\";\nimport { Input } from \"../input\";\n\nimport \"./RGBAInput.css\";\n\nconst withBaseName = makePrefixer(\"saltColorChooser\");\n\ninterface AlphaInputProps {\n  alphaValue: number;\n  showAsOpacity?: boolean;\n  onSubmit: (alpha: number, e?: React.ChangeEvent) => void;\n}\n\nexport const AlphaInput = ({\n  alphaValue,\n  onSubmit,\n  showAsOpacity = false,\n}: AlphaInputProps): JSX.Element => {\n  const [alphaInputValue, setAlphaInputValue] = useState<string>(\n    !isNaN(alphaValue) ? alphaValue.toString() : \"\"\n  );\n\n  useEffect(() => {\n    setAlphaInputValue(!isNaN(alphaValue) ? alphaValue.toString() : \"\");\n  }, [alphaValue]);\n\n  const handleAlphaInputChange = (\n    event: React.ChangeEvent<HTMLInputElement>,\n    value: string\n  ): void => {\n    value = value.replace(\"%\", \"\");\n    let alpha: string = value;\n\n    if (value.trim() === \"\" || Number.isNaN(value)) {\n      alpha = \"\";\n    }\n\n    if (showAsOpacity && Number.parseFloat(value)) {\n      alpha = (parseFloat(value) / 100).toString();\n    }\n\n    if (value.charAt(1) === \".\" || value.charAt(0) === \".\") {\n      alpha = value;\n    }\n\n    setAlphaInputValue(alpha);\n  };\n\n  const handleKeyDownAlpha = (\n    e: React.KeyboardEvent<HTMLInputElement>\n  ): void => {\n    if (e.key === \"Enter\") {\n      const alpha =\n        alphaInputValue.trim().replace(\"%\", \"\") !== \"\"\n          ? parseFloat(alphaInputValue)\n          : 0;\n      const validatedAlpha = Math.max(0, Math.min(alpha, 1));\n      setAlphaInputValue(validatedAlpha.toString());\n      onSubmit(validatedAlpha);\n    }\n  };\n\n  const handleOnBlurAlpha = (e: React.FocusEvent<HTMLInputElement>): void => {\n    // Guard against parseFloat('') becoming NaN\n    const alpha =\n      alphaInputValue.trim() !== \"\" ? parseFloat(alphaInputValue) : 0;\n\n    const validatedAlpha = Math.max(0, Math.min(alpha, 1));\n    setAlphaInputValue(validatedAlpha.toString());\n    onSubmit(validatedAlpha, e);\n  };\n\n  return (\n    <Input\n      inputProps={{\n        // @ts-ignore\n        \"data-testid\": \"a-input\",\n      }}\n      className={clsx({\n        [withBaseName(\"rgbaInput\")]: !showAsOpacity,\n        [withBaseName(\"opacityInput\")]: showAsOpacity,\n      })}\n      value={\n        showAsOpacity\n          ? alphaInputValue\n            ? (parseFloat(alphaInputValue) * 100).toString() + \"%\"\n            : \"%\"\n          : alphaInputValue\n      }\n      onChange={handleAlphaInputChange}\n      onBlur={handleOnBlurAlpha}\n      onKeyDown={handleKeyDownAlpha}\n    />\n  );\n};\n"],"names":["makePrefixer","useState","useEffect","jsx","Input","clsx"],"mappings":"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"}

package/dist-cjs/packages/lab/src/color-chooser/Color.js

@@ -1,48 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var tinycolor = require('tinycolor2');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var tinycolor__default = /*#__PURE__*/_interopDefaultLegacy(tinycolor);
-
-class Color {
-  constructor() {
-    this.color = tinycolor__default["default"]();
-  }
-  get hex() {
-    return this.color.getAlpha() === 1 ? this.color.toHexString() : this.color.toHex8String();
-  }
-  get rgba() {
-    return {
-      r: this.color.toRgb().r,
-      g: this.color.toRgb().g,
-      b: this.color.toRgb().b,
-      a: this.color.toRgb().a
-    };
-  }
-  static makeColorFromHex(hexValue) {
-    const colorObj = new Color();
-    colorObj.color = tinycolor__default["default"](hexValue);
-    if (colorObj.color.isValid()) {
-      return colorObj;
-    } else {
-      return void 0;
-    }
-  }
-  static makeColorFromRGB(r, g, b, a) {
-    const colorObj = new Color();
-    colorObj.color = tinycolor__default["default"]({ r, g, b, a });
-    return colorObj;
-  }
-  setAlpha(alpha) {
-    const colorObj = new Color();
-    colorObj.color = this.color.setAlpha(alpha);
-    return colorObj;
-  }
-}
-
-exports.Color = Color;
-//# sourceMappingURL=Color.js.map

package/dist-cjs/packages/lab/src/color-chooser/Color.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Color.js","sources":["../src/color-chooser/Color.ts"],"sourcesContent":["import tinycolor from \"tinycolor2\";\n\nexport type RGBAValue = {\n  r: number;\n  b: number;\n  g: number;\n  a: number;\n};\n\nexport class Color {\n  private color: tinycolor.Instance = tinycolor();\n\n  public get hex(): string {\n    return this.color.getAlpha() === 1\n      ? this.color.toHexString()\n      : this.color.toHex8String();\n  }\n\n  public get rgba(): RGBAValue {\n    return {\n      r: this.color.toRgb().r,\n      g: this.color.toRgb().g,\n      b: this.color.toRgb().b,\n      a: this.color.toRgb().a,\n    };\n  }\n\n  static makeColorFromHex(hexValue: string | undefined): Color | undefined {\n    const colorObj = new Color();\n    colorObj.color = tinycolor(hexValue);\n\n    if (colorObj.color.isValid()) {\n      return colorObj;\n    } else {\n      return undefined;\n    }\n  }\n\n  static makeColorFromRGB(r: number, g: number, b: number, a?: number): Color {\n    const colorObj = new Color();\n    colorObj.color = tinycolor({ r: r, g: g, b: b, a: a });\n    return colorObj;\n  }\n\n  setAlpha(alpha: number): Color {\n    const colorObj = new Color();\n    colorObj.color = this.color.setAlpha(alpha);\n    return colorObj;\n  }\n}\n"],"names":["tinycolor"],"mappings":";;;;;;;;;;AASO,MAAM,KAAM,CAAA;AAAA,EAAZ,WAAA,GAAA;AACL,IAAA,IAAA,CAAQ,QAA4BA,6BAAU,EAAA,CAAA;AAAA,GAAA;AAAA,EAE9C,IAAW,GAAc,GAAA;AACvB,IAAO,OAAA,IAAA,CAAK,KAAM,CAAA,QAAA,EAAe,KAAA,CAAA,GAC7B,IAAK,CAAA,KAAA,CAAM,WAAY,EAAA,GACvB,IAAK,CAAA,KAAA,CAAM,YAAa,EAAA,CAAA;AAAA,GAC9B;AAAA,EAEA,IAAW,IAAkB,GAAA;AAC3B,IAAO,OAAA;AAAA,MACL,CAAG,EAAA,IAAA,CAAK,KAAM,CAAA,KAAA,EAAQ,CAAA,CAAA;AAAA,MACtB,CAAG,EAAA,IAAA,CAAK,KAAM,CAAA,KAAA,EAAQ,CAAA,CAAA;AAAA,MACtB,CAAG,EAAA,IAAA,CAAK,KAAM,CAAA,KAAA,EAAQ,CAAA,CAAA;AAAA,MACtB,CAAG,EAAA,IAAA,CAAK,KAAM,CAAA,KAAA,EAAQ,CAAA,CAAA;AAAA,KACxB,CAAA;AAAA,GACF;AAAA,EAEA,OAAO,iBAAiB,QAAiD,EAAA;AACvE,IAAM,MAAA,QAAA,GAAW,IAAI,KAAM,EAAA,CAAA;AAC3B,IAAS,QAAA,CAAA,KAAA,GAAQA,8BAAU,QAAQ,CAAA,CAAA;AAEnC,IAAI,IAAA,QAAA,CAAS,KAAM,CAAA,OAAA,EAAW,EAAA;AAC5B,MAAO,OAAA,QAAA,CAAA;AAAA,KACF,MAAA;AACL,MAAO,OAAA,KAAA,CAAA,CAAA;AAAA,KACT;AAAA,GACF;AAAA,EAEA,OAAO,gBAAA,CAAiB,CAAW,EAAA,CAAA,EAAW,GAAW,CAAmB,EAAA;AAC1E,IAAM,MAAA,QAAA,GAAW,IAAI,KAAM,EAAA,CAAA;AAC3B,IAAA,QAAA,CAAS,QAAQA,6BAAU,CAAA,EAAE,GAAM,CAAM,EAAA,CAAA,EAAM,GAAM,CAAA,CAAA;AACrD,IAAO,OAAA,QAAA,CAAA;AAAA,GACT;AAAA,EAEA,SAAS,KAAsB,EAAA;AAC7B,IAAM,MAAA,QAAA,GAAW,IAAI,KAAM,EAAA,CAAA;AAC3B,IAAA,QAAA,CAAS,KAAQ,GAAA,IAAA,CAAK,KAAM,CAAA,QAAA,CAAS,KAAK,CAAA,CAAA;AAC1C,IAAO,OAAA,QAAA,CAAA;AAAA,GACT;AACF;;;;"}

package/dist-cjs/packages/lab/src/color-chooser/ColorChooser.css.js

@@ -1,9 +0,0 @@
-'use strict';
-
-var styleInject_es = require('../../../../node_modules/style-inject/dist/style-inject.es.js');
-
-var css_248z = ".saltColorChooser-overlayButtonSwatch {\n  margin-right: 10px;\n  height: calc(2 * var(--salt-size-unit));\n  width: calc(2 * var(--salt-size-unit));\n}\n\n.saltColorChooser-overlayButtonSwatchWithBorder {\n  border: 0.2px solid var(--salt-editable-borderColor);\n}\n\n.saltColorChooser-overlayButtonSwatchTransparent {\n  height: calc(3 * var(--salt-size-unit) - 2px) !important;\n  width: calc(3 * var(--salt-size-unit) - 2px) !important;\n  border: 1px solid var(--salt-differential-negative-foreground);\n  /* RGBA using red-700 */\n  background: linear-gradient(\n    to top left,\n    rgba(166, 21, 11, 0) 0%,\n    rgba(166, 21, 11, 0) calc(50% - 0.8px),\n    rgba(166, 21, 11, 1) 50%,\n    rgba(166, 21, 11, 0) calc(50% + 0.8px),\n    rgba(166, 21, 11, 0) 100%\n  );\n}\n\n.saltColorChooser-overlayButtonText {\n  font-weight: var(--salt-text-fontWeight);\n  font-family: var(--saltButton-fontFamily, var(--salt-text-fontFamily));\n  font-size: var(--salt-text-fontSize);\n  letter-spacing: normal;\n}\n\n.saltColorChooser-overlayButton {\n  background: transparent;\n  text-transform: none;\n  justify-content: flex-start;\n}\n\n.saltColorChooser-overlayButtonHiddenLabel {\n  width: calc(var(--salt-size-unit) * 3);\n  display: contents;\n}\n\n.saltColorChooser-overlayButtonClose {\n  margin: 5px;\n}\n\n.saltColorChooser-defaultButton {\n  float: right;\n  background: transparent;\n  padding: 6px 2px 6px 2px;\n  height: var(--salt-size-stackable);\n}\n\n.saltColorChooser-defaultButton {\n  border-bottom: var(--salt-size-border) var(--salt-editable-borderStyle) var(--salt-editable-borderColor);\n}\n\n.saltColorChooser-overlayContent {\n  max-width: 100%;\n}\n\n.saltColorChooser-refreshIcon {\n  padding-right: 5px;\n}\n";
-styleInject_es(css_248z);
-
-module.exports = css_248z;
-//# sourceMappingURL=ColorChooser.css.js.map

package/dist-cjs/packages/lab/src/color-chooser/ColorChooser.css.js.map

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

package/dist-cjs/packages/lab/src/color-chooser/ColorChooser.js

@@ -1,161 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
-var clsx = require('clsx');
-var Overlay = require('../overlay/Overlay.js');
-var useOverlay = require('../overlay/useOverlay.js');
-var core = require('@salt-ds/core');
-var icons = require('@salt-ds/icons');
-var colorUtils = require('./color-utils.js');
-var ColorHelpers = require('./ColorHelpers.js');
-var colorMap = require('./colorMap.js');
-var DictTabs = require('./DictTabs.js');
-var GetColorPalettes = require('./GetColorPalettes.js');
-var createTabsMapping = require('./createTabsMapping.js');
-require('./ColorChooser.css.js');
-
-const withBaseName = core.makePrefixer("saltColorChooser");
-function getActiveTab(hexValue, tabs, saltColorOverrides) {
-  if (tabs["Swatches"] && tabs["Color Picker"]) {
-    const hexNoAlpha = ColorHelpers.hexValueWithoutAlpha(hexValue);
-    const colors = saltColorOverrides != null ? saltColorOverrides : colorMap.saltColorMap;
-    if (hexNoAlpha && !Object.keys(colors).find(
-      (key) => {
-        var _a;
-        return ((_a = ColorHelpers.convertColorMapValueToHex(colors[key])) == null ? void 0 : _a.toLowerCase()) === (hexNoAlpha == null ? void 0 : hexNoAlpha.toLowerCase());
-      }
-    )) {
-      return 1;
-    }
-  }
-  return 0;
-}
-const ColorChooser = ({
-  onClear,
-  onSelect,
-  color,
-  showSwatches = true,
-  showColorPicker = true,
-  defaultAlpha = 1,
-  disableAlphaChooser = false,
-  hideLabel = false,
-  placeholder,
-  buttonProps,
-  saltColorOverrides,
-  readOnly = false,
-  displayHexOnly = false
-}) => {
-  var _a, _b, _c;
-  const [open, setOpen] = React.useState(false);
-  const allColors = saltColorOverrides ? GetColorPalettes.getColorPalettes(saltColorOverrides) : GetColorPalettes.getColorPalettes();
-  const displayColorName = displayHexOnly ? ColorHelpers.getHexValue(color == null ? void 0 : color.hex, disableAlphaChooser) : ColorHelpers.getColorNameByHexValue(
-    color == null ? void 0 : color.hex,
-    disableAlphaChooser,
-    saltColorOverrides
-  );
-  const handleOpenChange = (open2) => setOpen(open2);
-  const alphaForTabs = colorUtils.isTransparent(color == null ? void 0 : color.hex) ? defaultAlpha : (_b = (_a = color == null ? void 0 : color.rgba) == null ? void 0 : _a.a) != null ? _b : defaultAlpha;
-  const tabsMapping = createTabsMapping.createTabsMapping({
-    swatches: showSwatches,
-    colorPicker: showColorPicker,
-    disableAlphaChooser,
-    allColors,
-    color,
-    alpha: alphaForTabs,
-    handleColorChange: onSelect,
-    displayColorName,
-    placeholder,
-    onDialogClosed: () => {
-      setOpen(false);
-    }
-  });
-  const [activeTab, setActiveTab] = React.useState(
-    getActiveTab(color == null ? void 0 : color.hex, tabsMapping, saltColorOverrides)
-  );
-  const onDefaultSelected = () => {
-    if (activeTab === 0 && showSwatches) {
-      onClear();
-      handleOpenChange(false);
-    } else {
-      onClear();
-    }
-  };
-  const onTabClick = (index) => {
-    setActiveTab(index);
-  };
-  const { getTriggerProps, getOverlayProps } = useOverlay.useOverlay({
-    placement: "bottom",
-    open,
-    onOpenChange: handleOpenChange
-  });
-  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, {
-    children: [
-      /* @__PURE__ */ jsxRuntime.jsxs(core.Button, {
-        ...getTriggerProps({
-          className: clsx.clsx(withBaseName("overlayButton"), {
-            [withBaseName("overlayButtonHiddenLabel")]: hideLabel
-          }),
-          "data-testid": "color-chooser-overlay-button",
-          disabled: readOnly,
-          ...buttonProps
-        }),
-        children: [
-          color && /* @__PURE__ */ jsxRuntime.jsx("div", {
-            className: clsx.clsx(withBaseName("overlayButtonSwatch"), {
-              [withBaseName("overlayButtonSwatchWithBorder")]: color == null ? void 0 : color.hex.startsWith("#ffffff"),
-              [withBaseName("overlayButtonSwatchTransparent")]: colorUtils.isTransparent(
-                color == null ? void 0 : color.hex
-              )
-            }),
-            style: {
-              backgroundColor: color == null ? void 0 : color.hex
-            }
-          }),
-          !hideLabel && /* @__PURE__ */ jsxRuntime.jsx("div", {
-            className: withBaseName("overlayButtonText"),
-            children: (_c = displayColorName != null ? displayColorName : placeholder) != null ? _c : "No color selected"
-          })
-        ]
-      }),
-      /* @__PURE__ */ jsxRuntime.jsx(Overlay.Overlay, {
-        ...getOverlayProps({
-          adaExceptions: {
-            showClose: false
-          },
-          "data-testid": "color-chooser-overlay",
-          className: clsx.clsx(withBaseName("overlayButtonClose"))
-        }),
-        children: /* @__PURE__ */ jsxRuntime.jsxs("div", {
-          className: clsx.clsx(withBaseName("overlayContent")),
-          "data-testid": "overlay-content",
-          children: [
-            /* @__PURE__ */ jsxRuntime.jsxs(core.Button, {
-              "data-testid": "default-button",
-              variant: "secondary",
-              className: clsx.clsx(withBaseName("defaultButton")),
-              onClick: onDefaultSelected,
-              children: [
-                /* @__PURE__ */ jsxRuntime.jsx(icons.RefreshIcon, {
-                  className: clsx.clsx(withBaseName("refreshIcon"))
-                }),
-                "Default"
-              ]
-            }),
-            /* @__PURE__ */ jsxRuntime.jsx(DictTabs.DictTabs, {
-              tabs: tabsMapping,
-              hexValue: color == null ? void 0 : color.hex,
-              onTabClick,
-              activeTab
-            })
-          ]
-        })
-      })
-    ]
-  });
-};
-
-exports.ColorChooser = ColorChooser;
-//# sourceMappingURL=ColorChooser.js.map

package/dist-cjs/packages/lab/src/color-chooser/ColorChooser.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ColorChooser.js","sources":["../src/color-chooser/ColorChooser.tsx"],"sourcesContent":["import { useState, ChangeEvent } from \"react\";\nimport { clsx } from \"clsx\";\nimport { Overlay, useOverlay } from \"../overlay\";\nimport { Button, ButtonProps, makePrefixer } from \"@salt-ds/core\";\nimport { RefreshIcon } from \"@salt-ds/icons\";\nimport { Color } from \"./Color\";\nimport { isTransparent } from \"./color-utils\";\n\nimport {\n  hexValueWithoutAlpha,\n  getColorNameByHexValue,\n  convertColorMapValueToHex,\n  getHexValue,\n} from \"./ColorHelpers\";\nimport { saltColorMap } from \"./colorMap\";\nimport { ColorChooserTabs, DictTabs } from \"./DictTabs\";\nimport { getColorPalettes } from \"./GetColorPalettes\";\nimport { createTabsMapping } from \"./createTabsMapping\";\n\nimport \"./ColorChooser.css\";\n\nconst withBaseName = makePrefixer(\"saltColorChooser\");\n\nfunction getActiveTab(\n  hexValue: string | undefined,\n  tabs: ColorChooserTabs,\n  saltColorOverrides: Record<string, string> | undefined\n): number {\n  if (tabs[\"Swatches\"] && tabs[\"Color Picker\"]) {\n    const hexNoAlpha: string | undefined = hexValueWithoutAlpha(hexValue);\n    const colors = saltColorOverrides ?? saltColorMap;\n    // if hexNoAlpha is a Salt color or null/undefined then set the active tab as Swatches\n    if (\n      hexNoAlpha &&\n      !Object.keys(colors).find(\n        (key: string) =>\n          convertColorMapValueToHex(colors[key])?.toLowerCase() ===\n          hexNoAlpha?.toLowerCase()\n      )\n    ) {\n      return 1;\n    }\n  }\n  return 0;\n}\n\nexport interface ColorChooserProps {\n  color: Color | undefined;\n  defaultAlpha?: number;\n  disableAlphaChooser?: boolean;\n  displayHexOnly?: boolean;\n  hideLabel?: boolean;\n  onClear: () => void; // called when user clicks \"default\" button\n  onSelect: (\n    color: Color | undefined,\n    finalSelection: boolean,\n    event?: ChangeEvent\n  ) => void;\n  placeholder?: string;\n  buttonProps?: Partial<ButtonProps>;\n  saltColorOverrides?: Record<string, string>;\n  showSwatches?: boolean;\n  showColorPicker?: boolean;\n  readOnly?: boolean;\n}\n\nexport const ColorChooser = ({\n  onClear,\n  onSelect,\n  color,\n  showSwatches = true,\n  showColorPicker = true,\n  defaultAlpha = 1,\n  disableAlphaChooser = false,\n  hideLabel = false,\n  placeholder,\n  buttonProps,\n  saltColorOverrides,\n  readOnly = false,\n  displayHexOnly = false,\n}: ColorChooserProps): JSX.Element => {\n  const [open, setOpen] = useState(false);\n\n  const allColors: string[][] = saltColorOverrides\n    ? getColorPalettes(saltColorOverrides)\n    : getColorPalettes();\n  const displayColorName = displayHexOnly\n    ? getHexValue(color?.hex, disableAlphaChooser)\n    : getColorNameByHexValue(\n        color?.hex,\n        disableAlphaChooser,\n        saltColorOverrides\n      );\n\n  const handleOpenChange = (open: boolean) => setOpen(open);\n\n  const alphaForTabs = isTransparent(color?.hex)\n    ? defaultAlpha\n    : color?.rgba?.a ?? defaultAlpha;\n\n  const tabsMapping = createTabsMapping({\n    swatches: showSwatches,\n    colorPicker: showColorPicker,\n    disableAlphaChooser,\n    allColors,\n    color,\n    alpha: alphaForTabs,\n    handleColorChange: onSelect,\n    displayColorName,\n    placeholder,\n    onDialogClosed: () => {\n      setOpen(false);\n    },\n  });\n\n  const [activeTab, setActiveTab] = useState<number>(\n    getActiveTab(color?.hex, tabsMapping, saltColorOverrides)\n  );\n  const onDefaultSelected = (): void => {\n    if (activeTab === 0 && showSwatches) {\n      onClear();\n      handleOpenChange(false);\n    } else {\n      onClear();\n    }\n  };\n  const onTabClick = (index: number): void => {\n    setActiveTab(index);\n  };\n\n  const { getTriggerProps, getOverlayProps } = useOverlay({\n    placement: \"bottom\",\n    open,\n    onOpenChange: handleOpenChange,\n  });\n\n  return (\n    <>\n      <Button\n        {...getTriggerProps<typeof Button>({\n          className: clsx(withBaseName(\"overlayButton\"), {\n            [withBaseName(\"overlayButtonHiddenLabel\")]: hideLabel,\n          }),\n          // @ts-ignore\n          \"data-testid\": \"color-chooser-overlay-button\",\n          disabled: readOnly,\n          ...buttonProps,\n        })}\n      >\n        {color && (\n          <div\n            className={clsx(withBaseName(\"overlayButtonSwatch\"), {\n              [withBaseName(\"overlayButtonSwatchWithBorder\")]:\n                color?.hex.startsWith(\"#ffffff\"),\n              [withBaseName(\"overlayButtonSwatchTransparent\")]: isTransparent(\n                color?.hex\n              ),\n            })}\n            style={{\n              backgroundColor: color?.hex,\n            }}\n          />\n        )}\n        {!hideLabel && (\n          <div className={withBaseName(\"overlayButtonText\")}>\n            {displayColorName ?? placeholder ?? \"No color selected\"}\n          </div>\n        )}\n      </Button>\n      <Overlay\n        {...getOverlayProps({\n          adaExceptions: {\n            showClose: false,\n          },\n          // @ts-ignore\n          \"data-testid\": \"color-chooser-overlay\",\n          className: clsx(withBaseName(\"overlayButtonClose\")),\n        })}\n      >\n        <div\n          className={clsx(withBaseName(\"overlayContent\"))}\n          data-testid=\"overlay-content\"\n        >\n          <Button\n            data-testid=\"default-button\"\n            variant=\"secondary\"\n            className={clsx(withBaseName(\"defaultButton\"))}\n            onClick={onDefaultSelected}\n          >\n            <RefreshIcon className={clsx(withBaseName(\"refreshIcon\"))} />\n            Default\n          </Button>\n          <DictTabs\n            tabs={tabsMapping}\n            hexValue={color?.hex}\n            onTabClick={onTabClick}\n            activeTab={activeTab}\n          />\n        </div>\n      </Overlay>\n    </>\n  );\n};\n"],"names":["makePrefixer","hexValueWithoutAlpha","saltColorMap","convertColorMapValueToHex","useState","getColorPalettes","getHexValue","getColorNameByHexValue","open","isTransparent","createTabsMapping","useOverlay","jsxs","Fragment","Button","clsx","jsx","Overlay","RefreshIcon","DictTabs"],"mappings":"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"}