@salt-ds/lab 1.0.0-alpha.1 → 1.0.0-alpha.100

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

@@ -1,130 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-var CascadingMenuAction = require('./CascadingMenuAction.js');
-var stateChangeTypes = require('../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 = React.useRef(null);
-  const mouseEnterTimer = React.useRef();
-  const mouseOutTimer = React.useRef();
-  React.useEffect(
-    () => function cleanUpTimeouts() {
-      clearTimeout(mouseEnterTimer.current);
-      clearTimeout(mouseOutTimer.current);
-    },
-    []
-  );
-  const handleMouseMove = React.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.CascadingMenuAction.SET_CURRENT_INTERACTED_ITEM,
-            cause: stateChangeTypes.stateChangeTypes.ITEM_MOUSE_ENTER,
-            targetId: menuId,
-            highlightedItemIndex: highlightedIndex
-          });
-        }, delay);
-      }
-    },
-    [
-      isNavigatingWithKeyboard,
-      isMenuActive,
-      setIsNavigatingWithKeyboard,
-      setIsMenuActive,
-      delay,
-      dispatch,
-      menuId
-    ]
-  );
-  const handleMouseOut = React.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.CascadingMenuAction.SET_CURRENT_INTERACTED_ITEM,
-          cause: stateChangeTypes.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.CascadingMenuAction.RESET_MENU,
-              cause: stateChangeTypes.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];
-}
-
-exports.useMouseHandlers = useMouseHandlers;
-//# sourceMappingURL=useMouseHandlers.js.map

package/dist-cjs/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":["useRef","useEffect","useCallback","CascadingMenuAction","stateChangeTypes"],"mappings":"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"}

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

@@ -1,24 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-
-function useRefsManager() {
-  const refs = React.useRef(/* @__PURE__ */ new Map());
-  const [, forceUpdate] = React.useReducer((x) => !x, false);
-  const get = React.useCallback((key) => refs.current.get(key), []);
-  const set = React.useCallback((key, value) => {
-    refs.current.set(key, value);
-    forceUpdate();
-  }, []);
-  const values = React.useCallback(() => {
-    const vals = [];
-    refs.current.forEach((value) => vals.push(value));
-    return vals;
-  }, []);
-  return React.useMemo(() => ({ get, set, values }), [get, set, values]);
-}
-
-exports.useRefsManager = useRefsManager;
-//# sourceMappingURL=useRefsManager.js.map

package/dist-cjs/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":["useRef","useReducer","useCallback","useMemo"],"mappings":";;;;;;AAQO,SAAS,cAA8B,GAAA;AAC5C,EAAA,MAAM,IAAO,GAAAA,YAAA,iBAAW,IAAA,GAAA,EAA0B,CAAA,CAAA;AAClD,EAAM,MAAA,GAAG,WAAW,CAAA,GAAIC,iBAAW,CAAC,CAAA,KAAM,CAAC,CAAA,EAAG,KAAK,CAAA,CAAA;AAEnD,EAAM,MAAA,GAAA,GAAMC,iBAAY,CAAA,CAAC,GAAgB,KAAA,IAAA,CAAK,QAAQ,GAAI,CAAA,GAAG,CAAG,EAAA,EAAE,CAAA,CAAA;AAElE,EAAA,MAAM,GAAM,GAAAA,iBAAA,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,GAASA,kBAAY,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,OAAAC,aAAA,CAAQ,OAAO,EAAE,GAAK,EAAA,GAAA,EAAK,MAAO,EAAA,CAAA,EAAI,CAAC,GAAA,EAAK,GAAK,EAAA,MAAM,CAAC,CAAA,CAAA;AACjE;;;;"}

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

@@ -1,77 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-var CascadingMenuAction = require('./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.CascadingMenuAction.SET_FLIPPED:
-      state[level] = {
-        ...state[level]
-      };
-      return state;
-    default:
-      return state;
-  }
-}
-function useStateReducer(menusDataById = {}, isNavigatingWithKeyboard) {
-  return React.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.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.CascadingMenuAction.RESET_MENU:
-          newState[level] = {
-            ...newState[level],
-            highlightedItemIndex: null
-          };
-          newState = deleteAllMenusStartingFromLevel(level + 1, newState);
-          break;
-        case CascadingMenuAction.CascadingMenuAction.OPEN_MENU:
-          newState[level] = getDefaultMenuState(targetId);
-          break;
-        case CascadingMenuAction.CascadingMenuAction.CLOSE_MENU:
-          newState = deleteAllMenusStartingFromLevel(level, newState);
-          break;
-        case CascadingMenuAction.CascadingMenuAction.CLOSE_CASCADING_MENU:
-          newState = [];
-          break;
-      }
-      return newState;
-    },
-    [isNavigatingWithKeyboard, menusDataById]
-  );
-}
-
-exports.useStateReducer = useStateReducer;
-//# sourceMappingURL=useStateReducer.js.map

package/dist-cjs/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":["CascadingMenuAction","useCallback"],"mappings":";;;;;;;AAYA,SAAS,oBAAoB,EAAuB,EAAA;AAClD,EAAO,OAAA;AAAA,IACL,EAAA;AAAA,IACA,oBAAsB,EAAA,IAAA;AAAA,GACxB,CAAA;AACF,CAAA;AAEA,SAAS,+BAAA,CAAgC,OAAe,KAAoB,EAAA;AAC1E,EAAM,MAAA,QAAA,GAAW,CAAC,GAAG,KAAK,CAAA,CAAA;AAC1B,EAAA,QAAA,CAAS,OAAO,KAAK,CAAA,CAAA;AACrB,EAAO,OAAA,QAAA,CAAA;AACT,CAAA;AAEA,SAAS,mBAAA,CAAoB,KAAc,EAAA,MAAA,EAAoB,KAAe,EAAA;AAC5E,EAAM,MAAA,EAAE,MAAS,GAAA,MAAA,CAAA;AACjB,EAAQ,QAAA,IAAA;AAAA,IAAA,KACDA,uCAAoB,CAAA,WAAA;AACvB,MAAA,KAAA,CAAM,KAAS,CAAA,GAAA;AAAA,QACb,GAAG,KAAM,CAAA,KAAA,CAAA;AAAA,OACX,CAAA;AACA,MAAO,OAAA,KAAA,CAAA;AAAA,IAAA;AAEP,MAAO,OAAA,KAAA,CAAA;AAAA,GAAA;AAEb,CAAA;AAEO,SAAS,eACd,CAAA,aAAA,GAAoC,EAAC,EACrC,wBACA,EAAA;AACA,EAAO,OAAAC,iBAAA;AAAA,IACL,CAAC,OAAc,MAA8B,KAAA;AAC3C,MAAI,IAAA,QAAA,GAAW,CAAC,GAAG,KAAK,CAAA,CAAA;AACxB,MAAA,MAAM,EAAE,IAAA,EAAM,QAAU,EAAA,oBAAA,GAAuB,MAAS,GAAA,MAAA,CAAA;AACxD,MAAA,MAAM,EAAE,KAAA,EAAO,UAAa,GAAA,IAAO,GAAA,MAAA;AAAA,QACjC,aAAc,CAAA,QAAA,CAAA;AAAA,OAChB,CAAA;AACA,MAAA,MAAM,OACJ,GAAA,OAAO,oBAAyB,KAAA,QAAA,GAC5B,WAAW,oBACX,CAAA,GAAA,IAAA,CAAA;AACN,MAAM,MAAA,aAAA,GAAgB,OAAU,GAAA,aAAA,CAAc,OAAW,CAAA,GAAA,KAAA,CAAA,CAAA;AAEzD,MAAW,QAAA,GAAA,mBAAA,CAAoB,QAAU,EAAA,MAAA,EAAQ,KAAK,CAAA,CAAA;AACtD,MAAQ,QAAA,IAAA;AAAA,QAAA,KACDD,uCAAoB,CAAA,2BAAA;AACvB,UAAA,QAAA,CAAS,KAAS,CAAA,GAAA;AAAA,YAChB,GAAG,QAAS,CAAA,KAAA,CAAA;AAAA,YACZ,oBAAA;AAAA,WACF,CAAA;AACA,UAAW,QAAA,GAAA,+BAAA,CAAgC,KAAQ,GAAA,CAAA,EAAG,QAAQ,CAAA,CAAA;AAC9D,UAAI,IAAA,OAAA,IAAW,aAAiB,IAAA,CAAC,wBAA0B,EAAA;AACzD,YAAS,QAAA,CAAA,aAAA,CAAc,KAAS,CAAA,GAAA,mBAAA,CAAoB,OAAO,CAAA,CAAA;AAAA,WAC7D;AACA,UAAA,MAAA;AAAA,QAAA,KACGA,uCAAoB,CAAA,UAAA;AACvB,UAAA,QAAA,CAAS,KAAS,CAAA,GAAA;AAAA,YAChB,GAAG,QAAS,CAAA,KAAA,CAAA;AAAA,YACZ,oBAAsB,EAAA,IAAA;AAAA,WACxB,CAAA;AACA,UAAW,QAAA,GAAA,+BAAA,CAAgC,KAAQ,GAAA,CAAA,EAAG,QAAQ,CAAA,CAAA;AAC9D,UAAA,MAAA;AAAA,QAAA,KACGA,uCAAoB,CAAA,SAAA;AACvB,UAAS,QAAA,CAAA,KAAA,CAAA,GAAS,oBAAoB,QAAQ,CAAA,CAAA;AAC9C,UAAA,MAAA;AAAA,QAAA,KACGA,uCAAoB,CAAA,UAAA;AACvB,UAAW,QAAA,GAAA,+BAAA,CAAgC,OAAO,QAAQ,CAAA,CAAA;AAC1D,UAAA,MAAA;AAAA,QAAA,KACGA,uCAAoB,CAAA,oBAAA;AACvB,UAAA,QAAA,GAAW,EAAC,CAAA;AACZ,UAAA,MAAA;AAEA,OAAA;AAEJ,MAAO,OAAA,QAAA,CAAA;AAAA,KACT;AAAA,IACA,CAAC,0BAA0B,aAAa,CAAA;AAAA,GAC1C,CAAA;AACF;;;;"}

package/dist-cjs/packages/lab/src/cascading-menu/stateChangeTypes.js

@@ -1,28 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const stateChangeTypes = {
-  KEYBOARD_TOGGLE: "keyboardToggle",
-  MOUSE_TOGGLE: "mouseToggle",
-  CLICKED_AWAY: "clickedAway",
-  ON_RESIZE: "onResize",
-  ITEM_CLICKED: "itemClicked",
-  ITEM_KEYDOWN_ENTER: "itemKeydownEnter",
-  ITEM_KEYDOWN_ARROW_RIGHT: "itemKeydownArrowRight",
-  ITEM_KEYDOWN_ARROW_LEFT: "itemKeydownArrowLeft",
-  ITEM_KEYDOWN_ARROW_DOWN: "itemKeydownArrowDown",
-  ITEM_KEYDOWN_ARROW_UP: "itemKeydownArrowUp",
-  ITEM_KEYDOWN_SPACEBAR: "itemKeydownSpacebar",
-  ITEM_KEYDOWN_TAB: "itemKeydownTab",
-  ITEM_KEYDOWN_ESCAPE: "itemKeydownEscape",
-  ITEM_KEYDOWN_HOME: "itemKeydownHome",
-  ITEM_KEYDOWN_END: "itemKeydownEnd",
-  ITEM_MOUSE_ENTER: "itemMouseEnter",
-  ITEM_MOUSE_MOVE_TO_PARENT: "itemMouseMoveToParent",
-  MOUSE_OUT_OF_MENUS: "mouseOutOfMenus",
-  KEYBOARD_NAV_AUTO_FOCUS: "keyboardNavAutoFocus"
-};
-
-exports.stateChangeTypes = stateChangeTypes;
-//# sourceMappingURL=stateChangeTypes.js.map

package/dist-cjs/packages/lab/src/cascading-menu/stateChangeTypes.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"stateChangeTypes.js","sources":["../src/cascading-menu/stateChangeTypes.ts"],"sourcesContent":["export type stateChangeCause =\n  | \"keyboardToggle\"\n  | \"mouseToggle\"\n  | \"clickedAway\"\n  | \"onResize\"\n  | \"itemClicked\"\n  | \"itemKeydownEnter\"\n  | \"itemKeydownArrowRight\"\n  | \"itemKeydownArrowLeft\"\n  | \"itemKeydownArrowDown\"\n  | \"itemKeydownArrowUp\"\n  | \"itemKeydownSpacebar\"\n  | \"itemKeydownTab\"\n  | \"itemKeydownEscape\"\n  | \"itemKeydownHome\"\n  | \"itemKeydownEnd\"\n  | \"itemMouseEnter\"\n  | \"itemMouseMoveToParent\"\n  | \"mouseOutOfMenus\"\n  | \"keyboardNavAutoFocus\";\n\nexport const stateChangeTypes: { [key: string]: stateChangeCause } = {\n  KEYBOARD_TOGGLE: \"keyboardToggle\",\n  MOUSE_TOGGLE: \"mouseToggle\",\n  CLICKED_AWAY: \"clickedAway\",\n  ON_RESIZE: \"onResize\",\n  ITEM_CLICKED: \"itemClicked\",\n  ITEM_KEYDOWN_ENTER: \"itemKeydownEnter\",\n  ITEM_KEYDOWN_ARROW_RIGHT: \"itemKeydownArrowRight\",\n  ITEM_KEYDOWN_ARROW_LEFT: \"itemKeydownArrowLeft\",\n  ITEM_KEYDOWN_ARROW_DOWN: \"itemKeydownArrowDown\",\n  ITEM_KEYDOWN_ARROW_UP: \"itemKeydownArrowUp\",\n  ITEM_KEYDOWN_SPACEBAR: \"itemKeydownSpacebar\",\n  ITEM_KEYDOWN_TAB: \"itemKeydownTab\",\n  ITEM_KEYDOWN_ESCAPE: \"itemKeydownEscape\",\n  ITEM_KEYDOWN_HOME: \"itemKeydownHome\",\n  ITEM_KEYDOWN_END: \"itemKeydownEnd\",\n  ITEM_MOUSE_ENTER: \"itemMouseEnter\",\n  ITEM_MOUSE_MOVE_TO_PARENT: \"itemMouseMoveToParent\",\n  MOUSE_OUT_OF_MENUS: \"mouseOutOfMenus\",\n  KEYBOARD_NAV_AUTO_FOCUS: \"keyboardNavAutoFocus\",\n};\n"],"names":[],"mappings":";;;;AAqBO,MAAM,gBAAwD,GAAA;AAAA,EACnE,eAAiB,EAAA,gBAAA;AAAA,EACjB,YAAc,EAAA,aAAA;AAAA,EACd,YAAc,EAAA,aAAA;AAAA,EACd,SAAW,EAAA,UAAA;AAAA,EACX,YAAc,EAAA,aAAA;AAAA,EACd,kBAAoB,EAAA,kBAAA;AAAA,EACpB,wBAA0B,EAAA,uBAAA;AAAA,EAC1B,uBAAyB,EAAA,sBAAA;AAAA,EACzB,uBAAyB,EAAA,sBAAA;AAAA,EACzB,qBAAuB,EAAA,oBAAA;AAAA,EACvB,qBAAuB,EAAA,qBAAA;AAAA,EACvB,gBAAkB,EAAA,gBAAA;AAAA,EAClB,mBAAqB,EAAA,mBAAA;AAAA,EACrB,iBAAmB,EAAA,iBAAA;AAAA,EACnB,gBAAkB,EAAA,gBAAA;AAAA,EAClB,gBAAkB,EAAA,gBAAA;AAAA,EAClB,yBAA2B,EAAA,uBAAA;AAAA,EAC3B,kBAAoB,EAAA,iBAAA;AAAA,EACpB,uBAAyB,EAAA,sBAAA;AAC3B;;;;"}

package/dist-cjs/packages/lab/src/checkbox/Checkbox.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-medium {\n  --checkbox-fontSize: 12px;\n}\n.salt-density-touch {\n  --checkbox-fontSize: 16px;\n}\n.salt-density-low {\n  --checkbox-fontSize: 14px;\n}\n.salt-density-high {\n  --checkbox-fontSize: 11px;\n}\n\n.saltCheckbox {\n  --checkbox-label-marginTop: calc(var(--salt-size-unit) * var(--checkbox-top-multiplier));\n  --checkbox-space-multiplier: var(--saltCheckbox-space-multiplier, 3);\n  --checkbox-top-multiplier: var(--saltCheckbox-top-multiplier, 0.75);\n}\n\n.saltCheckbox {\n  line-height: var(--saltCheckbox-lineHeight, 1);\n}\n\n/* Styles applied to root component if `disabled={true}` */\n.saltCheckbox-disabled {\n  pointer-events: visible;\n}\n\n/* Styles applied to label element */\n.saltCheckbox-label {\n  align-items: flex-start;\n  margin-top: var(--checkbox-label-marginTop);\n}\n\n.saltCheckbox .saltControlLabel-label {\n  vertical-align: baseline;\n  min-height: var(--saltCheckbox-label-minHeight, var(--salt-text-minHeight));\n}\n\n.saltCheckbox-disabled {\n  --saltControlLabel-color: var(--salt-text-primary-foreground-disabled);\n}\n";
-styleInject_es(css_248z);
-
-module.exports = css_248z;
-//# sourceMappingURL=Checkbox.css.js.map

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

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

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

@@ -1,71 +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 ControlLabel = require('../control-label/ControlLabel.js');
-var CheckboxBase = require('./CheckboxBase.js');
-var CheckboxGroupContext = require('./internal/CheckboxGroupContext.js');
-require('./Checkbox.css.js');
-
-const classBase = "saltCheckbox";
-const Checkbox = React.forwardRef(
-  function Checkbox2(props, ref) {
-    var _a;
-    const {
-      checked: checkedProp,
-      className,
-      defaultChecked: defaultCheckedProp,
-      disabled,
-      indeterminate,
-      inputProps,
-      label,
-      LabelProps,
-      onChange,
-      value,
-      ...rest
-    } = props;
-    const groupContext = React.useContext(CheckboxGroupContext.CheckboxGroupContext);
-    const handleChange = core.createChainedFunction(
-      onChange,
-      groupContext == null ? void 0 : groupContext.onChange
-    );
-    let checked = checkedProp;
-    let defaultChecked = defaultCheckedProp;
-    if (groupContext) {
-      if (typeof checked === "undefined" && typeof value === "string") {
-        checked = (_a = groupContext == null ? void 0 : groupContext.checkedValues) == null ? void 0 : _a.includes(value);
-      }
-      defaultChecked = void 0;
-    }
-    return /* @__PURE__ */ jsxRuntime.jsx("div", {
-      ...rest,
-      className: clsx.clsx(classBase, className, {
-        [`${classBase}-disabled`]: disabled
-      }),
-      "data-testid": "checkbox",
-      ref,
-      children: /* @__PURE__ */ jsxRuntime.jsx(ControlLabel.ControlLabel, {
-        ...LabelProps,
-        className: `${classBase}-label`,
-        disabled,
-        label,
-        labelPlacement: "right",
-        children: /* @__PURE__ */ jsxRuntime.jsx(CheckboxBase.CheckboxBase, {
-          checked,
-          disabled,
-          defaultChecked,
-          indeterminate,
-          onChange: handleChange,
-          value
-        })
-      })
-    });
-  }
-);
-
-exports.Checkbox = Checkbox;
-//# sourceMappingURL=Checkbox.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Checkbox.js","sources":["../src/checkbox/Checkbox.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport { forwardRef, useContext } from \"react\";\nimport { createChainedFunction } from \"@salt-ds/core\";\nimport { ControlLabel, ControlLabelProps } from \"../control-label\";\nimport { CheckboxBase, CheckboxBaseProps } from \"./CheckboxBase\";\nimport { CheckboxGroupContext } from \"./internal/CheckboxGroupContext\";\n\nimport \"./Checkbox.css\";\n\nexport interface CheckboxProps extends CheckboxBaseProps {\n  label?: ControlLabelProps[\"label\"];\n  LabelProps?: Partial<ControlLabelProps>;\n}\n\nconst classBase = \"saltCheckbox\";\n\nexport const Checkbox = forwardRef<HTMLDivElement, CheckboxProps>(\n  function Checkbox(props, ref) {\n    const {\n      checked: checkedProp,\n      className,\n      defaultChecked: defaultCheckedProp,\n      disabled,\n      indeterminate,\n      inputProps,\n      label,\n      LabelProps,\n      onChange,\n      value,\n      ...rest\n    } = props;\n\n    const groupContext = useContext(CheckboxGroupContext);\n\n    const handleChange = createChainedFunction(\n      onChange,\n      groupContext?.onChange\n    );\n\n    let checked = checkedProp;\n    let defaultChecked = defaultCheckedProp;\n\n    if (groupContext) {\n      if (typeof checked === \"undefined\" && typeof value === \"string\") {\n        checked = groupContext?.checkedValues?.includes(value);\n      }\n\n      defaultChecked = undefined;\n    }\n\n    return (\n      <div\n        {...rest}\n        className={clsx(classBase, className, {\n          [`${classBase}-disabled`]: disabled,\n        })}\n        data-testid=\"checkbox\"\n        ref={ref}\n      >\n        <ControlLabel\n          {...LabelProps}\n          className={`${classBase}-label`}\n          disabled={disabled}\n          label={label}\n          labelPlacement={\"right\"}\n        >\n          <CheckboxBase\n            checked={checked}\n            disabled={disabled}\n            defaultChecked={defaultChecked}\n            indeterminate={indeterminate}\n            onChange={handleChange}\n            value={value}\n          />\n        </ControlLabel>\n      </div>\n    );\n  }\n);\n"],"names":["forwardRef","Checkbox","useContext","CheckboxGroupContext","createChainedFunction","jsx","clsx","ControlLabel","CheckboxBase"],"mappings":";;;;;;;;;;;;;AAcA,MAAM,SAAY,GAAA,cAAA,CAAA;AAEX,MAAM,QAAW,GAAAA,gBAAA;AAAA,EACtB,SAASC,SAAS,CAAA,KAAA,EAAO,GAAK,EAAA;AAjBhC,IAAA,IAAA,EAAA,CAAA;AAkBI,IAAM,MAAA;AAAA,MACJ,OAAS,EAAA,WAAA;AAAA,MACT,SAAA;AAAA,MACA,cAAgB,EAAA,kBAAA;AAAA,MAChB,QAAA;AAAA,MACA,aAAA;AAAA,MACA,UAAA;AAAA,MACA,KAAA;AAAA,MACA,UAAA;AAAA,MACA,QAAA;AAAA,MACA,KAAA;AAAA,MACG,GAAA,IAAA;AAAA,KACD,GAAA,KAAA,CAAA;AAEJ,IAAM,MAAA,YAAA,GAAeC,iBAAWC,yCAAoB,CAAA,CAAA;AAEpD,IAAA,MAAM,YAAe,GAAAC,0BAAA;AAAA,MACnB,QAAA;AAAA,MACA,YAAc,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,YAAA,CAAA,QAAA;AAAA,KAChB,CAAA;AAEA,IAAA,IAAI,OAAU,GAAA,WAAA,CAAA;AACd,IAAA,IAAI,cAAiB,GAAA,kBAAA,CAAA;AAErB,IAAA,IAAI,YAAc,EAAA;AAChB,MAAA,IAAI,OAAO,OAAA,KAAY,WAAe,IAAA,OAAO,UAAU,QAAU,EAAA;AAC/D,QAAU,OAAA,GAAA,CAAA,EAAA,GAAA,YAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,YAAA,CAAc,aAAd,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAA6B,QAAS,CAAA,KAAA,CAAA,CAAA;AAAA,OAClD;AAEA,MAAiB,cAAA,GAAA,KAAA,CAAA,CAAA;AAAA,KACnB;AAEA,IAAA,uBACGC,cAAA,CAAA,KAAA,EAAA;AAAA,MACE,GAAG,IAAA;AAAA,MACJ,SAAA,EAAWC,SAAK,CAAA,SAAA,EAAW,SAAW,EAAA;AAAA,QACpC,CAAC,GAAG,SAAuB,CAAA,SAAA,CAAA,GAAA,QAAA;AAAA,OAC5B,CAAA;AAAA,MACD,aAAY,EAAA,UAAA;AAAA,MACZ,GAAA;AAAA,MAEA,QAAC,kBAAAD,cAAA,CAAAE,yBAAA,EAAA;AAAA,QACE,GAAG,UAAA;AAAA,QACJ,WAAW,CAAG,EAAA,SAAA,CAAA,MAAA,CAAA;AAAA,QACd,QAAA;AAAA,QACA,KAAA;AAAA,QACA,cAAgB,EAAA,OAAA;AAAA,QAEhB,QAAC,kBAAAF,cAAA,CAAAG,yBAAA,EAAA;AAAA,UACC,OAAA;AAAA,UACA,QAAA;AAAA,UACA,cAAA;AAAA,UACA,aAAA;AAAA,UACA,QAAU,EAAA,YAAA;AAAA,UACV,KAAA;AAAA,SACF,CAAA;AAAA,OACF,CAAA;AAAA,KACF,CAAA,CAAA;AAAA,GAEJ;AACF;;;;"}

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

@@ -1,9 +0,0 @@
-'use strict';
-
-var styleInject_es = require('../../../../node_modules/style-inject/dist/style-inject.es.js');
-
-var css_248z = ".saltCheckboxBase {\n  background: var(--saltCheckbox-background, none);\n  line-height: 0;\n  padding-top: 1px;\n  padding-bottom: 1px;\n  position: relative;\n}\n\n/* Styles applied to input element */\n.saltCheckboxBase-input {\n  cursor: inherit;\n  height: 10px;\n  left: 0;\n  margin: 0;\n  opacity: 0;\n  padding: 0;\n  position: absolute;\n  top: 0;\n  width: 10px;\n  z-index: var(--salt-zIndex-default);\n}\n";
-styleInject_es(css_248z);
-
-module.exports = css_248z;
-//# sourceMappingURL=CheckboxBase.css.js.map

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

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

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

@@ -1,99 +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 CheckboxIcon = require('./CheckboxIcon.js');
-require('./CheckboxBase.css.js');
-
-const withBaseName = core.makePrefixer("saltCheckboxBase");
-const CheckboxBase = React.forwardRef(
-  function CheckboxBase2({
-    checked: checkedProp,
-    className: classNameProp,
-    defaultChecked,
-    disabled,
-    indeterminate,
-    inputProps,
-    name,
-    onBlur,
-    onChange,
-    onFocus,
-    value,
-    ...rest
-  }, ref) {
-    const inputRef = React.useRef(null);
-    const [checked, setChecked] = core.useControlled({
-      controlled: checkedProp,
-      default: Boolean(defaultChecked),
-      name: "Checkbox",
-      state: "checked"
-    });
-    const [focusVisible, setFocusVisible] = React.useState(false);
-    const handleChange = (event) => {
-      if (event.nativeEvent.defaultPrevented) {
-        return;
-      }
-      const value2 = event.target.checked;
-      setChecked(value2);
-      onChange == null ? void 0 : onChange(event, value2);
-    };
-    const handleFocus = React.useCallback(
-      (event) => {
-        var _a;
-        if (!inputRef.current) {
-          inputRef.current = event.currentTarget;
-        }
-        if ((_a = inputRef.current) == null ? void 0 : _a.matches(":focus-visible")) {
-          setFocusVisible(true);
-        }
-        onFocus && onFocus(event);
-      },
-      [onFocus]
-    );
-    const handleBlur = React.useCallback(
-      (event) => {
-        setFocusVisible(false);
-        onBlur && onBlur(event);
-      },
-      [onBlur]
-    );
-    const className = clsx.clsx(withBaseName(), classNameProp, {
-      saltFocusVisible: focusVisible
-    });
-    return /* @__PURE__ */ jsxRuntime.jsxs("span", {
-      ...rest,
-      className,
-      ref,
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx("input", {
-          "aria-checked": indeterminate ? "mixed" : checked,
-          name,
-          value,
-          ...inputProps,
-          checked: checkedProp,
-          className: withBaseName("input"),
-          "data-indeterminate": indeterminate,
-          defaultChecked,
-          disabled,
-          onBlur: handleBlur,
-          onChange: handleChange,
-          onFocus: handleFocus,
-          ref: inputRef,
-          type: "checkbox"
-        }),
-        /* @__PURE__ */ jsxRuntime.jsx(CheckboxIcon.CheckboxIcon, {
-          checked,
-          disabled,
-          indeterminate
-        })
-      ]
-    });
-  }
-);
-
-exports.CheckboxBase = CheckboxBase;
-//# sourceMappingURL=CheckboxBase.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"CheckboxBase.js","sources":["../src/checkbox/CheckboxBase.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport {\n  ChangeEvent,\n  FocusEvent,\n  FocusEventHandler,\n  forwardRef,\n  HTMLAttributes,\n  InputHTMLAttributes,\n  useCallback,\n  useRef,\n  useState,\n} from \"react\";\nimport { makePrefixer, useControlled } from \"@salt-ds/core\";\nimport { CheckboxIcon } from \"./CheckboxIcon\";\n\nimport \"./CheckboxBase.css\";\n\nconst withBaseName = makePrefixer(\"saltCheckboxBase\");\n\nexport interface CheckboxBaseProps\n  extends Omit<HTMLAttributes<HTMLDivElement>, \"onChange\"> {\n  checked?: boolean;\n  defaultChecked?: boolean;\n  disabled?: boolean;\n  indeterminate?: boolean;\n  inputProps?: Partial<InputHTMLAttributes<HTMLInputElement>>;\n  name?: string;\n  onBlur?: FocusEventHandler<HTMLInputElement>;\n  /**\n   * Callback when checked state is changed\n   */\n  onChange?: (event: ChangeEvent<HTMLInputElement>, checked: boolean) => void;\n  onFocus?: FocusEventHandler<HTMLInputElement>;\n  value?: string;\n}\n\nexport const CheckboxBase = forwardRef<HTMLDivElement, CheckboxBaseProps>(\n  function CheckboxBase(\n    {\n      checked: checkedProp,\n      className: classNameProp,\n      defaultChecked,\n      disabled,\n      indeterminate,\n      inputProps,\n      name,\n      onBlur,\n      onChange,\n      onFocus,\n      value,\n      ...rest\n    },\n    ref\n  ) {\n    // null is needed here so we can modify the ref on line 70\n    const inputRef = useRef<HTMLInputElement | null>(null);\n\n    const [checked, setChecked] = useControlled({\n      controlled: checkedProp,\n      default: Boolean(defaultChecked),\n      name: \"Checkbox\",\n      state: \"checked\",\n    });\n\n    const [focusVisible, setFocusVisible] = useState(false);\n\n    const handleChange = (event: ChangeEvent<HTMLInputElement>) => {\n      // Workaround for https://github.com/facebook/react/issues/9023\n      if (event.nativeEvent.defaultPrevented) {\n        return;\n      }\n\n      const value = event.target.checked;\n      setChecked(value);\n      onChange?.(event, value);\n    };\n\n    const handleFocus = useCallback(\n      (event: FocusEvent<HTMLInputElement>) => {\n        // Fix for https://github.com/facebook/react/issues/7769\n        if (!inputRef.current) {\n          inputRef.current = event.currentTarget;\n        }\n\n        // TODO :focus-visible not yet supported on Safari, so we'll need to use the\n        // useIsFocusVisible polyfill\n        if (inputRef.current?.matches(\":focus-visible\")) {\n          setFocusVisible(true);\n        }\n\n        onFocus && onFocus(event);\n      },\n      [onFocus]\n    );\n\n    const handleBlur = useCallback(\n      (event: FocusEvent<HTMLInputElement>) => {\n        setFocusVisible(false);\n        onBlur && onBlur(event);\n      },\n      [onBlur]\n    );\n\n    const className = clsx(withBaseName(), classNameProp, {\n      saltFocusVisible: focusVisible,\n    });\n    return (\n      <span {...rest} className={className} ref={ref}>\n        <input\n          aria-checked={indeterminate ? \"mixed\" : checked}\n          name={name}\n          value={value}\n          {...inputProps}\n          checked={checkedProp}\n          className={withBaseName(\"input\")}\n          data-indeterminate={indeterminate}\n          defaultChecked={defaultChecked}\n          disabled={disabled}\n          onBlur={handleBlur}\n          onChange={handleChange}\n          onFocus={handleFocus}\n          ref={inputRef}\n          type=\"checkbox\"\n        />\n        <CheckboxIcon\n          checked={checked}\n          disabled={disabled}\n          indeterminate={indeterminate}\n        />\n      </span>\n    );\n  }\n);\n"],"names":["makePrefixer","forwardRef","CheckboxBase","useRef","useControlled","useState","value","useCallback","clsx","jsxs","jsx","CheckboxIcon"],"mappings":"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"}

package/dist-cjs/packages/lab/src/checkbox/CheckboxGroup.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.saltCheckboxGroup {\n  border: 0;\n  margin: 0;\n  padding: 0;\n  display: inline-flex;\n  flex-direction: column;\n  vertical-align: top;\n}\n\n/* Styles applied to root component if `row={true}` */\n.saltCheckboxGroup-horizontal {\n  --saltControlLabel-right-marginRight: calc(var(--salt-size-unit) * 3);\n\n  display: block;\n}\n";
-styleInject_es(css_248z);
-
-module.exports = css_248z;
-//# sourceMappingURL=CheckboxGroup.css.js.map

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

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

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":";;;;;;;;;"}