@dynatrace/strato-components 3.8.0 → 3.9.0

package/esm/core/components/app-root/AppRoot.css

@@ -118,7 +118,7 @@
   unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
   font-family: Roboto Mono;
 }
-:root[data-theme="light"]._1jgl8s50-3-8-0 {
+:root[data-theme="light"]._1jgl8s50-3-9-0 {
   --dt-box-shadows-surface-flat-rest: var(--_vr-10);
   --dt-box-shadows-surface-flat-hover: var(--_vr-20);
   --dt-box-shadows-surface-flat-active: var(--_vr-10);
@@ -453,7 +453,7 @@
   --_vr-40: var(--_vr-shadow-1), var(--_vr-shadow-2-40), var(--_vr-shadow-0);
   --_vr-50: var(--_vr-shadow-1), var(--_vr-shadow-2-50), var(--_vr-shadow-0);
 }
-:root[data-theme="dark"]._1jgl8s50-3-8-0 {
+:root[data-theme="dark"]._1jgl8s50-3-9-0 {
   --dt-box-shadows-surface-flat-hover: var(--_vr-20);
   --dt-box-shadows-surface-flat-active: var(--_vr-10);
   --dt-box-shadows-surface-flat-drag: var(--_vr-50);

package/esm/core/components/app-root/AppRoot.sty.js

@@ -1,5 +1,5 @@
 import "./AppRoot.css";
-var dtVisualRefreshEnabled = "_1jgl8s50-3-8-0";
+var dtVisualRefreshEnabled = "_1jgl8s50-3-9-0";
 export {
   dtVisualRefreshEnabled
 };

package/esm/core/components/app-root/AppRoot.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/core/components/app-root/AppRoot.css.ts"],
-  "sourcesContent": ["import './AppRoot.css';\nexport var dtVisualRefreshEnabled = '_1jgl8s50-3-8-0';"],
+  "sourcesContent": ["import './AppRoot.css';\nexport var dtVisualRefreshEnabled = '_1jgl8s50-3-9-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,yBAAyB;",
   "names": []
 }

package/esm/core/components/visually-hidden/VisuallyHidden.css

@@ -1,4 +1,4 @@
-._1xz8nhz0-3-8-0 {
+._1xz8nhz0-3-9-0 {
   width: 0;
   height: 0;
   opacity: 0;

package/esm/core/components/visually-hidden/VisuallyHidden.sty.js

@@ -1,5 +1,5 @@
 import "./VisuallyHidden.css";
-var visuallyHidden = "_1xz8nhz0-3-8-0";
+var visuallyHidden = "_1xz8nhz0-3-9-0";
 export {
   visuallyHidden
 };

package/esm/core/components/visually-hidden/VisuallyHidden.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/core/components/visually-hidden/VisuallyHidden.css.ts"],
-  "sourcesContent": ["import './VisuallyHidden.css';\nexport var visuallyHidden = '_1xz8nhz0-3-8-0';"],
+  "sourcesContent": ["import './VisuallyHidden.css';\nexport var visuallyHidden = '_1xz8nhz0-3-9-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,iBAAiB;",
   "names": []
 }

package/esm/core/hooks/useFormControlState.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/core/hooks/useFormControlState.ts"],
-  "sourcesContent": ["import { useMemo, type ReactNode } from 'react';\n\nimport type { FormControlState } from '../types/form-control-state.js';\n\n/**\n * Array tuple informing whether the form control state features errors or not and\n * an optional React node element informing about error details.\n * @internal\n */\nexport type useFormControlStateReturnType = [\n  /** Boolean flag that informs if the input control is in error state.  */\n  boolean,\n  /** Error hint details, if any, as retrieved from the `FormControlState` value. */\n  ReactNode,\n];\n\n/**\n * Convenience hook for reading the `FormControlState` details of\n * a form control implementing the `FormControlStateProps` interface.\n * @internal\n */\nexport function useFormControlState(\n  /** Value for the form control state property derived from the `FormControlStateProps` interface. */\n  formControlState?: FormControlState,\n): useFormControlStateReturnType {\n  const [isError, hint] = useMemo(() => {\n    const controlState =\n      formControlState && typeof formControlState === 'string'\n        ? { state: formControlState }\n        : formControlState;\n\n    return [controlState?.state === 'error', controlState?.hint];\n  }, [formControlState]);\n\n  return [isError, hint];\n}\n"],
-  "mappings": "AAAA,SAAS,eAA+B;AAqBjC,SAAS,oBAEd,kBAC+B;AAC/B,QAAM,CAAC,SAAS,IAAI,IAAI,QAAQ,MAAM;AACpC,UAAM,eACJ,oBAAoB,OAAO,qBAAqB,WAC5C,EAAE,OAAO,iBAAiB,IAC1B;AAEN,WAAO,CAAC,cAAc,UAAU,SAAS,cAAc,IAAI;AAAA,EAC7D,GAAG,CAAC,gBAAgB,CAAC;AAErB,SAAO,CAAC,SAAS,IAAI;AACvB;",
+  "sourcesContent": ["import { useMemo, type ReactNode } from 'react';\n\n// eslint-disable-next-line @typescript-eslint/no-deprecated\nimport type { FormControlState } from '../types/form-control-state.js';\n\n/**\n * Array tuple informing whether the form control state features errors or not and\n * an optional React node element informing about error details.\n * @internal\n */\nexport type useFormControlStateReturnType = [\n  /** Boolean flag that informs if the input control is in error state.  */\n  boolean,\n  /** Error hint details, if any, as retrieved from the `FormControlState` value. */\n  ReactNode,\n];\n\n/**\n * Convenience hook for reading the `FormControlState` details of\n * a form control implementing the `FormControlStateProps` interface.\n * @internal\n */\nexport function useFormControlState(\n  /** Value for the form control state property derived from the `FormControlStateProps` interface. */\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n  formControlState?: FormControlState,\n): useFormControlStateReturnType {\n  const [isError, hint] = useMemo(() => {\n    const controlState =\n      formControlState && typeof formControlState === 'string'\n        ? { state: formControlState }\n        : formControlState;\n\n    return [controlState?.state === 'error', controlState?.hint];\n  }, [formControlState]);\n\n  return [isError, hint];\n}\n"],
+  "mappings": "AAAA,SAAS,eAA+B;AAsBjC,SAAS,oBAGd,kBAC+B;AAC/B,QAAM,CAAC,SAAS,IAAI,IAAI,QAAQ,MAAM;AACpC,UAAM,eACJ,oBAAoB,OAAO,qBAAqB,WAC5C,EAAE,OAAO,iBAAiB,IAC1B;AAEN,WAAO,CAAC,cAAc,UAAU,SAAS,cAAc,IAAI;AAAA,EAC7D,GAAG,CAAC,gBAAgB,CAAC;AAErB,SAAO,CAAC,SAAS,IAAI;AACvB;",
   "names": []
 }

package/esm/core/hooks/useResizeObserver.js

@@ -0,0 +1,124 @@
+import {
+  useCallback,
+  useEffect,
+  useMemo,
+  useRef,
+  useState
+} from "react";
+function resolveElement(cbElement, refOrElement) {
+  if (cbElement) {
+    return cbElement;
+  }
+  if (!refOrElement) {
+    return null;
+  }
+  if (refOrElement instanceof Element) {
+    return refOrElement;
+  }
+  return refOrElement.current;
+}
+function extractSize(entry, boxProp, sizeType) {
+  if (!entry[boxProp]) {
+    if (boxProp === "contentBoxSize") {
+      return entry.contentRect[sizeType === "inlineSize" ? "width" : "height"];
+    }
+    return void 0;
+  }
+  const sizes = entry[boxProp];
+  return Array.isArray(sizes) ? sizes[0]?.[sizeType] : sizes[sizeType];
+}
+function useResizeObserver(options = {}) {
+  const onResizeRef = useRef(options.onResize);
+  onResizeRef.current = options.onResize;
+  const [size, setSize] = useState({
+    width: void 0,
+    height: void 0
+  });
+  const didUnmount = useRef(false);
+  useEffect(() => {
+    didUnmount.current = false;
+    return () => {
+      didUnmount.current = true;
+    };
+  }, []);
+  const previous = useRef({
+    width: void 0,
+    height: void 0
+  });
+  const lastReport = useRef(null);
+  const cbElementRef = useRef(null);
+  const refOrElementRef = useRef(options.ref);
+  refOrElementRef.current = options.ref;
+  const subscriber = useCallback(
+    (element) => {
+      let boxProp = "contentBoxSize";
+      if (options.box === "border-box") {
+        boxProp = "borderBoxSize";
+      } else if (options.box === "device-pixel-content-box") {
+        boxProp = "devicePixelContentBoxSize";
+      }
+      const ro = new ResizeObserver((entries) => {
+        const entry = entries[0];
+        const newWidth = extractSize(entry, boxProp, "inlineSize");
+        const newHeight = extractSize(entry, boxProp, "blockSize");
+        const roundedWidth = newWidth === void 0 ? void 0 : Math.round(newWidth);
+        const roundedHeight = newHeight === void 0 ? void 0 : Math.round(newHeight);
+        if (previous.current.width !== roundedWidth || previous.current.height !== roundedHeight) {
+          const newSize = { width: roundedWidth, height: roundedHeight };
+          previous.current = newSize;
+          if (onResizeRef.current) {
+            onResizeRef.current(newSize);
+          } else if (!didUnmount.current) {
+            setSize(newSize);
+          }
+        }
+      });
+      ro.observe(element, { box: options.box });
+      return () => ro.unobserve(element);
+    },
+    [options.box]
+  );
+  const evaluateSubscription = useCallback(() => {
+    const element = resolveElement(
+      cbElementRef.current,
+      refOrElementRef.current
+    );
+    if (lastReport?.current?.element === element && lastReport?.current?.subscriber === subscriber) {
+      return;
+    }
+    lastReport.current?.cleanup?.();
+    lastReport.current = {
+      element,
+      subscriber,
+      cleanup: element ? subscriber(element) : void 0
+    };
+  }, [subscriber]);
+  useEffect(() => {
+    evaluateSubscription();
+  });
+  useEffect(() => {
+    return () => {
+      lastReport.current?.cleanup?.();
+      lastReport.current = null;
+    };
+  }, []);
+  const refCallback = useCallback(
+    (element) => {
+      cbElementRef.current = element;
+      evaluateSubscription();
+    },
+    [evaluateSubscription]
+  );
+  return useMemo(
+    () => ({
+      ref: refCallback,
+      width: size.width,
+      height: size.height
+    }),
+    [refCallback, size.width, size.height]
+  );
+}
+export {
+  useResizeObserver
+};
+//# sourceMappingURL=useResizeObserver.js.map

package/esm/core/hooks/useResizeObserver.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/core/hooks/useResizeObserver.ts"],
+  "sourcesContent": ["import {\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n  type RefCallback,\n  type RefObject,\n} from 'react';\n\n/** @internal */\nexport type ObservedSize = {\n  width: number | undefined;\n  height: number | undefined;\n};\n\ntype UseResizeObserverOptions<T extends Element> = {\n  ref?: RefObject<T | null> | T | null;\n  onResize?: (size: ObservedSize) => void;\n  box?: ResizeObserverBoxOptions;\n};\n\ntype UseResizeObserverResult<T extends Element> = ObservedSize & {\n  ref: RefCallback<T | null>;\n};\n\ntype SubscriberCleanup = () => void;\n\n// Resolves the element to observe from either a callback ref element, an\n// external element reference, or an external RefObject.\nfunction resolveElement<T extends Element>(\n  cbElement: T | null,\n  refOrElement: RefObject<T | null> | T | null | undefined,\n): T | null {\n  if (cbElement) {\n    return cbElement;\n  }\n  if (!refOrElement) {\n    return null;\n  }\n  if (refOrElement instanceof Element) {\n    return refOrElement;\n  }\n  return (refOrElement as RefObject<T | null>).current;\n}\n\ntype BoxProp = 'borderBoxSize' | 'contentBoxSize' | 'devicePixelContentBoxSize';\n\nfunction extractSize(\n  entry: ResizeObserverEntry,\n  boxProp: BoxProp,\n  sizeType: keyof ResizeObserverSize,\n): number | undefined {\n  if (!entry[boxProp]) {\n    if (boxProp === 'contentBoxSize') {\n      return entry.contentRect[sizeType === 'inlineSize' ? 'width' : 'height'];\n    }\n    return undefined;\n  }\n  // The spec exposes sizes as FrozenArray; some older browsers returned an object\n  const sizes = entry[boxProp] as ResizeObserverSize[] | ResizeObserverSize;\n  return Array.isArray(sizes)\n    ? sizes[0]?.[sizeType]\n    : (sizes as ResizeObserverSize)[sizeType];\n}\n\n/**\n * Observes an element's size using the native `ResizeObserver` API and returns\n * its dimensions. Accepts either a React ref or a direct element reference via\n * options; when neither is provided the returned `ref` callback should be\n * attached to the target element.\n *\n * Behaviour matches the `use-resize-observer` npm package: when `onResize` is\n * provided the hook skips state updates to avoid unnecessary re-renders.\n * @internal\n */\nexport function useResizeObserver<T extends Element = HTMLElement>(\n  options: UseResizeObserverOptions<T> = {},\n): UseResizeObserverResult<T> {\n  const onResizeRef = useRef(options.onResize);\n  onResizeRef.current = options.onResize;\n\n  const [size, setSize] = useState<ObservedSize>({\n    width: undefined,\n    height: undefined,\n  });\n\n  // Guard against calling setSize after unmount (ResizeObserver may fire late).\n  const didUnmount = useRef(false);\n  useEffect(() => {\n    didUnmount.current = false;\n    return () => {\n      didUnmount.current = true;\n    };\n  }, []);\n\n  // Track previous dimensions to skip no-op updates.\n  const previous = useRef<ObservedSize>({\n    width: undefined,\n    height: undefined,\n  });\n\n  // Tracks the last element we subscribed to and its cleanup function.\n  const lastReport = useRef<{\n    element: Element | null;\n    subscriber: ((element: Element) => SubscriberCleanup) | null;\n    cleanup?: SubscriberCleanup;\n  } | null>(null);\n\n  // Element from the returned ref callback (takes priority over options.ref).\n  const cbElementRef = useRef<T | null>(null);\n\n  // Store options.ref in a ref so evaluateSubscription reads it fresh each time,\n  // matching the original library's behaviour of re-checking after every render.\n  const refOrElementRef = useRef(options.ref);\n  refOrElementRef.current = options.ref;\n\n  // The subscriber is re-created when the box option changes, which triggers a\n  // re-subscription in evaluateSubscription via reference comparison.\n  const subscriber = useCallback(\n    (element: Element): SubscriberCleanup => {\n      let boxProp: BoxProp = 'contentBoxSize';\n      if (options.box === 'border-box') {\n        boxProp = 'borderBoxSize';\n      } else if (options.box === 'device-pixel-content-box') {\n        boxProp = 'devicePixelContentBoxSize';\n      }\n\n      const ro = new ResizeObserver((entries) => {\n        const entry = entries[0];\n\n        const newWidth = extractSize(entry, boxProp, 'inlineSize');\n        const newHeight = extractSize(entry, boxProp, 'blockSize');\n\n        const roundedWidth =\n          newWidth === undefined ? undefined : Math.round(newWidth);\n        const roundedHeight =\n          newHeight === undefined ? undefined : Math.round(newHeight);\n\n        if (\n          previous.current.width !== roundedWidth ||\n          previous.current.height !== roundedHeight\n        ) {\n          const newSize = { width: roundedWidth, height: roundedHeight };\n          previous.current = newSize;\n          if (onResizeRef.current) {\n            onResizeRef.current(newSize);\n          } else if (!didUnmount.current) {\n            setSize(newSize);\n          }\n        }\n      });\n\n      ro.observe(element, { box: options.box });\n      return () => ro.unobserve(element);\n    },\n    [options.box],\n  );\n\n  const evaluateSubscription = useCallback(() => {\n    const element = resolveElement(\n      cbElementRef.current,\n      refOrElementRef.current,\n    );\n\n    if (\n      lastReport?.current?.element === element &&\n      lastReport?.current?.subscriber === subscriber\n    ) {\n      return;\n    }\n\n    lastReport.current?.cleanup?.();\n    lastReport.current = {\n      element,\n      subscriber,\n      cleanup: element ? subscriber(element) : undefined,\n    };\n  }, [subscriber]);\n\n  // Run after every render with no dependency array \u2014 this is intentional and\n  // mirrors the original library. It ensures that changes to a RefObject's\n  // `.current` (which React sets after commit, not during render) are picked up\n  // on the very next render cycle without requiring an extra state update.\n  useEffect(() => {\n    evaluateSubscription();\n  });\n\n  // Cleanup the current subscription on unmount.\n  useEffect(() => {\n    return () => {\n      lastReport.current?.cleanup?.();\n      lastReport.current = null;\n    };\n  }, []);\n\n  const refCallback: RefCallback<T | null> = useCallback(\n    (element) => {\n      cbElementRef.current = element;\n      evaluateSubscription();\n    },\n    [evaluateSubscription],\n  );\n\n  return useMemo(\n    () => ({\n      ref: refCallback,\n      width: size.width,\n      height: size.height,\n    }),\n    [refCallback, size.width, size.height],\n  );\n}\n"],
+  "mappings": "AAAA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OAGK;AAsBP,SAAS,eACP,WACA,cACU;AACV,MAAI,WAAW;AACb,WAAO;AAAA,EACT;AACA,MAAI,CAAC,cAAc;AACjB,WAAO;AAAA,EACT;AACA,MAAI,wBAAwB,SAAS;AACnC,WAAO;AAAA,EACT;AACA,SAAQ,aAAqC;AAC/C;AAIA,SAAS,YACP,OACA,SACA,UACoB;AACpB,MAAI,CAAC,MAAM,OAAO,GAAG;AACnB,QAAI,YAAY,kBAAkB;AAChC,aAAO,MAAM,YAAY,aAAa,eAAe,UAAU,QAAQ;AAAA,IACzE;AACA,WAAO;AAAA,EACT;AAEA,QAAM,QAAQ,MAAM,OAAO;AAC3B,SAAO,MAAM,QAAQ,KAAK,IACtB,MAAM,CAAC,IAAI,QAAQ,IAClB,MAA6B,QAAQ;AAC5C;AAYO,SAAS,kBACd,UAAuC,CAAC,GACZ;AAC5B,QAAM,cAAc,OAAO,QAAQ,QAAQ;AAC3C,cAAY,UAAU,QAAQ;AAE9B,QAAM,CAAC,MAAM,OAAO,IAAI,SAAuB;AAAA,IAC7C,OAAO;AAAA,IACP,QAAQ;AAAA,EACV,CAAC;AAGD,QAAM,aAAa,OAAO,KAAK;AAC/B,YAAU,MAAM;AACd,eAAW,UAAU;AACrB,WAAO,MAAM;AACX,iBAAW,UAAU;AAAA,IACvB;AAAA,EACF,GAAG,CAAC,CAAC;AAGL,QAAM,WAAW,OAAqB;AAAA,IACpC,OAAO;AAAA,IACP,QAAQ;AAAA,EACV,CAAC;AAGD,QAAM,aAAa,OAIT,IAAI;AAGd,QAAM,eAAe,OAAiB,IAAI;AAI1C,QAAM,kBAAkB,OAAO,QAAQ,GAAG;AAC1C,kBAAgB,UAAU,QAAQ;AAIlC,QAAM,aAAa;AAAA,IACjB,CAAC,YAAwC;AACvC,UAAI,UAAmB;AACvB,UAAI,QAAQ,QAAQ,cAAc;AAChC,kBAAU;AAAA,MACZ,WAAW,QAAQ,QAAQ,4BAA4B;AACrD,kBAAU;AAAA,MACZ;AAEA,YAAM,KAAK,IAAI,eAAe,CAAC,YAAY;AACzC,cAAM,QAAQ,QAAQ,CAAC;AAEvB,cAAM,WAAW,YAAY,OAAO,SAAS,YAAY;AACzD,cAAM,YAAY,YAAY,OAAO,SAAS,WAAW;AAEzD,cAAM,eACJ,aAAa,SAAY,SAAY,KAAK,MAAM,QAAQ;AAC1D,cAAM,gBACJ,cAAc,SAAY,SAAY,KAAK,MAAM,SAAS;AAE5D,YACE,SAAS,QAAQ,UAAU,gBAC3B,SAAS,QAAQ,WAAW,eAC5B;AACA,gBAAM,UAAU,EAAE,OAAO,cAAc,QAAQ,cAAc;AAC7D,mBAAS,UAAU;AACnB,cAAI,YAAY,SAAS;AACvB,wBAAY,QAAQ,OAAO;AAAA,UAC7B,WAAW,CAAC,WAAW,SAAS;AAC9B,oBAAQ,OAAO;AAAA,UACjB;AAAA,QACF;AAAA,MACF,CAAC;AAED,SAAG,QAAQ,SAAS,EAAE,KAAK,QAAQ,IAAI,CAAC;AACxC,aAAO,MAAM,GAAG,UAAU,OAAO;AAAA,IACnC;AAAA,IACA,CAAC,QAAQ,GAAG;AAAA,EACd;AAEA,QAAM,uBAAuB,YAAY,MAAM;AAC7C,UAAM,UAAU;AAAA,MACd,aAAa;AAAA,MACb,gBAAgB;AAAA,IAClB;AAEA,QACE,YAAY,SAAS,YAAY,WACjC,YAAY,SAAS,eAAe,YACpC;AACA;AAAA,IACF;AAEA,eAAW,SAAS,UAAU;AAC9B,eAAW,UAAU;AAAA,MACnB;AAAA,MACA;AAAA,MACA,SAAS,UAAU,WAAW,OAAO,IAAI;AAAA,IAC3C;AAAA,EACF,GAAG,CAAC,UAAU,CAAC;AAMf,YAAU,MAAM;AACd,yBAAqB;AAAA,EACvB,CAAC;AAGD,YAAU,MAAM;AACd,WAAO,MAAM;AACX,iBAAW,SAAS,UAAU;AAC9B,iBAAW,UAAU;AAAA,IACvB;AAAA,EACF,GAAG,CAAC,CAAC;AAEL,QAAM,cAAqC;AAAA,IACzC,CAAC,YAAY;AACX,mBAAa,UAAU;AACvB,2BAAqB;AAAA,IACvB;AAAA,IACA,CAAC,oBAAoB;AAAA,EACvB;AAEA,SAAO;AAAA,IACL,OAAO;AAAA,MACL,KAAK;AAAA,MACL,OAAO,KAAK;AAAA,MACZ,QAAQ,KAAK;AAAA,IACf;AAAA,IACA,CAAC,aAAa,KAAK,OAAO,KAAK,MAAM;AAAA,EACvC;AACF;",
+  "names": []
+}

package/esm/core/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/core/index.ts"],
-  "sourcesContent": ["export { AppRoot, type AppRootProps } from './components/app-root/AppRoot.js';\nexport { dtVisualRefreshEnabled as _dtVisualRefreshEnabled } from './components/app-root/AppRoot.sty.js';\nexport {\n  FocusScope,\n  type FocusScopeProps,\n} from './components/focus-scope/FocusScope.js';\n\nexport type {\n  FocusContextProps as _FocusContextProps,\n  FocusScopeRegistration as _FocusScopeRegistration,\n} from './contexts/FocusContext.js';\n\nexport { useCurrentTheme } from './hooks/useCurrentTheme.js';\nexport { useFocusContext as _useFocusContext } from './hooks/useFocusContext.js';\nexport {\n  type UseFocusRingProps,\n  type FocusRingProps,\n  useFocusRing,\n} from './hooks/useFocusRing.js';\nexport { FocusProvider as _FocusProvider } from './providers/FocusProvider.js';\nexport type { MaskingProps } from './types/masking-props.js';\nexport type { DataTestId } from './types/data-props.js';\nexport type { StylingProps } from './types/styling-props.js';\nexport type { WithChildren } from './types/with-children.js';\nexport type {\n  PolymorphOwnProps,\n  PolymorphProps,\n  PolymorphicComponentProps,\n} from './types/polymorph.js';\nexport { attemptFocus as _attemptFocus } from './utils/focus-management/attempt-focus.js';\nexport { focusFirstDescendant as _focusFirstDescendant } from './utils/focus-management/focus-first-descendant.js';\nexport { getFirstFocusableChild as _getFirstFocusableChild } from './utils/focus-management/get-first-focusable-child.js';\nexport { getLastFocusableChild as _getLastFocusableChild } from './utils/focus-management/get-last-focusable-child.js';\nexport { isFocusable as _isFocusable } from './utils/focus-management/is-focusable.js';\nexport { isBrowser as _isBrowser } from './utils/isBrowser.js';\nexport {\n  mergeProps as _mergeProps,\n  type NullToObject as _NullToObject,\n  type TupleTypes as _TupleTypes,\n  type UnionToIntersection as _UnionToIntersection,\n} from './utils/merge-props.js';\nexport { type _HeadingLevel, type _HeadingTag } from './types/heading.js';\nexport { useAriaLabelingProps as _useAriaLabelingProps } from './hooks/useAriaLabelingProps.js';\nexport { useBehavioralTrackingProps as _useBehavioralTrackingProps } from './hooks/useBehavioralTrackingProps.js';\nexport { useId } from './hooks/useId.js';\nexport { useSafeForwardProps as _useSafeForwardProps } from './hooks/useSafeForwardProps.js';\nexport type { UseSafeForwardReturnProps as _UseSafeForwardReturnProps } from './hooks/useSafeForwardProps.js';\nexport type {\n  AriaDisabledProps,\n  AriaLabelingProps,\n} from './types/a11y-props.js';\nexport type { DOMProps } from './types/dom.js';\nexport { canReceiveDefaultTextFormat as _canReceiveDefaultTextFormat } from './utils/can-receive-default-text-format.js';\nexport { parseBoolean as _parseBoolean } from './utils/parse-boolean.js';\nexport type { BehaviorTrackingProps } from './types/behavior-tracking-props.js';\nexport { OverlayContainer } from './components/OverlayContainer.js';\nexport type { OverlayContainerProps } from './components/OverlayContainer.js';\nexport { VisuallyHidden as _VisuallyHidden } from './components/visually-hidden/VisuallyHidden.js';\nexport { ModalContext } from './contexts/ModalContext.js';\nexport type { ModalContextProps } from './contexts/ModalContext.js';\nexport { OverlayStackingContext } from './contexts/OverlayStacking.js';\nexport { SharedInputPropsContext } from './contexts/SharedInputPropsContext.js';\nexport type { SharedInputProps } from './contexts/SharedInputPropsContext.js';\nexport { useBreakpointProps } from './hooks/useBreakpointProps.js';\nexport type { BreakpointProps } from './hooks/useBreakpointProps.js';\nexport { useContainerBreakpoint } from './hooks/useContainerBreakpoint.js';\nexport { useContainerSize } from './hooks/useContainerSize.js';\nexport type { ContainerSize } from './hooks/useContainerSize.js';\nexport { useControllableState as _useControllableState } from './hooks/useControllableState.js';\nexport type { useControllableStateProps as _useControllableStateProps } from './hooks/useControllableState.js';\nexport { useFocusRing as _useFocusRing } from './hooks/useFocusRing.js';\nexport type {\n  FocusRingProps as _FocusRingProps,\n  UseFocusRingProps as _UseFocusRingProps,\n} from './hooks/useFocusRing.js';\nexport { useFormControlState as _useFormControlState } from './hooks/useFormControlState.js';\nexport type { useFormControlStateReturnType as _useFormControlStateReturnType } from './hooks/useFormControlState.js';\nexport { useIsInViewport as _useIsInViewport } from './hooks/useIsInViewport.js';\nexport { useMeasureChildren as _useMeasureChildren } from './hooks/useMeasureChildren.js';\nexport type {\n  UseMeasureChildrenChildProps as _UseMeasureChildrenChildProps,\n  UseMeasureChildrenReturnType as _UseMeasureChildrenReturnType,\n  ContainerSize as _ContainerSize,\n} from './hooks/useMeasureChildren.js';\nexport { useMergeRefs } from './hooks/useMergeRefs.js';\nexport { useOverlayStacking } from './hooks/useOverlayStacking.js';\nexport type { Elevation } from './hooks/useOverlayStacking.js';\nexport { usePrevious } from './hooks/usePrevious.js';\nexport { useRequestAnimationFrame as _useRequestAnimationFrame } from './hooks/useRequestAnimationFrame.js';\nexport type { useThrottleReturnType as _useThrottleReturnType } from './hooks/useRequestAnimationFrame.js';\nexport { useRovingFocus } from './hooks/useRovingFocus.js';\nexport type {\n  RovingFocusOptions,\n  RovingFocusReturnType,\n} from './hooks/useRovingFocus.js';\nexport { useSafeLayoutEffect } from './hooks/useSafeLayoutEffect.js';\nexport { useSharedInputPropsContext as _useSharedInputPropsContext } from './hooks/useSharedInputPropsContext.js';\nexport type {\n  NumberFormatParser as _NumberFormatParser,\n  NumberFormatParserArgs as _NumberFormatParserArgs,\n} from '../filters/filter-field/parser/getNumberParser.js';\nexport { ModalContextProvider } from './providers/ModalContextProvider.js';\nexport type { ModalContextProviderProps } from './providers/ModalContextProvider.js';\nexport { OverlayProvider } from './providers/OverlayProvider.js';\nexport { OverlayStackingProvider } from './providers/OverlayStackingProvider.js';\nexport { ScrollProvider } from './providers/ScrollProvider.js';\nexport type { ScrollProviderProps } from './providers/ScrollProvider.js';\nexport { useStoreSelector } from './store/selector.js';\nexport { createStore } from './store/store.js';\nexport type { Store } from './store/store.js';\nexport type {\n  BaseEvent,\n  FocusEvents,\n  KeyboardEvent,\n  KeyboardEvents,\n  PressEvent,\n} from './types/events.js';\nexport type {\n  FormControlProps,\n  FormControlBaseProps,\n  FormControlControlledProps,\n  FormControlUncontrolledProps,\n} from './types/form-control-props.js';\nexport type {\n  FormControlState,\n  FormControlStateProps,\n  FormControlValueState,\n} from './types/form-control-state.js';\nexport type {\n  Components,\n  NormalComponents as ReactMarkdownNormalComponents,\n  SpecialComponents as ReactMarkdownSpecialComponents,\n  UnorderedListComponent as ReactMarkdownUnorderedListComponent,\n  TableRowComponent as ReactMarkdownTableRowComponent,\n  TableCellComponent as ReactMarkdownTableCellComponent,\n  OrderedListComponent as ReactMarkdownOrderedListComponent,\n  LiComponent as ReactMarkdownLiComponent,\n  HeadingComponent as ReactMarkdownHeadingComponent,\n  CodeComponent as ReactMarkdownCodeComponent,\n  ReactMarkdownProps as ReactMarkdownReactMarkdownProps,\n  ReactMarkdownNames as ReactMarkdownReactMarkdownNames,\n  IntrinsicElements as ReactMarkdownIntrinsicElements,\n} from './types/markdown/react-markdown.js';\nexport type {\n  Position as UnistPosition,\n  Point as UnistPoint,\n  Parent as UnistParent,\n  Node as UnistNode,\n  Literal as UnistLiteral,\n  NodeData as UnistNodeData,\n  Data as UnistData,\n} from './types/markdown/unist.js';\nexport type {\n  Element as HastElement,\n  Properties as HastProperties,\n  Root as HastRoot,\n  Parent as HastParent,\n  Content as HastContent,\n  RootContent as HastRootContent,\n  ElementContent as HastElementContent,\n  RootContentMap as HastRootContentMap,\n  ElementContentMap as HastElementContentMap,\n  Comment as HastComment,\n  DocType as HastDocType,\n  Text as HastText,\n  Literal as HastLiteral,\n} from './types/markdown/hast.js';\nexport type { Orientation } from './types/orientation.js';\nexport type { PointerType } from './types/pointer.js';\nexport type {\n  CombinedThresholds,\n  ThresholdPropsWithBackgroundColorOptional,\n  ThresholdPropsWithColorOptional,\n  SingleThreshold,\n  Threshold,\n  ThresholdColor,\n  ThresholdColors,\n  ThresholdExtended,\n  ThresholdForNumbers,\n  ThresholdForStrings,\n  ThresholdNumbersComparator,\n  ThresholdOptions,\n  ThresholdRule,\n  ThresholdStringsComparator,\n} from './types/threshold-types.js';\nexport type {\n  // DEPRECATION: [APPDEV-16487] BREAKING-CHANGE: Forms - Remove deprecated parseTime.\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n  TimeDetails,\n  Timeframe,\n  TimeValue,\n} from './types/time.js';\nexport { isNumber, isPotentialDateValue } from './types/type-guards.js';\n// DEPRECATION: [APPDEV-16044] BREAKING-CHANGE: Remove 'date' columnType.\nexport {\n  /**\n   * @deprecated Will be removed in the future.\n   */\n  formatDatetimeDefault as _formatDate,\n} from './utils/default-formatters.js';\nexport { _sanitizeSymbol } from './utils/sanitize-symbol.js';\nexport { convertToNumberIfPureNumber as _convertToNumberIfPureNumber } from './utils/string-utils.js';\nexport { _InteractiveSelector } from './utils/styles/interactiveSelector.js';\nexport {\n  _checkCombinedThresholdRules,\n  _matchesThreshold,\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n  getThresholdColor,\n} from './utils/threshold-utils.js';\n// eslint-disable-next-line @typescript-eslint/no-deprecated\nexport { TIMEFRAME_EXPRESSION, parseTime } from './utils/timeParser.js';\nexport {\n  downloadBlob as _downloadBlob,\n  downloadCSV as _downloadCSV,\n  downloadFromUrl as _downloadFromUrl,\n} from './utils/download.js';\nexport { accessValue as _accessValue } from './utils/accessors/access-value.js';\nexport type {\n  IntentProps,\n  IntentWithResponseProps,\n  IntentWithoutResponseProps,\n  SuccessRes,\n  ErrorRes,\n  IntentBaseProps,\n} from './slots/Intent/Intent.js';\nexport { Intent } from './slots/Intent/Intent.js';\n\nexport {\n  usePermissions,\n  type PermissionsResult,\n  type PermissionDetail,\n} from './hooks/usePermissions.js';\nexport {\n  useAppState as _useAppState,\n  useUserAppState as _useUserAppState,\n} from './sdk/app-state/useAppState.js';\nexport {\n  useAppStateValue as _useAppStateValue,\n  useUserAppStateValue as _useUserAppStateValue,\n  type UseAppStateValueResult as _UseAppStateValueResult,\n  type UseUserAppStateValueResult as _UseUserAppStateValueResult,\n} from './sdk/app-state/useAppStateValue.js';\n\nexport type {\n  _SetOptions,\n  _UseAppStateResult,\n} from './sdk/app-state/useAppStateInternal.js';\n"],
-  "mappings": "AAAA,SAAS,eAAkC;AAC3C,SAAmC,8BAA+B;AAClE;AAAA,EACE;AAAA,OAEK;AAOP,SAAS,uBAAuB;AAChC,SAA4B,uBAAwB;AACpD;AAAA,EAGE;AAAA,OACK;AACP,SAA0B,qBAAsB;AAUhD,SAAyB,oBAAqB;AAC9C,SAAiC,4BAA6B;AAC9D,SAAmC,8BAA+B;AAClE,SAAkC,6BAA8B;AAChE,SAAwB,mBAAoB;AAC5C,SAAsB,iBAAkB;AACxC;AAAA,EACgB;AAAA,OAIT;AAEP,SAAiC,4BAA6B;AAC9D,SAAuC,kCAAmC;AAC1E,SAAS,aAAa;AACtB,SAAgC,2BAA4B;AAO5D,SAAwC,mCAAoC;AAC5E,SAAyB,oBAAqB;AAE9C,SAAS,wBAAwB;AAEjC,SAA2B,sBAAuB;AAClD,SAAS,oBAAoB;AAE7B,SAAS,8BAA8B;AACvC,SAAS,+BAA+B;AAExC,SAAS,0BAA0B;AAEnC,SAAS,8BAA8B;AACvC,SAAS,wBAAwB;AAEjC,SAAiC,4BAA6B;AAE9D,SAAyB,gBAAhBA,qBAAqC;AAK9C,SAAgC,2BAA4B;AAE5D,SAA4B,uBAAwB;AACpD,SAA+B,0BAA2B;AAM1D,SAAS,oBAAoB;AAC7B,SAAS,0BAA0B;AAEnC,SAAS,mBAAmB;AAC5B,SAAqC,gCAAiC;AAEtE,SAAS,sBAAsB;AAK/B,SAAS,2BAA2B;AACpC,SAAuC,kCAAmC;AAK1E,SAAS,4BAA4B;AAErC,SAAS,uBAAuB;AAChC,SAAS,+BAA+B;AACxC,SAAS,sBAAsB;AAE/B,SAAS,wBAAwB;AACjC,SAAS,mBAAmB;AAoF5B,SAAS,UAAU,4BAA4B;AAE/C;AAAA,EAI2B;AAAA,OACpB;AACP,SAAS,uBAAuB;AAChC,SAAwC,mCAAoC;AAC5E,SAAS,4BAA4B;AACrC;AAAA,EACE;AAAA,EACA;AAAA,EAEA;AAAA,OACK;AAEP,SAAS,sBAAsB,iBAAiB;AAChD;AAAA,EACkB;AAAA,EACD;AAAA,EACI;AAAA,OACd;AACP,SAAwB,mBAAoB;AAS5C,SAAS,cAAc;AAEvB;AAAA,EACE;AAAA,OAGK;AACP;AAAA,EACiB;AAAA,EACI;AAAA,OACd;AACP;AAAA,EACsB;AAAA,EACI;AAAA,OAGnB;",
+  "sourcesContent": ["export { AppRoot, type AppRootProps } from './components/app-root/AppRoot.js';\nexport { dtVisualRefreshEnabled as _dtVisualRefreshEnabled } from './components/app-root/AppRoot.sty.js';\nexport {\n  FocusScope,\n  type FocusScopeProps,\n} from './components/focus-scope/FocusScope.js';\n\nexport type {\n  FocusContextProps as _FocusContextProps,\n  FocusScopeRegistration as _FocusScopeRegistration,\n} from './contexts/FocusContext.js';\n\nexport { useCurrentTheme } from './hooks/useCurrentTheme.js';\nexport { useFocusContext as _useFocusContext } from './hooks/useFocusContext.js';\nexport {\n  type UseFocusRingProps,\n  type FocusRingProps,\n  useFocusRing,\n} from './hooks/useFocusRing.js';\nexport { FocusProvider as _FocusProvider } from './providers/FocusProvider.js';\nexport type { MaskingProps } from './types/masking-props.js';\nexport type { DataTestId } from './types/data-props.js';\nexport type { StylingProps } from './types/styling-props.js';\nexport type { WithChildren } from './types/with-children.js';\nexport type {\n  PolymorphOwnProps,\n  PolymorphProps,\n  PolymorphicComponentProps,\n} from './types/polymorph.js';\nexport { attemptFocus as _attemptFocus } from './utils/focus-management/attempt-focus.js';\nexport { focusFirstDescendant as _focusFirstDescendant } from './utils/focus-management/focus-first-descendant.js';\nexport { getFirstFocusableChild as _getFirstFocusableChild } from './utils/focus-management/get-first-focusable-child.js';\nexport { getLastFocusableChild as _getLastFocusableChild } from './utils/focus-management/get-last-focusable-child.js';\nexport { isFocusable as _isFocusable } from './utils/focus-management/is-focusable.js';\nexport { isBrowser as _isBrowser } from './utils/isBrowser.js';\nexport {\n  mergeProps as _mergeProps,\n  type NullToObject as _NullToObject,\n  type TupleTypes as _TupleTypes,\n  type UnionToIntersection as _UnionToIntersection,\n} from './utils/merge-props.js';\nexport { type _HeadingLevel, type _HeadingTag } from './types/heading.js';\nexport { useAriaLabelingProps as _useAriaLabelingProps } from './hooks/useAriaLabelingProps.js';\nexport { useBehavioralTrackingProps as _useBehavioralTrackingProps } from './hooks/useBehavioralTrackingProps.js';\nexport { useId } from './hooks/useId.js';\nexport { useSafeForwardProps as _useSafeForwardProps } from './hooks/useSafeForwardProps.js';\nexport type { UseSafeForwardReturnProps as _UseSafeForwardReturnProps } from './hooks/useSafeForwardProps.js';\nexport type {\n  AriaDisabledProps,\n  AriaLabelingProps,\n} from './types/a11y-props.js';\nexport type { DOMProps } from './types/dom.js';\nexport { canReceiveDefaultTextFormat as _canReceiveDefaultTextFormat } from './utils/can-receive-default-text-format.js';\nexport { parseBoolean as _parseBoolean } from './utils/parse-boolean.js';\nexport type { BehaviorTrackingProps } from './types/behavior-tracking-props.js';\nexport { OverlayContainer } from './components/OverlayContainer.js';\nexport type { OverlayContainerProps } from './components/OverlayContainer.js';\nexport { VisuallyHidden as _VisuallyHidden } from './components/visually-hidden/VisuallyHidden.js';\nexport { ModalContext } from './contexts/ModalContext.js';\nexport type { ModalContextProps } from './contexts/ModalContext.js';\nexport { OverlayStackingContext } from './contexts/OverlayStacking.js';\nexport { SharedInputPropsContext } from './contexts/SharedInputPropsContext.js';\nexport type { SharedInputProps } from './contexts/SharedInputPropsContext.js';\nexport { useBreakpointProps } from './hooks/useBreakpointProps.js';\nexport type { BreakpointProps } from './hooks/useBreakpointProps.js';\nexport { useContainerBreakpoint } from './hooks/useContainerBreakpoint.js';\nexport { useContainerSize } from './hooks/useContainerSize.js';\nexport type { ContainerSize } from './hooks/useContainerSize.js';\nexport { useControllableState as _useControllableState } from './hooks/useControllableState.js';\nexport type { useControllableStateProps as _useControllableStateProps } from './hooks/useControllableState.js';\nexport { useFocusRing as _useFocusRing } from './hooks/useFocusRing.js';\nexport type {\n  FocusRingProps as _FocusRingProps,\n  UseFocusRingProps as _UseFocusRingProps,\n} from './hooks/useFocusRing.js';\nexport { useFormControlState as _useFormControlState } from './hooks/useFormControlState.js';\nexport type { useFormControlStateReturnType as _useFormControlStateReturnType } from './hooks/useFormControlState.js';\nexport { useIsInViewport as _useIsInViewport } from './hooks/useIsInViewport.js';\nexport { useMeasureChildren as _useMeasureChildren } from './hooks/useMeasureChildren.js';\nexport type {\n  UseMeasureChildrenChildProps as _UseMeasureChildrenChildProps,\n  UseMeasureChildrenReturnType as _UseMeasureChildrenReturnType,\n  ContainerSize as _ContainerSize,\n} from './hooks/useMeasureChildren.js';\nexport { useMergeRefs } from './hooks/useMergeRefs.js';\nexport { useOverlayStacking } from './hooks/useOverlayStacking.js';\nexport type { Elevation } from './hooks/useOverlayStacking.js';\nexport { usePrevious } from './hooks/usePrevious.js';\nexport { useRequestAnimationFrame as _useRequestAnimationFrame } from './hooks/useRequestAnimationFrame.js';\nexport type { useThrottleReturnType as _useThrottleReturnType } from './hooks/useRequestAnimationFrame.js';\nexport { useRovingFocus } from './hooks/useRovingFocus.js';\nexport type {\n  RovingFocusOptions,\n  RovingFocusReturnType,\n} from './hooks/useRovingFocus.js';\nexport { useSafeLayoutEffect } from './hooks/useSafeLayoutEffect.js';\nexport { useSharedInputPropsContext as _useSharedInputPropsContext } from './hooks/useSharedInputPropsContext.js';\nexport type {\n  NumberFormatParser as _NumberFormatParser,\n  NumberFormatParserArgs as _NumberFormatParserArgs,\n} from '../filters/filter-field/parser/getNumberParser.js';\nexport { ModalContextProvider } from './providers/ModalContextProvider.js';\nexport type { ModalContextProviderProps } from './providers/ModalContextProvider.js';\nexport { OverlayProvider } from './providers/OverlayProvider.js';\nexport { OverlayStackingProvider } from './providers/OverlayStackingProvider.js';\nexport { ScrollProvider } from './providers/ScrollProvider.js';\nexport type { ScrollProviderProps } from './providers/ScrollProvider.js';\nexport { useStoreSelector } from './store/selector.js';\nexport { createStore } from './store/store.js';\nexport type { Store } from './store/store.js';\nexport type {\n  BaseEvent,\n  FocusEvents,\n  KeyboardEvent,\n  KeyboardEvents,\n  PressEvent,\n} from './types/events.js';\nexport type {\n  FormControlProps,\n  FormControlBaseProps,\n  FormControlControlledProps,\n  FormControlUncontrolledProps,\n} from './types/form-control-props.js';\nexport type {\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n  FormControlState,\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n  FormControlStateProps,\n  FormControlValueState,\n} from './types/form-control-state.js';\nexport type {\n  Components,\n  NormalComponents as ReactMarkdownNormalComponents,\n  SpecialComponents as ReactMarkdownSpecialComponents,\n  UnorderedListComponent as ReactMarkdownUnorderedListComponent,\n  TableRowComponent as ReactMarkdownTableRowComponent,\n  TableCellComponent as ReactMarkdownTableCellComponent,\n  OrderedListComponent as ReactMarkdownOrderedListComponent,\n  LiComponent as ReactMarkdownLiComponent,\n  HeadingComponent as ReactMarkdownHeadingComponent,\n  CodeComponent as ReactMarkdownCodeComponent,\n  ReactMarkdownProps as ReactMarkdownReactMarkdownProps,\n  ReactMarkdownNames as ReactMarkdownReactMarkdownNames,\n  IntrinsicElements as ReactMarkdownIntrinsicElements,\n} from './types/markdown/react-markdown.js';\nexport type {\n  Position as UnistPosition,\n  Point as UnistPoint,\n  Parent as UnistParent,\n  Node as UnistNode,\n  Literal as UnistLiteral,\n  NodeData as UnistNodeData,\n  Data as UnistData,\n} from './types/markdown/unist.js';\nexport type {\n  Element as HastElement,\n  Properties as HastProperties,\n  Root as HastRoot,\n  Parent as HastParent,\n  Content as HastContent,\n  RootContent as HastRootContent,\n  ElementContent as HastElementContent,\n  RootContentMap as HastRootContentMap,\n  ElementContentMap as HastElementContentMap,\n  Comment as HastComment,\n  DocType as HastDocType,\n  Text as HastText,\n  Literal as HastLiteral,\n} from './types/markdown/hast.js';\nexport type { Orientation } from './types/orientation.js';\nexport type { PointerType } from './types/pointer.js';\nexport type {\n  CombinedThresholds,\n  ThresholdPropsWithBackgroundColorOptional,\n  ThresholdPropsWithColorOptional,\n  SingleThreshold,\n  Threshold,\n  ThresholdColor,\n  ThresholdColors,\n  ThresholdExtended,\n  ThresholdForNumbers,\n  ThresholdForStrings,\n  ThresholdNumbersComparator,\n  ThresholdOptions,\n  ThresholdRule,\n  ThresholdStringsComparator,\n} from './types/threshold-types.js';\nexport type {\n  // DEPRECATION: [APPDEV-16487] BREAKING-CHANGE: Forms - Remove deprecated parseTime.\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n  TimeDetails,\n  Timeframe,\n  TimeValue,\n} from './types/time.js';\nexport { isNumber, isPotentialDateValue } from './types/type-guards.js';\n// DEPRECATION: [APPDEV-16044] BREAKING-CHANGE: Remove 'date' columnType.\nexport {\n  /**\n   * @deprecated Will be removed in the future.\n   */\n  formatDatetimeDefault as _formatDate,\n} from './utils/default-formatters.js';\nexport { _sanitizeSymbol } from './utils/sanitize-symbol.js';\nexport { convertToNumberIfPureNumber as _convertToNumberIfPureNumber } from './utils/string-utils.js';\nexport { _InteractiveSelector } from './utils/styles/interactiveSelector.js';\nexport {\n  _checkCombinedThresholdRules,\n  _matchesThreshold,\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n  getThresholdColor,\n} from './utils/threshold-utils.js';\n// eslint-disable-next-line @typescript-eslint/no-deprecated\nexport { TIMEFRAME_EXPRESSION, parseTime } from './utils/timeParser.js';\nexport {\n  downloadBlob as _downloadBlob,\n  downloadCSV as _downloadCSV,\n  downloadFromUrl as _downloadFromUrl,\n} from './utils/download.js';\nexport { accessValue as _accessValue } from './utils/accessors/access-value.js';\nexport type {\n  IntentProps,\n  IntentWithResponseProps,\n  IntentWithoutResponseProps,\n  SuccessRes,\n  ErrorRes,\n  IntentBaseProps,\n} from './slots/Intent/Intent.js';\nexport { Intent } from './slots/Intent/Intent.js';\n\nexport {\n  usePermissions,\n  type PermissionsResult,\n  type PermissionDetail,\n} from './hooks/usePermissions.js';\nexport {\n  useAppState as _useAppState,\n  useUserAppState as _useUserAppState,\n} from './sdk/app-state/useAppState.js';\nexport {\n  useAppStateValue as _useAppStateValue,\n  useUserAppStateValue as _useUserAppStateValue,\n  type UseAppStateValueResult as _UseAppStateValueResult,\n  type UseUserAppStateValueResult as _UseUserAppStateValueResult,\n} from './sdk/app-state/useAppStateValue.js';\n\nexport type {\n  _SetOptions,\n  _UseAppStateResult,\n} from './sdk/app-state/useAppStateInternal.js';\n"],
+  "mappings": "AAAA,SAAS,eAAkC;AAC3C,SAAmC,8BAA+B;AAClE;AAAA,EACE;AAAA,OAEK;AAOP,SAAS,uBAAuB;AAChC,SAA4B,uBAAwB;AACpD;AAAA,EAGE;AAAA,OACK;AACP,SAA0B,qBAAsB;AAUhD,SAAyB,oBAAqB;AAC9C,SAAiC,4BAA6B;AAC9D,SAAmC,8BAA+B;AAClE,SAAkC,6BAA8B;AAChE,SAAwB,mBAAoB;AAC5C,SAAsB,iBAAkB;AACxC;AAAA,EACgB;AAAA,OAIT;AAEP,SAAiC,4BAA6B;AAC9D,SAAuC,kCAAmC;AAC1E,SAAS,aAAa;AACtB,SAAgC,2BAA4B;AAO5D,SAAwC,mCAAoC;AAC5E,SAAyB,oBAAqB;AAE9C,SAAS,wBAAwB;AAEjC,SAA2B,sBAAuB;AAClD,SAAS,oBAAoB;AAE7B,SAAS,8BAA8B;AACvC,SAAS,+BAA+B;AAExC,SAAS,0BAA0B;AAEnC,SAAS,8BAA8B;AACvC,SAAS,wBAAwB;AAEjC,SAAiC,4BAA6B;AAE9D,SAAyB,gBAAhBA,qBAAqC;AAK9C,SAAgC,2BAA4B;AAE5D,SAA4B,uBAAwB;AACpD,SAA+B,0BAA2B;AAM1D,SAAS,oBAAoB;AAC7B,SAAS,0BAA0B;AAEnC,SAAS,mBAAmB;AAC5B,SAAqC,gCAAiC;AAEtE,SAAS,sBAAsB;AAK/B,SAAS,2BAA2B;AACpC,SAAuC,kCAAmC;AAK1E,SAAS,4BAA4B;AAErC,SAAS,uBAAuB;AAChC,SAAS,+BAA+B;AACxC,SAAS,sBAAsB;AAE/B,SAAS,wBAAwB;AACjC,SAAS,mBAAmB;AAsF5B,SAAS,UAAU,4BAA4B;AAE/C;AAAA,EAI2B;AAAA,OACpB;AACP,SAAS,uBAAuB;AAChC,SAAwC,mCAAoC;AAC5E,SAAS,4BAA4B;AACrC;AAAA,EACE;AAAA,EACA;AAAA,EAEA;AAAA,OACK;AAEP,SAAS,sBAAsB,iBAAiB;AAChD;AAAA,EACkB;AAAA,EACD;AAAA,EACI;AAAA,OACd;AACP,SAAwB,mBAAoB;AAS5C,SAAS,cAAc;AAEvB;AAAA,EACE;AAAA,OAGK;AACP;AAAA,EACiB;AAAA,EACI;AAAA,OACd;AACP;AAAA,EACsB;AAAA,EACI;AAAA,OAGnB;",
   "names": ["useFocusRing"]
 }

package/esm/core/sdk/sdk-logger.js

@@ -14,7 +14,7 @@ const LOGGER_FACTORY = /* @__PURE__ */ (() => {
         context: {
           id: "@dynatrace/strato-design-system",
           // @ts-expect-error Global variable injected at package build time
-          version: "3.8.0"
+          version: "3.9.0"
         }
       });
     } else if (supportsLoggerV1()) {
@@ -22,7 +22,7 @@ const LOGGER_FACTORY = /* @__PURE__ */ (() => {
         context: {
           id: "@dynatrace/strato-design-system",
           // @ts-expect-error Global variable injected at package build time
-          version: "3.8.0"
+          version: "3.9.0"
         }
       });
     }

package/esm/core/styles/defaultChartValues.css

@@ -1,4 +1,4 @@
-._1rtjj3o0-3-8-0 {
+._1rtjj3o0-3-9-0 {
   line-height: normal;
   width: inherit;
 }

package/esm/core/styles/defaultChartValues.sty.js

@@ -1,5 +1,5 @@
 import "./defaultChartValues.css";
-var defaultChartSize = "_1rtjj3o0-3-8-0";
+var defaultChartSize = "_1rtjj3o0-3-9-0";
 export {
   defaultChartSize
 };

package/esm/core/styles/defaultChartValues.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/core/styles/defaultChartValues.css.ts"],
-  "sourcesContent": ["import './defaultChartValues.css';\nexport var defaultChartSize = '_1rtjj3o0-3-8-0';"],
+  "sourcesContent": ["import './defaultChartValues.css';\nexport var defaultChartSize = '_1rtjj3o0-3-9-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,mBAAmB;",
   "names": []
 }

package/esm/core/styles/focusRing.css

@@ -1,75 +1,75 @@
-._z2r50s3-3-8-0 {
+._z2r50s3-3-9-0 {
   outline: none;
 }
-._z2r50s3-3-8-0:focus-visible {
+._z2r50s3-3-9-0:focus-visible {
   outline: none;
 }
-._z2r50s4-3-8-0 {
+._z2r50s4-3-9-0 {
   border-radius: var(--dt-borders-radius-field-subdued, 3px);
-  box-shadow: inset 0 0 0 var(--dt-borders-width-default, 1px) var(--_z2r50s0-3-8-0);
-  background-color: var(--_z2r50s2-3-8-0);
-}
-._z2r50s5-3-8-0._z2r50s5-3-8-0 {
-  box-shadow: inset 0 0 0 var(--dt-borders-width-emphasized, 2px) var(--_z2r50s0-3-8-0), inset 0 0 0 calc(var(--dt-borders-width-emphasized, 2px) + 1px) var(--_z2r50s1-3-8-0);
-}
-._z2r50s6-3-8-0 {
-  --_z2r50s0-3-8-0: var(--dt-colors-border-neutral-accent, #595a7d);
-  --_z2r50s1-3-8-0: var(--dt-colors-border-neutral-default, #dadbe4);
-  --_z2r50s2-3-8-0: var(--dt-colors-background-field-neutral-emphasized, #e4e5eb);
-}
-._z2r50s7-3-8-0 {
-  --_z2r50s0-3-8-0: var(--dt-colors-border-primary-accent, #464cce);
-  --_z2r50s1-3-8-0: var(--dt-colors-border-primary-default, #d5dbf6);
-  --_z2r50s2-3-8-0: var(--dt-colors-background-field-primary-emphasized, #e1e5f7);
-}
-._z2r50s8-3-8-0 {
-  --_z2r50s0-3-8-0: var(--dt-colors-border-success-accent, #2d6761);
-  --_z2r50s1-3-8-0: var(--dt-colors-border-success-default, #d3dedd);
-  --_z2r50s2-3-8-0: var(--dt-colors-background-field-success-emphasized, #e0e7e6);
-}
-._z2r50s9-3-8-0 {
-  --_z2r50s0-3-8-0: var(--dt-colors-border-warning-accent, #855400);
-  --_z2r50s1-3-8-0: var(--dt-colors-border-warning-default, #f9ebdb);
-  --_z2r50s2-3-8-0: var(--dt-colors-background-field-warning-emphasized, #f9f0e5);
-}
-._z2r50sa-3-8-0 {
-  --_z2r50s0-3-8-0: var(--dt-colors-border-critical-accent, #bb0731);
-  --_z2r50s1-3-8-0: var(--dt-colors-border-critical-default, #f6d6d5);
-  --_z2r50s2-3-8-0: var(--dt-colors-background-field-critical-emphasized, #f8e1e1);
-}
-._z2r50sb-3-8-0:focus-within {
+  box-shadow: inset 0 0 0 var(--dt-borders-width-default, 1px) var(--_z2r50s0-3-9-0);
+  background-color: var(--_z2r50s2-3-9-0);
+}
+._z2r50s5-3-9-0._z2r50s5-3-9-0 {
+  box-shadow: inset 0 0 0 var(--dt-borders-width-emphasized, 2px) var(--_z2r50s0-3-9-0), inset 0 0 0 calc(var(--dt-borders-width-emphasized, 2px) + 1px) var(--_z2r50s1-3-9-0);
+}
+._z2r50s6-3-9-0 {
+  --_z2r50s0-3-9-0: var(--dt-colors-border-neutral-accent, #595a7d);
+  --_z2r50s1-3-9-0: var(--dt-colors-border-neutral-default, #dadbe4);
+  --_z2r50s2-3-9-0: var(--dt-colors-background-field-neutral-emphasized, #e4e5eb);
+}
+._z2r50s7-3-9-0 {
+  --_z2r50s0-3-9-0: var(--dt-colors-border-primary-accent, #464cce);
+  --_z2r50s1-3-9-0: var(--dt-colors-border-primary-default, #d5dbf6);
+  --_z2r50s2-3-9-0: var(--dt-colors-background-field-primary-emphasized, #e1e5f7);
+}
+._z2r50s8-3-9-0 {
+  --_z2r50s0-3-9-0: var(--dt-colors-border-success-accent, #2d6761);
+  --_z2r50s1-3-9-0: var(--dt-colors-border-success-default, #d3dedd);
+  --_z2r50s2-3-9-0: var(--dt-colors-background-field-success-emphasized, #e0e7e6);
+}
+._z2r50s9-3-9-0 {
+  --_z2r50s0-3-9-0: var(--dt-colors-border-warning-accent, #855400);
+  --_z2r50s1-3-9-0: var(--dt-colors-border-warning-default, #f9ebdb);
+  --_z2r50s2-3-9-0: var(--dt-colors-background-field-warning-emphasized, #f9f0e5);
+}
+._z2r50sa-3-9-0 {
+  --_z2r50s0-3-9-0: var(--dt-colors-border-critical-accent, #bb0731);
+  --_z2r50s1-3-9-0: var(--dt-colors-border-critical-default, #f6d6d5);
+  --_z2r50s2-3-9-0: var(--dt-colors-background-field-critical-emphasized, #f8e1e1);
+}
+._z2r50sb-3-9-0:focus-within {
   outline: none;
 }
-._z2r50sc-3-8-0:focus-within {
+._z2r50sc-3-9-0:focus-within {
   border-radius: var(--dt-borders-radius-field-subdued, 3px);
-  box-shadow: inset 0 0 0 var(--dt-borders-width-default, 1px) var(--_z2r50s0-3-8-0);
-  background-color: var(--_z2r50s2-3-8-0);
-}
-._z2r50sd-3-8-0:focus-within {
-  box-shadow: inset 0 0 0 var(--dt-borders-width-emphasized, 2px) var(--_z2r50s0-3-8-0), inset 0 0 0 calc(var(--dt-borders-width-emphasized, 2px) + 1px) var(--_z2r50s1-3-8-0);
-}
-._z2r50se-3-8-0 {
-  --_z2r50s0-3-8-0: var(--dt-colors-border-neutral-accent, #595a7d);
-  --_z2r50s1-3-8-0: var(--dt-colors-border-neutral-default, #dadbe4);
-  --_z2r50s2-3-8-0: var(--dt-colors-background-field-neutral-emphasized, #e4e5eb);
-}
-._z2r50sf-3-8-0 {
-  --_z2r50s0-3-8-0: var(--dt-colors-border-primary-accent, #464cce);
-  --_z2r50s1-3-8-0: var(--dt-colors-border-primary-default, #d5dbf6);
-  --_z2r50s2-3-8-0: var(--dt-colors-background-field-primary-emphasized, #e1e5f7);
-}
-._z2r50sg-3-8-0 {
-  --_z2r50s0-3-8-0: var(--dt-colors-border-success-accent, #2d6761);
-  --_z2r50s1-3-8-0: var(--dt-colors-border-success-default, #d3dedd);
-  --_z2r50s2-3-8-0: var(--dt-colors-background-field-success-emphasized, #e0e7e6);
-}
-._z2r50sh-3-8-0 {
-  --_z2r50s0-3-8-0: var(--dt-colors-border-warning-accent, #855400);
-  --_z2r50s1-3-8-0: var(--dt-colors-border-warning-default, #f9ebdb);
-  --_z2r50s2-3-8-0: var(--dt-colors-background-field-warning-emphasized, #f9f0e5);
-}
-._z2r50si-3-8-0 {
-  --_z2r50s0-3-8-0: var(--dt-colors-border-critical-accent, #bb0731);
-  --_z2r50s1-3-8-0: var(--dt-colors-border-critical-default, #f6d6d5);
-  --_z2r50s2-3-8-0: var(--dt-colors-background-field-critical-emphasized, #f8e1e1);
+  box-shadow: inset 0 0 0 var(--dt-borders-width-default, 1px) var(--_z2r50s0-3-9-0);
+  background-color: var(--_z2r50s2-3-9-0);
+}
+._z2r50sd-3-9-0:focus-within {
+  box-shadow: inset 0 0 0 var(--dt-borders-width-emphasized, 2px) var(--_z2r50s0-3-9-0), inset 0 0 0 calc(var(--dt-borders-width-emphasized, 2px) + 1px) var(--_z2r50s1-3-9-0);
+}
+._z2r50se-3-9-0 {
+  --_z2r50s0-3-9-0: var(--dt-colors-border-neutral-accent, #595a7d);
+  --_z2r50s1-3-9-0: var(--dt-colors-border-neutral-default, #dadbe4);
+  --_z2r50s2-3-9-0: var(--dt-colors-background-field-neutral-emphasized, #e4e5eb);
+}
+._z2r50sf-3-9-0 {
+  --_z2r50s0-3-9-0: var(--dt-colors-border-primary-accent, #464cce);
+  --_z2r50s1-3-9-0: var(--dt-colors-border-primary-default, #d5dbf6);
+  --_z2r50s2-3-9-0: var(--dt-colors-background-field-primary-emphasized, #e1e5f7);
+}
+._z2r50sg-3-9-0 {
+  --_z2r50s0-3-9-0: var(--dt-colors-border-success-accent, #2d6761);
+  --_z2r50s1-3-9-0: var(--dt-colors-border-success-default, #d3dedd);
+  --_z2r50s2-3-9-0: var(--dt-colors-background-field-success-emphasized, #e0e7e6);
+}
+._z2r50sh-3-9-0 {
+  --_z2r50s0-3-9-0: var(--dt-colors-border-warning-accent, #855400);
+  --_z2r50s1-3-9-0: var(--dt-colors-border-warning-default, #f9ebdb);
+  --_z2r50s2-3-9-0: var(--dt-colors-background-field-warning-emphasized, #f9f0e5);
+}
+._z2r50si-3-9-0 {
+  --_z2r50s0-3-9-0: var(--dt-colors-border-critical-accent, #bb0731);
+  --_z2r50s1-3-9-0: var(--dt-colors-border-critical-default, #f6d6d5);
+  --_z2r50s2-3-9-0: var(--dt-colors-background-field-critical-emphasized, #f8e1e1);
 }

package/esm/core/styles/focusRing.sty.js

@@ -1,7 +1,7 @@
 import "./focusRing.css";
 import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
-var focusRing = _7a468({ defaultClassName: "_z2r50s3-3-8-0", variantClassNames: { minimal: { true: "_z2r50s4-3-8-0", false: "_z2r50s5-3-8-0" }, color: { neutral: "_z2r50s6-3-8-0", primary: "_z2r50s7-3-8-0", success: "_z2r50s8-3-8-0", warning: "_z2r50s9-3-8-0", critical: "_z2r50sa-3-8-0" } }, defaultVariants: {}, compoundVariants: [] });
-var focusRingFocusWithin = _7a468({ defaultClassName: "_z2r50sb-3-8-0", variantClassNames: { minimal: { true: "_z2r50sc-3-8-0", false: "_z2r50sd-3-8-0" }, color: { neutral: "_z2r50se-3-8-0", primary: "_z2r50sf-3-8-0", success: "_z2r50sg-3-8-0", warning: "_z2r50sh-3-8-0", critical: "_z2r50si-3-8-0" } }, defaultVariants: {}, compoundVariants: [] });
+var focusRing = _7a468({ defaultClassName: "_z2r50s3-3-9-0", variantClassNames: { minimal: { true: "_z2r50s4-3-9-0", false: "_z2r50s5-3-9-0" }, color: { neutral: "_z2r50s6-3-9-0", primary: "_z2r50s7-3-9-0", success: "_z2r50s8-3-9-0", warning: "_z2r50s9-3-9-0", critical: "_z2r50sa-3-9-0" } }, defaultVariants: {}, compoundVariants: [] });
+var focusRingFocusWithin = _7a468({ defaultClassName: "_z2r50sb-3-9-0", variantClassNames: { minimal: { true: "_z2r50sc-3-9-0", false: "_z2r50sd-3-9-0" }, color: { neutral: "_z2r50se-3-9-0", primary: "_z2r50sf-3-9-0", success: "_z2r50sg-3-9-0", warning: "_z2r50sh-3-9-0", critical: "_z2r50si-3-9-0" } }, defaultVariants: {}, compoundVariants: [] });
 export {
   focusRing,
   focusRingFocusWithin

package/esm/core/styles/focusRing.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/core/styles/focusRing.css.ts"],
-  "sourcesContent": ["import './focusRing.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var focusRing = _7a468({defaultClassName:'_z2r50s3-3-8-0',variantClassNames:{minimal:{true:'_z2r50s4-3-8-0',false:'_z2r50s5-3-8-0'},color:{neutral:'_z2r50s6-3-8-0',primary:'_z2r50s7-3-8-0',success:'_z2r50s8-3-8-0',warning:'_z2r50s9-3-8-0',critical:'_z2r50sa-3-8-0'}},defaultVariants:{},compoundVariants:[]});\nexport var focusRingFocusWithin = _7a468({defaultClassName:'_z2r50sb-3-8-0',variantClassNames:{minimal:{true:'_z2r50sc-3-8-0',false:'_z2r50sd-3-8-0'},color:{neutral:'_z2r50se-3-8-0',primary:'_z2r50sf-3-8-0',success:'_z2r50sg-3-8-0',warning:'_z2r50sh-3-8-0',critical:'_z2r50si-3-8-0'}},defaultVariants:{},compoundVariants:[]});"],
+  "sourcesContent": ["import './focusRing.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var focusRing = _7a468({defaultClassName:'_z2r50s3-3-9-0',variantClassNames:{minimal:{true:'_z2r50s4-3-9-0',false:'_z2r50s5-3-9-0'},color:{neutral:'_z2r50s6-3-9-0',primary:'_z2r50s7-3-9-0',success:'_z2r50s8-3-9-0',warning:'_z2r50s9-3-9-0',critical:'_z2r50sa-3-9-0'}},defaultVariants:{},compoundVariants:[]});\nexport var focusRingFocusWithin = _7a468({defaultClassName:'_z2r50sb-3-9-0',variantClassNames:{minimal:{true:'_z2r50sc-3-9-0',false:'_z2r50sd-3-9-0'},color:{neutral:'_z2r50se-3-9-0',primary:'_z2r50sf-3-9-0',success:'_z2r50sg-3-9-0',warning:'_z2r50sh-3-9-0',critical:'_z2r50si-3-9-0'}},defaultVariants:{},compoundVariants:[]});"],
   "mappings": "AAAA,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,YAAY,OAAO,EAAC,kBAAiB,kBAAiB,mBAAkB,EAAC,SAAQ,EAAC,MAAK,kBAAiB,OAAM,iBAAgB,GAAE,OAAM,EAAC,SAAQ,kBAAiB,SAAQ,kBAAiB,SAAQ,kBAAiB,SAAQ,kBAAiB,UAAS,iBAAgB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;AAClT,IAAI,uBAAuB,OAAO,EAAC,kBAAiB,kBAAiB,mBAAkB,EAAC,SAAQ,EAAC,MAAK,kBAAiB,OAAM,iBAAgB,GAAE,OAAM,EAAC,SAAQ,kBAAiB,SAAQ,kBAAiB,SAAQ,kBAAiB,SAAQ,kBAAiB,UAAS,iBAAgB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;",
   "names": []
 }

package/esm/core/styles/focusRingStatic.css

@@ -1,49 +1,49 @@
-._z0fq9b4-3-8-0 {
+._z0fq9b4-3-9-0 {
   outline: none;
 }
-._z0fq9b5-3-8-0 {
-  --_z0fq9b3-3-8-0: var(--dt-borders-width-default, 1px);
-  --_z0fq9b2-3-8-0: 0 0 0 var(--_z0fq9b3-3-8-0) var(--_z0fq9b0-3-8-0) inset;
+._z0fq9b5-3-9-0 {
+  --_z0fq9b3-3-9-0: var(--dt-borders-width-default, 1px);
+  --_z0fq9b2-3-9-0: 0 0 0 var(--_z0fq9b3-3-9-0) var(--_z0fq9b0-3-9-0) inset;
 }
-._z0fq9b6-3-8-0 {
-  --_z0fq9b3-3-8-0: var(--dt-borders-width-emphasized, 2px);
-  --_z0fq9b2-3-8-0: 0 0 0 var(--_z0fq9b3-3-8-0) var(--_z0fq9b0-3-8-0) inset, 0 0 0 calc(var(--_z0fq9b3-3-8-0) + 1px) var(--_z0fq9b1-3-8-0) inset;
+._z0fq9b6-3-9-0 {
+  --_z0fq9b3-3-9-0: var(--dt-borders-width-emphasized, 2px);
+  --_z0fq9b2-3-9-0: 0 0 0 var(--_z0fq9b3-3-9-0) var(--_z0fq9b0-3-9-0) inset, 0 0 0 calc(var(--_z0fq9b3-3-9-0) + 1px) var(--_z0fq9b1-3-9-0) inset;
 }
-._z0fq9b7-3-8-0 {
-  --_z0fq9b2-3-8-0: none;
+._z0fq9b7-3-9-0 {
+  --_z0fq9b2-3-9-0: none;
 }
-._z0fq9b8-3-8-0._z0fq9b8-3-8-0 {
-  box-shadow: var(--_z0fq9b2-3-8-0);
+._z0fq9b8-3-9-0._z0fq9b8-3-9-0 {
+  box-shadow: var(--_z0fq9b2-3-9-0);
 }
-._z0fq9b9-3-8-0:focus-visible {
-  box-shadow: var(--_z0fq9b2-3-8-0);
+._z0fq9b9-3-9-0:focus-visible {
+  box-shadow: var(--_z0fq9b2-3-9-0);
 }
-._z0fq9ba-3-8-0:focus-within {
-  box-shadow: var(--_z0fq9b2-3-8-0);
+._z0fq9ba-3-9-0:focus-within {
+  box-shadow: var(--_z0fq9b2-3-9-0);
 }
-._z0fq9bb-3-8-0:has(:focus-visible) {
-  box-shadow: var(--_z0fq9b2-3-8-0);
+._z0fq9bb-3-9-0:has(:focus-visible) {
+  box-shadow: var(--_z0fq9b2-3-9-0);
 }
-._z0fq9bc-3-8-0:focus {
-  box-shadow: var(--_z0fq9b2-3-8-0);
+._z0fq9bc-3-9-0:focus {
+  box-shadow: var(--_z0fq9b2-3-9-0);
 }
-._z0fq9bd-3-8-0 {
-  --_z0fq9b0-3-8-0: var(--dt-colors-border-neutral-accent, #595a7d);
-  --_z0fq9b1-3-8-0: var(--dt-colors-border-neutral-default, #dadbe4);
+._z0fq9bd-3-9-0 {
+  --_z0fq9b0-3-9-0: var(--dt-colors-border-neutral-accent, #595a7d);
+  --_z0fq9b1-3-9-0: var(--dt-colors-border-neutral-default, #dadbe4);
 }
-._z0fq9be-3-8-0 {
-  --_z0fq9b0-3-8-0: var(--dt-colors-border-primary-accent, #464cce);
-  --_z0fq9b1-3-8-0: var(--dt-colors-border-primary-default, #d5dbf6);
+._z0fq9be-3-9-0 {
+  --_z0fq9b0-3-9-0: var(--dt-colors-border-primary-accent, #464cce);
+  --_z0fq9b1-3-9-0: var(--dt-colors-border-primary-default, #d5dbf6);
 }
-._z0fq9bf-3-8-0 {
-  --_z0fq9b0-3-8-0: var(--dt-colors-border-success-accent, #2d6761);
-  --_z0fq9b1-3-8-0: var(--dt-colors-border-success-default, #d3dedd);
+._z0fq9bf-3-9-0 {
+  --_z0fq9b0-3-9-0: var(--dt-colors-border-success-accent, #2d6761);
+  --_z0fq9b1-3-9-0: var(--dt-colors-border-success-default, #d3dedd);
 }
-._z0fq9bg-3-8-0 {
-  --_z0fq9b0-3-8-0: var(--dt-colors-border-warning-accent, #855400);
-  --_z0fq9b1-3-8-0: var(--dt-colors-border-warning-default, #f9ebdb);
+._z0fq9bg-3-9-0 {
+  --_z0fq9b0-3-9-0: var(--dt-colors-border-warning-accent, #855400);
+  --_z0fq9b1-3-9-0: var(--dt-colors-border-warning-default, #f9ebdb);
 }
-._z0fq9bh-3-8-0 {
-  --_z0fq9b0-3-8-0: var(--dt-colors-border-critical-accent, #bb0731);
-  --_z0fq9b1-3-8-0: var(--dt-colors-border-critical-default, #f6d6d5);
+._z0fq9bh-3-9-0 {
+  --_z0fq9b0-3-9-0: var(--dt-colors-border-critical-accent, #bb0731);
+  --_z0fq9b1-3-9-0: var(--dt-colors-border-critical-default, #f6d6d5);
 }

package/esm/core/styles/focusRingStatic.sty.js

@@ -1,6 +1,6 @@
 import "./focusRingStatic.css";
 import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
-var focusRingStatic = _7a468({ defaultClassName: "_z0fq9b4-3-8-0", variantClassNames: { minimal: { true: "_z0fq9b5-3-8-0", false: "_z0fq9b6-3-8-0" }, disabled: { true: "_z0fq9b7-3-8-0" }, when: { always: "_z0fq9b8-3-8-0", "focus-visible": "_z0fq9b9-3-8-0", "focus-within": "_z0fq9ba-3-8-0", "focus-within-visible": "_z0fq9bb-3-8-0", focus: "_z0fq9bc-3-8-0" }, color: { neutral: "_z0fq9bd-3-8-0", primary: "_z0fq9be-3-8-0", success: "_z0fq9bf-3-8-0", warning: "_z0fq9bg-3-8-0", critical: "_z0fq9bh-3-8-0" } }, defaultVariants: { color: "neutral", minimal: false, when: "focus", disabled: false }, compoundVariants: [] });
+var focusRingStatic = _7a468({ defaultClassName: "_z0fq9b4-3-9-0", variantClassNames: { minimal: { true: "_z0fq9b5-3-9-0", false: "_z0fq9b6-3-9-0" }, disabled: { true: "_z0fq9b7-3-9-0" }, when: { always: "_z0fq9b8-3-9-0", "focus-visible": "_z0fq9b9-3-9-0", "focus-within": "_z0fq9ba-3-9-0", "focus-within-visible": "_z0fq9bb-3-9-0", focus: "_z0fq9bc-3-9-0" }, color: { neutral: "_z0fq9bd-3-9-0", primary: "_z0fq9be-3-9-0", success: "_z0fq9bf-3-9-0", warning: "_z0fq9bg-3-9-0", critical: "_z0fq9bh-3-9-0" } }, defaultVariants: { color: "neutral", minimal: false, when: "focus", disabled: false }, compoundVariants: [] });
 export {
   focusRingStatic
 };