@salt-ds/lab 1.0.0-alpha.26 → 1.0.0-alpha.27

package/dist-cjs/pill/SelectablePill.js

@@ -1,55 +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 constants = require('./constants.js');
-var PillBase = require('./PillBase.js');
-var PillCheckbox = require('./internal/PillCheckbox.js');
-
-const noop = () => void 0;
-const withBaseName = core.makePrefixer(constants.pillBaseName);
-const SelectablePill = React.forwardRef(function SelectablePill2({
-  defaultChecked = false,
-  checked: checkedProp,
-  className,
-  onChange = noop,
-  disabled = false,
-  ...rest
-}, ref) {
-  const [checked, setChecked] = core.useControlled({
-    controlled: checkedProp,
-    default: defaultChecked,
-    name: "SelectablePill",
-    state: "checked"
-  });
-  const handleClick = React.useCallback(
-    (event) => {
-      setChecked(!checked);
-      onChange(event, !checked);
-    },
-    [checked, onChange, setChecked]
-  );
-  return /* @__PURE__ */ jsxRuntime.jsx(PillBase.PillBase, {
-    "aria-checked": checked,
-    "aria-roledescription": "Selectable Pill",
-    clickable: true,
-    disabled,
-    className: clsx.clsx(withBaseName(`selectable`), className, {
-      [withBaseName(`checked`)]: checked
-    }),
-    icon: /* @__PURE__ */ jsxRuntime.jsx(PillCheckbox.PillCheckbox, {
-      checked
-    }),
-    role: "checkbox",
-    onClick: handleClick,
-    ...rest,
-    ref
-  });
-});
-
-exports.SelectablePill = SelectablePill;
-//# sourceMappingURL=SelectablePill.js.map

package/dist-cjs/pill/SelectablePill.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SelectablePill.js","sources":["../src/pill/SelectablePill.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport { ForwardedRef, forwardRef, useCallback, SyntheticEvent } from \"react\";\nimport { makePrefixer, useControlled } from \"@salt-ds/core\";\nimport { pillBaseName } from \"./constants\";\nimport { PillBase, PillBaseProps } from \"./PillBase\";\nimport { PillCheckbox } from \"./internal/PillCheckbox\";\n\nconst noop = () => undefined;\n\nexport interface SelectablePillProps extends Omit<PillBaseProps, \"onChange\"> {\n  /**\n   * Controls whether the selectable pill is checked\n   */\n  checked?: boolean;\n  /**\n   * Uncontrolled prop to determine initial state of selectable pill\n   */\n  defaultChecked?: boolean;\n  // TODO: API Alignment.\n  // - Reverted param order to keep event as first param\n  /**\n   * Callback when checked state is changed\n   */\n  onChange?: (event: SyntheticEvent, checked: boolean) => void;\n}\n\nconst withBaseName = makePrefixer(pillBaseName);\n\nexport const SelectablePill = forwardRef(function SelectablePill(\n  {\n    defaultChecked = false,\n    checked: checkedProp,\n    className,\n    onChange = noop,\n    disabled = false,\n    ...rest\n  }: SelectablePillProps,\n  ref: ForwardedRef<HTMLDivElement>\n) {\n  const [checked, setChecked] = useControlled({\n    controlled: checkedProp,\n    default: defaultChecked,\n    name: \"SelectablePill\",\n    state: \"checked\",\n  });\n\n  const handleClick = useCallback(\n    (event: SyntheticEvent<HTMLDivElement>) => {\n      setChecked(!checked);\n      onChange(event, !checked);\n    },\n    [checked, onChange, setChecked]\n  );\n\n  return (\n    <PillBase\n      aria-checked={checked}\n      aria-roledescription=\"Selectable Pill\"\n      clickable\n      disabled={disabled}\n      className={clsx(withBaseName(`selectable`), className, {\n        [withBaseName(`checked`)]: checked,\n      })}\n      icon={<PillCheckbox checked={checked} />}\n      role=\"checkbox\"\n      onClick={handleClick}\n      {...rest}\n      ref={ref}\n    />\n  );\n});\n"],"names":["makePrefixer","pillBaseName","forwardRef","SelectablePill","useControlled","useCallback","jsx","PillBase","clsx","PillCheckbox"],"mappings":";;;;;;;;;;;;AAOA,MAAM,OAAO,MAAM,KAAA,CAAA,CAAA;AAmBnB,MAAM,YAAA,GAAeA,kBAAaC,sBAAY,CAAA,CAAA;AAEjC,MAAA,cAAA,GAAiBC,gBAAW,CAAA,SAASC,eAChD,CAAA;AAAA,EACE,cAAiB,GAAA,KAAA;AAAA,EACjB,OAAS,EAAA,WAAA;AAAA,EACT,SAAA;AAAA,EACA,QAAW,GAAA,IAAA;AAAA,EACX,QAAW,GAAA,KAAA;AAAA,EACR,GAAA,IAAA;AACL,CAAA,EACA,GACA,EAAA;AACA,EAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAIC,kBAAc,CAAA;AAAA,IAC1C,UAAY,EAAA,WAAA;AAAA,IACZ,OAAS,EAAA,cAAA;AAAA,IACT,IAAM,EAAA,gBAAA;AAAA,IACN,KAAO,EAAA,SAAA;AAAA,GACR,CAAA,CAAA;AAED,EAAA,MAAM,WAAc,GAAAC,iBAAA;AAAA,IAClB,CAAC,KAA0C,KAAA;AACzC,MAAA,UAAA,CAAW,CAAC,OAAO,CAAA,CAAA;AACnB,MAAS,QAAA,CAAA,KAAA,EAAO,CAAC,OAAO,CAAA,CAAA;AAAA,KAC1B;AAAA,IACA,CAAC,OAAS,EAAA,QAAA,EAAU,UAAU,CAAA;AAAA,GAChC,CAAA;AAEA,EAAA,uBACGC,cAAA,CAAAC,iBAAA,EAAA;AAAA,IACC,cAAc,EAAA,OAAA;AAAA,IACd,sBAAqB,EAAA,iBAAA;AAAA,IACrB,SAAS,EAAA,IAAA;AAAA,IACT,QAAA;AAAA,IACA,SAAW,EAAAC,SAAA,CAAK,YAAa,CAAA,CAAA,UAAA,CAAY,GAAG,SAAW,EAAA;AAAA,MACrD,CAAC,YAAa,CAAA,CAAA,OAAA,CAAS,CAAI,GAAA,OAAA;AAAA,KAC5B,CAAA;AAAA,IACD,sBAAOF,cAAA,CAAAG,yBAAA,EAAA;AAAA,MAAa,OAAA;AAAA,KAAkB,CAAA;AAAA,IACtC,IAAK,EAAA,UAAA;AAAA,IACL,OAAS,EAAA,WAAA;AAAA,IACR,GAAG,IAAA;AAAA,IACJ,GAAA;AAAA,GACF,CAAA,CAAA;AAEJ,CAAC;;;;"}

package/dist-cjs/pill/constants.js

@@ -1,8 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const pillBaseName = "saltPill";
-
-exports.pillBaseName = pillBaseName;
-//# sourceMappingURL=constants.js.map

package/dist-cjs/pill/constants.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"constants.js","sources":["../src/pill/constants.ts"],"sourcesContent":["export const pillBaseName = \"saltPill\";\n"],"names":[],"mappings":";;;;AAAO,MAAM,YAAe,GAAA;;;;"}

package/dist-cjs/pill/internal/DeleteButton.js

@@ -1,37 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-var icons = require('@salt-ds/icons');
-var core = require('@salt-ds/core');
-var clsx = require('clsx');
-var constants = require('../constants.js');
-
-const withBaseName = core.makePrefixer(constants.pillBaseName);
-const DeleteButton = (props) => {
-  const { disabled, active, className, ...restProps } = props;
-  return /* @__PURE__ */ jsxRuntime.jsx(core.Button, {
-    "aria-hidden": "true",
-    className: clsx.clsx(
-      withBaseName("deleteButton"),
-      {
-        [withBaseName("deleteButton-disabled")]: disabled,
-        [withBaseName("deleteButton-active")]: active
-      },
-      className
-    ),
-    "data-testid": "pill-delete-button",
-    disabled,
-    onMouseEnter: (event) => event.stopPropagation(),
-    tabIndex: -1,
-    variant: "secondary",
-    ...restProps,
-    children: /* @__PURE__ */ jsxRuntime.jsx(icons.CloseSmallIcon, {
-      className: withBaseName("deleteIcon")
-    })
-  });
-};
-
-exports.DeleteButton = DeleteButton;
-//# sourceMappingURL=DeleteButton.js.map

package/dist-cjs/pill/internal/DeleteButton.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DeleteButton.js","sources":["../src/pill/internal/DeleteButton.tsx"],"sourcesContent":["import { CloseSmallIcon } from \"@salt-ds/icons\";\nimport { Button, ButtonProps, makePrefixer } from \"@salt-ds/core\";\nimport { clsx } from \"clsx\";\nimport { MouseEvent } from \"react\";\nimport { pillBaseName } from \"../constants\";\n\nexport interface DeleteButtonProps extends ButtonProps {\n  /**\n   * Active state.\n   */\n  active?: boolean;\n}\n\nconst withBaseName = makePrefixer(pillBaseName);\n\nexport const DeleteButton = (props: DeleteButtonProps) => {\n  const { disabled, active, className, ...restProps } = props;\n  return (\n    <Button\n      aria-hidden=\"true\"\n      className={clsx(\n        withBaseName(\"deleteButton\"),\n        {\n          [withBaseName(\"deleteButton-disabled\")]: disabled,\n          [withBaseName(\"deleteButton-active\")]: active,\n        },\n        className\n      )}\n      data-testid=\"pill-delete-button\"\n      disabled={disabled}\n      onMouseEnter={(event: MouseEvent<HTMLButtonElement>) =>\n        event.stopPropagation()\n      }\n      tabIndex={-1}\n      variant=\"secondary\"\n      {...restProps}\n    >\n      <CloseSmallIcon className={withBaseName(\"deleteIcon\")} />\n    </Button>\n  );\n};\n"],"names":["makePrefixer","pillBaseName","jsx","Button","clsx","CloseSmallIcon"],"mappings":";;;;;;;;;;AAaA,MAAM,YAAA,GAAeA,kBAAaC,sBAAY,CAAA,CAAA;AAEjC,MAAA,YAAA,GAAe,CAAC,KAA6B,KAAA;AACxD,EAAA,MAAM,EAAE,QAAA,EAAU,MAAQ,EAAA,SAAA,EAAA,GAAc,WAAc,GAAA,KAAA,CAAA;AACtD,EAAA,uBACGC,cAAA,CAAAC,WAAA,EAAA;AAAA,IACC,aAAY,EAAA,MAAA;AAAA,IACZ,SAAW,EAAAC,SAAA;AAAA,MACT,aAAa,cAAc,CAAA;AAAA,MAC3B;AAAA,QACE,CAAC,YAAa,CAAA,uBAAuB,CAAI,GAAA,QAAA;AAAA,QACzC,CAAC,YAAa,CAAA,qBAAqB,CAAI,GAAA,MAAA;AAAA,OACzC;AAAA,MACA,SAAA;AAAA,KACF;AAAA,IACA,aAAY,EAAA,oBAAA;AAAA,IACZ,QAAA;AAAA,IACA,YAAc,EAAA,CAAC,KACb,KAAA,KAAA,CAAM,eAAgB,EAAA;AAAA,IAExB,QAAU,EAAA,CAAA,CAAA;AAAA,IACV,OAAQ,EAAA,WAAA;AAAA,IACP,GAAG,SAAA;AAAA,IAEJ,QAAC,kBAAAF,cAAA,CAAAG,oBAAA,EAAA;AAAA,MAAe,SAAA,EAAW,aAAa,YAAY,CAAA;AAAA,KAAG,CAAA;AAAA,GACzD,CAAA,CAAA;AAEJ;;;;"}

package/dist-cjs/pill/internal/DivButton.js

@@ -1,68 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
-var core = require('@salt-ds/core');
-var clsx = require('clsx');
-
-const withBaseName = core.makePrefixer("saltButton");
-const DivButton = React.forwardRef(
-  function DivButton2({
-    children,
-    className,
-    disabled,
-    focusableWhenDisabled,
-    onKeyUp,
-    onKeyDown,
-    onBlur,
-    onClick,
-    role: roleProp,
-    ...restProps
-  }, ref) {
-    const enter = "Enter";
-    const space = " ";
-    const handleKeyDownDiv = (event) => {
-      if (!disabled && event.target === event.currentTarget && (event.key === enter || event.key === space)) {
-        onClick == null ? void 0 : onClick(event);
-      }
-      onKeyDown == null ? void 0 : onKeyDown(event);
-    };
-    const { active, buttonProps } = core.useButton({
-      disabled,
-      focusableWhenDisabled,
-      onKeyUp,
-      onKeyDown: handleKeyDownDiv,
-      onBlur,
-      onClick
-    });
-    const {
-      "aria-disabled": ariaDisabled,
-      tabIndex,
-      onBlur: handleBlur,
-      onClick: handleClick,
-      onKeyDown: handleKeyDown,
-      onKeyUp: handleKeyUp
-    } = buttonProps;
-    return /* @__PURE__ */ jsxRuntime.jsx("div", {
-      "aria-disabled": ariaDisabled,
-      className: clsx.clsx(withBaseName(), className, withBaseName("primary"), {
-        [withBaseName("disabled")]: disabled,
-        [withBaseName("active")]: active
-      }),
-      tabIndex,
-      onBlur: handleBlur,
-      onClick: handleClick,
-      onKeyDown: handleKeyDown,
-      onKeyUp: handleKeyUp,
-      role: roleProp !== void 0 ? roleProp : "button",
-      ...restProps,
-      ref,
-      children
-    });
-  }
-);
-
-exports.DivButton = DivButton;
-//# sourceMappingURL=DivButton.js.map

package/dist-cjs/pill/internal/DivButton.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DivButton.js","sources":["../src/pill/internal/DivButton.tsx"],"sourcesContent":["import {\n  ComponentPropsWithoutRef,\n  forwardRef,\n  ReactElement,\n  KeyboardEvent,\n} from \"react\";\nimport { useButton, makePrefixer } from \"@salt-ds/core\";\nimport { clsx } from \"clsx\";\n\nconst withBaseName = makePrefixer(\"saltButton\");\n\nexport interface DivButtonProps extends ComponentPropsWithoutRef<\"div\"> {\n  /**\n   * If `true`, the button will be disabled.\n   */\n  disabled?: boolean;\n  /**\n   * If `true`, the button will be focusable when disabled.\n   */\n  focusableWhenDisabled?: boolean;\n}\n\nexport const DivButton = forwardRef<HTMLDivElement, DivButtonProps>(\n  function DivButton(\n    {\n      children,\n      className,\n      disabled,\n      focusableWhenDisabled,\n      onKeyUp,\n      onKeyDown,\n      onBlur,\n      onClick,\n      role: roleProp,\n      ...restProps\n    },\n    ref?\n  ): ReactElement<DivButtonProps> {\n    const enter = \"Enter\";\n    const space = \" \";\n\n    const handleKeyDownDiv = (event: KeyboardEvent<HTMLDivElement>) => {\n      // for Pill component, which depends on Button\n      if (\n        !disabled &&\n        // Don't act on children component\n        event.target === event.currentTarget &&\n        (event.key === enter || event.key === space)\n      ) {\n        //@ts-ignore\n        onClick?.(event);\n      }\n\n      onKeyDown?.(event);\n    };\n\n    const { active, buttonProps } = useButton({\n      disabled,\n      focusableWhenDisabled,\n      onKeyUp,\n      onKeyDown: handleKeyDownDiv,\n      onBlur,\n      onClick,\n    });\n\n    const {\n      \"aria-disabled\": ariaDisabled,\n      tabIndex,\n      onBlur: handleBlur,\n      onClick: handleClick,\n      onKeyDown: handleKeyDown,\n      onKeyUp: handleKeyUp,\n    } = buttonProps;\n\n    return (\n      <div\n        aria-disabled={ariaDisabled}\n        className={clsx(withBaseName(), className, withBaseName(\"primary\"), {\n          [withBaseName(\"disabled\")]: disabled,\n          [withBaseName(\"active\")]: active,\n        })}\n        tabIndex={tabIndex}\n        onBlur={handleBlur}\n        onClick={handleClick}\n        onKeyDown={handleKeyDown}\n        onKeyUp={handleKeyUp}\n        // Allow an explicit null value to be passed by user to suppress role\n        role={roleProp !== undefined ? roleProp : \"button\"}\n        {...restProps}\n        ref={ref}\n      >\n        {children}\n      </div>\n    );\n  }\n);\n"],"names":["makePrefixer","forwardRef","DivButton","useButton","jsx","clsx"],"mappings":";;;;;;;;;AASA,MAAM,YAAA,GAAeA,kBAAa,YAAY,CAAA,CAAA;AAavC,MAAM,SAAY,GAAAC,gBAAA;AAAA,EACvB,SAASC,UACP,CAAA;AAAA,IACE,QAAA;AAAA,IACA,SAAA;AAAA,IACA,QAAA;AAAA,IACA,qBAAA;AAAA,IACA,OAAA;AAAA,IACA,SAAA;AAAA,IACA,MAAA;AAAA,IACA,OAAA;AAAA,IACA,IAAM,EAAA,QAAA;AAAA,IACH,GAAA,SAAA;AAAA,KAEL,GAC8B,EAAA;AAC9B,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AACd,IAAA,MAAM,KAAQ,GAAA,GAAA,CAAA;AAEd,IAAM,MAAA,gBAAA,GAAmB,CAAC,KAAyC,KAAA;AAEjE,MACE,IAAA,CAAC,QAED,IAAA,KAAA,CAAM,MAAW,KAAA,KAAA,CAAM,aACtB,KAAA,KAAA,CAAM,GAAQ,KAAA,KAAA,IAAS,KAAM,CAAA,GAAA,KAAQ,KACtC,CAAA,EAAA;AAEA,QAAU,OAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,OAAA,CAAA,KAAA,CAAA,CAAA;AAAA,OACZ;AAEA,MAAY,SAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,SAAA,CAAA,KAAA,CAAA,CAAA;AAAA,KACd,CAAA;AAEA,IAAA,MAAM,EAAE,MAAA,EAAQ,WAAY,EAAA,GAAIC,cAAU,CAAA;AAAA,MACxC,QAAA;AAAA,MACA,qBAAA;AAAA,MACA,OAAA;AAAA,MACA,SAAW,EAAA,gBAAA;AAAA,MACX,MAAA;AAAA,MACA,OAAA;AAAA,KACD,CAAA,CAAA;AAED,IAAM,MAAA;AAAA,MACJ,eAAiB,EAAA,YAAA;AAAA,MACjB,QAAA;AAAA,MACA,MAAQ,EAAA,UAAA;AAAA,MACR,OAAS,EAAA,WAAA;AAAA,MACT,SAAW,EAAA,aAAA;AAAA,MACX,OAAS,EAAA,WAAA;AAAA,KACP,GAAA,WAAA,CAAA;AAEJ,IAAA,uBACGC,cAAA,CAAA,KAAA,EAAA;AAAA,MACC,eAAe,EAAA,YAAA;AAAA,MACf,WAAWC,SAAK,CAAA,YAAA,IAAgB,SAAW,EAAA,YAAA,CAAa,SAAS,CAAG,EAAA;AAAA,QAClE,CAAC,YAAa,CAAA,UAAU,CAAI,GAAA,QAAA;AAAA,QAC5B,CAAC,YAAa,CAAA,QAAQ,CAAI,GAAA,MAAA;AAAA,OAC3B,CAAA;AAAA,MACD,QAAA;AAAA,MACA,MAAQ,EAAA,UAAA;AAAA,MACR,OAAS,EAAA,WAAA;AAAA,MACT,SAAW,EAAA,aAAA;AAAA,MACX,OAAS,EAAA,WAAA;AAAA,MAET,IAAA,EAAM,QAAa,KAAA,KAAA,CAAA,GAAY,QAAW,GAAA,QAAA;AAAA,MACzC,GAAG,SAAA;AAAA,MACJ,GAAA;AAAA,MAEC,QAAA;AAAA,KACH,CAAA,CAAA;AAAA,GAEJ;AACF;;;;"}

package/dist-cjs/pill/internal/PillCheckbox.css.js

@@ -1,6 +0,0 @@
-'use strict';
-
-var css_248z = "/* Styles applied to the Pill checkbox */\n.saltPill-checkbox {\n  height: var(--pill-checkbox-size);\n  margin-left: 1px;\n  padding-right: 0;\n  width: var(--pill-checkbox-size);\n\n  --saltCheckbox-icon-stroke: var(--salt-selectable-borderColor);\n  --saltCheckbox-icon-stroke-hover: var(--salt-selectable-borderColor);\n  --saltCheckbox-icon-fill: none;\n  --saltCheckbox-icon-fill-checked: none;\n  --saltCheckbox-icon-borderWidth-checked: var(--salt-size-border);\n  --saltCheckbox-icon-tick-color: var(--salt-actionable-primary-foreground);\n}\n";
-
-module.exports = css_248z;
-//# sourceMappingURL=PillCheckbox.css.js.map

package/dist-cjs/pill/internal/PillCheckbox.css.js.map

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

package/dist-cjs/pill/internal/PillCheckbox.js

@@ -1,27 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-var core = require('@salt-ds/core');
-var constants = require('../constants.js');
-var window = require('@salt-ds/window');
-var styles = require('@salt-ds/styles');
-var PillCheckbox$1 = require('./PillCheckbox.css.js');
-
-const withBaseName = core.makePrefixer(`${constants.pillBaseName}-checkbox`);
-const PillCheckbox = (props) => {
-  const targetWindow = window.useWindow();
-  styles.useComponentCssInjection({
-    testId: "salt-pill-checkbox",
-    css: PillCheckbox$1,
-    window: targetWindow
-  });
-  return /* @__PURE__ */ jsxRuntime.jsx(core.CheckboxIcon, {
-    checked: props.checked,
-    className: withBaseName()
-  });
-};
-
-exports.PillCheckbox = PillCheckbox;
-//# sourceMappingURL=PillCheckbox.js.map

package/dist-cjs/pill/internal/PillCheckbox.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PillCheckbox.js","sources":["../src/pill/internal/PillCheckbox.tsx"],"sourcesContent":["import { CheckboxIcon, makePrefixer } from \"@salt-ds/core\";\nimport { pillBaseName } from \"../constants\";\n\nimport { useWindow } from \"@salt-ds/window\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\n\nimport pillCheckboxCss from \"./PillCheckbox.css\";\n\nconst withBaseName = makePrefixer(`${pillBaseName}-checkbox`);\n\nexport const PillCheckbox = (props: { checked?: boolean }): JSX.Element => {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"salt-pill-checkbox\",\n    css: pillCheckboxCss,\n    window: targetWindow,\n  });\n  return <CheckboxIcon checked={props.checked} className={withBaseName()} />;\n};\n"],"names":["makePrefixer","pillBaseName","useWindow","useComponentCssInjection","pillCheckboxCss","jsx","CheckboxIcon"],"mappings":";;;;;;;;;;;AAQA,MAAM,YAAA,GAAeA,iBAAa,CAAA,CAAA,EAAGC,sBAAuB,CAAA,SAAA,CAAA,CAAA,CAAA;AAE/C,MAAA,YAAA,GAAe,CAAC,KAA8C,KAAA;AACzE,EAAA,MAAM,eAAeC,gBAAU,EAAA,CAAA;AAC/B,EAAyBC,+BAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,oBAAA;AAAA,IACR,GAAK,EAAAC,cAAA;AAAA,IACL,MAAQ,EAAA,YAAA;AAAA,GACT,CAAA,CAAA;AACD,EAAA,uBAAQC,cAAA,CAAAC,iBAAA,EAAA;AAAA,IAAa,SAAS,KAAM,CAAA,OAAA;AAAA,IAAS,WAAW,YAAa,EAAA;AAAA,GAAG,CAAA,CAAA;AAC1E;;;;"}

package/dist-cjs/pill-next/PillNext.css.js

@@ -1,6 +0,0 @@
-'use strict';
-
-var css_248z = "/* Styles applied to the root element */\n.saltPillNext {\n  appearance: none;\n  display: inline-flex;\n  align-items: center;\n  background: var(--saltPillNext-background, var(--salt-actionable-primary-background));\n  border-radius: 0;\n  border: 0;\n  height: calc(var(--salt-size-base) - var(--salt-spacing-100));\n  min-height: var(--salt-text-minHeight);\n  outline: 0;\n  position: relative;\n  gap: var(--salt-spacing-50);\n  padding-left: var(--salt-spacing-50);\n  padding-right: var(--salt-spacing-50);\n  color: var(--saltPillNext-color, var(--salt-actionable-primary-foreground));\n  font-family: var(--salt-text-fontFamily);\n  font-size: var(--salt-text-fontSize);\n  font-weight: var(--salt-text-fontWeight);\n  line-height: var(--salt-text-lineHeight);\n  overflow: hidden;\n  white-space: nowrap;\n}\n\n/* Style applied to Pill if pill is clickable  */\n.saltPillNext-clickable {\n  cursor: var(--salt-selectable-cursor-hover);\n}\n\n.saltPillNext-clickable:hover,\n.saltPillNext-clickable:focus-visible {\n  color: var(--salt-actionable-primary-foreground-hover);\n  background: var(--salt-actionable-primary-background-hover);\n}\n\n.saltPillNext-clickable.saltPillNext-active,\n.saltPillNext-clickable:active {\n  background: var(--salt-actionable-primary-background-active);\n  color: var(--salt-actionable-primary-foreground-active);\n}\n\n/* Style applied to Pill on focus */\n.saltPillNext:focus-visible {\n  outline: var(--salt-focused-outline);\n}\n\n/* Style applied to Pill when disabled */\n.saltPillNext:disabled,\n.saltPillNext:disabled:hover {\n  color: var(--salt-actionable-primary-foreground-disabled);\n  background: var(--salt-actionable-primary-background-disabled);\n  cursor: var(--salt-selectable-cursor-disabled);\n}\n";
-
-module.exports = css_248z;
-//# sourceMappingURL=PillNext.css.js.map

package/dist-cjs/pill-next/PillNext.css.js.map

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

package/dist-cjs/pill-next/PillNext.js

@@ -1,60 +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 window = require('@salt-ds/window');
-var styles = require('@salt-ds/styles');
-var core = require('@salt-ds/core');
-var PillNext$1 = require('./PillNext.css.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var clsx__default = /*#__PURE__*/_interopDefaultLegacy(clsx);
-
-const withBaseName = core.makePrefixer("saltPillNext");
-const PillNext = React.forwardRef(
-  function PillNext2({
-    children,
-    className,
-    disabled,
-    onKeyUp,
-    onKeyDown,
-    onClick,
-    onBlur,
-    ...rest
-  }, ref) {
-    const targetWindow = window.useWindow();
-    styles.useComponentCssInjection({
-      testId: "salt-pill-next",
-      css: PillNext$1,
-      window: targetWindow
-    });
-    const { buttonProps, active } = core.useButton({
-      disabled,
-      onKeyUp,
-      onKeyDown,
-      onClick,
-      onBlur
-    });
-    const { tabIndex, ...restButtonProps } = buttonProps;
-    return /* @__PURE__ */ jsxRuntime.jsx("button", {
-      "data-testid": "pill",
-      ref,
-      className: clsx__default["default"](
-        withBaseName(),
-        withBaseName("clickable"),
-        { [withBaseName("active")]: active },
-        className
-      ),
-      ...restButtonProps,
-      ...rest,
-      children
-    });
-  }
-);
-
-exports.PillNext = PillNext;
-//# sourceMappingURL=PillNext.js.map

package/dist-cjs/pill-next/PillNext.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PillNext.js","sources":["../src/pill-next/PillNext.tsx"],"sourcesContent":["import { forwardRef, ComponentPropsWithoutRef } from \"react\";\nimport clsx from \"clsx\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { makePrefixer, useButton } from \"@salt-ds/core\";\nimport pillCss from \"./PillNext.css\";\n\nconst withBaseName = makePrefixer(\"saltPillNext\");\n\n/* eslint-disable @typescript-eslint/no-empty-interface */\nexport interface PillNextProps extends ComponentPropsWithoutRef<\"button\"> {}\n\nexport const PillNext = forwardRef<HTMLButtonElement, PillNextProps>(\n  function PillNext(\n    {\n      children,\n      className,\n      disabled,\n      onKeyUp,\n      onKeyDown,\n      onClick,\n      onBlur,\n      ...rest\n    },\n    ref\n  ) {\n    const targetWindow = useWindow();\n    useComponentCssInjection({\n      testId: \"salt-pill-next\",\n      css: pillCss,\n      window: targetWindow,\n    });\n    const { buttonProps, active } = useButton<HTMLButtonElement>({\n      disabled,\n      onKeyUp,\n      onKeyDown,\n      onClick,\n      onBlur,\n    });\n    // we do not want to spread tab index in this case because the button element\n    // does not require tabindex=\"0\" attribute\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    const { tabIndex, ...restButtonProps } = buttonProps;\n    return (\n      <button\n        data-testid=\"pill\"\n        ref={ref}\n        className={clsx(\n          withBaseName(),\n          withBaseName(\"clickable\"),\n          { [withBaseName(\"active\")]: active },\n          className\n        )}\n        {...restButtonProps}\n        {...rest}\n      >\n        {children}\n      </button>\n    );\n  }\n);\n"],"names":["makePrefixer","forwardRef","PillNext","useWindow","useComponentCssInjection","pillCss","useButton","jsx","clsx"],"mappings":";;;;;;;;;;;;;;;;AAOA,MAAM,YAAA,GAAeA,kBAAa,cAAc,CAAA,CAAA;AAKzC,MAAM,QAAW,GAAAC,gBAAA;AAAA,EACtB,SAASC,SACP,CAAA;AAAA,IACE,QAAA;AAAA,IACA,SAAA;AAAA,IACA,QAAA;AAAA,IACA,OAAA;AAAA,IACA,SAAA;AAAA,IACA,OAAA;AAAA,IACA,MAAA;AAAA,IACG,GAAA,IAAA;AAAA,KAEL,GACA,EAAA;AACA,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;AACD,IAAA,MAAM,EAAE,WAAA,EAAa,MAAO,EAAA,GAAIC,cAA6B,CAAA;AAAA,MAC3D,QAAA;AAAA,MACA,OAAA;AAAA,MACA,SAAA;AAAA,MACA,OAAA;AAAA,MACA,MAAA;AAAA,KACD,CAAA,CAAA;AAID,IAAM,MAAA,EAAE,QAAa,EAAA,GAAA,eAAA,EAAoB,GAAA,WAAA,CAAA;AACzC,IAAA,uBACGC,cAAA,CAAA,QAAA,EAAA;AAAA,MACC,aAAY,EAAA,MAAA;AAAA,MACZ,GAAA;AAAA,MACA,SAAW,EAAAC,wBAAA;AAAA,QACT,YAAa,EAAA;AAAA,QACb,aAAa,WAAW,CAAA;AAAA,QACxB,EAAE,CAAC,YAAa,CAAA,QAAQ,IAAI,MAAO,EAAA;AAAA,QACnC,SAAA;AAAA,OACF;AAAA,MACC,GAAG,eAAA;AAAA,MACH,GAAG,IAAA;AAAA,MAEH,QAAA;AAAA,KACH,CAAA,CAAA;AAAA,GAEJ;AACF;;;;"}

package/dist-cjs/scrim/ScrimContext.js

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

package/dist-cjs/scrim/ScrimContext.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ScrimContext.js","sources":["../src/scrim/ScrimContext.ts"],"sourcesContent":["import { createContext } from \"react\";\n\nexport const ScrimContext = createContext<(() => void) | undefined>(undefined);\n\nif (process.env.NODE_ENV !== \"production\") {\n  ScrimContext.displayName = \"ScrimContext\";\n}\n"],"names":["createContext"],"mappings":";;;;;;AAEa,MAAA,YAAA,GAAeA,oBAAwC,KAAS,CAAA,EAAA;AAE7E,IAAI,OAAA,CAAQ,GAAI,CAAA,QAAA,KAAa,YAAc,EAAA;AACzC,EAAA,YAAA,CAAa,WAAc,GAAA,cAAA,CAAA;AAC7B;;;;"}

package/dist-cjs/scrim/internal/PreventFocus.js

@@ -1,39 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var findAllTabbableElements = require('../../focus-manager/internal/findAllTabbableElements.js');
-
-const tabIndexMap = /* @__PURE__ */ new WeakMap();
-function preventFocusOthers(originalTarget, tabbableSelector, parentNode) {
-  const elementsToHide = findAllTabbableElements.findAllTabbableElements(
-    parentNode,
-    tabbableSelector,
-    [
-      originalTarget,
-      ...findAllTabbableElements.findAllTabbableElements(originalTarget, tabbableSelector)
-    ]
-  );
-  elementsToHide.forEach((elem) => {
-    if (!tabIndexMap.has(elem)) {
-      tabIndexMap.set(elem, elem.getAttribute("tabIndex"));
-      elem.setAttribute("tabIndex", "-1");
-    }
-  });
-  return () => {
-    elementsToHide.forEach((element) => {
-      if (tabIndexMap.has(element)) {
-        const tabIndex = tabIndexMap.get(element);
-        if (tabIndex) {
-          element.setAttribute("tabIndex", tabIndex);
-        } else {
-          element.removeAttribute("tabIndex");
-        }
-        tabIndexMap.delete(element);
-      }
-    });
-  };
-}
-
-exports.preventFocusOthers = preventFocusOthers;
-//# sourceMappingURL=PreventFocus.js.map

package/dist-cjs/scrim/internal/PreventFocus.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PreventFocus.js","sources":["../src/scrim/internal/PreventFocus.ts"],"sourcesContent":["import { findAllTabbableElements } from \"../../focus-manager/internal/findAllTabbableElements\";\n\nconst tabIndexMap = new WeakMap<HTMLElement, string | null>();\n\nexport function preventFocusOthers(\n  originalTarget: HTMLElement | null,\n  tabbableSelector: string,\n  parentNode: HTMLElement\n): () => void {\n  const elementsToHide: HTMLElement[] = findAllTabbableElements(\n    parentNode,\n    tabbableSelector,\n    [\n      originalTarget,\n      ...findAllTabbableElements(originalTarget, tabbableSelector),\n    ]\n  );\n\n  elementsToHide.forEach((elem) => {\n    if (!tabIndexMap.has(elem)) {\n      tabIndexMap.set(elem, elem.getAttribute(\"tabIndex\"));\n      elem.setAttribute(\"tabIndex\", \"-1\");\n    }\n  });\n\n  return () => {\n    elementsToHide.forEach((element) => {\n      if (tabIndexMap.has(element)) {\n        const tabIndex = tabIndexMap.get(element);\n        if (tabIndex) {\n          element.setAttribute(\"tabIndex\", tabIndex);\n        } else {\n          element.removeAttribute(\"tabIndex\");\n        }\n\n        tabIndexMap.delete(element);\n      }\n    });\n  };\n}\n"],"names":["findAllTabbableElements"],"mappings":";;;;;;AAEA,MAAM,WAAA,uBAAkB,OAAoC,EAAA,CAAA;AAE5C,SAAA,kBAAA,CACd,cACA,EAAA,gBAAA,EACA,UACY,EAAA;AACZ,EAAA,MAAM,cAAgC,GAAAA,+CAAA;AAAA,IACpC,UAAA;AAAA,IACA,gBAAA;AAAA,IACA;AAAA,MACE,cAAA;AAAA,MACA,GAAGA,+CAAwB,CAAA,cAAA,EAAgB,gBAAgB,CAAA;AAAA,KAC7D;AAAA,GACF,CAAA;AAEA,EAAe,cAAA,CAAA,OAAA,CAAQ,CAAC,IAAS,KAAA;AAC/B,IAAA,IAAI,CAAC,WAAA,CAAY,GAAI,CAAA,IAAI,CAAG,EAAA;AAC1B,MAAA,WAAA,CAAY,GAAI,CAAA,IAAA,EAAM,IAAK,CAAA,YAAA,CAAa,UAAU,CAAC,CAAA,CAAA;AACnD,MAAK,IAAA,CAAA,YAAA,CAAa,YAAY,IAAI,CAAA,CAAA;AAAA,KACpC;AAAA,GACD,CAAA,CAAA;AAED,EAAA,OAAO,MAAM;AACX,IAAe,cAAA,CAAA,OAAA,CAAQ,CAAC,OAAY,KAAA;AAClC,MAAI,IAAA,WAAA,CAAY,GAAI,CAAA,OAAO,CAAG,EAAA;AAC5B,QAAM,MAAA,QAAA,GAAW,WAAY,CAAA,GAAA,CAAI,OAAO,CAAA,CAAA;AACxC,QAAA,IAAI,QAAU,EAAA;AACZ,UAAQ,OAAA,CAAA,YAAA,CAAa,YAAY,QAAQ,CAAA,CAAA;AAAA,SACpC,MAAA;AACL,UAAA,OAAA,CAAQ,gBAAgB,UAAU,CAAA,CAAA;AAAA,SACpC;AAEA,QAAA,WAAA,CAAY,OAAO,OAAO,CAAA,CAAA;AAAA,OAC5B;AAAA,KACD,CAAA,CAAA;AAAA,GACH,CAAA;AACF;;;;"}

package/dist-es/combo-box-next/ComboBoxNext.css.js

@@ -1,4 +0,0 @@
-var css_248z = ".saltComboBoxNext-highlight {\n  font-weight: var(--salt-text-fontWeight-strong);\n}\n\n.saltComboBoxNext-input:hover {\n  --saltInput-borderColor: var(--salt-focused-outlineColor);\n}\n\n.saltComboBoxNext-list.saltListNext {\n  border-color: var(--salt-selectable-borderColor-selected);\n  box-shadow: var(--salt-overlayable-shadow-popout);\n  max-height: calc((var(--salt-size-base) + var(--salt-spacing-100)) * var(--comboBoxNext-itemCount, 5));\n  z-index: calc(var(--salt-zIndex-modal) + 1);\n}\n";
-
-export { css_248z as default };
-//# sourceMappingURL=ComboBoxNext.css.js.map

package/dist-es/combo-box-next/ComboBoxNext.css.js.map

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

package/dist-es/combo-box-next/useComboBox.js

@@ -1,143 +0,0 @@
-import { useEffect } from 'react';
-import { useList } from '../list-next/useList.js';
-import { useComboboxPortal } from './useComboboxPortal.js';
-import { useControlled } from '@salt-ds/core';
-
-const useComboBox = ({
-  defaultInputValue,
-  onFocus,
-  onMouseOver,
-  onKeyDown,
-  inputValue: inputValueProp,
-  PortalProps,
-  listProps
-}) => {
-  const [inputValue, setInputValue] = useControlled({
-    controlled: inputValueProp,
-    default: defaultInputValue,
-    name: "Combo Box",
-    state: "inputValue"
-  });
-  const {
-    open,
-    setOpen,
-    floating,
-    reference,
-    getPortalProps,
-    getTriggerProps,
-    getPosition
-  } = useComboboxPortal(PortalProps);
-  const {
-    keyDownHandler: listKeyDownHandler,
-    focusHandler: listFocusHandler,
-    activeDescendant,
-    focusVisibleRef,
-    selectedItem,
-    setSelectedItem,
-    setHighlightedItem,
-    highlightedItem
-  } = useList({
-    ...listProps
-  });
-  const setSelected = (value) => {
-    setSelectedItem(value);
-    setInputValue(value);
-  };
-  useEffect(() => {
-    setInputValue(selectedItem);
-  }, [selectedItem]);
-  const focusHandler = (event) => {
-    listFocusHandler(event);
-    onFocus == null ? void 0 : onFocus(event);
-  };
-  const mouseDownHandler = () => {
-    setOpen(!open);
-  };
-  const mouseOverHandler = (event) => {
-    setHighlightedItem(event.currentTarget.dataset.value);
-    onMouseOver == null ? void 0 : onMouseOver(event);
-  };
-  const listSelectHandler = () => {
-    setOpen(false);
-  };
-  const keyDownHandler = (event) => {
-    const { key, altKey } = event;
-    switch (key) {
-      case "ArrowDown":
-      case "ArrowUp":
-        if (altKey) {
-          event.preventDefault();
-          if (open && !selectedItem) {
-            setSelected(void 0);
-          }
-          setOpen(!open);
-          break;
-        }
-        if (!open) {
-          setOpen(true);
-        }
-        listKeyDownHandler(event);
-        break;
-      case "PageDown":
-      case "PageUp":
-      case "Home":
-      case "End":
-        if (open) {
-          listKeyDownHandler(event);
-        }
-        break;
-      case "Enter":
-        if (!open) {
-          setOpen(true);
-        } else {
-          setSelected(highlightedItem);
-          setOpen(false);
-        }
-        break;
-      case "Escape":
-        if (open) {
-          setOpen(false);
-          if (!selectedItem) {
-            setSelected(void 0);
-          }
-        }
-        break;
-      case "Tab":
-        setOpen(false);
-        break;
-      case "Backspace":
-        if (!open) {
-          setOpen(true);
-        }
-        break;
-    }
-    onKeyDown == null ? void 0 : onKeyDown(event);
-  };
-  return {
-    inputValue,
-    setInputValue,
-    portalProps: {
-      open,
-      setOpen,
-      floating,
-      reference,
-      getTriggerProps,
-      getPortalProps,
-      getPosition
-    },
-    selectedItem,
-    setSelectedItem,
-    highlightedItem,
-    setHighlightedItem,
-    activeDescendant,
-    focusVisibleRef,
-    keyDownHandler,
-    focusHandler,
-    mouseOverHandler,
-    mouseDownHandler,
-    listSelectHandler
-  };
-};
-
-export { useComboBox };
-//# sourceMappingURL=useComboBox.js.map

package/dist-es/combo-box-next/useComboBox.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useComboBox.js","sources":["../src/combo-box-next/useComboBox.tsx"],"sourcesContent":["import { FocusEvent, KeyboardEvent, SyntheticEvent, useEffect } from \"react\";\nimport { useList, UseListProps } from \"../list-next/useList\";\nimport { useComboboxPortal, UseComboBoxPortalProps } from \"./useComboboxPortal\";\nimport { useControlled } from \"@salt-ds/core\";\n\ninterface UseComboBoxProps {\n  inputValue?: string;\n  defaultInputValue?: string;\n  onBlur?: (event: FocusEvent<HTMLInputElement>) => void;\n  onFocus?: (event: FocusEvent<HTMLInputElement>) => void;\n  onMouseOver?: (event: SyntheticEvent) => void;\n  onKeyDown?: (event: KeyboardEvent<HTMLInputElement>) => void;\n  PortalProps?: UseComboBoxPortalProps;\n  listProps: UseListProps;\n}\n\nexport const useComboBox = ({\n  defaultInputValue,\n  onFocus,\n  onMouseOver,\n  onKeyDown,\n  inputValue: inputValueProp,\n  PortalProps,\n  listProps,\n}: UseComboBoxProps) => {\n  const [inputValue, setInputValue] = useControlled({\n    controlled: inputValueProp,\n    default: defaultInputValue,\n    name: \"Combo Box\",\n    state: \"inputValue\",\n  });\n\n  const {\n    open,\n    setOpen,\n    floating,\n    reference,\n    getPortalProps,\n    getTriggerProps,\n    getPosition,\n  } = useComboboxPortal(PortalProps);\n\n  const {\n    keyDownHandler: listKeyDownHandler,\n    focusHandler: listFocusHandler,\n    activeDescendant,\n    focusVisibleRef,\n    selectedItem,\n    setSelectedItem,\n    setHighlightedItem,\n    highlightedItem,\n  } = useList({\n    ...listProps,\n  });\n\n  const setSelected = (value: string | undefined) => {\n    setSelectedItem(value);\n    setInputValue(value);\n  };\n\n  useEffect(() => {\n    setInputValue(selectedItem);\n  }, [selectedItem]);\n\n  const focusHandler = (event: FocusEvent<HTMLInputElement>) => {\n    listFocusHandler(event);\n    onFocus?.(event);\n  };\n\n  const mouseDownHandler = () => {\n    setOpen(!open);\n  };\n\n  const mouseOverHandler = (event: SyntheticEvent<HTMLElement>) => {\n    setHighlightedItem(event.currentTarget.dataset.value);\n    onMouseOver?.(event);\n  };\n\n  const listSelectHandler = () => {\n    setOpen(false);\n  };\n\n  const keyDownHandler = (event: KeyboardEvent<HTMLInputElement>) => {\n    const { key, altKey } = event;\n    switch (key) {\n      case \"ArrowDown\":\n      case \"ArrowUp\":\n        if (altKey) {\n          event.preventDefault();\n          if (open && !selectedItem) {\n            setSelected(undefined);\n          }\n          setOpen(!open);\n          break;\n        }\n        if (!open) {\n          setOpen(true);\n        }\n        listKeyDownHandler(event);\n        break;\n      case \"PageDown\":\n      case \"PageUp\":\n      case \"Home\":\n      case \"End\":\n        if (open) {\n          listKeyDownHandler(event);\n        }\n        break;\n      case \"Enter\":\n        if (!open) {\n          setOpen(true);\n        } else {\n          setSelected(highlightedItem);\n          setOpen(false);\n        }\n        break;\n      case \"Escape\":\n        if (open) {\n          setOpen(false);\n          if (!selectedItem) {\n            setSelected(undefined);\n          }\n        }\n        break;\n      case \"Tab\":\n        setOpen(false);\n        break;\n      case \"Backspace\":\n        if (!open) {\n          setOpen(true);\n        }\n        break;\n      default:\n        break;\n    }\n    onKeyDown?.(event);\n  };\n\n  return {\n    inputValue,\n    setInputValue,\n    // portal\n    portalProps: {\n      open,\n      setOpen,\n      floating,\n      reference,\n      getTriggerProps,\n      getPortalProps,\n      getPosition,\n    },\n    // list\n    selectedItem,\n    setSelectedItem,\n    highlightedItem,\n    setHighlightedItem,\n    activeDescendant,\n    focusVisibleRef,\n    keyDownHandler,\n    focusHandler,\n    mouseOverHandler,\n    mouseDownHandler,\n    listSelectHandler,\n  };\n};\n"],"names":[],"mappings":"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"}

package/dist-es/combo-box-next/useComboboxPortal.js

@@ -1,71 +0,0 @@
-import { offset, size, flip, shift, limitShift, useInteractions, useRole, useDismiss } from '@floating-ui/react';
-import { useControlled, useFloatingUI } from '@salt-ds/core';
-
-function useComboboxPortal(props) {
-  const {
-    open: openProp,
-    onOpenChange: onOpenChangeProp,
-    placement: placementProp = "bottom"
-  } = props != null ? props : {};
-  const [open, setOpen] = useControlled({
-    controlled: openProp,
-    default: false,
-    name: "Combo Box",
-    state: "open"
-  });
-  const onOpenChange = (open2) => {
-    setOpen(open2);
-    onOpenChangeProp == null ? void 0 : onOpenChangeProp(open2);
-  };
-  const { floating, reference, x, y, strategy, context, elements } = useFloatingUI({
-    open,
-    onOpenChange,
-    placement: placementProp,
-    middleware: [
-      offset(0),
-      size({
-        apply({ rects, elements: elements2 }) {
-          Object.assign(elements2.floating.style, {
-            width: `${rects.reference.width}px`
-          });
-        }
-      }),
-      flip(),
-      shift({ limiter: limitShift() })
-    ]
-  });
-  const { getReferenceProps, getFloatingProps } = useInteractions([
-    useRole(context, { role: "listbox" }),
-    useDismiss(context)
-  ]);
-  const getPortalProps = () => {
-    return getFloatingProps({
-      ref: floating
-    });
-  };
-  const getTriggerProps = () => getReferenceProps({
-    ref: reference
-  });
-  const getPosition = () => {
-    var _a, _b;
-    return {
-      top: y != null ? y : 0,
-      left: x != null ? x : 0,
-      position: strategy,
-      width: (_a = elements.floating) == null ? void 0 : _a.clientWidth,
-      height: (_b = elements.floating) == null ? void 0 : _b.clientHeight
-    };
-  };
-  return {
-    open,
-    setOpen,
-    floating,
-    reference,
-    getPortalProps,
-    getTriggerProps,
-    getPosition
-  };
-}
-
-export { useComboboxPortal };
-//# sourceMappingURL=useComboboxPortal.js.map

package/dist-es/combo-box-next/useComboboxPortal.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useComboboxPortal.js","sources":["../src/combo-box-next/useComboboxPortal.ts"],"sourcesContent":["import {\n  flip,\n  limitShift,\n  offset,\n  Placement,\n  shift,\n  size,\n  useDismiss,\n  useInteractions,\n  useRole,\n} from \"@floating-ui/react\";\nimport { HTMLProps } from \"react\";\nimport { useControlled, useFloatingUI } from \"@salt-ds/core\";\n\nexport interface UseComboBoxPortalProps {\n  open?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  placement?: Placement;\n}\n\nexport function useComboboxPortal(props?: UseComboBoxPortalProps) {\n  const {\n    open: openProp,\n    onOpenChange: onOpenChangeProp,\n    placement: placementProp = \"bottom\",\n  } = props ?? {};\n  const [open, setOpen] = useControlled({\n    controlled: openProp,\n    default: false,\n    name: \"Combo Box\",\n    state: \"open\",\n  });\n\n  const onOpenChange = (open: boolean) => {\n    setOpen(open);\n    onOpenChangeProp?.(open);\n  };\n\n  const { floating, reference, x, y, strategy, context, elements } =\n    useFloatingUI({\n      open,\n      onOpenChange: onOpenChange,\n      placement: placementProp,\n      middleware: [\n        offset(0),\n        size({\n          apply({ rects, elements }) {\n            Object.assign(elements.floating.style, {\n              width: `${rects.reference.width}px`,\n            });\n          },\n        }),\n        flip(),\n        shift({ limiter: limitShift() }),\n      ],\n    });\n\n  const { getReferenceProps, getFloatingProps } = useInteractions([\n    useRole(context, { role: \"listbox\" }),\n    useDismiss(context),\n  ]);\n\n  const getPortalProps = (): HTMLProps<HTMLDivElement> => {\n    return getFloatingProps({\n      ref: floating,\n    });\n  };\n\n  const getTriggerProps = () =>\n    getReferenceProps({\n      ref: reference,\n    });\n\n  const getPosition = () => ({\n    top: y ?? 0,\n    left: x ?? 0,\n    position: strategy,\n    width: elements.floating?.clientWidth,\n    height: elements.floating?.clientHeight,\n  });\n\n  return {\n    open,\n    setOpen,\n    floating,\n    reference,\n    getPortalProps,\n    getTriggerProps,\n    getPosition,\n  };\n}\n"],"names":["open","elements"],"mappings":"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"}