@chayns-components/core 5.5.30 → 5.5.34

package/lib/esm/components/truncation/Truncation.styles.js

@@ -1,7 +1,6 @@
 import { motion } from 'motion/react';
 import styled, { css } from 'styled-components';
 import { ClampPosition } from '../../types/truncation';
-import { keyboardFocusHighlightingRingCss } from '../../utils/keyboardFocusHighlighting.styles';
 export const StyledTruncation = styled.div`
     position: relative;
     overflow: hidden;
@@ -41,16 +40,6 @@ export const StyledTruncationClampWrapper = styled.div`
 export const StyledTruncationClampFocusWrapper = styled.div`
     display: inline-block;
     border-radius: 3px;
-
-    ${({
-  $shouldShowKeyboardHighlighting
-}) => $shouldShowKeyboardHighlighting && css`
-            &:focus-within {
-                transition: none;
-                ${keyboardFocusHighlightingRingCss};
-                color: inherit;
-            }
-        `}
 `;
 export const StyledTruncationClamp = styled.a`
     cursor: pointer;

package/lib/esm/components/truncation/Truncation.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Truncation.styles.js","names":["motion","styled","css","ClampPosition","keyboardFocusHighlightingRingCss","StyledTruncation","div","StyledMotionTruncationContent","StyledTruncationContent","StyledTruncationClampWrapper","$position","Left","Middle","StyledTruncationClampFocusWrapper","$shouldShowKeyboardHighlighting","StyledTruncationClamp","a"],"sources":["../../../../src/components/truncation/Truncation.styles.ts"],"sourcesContent":["import { motion } from 'motion/react';\nimport styled, { css } from 'styled-components';\nimport { ClampPosition } from '../../types/truncation';\nimport type { WithTheme } from '../color-scheme-provider/ColorSchemeProvider';\nimport { keyboardFocusHighlightingRingCss } from '../../utils/keyboardFocusHighlighting.styles';\n\nexport const StyledTruncation = styled.div`\n    position: relative;\n    overflow: hidden;\n`;\n\n// Fix framer-motion bug\nexport const StyledMotionTruncationContent = styled(motion.div)`\n    overflow: hidden;\n    position: relative;\n`;\n\nexport const StyledTruncationContent = styled.div`\n    min-width: 0;\n    width: 100%;\n`;\n\ntype StyledTruncationClampWrapperProps = WithTheme<{ $position: ClampPosition }>;\n\nexport const StyledTruncationClampWrapper = styled.div<StyledTruncationClampWrapperProps>`\n    display: flex;\n\n    ${({ $position }) => {\n        switch ($position) {\n            case ClampPosition.Left:\n                return css`\n                    justify-content: left;\n                `;\n            case ClampPosition.Middle:\n                return css`\n                    justify-content: center;\n                `;\n            default:\n                return css`\n                    justify-content: right;\n                `;\n        }\n    }}\n`;\n\ntype StyledTruncationClampProps = {\n    $shouldShowKeyboardHighlighting: boolean;\n};\n\nexport const StyledTruncationClampFocusWrapper = styled.div<StyledTruncationClampProps>`\n    display: inline-block;\n    border-radius: 3px;\n\n    ${({ $shouldShowKeyboardHighlighting }) =>\n        $shouldShowKeyboardHighlighting &&\n        css`\n            &:focus-within {\n                transition: none;\n                ${keyboardFocusHighlightingRingCss};\n                color: inherit;\n            }\n        `}\n`;\n\nexport const StyledTruncationClamp = styled.a`\n    cursor: pointer;\n    z-index: 2;\n    display: inline-block;\n    line-height: 1.2;\n`;\n"],"mappings":"AAAA,SAASA,MAAM,QAAQ,cAAc;AACrC,OAAOC,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAC/C,SAASC,aAAa,QAAQ,wBAAwB;AAEtD,SAASC,gCAAgC,QAAQ,8CAA8C;AAE/F,OAAO,MAAMC,gBAAgB,GAAGJ,MAAM,CAACK,GAAG;AAC1C;AACA;AACA,CAAC;;AAED;AACA,OAAO,MAAMC,6BAA6B,GAAGN,MAAM,CAACD,MAAM,CAACM,GAAG,CAAC;AAC/D;AACA;AACA,CAAC;AAED,OAAO,MAAME,uBAAuB,GAAGP,MAAM,CAACK,GAAG;AACjD;AACA;AACA,CAAC;AAID,OAAO,MAAMG,4BAA4B,GAAGR,MAAM,CAACK,GAAsC;AACzF;AACA;AACA,MAAM,CAAC;EAAEI;AAAU,CAAC,KAAK;EACjB,QAAQA,SAAS;IACb,KAAKP,aAAa,CAACQ,IAAI;MACnB,OAAOT,GAAG;AAC1B;AACA,iBAAiB;IACL,KAAKC,aAAa,CAACS,MAAM;MACrB,OAAOV,GAAG;AAC1B;AACA,iBAAiB;IACL;MACI,OAAOA,GAAG;AAC1B;AACA,iBAAiB;EACT;AACJ,CAAC;AACL,CAAC;AAMD,OAAO,MAAMW,iCAAiC,GAAGZ,MAAM,CAACK,GAA+B;AACvF;AACA;AACA;AACA,MAAM,CAAC;EAAEQ;AAAgC,CAAC,KAClCA,+BAA+B,IAC/BZ,GAAG;AACX;AACA;AACA,kBAAkBE,gCAAgC;AAClD;AACA;AACA,SAAS;AACT,CAAC;AAED,OAAO,MAAMW,qBAAqB,GAAGd,MAAM,CAACe,CAAC;AAC7C;AACA;AACA;AACA;AACA,CAAC","ignoreList":[]}
+{"version":3,"file":"Truncation.styles.js","names":["motion","styled","css","ClampPosition","StyledTruncation","div","StyledMotionTruncationContent","StyledTruncationContent","StyledTruncationClampWrapper","$position","Left","Middle","StyledTruncationClampFocusWrapper","StyledTruncationClamp","a"],"sources":["../../../../src/components/truncation/Truncation.styles.ts"],"sourcesContent":["import { motion } from 'motion/react';\nimport styled, { css } from 'styled-components';\nimport { ClampPosition } from '../../types/truncation';\nimport type { WithTheme } from '../color-scheme-provider/ColorSchemeProvider';\n\nexport const StyledTruncation = styled.div`\n    position: relative;\n    overflow: hidden;\n`;\n\n// Fix framer-motion bug\nexport const StyledMotionTruncationContent = styled(motion.div)`\n    overflow: hidden;\n    position: relative;\n`;\n\nexport const StyledTruncationContent = styled.div`\n    min-width: 0;\n    width: 100%;\n`;\n\ntype StyledTruncationClampWrapperProps = WithTheme<{ $position: ClampPosition }>;\n\nexport const StyledTruncationClampWrapper = styled.div<StyledTruncationClampWrapperProps>`\n    display: flex;\n\n    ${({ $position }) => {\n        switch ($position) {\n            case ClampPosition.Left:\n                return css`\n                    justify-content: left;\n                `;\n            case ClampPosition.Middle:\n                return css`\n                    justify-content: center;\n                `;\n            default:\n                return css`\n                    justify-content: right;\n                `;\n        }\n    }}\n`;\n\nexport const StyledTruncationClampFocusWrapper = styled.div`\n    display: inline-block;\n    border-radius: 3px;\n`;\n\nexport const StyledTruncationClamp = styled.a`\n    cursor: pointer;\n    z-index: 2;\n    display: inline-block;\n    line-height: 1.2;\n`;\n"],"mappings":"AAAA,SAASA,MAAM,QAAQ,cAAc;AACrC,OAAOC,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAC/C,SAASC,aAAa,QAAQ,wBAAwB;AAGtD,OAAO,MAAMC,gBAAgB,GAAGH,MAAM,CAACI,GAAG;AAC1C;AACA;AACA,CAAC;;AAED;AACA,OAAO,MAAMC,6BAA6B,GAAGL,MAAM,CAACD,MAAM,CAACK,GAAG,CAAC;AAC/D;AACA;AACA,CAAC;AAED,OAAO,MAAME,uBAAuB,GAAGN,MAAM,CAACI,GAAG;AACjD;AACA;AACA,CAAC;AAID,OAAO,MAAMG,4BAA4B,GAAGP,MAAM,CAACI,GAAsC;AACzF;AACA;AACA,MAAM,CAAC;EAAEI;AAAU,CAAC,KAAK;EACjB,QAAQA,SAAS;IACb,KAAKN,aAAa,CAACO,IAAI;MACnB,OAAOR,GAAG;AAC1B;AACA,iBAAiB;IACL,KAAKC,aAAa,CAACQ,MAAM;MACrB,OAAOT,GAAG;AAC1B;AACA,iBAAiB;IACL;MACI,OAAOA,GAAG;AAC1B;AACA,iBAAiB;EACT;AACJ,CAAC;AACL,CAAC;AAED,OAAO,MAAMU,iCAAiC,GAAGX,MAAM,CAACI,GAAG;AAC3D;AACA;AACA,CAAC;AAED,OAAO,MAAMQ,qBAAqB,GAAGZ,MAAM,CAACa,CAAC;AAC7C;AACA;AACA;AACA;AACA,CAAC","ignoreList":[]}

package/lib/esm/hooks/useFocusRingPortal.js

@@ -0,0 +1,188 @@
+import { useEffect } from 'react';
+import { getIsKeyboardFocusHighlightingActive } from './useKeyboardFocusHighlighting';
+let overlayElement = null;
+let overlayOwner = null;
+const getOverlayContainer = element => {
+  const pageProvider = element.closest('.page-provider') ?? document.querySelector('.page-provider');
+  return pageProvider ?? document.body;
+};
+const getRadiusValue = (value, padding) => {
+  if (padding === 0 || !value.endsWith('px')) {
+    return value;
+  }
+  return `${Number.parseFloat(value) + padding}px`;
+};
+const applyOverlayBorderRadius = (nextOverlayElement, element, shape, padding, borderRadius) => {
+  nextOverlayElement.style.borderRadius = '';
+  nextOverlayElement.style.borderTopLeftRadius = '';
+  nextOverlayElement.style.borderTopRightRadius = '';
+  nextOverlayElement.style.borderBottomRightRadius = '';
+  nextOverlayElement.style.borderBottomLeftRadius = '';
+  if (shape === 'circle') {
+    nextOverlayElement.style.borderRadius = '50%';
+    return;
+  }
+  if (borderRadius !== undefined) {
+    nextOverlayElement.style.borderRadius = typeof borderRadius === 'number' ? `${borderRadius + padding}px` : borderRadius;
+    return;
+  }
+  const computedStyles = window.getComputedStyle(element);
+  nextOverlayElement.style.borderTopLeftRadius = getRadiusValue(computedStyles.borderTopLeftRadius, padding);
+  nextOverlayElement.style.borderTopRightRadius = getRadiusValue(computedStyles.borderTopRightRadius, padding);
+  nextOverlayElement.style.borderBottomRightRadius = getRadiusValue(computedStyles.borderBottomRightRadius, padding);
+  nextOverlayElement.style.borderBottomLeftRadius = getRadiusValue(computedStyles.borderBottomLeftRadius, padding);
+};
+const ensureOverlayElement = element => {
+  const overlayContainer = getOverlayContainer(element);
+  if (overlayElement) {
+    if (overlayElement.parentElement !== overlayContainer) {
+      overlayContainer.appendChild(overlayElement);
+    }
+    return overlayElement;
+  }
+  overlayElement = document.createElement('div');
+  overlayElement.style.position = 'fixed';
+  overlayElement.style.pointerEvents = 'none';
+  overlayElement.style.zIndex = '2147483647';
+  overlayElement.style.display = 'none';
+  overlayElement.style.outline = '2px solid color-mix(in srgb, white 70%, transparent)';
+  overlayElement.style.outlineOffset = '1px';
+  overlayElement.style.boxShadow = '0 0 0 3px rgba(0, 102, 204, 0.3)';
+  overlayContainer.appendChild(overlayElement);
+  return overlayElement;
+};
+export const hideFocusRingOverlay = owner => {
+  if (!overlayElement) {
+    return;
+  }
+  if (owner && overlayOwner && overlayOwner !== owner) {
+    return;
+  }
+  overlayElement.style.display = 'none';
+  overlayOwner = null;
+};
+export const showFocusRingOverlay = (element, shape = 'rectangle', padding = 0, borderRadius) => {
+  if (!element.isConnected) {
+    hideFocusRingOverlay(element);
+    return;
+  }
+  const rect = element.getBoundingClientRect();
+  const nextOverlayElement = ensureOverlayElement(element);
+  const overlayWidth = rect.width + padding * 2;
+  const overlayHeight = rect.height + padding * 2;
+  if (shape === 'circle') {
+    const overlaySize = Math.max(overlayWidth, overlayHeight);
+    nextOverlayElement.style.left = `${rect.left + rect.width / 2 - overlaySize / 2}px`;
+    nextOverlayElement.style.top = `${rect.top + rect.height / 2 - overlaySize / 2}px`;
+    nextOverlayElement.style.width = `${overlaySize}px`;
+    nextOverlayElement.style.height = `${overlaySize}px`;
+    applyOverlayBorderRadius(nextOverlayElement, element, shape, padding, borderRadius);
+    nextOverlayElement.style.display = 'block';
+    overlayOwner = element;
+    return;
+  }
+  nextOverlayElement.style.left = `${rect.left - padding}px`;
+  nextOverlayElement.style.top = `${rect.top - padding}px`;
+  nextOverlayElement.style.width = `${overlayWidth}px`;
+  nextOverlayElement.style.height = `${overlayHeight}px`;
+  applyOverlayBorderRadius(nextOverlayElement, element, shape, padding, borderRadius);
+  nextOverlayElement.style.display = 'block';
+  overlayOwner = element;
+};
+
+/**
+ * Renders a focus ring in the closest PageProvider portal container.
+ */
+export const useFocusRingPortal = (targetRef, {
+  isEnabled,
+  shape = 'rectangle',
+  padding = 0,
+  borderRadius,
+  overlayRef,
+  updateKey
+}) => {
+  useEffect(() => {
+    if (!isEnabled || typeof window === 'undefined') {
+      const targetElement = targetRef.current;
+      if (targetElement) {
+        delete targetElement.dataset.focusRingPortalMode;
+      }
+      hideFocusRingOverlay(targetRef.current ?? undefined);
+      return undefined;
+    }
+    const targetElement = targetRef.current;
+    if (!targetElement) {
+      return undefined;
+    }
+    targetElement.dataset.focusRingPortalMode = 'custom';
+    const getOverlayTargetElement = () => overlayRef?.current ?? targetElement;
+    let animationFrameId;
+    let wasPointerFocused = false;
+    const stopTrackingOverlay = () => {
+      if (animationFrameId !== undefined) {
+        window.cancelAnimationFrame(animationFrameId);
+        animationFrameId = undefined;
+      }
+    };
+    const updateOverlay = () => {
+      if (document.activeElement !== targetElement || wasPointerFocused || !getIsKeyboardFocusHighlightingActive()) {
+        stopTrackingOverlay();
+        hideFocusRingOverlay(getOverlayTargetElement());
+        return false;
+      }
+      const overlayTargetElement = getOverlayTargetElement();
+      if (!overlayTargetElement.isConnected) {
+        stopTrackingOverlay();
+        hideFocusRingOverlay(overlayTargetElement);
+        return false;
+      }
+      showFocusRingOverlay(overlayTargetElement, shape, padding, borderRadius);
+      return true;
+    };
+    const trackOverlay = () => {
+      animationFrameId = undefined;
+      if (updateOverlay()) {
+        animationFrameId = window.requestAnimationFrame(trackOverlay);
+      }
+    };
+    const startTrackingOverlay = () => {
+      stopTrackingOverlay();
+      trackOverlay();
+    };
+    const handleBlur = () => {
+      stopTrackingOverlay();
+      hideFocusRingOverlay(getOverlayTargetElement());
+    };
+    const handlePointerDown = event => {
+      if (!(event.target instanceof Node) || !targetElement.contains(event.target) && !getOverlayTargetElement().contains(event.target)) {
+        return;
+      }
+      wasPointerFocused = true;
+      stopTrackingOverlay();
+      hideFocusRingOverlay(getOverlayTargetElement());
+    };
+    const handleKeyDown = () => {
+      wasPointerFocused = false;
+      startTrackingOverlay();
+    };
+    startTrackingOverlay();
+    targetElement.addEventListener('focus', startTrackingOverlay);
+    targetElement.addEventListener('blur', handleBlur);
+    document.addEventListener('pointerdown', handlePointerDown, true);
+    targetElement.addEventListener('keydown', handleKeyDown);
+    window.addEventListener('resize', startTrackingOverlay);
+    window.addEventListener('scroll', startTrackingOverlay, true);
+    return () => {
+      targetElement.removeEventListener('focus', startTrackingOverlay);
+      targetElement.removeEventListener('blur', handleBlur);
+      document.removeEventListener('pointerdown', handlePointerDown, true);
+      targetElement.removeEventListener('keydown', handleKeyDown);
+      window.removeEventListener('resize', startTrackingOverlay);
+      window.removeEventListener('scroll', startTrackingOverlay, true);
+      stopTrackingOverlay();
+      delete targetElement.dataset.focusRingPortalMode;
+      hideFocusRingOverlay(getOverlayTargetElement());
+    };
+  }, [borderRadius, isEnabled, overlayRef, padding, shape, targetRef, updateKey]);
+};
+//# sourceMappingURL=useFocusRingPortal.js.map

package/lib/esm/hooks/useFocusRingPortal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFocusRingPortal.js","names":["useEffect","getIsKeyboardFocusHighlightingActive","overlayElement","overlayOwner","getOverlayContainer","element","pageProvider","closest","document","querySelector","body","getRadiusValue","value","padding","endsWith","Number","parseFloat","applyOverlayBorderRadius","nextOverlayElement","shape","borderRadius","style","borderTopLeftRadius","borderTopRightRadius","borderBottomRightRadius","borderBottomLeftRadius","undefined","computedStyles","window","getComputedStyle","ensureOverlayElement","overlayContainer","parentElement","appendChild","createElement","position","pointerEvents","zIndex","display","outline","outlineOffset","boxShadow","hideFocusRingOverlay","owner","showFocusRingOverlay","isConnected","rect","getBoundingClientRect","overlayWidth","width","overlayHeight","height","overlaySize","Math","max","left","top","useFocusRingPortal","targetRef","isEnabled","overlayRef","updateKey","targetElement","current","dataset","focusRingPortalMode","getOverlayTargetElement","animationFrameId","wasPointerFocused","stopTrackingOverlay","cancelAnimationFrame","updateOverlay","activeElement","overlayTargetElement","trackOverlay","requestAnimationFrame","startTrackingOverlay","handleBlur","handlePointerDown","event","target","Node","contains","handleKeyDown","addEventListener","removeEventListener"],"sources":["../../../src/hooks/useFocusRingPortal.ts"],"sourcesContent":["import { type CSSProperties, RefObject, useEffect } from 'react';\nimport { getIsKeyboardFocusHighlightingActive } from './useKeyboardFocusHighlighting';\n\ntype FocusRingShape = 'rectangle' | 'circle';\n\ntype FocusRingPortalOptions = {\n    isEnabled: boolean;\n    shape?: FocusRingShape;\n    padding?: number;\n    borderRadius?: CSSProperties['borderRadius'];\n    overlayRef?: RefObject<HTMLElement>;\n    updateKey?: unknown;\n};\n\nexport type FocusRingPortalShape = FocusRingShape;\n\nlet overlayElement: HTMLDivElement | null = null;\nlet overlayOwner: HTMLElement | null = null;\n\nconst getOverlayContainer = (element: HTMLElement): HTMLElement => {\n    const pageProvider =\n        element.closest<HTMLElement>('.page-provider') ??\n        document.querySelector<HTMLElement>('.page-provider');\n\n    return pageProvider ?? document.body;\n};\n\nconst getRadiusValue = (value: string, padding: number): string => {\n    if (padding === 0 || !value.endsWith('px')) {\n        return value;\n    }\n\n    return `${Number.parseFloat(value) + padding}px`;\n};\n\nconst applyOverlayBorderRadius = (\n    nextOverlayElement: HTMLDivElement,\n    element: HTMLElement,\n    shape: FocusRingShape,\n    padding: number,\n    borderRadius?: CSSProperties['borderRadius'],\n) => {\n    nextOverlayElement.style.borderRadius = '';\n    nextOverlayElement.style.borderTopLeftRadius = '';\n    nextOverlayElement.style.borderTopRightRadius = '';\n    nextOverlayElement.style.borderBottomRightRadius = '';\n    nextOverlayElement.style.borderBottomLeftRadius = '';\n\n    if (shape === 'circle') {\n        nextOverlayElement.style.borderRadius = '50%';\n        return;\n    }\n\n    if (borderRadius !== undefined) {\n        nextOverlayElement.style.borderRadius =\n            typeof borderRadius === 'number' ? `${borderRadius + padding}px` : borderRadius;\n        return;\n    }\n\n    const computedStyles = window.getComputedStyle(element);\n\n    nextOverlayElement.style.borderTopLeftRadius = getRadiusValue(\n        computedStyles.borderTopLeftRadius,\n        padding,\n    );\n    nextOverlayElement.style.borderTopRightRadius = getRadiusValue(\n        computedStyles.borderTopRightRadius,\n        padding,\n    );\n    nextOverlayElement.style.borderBottomRightRadius = getRadiusValue(\n        computedStyles.borderBottomRightRadius,\n        padding,\n    );\n    nextOverlayElement.style.borderBottomLeftRadius = getRadiusValue(\n        computedStyles.borderBottomLeftRadius,\n        padding,\n    );\n};\n\nconst ensureOverlayElement = (element: HTMLElement): HTMLDivElement => {\n    const overlayContainer = getOverlayContainer(element);\n\n    if (overlayElement) {\n        if (overlayElement.parentElement !== overlayContainer) {\n            overlayContainer.appendChild(overlayElement);\n        }\n\n        return overlayElement;\n    }\n\n    overlayElement = document.createElement('div');\n    overlayElement.style.position = 'fixed';\n    overlayElement.style.pointerEvents = 'none';\n    overlayElement.style.zIndex = '2147483647';\n    overlayElement.style.display = 'none';\n    overlayElement.style.outline = '2px solid color-mix(in srgb, white 70%, transparent)';\n    overlayElement.style.outlineOffset = '1px';\n    overlayElement.style.boxShadow = '0 0 0 3px rgba(0, 102, 204, 0.3)';\n    overlayContainer.appendChild(overlayElement);\n\n    return overlayElement;\n};\n\nexport const hideFocusRingOverlay = (owner?: HTMLElement) => {\n    if (!overlayElement) {\n        return;\n    }\n\n    if (owner && overlayOwner && overlayOwner !== owner) {\n        return;\n    }\n\n    overlayElement.style.display = 'none';\n    overlayOwner = null;\n};\n\nexport const showFocusRingOverlay = (\n    element: HTMLElement,\n    shape: FocusRingShape = 'rectangle',\n    padding = 0,\n    borderRadius?: CSSProperties['borderRadius'],\n) => {\n    if (!element.isConnected) {\n        hideFocusRingOverlay(element);\n        return;\n    }\n\n    const rect = element.getBoundingClientRect();\n    const nextOverlayElement = ensureOverlayElement(element);\n    const overlayWidth = rect.width + padding * 2;\n    const overlayHeight = rect.height + padding * 2;\n\n    if (shape === 'circle') {\n        const overlaySize = Math.max(overlayWidth, overlayHeight);\n\n        nextOverlayElement.style.left = `${rect.left + rect.width / 2 - overlaySize / 2}px`;\n        nextOverlayElement.style.top = `${rect.top + rect.height / 2 - overlaySize / 2}px`;\n        nextOverlayElement.style.width = `${overlaySize}px`;\n        nextOverlayElement.style.height = `${overlaySize}px`;\n        applyOverlayBorderRadius(nextOverlayElement, element, shape, padding, borderRadius);\n        nextOverlayElement.style.display = 'block';\n        overlayOwner = element;\n        return;\n    }\n\n    nextOverlayElement.style.left = `${rect.left - padding}px`;\n    nextOverlayElement.style.top = `${rect.top - padding}px`;\n    nextOverlayElement.style.width = `${overlayWidth}px`;\n    nextOverlayElement.style.height = `${overlayHeight}px`;\n    applyOverlayBorderRadius(nextOverlayElement, element, shape, padding, borderRadius);\n    nextOverlayElement.style.display = 'block';\n    overlayOwner = element;\n};\n\n/**\n * Renders a focus ring in the closest PageProvider portal container.\n */\nexport const useFocusRingPortal = (\n    targetRef: RefObject<HTMLElement>,\n    {\n        isEnabled,\n        shape = 'rectangle',\n        padding = 0,\n        borderRadius,\n        overlayRef,\n        updateKey,\n    }: FocusRingPortalOptions,\n) => {\n    useEffect(() => {\n        if (!isEnabled || typeof window === 'undefined') {\n            const targetElement = targetRef.current;\n\n            if (targetElement) {\n                delete targetElement.dataset.focusRingPortalMode;\n            }\n\n            hideFocusRingOverlay(targetRef.current ?? undefined);\n            return undefined;\n        }\n\n        const targetElement = targetRef.current;\n\n        if (!targetElement) {\n            return undefined;\n        }\n\n        targetElement.dataset.focusRingPortalMode = 'custom';\n\n        const getOverlayTargetElement = () => overlayRef?.current ?? targetElement;\n\n        let animationFrameId: number | undefined;\n        let wasPointerFocused = false;\n\n        const stopTrackingOverlay = () => {\n            if (animationFrameId !== undefined) {\n                window.cancelAnimationFrame(animationFrameId);\n                animationFrameId = undefined;\n            }\n        };\n\n        const updateOverlay = () => {\n            if (\n                document.activeElement !== targetElement ||\n                wasPointerFocused ||\n                !getIsKeyboardFocusHighlightingActive()\n            ) {\n                stopTrackingOverlay();\n                hideFocusRingOverlay(getOverlayTargetElement());\n                return false;\n            }\n\n            const overlayTargetElement = getOverlayTargetElement();\n\n            if (!overlayTargetElement.isConnected) {\n                stopTrackingOverlay();\n                hideFocusRingOverlay(overlayTargetElement);\n                return false;\n            }\n\n            showFocusRingOverlay(overlayTargetElement, shape, padding, borderRadius);\n            return true;\n        };\n\n        const trackOverlay = () => {\n            animationFrameId = undefined;\n\n            if (updateOverlay()) {\n                animationFrameId = window.requestAnimationFrame(trackOverlay);\n            }\n        };\n\n        const startTrackingOverlay = () => {\n            stopTrackingOverlay();\n            trackOverlay();\n        };\n\n        const handleBlur = () => {\n            stopTrackingOverlay();\n            hideFocusRingOverlay(getOverlayTargetElement());\n        };\n\n        const handlePointerDown = (event: PointerEvent) => {\n            if (\n                !(event.target instanceof Node) ||\n                (!targetElement.contains(event.target) &&\n                    !getOverlayTargetElement().contains(event.target))\n            ) {\n                return;\n            }\n\n            wasPointerFocused = true;\n            stopTrackingOverlay();\n            hideFocusRingOverlay(getOverlayTargetElement());\n        };\n\n        const handleKeyDown = () => {\n            wasPointerFocused = false;\n            startTrackingOverlay();\n        };\n\n        startTrackingOverlay();\n\n        targetElement.addEventListener('focus', startTrackingOverlay);\n        targetElement.addEventListener('blur', handleBlur);\n        document.addEventListener('pointerdown', handlePointerDown, true);\n        targetElement.addEventListener('keydown', handleKeyDown);\n        window.addEventListener('resize', startTrackingOverlay);\n        window.addEventListener('scroll', startTrackingOverlay, true);\n\n        return () => {\n            targetElement.removeEventListener('focus', startTrackingOverlay);\n            targetElement.removeEventListener('blur', handleBlur);\n            document.removeEventListener('pointerdown', handlePointerDown, true);\n            targetElement.removeEventListener('keydown', handleKeyDown);\n            window.removeEventListener('resize', startTrackingOverlay);\n            window.removeEventListener('scroll', startTrackingOverlay, true);\n            stopTrackingOverlay();\n            delete targetElement.dataset.focusRingPortalMode;\n            hideFocusRingOverlay(getOverlayTargetElement());\n        };\n    }, [borderRadius, isEnabled, overlayRef, padding, shape, targetRef, updateKey]);\n};\n"],"mappings":"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","ignoreList":[]}

package/lib/esm/hooks/useKeyboardFocusHighlighting.js

@@ -2,6 +2,8 @@
 import { useContext, useEffect, useState } from 'react';
 import { ColorSchemeContext } from '../components/color-scheme-provider/ColorSchemeProvider';
 const KEYBOARD_NAVIGATION_KEYS = new Set(['Tab', 'ArrowUp', 'ArrowDown', 'ArrowLeft', 'ArrowRight', 'Enter', ' ', 'Spacebar', 'Escape', 'Home', 'End', 'PageUp', 'PageDown']);
+let isKeyboardFocusHighlightingActive = false;
+export const getIsKeyboardFocusHighlightingActive = () => isKeyboardFocusHighlightingActive;
 
 /**
  * Tracks whether focus highlighting should be visible for keyboard navigation.
@@ -15,6 +17,7 @@ export const useKeyboardFocusHighlighting = isEnabledProp => {
   useEffect(() => {
     const canListen = isEnabled && typeof window !== 'undefined';
     const enableKeyboardNavigation = () => {
+      isKeyboardFocusHighlightingActive = true;
       setIsKeyboardNavigation(true);
     };
     const handleKeyDown = event => {
@@ -27,11 +30,13 @@ export const useKeyboardFocusHighlighting = isEnabledProp => {
       enableKeyboardNavigation();
     };
     const disableKeyboardNavigation = () => {
+      isKeyboardFocusHighlightingActive = false;
       setIsKeyboardNavigation(current => current ? false : current);
     };
     if (canListen) {
       window.addEventListener('keydown', handleKeyDown);
-      window.addEventListener('mousedown', disableKeyboardNavigation);
+      // Reset synchronously before a click can move focus to a control.
+      document.addEventListener('pointerdown', disableKeyboardNavigation, true);
       window.addEventListener('mousemove', disableKeyboardNavigation);
     } else {
       setIsKeyboardNavigation(false);
@@ -39,7 +44,7 @@ export const useKeyboardFocusHighlighting = isEnabledProp => {
     return () => {
       if (canListen) {
         window.removeEventListener('keydown', handleKeyDown);
-        window.removeEventListener('mousedown', disableKeyboardNavigation);
+        document.removeEventListener('pointerdown', disableKeyboardNavigation, true);
         window.removeEventListener('mousemove', disableKeyboardNavigation);
       }
     };

package/lib/esm/hooks/useKeyboardFocusHighlighting.js.map

@@ -1 +1 @@
-{"version":3,"file":"useKeyboardFocusHighlighting.js","names":["useContext","useEffect","useState","ColorSchemeContext","KEYBOARD_NAVIGATION_KEYS","Set","useKeyboardFocusHighlighting","isEnabledProp","colorScheme","contextIsEnabled","shouldEnableKeyboardHighlighting","isEnabled","isKeyboardNavigation","setIsKeyboardNavigation","canListen","window","enableKeyboardNavigation","handleKeyDown","event","ctrlKey","altKey","metaKey","has","key","disableKeyboardNavigation","current","addEventListener","removeEventListener","Boolean"],"sources":["../../../src/hooks/useKeyboardFocusHighlighting.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unsafe-assignment, @typescript-eslint/no-unsafe-return */\nimport { useContext, useEffect, useState } from 'react';\nimport {\n    ColorSchemeContext,\n    type ColorSchemeContextProps,\n} from '../components/color-scheme-provider/ColorSchemeProvider';\n\nconst KEYBOARD_NAVIGATION_KEYS = new Set([\n    'Tab',\n    'ArrowUp',\n    'ArrowDown',\n    'ArrowLeft',\n    'ArrowRight',\n    'Enter',\n    ' ',\n    'Spacebar',\n    'Escape',\n    'Home',\n    'End',\n    'PageUp',\n    'PageDown',\n]);\n\n/**\n * Tracks whether focus highlighting should be visible for keyboard navigation.\n * Keyboard mode is enabled via Tab and reset by mouse interaction.\n */\nexport const useKeyboardFocusHighlighting = (isEnabledProp?: boolean): boolean => {\n    const colorScheme = useContext<ColorSchemeContextProps | undefined>(ColorSchemeContext);\n    const contextIsEnabled: boolean = colorScheme?.shouldEnableKeyboardHighlighting === true;\n    const isEnabled: boolean = isEnabledProp ?? contextIsEnabled;\n\n    const [isKeyboardNavigation, setIsKeyboardNavigation] = useState(false);\n\n    useEffect(() => {\n        const canListen = isEnabled && typeof window !== 'undefined';\n\n        const enableKeyboardNavigation = () => {\n            setIsKeyboardNavigation(true);\n        };\n\n        const handleKeyDown = (event: KeyboardEvent) => {\n            if (event.ctrlKey || event.altKey || event.metaKey) {\n                return;\n            }\n\n            if (!KEYBOARD_NAVIGATION_KEYS.has(event.key)) {\n                return;\n            }\n\n            enableKeyboardNavigation();\n        };\n\n        const disableKeyboardNavigation = () => {\n            setIsKeyboardNavigation((current) => (current ? false : current));\n        };\n\n        if (canListen) {\n            window.addEventListener('keydown', handleKeyDown);\n            window.addEventListener('mousedown', disableKeyboardNavigation);\n            window.addEventListener('mousemove', disableKeyboardNavigation);\n        } else {\n            setIsKeyboardNavigation(false);\n        }\n\n        return () => {\n            if (canListen) {\n                window.removeEventListener('keydown', handleKeyDown);\n                window.removeEventListener('mousedown', disableKeyboardNavigation);\n                window.removeEventListener('mousemove', disableKeyboardNavigation);\n            }\n        };\n    }, [isEnabled]);\n\n    return Boolean(isEnabled && isKeyboardNavigation);\n};\n"],"mappings":"AAAA;AACA,SAASA,UAAU,EAAEC,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AACvD,SACIC,kBAAkB,QAEf,yDAAyD;AAEhE,MAAMC,wBAAwB,GAAG,IAAIC,GAAG,CAAC,CACrC,KAAK,EACL,SAAS,EACT,WAAW,EACX,WAAW,EACX,YAAY,EACZ,OAAO,EACP,GAAG,EACH,UAAU,EACV,QAAQ,EACR,MAAM,EACN,KAAK,EACL,QAAQ,EACR,UAAU,CACb,CAAC;;AAEF;AACA;AACA;AACA;AACA,OAAO,MAAMC,4BAA4B,GAAIC,aAAuB,IAAc;EAC9E,MAAMC,WAAW,GAAGR,UAAU,CAAsCG,kBAAkB,CAAC;EACvF,MAAMM,gBAAyB,GAAGD,WAAW,EAAEE,gCAAgC,KAAK,IAAI;EACxF,MAAMC,SAAkB,GAAGJ,aAAa,IAAIE,gBAAgB;EAE5D,MAAM,CAACG,oBAAoB,EAAEC,uBAAuB,CAAC,GAAGX,QAAQ,CAAC,KAAK,CAAC;EAEvED,SAAS,CAAC,MAAM;IACZ,MAAMa,SAAS,GAAGH,SAAS,IAAI,OAAOI,MAAM,KAAK,WAAW;IAE5D,MAAMC,wBAAwB,GAAGA,CAAA,KAAM;MACnCH,uBAAuB,CAAC,IAAI,CAAC;IACjC,CAAC;IAED,MAAMI,aAAa,GAAIC,KAAoB,IAAK;MAC5C,IAAIA,KAAK,CAACC,OAAO,IAAID,KAAK,CAACE,MAAM,IAAIF,KAAK,CAACG,OAAO,EAAE;QAChD;MACJ;MAEA,IAAI,CAACjB,wBAAwB,CAACkB,GAAG,CAACJ,KAAK,CAACK,GAAG,CAAC,EAAE;QAC1C;MACJ;MAEAP,wBAAwB,CAAC,CAAC;IAC9B,CAAC;IAED,MAAMQ,yBAAyB,GAAGA,CAAA,KAAM;MACpCX,uBAAuB,CAAEY,OAAO,IAAMA,OAAO,GAAG,KAAK,GAAGA,OAAQ,CAAC;IACrE,CAAC;IAED,IAAIX,SAAS,EAAE;MACXC,MAAM,CAACW,gBAAgB,CAAC,SAAS,EAAET,aAAa,CAAC;MACjDF,MAAM,CAACW,gBAAgB,CAAC,WAAW,EAAEF,yBAAyB,CAAC;MAC/DT,MAAM,CAACW,gBAAgB,CAAC,WAAW,EAAEF,yBAAyB,CAAC;IACnE,CAAC,MAAM;MACHX,uBAAuB,CAAC,KAAK,CAAC;IAClC;IAEA,OAAO,MAAM;MACT,IAAIC,SAAS,EAAE;QACXC,MAAM,CAACY,mBAAmB,CAAC,SAAS,EAAEV,aAAa,CAAC;QACpDF,MAAM,CAACY,mBAAmB,CAAC,WAAW,EAAEH,yBAAyB,CAAC;QAClET,MAAM,CAACY,mBAAmB,CAAC,WAAW,EAAEH,yBAAyB,CAAC;MACtE;IACJ,CAAC;EACL,CAAC,EAAE,CAACb,SAAS,CAAC,CAAC;EAEf,OAAOiB,OAAO,CAACjB,SAAS,IAAIC,oBAAoB,CAAC;AACrD,CAAC","ignoreList":[]}
+{"version":3,"file":"useKeyboardFocusHighlighting.js","names":["useContext","useEffect","useState","ColorSchemeContext","KEYBOARD_NAVIGATION_KEYS","Set","isKeyboardFocusHighlightingActive","getIsKeyboardFocusHighlightingActive","useKeyboardFocusHighlighting","isEnabledProp","colorScheme","contextIsEnabled","shouldEnableKeyboardHighlighting","isEnabled","isKeyboardNavigation","setIsKeyboardNavigation","canListen","window","enableKeyboardNavigation","handleKeyDown","event","ctrlKey","altKey","metaKey","has","key","disableKeyboardNavigation","current","addEventListener","document","removeEventListener","Boolean"],"sources":["../../../src/hooks/useKeyboardFocusHighlighting.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unsafe-assignment, @typescript-eslint/no-unsafe-return */\nimport { useContext, useEffect, useState } from 'react';\nimport {\n    ColorSchemeContext,\n    type ColorSchemeContextProps,\n} from '../components/color-scheme-provider/ColorSchemeProvider';\n\nconst KEYBOARD_NAVIGATION_KEYS = new Set([\n    'Tab',\n    'ArrowUp',\n    'ArrowDown',\n    'ArrowLeft',\n    'ArrowRight',\n    'Enter',\n    ' ',\n    'Spacebar',\n    'Escape',\n    'Home',\n    'End',\n    'PageUp',\n    'PageDown',\n]);\n\nlet isKeyboardFocusHighlightingActive = false;\n\nexport const getIsKeyboardFocusHighlightingActive = (): boolean =>\n    isKeyboardFocusHighlightingActive;\n\n/**\n * Tracks whether focus highlighting should be visible for keyboard navigation.\n * Keyboard mode is enabled via Tab and reset by mouse interaction.\n */\nexport const useKeyboardFocusHighlighting = (isEnabledProp?: boolean): boolean => {\n    const colorScheme = useContext<ColorSchemeContextProps | undefined>(ColorSchemeContext);\n    const contextIsEnabled: boolean = colorScheme?.shouldEnableKeyboardHighlighting === true;\n    const isEnabled: boolean = isEnabledProp ?? contextIsEnabled;\n\n    const [isKeyboardNavigation, setIsKeyboardNavigation] = useState(false);\n\n    useEffect(() => {\n        const canListen = isEnabled && typeof window !== 'undefined';\n\n        const enableKeyboardNavigation = () => {\n            isKeyboardFocusHighlightingActive = true;\n            setIsKeyboardNavigation(true);\n        };\n\n        const handleKeyDown = (event: KeyboardEvent) => {\n            if (event.ctrlKey || event.altKey || event.metaKey) {\n                return;\n            }\n\n            if (!KEYBOARD_NAVIGATION_KEYS.has(event.key)) {\n                return;\n            }\n\n            enableKeyboardNavigation();\n        };\n\n        const disableKeyboardNavigation = () => {\n            isKeyboardFocusHighlightingActive = false;\n            setIsKeyboardNavigation((current) => (current ? false : current));\n        };\n\n        if (canListen) {\n            window.addEventListener('keydown', handleKeyDown);\n            // Reset synchronously before a click can move focus to a control.\n            document.addEventListener('pointerdown', disableKeyboardNavigation, true);\n            window.addEventListener('mousemove', disableKeyboardNavigation);\n        } else {\n            setIsKeyboardNavigation(false);\n        }\n\n        return () => {\n            if (canListen) {\n                window.removeEventListener('keydown', handleKeyDown);\n                document.removeEventListener('pointerdown', disableKeyboardNavigation, true);\n                window.removeEventListener('mousemove', disableKeyboardNavigation);\n            }\n        };\n    }, [isEnabled]);\n\n    return Boolean(isEnabled && isKeyboardNavigation);\n};\n"],"mappings":"AAAA;AACA,SAASA,UAAU,EAAEC,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AACvD,SACIC,kBAAkB,QAEf,yDAAyD;AAEhE,MAAMC,wBAAwB,GAAG,IAAIC,GAAG,CAAC,CACrC,KAAK,EACL,SAAS,EACT,WAAW,EACX,WAAW,EACX,YAAY,EACZ,OAAO,EACP,GAAG,EACH,UAAU,EACV,QAAQ,EACR,MAAM,EACN,KAAK,EACL,QAAQ,EACR,UAAU,CACb,CAAC;AAEF,IAAIC,iCAAiC,GAAG,KAAK;AAE7C,OAAO,MAAMC,oCAAoC,GAAGA,CAAA,KAChDD,iCAAiC;;AAErC;AACA;AACA;AACA;AACA,OAAO,MAAME,4BAA4B,GAAIC,aAAuB,IAAc;EAC9E,MAAMC,WAAW,GAAGV,UAAU,CAAsCG,kBAAkB,CAAC;EACvF,MAAMQ,gBAAyB,GAAGD,WAAW,EAAEE,gCAAgC,KAAK,IAAI;EACxF,MAAMC,SAAkB,GAAGJ,aAAa,IAAIE,gBAAgB;EAE5D,MAAM,CAACG,oBAAoB,EAAEC,uBAAuB,CAAC,GAAGb,QAAQ,CAAC,KAAK,CAAC;EAEvED,SAAS,CAAC,MAAM;IACZ,MAAMe,SAAS,GAAGH,SAAS,IAAI,OAAOI,MAAM,KAAK,WAAW;IAE5D,MAAMC,wBAAwB,GAAGA,CAAA,KAAM;MACnCZ,iCAAiC,GAAG,IAAI;MACxCS,uBAAuB,CAAC,IAAI,CAAC;IACjC,CAAC;IAED,MAAMI,aAAa,GAAIC,KAAoB,IAAK;MAC5C,IAAIA,KAAK,CAACC,OAAO,IAAID,KAAK,CAACE,MAAM,IAAIF,KAAK,CAACG,OAAO,EAAE;QAChD;MACJ;MAEA,IAAI,CAACnB,wBAAwB,CAACoB,GAAG,CAACJ,KAAK,CAACK,GAAG,CAAC,EAAE;QAC1C;MACJ;MAEAP,wBAAwB,CAAC,CAAC;IAC9B,CAAC;IAED,MAAMQ,yBAAyB,GAAGA,CAAA,KAAM;MACpCpB,iCAAiC,GAAG,KAAK;MACzCS,uBAAuB,CAAEY,OAAO,IAAMA,OAAO,GAAG,KAAK,GAAGA,OAAQ,CAAC;IACrE,CAAC;IAED,IAAIX,SAAS,EAAE;MACXC,MAAM,CAACW,gBAAgB,CAAC,SAAS,EAAET,aAAa,CAAC;MACjD;MACAU,QAAQ,CAACD,gBAAgB,CAAC,aAAa,EAAEF,yBAAyB,EAAE,IAAI,CAAC;MACzET,MAAM,CAACW,gBAAgB,CAAC,WAAW,EAAEF,yBAAyB,CAAC;IACnE,CAAC,MAAM;MACHX,uBAAuB,CAAC,KAAK,CAAC;IAClC;IAEA,OAAO,MAAM;MACT,IAAIC,SAAS,EAAE;QACXC,MAAM,CAACa,mBAAmB,CAAC,SAAS,EAAEX,aAAa,CAAC;QACpDU,QAAQ,CAACC,mBAAmB,CAAC,aAAa,EAAEJ,yBAAyB,EAAE,IAAI,CAAC;QAC5ET,MAAM,CAACa,mBAAmB,CAAC,WAAW,EAAEJ,yBAAyB,CAAC;MACtE;IACJ,CAAC;EACL,CAAC,EAAE,CAACb,SAAS,CAAC,CAAC;EAEf,OAAOkB,OAAO,CAAClB,SAAS,IAAIC,oBAAoB,CAAC;AACrD,CAAC","ignoreList":[]}

package/lib/esm/index.js

@@ -14,6 +14,7 @@ export { default as Checkbox } from './components/checkbox/Checkbox';
 export { default as ColorSchemeProvider, useColorScheme } from './components/color-scheme-provider/ColorSchemeProvider';
 export { BadgeSize, BadgeDesign } from './components/badge/Badge.types';
 export { useContainer, ContainerAnchor } from './hooks/container';
+export { useFocusRingPortal } from './hooks/useFocusRingPortal';
 export { DropdownDirection } from './types/dropdown';
 export { useIsMeasuredClone } from './hooks/element';
 export { useCombinedRefs } from './hooks/ref';
@@ -83,4 +84,5 @@ export { ComboBoxSize } from './components/combobox/ComboBox.types';
 export { default as Skeleton } from './components/skeleton';
 export { SkeletonAnimationType } from './components/skeleton/types';
 export { default as Masonry } from './components/masonry/Masonry';
+export { useKeyboardFocusHighlighting } from './hooks/useKeyboardFocusHighlighting';
 //# sourceMappingURL=index.js.map

package/lib/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["default","Accordion","AccordionContent","AccordionGroup","AccordionIntro","AccordionItem","AmountControl","VerificationBadge","AreaContext","AreaProvider","Badge","Button","Checkbox","ColorSchemeProvider","useColorScheme","BadgeSize","BadgeDesign","useContainer","ContainerAnchor","DropdownDirection","useIsMeasuredClone","useCombinedRefs","Filter","AnimatedNumber","FileList","FileSelect","DropdownBodyWrapper","ComboBox","ContentCard","CopyableContent","CopyableContentAppearance","HighlightSlider","ContextMenu","ContextMenuAlignment","ExpandableContent","FileInput","STREAMINGSERVICE_FILE_TYPES","TSIMG_FILE_TYPES","FilterButton","FilterButtons","GridImage","GroupedImage","Icon","Input","InputSize","List","ListItemContent","ListItem","LIST_ITEM_MARKER","withListItemMarker","withListItemMarkerForwardRef","MentionFinder","MultiActionButton","NumberInput","PageProvider","Popup","PopupContent","ProgressBar","PopupAlignment","RadioButtonGroup","RadioButton","ScrollView","SearchBox","SearchInput","SelectButton","SetupWizardItem","SetupWizard","SharingContextMenu","SharingBar","SharingButton","Signature","SliderButton","Slider","SmallWaitCursor","SmallWaitCursorSize","SmallWaitCursorSpeed","TagInput","TextArea","Tooltip","Truncation","MentionFinderPopupAlignment","useElementSize","ContentCardType","isValidFileType","getHumanSize","FilterButtonItemShape","FilterButtonSize","MultiActionButtonHeight","MultiActionButtonStatusType","ClampPosition","useIsTouch","filterFilesByMimeType","getFileAsArrayBuffer","selectFiles","isTobitEmployee","getUsableHeight","uploadFile","ComboBoxSize","Skeleton","SkeletonAnimationType","Masonry"],"sources":["../../src/index.ts"],"sourcesContent":["// noinspection JSUnusedGlobalSymbols\n\nexport { default as Accordion } from './components/accordion/Accordion';\nexport { default as AccordionContent } from './components/accordion/accordion-content/AccordionContent';\nexport { default as AccordionGroup } from './components/accordion/accordion-group/AccordionGroup';\nexport { default as AccordionIntro } from './components/accordion/accordion-intro/AccordionIntro';\nexport { default as AccordionItem } from './components/accordion/accordion-item/AccordionItem';\nexport { default as AmountControl } from './components/amount-control/AmountControl';\nexport { default as VerificationBadge } from './components/verification-badge/VerificationBadge';\nexport {\n    AreaContext,\n    default as AreaProvider,\n} from './components/area-provider/AreaContextProvider';\nexport { default as Badge } from './components/badge/Badge';\nexport { default as Button } from './components/button/Button';\nexport { default as Checkbox } from './components/checkbox/Checkbox';\nexport {\n    default as ColorSchemeProvider,\n    useColorScheme,\n} from './components/color-scheme-provider/ColorSchemeProvider';\nexport { BadgeSize, BadgeDesign } from './components/badge/Badge.types';\nexport type {\n    ColorSchemeContextProps,\n    WithTheme,\n} from './components/color-scheme-provider/ColorSchemeProvider';\nexport { useContainer, ContainerAnchor } from './hooks/container';\nexport { DropdownDirection, type DropdownCoordinates } from './types/dropdown';\nexport { useIsMeasuredClone } from './hooks/element';\nexport { useCombinedRefs } from './hooks/ref';\nexport { default as Filter, type FilterRightIcon } from './components/filter/Filter';\nexport {\n    type SortItem,\n    type SearchConfig,\n    type SortConfig,\n    type CheckboxConfig,\n    type FilterButtonConfig,\n    type FilterRef,\n} from './types/filter';\nexport { default as AnimatedNumber } from './components/animated-number/AnimatedNumber';\nexport {\n    default as FileList,\n    type IFileItem as FileListItem,\n} from './components/file-list/FileList';\nexport { default as FileSelect } from './components/file-select/FileSelect';\nexport { default as DropdownBodyWrapper } from './components/dropdown-body-wrapper/DropdownBodyWrapper';\nexport { default as ComboBox } from './components/combobox/ComboBox';\nexport { default as ContentCard } from './components/content-card/ContentCard';\nexport {\n    default as CopyableContent,\n    CopyableContentAppearance,\n    type CopyableContentProps,\n} from './components/copyable-content/CopyableContent';\nexport { default as HighlightSlider } from './components/highlight-slider/HighlightSlider';\nexport type { HighlightSliderItemColors as HighlightSliderColors } from './components/highlight-slider/highlight-slider-item/HighlightSliderItem';\nexport { default as ContextMenu } from './components/context-menu/ContextMenu';\nexport {\n    ContextMenuAlignment,\n    type ContextMenuCoordinates,\n    type ContextMenuItem,\n    type ContextMenuProps,\n    type ContextMenuRef,\n} from './components/context-menu/ContextMenu.types';\nexport { default as ExpandableContent } from './components/expandable-content/ExpandableContent';\nexport {\n    default as FileInput,\n    type FileInputRef,\n    STREAMINGSERVICE_FILE_TYPES,\n    TSIMG_FILE_TYPES,\n} from './components/file-input/FileInput';\nexport { default as FilterButton } from './components/filter-buttons/filter-button/FilterButton';\nexport { default as FilterButtons } from './components/filter-buttons/FilterButtons';\nexport { default as GridImage } from './components/grid-image/GridImage';\nexport { default as GroupedImage } from './components/grouped-image/GroupedImage';\nexport { default as Icon, type IconProps } from './components/icon/Icon';\nexport { default as Input, InputSize } from './components/input/Input';\nexport { default as List } from './components/list/List';\nexport { default as ListItemContent } from './components/list/list-item/list-item-content/ListItemContent';\nexport {\n    default as ListItem,\n    type ListItemElements,\n    type ListItemProps,\n    type ListItemRef,\n    type ListItemSize,\n} from './components/list/list-item/ListItem';\nexport {\n    type ListItemMarkedForwardRefComponent,\n    type ListItemMarkedComponent,\n    type ListItemMetaProps,\n    LIST_ITEM_MARKER,\n    withListItemMarker,\n    withListItemMarkerForwardRef,\n} from './components/list/list-item/ListItem.utils';\nexport { default as MentionFinder } from './components/mention-finder/MentionFinder';\nexport type { MentionMember } from './components/mention-finder/MentionFinder';\nexport { default as MultiActionButton } from './components/multi-action-button/MultiActionButton';\nexport { default as NumberInput } from './components/number-input/NumberInput';\nexport { default as PageProvider } from './components/page-provider/PageProvider';\nexport { default as Popup } from './components/popup/Popup';\nexport { default as PopupContent } from './components/popup/popup-content/PopupContent';\nexport { default as ProgressBar } from './components/progress-bar/ProgressBar';\nexport { PopupAlignment } from './types/popup';\nexport type { PopupProps } from './components/popup/Popup.types';\nexport {\n    default as RadioButtonGroup,\n    type RadioButtonGroupRef,\n} from './components/radio-button/radio-button-group/RadioButtonGroup';\nexport { default as RadioButton } from './components/radio-button/RadioButton';\nexport { default as ScrollView } from './components/scroll-view/ScrollView';\nexport { default as SearchBox } from './components/search-box/SearchBox';\nexport { default as SearchInput } from './components/search-input/SearchInput';\nexport { default as SelectButton } from './components/select-button/SelectButton';\nexport { default as SetupWizardItem } from './components/setup-wizard/setup-wizard-item/SetupWizardItem';\nexport { default as SetupWizard } from './components/setup-wizard/SetupWizard';\nexport type { SetupWizardRef } from './components/setup-wizard/SetupWizard';\nexport { default as SharingContextMenu } from './components/sharing-context-menu/SharingContextMenu';\nexport { default as SharingBar } from './components/sharing-bar/SharingBar';\nexport { default as SharingButton } from './components/sharing-button/SharingButton';\nexport { default as Signature } from './components/signature/Signature';\nexport type { SignatureRef } from './components/signature/Signature';\nexport { default as SliderButton } from './components/slider-button/SliderButton';\nexport { default as Slider } from './components/slider/Slider';\nexport {\n    default as SmallWaitCursor,\n    SmallWaitCursorSize,\n    SmallWaitCursorSpeed,\n} from './components/small-wait-cursor/SmallWaitCursor';\nexport type { Tag } from './types/tagInput';\nexport { default as TagInput } from './components/tag-input/TagInput';\nexport type { TagInputRef } from './components/tag-input/TagInput';\nexport { default as TextArea } from './components/text-area/TextArea';\nexport { default as Tooltip } from './components/tooltip/Tooltip';\nexport { default as Truncation } from './components/truncation/Truncation';\nexport { MentionFinderPopupAlignment } from './constants/mentionFinder';\nexport { useElementSize } from './hooks/element';\nexport type { BrowserName } from './types/chayns';\nexport { ContentCardType } from './types/contentCard';\nexport type { FileItem, Image, InternalFileItem, Meta, Video } from './types/file';\nexport { isValidFileType, getHumanSize } from './utils/file';\nexport type { FileInputFileItem } from './types/fileInput';\nexport { FilterButtonItemShape, FilterButtonSize } from './types/filterButtons';\nexport type { IFilterButtonItem as FilterButtonItem } from './types/filterButtons';\nexport type { IListItemRightElements } from './types/list';\nexport type { PopupRef } from './types/popup';\nexport type { RadioButtonItem } from './types/radioButton';\nexport type {\n    ISearchBoxItem as SearchBoxItem,\n    ISearchBoxItems as SearchBoxItems,\n} from './types/searchBox';\nexport type { SelectButtonItem } from './types/selectButton';\nexport type { SliderButtonItem } from './types/slider-button';\nexport {\n    type MultiActionButtonAction,\n    type MultiActionButtonActionEvent,\n    type MultiActionButtonActionStatus,\n    MultiActionButtonHeight,\n    type MultiActionButtonProps,\n    type MultiActionButtonSecondaryContextMenu,\n    MultiActionButtonStatusType,\n} from './components/multi-action-button/MultiActionButton.types';\nexport { ClampPosition } from './types/truncation';\nexport { useIsTouch } from './utils/environment';\nexport { filterFilesByMimeType, getFileAsArrayBuffer, selectFiles } from './utils/fileDialog';\nexport { isTobitEmployee } from './utils/isTobitEmployee';\nexport { getUsableHeight } from './utils/pageProvider';\nexport { uploadFile } from './utils/uploadFile';\nexport type { Theme } from './components/color-scheme-provider/ColorSchemeProvider';\nexport { ComboBoxSize } from './components/combobox/ComboBox.types';\nexport type {\n    IComboBoxItem as ComboBoxItem,\n    ComboBoxTextStyles,\n    IComboBoxItems as ComboBoxItems,\n    ComboBoxRef,\n} from './components/combobox/ComboBox.types';\nexport { default as Skeleton } from './components/skeleton';\nexport { SkeletonAnimationType } from './components/skeleton/types';\nexport { default as Masonry } from './components/masonry/Masonry';\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["default","Accordion","AccordionContent","AccordionGroup","AccordionIntro","AccordionItem","AmountControl","VerificationBadge","AreaContext","AreaProvider","Badge","Button","Checkbox","ColorSchemeProvider","useColorScheme","BadgeSize","BadgeDesign","useContainer","ContainerAnchor","useFocusRingPortal","DropdownDirection","useIsMeasuredClone","useCombinedRefs","Filter","AnimatedNumber","FileList","FileSelect","DropdownBodyWrapper","ComboBox","ContentCard","CopyableContent","CopyableContentAppearance","HighlightSlider","ContextMenu","ContextMenuAlignment","ExpandableContent","FileInput","STREAMINGSERVICE_FILE_TYPES","TSIMG_FILE_TYPES","FilterButton","FilterButtons","GridImage","GroupedImage","Icon","Input","InputSize","List","ListItemContent","ListItem","LIST_ITEM_MARKER","withListItemMarker","withListItemMarkerForwardRef","MentionFinder","MultiActionButton","NumberInput","PageProvider","Popup","PopupContent","ProgressBar","PopupAlignment","RadioButtonGroup","RadioButton","ScrollView","SearchBox","SearchInput","SelectButton","SetupWizardItem","SetupWizard","SharingContextMenu","SharingBar","SharingButton","Signature","SliderButton","Slider","SmallWaitCursor","SmallWaitCursorSize","SmallWaitCursorSpeed","TagInput","TextArea","Tooltip","Truncation","MentionFinderPopupAlignment","useElementSize","ContentCardType","isValidFileType","getHumanSize","FilterButtonItemShape","FilterButtonSize","MultiActionButtonHeight","MultiActionButtonStatusType","ClampPosition","useIsTouch","filterFilesByMimeType","getFileAsArrayBuffer","selectFiles","isTobitEmployee","getUsableHeight","uploadFile","ComboBoxSize","Skeleton","SkeletonAnimationType","Masonry","useKeyboardFocusHighlighting"],"sources":["../../src/index.ts"],"sourcesContent":["// noinspection JSUnusedGlobalSymbols\n\nexport { default as Accordion } from './components/accordion/Accordion';\nexport { default as AccordionContent } from './components/accordion/accordion-content/AccordionContent';\nexport { default as AccordionGroup } from './components/accordion/accordion-group/AccordionGroup';\nexport { default as AccordionIntro } from './components/accordion/accordion-intro/AccordionIntro';\nexport { default as AccordionItem } from './components/accordion/accordion-item/AccordionItem';\nexport { default as AmountControl } from './components/amount-control/AmountControl';\nexport { default as VerificationBadge } from './components/verification-badge/VerificationBadge';\nexport {\n    AreaContext,\n    default as AreaProvider,\n} from './components/area-provider/AreaContextProvider';\nexport { default as Badge } from './components/badge/Badge';\nexport { default as Button } from './components/button/Button';\nexport { default as Checkbox } from './components/checkbox/Checkbox';\nexport {\n    default as ColorSchemeProvider,\n    useColorScheme,\n} from './components/color-scheme-provider/ColorSchemeProvider';\nexport { BadgeSize, BadgeDesign } from './components/badge/Badge.types';\nexport type {\n    ColorSchemeContextProps,\n    WithTheme,\n} from './components/color-scheme-provider/ColorSchemeProvider';\nexport { useContainer, ContainerAnchor } from './hooks/container';\nexport { useFocusRingPortal } from './hooks/useFocusRingPortal';\nexport { DropdownDirection, type DropdownCoordinates } from './types/dropdown';\nexport { useIsMeasuredClone } from './hooks/element';\nexport { useCombinedRefs } from './hooks/ref';\nexport { default as Filter, type FilterRightIcon } from './components/filter/Filter';\nexport {\n    type SortItem,\n    type SearchConfig,\n    type SortConfig,\n    type CheckboxConfig,\n    type FilterButtonConfig,\n    type FilterRef,\n} from './types/filter';\nexport { default as AnimatedNumber } from './components/animated-number/AnimatedNumber';\nexport {\n    default as FileList,\n    type IFileItem as FileListItem,\n} from './components/file-list/FileList';\nexport { default as FileSelect } from './components/file-select/FileSelect';\nexport { default as DropdownBodyWrapper } from './components/dropdown-body-wrapper/DropdownBodyWrapper';\nexport { default as ComboBox } from './components/combobox/ComboBox';\nexport { default as ContentCard } from './components/content-card/ContentCard';\nexport {\n    default as CopyableContent,\n    CopyableContentAppearance,\n    type CopyableContentProps,\n} from './components/copyable-content/CopyableContent';\nexport { default as HighlightSlider } from './components/highlight-slider/HighlightSlider';\nexport type { HighlightSliderItemColors as HighlightSliderColors } from './components/highlight-slider/highlight-slider-item/HighlightSliderItem';\nexport { default as ContextMenu } from './components/context-menu/ContextMenu';\nexport {\n    ContextMenuAlignment,\n    type ContextMenuCoordinates,\n    type ContextMenuItem,\n    type ContextMenuProps,\n    type ContextMenuRef,\n} from './components/context-menu/ContextMenu.types';\nexport { default as ExpandableContent } from './components/expandable-content/ExpandableContent';\nexport {\n    default as FileInput,\n    type FileInputRef,\n    STREAMINGSERVICE_FILE_TYPES,\n    TSIMG_FILE_TYPES,\n} from './components/file-input/FileInput';\nexport { default as FilterButton } from './components/filter-buttons/filter-button/FilterButton';\nexport { default as FilterButtons } from './components/filter-buttons/FilterButtons';\nexport { default as GridImage } from './components/grid-image/GridImage';\nexport { default as GroupedImage } from './components/grouped-image/GroupedImage';\nexport { default as Icon, type IconProps } from './components/icon/Icon';\nexport { default as Input, InputSize } from './components/input/Input';\nexport { default as List } from './components/list/List';\nexport { default as ListItemContent } from './components/list/list-item/list-item-content/ListItemContent';\nexport {\n    default as ListItem,\n    type ListItemElements,\n    type ListItemProps,\n    type ListItemRef,\n    type ListItemSize,\n} from './components/list/list-item/ListItem';\nexport {\n    type ListItemMarkedForwardRefComponent,\n    type ListItemMarkedComponent,\n    type ListItemMetaProps,\n    LIST_ITEM_MARKER,\n    withListItemMarker,\n    withListItemMarkerForwardRef,\n} from './components/list/list-item/ListItem.utils';\nexport { default as MentionFinder } from './components/mention-finder/MentionFinder';\nexport type { MentionMember } from './components/mention-finder/MentionFinder';\nexport { default as MultiActionButton } from './components/multi-action-button/MultiActionButton';\nexport { default as NumberInput } from './components/number-input/NumberInput';\nexport { default as PageProvider } from './components/page-provider/PageProvider';\nexport { default as Popup } from './components/popup/Popup';\nexport { default as PopupContent } from './components/popup/popup-content/PopupContent';\nexport { default as ProgressBar } from './components/progress-bar/ProgressBar';\nexport { PopupAlignment } from './types/popup';\nexport type { PopupProps } from './components/popup/Popup.types';\nexport {\n    default as RadioButtonGroup,\n    type RadioButtonGroupRef,\n} from './components/radio-button/radio-button-group/RadioButtonGroup';\nexport { default as RadioButton } from './components/radio-button/RadioButton';\nexport { default as ScrollView } from './components/scroll-view/ScrollView';\nexport { default as SearchBox } from './components/search-box/SearchBox';\nexport { default as SearchInput } from './components/search-input/SearchInput';\nexport { default as SelectButton } from './components/select-button/SelectButton';\nexport { default as SetupWizardItem } from './components/setup-wizard/setup-wizard-item/SetupWizardItem';\nexport { default as SetupWizard } from './components/setup-wizard/SetupWizard';\nexport type { SetupWizardRef } from './components/setup-wizard/SetupWizard';\nexport { default as SharingContextMenu } from './components/sharing-context-menu/SharingContextMenu';\nexport { default as SharingBar } from './components/sharing-bar/SharingBar';\nexport { default as SharingButton } from './components/sharing-button/SharingButton';\nexport { default as Signature } from './components/signature/Signature';\nexport type { SignatureRef } from './components/signature/Signature';\nexport { default as SliderButton } from './components/slider-button/SliderButton';\nexport { default as Slider } from './components/slider/Slider';\nexport {\n    default as SmallWaitCursor,\n    SmallWaitCursorSize,\n    SmallWaitCursorSpeed,\n} from './components/small-wait-cursor/SmallWaitCursor';\nexport type { Tag } from './types/tagInput';\nexport { default as TagInput } from './components/tag-input/TagInput';\nexport type { TagInputRef } from './components/tag-input/TagInput';\nexport { default as TextArea } from './components/text-area/TextArea';\nexport { default as Tooltip } from './components/tooltip/Tooltip';\nexport { default as Truncation } from './components/truncation/Truncation';\nexport { MentionFinderPopupAlignment } from './constants/mentionFinder';\nexport { useElementSize } from './hooks/element';\nexport type { BrowserName } from './types/chayns';\nexport { ContentCardType } from './types/contentCard';\nexport type { FileItem, Image, InternalFileItem, Meta, Video } from './types/file';\nexport { isValidFileType, getHumanSize } from './utils/file';\nexport type { FileInputFileItem } from './types/fileInput';\nexport { FilterButtonItemShape, FilterButtonSize } from './types/filterButtons';\nexport type { IFilterButtonItem as FilterButtonItem } from './types/filterButtons';\nexport type { IListItemRightElements } from './types/list';\nexport type { PopupRef } from './types/popup';\nexport type { RadioButtonItem } from './types/radioButton';\nexport type {\n    ISearchBoxItem as SearchBoxItem,\n    ISearchBoxItems as SearchBoxItems,\n} from './types/searchBox';\nexport type { SelectButtonItem } from './types/selectButton';\nexport type { SliderButtonItem } from './types/slider-button';\nexport {\n    type MultiActionButtonAction,\n    type MultiActionButtonActionEvent,\n    type MultiActionButtonActionStatus,\n    MultiActionButtonHeight,\n    type MultiActionButtonProps,\n    type MultiActionButtonSecondaryContextMenu,\n    MultiActionButtonStatusType,\n} from './components/multi-action-button/MultiActionButton.types';\nexport { ClampPosition } from './types/truncation';\nexport { useIsTouch } from './utils/environment';\nexport { filterFilesByMimeType, getFileAsArrayBuffer, selectFiles } from './utils/fileDialog';\nexport { isTobitEmployee } from './utils/isTobitEmployee';\nexport { getUsableHeight } from './utils/pageProvider';\nexport { uploadFile } from './utils/uploadFile';\nexport type { Theme } from './components/color-scheme-provider/ColorSchemeProvider';\nexport { ComboBoxSize } from './components/combobox/ComboBox.types';\nexport type {\n    IComboBoxItem as ComboBoxItem,\n    ComboBoxTextStyles,\n    IComboBoxItems as ComboBoxItems,\n    ComboBoxRef,\n} from './components/combobox/ComboBox.types';\nexport { default as Skeleton } from './components/skeleton';\nexport { SkeletonAnimationType } from './components/skeleton/types';\nexport { default as Masonry } from './components/masonry/Masonry';\nexport { useKeyboardFocusHighlighting } from './hooks/useKeyboardFocusHighlighting';\n"],"mappings":"AAAA;;AAEA,SAASA,OAAO,IAAIC,SAAS,QAAQ,kCAAkC;AACvE,SAASD,OAAO,IAAIE,gBAAgB,QAAQ,2DAA2D;AACvG,SAASF,OAAO,IAAIG,cAAc,QAAQ,uDAAuD;AACjG,SAASH,OAAO,IAAII,cAAc,QAAQ,uDAAuD;AACjG,SAASJ,OAAO,IAAIK,aAAa,QAAQ,qDAAqD;AAC9F,SAASL,OAAO,IAAIM,aAAa,QAAQ,2CAA2C;AACpF,SAASN,OAAO,IAAIO,iBAAiB,QAAQ,mDAAmD;AAChG,SACIC,WAAW,EACXR,OAAO,IAAIS,YAAY,QACpB,gDAAgD;AACvD,SAAST,OAAO,IAAIU,KAAK,QAAQ,0BAA0B;AAC3D,SAASV,OAAO,IAAIW,MAAM,QAAQ,4BAA4B;AAC9D,SAASX,OAAO,IAAIY,QAAQ,QAAQ,gCAAgC;AACpE,SACIZ,OAAO,IAAIa,mBAAmB,EAC9BC,cAAc,QACX,wDAAwD;AAC/D,SAASC,SAAS,EAAEC,WAAW,QAAQ,gCAAgC;AAKvE,SAASC,YAAY,EAAEC,eAAe,QAAQ,mBAAmB;AACjE,SAASC,kBAAkB,QAAQ,4BAA4B;AAC/D,SAASC,iBAAiB,QAAkC,kBAAkB;AAC9E,SAASC,kBAAkB,QAAQ,iBAAiB;AACpD,SAASC,eAAe,QAAQ,aAAa;AAC7C,SAAStB,OAAO,IAAIuB,MAAM,QAA8B,4BAA4B;AASpF,SAASvB,OAAO,IAAIwB,cAAc,QAAQ,6CAA6C;AACvF,SACIxB,OAAO,IAAIyB,QAAQ,QAEhB,iCAAiC;AACxC,SAASzB,OAAO,IAAI0B,UAAU,QAAQ,qCAAqC;AAC3E,SAAS1B,OAAO,IAAI2B,mBAAmB,QAAQ,wDAAwD;AACvG,SAAS3B,OAAO,IAAI4B,QAAQ,QAAQ,gCAAgC;AACpE,SAAS5B,OAAO,IAAI6B,WAAW,QAAQ,uCAAuC;AAC9E,SACI7B,OAAO,IAAI8B,eAAe,EAC1BC,yBAAyB,QAEtB,+CAA+C;AACtD,SAAS/B,OAAO,IAAIgC,eAAe,QAAQ,+CAA+C;AAE1F,SAAShC,OAAO,IAAIiC,WAAW,QAAQ,uCAAuC;AAC9E,SACIC,oBAAoB,QAKjB,6CAA6C;AACpD,SAASlC,OAAO,IAAImC,iBAAiB,QAAQ,mDAAmD;AAChG,SACInC,OAAO,IAAIoC,SAAS,EAEpBC,2BAA2B,EAC3BC,gBAAgB,QACb,mCAAmC;AAC1C,SAAStC,OAAO,IAAIuC,YAAY,QAAQ,wDAAwD;AAChG,SAASvC,OAAO,IAAIwC,aAAa,QAAQ,2CAA2C;AACpF,SAASxC,OAAO,IAAIyC,SAAS,QAAQ,mCAAmC;AACxE,SAASzC,OAAO,IAAI0C,YAAY,QAAQ,yCAAyC;AACjF,SAAS1C,OAAO,IAAI2C,IAAI,QAAwB,wBAAwB;AACxE,SAAS3C,OAAO,IAAI4C,KAAK,EAAEC,SAAS,QAAQ,0BAA0B;AACtE,SAAS7C,OAAO,IAAI8C,IAAI,QAAQ,wBAAwB;AACxD,SAAS9C,OAAO,IAAI+C,eAAe,QAAQ,+DAA+D;AAC1G,SACI/C,OAAO,IAAIgD,QAAQ,QAKhB,sCAAsC;AAC7C,SAIIC,gBAAgB,EAChBC,kBAAkB,EAClBC,4BAA4B,QACzB,4CAA4C;AACnD,SAASnD,OAAO,IAAIoD,aAAa,QAAQ,2CAA2C;AAEpF,SAASpD,OAAO,IAAIqD,iBAAiB,QAAQ,oDAAoD;AACjG,SAASrD,OAAO,IAAIsD,WAAW,QAAQ,uCAAuC;AAC9E,SAAStD,OAAO,IAAIuD,YAAY,QAAQ,yCAAyC;AACjF,SAASvD,OAAO,IAAIwD,KAAK,QAAQ,0BAA0B;AAC3D,SAASxD,OAAO,IAAIyD,YAAY,QAAQ,+CAA+C;AACvF,SAASzD,OAAO,IAAI0D,WAAW,QAAQ,uCAAuC;AAC9E,SAASC,cAAc,QAAQ,eAAe;AAE9C,SACI3D,OAAO,IAAI4D,gBAAgB,QAExB,+DAA+D;AACtE,SAAS5D,OAAO,IAAI6D,WAAW,QAAQ,uCAAuC;AAC9E,SAAS7D,OAAO,IAAI8D,UAAU,QAAQ,qCAAqC;AAC3E,SAAS9D,OAAO,IAAI+D,SAAS,QAAQ,mCAAmC;AACxE,SAAS/D,OAAO,IAAIgE,WAAW,QAAQ,uCAAuC;AAC9E,SAAShE,OAAO,IAAIiE,YAAY,QAAQ,yCAAyC;AACjF,SAASjE,OAAO,IAAIkE,eAAe,QAAQ,6DAA6D;AACxG,SAASlE,OAAO,IAAImE,WAAW,QAAQ,uCAAuC;AAE9E,SAASnE,OAAO,IAAIoE,kBAAkB,QAAQ,sDAAsD;AACpG,SAASpE,OAAO,IAAIqE,UAAU,QAAQ,qCAAqC;AAC3E,SAASrE,OAAO,IAAIsE,aAAa,QAAQ,2CAA2C;AACpF,SAAStE,OAAO,IAAIuE,SAAS,QAAQ,kCAAkC;AAEvE,SAASvE,OAAO,IAAIwE,YAAY,QAAQ,yCAAyC;AACjF,SAASxE,OAAO,IAAIyE,MAAM,QAAQ,4BAA4B;AAC9D,SACIzE,OAAO,IAAI0E,eAAe,EAC1BC,mBAAmB,EACnBC,oBAAoB,QACjB,gDAAgD;AAEvD,SAAS5E,OAAO,IAAI6E,QAAQ,QAAQ,iCAAiC;AAErE,SAAS7E,OAAO,IAAI8E,QAAQ,QAAQ,iCAAiC;AACrE,SAAS9E,OAAO,IAAI+E,OAAO,QAAQ,8BAA8B;AACjE,SAAS/E,OAAO,IAAIgF,UAAU,QAAQ,oCAAoC;AAC1E,SAASC,2BAA2B,QAAQ,2BAA2B;AACvE,SAASC,cAAc,QAAQ,iBAAiB;AAEhD,SAASC,eAAe,QAAQ,qBAAqB;AAErD,SAASC,eAAe,EAAEC,YAAY,QAAQ,cAAc;AAE5D,SAASC,qBAAqB,EAAEC,gBAAgB,QAAQ,uBAAuB;AAW/E,SAIIC,uBAAuB,EAGvBC,2BAA2B,QACxB,0DAA0D;AACjE,SAASC,aAAa,QAAQ,oBAAoB;AAClD,SAASC,UAAU,QAAQ,qBAAqB;AAChD,SAASC,qBAAqB,EAAEC,oBAAoB,EAAEC,WAAW,QAAQ,oBAAoB;AAC7F,SAASC,eAAe,QAAQ,yBAAyB;AACzD,SAASC,eAAe,QAAQ,sBAAsB;AACtD,SAASC,UAAU,QAAQ,oBAAoB;AAE/C,SAASC,YAAY,QAAQ,sCAAsC;AAOnE,SAASlG,OAAO,IAAImG,QAAQ,QAAQ,uBAAuB;AAC3D,SAASC,qBAAqB,QAAQ,6BAA6B;AACnE,SAASpG,OAAO,IAAIqG,OAAO,QAAQ,8BAA8B;AACjE,SAASC,4BAA4B,QAAQ,sCAAsC","ignoreList":[]}

package/lib/types/components/amount-control/AmountControl.styles.d.ts

@@ -13,20 +13,18 @@ export declare const StyledInputWrapper: import("styled-components/dist/types").
 }, never> & Partial<Pick<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "theme"> & {
     theme: import("../color-scheme-provider/ColorSchemeProvider").Theme;
 }, never>>> & string;
-export declare const StyledAmountControlInput: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "theme" | "$shouldShowKeyboardHighlighting" | "$displayState" | "$shouldShowIcon" | "$hasFocus" | "$shouldShowWideInput"> & {
+export declare const StyledAmountControlInput: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "theme" | "$displayState" | "$shouldShowIcon" | "$hasFocus" | "$shouldShowWideInput"> & {
     $displayState: DisplayState;
     $shouldShowIcon: boolean;
     $hasFocus: boolean;
     $shouldShowWideInput: boolean;
-    $shouldShowKeyboardHighlighting?: boolean;
 } & {
     theme: import("../color-scheme-provider/ColorSchemeProvider").Theme;
-}, never> & Partial<Pick<import("styled-components").FastOmit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "theme" | "$shouldShowKeyboardHighlighting" | "$displayState" | "$shouldShowIcon" | "$hasFocus" | "$shouldShowWideInput"> & {
+}, never> & Partial<Pick<import("styled-components").FastOmit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "theme" | "$displayState" | "$shouldShowIcon" | "$hasFocus" | "$shouldShowWideInput"> & {
     $displayState: DisplayState;
     $shouldShowIcon: boolean;
     $hasFocus: boolean;
     $shouldShowWideInput: boolean;
-    $shouldShowKeyboardHighlighting?: boolean;
 } & {
     theme: import("../color-scheme-provider/ColorSchemeProvider").Theme;
 }, never>>> & string;
@@ -43,18 +41,16 @@ export declare const StyledAmountControlPseudoInput: import("styled-components/d
 }, never>>> & string;
 export declare const StyledMotionAmountControlButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<Omit<Omit<import("framer-motion").HTMLMotionProps<"button">, "ref"> & React.RefAttributes<HTMLButtonElement>, "ref"> & {
     ref?: ((instance: HTMLButtonElement | null) => void | React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | React.RefObject<HTMLButtonElement> | null | undefined;
-}, "theme" | "$isDisabled" | "$shouldShowKeyboardHighlighting" | "$color"> & {
+}, "theme" | "$isDisabled" | "$color"> & {
     $isDisabled: boolean;
     $color?: string;
-    $shouldShowKeyboardHighlighting?: boolean;
 } & {
     theme: import("../color-scheme-provider/ColorSchemeProvider").Theme;
 }, never> & Partial<Pick<import("styled-components").FastOmit<Omit<Omit<import("framer-motion").HTMLMotionProps<"button">, "ref"> & React.RefAttributes<HTMLButtonElement>, "ref"> & {
     ref?: ((instance: HTMLButtonElement | null) => void | React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | React.RefObject<HTMLButtonElement> | null | undefined;
-}, "theme" | "$isDisabled" | "$shouldShowKeyboardHighlighting" | "$color"> & {
+}, "theme" | "$isDisabled" | "$color"> & {
     $isDisabled: boolean;
     $color?: string;
-    $shouldShowKeyboardHighlighting?: boolean;
 } & {
     theme: import("../color-scheme-provider/ColorSchemeProvider").Theme;
 }, never>>> & string & Omit<import("framer-motion").ForwardRefComponent<HTMLButtonElement, import("framer-motion").HTMLMotionProps<"button">>, keyof React.Component<any, {}, any>>;

package/lib/types/components/button/Button.styles.d.ts

@@ -1,6 +1,6 @@
 export declare const StyledMotionButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<Omit<Omit<import("framer-motion").HTMLMotionProps<"button">, "ref"> & React.RefAttributes<HTMLButtonElement>, "ref"> & {
     ref?: ((instance: HTMLButtonElement | null) => void | React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | React.RefObject<HTMLButtonElement> | null | undefined;
-}, "theme" | "$isDisabled" | "$shouldShowKeyboardHighlighting" | "$hasIcon" | "$hasChildren" | "$isSecondary" | "$shouldShowTextAsRobotoMedium" | "$shouldShowAsSelectButton" | "$shouldShowWaitCursor" | "$effectiveButtonDesign"> & {
+}, "theme" | "$isDisabled" | "$hasIcon" | "$hasChildren" | "$isSecondary" | "$shouldShowTextAsRobotoMedium" | "$shouldShowAsSelectButton" | "$shouldShowWaitCursor" | "$effectiveButtonDesign"> & {
     $hasIcon: boolean;
     $hasChildren: boolean;
     $isDisabled?: boolean;
@@ -9,12 +9,11 @@ export declare const StyledMotionButton: import("styled-components/dist/types").
     $shouldShowAsSelectButton: boolean;
     $shouldShowWaitCursor?: boolean;
     $effectiveButtonDesign: number;
-    $shouldShowKeyboardHighlighting?: boolean;
 } & {
     theme: import("../color-scheme-provider/ColorSchemeProvider").Theme;
 }, never> & Partial<Pick<import("styled-components").FastOmit<Omit<Omit<import("framer-motion").HTMLMotionProps<"button">, "ref"> & React.RefAttributes<HTMLButtonElement>, "ref"> & {
     ref?: ((instance: HTMLButtonElement | null) => void | React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | React.RefObject<HTMLButtonElement> | null | undefined;
-}, "theme" | "$isDisabled" | "$shouldShowKeyboardHighlighting" | "$hasIcon" | "$hasChildren" | "$isSecondary" | "$shouldShowTextAsRobotoMedium" | "$shouldShowAsSelectButton" | "$shouldShowWaitCursor" | "$effectiveButtonDesign"> & {
+}, "theme" | "$isDisabled" | "$hasIcon" | "$hasChildren" | "$isSecondary" | "$shouldShowTextAsRobotoMedium" | "$shouldShowAsSelectButton" | "$shouldShowWaitCursor" | "$effectiveButtonDesign"> & {
     $hasIcon: boolean;
     $hasChildren: boolean;
     $isDisabled?: boolean;
@@ -23,7 +22,6 @@ export declare const StyledMotionButton: import("styled-components/dist/types").
     $shouldShowAsSelectButton: boolean;
     $shouldShowWaitCursor?: boolean;
     $effectiveButtonDesign: number;
-    $shouldShowKeyboardHighlighting?: boolean;
 } & {
     theme: import("../color-scheme-provider/ColorSchemeProvider").Theme;
 }, never>>> & string & Omit<import("framer-motion").ForwardRefComponent<HTMLButtonElement, import("framer-motion").HTMLMotionProps<"button">>, keyof React.Component<any, {}, any>>;

package/lib/types/components/checkbox/Checkbox.styles.d.ts

@@ -1,10 +1,7 @@
 import type { CSSProperties } from 'react';
 import type { CheckboxProps } from './Checkbox';
 export declare const StyledCheckbox: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
-type StyledCheckboxInputProps = {
-    $shouldShowKeyboardHighlighting?: boolean;
-};
-export declare const StyledCheckboxInput: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "$shouldShowKeyboardHighlighting"> & StyledCheckboxInputProps, never> & Partial<Pick<import("styled-components").FastOmit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "$shouldShowKeyboardHighlighting"> & StyledCheckboxInputProps, never>>> & string;
+export declare const StyledCheckboxInput: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, never> & Partial<Pick<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, never>>> & string;
 export declare const StyledCheckboxBoxWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "theme" | "$shouldShowAsSwitch"> & {
     $shouldShowAsSwitch?: CheckboxProps["shouldShowAsSwitch"];
 } & {
@@ -48,4 +45,3 @@ export declare const StyledCheckboxLabel: import("styled-components/dist/types")
 } & {
     theme: import("../color-scheme-provider/ColorSchemeProvider").Theme;
 }, never>>> & string;
-export {};

package/lib/types/components/combobox/ComboBox.styles.d.ts

@@ -12,7 +12,7 @@ export declare const StyledComboBox: import("styled-components/dist/types").ISty
 } & {
     theme: Theme;
 }, never>>> & string;
-export declare const StyledComboBoxHeader: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "theme" | "$isDisabled" | "$size" | "$shouldShowKeyboardHighlighting" | "$shouldShowTransparentBackground" | "$isOpen" | "$isTouch" | "$shouldShowBigImage" | "$direction" | "$shouldChangeColor"> & {
+export declare const StyledComboBoxHeader: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "theme" | "$isDisabled" | "$size" | "$shouldShowTransparentBackground" | "$isOpen" | "$isTouch" | "$shouldShowBigImage" | "$direction" | "$shouldChangeColor"> & {
     $isTouch: boolean;
     $isOpen: boolean;
     $direction: DropdownDirection;
@@ -21,10 +21,9 @@ export declare const StyledComboBoxHeader: import("styled-components/dist/types"
     $shouldShowBigImage: ComboBoxProps["shouldShowBigImage"];
     $shouldShowTransparentBackground: boolean;
     $size: ComboBoxSize;
-    $shouldShowKeyboardHighlighting: boolean;
 } & {
     theme: Theme;
-}, never> & Partial<Pick<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "theme" | "$isDisabled" | "$size" | "$shouldShowKeyboardHighlighting" | "$shouldShowTransparentBackground" | "$isOpen" | "$isTouch" | "$shouldShowBigImage" | "$direction" | "$shouldChangeColor"> & {
+}, never> & Partial<Pick<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "theme" | "$isDisabled" | "$size" | "$shouldShowTransparentBackground" | "$isOpen" | "$isTouch" | "$shouldShowBigImage" | "$direction" | "$shouldChangeColor"> & {
     $isTouch: boolean;
     $isOpen: boolean;
     $direction: DropdownDirection;
@@ -33,7 +32,6 @@ export declare const StyledComboBoxHeader: import("styled-components/dist/types"
     $shouldShowBigImage: ComboBoxProps["shouldShowBigImage"];
     $shouldShowTransparentBackground: boolean;
     $size: ComboBoxSize;
-    $shouldShowKeyboardHighlighting: boolean;
 } & {
     theme: Theme;
 }, never>>> & string;

package/lib/types/components/file-select/FileSelect.styles.d.ts

@@ -17,14 +17,12 @@ export declare const StyledUploadedFilesList: import("styled-components/dist/typ
 } & {
     theme: import("../color-scheme-provider/ColorSchemeProvider").Theme;
 }, never>>> & string;
-export declare const StyledFileSelectContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "theme" | "$shouldShowKeyboardHighlighting" | "$isImageSelection"> & {
+export declare const StyledFileSelectContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "theme" | "$isImageSelection"> & {
     $isImageSelection?: boolean;
-    $shouldShowKeyboardHighlighting?: boolean;
 } & {
     theme: import("../color-scheme-provider/ColorSchemeProvider").Theme;
-}, never> & Partial<Pick<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "theme" | "$shouldShowKeyboardHighlighting" | "$isImageSelection"> & {
+}, never> & Partial<Pick<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "theme" | "$isImageSelection"> & {
     $isImageSelection?: boolean;
-    $shouldShowKeyboardHighlighting?: boolean;
 } & {
     theme: import("../color-scheme-provider/ColorSchemeProvider").Theme;
 }, never>>> & string;