@dynatrace/strato-components 3.4.0 → 3.5.0

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/core/hooks/useModality.ts"],
+  "sourcesContent": ["import { useSyncExternalStore } from 'react';\n\nimport { modalityStore, type Modality } from '../utils/modality.js';\n\n/**\n * Hook to subscribe to the current input modality and only re-render the component when it changes.\n *\n * @returns The current input modality\n * @internal\n */\nexport function useModality(): Modality {\n  const modality = useSyncExternalStore(\n    modalityStore.subscribe,\n    modalityStore.getState,\n  );\n  return modality;\n}\n"],
+  "mappings": "AAAA,SAAS,4BAA4B;AAErC,SAAS,qBAAoC;AAQtC,SAAS,cAAwB;AACtC,QAAM,WAAW;AAAA,IACf,cAAc;AAAA,IACd,cAAc;AAAA,EAChB;AACA,SAAO;AACT;",
+  "names": []
+}

package/esm/core/index.js

@@ -1,5 +1,5 @@
 import { AppRoot } from "./components/app-root/AppRoot.js";
-import { visualRefreshEnabled } from "./components/app-root/AppRoot.sty.js";
+import { dtVisualRefreshEnabled } from "./components/app-root/AppRoot.sty.js";
 import {
   FocusScope
 } from "./components/focus-scope/FocusScope.js";
@@ -94,6 +94,7 @@ export {
   downloadBlob as _downloadBlob,
   downloadCSV as _downloadCSV,
   downloadFromUrl as _downloadFromUrl,
+  dtVisualRefreshEnabled as _dtVisualRefreshEnabled,
   focusFirstDescendant as _focusFirstDescendant,
   formatDatetimeDefault as _formatDate,
   getFirstFocusableChild as _getFirstFocusableChild,
@@ -115,7 +116,6 @@ export {
   useRequestAnimationFrame as _useRequestAnimationFrame,
   useSafeForwardProps as _useSafeForwardProps,
   useSharedInputPropsContext as _useSharedInputPropsContext,
-  visualRefreshEnabled as _visualRefreshEnabled,
   createStore,
   getThresholdColor,
   isNumber,

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 { visualRefreshEnabled as _visualRefreshEnabled } 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  Modality as _Modality,\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 './styles/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 './styles/useFocusRing.js';\nexport type {\n  FocusRingProps as _FocusRingProps,\n  UseFocusRingProps as _UseFocusRingProps,\n} from './styles/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"],
-  "mappings": "AAAA,SAAS,eAAkC;AAC3C,SAAiC,4BAA6B;AAC9D;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;",
+  "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 { FocusContextProps as _FocusContextProps } 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 './styles/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 './styles/useFocusRing.js';\nexport type {\n  FocusRingProps as _FocusRingProps,\n  UseFocusRingProps as _UseFocusRingProps,\n} from './styles/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"],
+  "mappings": "AAAA,SAAS,eAAkC;AAC3C,SAAmC,8BAA+B;AAClE;AAAA,EACE;AAAA,OAEK;AAIP,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;",
   "names": ["useFocusRing"]
 }

package/esm/core/providers/FocusProvider.js

@@ -1,73 +1,13 @@
 import { jsx } from "react/jsx-runtime";
-import { useCallback, useEffect, useRef, useState } from "react";
+import { useCallback, useRef, useState } from "react";
 import { FocusContext } from "../contexts/FocusContext.js";
 import { useFocusContext } from "../hooks/useFocusContext.js";
 import { getProperInertValue } from "../utils/get-inert-value.js";
 import { mergeProps } from "../utils/merge-props.js";
-const ignoreMap = [
-  "Alt",
-  "AltGraph",
-  "CapsLock",
-  "Control",
-  "FnLock",
-  "Fn",
-  "Hyper",
-  "Meta",
-  // Command (Mac), in some browsers also Windows-key
-  "NumLock",
-  "OS",
-  // Windows-key
-  "ScrollLock",
-  "Super",
-  // Virtual keyboard key
-  "Symbol",
-  "SymbolLock"
-];
-const eventTypeMap = {
-  keydown: "keyboard",
-  keyup: "keyboard",
-  mousedown: "mouse",
-  mousemove: "mouse",
-  MSPointerDown: "pointer",
-  MSPointerMove: "pointer",
-  pointerdown: "pointer",
-  pointermove: "pointer",
-  touchstart: "touch",
-  touchend: "touch",
-  wheel: "wheel"
-};
-const navigationalKeys = [
-  "Tab",
-  "Esc",
-  "Escape",
-  " ",
-  "ArrowDown",
-  "Down",
-  "ArrowUp",
-  "Up",
-  "ArrowLeft",
-  "Left",
-  "ArrowRight",
-  "Right",
-  "End",
-  "Home",
-  "PageDown",
-  "PageUp"
-];
 const FocusProvider = ({ children }) => {
   const [backgroundInertness, setBackgroundInertness] = useState(false);
   const focusContext = useFocusContext();
-  const [modality, setModality] = useState("unknown");
   const wrapperRef = useRef(null);
-  const setKeyboardInputModality = useCallback((event) => {
-    if (ignoreMap.includes(event.key)) {
-      setModality("pointer");
-      return;
-    }
-    if (!event.target || navigationalKeys.includes(event.key)) {
-      setModality("keyboard");
-    }
-  }, []);
   const focusTriggerElement = useCallback((ref) => {
     if (wrapperRef.current?.getAttribute("inert") === null) {
       ref?.focus();
@@ -91,33 +31,6 @@ const FocusProvider = ({ children }) => {
       }, 5e3);
     }
   }, []);
-  const setMouseInputModality = useCallback((event) => {
-    switch (eventTypeMap[event.type]) {
-      case "touch":
-      case "pen":
-        return setModality("touch");
-      case "mouse":
-      case "pointer":
-      case "wheel":
-        return setModality("pointer");
-      default:
-        return "unknown";
-    }
-  }, []);
-  useEffect(() => {
-    window.addEventListener("pointerdown", setMouseInputModality);
-    window.addEventListener("keydown", setKeyboardInputModality, {
-      capture: true
-    });
-    window.addEventListener("wheel", setMouseInputModality);
-    return () => {
-      window.removeEventListener("pointerdown", setMouseInputModality);
-      window.removeEventListener("keydown", setKeyboardInputModality, {
-        capture: true
-      });
-      window.removeEventListener("wheel", setMouseInputModality);
-    };
-  }, [setKeyboardInputModality, setMouseInputModality]);
   const focusProps = backgroundInertness ? {
     inert: getProperInertValue(true),
     tabIndex: -1,
@@ -130,7 +43,6 @@ const FocusProvider = ({ children }) => {
         ...mergeProps(focusContext, {
           backgroundInertness,
           setBackgroundInertness,
-          modality,
           focusTriggerElement
         })
       },

package/esm/core/providers/FocusProvider.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/core/providers/FocusProvider.tsx"],
-  "sourcesContent": ["import { useCallback, useEffect, useRef, useState } from 'react';\n\nimport { FocusContext, type Modality } from '../contexts/FocusContext.js';\nimport { useFocusContext } from '../hooks/useFocusContext.js';\nimport type { WithChildren } from '../types/with-children.js';\nimport { getProperInertValue } from '../utils/get-inert-value.js';\nimport { mergeProps } from '../utils/merge-props.js';\n\n// list of modifier keys commonly used in a mouse or keyboard combination,\n// see https://developer.mozilla.org/en-US/docs/Web/API/UI_Events/Keyboard_event_key_values#modifier_keys.\nconst ignoreMap = [\n  'Alt',\n  'AltGraph',\n  'CapsLock',\n  'Control',\n  'FnLock',\n  'Fn',\n  'Hyper',\n  'Meta', // Command (Mac), in some browsers also Windows-key\n  'NumLock',\n  'OS', // Windows-key\n  'ScrollLock',\n  'Super', // Virtual keyboard key\n  'Symbol',\n  'SymbolLock',\n];\n\n/** Look-up map of all event types and the corresponding modalities. */\nconst eventTypeMap: Record<string, string> = {\n  keydown: 'keyboard',\n  keyup: 'keyboard',\n  mousedown: 'mouse',\n  mousemove: 'mouse',\n  MSPointerDown: 'pointer',\n  MSPointerMove: 'pointer',\n  pointerdown: 'pointer',\n  pointermove: 'pointer',\n  touchstart: 'touch',\n  touchend: 'touch',\n  wheel: 'wheel',\n};\n\n/**\n * All navigational keys that should be considered keyboard users,\n * see https://developer.mozilla.org/en-US/docs/Web/API/UI_Events/Keyboard_event_key_values#navigation_keys\n */\nconst navigationalKeys = [\n  'Tab',\n  'Esc',\n  'Escape',\n  ' ',\n  'ArrowDown',\n  'Down',\n  'ArrowUp',\n  'Up',\n  'ArrowLeft',\n  'Left',\n  'ArrowRight',\n  'Right',\n  'End',\n  'Home',\n  'PageDown',\n  'PageUp',\n];\n\n/**\n * Provider that can be reused in components for storing the focus context props.\n * Loosely inspired by [what-input-js](https://github.com/ten1seven/what-input/blob/main/src/scripts/what-input.js).\n * @internal\n */\nexport const FocusProvider = ({ children }: WithChildren) => {\n  const [backgroundInertness, setBackgroundInertness] = useState(false);\n  const focusContext = useFocusContext();\n  const [modality, setModality] = useState<Modality>('unknown');\n  const wrapperRef = useRef<HTMLDivElement | null>(null);\n  const setKeyboardInputModality = useCallback((event: KeyboardEvent) => {\n    if (ignoreMap.includes(event.key)) {\n      setModality('pointer');\n      return;\n    }\n\n    if (!event.target || navigationalKeys.includes(event.key)) {\n      setModality('keyboard');\n    }\n  }, []);\n\n  const focusTriggerElement = useCallback((ref: HTMLElement | undefined) => {\n    if (wrapperRef.current?.getAttribute('inert') === null) {\n      ref?.focus();\n      return;\n    }\n\n    // We want to focus the trigger element after the inert prop got removed.\n    // Otherwise, we sometimes lose the focus on slow computers.\n    const observer = new MutationObserver((mutations) => {\n      for (const mutation of mutations) {\n        if (\n          mutation.type === 'attributes' &&\n          mutation.attributeName === 'inert'\n        ) {\n          if (wrapperRef.current?.getAttribute('inert') === null) {\n            ref?.focus();\n            observer.disconnect();\n            break;\n          }\n        }\n      }\n    });\n\n    if (wrapperRef.current !== null) {\n      observer.observe(wrapperRef.current, { attributes: true });\n\n      setTimeout(() => {\n        observer.disconnect();\n      }, 5000);\n    }\n  }, []);\n\n  const setMouseInputModality = useCallback((event: MouseEvent) => {\n    switch (eventTypeMap[event.type]) {\n      case 'touch':\n      case 'pen':\n        return setModality('touch');\n      case 'mouse':\n      case 'pointer':\n      case 'wheel':\n        return setModality('pointer');\n      default:\n        return 'unknown';\n    }\n  }, []);\n\n  useEffect(() => {\n    window.addEventListener('pointerdown', setMouseInputModality);\n    // we need to rely on the keydown event (already in the capture phase) here so we don't break usages where the event default behavior is prevented or propagation is stopped,\n    // which would otherwise get the wrong, initial, modality (unknown); by using the capture phase, we can ensure we set the modality correctly before the other events occur\n    window.addEventListener('keydown', setKeyboardInputModality, {\n      capture: true,\n    });\n    window.addEventListener('wheel', setMouseInputModality);\n\n    return () => {\n      window.removeEventListener('pointerdown', setMouseInputModality);\n      window.removeEventListener('keydown', setKeyboardInputModality, {\n        capture: true,\n      });\n      window.removeEventListener('wheel', setMouseInputModality);\n    };\n  }, [setKeyboardInputModality, setMouseInputModality]);\n\n  const focusProps = backgroundInertness\n    ? {\n        inert: getProperInertValue(true),\n        tabIndex: -1,\n        'aria-hidden': true,\n      }\n    : { inert: undefined, tabIndex: undefined, 'aria-hidden': false };\n\n  return (\n    <FocusContext.Provider\n      value={{\n        ...mergeProps(focusContext, {\n          backgroundInertness,\n          setBackgroundInertness,\n          modality,\n          focusTriggerElement,\n        }),\n      }}\n    >\n      <div ref={wrapperRef} {...focusProps}>\n        {children}\n      </div>\n    </FocusContext.Provider>\n  );\n};\n\nFocusProvider['displayName'] = 'FocusProvider';\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { useCallback, useRef, useState } from 'react';\n\nimport { FocusContext } from '../contexts/FocusContext.js';\nimport { useFocusContext } from '../hooks/useFocusContext.js';\nimport type { WithChildren } from '../types/with-children.js';\nimport { getProperInertValue } from '../utils/get-inert-value.js';\nimport { mergeProps } from '../utils/merge-props.js';\n\n/**\n * Provider that can be reused in components for storing the focus context props.\n * Loosely inspired by [what-input-js](https://github.com/ten1seven/what-input/blob/main/src/scripts/what-input.js).\n * @internal\n */\nexport const FocusProvider = ({ children }: WithChildren) => {\n  const [backgroundInertness, setBackgroundInertness] = useState(false);\n  const focusContext = useFocusContext();\n  const wrapperRef = useRef<HTMLDivElement | null>(null);\n\n  const focusTriggerElement = useCallback((ref: HTMLElement | undefined) => {\n    if (wrapperRef.current?.getAttribute('inert') === null) {\n      ref?.focus();\n      return;\n    }\n\n    // We want to focus the trigger element after the inert prop got removed.\n    // Otherwise, we sometimes lose the focus on slow computers.\n    const observer = new MutationObserver((mutations) => {\n      for (const mutation of mutations) {\n        if (\n          mutation.type === 'attributes' &&\n          mutation.attributeName === 'inert'\n        ) {\n          if (wrapperRef.current?.getAttribute('inert') === null) {\n            ref?.focus();\n            observer.disconnect();\n            break;\n          }\n        }\n      }\n    });\n\n    if (wrapperRef.current !== null) {\n      observer.observe(wrapperRef.current, { attributes: true });\n\n      setTimeout(() => {\n        observer.disconnect();\n      }, 5000);\n    }\n  }, []);\n\n  const focusProps = backgroundInertness\n    ? {\n        inert: getProperInertValue(true),\n        tabIndex: -1,\n        'aria-hidden': true,\n      }\n    : { inert: undefined, tabIndex: undefined, 'aria-hidden': false };\n\n  return (\n    <FocusContext.Provider\n      value={{\n        ...mergeProps(focusContext, {\n          backgroundInertness,\n          setBackgroundInertness,\n          focusTriggerElement,\n        }),\n      }}\n    >\n      <div ref={wrapperRef} {...focusProps}>\n        {children}\n      </div>\n    </FocusContext.Provider>\n  );\n};\n\nFocusProvider['displayName'] = 'FocusProvider';\n"],
+  "mappings": "AAoEM;AApEN,SAAS,aAAa,QAAQ,gBAAgB;AAE9C,SAAS,oBAAoB;AAC7B,SAAS,uBAAuB;AAEhC,SAAS,2BAA2B;AACpC,SAAS,kBAAkB;AAOpB,MAAM,gBAAgB,CAAC,EAAE,SAAS,MAAoB;AAC3D,QAAM,CAAC,qBAAqB,sBAAsB,IAAI,SAAS,KAAK;AACpE,QAAM,eAAe,gBAAgB;AACrC,QAAM,aAAa,OAA8B,IAAI;AAErD,QAAM,sBAAsB,YAAY,CAAC,QAAiC;AACxE,QAAI,WAAW,SAAS,aAAa,OAAO,MAAM,MAAM;AACtD,WAAK,MAAM;AACX;AAAA,IACF;AAIA,UAAM,WAAW,IAAI,iBAAiB,CAAC,cAAc;AACnD,iBAAW,YAAY,WAAW;AAChC,YACE,SAAS,SAAS,gBAClB,SAAS,kBAAkB,SAC3B;AACA,cAAI,WAAW,SAAS,aAAa,OAAO,MAAM,MAAM;AACtD,iBAAK,MAAM;AACX,qBAAS,WAAW;AACpB;AAAA,UACF;AAAA,QACF;AAAA,MACF;AAAA,IACF,CAAC;AAED,QAAI,WAAW,YAAY,MAAM;AAC/B,eAAS,QAAQ,WAAW,SAAS,EAAE,YAAY,KAAK,CAAC;AAEzD,iBAAW,MAAM;AACf,iBAAS,WAAW;AAAA,MACtB,GAAG,GAAI;AAAA,IACT;AAAA,EACF,GAAG,CAAC,CAAC;AAEL,QAAM,aAAa,sBACf;AAAA,IACE,OAAO,oBAAoB,IAAI;AAAA,IAC/B,UAAU;AAAA,IACV,eAAe;AAAA,EACjB,IACA,EAAE,OAAO,QAAW,UAAU,QAAW,eAAe,MAAM;AAElE,SACE;AAAA,IAAC,aAAa;AAAA,IAAb;AAAA,MACC,OAAO;AAAA,QACL,GAAG,WAAW,cAAc;AAAA,UAC1B;AAAA,UACA;AAAA,UACA;AAAA,QACF,CAAC;AAAA,MACH;AAAA,MAEA,8BAAC,SAAI,KAAK,YAAa,GAAG,YACvB,UACH;AAAA;AAAA,EACF;AAEJ;AAEA,cAAc,aAAa,IAAI;",
   "names": []
 }

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.4.0"
+          version: "3.5.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.4.0"
+          version: "3.5.0"
         }
       });
     }

package/esm/core/styles/defaultChartValues.css

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

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

@@ -1,5 +1,5 @@
 import "./defaultChartValues.css";
-var defaultChartSize = "_1rtjj3o0-3-4-0";
+var defaultChartSize = "_1rtjj3o0-3-5-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-4-0';"],
+  "sourcesContent": ["import './defaultChartValues.css';\nexport var defaultChartSize = '_1rtjj3o0-3-5-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,mBAAmB;",
   "names": []
 }

package/esm/core/styles/focusRing.css

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

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

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

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 focusRingCSS = _7a468({defaultClassName:'_z2r50s3-3-4-0',variantClassNames:{minimal:{true:'_z2r50s4-3-4-0',false:'_z2r50s5-3-4-0'},color:{neutral:'_z2r50s6-3-4-0',primary:'_z2r50s7-3-4-0',success:'_z2r50s8-3-4-0',warning:'_z2r50s9-3-4-0',critical:'_z2r50sa-3-4-0'}},defaultVariants:{},compoundVariants:[]});\nexport var focusRingFocusWithinCSS = _7a468({defaultClassName:'_z2r50sb-3-4-0',variantClassNames:{minimal:{true:'_z2r50sc-3-4-0',false:'_z2r50sd-3-4-0'},color:{neutral:'_z2r50se-3-4-0',primary:'_z2r50sf-3-4-0',success:'_z2r50sg-3-4-0',warning:'_z2r50sh-3-4-0',critical:'_z2r50si-3-4-0'}},defaultVariants:{},compoundVariants:[]});"],
-  "mappings": "AAAA,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,eAAe,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;AACrT,IAAI,0BAA0B,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;",
+  "sourcesContent": ["import './focusRing.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var focusRing = _7a468({defaultClassName:'_z2r50s3-3-5-0',variantClassNames:{minimal:{true:'_z2r50s4-3-5-0',false:'_z2r50s5-3-5-0'},color:{neutral:'_z2r50s6-3-5-0',primary:'_z2r50s7-3-5-0',success:'_z2r50s8-3-5-0',warning:'_z2r50s9-3-5-0',critical:'_z2r50sa-3-5-0'}},defaultVariants:{},compoundVariants:[]});\nexport var focusRingFocusWithin = _7a468({defaultClassName:'_z2r50sb-3-5-0',variantClassNames:{minimal:{true:'_z2r50sc-3-5-0',false:'_z2r50sd-3-5-0'},color:{neutral:'_z2r50se-3-5-0',primary:'_z2r50sf-3-5-0',success:'_z2r50sg-3-5-0',warning:'_z2r50sh-3-5-0',critical:'_z2r50si-3-5-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,47 +1,50 @@
-._z0fq9b4-3-4-0 {
+._z0fq9b4-3-5-0 {
   outline: none;
   box-shadow: none;
 }
-._z0fq9b5-3-4-0 {
-  --_z0fq9b3-3-4-0: var(--dt-borders-width-default, 1px);
-  --_z0fq9b2-3-4-0: 0 0 0 var(--_z0fq9b3-3-4-0) var(--_z0fq9b0-3-4-0) inset;
+._z0fq9b5-3-5-0 {
+  --_z0fq9b3-3-5-0: var(--dt-borders-width-default, 1px);
+  --_z0fq9b2-3-5-0: 0 0 0 var(--_z0fq9b3-3-5-0) var(--_z0fq9b0-3-5-0) inset;
 }
-._z0fq9b6-3-4-0 {
-  --_z0fq9b3-3-4-0: var(--dt-borders-width-emphasized, 2px);
-  --_z0fq9b2-3-4-0: 0 0 0 var(--_z0fq9b3-3-4-0) var(--_z0fq9b0-3-4-0) inset, 0 0 0 calc(var(--_z0fq9b3-3-4-0) + 1px) var(--_z0fq9b1-3-4-0) inset;
+._z0fq9b6-3-5-0 {
+  --_z0fq9b3-3-5-0: var(--dt-borders-width-emphasized, 2px);
+  --_z0fq9b2-3-5-0: 0 0 0 var(--_z0fq9b3-3-5-0) var(--_z0fq9b0-3-5-0) inset, 0 0 0 calc(var(--_z0fq9b3-3-5-0) + 1px) var(--_z0fq9b1-3-5-0) inset;
 }
-._z0fq9b7-3-4-0 {
-  --_z0fq9b2-3-4-0: none;
+._z0fq9b7-3-5-0 {
+  --_z0fq9b2-3-5-0: none;
 }
-._z0fq9b8-3-4-0:focus-visible {
-  box-shadow: var(--_z0fq9b2-3-4-0);
+._z0fq9b8-3-5-0._z0fq9b8-3-5-0 {
+  box-shadow: var(--_z0fq9b2-3-5-0);
 }
-._z0fq9b9-3-4-0:focus-within {
-  box-shadow: var(--_z0fq9b2-3-4-0);
+._z0fq9b9-3-5-0:focus-visible {
+  box-shadow: var(--_z0fq9b2-3-5-0);
 }
-._z0fq9ba-3-4-0:has(:focus-visible) {
-  box-shadow: var(--_z0fq9b2-3-4-0);
+._z0fq9ba-3-5-0:focus-within {
+  box-shadow: var(--_z0fq9b2-3-5-0);
 }
-._z0fq9bb-3-4-0:focus {
-  box-shadow: var(--_z0fq9b2-3-4-0);
+._z0fq9bb-3-5-0:has(:focus-visible) {
+  box-shadow: var(--_z0fq9b2-3-5-0);
 }
-._z0fq9bc-3-4-0 {
-  --_z0fq9b0-3-4-0: var(--dt-colors-border-neutral-accent, #595a7d);
-  --_z0fq9b1-3-4-0: var(--dt-colors-border-neutral-default, #dadbe4);
+._z0fq9bc-3-5-0:focus {
+  box-shadow: var(--_z0fq9b2-3-5-0);
 }
-._z0fq9bd-3-4-0 {
-  --_z0fq9b0-3-4-0: var(--dt-colors-border-primary-accent, #464cce);
-  --_z0fq9b1-3-4-0: var(--dt-colors-border-primary-default, #d5dbf6);
+._z0fq9bd-3-5-0 {
+  --_z0fq9b0-3-5-0: var(--dt-colors-border-neutral-accent, #595a7d);
+  --_z0fq9b1-3-5-0: var(--dt-colors-border-neutral-default, #dadbe4);
 }
-._z0fq9be-3-4-0 {
-  --_z0fq9b0-3-4-0: var(--dt-colors-border-success-accent, #2d6761);
-  --_z0fq9b1-3-4-0: var(--dt-colors-border-success-default, #d3dedd);
+._z0fq9be-3-5-0 {
+  --_z0fq9b0-3-5-0: var(--dt-colors-border-primary-accent, #464cce);
+  --_z0fq9b1-3-5-0: var(--dt-colors-border-primary-default, #d5dbf6);
 }
-._z0fq9bf-3-4-0 {
-  --_z0fq9b0-3-4-0: var(--dt-colors-border-warning-accent, #855400);
-  --_z0fq9b1-3-4-0: var(--dt-colors-border-warning-default, #f9ebdb);
+._z0fq9bf-3-5-0 {
+  --_z0fq9b0-3-5-0: var(--dt-colors-border-success-accent, #2d6761);
+  --_z0fq9b1-3-5-0: var(--dt-colors-border-success-default, #d3dedd);
 }
-._z0fq9bg-3-4-0 {
-  --_z0fq9b0-3-4-0: var(--dt-colors-border-critical-accent, #bb0731);
-  --_z0fq9b1-3-4-0: var(--dt-colors-border-critical-default, #f6d6d5);
+._z0fq9bg-3-5-0 {
+  --_z0fq9b0-3-5-0: var(--dt-colors-border-warning-accent, #855400);
+  --_z0fq9b1-3-5-0: var(--dt-colors-border-warning-default, #f9ebdb);
+}
+._z0fq9bh-3-5-0 {
+  --_z0fq9b0-3-5-0: var(--dt-colors-border-critical-accent, #bb0731);
+  --_z0fq9b1-3-5-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-4-0", variantClassNames: { minimal: { true: "_z0fq9b5-3-4-0", false: "_z0fq9b6-3-4-0" }, disabled: { true: "_z0fq9b7-3-4-0" }, when: { "focus-visible": "_z0fq9b8-3-4-0", "focus-within": "_z0fq9b9-3-4-0", "focus-within-visible": "_z0fq9ba-3-4-0", focus: "_z0fq9bb-3-4-0" }, color: { neutral: "_z0fq9bc-3-4-0", primary: "_z0fq9bd-3-4-0", success: "_z0fq9be-3-4-0", warning: "_z0fq9bf-3-4-0", critical: "_z0fq9bg-3-4-0" } }, defaultVariants: { color: "neutral", minimal: false, when: "focus", disabled: false }, compoundVariants: [] });
+var focusRingStatic = _7a468({ defaultClassName: "_z0fq9b4-3-5-0", variantClassNames: { minimal: { true: "_z0fq9b5-3-5-0", false: "_z0fq9b6-3-5-0" }, disabled: { true: "_z0fq9b7-3-5-0" }, when: { always: "_z0fq9b8-3-5-0", "focus-visible": "_z0fq9b9-3-5-0", "focus-within": "_z0fq9ba-3-5-0", "focus-within-visible": "_z0fq9bb-3-5-0", focus: "_z0fq9bc-3-5-0" }, color: { neutral: "_z0fq9bd-3-5-0", primary: "_z0fq9be-3-5-0", success: "_z0fq9bf-3-5-0", warning: "_z0fq9bg-3-5-0", critical: "_z0fq9bh-3-5-0" } }, defaultVariants: { color: "neutral", minimal: false, when: "focus", disabled: false }, compoundVariants: [] });
 export {
   focusRingStatic
 };

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/core/styles/focusRingStatic.css.ts"],
-  "sourcesContent": ["import './focusRingStatic.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var focusRingStatic = _7a468({defaultClassName:'_z0fq9b4-3-4-0',variantClassNames:{minimal:{true:'_z0fq9b5-3-4-0',false:'_z0fq9b6-3-4-0'},disabled:{true:'_z0fq9b7-3-4-0'},when:{'focus-visible':'_z0fq9b8-3-4-0','focus-within':'_z0fq9b9-3-4-0','focus-within-visible':'_z0fq9ba-3-4-0',focus:'_z0fq9bb-3-4-0'},color:{neutral:'_z0fq9bc-3-4-0',primary:'_z0fq9bd-3-4-0',success:'_z0fq9be-3-4-0',warning:'_z0fq9bf-3-4-0',critical:'_z0fq9bg-3-4-0'}},defaultVariants:{color:'neutral',minimal:false,when:'focus',disabled:false},compoundVariants:[]});"],
-  "mappings": "AAAA,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,kBAAkB,OAAO,EAAC,kBAAiB,kBAAiB,mBAAkB,EAAC,SAAQ,EAAC,MAAK,kBAAiB,OAAM,iBAAgB,GAAE,UAAS,EAAC,MAAK,iBAAgB,GAAE,MAAK,EAAC,iBAAgB,kBAAiB,gBAAe,kBAAiB,wBAAuB,kBAAiB,OAAM,iBAAgB,GAAE,OAAM,EAAC,SAAQ,kBAAiB,SAAQ,kBAAiB,SAAQ,kBAAiB,SAAQ,kBAAiB,UAAS,iBAAgB,EAAC,GAAE,iBAAgB,EAAC,OAAM,WAAU,SAAQ,OAAM,MAAK,SAAQ,UAAS,MAAK,GAAE,kBAAiB,CAAC,EAAC,CAAC;",
+  "sourcesContent": ["import './focusRingStatic.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var focusRingStatic = _7a468({defaultClassName:'_z0fq9b4-3-5-0',variantClassNames:{minimal:{true:'_z0fq9b5-3-5-0',false:'_z0fq9b6-3-5-0'},disabled:{true:'_z0fq9b7-3-5-0'},when:{always:'_z0fq9b8-3-5-0','focus-visible':'_z0fq9b9-3-5-0','focus-within':'_z0fq9ba-3-5-0','focus-within-visible':'_z0fq9bb-3-5-0',focus:'_z0fq9bc-3-5-0'},color:{neutral:'_z0fq9bd-3-5-0',primary:'_z0fq9be-3-5-0',success:'_z0fq9bf-3-5-0',warning:'_z0fq9bg-3-5-0',critical:'_z0fq9bh-3-5-0'}},defaultVariants:{color:'neutral',minimal:false,when:'focus',disabled:false},compoundVariants:[]});"],
+  "mappings": "AAAA,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,kBAAkB,OAAO,EAAC,kBAAiB,kBAAiB,mBAAkB,EAAC,SAAQ,EAAC,MAAK,kBAAiB,OAAM,iBAAgB,GAAE,UAAS,EAAC,MAAK,iBAAgB,GAAE,MAAK,EAAC,QAAO,kBAAiB,iBAAgB,kBAAiB,gBAAe,kBAAiB,wBAAuB,kBAAiB,OAAM,iBAAgB,GAAE,OAAM,EAAC,SAAQ,kBAAiB,SAAQ,kBAAiB,SAAQ,kBAAiB,SAAQ,kBAAiB,UAAS,iBAAgB,EAAC,GAAE,iBAAgB,EAAC,OAAM,WAAU,SAAQ,OAAM,MAAK,SAAQ,UAAS,MAAK,GAAE,kBAAiB,CAAC,EAAC,CAAC;",
   "names": []
 }

package/esm/core/styles/getVirtualFocusStyles.js

@@ -0,0 +1,11 @@
+import clsx from "clsx";
+import { virtualFocus } from "./virtualFocus.sty.js";
+function getVirtualFocusStyles(isFocused, variant = "neutral") {
+  return {
+    className: clsx(isFocused && virtualFocus[variant])
+  };
+}
+export {
+  getVirtualFocusStyles
+};
+//# sourceMappingURL=getVirtualFocusStyles.js.map

package/esm/core/styles/getVirtualFocusStyles.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/core/styles/getVirtualFocusStyles.ts"],
+  "sourcesContent": ["import clsx from 'clsx';\n\nimport { virtualFocus } from './virtualFocus.sty.js';\n\n/**\n * Returns a `className` string that includes the fade-out transition and,\n * when `isFocused` is true, the matching virtual-focus variant.\n *\n * Spread the result onto the component:\n * ```tsx\n * <Flex {...getVirtualFocusStyles(isFocused, 'neutral')} />\n * ```\n *\n * @internal\n */\nexport function getVirtualFocusStyles(\n  isFocused: boolean,\n  variant: 'neutral' | 'primary' = 'neutral',\n): { className: string } {\n  return {\n    className: clsx(isFocused && virtualFocus[variant]),\n  };\n}\n"],
+  "mappings": "AAAA,OAAO,UAAU;AAEjB,SAAS,oBAAoB;AAatB,SAAS,sBACd,WACA,UAAiC,WACV;AACvB,SAAO;AAAA,IACL,WAAW,KAAK,aAAa,aAAa,OAAO,CAAC;AAAA,EACpD;AACF;",
+  "names": []
+}