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

package/dist-es/packages/lab/src/responsive/useReclaimSpace.js

@@ -1,110 +0,0 @@
-import { useCallback } from 'react';
-import { popNextItemByPriority, measureContainerOverflow, getOverflowIndicator } from './overflowUtils.js';
-
-const getPriority = (item) => item.priority;
-const canReclaimSpace = (item) => item.collapsed && item.reclaimSpace;
-const hasReclaimedSpace = (item) => item.reclaimedSpace;
-const getReclaimableSpace = ({ size, minSize = 0 }) => size - minSize;
-const findNextOverflowedItem = (items) => {
-  const overflowedItems = items.filter((item) => item.overflowed);
-  const minPriority = Math.min(...overflowedItems.map(getPriority));
-  for (let i = 0; i < overflowedItems.length; i++) {
-    if (overflowedItems[i].priority === minPriority) {
-      return overflowedItems[i];
-    }
-  }
-  return null;
-};
-const addAllVisible = (sum, m) => sum + (m.overflowed ? 0 : m.size);
-const canReleaseReclaimedSpace = (size, items) => {
-  const claimant = items.find(hasReclaimedSpace);
-  const overflowedItem = findNextOverflowedItem(items);
-  if (claimant && overflowedItem) {
-    const renderedSize = items.reduce(addAllVisible, 0);
-    const { size: indicatorSize } = getOverflowIndicator(items);
-    const { size: overflowedSize } = overflowedItem;
-    const reclaimableSpace = getReclaimableSpace(claimant);
-    const renderedSizeAfterReclaim = renderedSize - reclaimableSpace - indicatorSize;
-    const maxAvailableSpace = size - renderedSizeAfterReclaim;
-    if (maxAvailableSpace >= overflowedSize) {
-      return true;
-    }
-  }
-};
-const mightBeAbleToReclaimSpace = (items) => items.some(canReclaimSpace);
-const useReclaimSpace = ({
-  collectionHook,
-  label = "Toolbar",
-  overflowItemsRef: managedItemsRef,
-  overflowContainerRef: ref,
-  orientation
-}) => {
-  useCallback(
-    (visibleContentSize, containerSize) => {
-      let newlyOverflowedItems = [];
-      const { current: managedItems } = managedItemsRef;
-      const visibleItems = managedItems.slice();
-      while (visibleContentSize > containerSize) {
-        const overflowedItem = popNextItemByPriority(visibleItems);
-        if (overflowedItem === null) {
-          break;
-        }
-        visibleContentSize -= overflowedItem.size;
-        newlyOverflowedItems.push(overflowedItem);
-      }
-      return newlyOverflowedItems;
-    },
-    []
-  );
-  const releaseReclaimedSpace = useCallback(() => {
-    const { current: managedItems } = managedItemsRef;
-    const claimant = managedItems.find(hasReclaimedSpace);
-    if (claimant) {
-      collectionHook.dispatch({
-        type: "replace-item",
-        overflowItem: {
-          ...claimant,
-          collapsed: true,
-          collapsing: false,
-          reclaimedSpace: void 0,
-          size: claimant.minSize,
-          fullSize: claimant.size
-        }
-      });
-    }
-  }, []);
-  const handleResize = useCallback(
-    (size, containerHasGrown) => {
-      const { isOverflowing: willOverflow } = measureContainerOverflow(
-        ref,
-        orientation
-      );
-      const { current: managedItems } = managedItemsRef;
-      if (containerHasGrown && canReleaseReclaimedSpace(size, managedItems)) {
-        releaseReclaimedSpace();
-      } else if (!containerHasGrown && willOverflow && mightBeAbleToReclaimSpace(managedItems)) {
-        const collapsedChild = managedItems.find(canReclaimSpace);
-        if (collapsedChild) {
-          collectionHook.dispatch({
-            type: "replace-item",
-            overflowItem: {
-              ...collapsedChild,
-              collapsed: false,
-              collapsing: true,
-              reclaimedSpace: true,
-              size: collapsedChild.fullSize,
-              fullSize: null
-            }
-          });
-        }
-      }
-    },
-    []
-  );
-  return {
-    onResize: handleResize
-  };
-};
-
-export { addAllVisible, useReclaimSpace };
-//# sourceMappingURL=useReclaimSpace.js.map

package/dist-es/packages/lab/src/responsive/useReclaimSpace.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useReclaimSpace.js","sources":["../src/responsive/useReclaimSpace.ts"],"sourcesContent":["import { useCallback } from \"react\";\nimport {\n  OverflowItem,\n  OverflowHookProps,\n  OverflowHookResult,\n} from \"./overflowTypes\";\n\nimport {\n  getOverflowIndicator,\n  measureContainerOverflow,\n  popNextItemByPriority,\n} from \"./overflowUtils\";\n\nconst getPriority = (item: OverflowItem) => item.priority;\n\nconst canReclaimSpace = (item: OverflowItem) =>\n  item.collapsed && item.reclaimSpace;\n\nconst hasReclaimedSpace = (item: OverflowItem) => item.reclaimedSpace;\nconst getReclaimableSpace = ({ size, minSize = 0 }: OverflowItem) =>\n  size - minSize;\n\nconst findNextOverflowedItem = (items: OverflowItem[]) => {\n  const overflowedItems = items.filter((item) => item.overflowed);\n  const minPriority = Math.min(...overflowedItems.map(getPriority));\n  for (let i = 0; i < overflowedItems.length; i++) {\n    if (overflowedItems[i].priority === minPriority) {\n      return overflowedItems[i];\n    }\n  }\n  return null;\n};\n\nexport const addAllVisible = (sum: number, m: OverflowItem) =>\n  sum + (m.overflowed ? 0 : m.size);\n\nconst canReleaseReclaimedSpace = (size: number, items: OverflowItem[]) => {\n  const claimant = items.find(hasReclaimedSpace);\n  const overflowedItem = findNextOverflowedItem(items);\n  if (claimant && overflowedItem) {\n    const renderedSize = items.reduce(addAllVisible, 0);\n    const { size: indicatorSize } = getOverflowIndicator(items)!;\n    const { size: overflowedSize } = overflowedItem;\n    // TODO we can discount the indicator size ONLY IF overflowed item is only overflowed item\n    const reclaimableSpace = getReclaimableSpace(claimant);\n    const renderedSizeAfterReclaim =\n      renderedSize - reclaimableSpace - indicatorSize;\n    const maxAvailableSpace = size - renderedSizeAfterReclaim;\n    if (maxAvailableSpace >= overflowedSize) {\n      return true;\n    }\n  }\n};\n\nconst mightBeAbleToReclaimSpace = (items: OverflowItem[]) =>\n  items.some(canReclaimSpace);\n\n// We need to release the reclaimed space (i.e take it back from the collapsed item and re-assign it\n// as available space) when container grows and space now allows overflowed item to be 'un-wrapped'\n\nexport const useReclaimSpace = ({\n  collectionHook,\n  label = \"Toolbar\",\n  overflowItemsRef: managedItemsRef,\n  overflowContainerRef: ref,\n  orientation,\n}: OverflowHookProps): OverflowHookResult => {\n  const getAllOverflowedItems = useCallback(\n    (visibleContentSize: number, containerSize: number) => {\n      let newlyOverflowedItems = [];\n      const { current: managedItems } = managedItemsRef;\n      const visibleItems = managedItems.slice();\n      while (visibleContentSize > containerSize) {\n        const overflowedItem = popNextItemByPriority(visibleItems);\n        if (overflowedItem === null) {\n          break;\n        }\n        // eslint-disable-next-line no-param-reassign\n        visibleContentSize -= overflowedItem.size;\n        newlyOverflowedItems.push(overflowedItem);\n      }\n      return newlyOverflowedItems;\n    },\n    []\n  );\n\n  const releaseReclaimedSpace = useCallback(() => {\n    const { current: managedItems } = managedItemsRef;\n\n    const claimant = managedItems.find(hasReclaimedSpace);\n    if (claimant) {\n      // Might not always need to collapse, if there is enough available space for it to still be collapsing\n      // collapse the claimant and turn off recvlaimed\n      collectionHook.dispatch({\n        type: \"replace-item\",\n        overflowItem: {\n          ...claimant,\n          collapsed: true,\n          collapsing: false,\n          reclaimedSpace: undefined,\n          size: claimant.minSize as number,\n          fullSize: claimant.size,\n        },\n      });\n    }\n  }, []);\n  const handleResize = useCallback(\n    (size: number, containerHasGrown?: boolean) => {\n      const { isOverflowing: willOverflow } = measureContainerOverflow(\n        ref,\n        orientation\n      );\n      const { current: managedItems } = managedItemsRef;\n\n      if (containerHasGrown && canReleaseReclaimedSpace(size, managedItems)) {\n        releaseReclaimedSpace();\n      } else if (\n        !containerHasGrown &&\n        willOverflow &&\n        mightBeAbleToReclaimSpace(managedItems)\n      ) {\n        const collapsedChild = managedItems.find(canReclaimSpace);\n        if (collapsedChild) {\n          collectionHook.dispatch({\n            type: \"replace-item\",\n            overflowItem: {\n              ...collapsedChild,\n              collapsed: false,\n              collapsing: true,\n              reclaimedSpace: true,\n              size: collapsedChild.fullSize as number,\n              fullSize: null,\n            },\n          });\n        }\n      }\n    },\n    []\n  );\n\n  return {\n    onResize: handleResize,\n  };\n};\n"],"names":[],"mappings":"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"}

package/dist-es/packages/lab/src/responsive/useResizeObserver.js

@@ -1,114 +0,0 @@
-import { useIsomorphicLayoutEffect } from '@salt-ds/core';
-import { useRef, useCallback } from 'react';
-
-const WidthHeight = ["height", "width"];
-const HeightOnly = ["height"];
-const WidthOnly = ["width"];
-const observedMap = /* @__PURE__ */ new WeakMap();
-const getTargetSize = (element, contentRect, dimension) => {
-  switch (dimension) {
-    case "height":
-      return contentRect.height;
-    case "scrollHeight":
-      return element.scrollHeight;
-    case "scrollWidth":
-      return element.scrollWidth;
-    case "width":
-      return contentRect.width;
-    default:
-      return 0;
-  }
-};
-const resizeObserver = typeof ResizeObserver !== "undefined" ? new ResizeObserver((entries) => {
-  for (const entry of entries) {
-    const { target, contentRect } = entry;
-    const observedTarget = observedMap.get(target);
-    if (observedTarget) {
-      const { onResize, measurements } = observedTarget;
-      let sizeChanged = false;
-      for (const [dimension, size] of Object.entries(measurements)) {
-        const newSize = getTargetSize(
-          target,
-          contentRect,
-          dimension
-        );
-        if (newSize !== size) {
-          sizeChanged = true;
-          measurements[dimension] = newSize;
-        }
-      }
-      if (sizeChanged) {
-        onResize && onResize(measurements);
-      }
-    }
-  }
-}) : null;
-function useResizeObserver(ref, dimensions, onResize, reportInitialSize = false) {
-  const dimensionsRef = useRef(dimensions);
-  const measure = useCallback((target) => {
-    const rect = target.getBoundingClientRect();
-    return dimensionsRef.current.reduce(
-      (map, dim) => {
-        map[dim] = getTargetSize(target, rect, dim);
-        return map;
-      },
-      {}
-    );
-  }, []);
-  useIsomorphicLayoutEffect(() => {
-    if (!resizeObserver) {
-      return void 0;
-    }
-    const target = ref.current;
-    let cleanedUp = false;
-    async function registerObserver() {
-      observedMap.set(target, { measurements: {} });
-      cleanedUp = false;
-      const { fonts } = document;
-      if (fonts) {
-        await fonts.ready;
-      }
-      if (!cleanedUp && resizeObserver) {
-        const observedTarget = observedMap.get(target);
-        if (observedTarget) {
-          const measurements = measure(target);
-          observedTarget.measurements = measurements;
-          resizeObserver.observe(target);
-          if (reportInitialSize) {
-            onResize(measurements);
-          }
-        }
-      }
-    }
-    if (target) {
-      if (observedMap.has(target)) {
-        throw Error(
-          "useResizeObserver attemping to observe same element twice"
-        );
-      }
-      void registerObserver();
-    }
-    return () => {
-      if (target && observedMap.has(target)) {
-        resizeObserver.unobserve(target);
-        observedMap.delete(target);
-        cleanedUp = true;
-      }
-    };
-  }, [ref, measure]);
-  useIsomorphicLayoutEffect(() => {
-    const target = ref.current;
-    const record = observedMap.get(target);
-    if (record) {
-      if (dimensionsRef.current !== dimensions) {
-        dimensionsRef.current = dimensions;
-        const measurements = measure(target);
-        record.measurements = measurements;
-      }
-      record.onResize = onResize;
-    }
-  }, [dimensions, measure, ref, onResize]);
-}
-
-export { HeightOnly, WidthHeight, WidthOnly, useResizeObserver };
-//# sourceMappingURL=useResizeObserver.js.map

package/dist-es/packages/lab/src/responsive/useResizeObserver.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useResizeObserver.js","sources":["../src/responsive/useResizeObserver.ts"],"sourcesContent":["/* eslint-disable no-restricted-syntax */\nimport { useIsomorphicLayoutEffect } from \"@salt-ds/core\";\nimport { useCallback, useRef, RefObject } from \"react\";\nexport const WidthHeight = [\"height\", \"width\"];\nexport const HeightOnly = [\"height\"];\nexport const WidthOnly = [\"width\"];\n\nexport type measurements<T = string | number> = {\n  height?: T;\n  scrollHeight?: T;\n  scrollWidth?: T;\n  width?: T;\n};\ntype measuredDimension = keyof measurements<number>;\n\nexport type ResizeHandler = (measurements: measurements<number>) => void;\n\ntype observedDetails = {\n  onResize?: ResizeHandler;\n  measurements: measurements<number>;\n};\nconst observedMap = new WeakMap<HTMLElement, observedDetails>();\n\nconst getTargetSize = (\n  element: HTMLElement,\n  contentRect: DOMRectReadOnly,\n  dimension: measuredDimension\n): number => {\n  switch (dimension) {\n    case \"height\":\n      return contentRect.height;\n    case \"scrollHeight\":\n      return element.scrollHeight;\n    case \"scrollWidth\":\n      return element.scrollWidth;\n    case \"width\":\n      return contentRect.width;\n    default:\n      return 0;\n  }\n};\n\nconst resizeObserver =\n  typeof ResizeObserver !== \"undefined\"\n    ? new ResizeObserver((entries: ResizeObserverEntry[]) => {\n        for (const entry of entries) {\n          const { target, contentRect } = entry;\n          const observedTarget = observedMap.get(target as HTMLElement);\n          if (observedTarget) {\n            const { onResize, measurements } = observedTarget;\n            let sizeChanged = false;\n            for (const [dimension, size] of Object.entries(measurements)) {\n              const newSize = getTargetSize(\n                target as HTMLElement,\n                contentRect,\n                dimension as measuredDimension\n              );\n              if (newSize !== size) {\n                sizeChanged = true;\n                measurements[dimension as measuredDimension] = newSize;\n              }\n            }\n            if (sizeChanged) {\n              onResize && onResize(measurements);\n            }\n          }\n        }\n      })\n    : null;\n\n// TODO use an optional lag (default to false) to ask to fire onResize\n// with initial size\n// Note asking for scrollHeight alone will not trigger onResize, this is only triggered by height,\n// with scrollHeight returned as an auxilliary value\nexport function useResizeObserver(\n  ref: RefObject<Element | HTMLElement | null>,\n  dimensions: string[],\n  onResize: ResizeHandler,\n  reportInitialSize = false\n): void {\n  const dimensionsRef = useRef(dimensions);\n  const measure = useCallback((target: HTMLElement): measurements<number> => {\n    const rect = target.getBoundingClientRect();\n    return dimensionsRef.current.reduce(\n      (map: { [key: string]: number }, dim) => {\n        map[dim] = getTargetSize(target, rect, dim as measuredDimension);\n        return map;\n      },\n      {}\n    );\n  }, []);\n\n  // TODO use ref to store resizeHandler here\n  // resize handler registered with REsizeObserver will never change\n  // use ref to store user onResize callback here\n  // resizeHandler will call user callback.current\n\n  // Keep this effect separate in case user inadvertently passes different\n  // dimensions or callback instance each time - we only ever want to\n  // initiate new observation when ref changes.\n  useIsomorphicLayoutEffect(() => {\n    if (!resizeObserver) {\n      return undefined;\n    }\n\n    const target = ref.current as HTMLElement;\n    let cleanedUp = false;\n\n    async function registerObserver() {\n      // Create the map entry immediately. useEffect may fire below\n      // before fonts are ready and attempt to update entry\n      observedMap.set(target, { measurements: {} as measurements<number> });\n      cleanedUp = false;\n      // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment\n      const { fonts } = document as any;\n      if (fonts) {\n        // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access\n        await fonts.ready;\n      }\n      if (!cleanedUp && resizeObserver) {\n        const observedTarget = observedMap.get(target);\n        if (observedTarget) {\n          const measurements = measure(target);\n          observedTarget.measurements = measurements;\n          resizeObserver.observe(target);\n          if (reportInitialSize) {\n            onResize(measurements);\n          }\n        }\n      }\n    }\n\n    if (target) {\n      // TODO might we want multiple callers to attach a listener to the same element ?\n      if (observedMap.has(target)) {\n        throw Error(\n          \"useResizeObserver attemping to observe same element twice\"\n        );\n      }\n      void registerObserver();\n    }\n    return () => {\n      if (target && observedMap.has(target)) {\n        resizeObserver.unobserve(target);\n        observedMap.delete(target);\n        cleanedUp = true;\n      }\n    };\n  }, [ref, measure]);\n\n  useIsomorphicLayoutEffect(() => {\n    const target = ref.current as HTMLElement;\n    const record = observedMap.get(target);\n    if (record) {\n      if (dimensionsRef.current !== dimensions) {\n        dimensionsRef.current = dimensions;\n        const measurements = measure(target);\n        record.measurements = measurements;\n      }\n      // Might not have changed, but no harm ...\n      record.onResize = onResize;\n    }\n  }, [dimensions, measure, ref, onResize]);\n\n  // TODO might be a good idea to ref and return the current measurememnts. That way, derived hooks\n  // e.g useBreakpoints don't have to measure and client cn make onResize callback simpler\n}\n"],"names":[],"mappings":"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"}

package/dist-es/packages/lab/src/responsive/useWidth.js

@@ -1,24 +0,0 @@
-import { useState, useRef, useCallback } from 'react';
-import { useIsomorphicLayoutEffect } from '@salt-ds/core';
-import { useResizeObserver, WidthOnly } from './useResizeObserver.js';
-
-const NONE = [];
-function useWidth(responsive) {
-  const [width, setWidth] = useState();
-  const ref = useRef(null);
-  const handleResize = useCallback(({ width: newWidth }) => {
-    setWidth(newWidth);
-  }, []);
-  const measurementsToObserve = responsive ? WidthOnly : NONE;
-  useResizeObserver(ref, measurementsToObserve, handleResize);
-  useIsomorphicLayoutEffect(() => {
-    if (!ref.current) {
-      return void 0;
-    }
-    handleResize(ref.current.getBoundingClientRect());
-  }, [handleResize, responsive]);
-  return [ref, width];
-}
-
-export { useWidth };
-//# sourceMappingURL=useWidth.js.map

package/dist-es/packages/lab/src/responsive/useWidth.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useWidth.js","sources":["../src/responsive/useWidth.ts"],"sourcesContent":["import { RefObject, useCallback, useRef, useState } from \"react\";\nimport { useIsomorphicLayoutEffect } from \"@salt-ds/core\";\nimport {\n  ResizeHandler,\n  useResizeObserver,\n  WidthOnly,\n} from \"./useResizeObserver\";\n\nconst NONE: string[] = [];\n\nexport function useWidth<Element extends HTMLElement>(\n  responsive: boolean\n): [RefObject<Element>, number] {\n  const [width, setWidth] = useState<number>();\n  const ref = useRef<HTMLElement>(null);\n\n  const handleResize: ResizeHandler = useCallback(({ width: newWidth }) => {\n    setWidth(newWidth);\n  }, []);\n\n  const measurementsToObserve = responsive ? WidthOnly : NONE;\n  useResizeObserver(ref, measurementsToObserve, handleResize);\n\n  useIsomorphicLayoutEffect(() => {\n    if (!ref.current) {\n      return undefined;\n    }\n    handleResize(ref.current.getBoundingClientRect());\n  }, [handleResize, responsive]);\n\n  return [ref, width] as [RefObject<Element>, number];\n}\n"],"names":[],"mappings":";;;;AAQA,MAAM,OAAiB,EAAC,CAAA;AAEjB,SAAS,SACd,UAC8B,EAAA;AAC9B,EAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,CAAA,GAAI,QAAiB,EAAA,CAAA;AAC3C,EAAM,MAAA,GAAA,GAAM,OAAoB,IAAI,CAAA,CAAA;AAEpC,EAAA,MAAM,eAA8B,WAAY,CAAA,CAAC,EAAE,KAAA,EAAO,UAAe,KAAA;AACvE,IAAA,QAAA,CAAS,QAAQ,CAAA,CAAA;AAAA,GACnB,EAAG,EAAE,CAAA,CAAA;AAEL,EAAM,MAAA,qBAAA,GAAwB,aAAa,SAAY,GAAA,IAAA,CAAA;AACvD,EAAkB,iBAAA,CAAA,GAAA,EAAK,uBAAuB,YAAY,CAAA,CAAA;AAE1D,EAAA,yBAAA,CAA0B,MAAM;AAC9B,IAAI,IAAA,CAAC,IAAI,OAAS,EAAA;AAChB,MAAO,OAAA,KAAA,CAAA,CAAA;AAAA,KACT;AACA,IAAa,YAAA,CAAA,GAAA,CAAI,OAAQ,CAAA,qBAAA,EAAuB,CAAA,CAAA;AAAA,GAC/C,EAAA,CAAC,YAAc,EAAA,UAAU,CAAC,CAAA,CAAA;AAE7B,EAAO,OAAA,CAAC,KAAK,KAAK,CAAA,CAAA;AACpB;;;;"}

package/dist-es/packages/lab/src/responsive/utils.js

@@ -1,43 +0,0 @@
-const COLLAPSIBLE = "data-collapsible";
-const RESPONSIVE_ATTRIBUTE = {
-  [COLLAPSIBLE]: true,
-  "data-pad-start": true,
-  "data-pad-end": true
-};
-const isResponsiveAttribute = (propName) => {
-  var _a;
-  return (_a = RESPONSIVE_ATTRIBUTE[propName]) != null ? _a : false;
-};
-const isCollapsible = (propName) => propName === COLLAPSIBLE;
-const COLLAPSIBLE_VALUE = {
-  dynamic: "dynamic",
-  instant: "instant",
-  true: "instant"
-};
-const collapsibleValue = (value) => {
-  var _a;
-  return (_a = COLLAPSIBLE_VALUE[value]) != null ? _a : "none";
-};
-const liftResponsivePropsToFormField = (props) => {
-  const propNames = Object.keys(props);
-  if (propNames.some(isResponsiveAttribute)) {
-    return propNames.reduce(
-      (tuple, propName) => {
-        const [toolbarProps, rest] = tuple;
-        const propValue = props[propName];
-        if (isResponsiveAttribute(propName)) {
-          const value = isCollapsible(propName) ? collapsibleValue(propValue) : propValue;
-          toolbarProps[propName] = value;
-          rest[propName] = void 0;
-        }
-        return tuple;
-      },
-      [{}, {}]
-    );
-  } else {
-    return [{}, props];
-  }
-};
-
-export { isResponsiveAttribute, liftResponsivePropsToFormField };
-//# sourceMappingURL=utils.js.map

package/dist-es/packages/lab/src/responsive/utils.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"utils.js","sources":["../src/responsive/utils.ts"],"sourcesContent":["const COLLAPSIBLE = \"data-collapsible\";\n\nexport type dataPadDirection = \"data-pad-start\" | \"data-pad-end\";\n\nconst RESPONSIVE_ATTRIBUTE: { [key: string]: boolean } = {\n  [COLLAPSIBLE]: true,\n  \"data-pad-start\": true,\n  \"data-pad-end\": true,\n};\n\nexport const isResponsiveAttribute = (propName: string): boolean =>\n  RESPONSIVE_ATTRIBUTE[propName] ?? false;\n\nconst isCollapsible = (propName: string) => propName === COLLAPSIBLE;\n\nconst COLLAPSIBLE_VALUE: { [key: string]: string } = {\n  dynamic: \"dynamic\",\n  instant: \"instant\",\n  true: \"instant\",\n};\n\nconst collapsibleValue = (value: string) => COLLAPSIBLE_VALUE[value] ?? \"none\";\n\ntype AnyProps = Record<string, unknown>;\ntype ResponsivePropsTuple = [AnyProps, AnyProps];\n/**\n * data- attributes can be used to manage item overflow behaviour. Users may\n * speficy these attributes directly on a Toolbar component, which ultimately\n * gets wrapped by a FormField. We need to 'lift' these attributes to the form\n * field and remove them from the props of the nested component.\n * @param props\n * @returns\n */\nexport const liftResponsivePropsToFormField = (\n  props: AnyProps\n): ResponsivePropsTuple => {\n  const propNames = Object.keys(props);\n  if (propNames.some(isResponsiveAttribute)) {\n    return propNames.reduce<ResponsivePropsTuple>(\n      (tuple, propName): ResponsivePropsTuple => {\n        const [toolbarProps, rest] = tuple;\n        const propValue = props[propName];\n        if (isResponsiveAttribute(propName)) {\n          const value = isCollapsible(propName)\n            ? collapsibleValue(propValue as string)\n            : propValue;\n\n          toolbarProps[propName] = value;\n          rest[propName] = undefined;\n        }\n        return tuple;\n      },\n      [{}, {}]\n    );\n  } else {\n    return [{}, props];\n  }\n};\n"],"names":[],"mappings":"AAAA,MAAM,WAAc,GAAA,kBAAA,CAAA;AAIpB,MAAM,oBAAmD,GAAA;AAAA,EACvD,CAAC,WAAc,GAAA,IAAA;AAAA,EACf,gBAAkB,EAAA,IAAA;AAAA,EAClB,cAAgB,EAAA,IAAA;AAClB,CAAA,CAAA;AAEa,MAAA,qBAAA,GAAwB,CAAC,QAA2B,KAAA;AAVjE,EAAA,IAAA,EAAA,CAAA;AAWE,EAAA,OAAA,CAAA,EAAA,GAAA,oBAAA,CAAqB,cAArB,IAAkC,GAAA,EAAA,GAAA,KAAA,CAAA;AAAA,EAAA;AAEpC,MAAM,aAAA,GAAgB,CAAC,QAAA,KAAqB,QAAa,KAAA,WAAA,CAAA;AAEzD,MAAM,iBAA+C,GAAA;AAAA,EACnD,OAAS,EAAA,SAAA;AAAA,EACT,OAAS,EAAA,SAAA;AAAA,EACT,IAAM,EAAA,SAAA;AACR,CAAA,CAAA;AAEA,MAAM,gBAAA,GAAmB,CAAC,KAAe,KAAA;AArBzC,EAAA,IAAA,EAAA,CAAA;AAqB4C,EAAA,OAAA,CAAA,EAAA,GAAA,iBAAA,CAAkB,WAAlB,IAA4B,GAAA,EAAA,GAAA,MAAA,CAAA;AAAA,CAAA,CAAA;AAY3D,MAAA,8BAAA,GAAiC,CAC5C,KACyB,KAAA;AACzB,EAAM,MAAA,SAAA,GAAY,MAAO,CAAA,IAAA,CAAK,KAAK,CAAA,CAAA;AACnC,EAAI,IAAA,SAAA,CAAU,IAAK,CAAA,qBAAqB,CAAG,EAAA;AACzC,IAAA,OAAO,SAAU,CAAA,MAAA;AAAA,MACf,CAAC,OAAO,QAAmC,KAAA;AACzC,QAAM,MAAA,CAAC,YAAc,EAAA,IAAI,CAAI,GAAA,KAAA,CAAA;AAC7B,QAAA,MAAM,YAAY,KAAM,CAAA,QAAA,CAAA,CAAA;AACxB,QAAI,IAAA,qBAAA,CAAsB,QAAQ,CAAG,EAAA;AACnC,UAAA,MAAM,QAAQ,aAAc,CAAA,QAAQ,CAChC,GAAA,gBAAA,CAAiB,SAAmB,CACpC,GAAA,SAAA,CAAA;AAEJ,UAAA,YAAA,CAAa,QAAY,CAAA,GAAA,KAAA,CAAA;AACzB,UAAA,IAAA,CAAK,QAAY,CAAA,GAAA,KAAA,CAAA,CAAA;AAAA,SACnB;AACA,QAAO,OAAA,KAAA,CAAA;AAAA,OACT;AAAA,MACA,CAAC,EAAI,EAAA,EAAE,CAAA;AAAA,KACT,CAAA;AAAA,GACK,MAAA;AACL,IAAO,OAAA,CAAC,EAAC,EAAG,KAAK,CAAA,CAAA;AAAA,GACnB;AACF;;;;"}

package/dist-es/packages/lab/src/scrim/Scrim.css.js

@@ -1,7 +0,0 @@
-import styleInject from '../../../../node_modules/style-inject/dist/style-inject.es.js';
-
-var css_248z = "/* Style applied to the root element */\n.saltScrim {\n  top: 0;\n  left: 0;\n  right: 0;\n  width: 100%;\n  bottom: 0;\n  height: 100%;\n  display: flex;\n  z-index: 1199;\n  position: fixed;\n  align-items: center;\n  justify-content: center;\n  background: var(--saltScrim-background, var(--salt-overlayable-background));\n  -webkit-tap-highlight-color: transparent;\n}\n\n.saltScrim:focus {\n  outline: none;\n}\n\n/* Style applied to the root element when containerFix={true} */\n.saltScrim-containerFix {\n  position: absolute;\n  z-index: calc(var(--salt-zIndex-appHeader) - 1);\n}\n";
-styleInject(css_248z);
-
-export { css_248z as default };
-//# sourceMappingURL=Scrim.css.js.map

package/dist-es/packages/lab/src/scrim/Scrim.css.js.map

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

package/dist-es/packages/lab/src/scrim/Scrim.js

@@ -1,154 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { hideOthers } from 'aria-hidden';
-import { clsx } from 'clsx';
-import noScroll from 'no-scroll';
-import { forwardRef, useRef, useEffect } from 'react';
-import { makePrefixer, useForkRef, useId, ownerDocument } from '@salt-ds/core';
-import { FocusManager } from '../focus-manager/FocusManager.js';
-import { preventFocusOthers } from './internal/PreventFocus.js';
-import { ScrimContext } from './ScrimContext.js';
-import './Scrim.css.js';
-
-const scrims = /* @__PURE__ */ new Set();
-const getDefaultParent = () => typeof document !== "undefined" ? document.body : null;
-const noop = () => {
-};
-const withBaseName = makePrefixer("saltScrim");
-function preventSelection(parent = getDefaultParent()) {
-  if (parent) {
-    const previous = parent.style.userSelect;
-    parent.style.userSelect = "none";
-    return () => {
-      parent.style.userSelect = previous;
-    };
-  }
-  return noop;
-}
-const defaultSelector = `
-[tabindex="0"],
-a:not([tabindex="-1"]),
-area:not([tabindex="-1"]),
-details:not([tabindex="-1"]),
-iframe:not([tabindex="-1"]),
-select:not([tabindex="-1"]),
-textarea:not([tabindex="-1"]),
-button:not([tabindex="-1"]),
-input:not([tabindex="-1"])
-`;
-const Scrim = forwardRef(function Scrim2({
-  autoFocusRef,
-  closeWithEscape = false,
-  className,
-  children,
-  disableAutoFocus,
-  disableFocusTrap,
-  disableReturnFocus,
-  fallbackFocusRef,
-  onBackDropClick,
-  onClose,
-  open,
-  containerRef,
-  enableContainerMode = false,
-  returnFocusOptions,
-  tabEnabledSelectors = defaultSelector,
-  zIndex,
-  ...rest
-}, ref) {
-  const scrimRef = useRef(null);
-  const setWrapperRef = useForkRef(ref, scrimRef);
-  const undoAria = useRef(noop);
-  const undoSelection = useRef(noop);
-  const undoTabIndex = useRef(noop);
-  const scrimId = useId();
-  useEffect(() => {
-    if (open && !(containerRef == null ? void 0 : containerRef.current)) {
-      scrims.add(scrimId);
-      noScroll.on();
-    }
-    return () => {
-      if (open) {
-        scrims.delete(scrimId);
-        if (scrims.size === 0) {
-          noScroll.off();
-        }
-      }
-    };
-  }, [open, containerRef, scrimId]);
-  useEffect(() => {
-    if (open) {
-      const parent = (containerRef == null ? void 0 : containerRef.current) || void 0;
-      if (scrimRef.current) {
-        undoAria.current = hideOthers(scrimRef.current, parent);
-      }
-    }
-    return () => {
-      var _a;
-      (_a = undoAria.current) == null ? void 0 : _a.call(undoAria);
-    };
-  }, [open, containerRef]);
-  useEffect(() => {
-    if (open) {
-      const parent = containerRef == null ? void 0 : containerRef.current;
-      if (parent) {
-        undoSelection.current = preventSelection(parent);
-        undoTabIndex.current = preventFocusOthers(
-          scrimRef.current,
-          tabEnabledSelectors,
-          parent
-        );
-      }
-    }
-    return () => {
-      var _a, _b;
-      (_a = undoSelection.current) == null ? void 0 : _a.call(undoSelection);
-      (_b = undoTabIndex.current) == null ? void 0 : _b.call(undoTabIndex);
-    };
-  }, [open, containerRef, tabEnabledSelectors]);
-  useEffect(() => {
-    if (closeWithEscape && open && scrimRef.current) {
-      const escapeHandler = (event) => {
-        if (event.key === "Escape") {
-          onClose == null ? void 0 : onClose();
-        }
-      };
-      const doc = ownerDocument(scrimRef.current);
-      doc.addEventListener("keydown", escapeHandler);
-      return () => {
-        doc.removeEventListener("keydown", escapeHandler);
-      };
-    }
-  }, [closeWithEscape, onClose, open]);
-  if (!open) {
-    return null;
-  }
-  return /* @__PURE__ */ jsx("div", {
-    "aria-modal": !enableContainerMode,
-    className: clsx(className, withBaseName(), {
-      [withBaseName("containerFix")]: enableContainerMode
-    }),
-    "data-testid": "scrim",
-    onClick: onBackDropClick,
-    ref: setWrapperRef,
-    role: "dialog",
-    style: {
-      zIndex
-    },
-    ...rest,
-    children: /* @__PURE__ */ jsx(FocusManager, {
-      active: open,
-      autoFocusRef,
-      disableAutoFocus,
-      disableFocusTrap: disableFocusTrap || !!enableContainerMode,
-      disableReturnFocus,
-      returnFocusOptions,
-      tabEnabledSelectors,
-      children: /* @__PURE__ */ jsx(ScrimContext.Provider, {
-        value: onClose,
-        children
-      })
-    })
-  });
-});
-
-export { Scrim };
-//# sourceMappingURL=Scrim.js.map

package/dist-es/packages/lab/src/scrim/Scrim.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Scrim.js","sources":["../src/scrim/Scrim.tsx"],"sourcesContent":["import { hideOthers } from \"aria-hidden\";\nimport { clsx } from \"clsx\";\nimport noScroll from \"no-scroll\";\nimport {\n  forwardRef,\n  HTMLAttributes,\n  RefObject,\n  SyntheticEvent,\n  useEffect,\n  useRef,\n} from \"react\";\nimport { makePrefixer, ownerDocument, useForkRef, useId } from \"@salt-ds/core\";\nimport { FocusManager, FocusManagerProps } from \"../focus-manager\";\nimport { preventFocusOthers } from \"./internal/PreventFocus\";\nimport { ScrimContext } from \"./ScrimContext\";\n\nimport \"./Scrim.css\";\n\nconst scrims = new Set();\n\nconst getDefaultParent = () =>\n  typeof document !== \"undefined\" ? document.body : null;\n\n// eslint-disable-next-line @typescript-eslint/no-empty-function\nconst noop = () => {};\n\nconst withBaseName = makePrefixer(\"saltScrim\");\n\nfunction preventSelection(parent = getDefaultParent()): () => void {\n  if (parent) {\n    const previous = parent.style.userSelect;\n    parent.style.userSelect = \"none\";\n\n    return () => {\n      parent.style.userSelect = previous;\n    };\n  }\n  return noop;\n}\n\nconst defaultSelector = `\n[tabindex=\"0\"],\na:not([tabindex=\"-1\"]),\narea:not([tabindex=\"-1\"]),\ndetails:not([tabindex=\"-1\"]),\niframe:not([tabindex=\"-1\"]),\nselect:not([tabindex=\"-1\"]),\ntextarea:not([tabindex=\"-1\"]),\nbutton:not([tabindex=\"-1\"]),\ninput:not([tabindex=\"-1\"])\n`;\n\nexport interface ScrimProps extends HTMLAttributes<HTMLDivElement> {\n  /**\n   * Ref of the element that automatically receives focus when the Scrim is opened.\n   */\n  autoFocusRef?: FocusManagerProps[\"autoFocusRef\"];\n  /**\n   * Prop to enable escape key to close scrim.\n   * The default value of this props is false\n   */\n  closeWithEscape?: boolean;\n  /**\n   * If `true`, the trap focus will not automatically shift focus to itself when it opens, and\n   * replace it to the last focused element when it closes.\n   */\n  disableAutoFocus?: boolean;\n  /**\n   * If `true`, the trap focus will not prevent focus from leaving the trap focus while open.\n   */\n  disableFocusTrap?: boolean;\n  /**\n   * If `true`, the trap focus will not restore focus to previously focused element once\n   * trap focus is hidden.\n   */\n  disableReturnFocus?: boolean;\n  /**\n   * By default, an error will be thrown if the focus trap contains no elements in its tab order.\n   * With this option you can specify a fallback element to programmatically receive focus if no other tabbable elements are found.\n   * For example, you may want a popover's `<div>` to receive focus if the popover's content includes no tabbable elements.\n   */\n  fallbackFocusRef?: FocusManagerProps[\"fallbackFocusRef\"];\n  /**\n   * The handler for backdrop click on Scrim.\n   */\n  onBackDropClick?: (e: SyntheticEvent) => void;\n  /**\n   * The handler for onClose of Scrim.\n   */\n  onClose?: () => void;\n  /**\n   * To maintain open and close of the scrim.\n   */\n  open?: boolean;\n  /**\n   * Set to true to enable the container use case. If true the Scrim will be bound to a container ref you pass via the `parentRef` prop.\n   * Default value is false, and the default behavior is for Scrim to be bound to the document viewport.\n   */\n  enableContainerMode?: boolean;\n  /**\n   * Prop necessary to enable container use case. Pass the parent element ref that you want Scrim to be bound to.\n   * Default value is undefined, and the default behavior is for Scrim to be bound to the document viewport.\n   */\n  containerRef?: RefObject<HTMLElement>;\n  /**\n   * Options object to pass to the `focus()` method that is called on the previously focused element when Scrim is closed.\n   */\n  returnFocusOptions?: FocusManagerProps[\"returnFocusOptions\"];\n  /**\n   * comma separated string of query selectors which may need to be overridden for edge cases.\n   */\n  tabEnabledSelectors?: string;\n  /**\n   * Prop to pass z-index for Scrim.\n   */\n  zIndex?: number;\n}\n\nexport const Scrim = forwardRef<HTMLDivElement, ScrimProps>(function Scrim(\n  {\n    autoFocusRef,\n    closeWithEscape = false,\n    className,\n    children,\n    disableAutoFocus,\n    disableFocusTrap,\n    disableReturnFocus,\n    fallbackFocusRef,\n    onBackDropClick,\n    onClose,\n    open,\n    containerRef,\n    enableContainerMode = false,\n    returnFocusOptions,\n    tabEnabledSelectors = defaultSelector,\n    zIndex,\n    ...rest\n  },\n  ref\n) {\n  const scrimRef = useRef<HTMLDivElement>(null);\n  const setWrapperRef = useForkRef(ref, scrimRef);\n  const undoAria = useRef(noop);\n  const undoSelection = useRef(noop);\n  const undoTabIndex = useRef(noop);\n  const scrimId = useId();\n\n  useEffect(() => {\n    if (open && !containerRef?.current) {\n      scrims.add(scrimId);\n      noScroll.on();\n    }\n\n    return () => {\n      if (open) {\n        scrims.delete(scrimId);\n        if (scrims.size === 0) {\n          noScroll.off();\n        }\n      }\n    };\n  }, [open, containerRef, scrimId]);\n\n  useEffect(() => {\n    if (open) {\n      const parent = containerRef?.current || undefined;\n\n      if (scrimRef.current) {\n        undoAria.current = hideOthers(scrimRef.current, parent);\n      }\n    }\n\n    return () => {\n      undoAria.current?.();\n    };\n  }, [open, containerRef]);\n\n  useEffect(() => {\n    if (open) {\n      const parent = containerRef?.current;\n\n      if (parent) {\n        undoSelection.current = preventSelection(parent);\n        undoTabIndex.current = preventFocusOthers(\n          scrimRef.current,\n          tabEnabledSelectors,\n          parent\n        );\n      }\n    }\n\n    return () => {\n      undoSelection.current?.();\n      undoTabIndex.current?.();\n    };\n  }, [open, containerRef, tabEnabledSelectors]);\n\n  useEffect(() => {\n    if (closeWithEscape && open && scrimRef.current) {\n      const escapeHandler = (event: KeyboardEvent) => {\n        if (event.key === \"Escape\") {\n          onClose?.();\n        }\n      };\n\n      const doc = ownerDocument(scrimRef.current);\n      doc.addEventListener(\"keydown\", escapeHandler);\n\n      return () => {\n        doc.removeEventListener(\"keydown\", escapeHandler);\n      };\n    }\n  }, [closeWithEscape, onClose, open]);\n\n  if (!open) {\n    return null;\n  }\n\n  return (\n    <div\n      aria-modal={!enableContainerMode}\n      className={clsx(className, withBaseName(), {\n        [withBaseName(\"containerFix\")]: enableContainerMode,\n      })}\n      data-testid=\"scrim\"\n      onClick={onBackDropClick}\n      ref={setWrapperRef}\n      role=\"dialog\"\n      style={{\n        zIndex,\n      }}\n      {...rest}\n    >\n      <FocusManager\n        active={open}\n        autoFocusRef={autoFocusRef}\n        disableAutoFocus={disableAutoFocus}\n        disableFocusTrap={disableFocusTrap || !!enableContainerMode}\n        disableReturnFocus={disableReturnFocus}\n        returnFocusOptions={returnFocusOptions}\n        tabEnabledSelectors={tabEnabledSelectors}\n      >\n        <ScrimContext.Provider value={onClose}>\n          {children}\n        </ScrimContext.Provider>\n      </FocusManager>\n    </div>\n  );\n});\n"],"names":["Scrim"],"mappings":"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"}

package/dist-es/packages/lab/src/scrim/ScrimContext.js

@@ -1,9 +0,0 @@
-import { createContext } from 'react';
-
-const ScrimContext = createContext(void 0);
-if (process.env.NODE_ENV !== "production") {
-  ScrimContext.displayName = "ScrimContext";
-}
-
-export { ScrimContext };
-//# sourceMappingURL=ScrimContext.js.map

package/dist-es/packages/lab/src/scrim/ScrimContext.js.map

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

package/dist-es/packages/lab/src/scrim/internal/PreventFocus.js

@@ -1,35 +0,0 @@
-import { findAllTabbableElements } from '../../focus-manager/internal/findAllTabbableElements.js';
-
-const tabIndexMap = /* @__PURE__ */ new WeakMap();
-function preventFocusOthers(originalTarget, tabbableSelector, parentNode) {
-  const elementsToHide = findAllTabbableElements(
-    parentNode,
-    tabbableSelector,
-    [
-      originalTarget,
-      ...findAllTabbableElements(originalTarget, tabbableSelector)
-    ]
-  );
-  elementsToHide.forEach((elem) => {
-    if (!tabIndexMap.has(elem)) {
-      tabIndexMap.set(elem, elem.getAttribute("tabIndex"));
-      elem.setAttribute("tabIndex", "-1");
-    }
-  });
-  return () => {
-    elementsToHide.forEach((element) => {
-      if (tabIndexMap.has(element)) {
-        const tabIndex = tabIndexMap.get(element);
-        if (tabIndex) {
-          element.setAttribute("tabIndex", tabIndex);
-        } else {
-          element.removeAttribute("tabIndex");
-        }
-        tabIndexMap.delete(element);
-      }
-    });
-  };
-}
-
-export { preventFocusOthers };
-//# sourceMappingURL=PreventFocus.js.map

package/dist-es/packages/lab/src/scrim/internal/PreventFocus.js.map

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

package/dist-es/packages/lab/src/search-input/SearchInput.css.js

@@ -1,7 +0,0 @@
-import styleInject from '../../../../node_modules/style-inject/dist/style-inject.es.js';
-
-var css_248z = ".saltSearchInput .saltInput-input::-webkit-search-cancel-button {\n  display: none;\n}\n";
-styleInject(css_248z);
-
-export { css_248z as default };
-//# sourceMappingURL=SearchInput.css.js.map

package/dist-es/packages/lab/src/search-input/SearchInput.css.js.map

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