@salt-ds/lab 1.0.0-alpha.5 → 1.0.0-alpha.51

package/dist-es/packages/lab/src/cascading-menu/internal/useMenuTriggerHandlers.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useMenuTriggerHandlers.js","sources":["../src/cascading-menu/internal/useMenuTriggerHandlers.ts"],"sourcesContent":["import { useEventCallback } from \"../../utils\";\nimport { stateChangeTypes } from \"../stateChangeTypes\";\nimport { CascadingMenuAction } from \"./CascadingMenuAction\";\nimport { CascadingMenuProps } from \"../CascadingMenuProps\";\nimport { menuState } from \"./stateUtils\";\nimport { stateItem } from \"./useStateReducer\";\nimport {\n  HTMLAttributes,\n  isValidElement,\n  MouseEvent,\n  KeyboardEvent,\n} from \"react\";\n\ninterface useMenuTriggerHandlersProps {\n  dispatch: (action: any) => void;\n  children: CascadingMenuProps[\"children\"];\n  setIsNavigatingWithKeyboard: (value: boolean) => void;\n  openCloseMenu: (open: boolean) => void;\n  rootMenuState: stateItem;\n  rootMenuId: string | undefined;\n  menusDataById: Record<string, menuState>;\n}\n\nexport function useMenuTriggerHandlers({\n  dispatch,\n  children,\n  setIsNavigatingWithKeyboard,\n  openCloseMenu,\n  rootMenuState,\n  rootMenuId,\n  menusDataById = {},\n}: useMenuTriggerHandlersProps) {\n  const handleOnClick = useEventCallback((event: MouseEvent<HTMLElement>) => {\n    const { type } = event;\n\n    setIsNavigatingWithKeyboard(false);\n    if (type === \"click\") {\n      if (isValidElement(children)) {\n        const childrenProps = children.props as HTMLAttributes<HTMLElement>;\n        childrenProps.onClick?.(event);\n      }\n      openCloseMenu(!rootMenuState);\n    }\n  });\n\n  const handleOnKeydown = useEventCallback(\n    (event: KeyboardEvent<HTMLElement>) => {\n      const { key } = event;\n\n      switch (key) {\n        case \"Spacebar\":\n        case \" \":\n        case \"Enter\":\n          event.stopPropagation();\n          event.preventDefault();\n          setIsNavigatingWithKeyboard(true);\n          dispatch({\n            type: rootMenuState\n              ? CascadingMenuAction.CLOSE_MENU\n              : CascadingMenuAction.OPEN_MENU,\n            cause: stateChangeTypes.KEYBOARD_TOGGLE,\n            targetId: rootMenuId,\n          });\n          break;\n        case \"ArrowDown\":\n          event.stopPropagation();\n          event.preventDefault();\n          setIsNavigatingWithKeyboard(true);\n          if (rootMenuState) {\n            break;\n          }\n          dispatch({\n            type: CascadingMenuAction.OPEN_MENU,\n            cause: stateChangeTypes.KEYBOARD_TOGGLE,\n            targetId: rootMenuId,\n          });\n          break;\n        case \"ArrowUp\":\n          event.stopPropagation();\n          event.preventDefault();\n          setIsNavigatingWithKeyboard(true);\n          if (rootMenuState || !rootMenuId) {\n            break;\n          }\n          dispatch({\n            type: CascadingMenuAction.OPEN_MENU,\n            cause: stateChangeTypes.KEYBOARD_TOGGLE,\n            targetId: rootMenuId,\n          });\n          dispatch({\n            type: CascadingMenuAction.SET_CURRENT_INTERACTED_ITEM,\n            cause: stateChangeTypes.ITEM_KEYDOWN_ARROW_UP,\n            targetId: rootMenuId,\n            highlightedItemIndex:\n              menusDataById[rootMenuId].menuItems.length - 1,\n          });\n          break;\n        default:\n          break;\n      }\n\n      if (isValidElement(children)) {\n        const childrenProps = children.props as HTMLAttributes<HTMLElement>;\n        childrenProps.onKeyDown?.(event);\n      }\n    }\n  );\n\n  return [handleOnClick, handleOnKeydown] as const;\n}\n"],"names":[],"mappings":"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"}

package/dist-es/packages/lab/src/cascading-menu/internal/useMouseHandlers.js

@@ -1,126 +0,0 @@
-import { useRef, useEffect, useCallback } from 'react';
-import { CascadingMenuAction } from './CascadingMenuAction.js';
-import { stateChangeTypes } from '../stateChangeTypes.js';
-
-function isOrContainsNode(parent, child) {
-  var _a;
-  return parent === child || !!((_a = parent == null ? void 0 : parent.contains) == null ? void 0 : _a.call(parent, child));
-}
-function useMouseHandlers(props, isMenuActiveState, menuRef) {
-  const [isMenuActive, setIsMenuActive] = isMenuActiveState;
-  const {
-    delay,
-    refsManager,
-    dispatch,
-    isNavigatingWithKeyboard,
-    setIsNavigatingWithKeyboard,
-    data,
-    highlightedItemIndex,
-    menuId,
-    parentElement
-  } = props;
-  const scheduledHighlightedIndexChange = useRef(null);
-  const mouseEnterTimer = useRef();
-  const mouseOutTimer = useRef();
-  useEffect(
-    () => function cleanUpTimeouts() {
-      clearTimeout(mouseEnterTimer.current);
-      clearTimeout(mouseOutTimer.current);
-    },
-    []
-  );
-  const handleMouseMove = useCallback(
-    (highlightedIndex) => {
-      if (isNavigatingWithKeyboard) {
-        setIsNavigatingWithKeyboard(false);
-      }
-      if (!isMenuActive) {
-        setIsMenuActive(true);
-      }
-      if (scheduledHighlightedIndexChange.current !== highlightedIndex) {
-        scheduledHighlightedIndexChange.current = highlightedIndex;
-        clearTimeout(mouseEnterTimer.current);
-        clearTimeout(mouseOutTimer.current);
-        mouseEnterTimer.current = window.setTimeout(() => {
-          dispatch({
-            type: CascadingMenuAction.SET_CURRENT_INTERACTED_ITEM,
-            cause: stateChangeTypes.ITEM_MOUSE_ENTER,
-            targetId: menuId,
-            highlightedItemIndex: highlightedIndex
-          });
-        }, delay);
-      }
-    },
-    [
-      isNavigatingWithKeyboard,
-      isMenuActive,
-      setIsNavigatingWithKeyboard,
-      setIsMenuActive,
-      delay,
-      dispatch,
-      menuId
-    ]
-  );
-  const handleMouseOut = useCallback(
-    (event) => {
-      var _a;
-      if (isNavigatingWithKeyboard) {
-        setIsNavigatingWithKeyboard(false);
-      }
-      clearTimeout(mouseOutTimer.current);
-      const { relatedTarget } = event;
-      const subMenuElement = typeof highlightedItemIndex === "number" ? (_a = refsManager.get(data.childMenus[highlightedItemIndex])) != null ? _a : null : null;
-      const mouseMovedToSameMenu = isOrContainsNode(
-        menuRef,
-        relatedTarget
-      );
-      const mouseMovedToParentMenu = isOrContainsNode(
-        parentElement != null ? parentElement : null,
-        relatedTarget
-      );
-      if (mouseMovedToParentMenu) {
-        dispatch({
-          type: CascadingMenuAction.SET_CURRENT_INTERACTED_ITEM,
-          cause: stateChangeTypes.ITEM_MOUSE_MOVE_TO_PARENT,
-          targetId: menuId,
-          highlightedItemIndex: null
-        });
-      }
-      const didMouseMoveOutOfMenu = !(mouseMovedToParentMenu || mouseMovedToSameMenu || isOrContainsNode(subMenuElement, relatedTarget));
-      if (didMouseMoveOutOfMenu) {
-        scheduledHighlightedIndexChange.current = null;
-        if (!isMenuActive) {
-          setIsMenuActive(true);
-          clearInterval(mouseEnterTimer.current);
-          mouseOutTimer.current = window.setTimeout(() => {
-            dispatch({
-              type: CascadingMenuAction.RESET_MENU,
-              cause: stateChangeTypes.MOUSE_OUT_OF_MENUS,
-              targetId: menuId
-            });
-          }, delay);
-        }
-      } else if (!mouseMovedToSameMenu) {
-        setIsMenuActive(false);
-      }
-    },
-    [
-      isNavigatingWithKeyboard,
-      refsManager,
-      data.childMenus,
-      highlightedItemIndex,
-      menuRef,
-      parentElement,
-      setIsNavigatingWithKeyboard,
-      dispatch,
-      menuId,
-      isMenuActive,
-      delay,
-      setIsMenuActive
-    ]
-  );
-  return [handleMouseMove, handleMouseOut];
-}
-
-export { useMouseHandlers };
-//# sourceMappingURL=useMouseHandlers.js.map

package/dist-es/packages/lab/src/cascading-menu/internal/useMouseHandlers.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useMouseHandlers.js","sources":["../src/cascading-menu/internal/useMouseHandlers.ts"],"sourcesContent":["import {\n  useCallback,\n  useRef,\n  useEffect,\n  Dispatch,\n  SetStateAction,\n  MouseEvent,\n} from \"react\";\n\nimport { CascadingMenuListProps } from \"../CascadingMenuList\";\nimport { CascadingMenuAction } from \"./CascadingMenuAction\";\nimport { stateChangeTypes } from \"../stateChangeTypes\";\n\nfunction isOrContainsNode(parent: HTMLElement | null, child: HTMLElement) {\n  return parent === child || !!parent?.contains?.(child);\n}\n\nexport function useMouseHandlers(\n  props: CascadingMenuListProps,\n  isMenuActiveState: [boolean, Dispatch<SetStateAction<boolean>>],\n  menuRef: HTMLElement | null\n) {\n  const [isMenuActive, setIsMenuActive] = isMenuActiveState;\n  const {\n    delay,\n    refsManager,\n    dispatch,\n    isNavigatingWithKeyboard,\n    setIsNavigatingWithKeyboard,\n    data,\n    highlightedItemIndex,\n    menuId,\n    parentElement,\n  } = props;\n  const scheduledHighlightedIndexChange = useRef<number | null>(null);\n  const mouseEnterTimer = useRef<number>();\n  const mouseOutTimer = useRef<number>();\n\n  useEffect(\n    () =>\n      function cleanUpTimeouts() {\n        clearTimeout(mouseEnterTimer.current);\n        clearTimeout(mouseOutTimer.current);\n      },\n    []\n  );\n\n  const handleMouseMove = useCallback(\n    (highlightedIndex: number) => {\n      if (isNavigatingWithKeyboard) {\n        setIsNavigatingWithKeyboard(false);\n      }\n\n      if (!isMenuActive) {\n        setIsMenuActive(true);\n      }\n      if (scheduledHighlightedIndexChange.current !== highlightedIndex) {\n        scheduledHighlightedIndexChange.current = highlightedIndex;\n        clearTimeout(mouseEnterTimer.current);\n        clearTimeout(mouseOutTimer.current);\n        mouseEnterTimer.current = window.setTimeout(() => {\n          dispatch({\n            type: CascadingMenuAction.SET_CURRENT_INTERACTED_ITEM,\n            cause: stateChangeTypes.ITEM_MOUSE_ENTER,\n            targetId: menuId,\n            highlightedItemIndex: highlightedIndex,\n          });\n        }, delay);\n      }\n    },\n    [\n      isNavigatingWithKeyboard,\n      isMenuActive,\n      setIsNavigatingWithKeyboard,\n      setIsMenuActive,\n      delay,\n      dispatch,\n      menuId,\n    ]\n  );\n  const handleMouseOut = useCallback(\n    (event: MouseEvent<HTMLElement>) => {\n      if (isNavigatingWithKeyboard) {\n        setIsNavigatingWithKeyboard(false);\n      }\n      clearTimeout(mouseOutTimer.current);\n      // If mouse leaves from parent menu into other element other than submenu -> close submenu\n      const { relatedTarget } = event;\n      const subMenuElement =\n        typeof highlightedItemIndex === \"number\"\n          ? refsManager.get(data.childMenus[highlightedItemIndex]) ?? null\n          : null;\n\n      const mouseMovedToSameMenu = isOrContainsNode(\n        menuRef,\n        relatedTarget as HTMLElement\n      );\n      const mouseMovedToParentMenu = isOrContainsNode(\n        parentElement ?? null,\n        relatedTarget as HTMLElement\n      );\n\n      if (mouseMovedToParentMenu) {\n        dispatch({\n          type: CascadingMenuAction.SET_CURRENT_INTERACTED_ITEM,\n          cause: stateChangeTypes.ITEM_MOUSE_MOVE_TO_PARENT,\n          targetId: menuId,\n          highlightedItemIndex: null,\n        });\n      }\n      const didMouseMoveOutOfMenu = !(\n        mouseMovedToParentMenu ||\n        mouseMovedToSameMenu ||\n        isOrContainsNode(subMenuElement, relatedTarget as HTMLElement)\n      );\n\n      if (didMouseMoveOutOfMenu) {\n        scheduledHighlightedIndexChange.current = null;\n        if (!isMenuActive) {\n          setIsMenuActive(true);\n          clearInterval(mouseEnterTimer.current);\n          mouseOutTimer.current = window.setTimeout(() => {\n            dispatch({\n              type: CascadingMenuAction.RESET_MENU,\n              cause: stateChangeTypes.MOUSE_OUT_OF_MENUS,\n              targetId: menuId,\n            });\n          }, delay);\n        }\n      } else if (!mouseMovedToSameMenu) {\n        setIsMenuActive(false);\n      }\n    },\n    [\n      isNavigatingWithKeyboard,\n      refsManager,\n      data.childMenus,\n      highlightedItemIndex,\n      menuRef,\n      parentElement,\n      setIsNavigatingWithKeyboard,\n      dispatch,\n      menuId,\n      isMenuActive,\n      delay,\n      setIsMenuActive,\n    ]\n  );\n  return [handleMouseMove, handleMouseOut] as const;\n}\n"],"names":[],"mappings":"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"}

package/dist-es/packages/lab/src/cascading-menu/internal/useRefsManager.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useRefsManager.js","sources":["../src/cascading-menu/internal/useRefsManager.ts"],"sourcesContent":["import { useReducer, useRef, useCallback, useMemo } from \"react\";\n\nexport type refsManager = {\n  get: (key: string) => HTMLElement | undefined;\n  set: (key: string, ref: HTMLElement) => void;\n  values: () => HTMLElement[];\n};\n\nexport function useRefsManager(): refsManager {\n  const refs = useRef(new Map<string, HTMLElement>());\n  const [, forceUpdate] = useReducer((x) => !x, false);\n\n  const get = useCallback((key: string) => refs.current.get(key), []);\n\n  const set = useCallback((key: string, value: HTMLElement) => {\n    refs.current.set(key, value);\n    forceUpdate();\n  }, []);\n\n  const values = useCallback(() => {\n    const vals: HTMLElement[] = [];\n    refs.current.forEach((value) => vals.push(value));\n    return vals;\n  }, []);\n\n  return useMemo(() => ({ get, set, values }), [get, set, values]);\n}\n"],"names":[],"mappings":";;AAQO,SAAS,cAA8B,GAAA;AAC5C,EAAA,MAAM,IAAO,GAAA,MAAA,iBAAW,IAAA,GAAA,EAA0B,CAAA,CAAA;AAClD,EAAM,MAAA,GAAG,WAAW,CAAA,GAAI,WAAW,CAAC,CAAA,KAAM,CAAC,CAAA,EAAG,KAAK,CAAA,CAAA;AAEnD,EAAM,MAAA,GAAA,GAAM,WAAY,CAAA,CAAC,GAAgB,KAAA,IAAA,CAAK,QAAQ,GAAI,CAAA,GAAG,CAAG,EAAA,EAAE,CAAA,CAAA;AAElE,EAAA,MAAM,GAAM,GAAA,WAAA,CAAY,CAAC,GAAA,EAAa,KAAuB,KAAA;AAC3D,IAAK,IAAA,CAAA,OAAA,CAAQ,GAAI,CAAA,GAAA,EAAK,KAAK,CAAA,CAAA;AAC3B,IAAY,WAAA,EAAA,CAAA;AAAA,GACd,EAAG,EAAE,CAAA,CAAA;AAEL,EAAM,MAAA,MAAA,GAAS,YAAY,MAAM;AAC/B,IAAA,MAAM,OAAsB,EAAC,CAAA;AAC7B,IAAA,IAAA,CAAK,QAAQ,OAAQ,CAAA,CAAC,UAAU,IAAK,CAAA,IAAA,CAAK,KAAK,CAAC,CAAA,CAAA;AAChD,IAAO,OAAA,IAAA,CAAA;AAAA,GACT,EAAG,EAAE,CAAA,CAAA;AAEL,EAAO,OAAA,OAAA,CAAQ,OAAO,EAAE,GAAK,EAAA,GAAA,EAAK,MAAO,EAAA,CAAA,EAAI,CAAC,GAAA,EAAK,GAAK,EAAA,MAAM,CAAC,CAAA,CAAA;AACjE;;;;"}

package/dist-es/packages/lab/src/cascading-menu/internal/useStateReducer.js

@@ -1,73 +0,0 @@
-import { useCallback } from 'react';
-import { CascadingMenuAction } from './CascadingMenuAction.js';
-
-function getDefaultMenuState(id) {
-  return {
-    id,
-    highlightedItemIndex: null
-  };
-}
-function deleteAllMenusStartingFromLevel(level, menus) {
-  const newState = [...menus];
-  newState.splice(level);
-  return newState;
-}
-function menuPositionReducer(state, action, level) {
-  const { type } = action;
-  switch (type) {
-    case CascadingMenuAction.SET_FLIPPED:
-      state[level] = {
-        ...state[level]
-      };
-      return state;
-    default:
-      return state;
-  }
-}
-function useStateReducer(menusDataById = {}, isNavigatingWithKeyboard) {
-  return useCallback(
-    (state, action) => {
-      let newState = [...state];
-      const { type, targetId, highlightedItemIndex = null } = action;
-      const { level, childMenus = [] } = Object(
-        menusDataById[targetId]
-      );
-      const childId = typeof highlightedItemIndex === "number" ? childMenus[highlightedItemIndex] : null;
-      const childMenuData = childId ? menusDataById[childId] : void 0;
-      newState = menuPositionReducer(newState, action, level);
-      switch (type) {
-        case CascadingMenuAction.SET_CURRENT_INTERACTED_ITEM:
-          newState[level] = {
-            ...newState[level],
-            highlightedItemIndex
-          };
-          newState = deleteAllMenusStartingFromLevel(level + 1, newState);
-          if (childId && childMenuData && !isNavigatingWithKeyboard) {
-            newState[childMenuData.level] = getDefaultMenuState(childId);
-          }
-          break;
-        case CascadingMenuAction.RESET_MENU:
-          newState[level] = {
-            ...newState[level],
-            highlightedItemIndex: null
-          };
-          newState = deleteAllMenusStartingFromLevel(level + 1, newState);
-          break;
-        case CascadingMenuAction.OPEN_MENU:
-          newState[level] = getDefaultMenuState(targetId);
-          break;
-        case CascadingMenuAction.CLOSE_MENU:
-          newState = deleteAllMenusStartingFromLevel(level, newState);
-          break;
-        case CascadingMenuAction.CLOSE_CASCADING_MENU:
-          newState = [];
-          break;
-      }
-      return newState;
-    },
-    [isNavigatingWithKeyboard, menusDataById]
-  );
-}
-
-export { useStateReducer };
-//# sourceMappingURL=useStateReducer.js.map

package/dist-es/packages/lab/src/cascading-menu/internal/useStateReducer.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useStateReducer.js","sources":["../src/cascading-menu/internal/useStateReducer.ts"],"sourcesContent":["import { useCallback } from \"react\";\n\nimport { flattenedMenuState, menuState } from \"./stateUtils\";\nimport { CascadingMenuAction, menuAction } from \"./CascadingMenuAction\";\n\nexport type stateItem = {\n  id: string;\n  highlightedItemIndex: number | null;\n};\n\ntype state = stateItem[];\n\nfunction getDefaultMenuState(id: string): stateItem {\n  return {\n    id,\n    highlightedItemIndex: null,\n  };\n}\n\nfunction deleteAllMenusStartingFromLevel(level: number, menus: stateItem[]) {\n  const newState = [...menus];\n  newState.splice(level);\n  return newState;\n}\n\nfunction menuPositionReducer(state: state, action: menuAction, level: number) {\n  const { type } = action;\n  switch (type) {\n    case CascadingMenuAction.SET_FLIPPED:\n      state[level] = {\n        ...state[level],\n      };\n      return state;\n    default:\n      return state;\n  }\n}\n\nexport function useStateReducer(\n  menusDataById: flattenedMenuState = {},\n  isNavigatingWithKeyboard: boolean\n) {\n  return useCallback(\n    (state: state, action: menuAction): state => {\n      let newState = [...state];\n      const { type, targetId, highlightedItemIndex = null } = action;\n      const { level, childMenus = [] } = Object(\n        menusDataById[targetId]\n      ) as menuState;\n      const childId =\n        typeof highlightedItemIndex === \"number\"\n          ? childMenus[highlightedItemIndex]\n          : null;\n      const childMenuData = childId ? menusDataById[childId] : undefined;\n\n      newState = menuPositionReducer(newState, action, level);\n      switch (type) {\n        case CascadingMenuAction.SET_CURRENT_INTERACTED_ITEM:\n          newState[level] = {\n            ...newState[level],\n            highlightedItemIndex,\n          };\n          newState = deleteAllMenusStartingFromLevel(level + 1, newState);\n          if (childId && childMenuData && !isNavigatingWithKeyboard) {\n            newState[childMenuData.level] = getDefaultMenuState(childId);\n          }\n          break;\n        case CascadingMenuAction.RESET_MENU:\n          newState[level] = {\n            ...newState[level],\n            highlightedItemIndex: null,\n          };\n          newState = deleteAllMenusStartingFromLevel(level + 1, newState);\n          break;\n        case CascadingMenuAction.OPEN_MENU:\n          newState[level] = getDefaultMenuState(targetId);\n          break;\n        case CascadingMenuAction.CLOSE_MENU:\n          newState = deleteAllMenusStartingFromLevel(level, newState);\n          break;\n        case CascadingMenuAction.CLOSE_CASCADING_MENU:\n          newState = [];\n          break;\n        default:\n          break;\n      }\n      return newState;\n    },\n    [isNavigatingWithKeyboard, menusDataById]\n  );\n}\n"],"names":[],"mappings":"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"}

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

@@ -1,65 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { clsx } from 'clsx';
-import { useState, useEffect } from 'react';
-import { makePrefixer } from '@salt-ds/core';
-import { Input } from '../input/Input.js';
-import '../input/StaticInputAdornment.js';
-import './RGBAInput.css.js';
-
-const withBaseName = makePrefixer("saltColorChooser");
-const AlphaInput = ({
-  alphaValue,
-  onSubmit,
-  showAsOpacity = false
-}) => {
-  const [alphaInputValue, setAlphaInputValue] = useState(
-    !isNaN(alphaValue) ? alphaValue.toString() : ""
-  );
-  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__ */ jsx(Input, {
-    inputProps: {
-      "data-testid": "a-input"
-    },
-    className: clsx({
-      [withBaseName("rgbaInput")]: !showAsOpacity,
-      [withBaseName("opacityInput")]: showAsOpacity
-    }),
-    value: showAsOpacity ? alphaInputValue ? (parseFloat(alphaInputValue) * 100).toString() + "%" : "%" : alphaInputValue,
-    onChange: handleAlphaInputChange,
-    onBlur: handleOnBlurAlpha,
-    onKeyDown: handleKeyDownAlpha
-  });
-};
-
-export { AlphaInput };
-//# sourceMappingURL=AlphaInputField.js.map

package/dist-es/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":[],"mappings":"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"}

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

@@ -1,49 +0,0 @@
-import tinycolor from 'tinycolor2';
-import { getColorNameByHexValue } from './ColorHelpers.js';
-
-class Color {
-  constructor() {
-    this.color = tinycolor();
-  }
-  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
-    };
-  }
-  get colorName() {
-    return getColorNameByHexValue(
-      this.color.toHex8String(),
-      false,
-      void 0,
-      true
-    );
-  }
-  static makeColorFromHex(hexValue) {
-    const colorObj = new Color();
-    colorObj.color = tinycolor(hexValue);
-    if (colorObj.color.isValid()) {
-      return colorObj;
-    } else {
-      return void 0;
-    }
-  }
-  static makeColorFromRGB(r, g, b, a) {
-    const colorObj = new Color();
-    colorObj.color = tinycolor({ r, g, b, a });
-    return colorObj;
-  }
-  setAlpha(alpha) {
-    const colorObj = new Color();
-    colorObj.color = this.color.setAlpha(alpha);
-    return colorObj;
-  }
-}
-
-export { Color };
-//# sourceMappingURL=Color.js.map

package/dist-es/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\";\nimport { getColorNameByHexValue } from \"./ColorHelpers\";\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  /** E.g. Orange800 */\n  public get colorName(): string | undefined {\n    return getColorNameByHexValue(\n      this.color.toHex8String(),\n      false,\n      undefined,\n      true\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":[],"mappings":";;;AAUO,MAAM,KAAM,CAAA;AAAA,EAAZ,WAAA,GAAA;AACL,IAAA,IAAA,CAAQ,QAA4B,SAAU,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,EAGA,IAAW,SAAgC,GAAA;AACzC,IAAO,OAAA,sBAAA;AAAA,MACL,IAAA,CAAK,MAAM,YAAa,EAAA;AAAA,MACxB,KAAA;AAAA,MACA,KAAA,CAAA;AAAA,MACA,IAAA;AAAA,KACF,CAAA;AAAA,GACF;AAAA,EAEA,OAAO,iBAAiB,QAAiD,EAAA;AACvE,IAAM,MAAA,QAAA,GAAW,IAAI,KAAM,EAAA,CAAA;AAC3B,IAAS,QAAA,CAAA,KAAA,GAAQ,UAAU,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,QAAQ,SAAU,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-es/packages/lab/src/color-chooser/ColorChooser.css.js

@@ -1,7 +0,0 @@
-import styleInject from '../../../../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(var(--salt-size-container-spacing) - 2px) !important;\n  width: calc(var(--salt-size-container-spacing) - 2px) !important;\n  border: 1px solid var(--salt-status-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: var(--salt-size-container-spacing);\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(css_248z);
-
-export { css_248z as default };
-//# sourceMappingURL=ColorChooser.css.js.map

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

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

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

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

package/dist-es/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":["open"],"mappings":"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"}

package/dist-es/packages/lab/src/color-chooser/ColorHelpers.js

@@ -1,54 +0,0 @@
-import { saltColorMap } from './colorMap.js';
-import { Color } from './Color.js';
-import { isTransparent } from './color-utils.js';
-
-function getColorNameByHexValue(hexValue, disableAlpha = false, saltColorOverrides, disableFallBackToHex = false) {
-  const hexNoAlpha = hexValueWithoutAlpha(hexValue);
-  const saltColors = saltColorOverrides != null ? saltColorOverrides : saltColorMap;
-  if (isTransparent(hexValue))
-    return "Transparent";
-  let colorName = Object.keys(saltColors).find((key) => {
-    if (saltColors[key]) {
-      const rgbVals = saltColors[key].startsWith("rgba") ? saltColors[key].substring(5, saltColors[key].length - 1) : saltColors[key].substring(4, saltColors[key].length - 1);
-      const [r, g, b] = [...rgbVals.replace(" ", "").split(",")];
-      return Color.makeColorFromRGB(Number(r), Number(g), Number(b)).hex === (hexNoAlpha == null ? void 0 : hexNoAlpha.toLowerCase());
-    }
-    return 0;
-  });
-  if (colorName) {
-    colorName = colorName.slice(4);
-    return colorName.charAt(0).toUpperCase() + colorName.slice(1).toLowerCase();
-  }
-  if (hexValue === "WHITE" || hexValue === "BLACK") {
-    return hexValue.charAt(0) + hexValue.slice(1).toLowerCase();
-  }
-  return disableFallBackToHex ? void 0 : getHexValue(hexValue, disableAlpha);
-}
-function hexValueWithoutAlpha(hexValue) {
-  if (hexValue === void 0)
-    return void 0;
-  return isValidHex(hexValue) ? hexValue.substring(0, 7).toUpperCase() : void 0;
-}
-function getHexValue(hexValue, disableAlpha) {
-  if (hexValue === void 0)
-    return void 0;
-  return disableAlpha ? hexValueWithoutAlpha(hexValue) : hexValue;
-}
-const isValidHex = (hex) => {
-  return hex ? /^#[0-9a-fA-F]{8}$/.test(hex) || /#[0-9a-fA-F]{6}$/.test(hex) : false;
-};
-const convertColorMapValueToHex = (color) => {
-  if (!color.startsWith("rgb"))
-    return color;
-  const rgbVals = color.startsWith("rgba") ? color.substring(5, color.length - 1) : color.substring(4, color.length - 1);
-  const [r, g, b, a] = [...rgbVals.replace(" ", "").split(",")];
-  return Color.makeColorFromRGB(
-    Number(r),
-    Number(g),
-    Number(b),
-    a ? Number(a) : 1
-  ).hex;
-};
-
-export { convertColorMapValueToHex, getColorNameByHexValue, getHexValue, hexValueWithoutAlpha, isValidHex };
-//# sourceMappingURL=ColorHelpers.js.map