@dynatrace/strato-components 3.0.1 → 3.1.0

package/esm/content/terminology-overlay/TerminologyOverlay.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/content/terminology-overlay/TerminologyOverlay.tsx"],
-  "sourcesContent": ["import { forwardRef, type ReactNode } from 'react';\n\n\nimport { Description } from './Description.js';\nimport { Footer } from './Footer.js';\nimport { TerminologyOverlayContext } from './TerminologyOverlayContext.js';\nimport { Trigger } from './Trigger.js';\nimport { useAriaLabelingProps as _useAriaLabelingProps } from '../../core/hooks/useAriaLabelingProps.js';\nimport { useMergeRefs } from '../../core/hooks/useMergeRefs.js';\nimport { useSlots } from '../../core/hooks/useSlots.js';\nimport { AriaLabelingProps } from '../../core/types/a11y-props.js';\nimport { DataTestId } from '../../core/types/data-props.js';\nimport { MaskingProps } from '../../core/types/masking-props.js';\nimport { devLog } from '../../core/utils/logging.js';\nimport { Flex } from '../../layouts/flex/Flex.js';\nimport { useBreakpoint } from '../../layouts/hooks/useBreakpoint.js';\nimport { useOverlayWithTrigger } from '../../overlays/hooks/useOverlayWithTrigger.js';\nimport { Overlay } from '../../overlays/overlay/Overlay.js';\n\n/** @internal */\nexport const COMPONENT_NAME = 'TerminologyOverlay';\n\n// #region Typings\n/**\n * @public\n */\nexport interface TerminologyOverlayProps\n  extends AriaLabelingProps,\n    DataTestId,\n    MaskingProps {\n  /**\n   * Whether the overlay is open by default\n   * @defaultValue false\n   */\n  defaultOpen?: boolean;\n  /**\n   * The component accepts TerminologyOverlay.Trigger, TerminologyOverlay.Description, and TerminologyOverlay.Footer as children.\n   */\n  children: ReactNode;\n}\n\n// #endregion Typings\n\nconst TerminologyOverlayRoot = /* @__PURE__ */ forwardRef<\n  HTMLButtonElement,\n  TerminologyOverlayProps\n>((props, forwardedRef) => {\n  const {\n    children,\n    defaultOpen,\n    'data-testid': dataTestId,\n    'data-dtrum-mask': dataDtrumMask,\n    'data-dtrum-allow': dataDtrumAllow,\n    ...remainingProps\n  } = props;\n  const ariaProps = _useAriaLabelingProps(remainingProps);\n  const smallerScreens = useBreakpoint('(max-width: 480px)');\n  const {\n    targetRef,\n    triggerRef,\n    overlayRef,\n    overlayState,\n    overlayProps,\n    overlayTriggerProps,\n  } = useOverlayWithTrigger({\n    placement: 'bottom-start',\n    placementFallbacks: ['bottom-end', 'top-start', 'top-end'],\n    offset: 4,\n    crossOffset: -16,\n    widthStrategy: smallerScreens ? { min: 200 } : { min: 350 },\n    defaultOpen,\n    shouldCloseOnBlur: true,\n  });\n\n  const [slots] = useSlots(children, {\n    trigger: Trigger,\n    description: Description,\n    footer: { match: Footer, multiple: true },\n  });\n  const rootRef = useMergeRefs([forwardedRef, triggerRef, targetRef]);\n\n  if (slots.trigger === undefined) {\n    devLog('Trigger element has not been defined!');\n  }\n\n  return (\n    <TerminologyOverlayContext.Provider value={overlayTriggerProps}>\n      <Trigger\n        ref={rootRef}\n        data-dtrum-mask={dataDtrumMask}\n        data-dtrum-allow={dataDtrumAllow}\n      >\n        {slots.trigger?.props.children}\n      </Trigger>\n      <Overlay\n        ref={overlayRef}\n        isOpen={overlayState.isOpen}\n        overlayProps={overlayProps}\n        data-testid={dataTestId}\n        data-dtrum-mask={dataDtrumMask}\n        data-dtrum-allow={dataDtrumAllow}\n        {...ariaProps}\n        data-dt-component={COMPONENT_NAME}\n      >\n        <Flex paddingY={12} paddingX={16} flexDirection=\"column\">\n          {slots.description}\n          {slots.footer}\n        </Flex>\n      </Overlay>\n    </TerminologyOverlayContext.Provider>\n  );\n});\n\n(\n  TerminologyOverlayRoot as typeof TerminologyOverlayRoot & {\n    displayName: string;\n  }\n).displayName = COMPONENT_NAME;\n\n/**\n * Use the `TerminologyOverlay` component to define or explain unusual or technical terms in the UI.\n * @public\n */\nexport const TerminologyOverlay = Object.assign(TerminologyOverlayRoot, {\n  Description,\n  Trigger,\n  Footer,\n});\n"],
-  "mappings": "AAuFM,cAiBE,YAjBF;AAvFN,SAAS,kBAAkC;AAG3C,SAAS,mBAAmB;AAC5B,SAAS,cAAc;AACvB,SAAS,iCAAiC;AAC1C,SAAS,eAAe;AACxB,SAAS,wBAAwB,6BAA6B;AAC9D,SAAS,oBAAoB;AAC7B,SAAS,gBAAgB;AAIzB,SAAS,cAAc;AACvB,SAAS,YAAY;AACrB,SAAS,qBAAqB;AAC9B,SAAS,6BAA6B;AACtC,SAAS,eAAe;AAGjB,MAAM,iBAAiB;AAuB9B,MAAM,yBAAyC,2BAG7C,CAAC,OAAO,iBAAiB;AACzB,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA,eAAe;AAAA,IACf,mBAAmB;AAAA,IACnB,oBAAoB;AAAA,IACpB,GAAG;AAAA,EACL,IAAI;AACJ,QAAM,YAAY,sBAAsB,cAAc;AACtD,QAAM,iBAAiB,cAAc,oBAAoB;AACzD,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI,sBAAsB;AAAA,IACxB,WAAW;AAAA,IACX,oBAAoB,CAAC,cAAc,aAAa,SAAS;AAAA,IACzD,QAAQ;AAAA,IACR,aAAa;AAAA,IACb,eAAe,iBAAiB,EAAE,KAAK,IAAI,IAAI,EAAE,KAAK,IAAI;AAAA,IAC1D;AAAA,IACA,mBAAmB;AAAA,EACrB,CAAC;AAED,QAAM,CAAC,KAAK,IAAI,SAAS,UAAU;AAAA,IACjC,SAAS;AAAA,IACT,aAAa;AAAA,IACb,QAAQ,EAAE,OAAO,QAAQ,UAAU,KAAK;AAAA,EAC1C,CAAC;AACD,QAAM,UAAU,aAAa,CAAC,cAAc,YAAY,SAAS,CAAC;AAElE,MAAI,MAAM,YAAY,QAAW;AAC/B,WAAO,uCAAuC;AAAA,EAChD;AAEA,SACE,qBAAC,0BAA0B,UAA1B,EAAmC,OAAO,qBACzC;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,KAAK;AAAA,QACL,mBAAiB;AAAA,QACjB,oBAAkB;AAAA,QAEjB,gBAAM,SAAS,MAAM;AAAA;AAAA,IACxB;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,KAAK;AAAA,QACL,QAAQ,aAAa;AAAA,QACrB;AAAA,QACA,eAAa;AAAA,QACb,mBAAiB;AAAA,QACjB,oBAAkB;AAAA,QACjB,GAAG;AAAA,QACJ,qBAAmB;AAAA,QAEnB,+BAAC,QAAK,UAAU,IAAI,UAAU,IAAI,eAAc,UAC7C;AAAA,gBAAM;AAAA,UACN,MAAM;AAAA,WACT;AAAA;AAAA,IACF;AAAA,KACF;AAEJ,CAAC;AAGC,uBAGA,cAAc;AAMT,MAAM,qBAAqB,OAAO,OAAO,wBAAwB;AAAA,EACtE;AAAA,EACA;AAAA,EACA;AACF,CAAC;",
+  "sourcesContent": ["import { forwardRef, type ReactNode } from 'react';\n\nimport { Description } from './Description.js';\nimport { Footer } from './Footer.js';\nimport { COMPONENT_NAME } from './terminology-overlay-constants.js';\nimport { TerminologyOverlayContext } from './TerminologyOverlayContext.js';\nimport { Trigger, type TerminologyOverlayTriggerProps } from './Trigger.js';\nimport { useAriaLabelingProps } from '../../core/hooks/useAriaLabelingProps.js';\nimport { useBehavioralTrackingProps } from '../../core/hooks/useBehavioralTrackingProps.js';\nimport { useMergeRefs } from '../../core/hooks/useMergeRefs.js';\nimport { useSafeForwardProps } from '../../core/hooks/useSafeForwardProps.js';\nimport { useSlots } from '../../core/hooks/useSlots.js';\nimport type { AriaLabelingProps } from '../../core/types/a11y-props.js';\nimport type { BehaviorTrackingProps } from '../../core/types/behavior-tracking-props.js';\nimport type { DataTestId } from '../../core/types/data-props.js';\nimport type { MaskingProps } from '../../core/types/masking-props.js';\nimport type { StylingProps } from '../../core/types/styling-props.js';\nimport { devLog } from '../../core/utils/logging.js';\nimport { Flex } from '../../layouts/flex/Flex.js';\nimport { useBreakpoint } from '../../layouts/hooks/useBreakpoint.js';\nimport { useOverlayWithTrigger } from '../../overlays/hooks/useOverlayWithTrigger.js';\nimport { Overlay } from '../../overlays/overlay/Overlay.js';\n\n// #region Typings\n/**\n * @public\n */\nexport interface TerminologyOverlayProps\n  extends AriaLabelingProps,\n    DataTestId,\n    MaskingProps,\n    StylingProps,\n    BehaviorTrackingProps {\n  /**\n   * Whether the overlay is open by default\n   * @defaultValue false\n   */\n  defaultOpen?: boolean;\n  /**\n   * The component accepts TerminologyOverlay.Trigger, TerminologyOverlay.Description, and TerminologyOverlay.Footer as children.\n   */\n  children: ReactNode;\n}\n\n// #endregion Typings\n\nconst TerminologyOverlayRoot = /* @__PURE__ */ forwardRef<\n  HTMLButtonElement,\n  TerminologyOverlayProps\n>((props, forwardedRef) => {\n  const {\n    children,\n    defaultOpen,\n    className: consumerClassName,\n    style: consumerStyle,\n    'data-testid': dataTestId,\n    'data-dtrum-mask': dataDtrumMask,\n    'data-dtrum-allow': dataDtrumAllow,\n    ...remainingProps\n  } = props;\n  const [behavioralTrackingProps, restProps] =\n    useBehavioralTrackingProps(remainingProps);\n  const ariaLabelingProps = useAriaLabelingProps(restProps);\n  const forwardProps = useSafeForwardProps(restProps, ariaLabelingProps);\n  const smallerScreens = useBreakpoint('(max-width: 480px)');\n  const {\n    targetRef,\n    triggerRef,\n    overlayRef,\n    overlayState,\n    overlayProps,\n    overlayTriggerProps,\n  } = useOverlayWithTrigger({\n    placement: 'bottom-start',\n    placementFallbacks: ['bottom-end', 'top-start', 'top-end'],\n    offset: 4,\n    crossOffset: -16,\n    widthStrategy: smallerScreens ? { min: 200 } : { min: 350 },\n    defaultOpen,\n    shouldCloseOnBlur: true,\n  });\n\n  const [slots] = useSlots(children, {\n    trigger: Trigger,\n    description: Description,\n    footer: { match: Footer, multiple: true },\n  });\n  const rootRef = useMergeRefs([forwardedRef, triggerRef, targetRef]);\n\n  const { children: triggerChildren, ...triggerSlotProps } =\n    slots.trigger?.props ?? {};\n\n  if (slots.trigger === undefined) {\n    devLog('Trigger element has not been defined!');\n  }\n\n  const triggerProps: Partial<TerminologyOverlayTriggerProps> =\n    slots.trigger?.props ?? {};\n\n  return (\n    <TerminologyOverlayContext.Provider value={overlayTriggerProps}>\n      <Trigger\n        ref={rootRef}\n        className={triggerProps.className}\n        style={triggerProps.style}\n        data-testid={triggerProps['data-testid']}\n        data-dtrum-mask={triggerProps['data-dtrum-mask'] ?? dataDtrumMask}\n        data-dtrum-allow={triggerProps['data-dtrum-allow'] ?? dataDtrumAllow}\n        {...triggerSlotProps}\n      >\n        {triggerChildren}\n      </Trigger>\n      <Overlay\n        ref={overlayRef}\n        isOpen={overlayState.isOpen}\n        overlayProps={overlayProps}\n        className={consumerClassName}\n        style={consumerStyle}\n        data-testid={dataTestId}\n        data-dtrum-mask={dataDtrumMask}\n        data-dtrum-allow={dataDtrumAllow}\n        {...ariaLabelingProps}\n        {...behavioralTrackingProps}\n        {...forwardProps}\n        data-dt-component={COMPONENT_NAME}\n      >\n        <Flex paddingY={12} paddingX={16} flexDirection=\"column\">\n          {slots.description}\n          {slots.footer}\n        </Flex>\n      </Overlay>\n    </TerminologyOverlayContext.Provider>\n  );\n});\n\n(\n  TerminologyOverlayRoot as typeof TerminologyOverlayRoot & {\n    displayName: string;\n  }\n).displayName = COMPONENT_NAME;\n\n/**\n * Use the `TerminologyOverlay` component to define or explain unusual or technical terms in the UI.\n * @public\n */\nexport const TerminologyOverlay = Object.assign(TerminologyOverlayRoot, {\n  Description,\n  Trigger,\n  Footer,\n});\n"],
+  "mappings": "AAqGM,cAyBE,YAzBF;AArGN,SAAS,kBAAkC;AAE3C,SAAS,mBAAmB;AAC5B,SAAS,cAAc;AACvB,SAAS,sBAAsB;AAC/B,SAAS,iCAAiC;AAC1C,SAAS,eAAoD;AAC7D,SAAS,4BAA4B;AACrC,SAAS,kCAAkC;AAC3C,SAAS,oBAAoB;AAC7B,SAAS,2BAA2B;AACpC,SAAS,gBAAgB;AAMzB,SAAS,cAAc;AACvB,SAAS,YAAY;AACrB,SAAS,qBAAqB;AAC9B,SAAS,6BAA6B;AACtC,SAAS,eAAe;AAyBxB,MAAM,yBAAyC,2BAG7C,CAAC,OAAO,iBAAiB;AACzB,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA,WAAW;AAAA,IACX,OAAO;AAAA,IACP,eAAe;AAAA,IACf,mBAAmB;AAAA,IACnB,oBAAoB;AAAA,IACpB,GAAG;AAAA,EACL,IAAI;AACJ,QAAM,CAAC,yBAAyB,SAAS,IACvC,2BAA2B,cAAc;AAC3C,QAAM,oBAAoB,qBAAqB,SAAS;AACxD,QAAM,eAAe,oBAAoB,WAAW,iBAAiB;AACrE,QAAM,iBAAiB,cAAc,oBAAoB;AACzD,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI,sBAAsB;AAAA,IACxB,WAAW;AAAA,IACX,oBAAoB,CAAC,cAAc,aAAa,SAAS;AAAA,IACzD,QAAQ;AAAA,IACR,aAAa;AAAA,IACb,eAAe,iBAAiB,EAAE,KAAK,IAAI,IAAI,EAAE,KAAK,IAAI;AAAA,IAC1D;AAAA,IACA,mBAAmB;AAAA,EACrB,CAAC;AAED,QAAM,CAAC,KAAK,IAAI,SAAS,UAAU;AAAA,IACjC,SAAS;AAAA,IACT,aAAa;AAAA,IACb,QAAQ,EAAE,OAAO,QAAQ,UAAU,KAAK;AAAA,EAC1C,CAAC;AACD,QAAM,UAAU,aAAa,CAAC,cAAc,YAAY,SAAS,CAAC;AAElE,QAAM,EAAE,UAAU,iBAAiB,GAAG,iBAAiB,IACrD,MAAM,SAAS,SAAS,CAAC;AAE3B,MAAI,MAAM,YAAY,QAAW;AAC/B,WAAO,uCAAuC;AAAA,EAChD;AAEA,QAAM,eACJ,MAAM,SAAS,SAAS,CAAC;AAE3B,SACE,qBAAC,0BAA0B,UAA1B,EAAmC,OAAO,qBACzC;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,KAAK;AAAA,QACL,WAAW,aAAa;AAAA,QACxB,OAAO,aAAa;AAAA,QACpB,eAAa,aAAa,aAAa;AAAA,QACvC,mBAAiB,aAAa,iBAAiB,KAAK;AAAA,QACpD,oBAAkB,aAAa,kBAAkB,KAAK;AAAA,QACrD,GAAG;AAAA,QAEH;AAAA;AAAA,IACH;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,KAAK;AAAA,QACL,QAAQ,aAAa;AAAA,QACrB;AAAA,QACA,WAAW;AAAA,QACX,OAAO;AAAA,QACP,eAAa;AAAA,QACb,mBAAiB;AAAA,QACjB,oBAAkB;AAAA,QACjB,GAAG;AAAA,QACH,GAAG;AAAA,QACH,GAAG;AAAA,QACJ,qBAAmB;AAAA,QAEnB,+BAAC,QAAK,UAAU,IAAI,UAAU,IAAI,eAAc,UAC7C;AAAA,gBAAM;AAAA,UACN,MAAM;AAAA,WACT;AAAA;AAAA,IACF;AAAA,KACF;AAEJ,CAAC;AAGC,uBAGA,cAAc;AAMT,MAAM,qBAAqB,OAAO,OAAO,wBAAwB;AAAA,EACtE;AAAA,EACA;AAAA,EACA;AACF,CAAC;",
   "names": []
 }

package/esm/content/terminology-overlay/TerminologyOverlay.sty.js

@@ -1,5 +1,5 @@
 import "./TerminologyOverlay.css";
-var trigger = "_1dd8zuz0-3-0-1";
+var trigger = "_1dd8zuz0-3-1-0";
 export {
   trigger
 };

package/esm/content/terminology-overlay/TerminologyOverlay.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/content/terminology-overlay/TerminologyOverlay.css.ts"],
-  "sourcesContent": ["import './TerminologyOverlay.css';\nexport var trigger = '_1dd8zuz0-3-0-1';"],
+  "sourcesContent": ["import './TerminologyOverlay.css';\nexport var trigger = '_1dd8zuz0-3-1-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,UAAU;",
   "names": []
 }

package/esm/content/terminology-overlay/Trigger.js

@@ -1,9 +1,10 @@
 import { jsx } from "react/jsx-runtime";
 import clsx from "clsx";
 import { forwardRef, useContext } from "react";
+import { COMPONENT_NAME } from "./terminology-overlay-constants.js";
 import { trigger } from "./TerminologyOverlay.sty.js";
-import { COMPONENT_NAME } from "./TerminologyOverlay.js";
 import { TerminologyOverlayContext } from "./TerminologyOverlayContext.js";
+import { useBehavioralTrackingProps } from "../../core/hooks/useBehavioralTrackingProps.js";
 import { useFocusRing } from "../../core/styles/useFocusRing.js";
 import { mergeProps as _mergeProps } from "../../core/utils/merge-props.js";
 const Trigger = /* @__PURE__ */ forwardRef((props, forwardedRef) => {
@@ -11,8 +12,16 @@ const Trigger = /* @__PURE__ */ forwardRef((props, forwardedRef) => {
     children,
     className: consumerClassName,
     style: consumerStyle,
-    "data-testid": dataTestId
+    "data-testid": dataTestId,
+    "data-dtrum-mask": dataDtrumMask,
+    "data-dtrum-allow": dataDtrumAllow,
+    ...remainingProps
   } = props;
+  const [behavioralTrackingProps] = useBehavioralTrackingProps(remainingProps);
+  const {
+    "data-dt-name": dataDtName = "Trigger",
+    ...remainingBehavioralTrackingProps
+  } = behavioralTrackingProps;
   const { focusProps, focusClassName, isFocusVisible } = useFocusRing({
     isMinimal: true
   });
@@ -20,19 +29,30 @@ const Trigger = /* @__PURE__ */ forwardRef((props, forwardedRef) => {
   return /* @__PURE__ */ jsx(
     "button",
     {
-      "data-testid": dataTestId,
-      "data-dt-component": COMPONENT_NAME,
-      "data-dt-name": "Trigger",
-      className: clsx(consumerClassName, focusClassName, trigger, {
-        "strato-focus-visible": isFocusVisible
-      }),
+      className: clsx(
+        focusClassName,
+        trigger,
+        {
+          "strato-focus-visible": isFocusVisible
+        },
+        consumerClassName
+      ),
       style: {
         textDecoration: isFocusVisible ? "none" : void 0,
         ...consumerStyle
       },
       ref: forwardedRef,
-      ..._mergeProps(overlayTriggerProps, focusProps),
+      ..._mergeProps(
+        overlayTriggerProps,
+        focusProps,
+        remainingBehavioralTrackingProps
+      ),
       "aria-haspopup": "dialog",
+      "data-testid": dataTestId,
+      "data-dtrum-mask": dataDtrumMask,
+      "data-dtrum-allow": dataDtrumAllow,
+      "data-dt-name": dataDtName,
+      "data-dt-component": COMPONENT_NAME,
       children
     }
   );

package/esm/content/terminology-overlay/Trigger.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/content/terminology-overlay/Trigger.tsx"],
-  "sourcesContent": ["import clsx from 'clsx';\nimport { forwardRef, useContext, type ReactNode } from 'react';\n\n\nimport { trigger } from './TerminologyOverlay.sty.js';\nimport { COMPONENT_NAME } from './TerminologyOverlay.js';\nimport { TerminologyOverlayContext } from './TerminologyOverlayContext.js';\nimport { useFocusRing } from '../../core/styles/useFocusRing.js';\nimport { DataTestId } from '../../core/types/data-props.js';\nimport { DOMProps } from '../../core/types/dom.js';\nimport { StylingProps } from '../../core/types/styling-props.js';\nimport { mergeProps as _mergeProps } from '../../core/utils/merge-props.js';\n\n//#region Typings\n/**\n * @public\n */\nexport interface TerminologyOverlayTriggerProps\n  extends DOMProps,\n    StylingProps,\n    DataTestId {\n  /**\n   * Trigger Overlay button must contain children elements.\n   */\n  children: ReactNode;\n}\n//#endregion Typings\n\n/**\n * TerminologyOverlay Trigger component, used for rendering trigger content.\n * @public\n */\nexport const Trigger = /* @__PURE__ */ forwardRef<\n  HTMLButtonElement,\n  TerminologyOverlayTriggerProps\n>((props, forwardedRef) => {\n  const {\n    children,\n    className: consumerClassName,\n    style: consumerStyle,\n    'data-testid': dataTestId,\n  } = props;\n  const { focusProps, focusClassName, isFocusVisible } = useFocusRing({\n    isMinimal: true,\n  });\n  const overlayTriggerProps = useContext(TerminologyOverlayContext);\n\n  return (\n    <button\n      data-testid={dataTestId}\n      data-dt-component={COMPONENT_NAME}\n      data-dt-name=\"Trigger\"\n      className={clsx(consumerClassName, focusClassName, trigger, {\n        'strato-focus-visible': isFocusVisible,\n      })}\n      style={{\n        textDecoration: isFocusVisible ? 'none' : undefined,\n        ...consumerStyle,\n      }}\n      ref={forwardedRef}\n      {..._mergeProps(overlayTriggerProps, focusProps)}\n      aria-haspopup=\"dialog\"\n    >\n      {children}\n    </button>\n  );\n});\n\n(Trigger as typeof Trigger & { displayName: string }).displayName =\n  'TerminologyOverlay.Trigger';\n"],
-  "mappings": "AAgDI;AAhDJ,OAAO,UAAU;AACjB,SAAS,YAAY,kBAAkC;AAGvD,SAAS,eAAe;AACxB,SAAS,sBAAsB;AAC/B,SAAS,iCAAiC;AAC1C,SAAS,oBAAoB;AAI7B,SAAS,cAAc,mBAAmB;AAqBnC,MAAM,UAA0B,2BAGrC,CAAC,OAAO,iBAAiB;AACzB,QAAM;AAAA,IACJ;AAAA,IACA,WAAW;AAAA,IACX,OAAO;AAAA,IACP,eAAe;AAAA,EACjB,IAAI;AACJ,QAAM,EAAE,YAAY,gBAAgB,eAAe,IAAI,aAAa;AAAA,IAClE,WAAW;AAAA,EACb,CAAC;AACD,QAAM,sBAAsB,WAAW,yBAAyB;AAEhE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAa;AAAA,MACb,qBAAmB;AAAA,MACnB,gBAAa;AAAA,MACb,WAAW,KAAK,mBAAmB,gBAAgB,SAAS;AAAA,QAC1D,wBAAwB;AAAA,MAC1B,CAAC;AAAA,MACD,OAAO;AAAA,QACL,gBAAgB,iBAAiB,SAAS;AAAA,QAC1C,GAAG;AAAA,MACL;AAAA,MACA,KAAK;AAAA,MACJ,GAAG,YAAY,qBAAqB,UAAU;AAAA,MAC/C,iBAAc;AAAA,MAEb;AAAA;AAAA,EACH;AAEJ,CAAC;AAEA,QAAqD,cACpD;",
+  "sourcesContent": ["import clsx from 'clsx';\nimport { forwardRef, useContext, type ReactNode } from 'react';\n\nimport { COMPONENT_NAME } from './terminology-overlay-constants.js';\nimport { trigger } from './TerminologyOverlay.sty.js';\nimport { TerminologyOverlayContext } from './TerminologyOverlayContext.js';\nimport { useBehavioralTrackingProps } from '../../core/hooks/useBehavioralTrackingProps.js';\nimport { useFocusRing } from '../../core/styles/useFocusRing.js';\nimport type { BehaviorTrackingProps } from '../../core/types/behavior-tracking-props.js';\nimport type { DataTestId } from '../../core/types/data-props.js';\nimport type { DOMProps } from '../../core/types/dom.js';\nimport type { MaskingProps } from '../../core/types/masking-props.js';\nimport type { StylingProps } from '../../core/types/styling-props.js';\nimport { mergeProps as _mergeProps } from '../../core/utils/merge-props.js';\n\n//#region Typings\n/**\n * @public\n */\nexport interface TerminologyOverlayTriggerProps\n  extends DOMProps,\n    StylingProps,\n    DataTestId,\n    MaskingProps,\n    BehaviorTrackingProps {\n  /**\n   * Trigger Overlay button must contain children elements.\n   */\n  children: ReactNode;\n}\n//#endregion Typings\n\n/**\n * TerminologyOverlay Trigger component, used for rendering trigger content.\n * @public\n */\nexport const Trigger = /* @__PURE__ */ forwardRef<\n  HTMLButtonElement,\n  TerminologyOverlayTriggerProps\n>((props, forwardedRef) => {\n  const {\n    children,\n    className: consumerClassName,\n    style: consumerStyle,\n    'data-testid': dataTestId,\n    'data-dtrum-mask': dataDtrumMask,\n    'data-dtrum-allow': dataDtrumAllow,\n    ...remainingProps\n  } = props;\n  const [behavioralTrackingProps] = useBehavioralTrackingProps(remainingProps);\n  const {\n    'data-dt-name': dataDtName = 'Trigger',\n    ...remainingBehavioralTrackingProps\n  } = behavioralTrackingProps;\n  const { focusProps, focusClassName, isFocusVisible } = useFocusRing({\n    isMinimal: true,\n  });\n  const overlayTriggerProps = useContext(TerminologyOverlayContext);\n\n  return (\n    <button\n      className={clsx(\n        focusClassName,\n        trigger,\n        {\n          'strato-focus-visible': isFocusVisible,\n        },\n        consumerClassName,\n      )}\n      style={{\n        textDecoration: isFocusVisible ? 'none' : undefined,\n        ...consumerStyle,\n      }}\n      ref={forwardedRef}\n      {..._mergeProps(\n        overlayTriggerProps,\n        focusProps,\n        remainingBehavioralTrackingProps,\n      )}\n      aria-haspopup=\"dialog\"\n      data-testid={dataTestId}\n      data-dtrum-mask={dataDtrumMask}\n      data-dtrum-allow={dataDtrumAllow}\n      data-dt-name={dataDtName}\n      data-dt-component={COMPONENT_NAME}\n    >\n      {children}\n    </button>\n  );\n});\n\n(Trigger as typeof Trigger & { displayName: string }).displayName =\n  'TerminologyOverlay.Trigger';\n"],
+  "mappings": "AA4DI;AA5DJ,OAAO,UAAU;AACjB,SAAS,YAAY,kBAAkC;AAEvD,SAAS,sBAAsB;AAC/B,SAAS,eAAe;AACxB,SAAS,iCAAiC;AAC1C,SAAS,kCAAkC;AAC3C,SAAS,oBAAoB;AAM7B,SAAS,cAAc,mBAAmB;AAuBnC,MAAM,UAA0B,2BAGrC,CAAC,OAAO,iBAAiB;AACzB,QAAM;AAAA,IACJ;AAAA,IACA,WAAW;AAAA,IACX,OAAO;AAAA,IACP,eAAe;AAAA,IACf,mBAAmB;AAAA,IACnB,oBAAoB;AAAA,IACpB,GAAG;AAAA,EACL,IAAI;AACJ,QAAM,CAAC,uBAAuB,IAAI,2BAA2B,cAAc;AAC3E,QAAM;AAAA,IACJ,gBAAgB,aAAa;AAAA,IAC7B,GAAG;AAAA,EACL,IAAI;AACJ,QAAM,EAAE,YAAY,gBAAgB,eAAe,IAAI,aAAa;AAAA,IAClE,WAAW;AAAA,EACb,CAAC;AACD,QAAM,sBAAsB,WAAW,yBAAyB;AAEhE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,UACE,wBAAwB;AAAA,QAC1B;AAAA,QACA;AAAA,MACF;AAAA,MACA,OAAO;AAAA,QACL,gBAAgB,iBAAiB,SAAS;AAAA,QAC1C,GAAG;AAAA,MACL;AAAA,MACA,KAAK;AAAA,MACJ,GAAG;AAAA,QACF;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,MACA,iBAAc;AAAA,MACd,eAAa;AAAA,MACb,mBAAiB;AAAA,MACjB,oBAAkB;AAAA,MAClB,gBAAc;AAAA,MACd,qBAAmB;AAAA,MAElB;AAAA;AAAA,EACH;AAEJ,CAAC;AAEA,QAAqD,cACpD;",
   "names": []
 }

package/esm/content/terminology-overlay/terminology-overlay-constants.js

@@ -0,0 +1,5 @@
+const COMPONENT_NAME = "TerminologyOverlay";
+export {
+  COMPONENT_NAME
+};
+//# sourceMappingURL=terminology-overlay-constants.js.map

package/esm/content/terminology-overlay/terminology-overlay-constants.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/content/terminology-overlay/terminology-overlay-constants.ts"],
+  "sourcesContent": ["/** @internal */\nexport const COMPONENT_NAME = 'TerminologyOverlay';\n"],
+  "mappings": "AACO,MAAM,iBAAiB;",
+  "names": []
+}

package/esm/core/components/time-indicator/TimeIndicator.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/core/components/time-indicator/TimeIndicator.tsx"],
-  "sourcesContent": ["import { TZDateMini } from '@date-fns/tz';\nimport { FormattedMessage, FormattedRelativeTime } from 'react-intl';\n\nimport { getTimezone } from '@dynatrace-sdk/user-preferences';\n\nimport { useIntervalCallback } from '../../../forms/forms-core/time/useIntervalCallback.js';\nimport { DataTestId } from '../../types/data-props.js';\nimport { MaskingProps } from '../../types/masking-props.js';\nimport { StylingProps } from '../../types/styling-props.js';\n\n\n\nconst MilliSecondsInfo = {\n  OneMinute: 60_000,\n  OneHour: 3_600_000,\n  OneDay: 86_400_000,\n} as const;\n\n/**\n * Props for the TimeIndicator component.\n * @internal\n */\nexport interface TimeIndicatorProps\n  extends StylingProps,\n    DataTestId,\n    MaskingProps {\n  /**\n   * The timestamp in milliseconds when the last update happened.\n   */\n  time: number;\n}\n\n/**\n * Displays a relative time indicator for a given timestamp.\n * Shows \"Just now\" for recent times, otherwise uses minutes/hours/days.\n * @internal\n */\nexport const TimeIndicator = (props: TimeIndicatorProps) => {\n  const {\n    time,\n    'data-testid': dataTestId,\n    className: consumerClassName,\n    style: consumerStyle,\n    'data-dtrum-mask': dataDtrumMask,\n    'data-dtrum-allow': dataDtrumAllow,\n    ...remainingProps\n  } = props;\n  const date = TZDateMini.tz(getTimezone());\n\n  const { value: now } = useIntervalCallback(\n    () => date.getTime(),\n    [],\n    (time - date.getSeconds() * 1000) % MilliSecondsInfo.OneMinute,\n    MilliSecondsInfo.OneMinute,\n  );\n\n  const currentTime = now ?? date.getTime();\n  const diff = currentTime - time;\n\n  let content;\n\n  if (diff < MilliSecondsInfo.OneMinute) {\n    content = (\n      <FormattedMessage\n        defaultMessage=\"Just now\"\n        id=\"HPbv8ZQrbBL7hRCT\"\n        description=\"Just now marker in the FilterField recent suggestions\"\n      />\n    );\n  } else if (diff < MilliSecondsInfo.OneHour) {\n    const minutes = -Math.floor(diff / MilliSecondsInfo.OneMinute);\n    content = (\n      // eslint rule is not smart in checking this. The style prop comes from the lib.Intl types, where it defines the style of the formatted value.\n      // eslint-disable-next-line react/style-prop-object\n      (<FormattedRelativeTime value={minutes} unit=\"minute\" style=\"narrow\" />)\n    );\n  } else if (diff < MilliSecondsInfo.OneDay) {\n    const hours = -Math.floor(diff / MilliSecondsInfo.OneHour);\n    content = (\n      // eslint rule is not smart in checking this. The style prop comes from the lib.Intl types, where it defines the style of the formatted value.\n      // eslint-disable-next-line react/style-prop-object\n      (<FormattedRelativeTime value={hours} unit=\"hour\" style=\"narrow\" />)\n    );\n  } else {\n    const days = -Math.floor(diff / MilliSecondsInfo.OneDay);\n    // eslint rule is not smart in checking this. The style prop comes from the lib.Intl types, where it defines the style of the formatted value.\n    // eslint-disable-next-line react/style-prop-object\n    content = <FormattedRelativeTime value={days} unit=\"day\" style=\"narrow\" />;\n  }\n\n  return (\n    <span\n      className={consumerClassName}\n      style={consumerStyle}\n      data-testid={dataTestId}\n      data-dtrum-mask={dataDtrumMask}\n      data-dtrum-allow={dataDtrumAllow}\n      {...remainingProps}\n    >\n      {content}\n    </span>\n  );\n};\n"],
-  "mappings": "AA+DM;AA/DN,SAAS,kBAAkB;AAC3B,SAAS,kBAAkB,6BAA6B;AAExD,SAAS,mBAAmB;AAE5B,SAAS,2BAA2B;AAOpC,MAAM,mBAAmB;AAAA,EACvB,WAAW;AAAA,EACX,SAAS;AAAA,EACT,QAAQ;AACV;AAqBO,MAAM,gBAAgB,CAAC,UAA8B;AAC1D,QAAM;AAAA,IACJ;AAAA,IACA,eAAe;AAAA,IACf,WAAW;AAAA,IACX,OAAO;AAAA,IACP,mBAAmB;AAAA,IACnB,oBAAoB;AAAA,IACpB,GAAG;AAAA,EACL,IAAI;AACJ,QAAM,OAAO,WAAW,GAAG,YAAY,CAAC;AAExC,QAAM,EAAE,OAAO,IAAI,IAAI;AAAA,IACrB,MAAM,KAAK,QAAQ;AAAA,IACnB,CAAC;AAAA,KACA,OAAO,KAAK,WAAW,IAAI,OAAQ,iBAAiB;AAAA,IACrD,iBAAiB;AAAA,EACnB;AAEA,QAAM,cAAc,OAAO,KAAK,QAAQ;AACxC,QAAM,OAAO,cAAc;AAE3B,MAAI;AAEJ,MAAI,OAAO,iBAAiB,WAAW;AACrC,cACE;AAAA,MAAC;AAAA;AAAA,QACC,gBAAe;AAAA,QACf,IAAG;AAAA,QACH,aAAY;AAAA;AAAA,IACd;AAAA,EAEJ,WAAW,OAAO,iBAAiB,SAAS;AAC1C,UAAM,UAAU,CAAC,KAAK,MAAM,OAAO,iBAAiB,SAAS;AAC7D;AAAA;AAAA,IAGG,oBAAC,yBAAsB,OAAO,SAAS,MAAK,UAAS,OAAM,UAAS;AAAA,EAEzE,WAAW,OAAO,iBAAiB,QAAQ;AACzC,UAAM,QAAQ,CAAC,KAAK,MAAM,OAAO,iBAAiB,OAAO;AACzD;AAAA;AAAA,IAGG,oBAAC,yBAAsB,OAAO,OAAO,MAAK,QAAO,OAAM,UAAS;AAAA,EAErE,OAAO;AACL,UAAM,OAAO,CAAC,KAAK,MAAM,OAAO,iBAAiB,MAAM;AAGvD,cAAU,oBAAC,yBAAsB,OAAO,MAAM,MAAK,OAAM,OAAM,UAAS;AAAA,EAC1E;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,MACX,OAAO;AAAA,MACP,eAAa;AAAA,MACb,mBAAiB;AAAA,MACjB,oBAAkB;AAAA,MACjB,GAAG;AAAA,MAEH;AAAA;AAAA,EACH;AAEJ;",
+  "sourcesContent": ["import { TZDateMini } from '@date-fns/tz';\nimport { FormattedMessage, FormattedRelativeTime } from 'react-intl';\n\nimport { getTimezone } from '@dynatrace-sdk/user-preferences';\n\nimport { useIntervalCallback } from '../../../forms/forms-core/time/useIntervalCallback.js';\nimport { DataTestId } from '../../types/data-props.js';\nimport { MaskingProps } from '../../types/masking-props.js';\nimport { StylingProps } from '../../types/styling-props.js';\n\nconst MilliSecondsInfo = {\n  OneMinute: 60_000,\n  OneHour: 3_600_000,\n  OneDay: 86_400_000,\n} as const;\n\n/**\n * Props for the TimeIndicator component.\n * @internal\n */\nexport interface TimeIndicatorProps\n  extends StylingProps,\n    DataTestId,\n    MaskingProps {\n  /**\n   * The timestamp in milliseconds when the last update happened.\n   */\n  time: number;\n}\n\n/**\n * Displays a relative time indicator for a given timestamp.\n * Shows \"Just now\" for recent times, otherwise uses minutes/hours/days.\n * @internal\n */\nexport const TimeIndicator = (props: TimeIndicatorProps) => {\n  const {\n    time,\n    'data-testid': dataTestId,\n    className: consumerClassName,\n    style: consumerStyle,\n    'data-dtrum-mask': dataDtrumMask,\n    'data-dtrum-allow': dataDtrumAllow,\n    ...remainingProps\n  } = props;\n  const date = TZDateMini.tz(getTimezone());\n\n  const { value: now } = useIntervalCallback(\n    () => date.getTime(),\n    [],\n    (time - date.getSeconds() * 1000) % MilliSecondsInfo.OneMinute,\n    MilliSecondsInfo.OneMinute,\n  );\n\n  const currentTime = now ?? date.getTime();\n  const diff = currentTime - time;\n\n  let content;\n\n  if (diff < MilliSecondsInfo.OneMinute) {\n    content = (\n      <FormattedMessage\n        defaultMessage=\"Just now\"\n        id=\"HPbv8ZQrbBL7hRCT\"\n        description=\"Just now marker in the FilterField recent suggestions\"\n      />\n    );\n  } else if (diff < MilliSecondsInfo.OneHour) {\n    const minutes = -Math.floor(diff / MilliSecondsInfo.OneMinute);\n    content = (\n      // eslint rule is not smart in checking this. The style prop comes from the lib.Intl types, where it defines the style of the formatted value.\n      // eslint-disable-next-line react/style-prop-object\n      <FormattedRelativeTime value={minutes} unit=\"minute\" style=\"narrow\" />\n    );\n  } else if (diff < MilliSecondsInfo.OneDay) {\n    const hours = -Math.floor(diff / MilliSecondsInfo.OneHour);\n    content = (\n      // eslint rule is not smart in checking this. The style prop comes from the lib.Intl types, where it defines the style of the formatted value.\n      // eslint-disable-next-line react/style-prop-object\n      <FormattedRelativeTime value={hours} unit=\"hour\" style=\"narrow\" />\n    );\n  } else {\n    const days = -Math.floor(diff / MilliSecondsInfo.OneDay);\n    // eslint rule is not smart in checking this. The style prop comes from the lib.Intl types, where it defines the style of the formatted value.\n    // eslint-disable-next-line react/style-prop-object\n    content = <FormattedRelativeTime value={days} unit=\"day\" style=\"narrow\" />;\n  }\n\n  return (\n    <span\n      className={consumerClassName}\n      style={consumerStyle}\n      data-testid={dataTestId}\n      data-dtrum-mask={dataDtrumMask}\n      data-dtrum-allow={dataDtrumAllow}\n      {...remainingProps}\n    >\n      {content}\n    </span>\n  );\n};\n"],
+  "mappings": "AA6DM;AA7DN,SAAS,kBAAkB;AAC3B,SAAS,kBAAkB,6BAA6B;AAExD,SAAS,mBAAmB;AAE5B,SAAS,2BAA2B;AAKpC,MAAM,mBAAmB;AAAA,EACvB,WAAW;AAAA,EACX,SAAS;AAAA,EACT,QAAQ;AACV;AAqBO,MAAM,gBAAgB,CAAC,UAA8B;AAC1D,QAAM;AAAA,IACJ;AAAA,IACA,eAAe;AAAA,IACf,WAAW;AAAA,IACX,OAAO;AAAA,IACP,mBAAmB;AAAA,IACnB,oBAAoB;AAAA,IACpB,GAAG;AAAA,EACL,IAAI;AACJ,QAAM,OAAO,WAAW,GAAG,YAAY,CAAC;AAExC,QAAM,EAAE,OAAO,IAAI,IAAI;AAAA,IACrB,MAAM,KAAK,QAAQ;AAAA,IACnB,CAAC;AAAA,KACA,OAAO,KAAK,WAAW,IAAI,OAAQ,iBAAiB;AAAA,IACrD,iBAAiB;AAAA,EACnB;AAEA,QAAM,cAAc,OAAO,KAAK,QAAQ;AACxC,QAAM,OAAO,cAAc;AAE3B,MAAI;AAEJ,MAAI,OAAO,iBAAiB,WAAW;AACrC,cACE;AAAA,MAAC;AAAA;AAAA,QACC,gBAAe;AAAA,QACf,IAAG;AAAA,QACH,aAAY;AAAA;AAAA,IACd;AAAA,EAEJ,WAAW,OAAO,iBAAiB,SAAS;AAC1C,UAAM,UAAU,CAAC,KAAK,MAAM,OAAO,iBAAiB,SAAS;AAC7D;AAAA;AAAA,IAGE,oBAAC,yBAAsB,OAAO,SAAS,MAAK,UAAS,OAAM,UAAS;AAAA,EAExE,WAAW,OAAO,iBAAiB,QAAQ;AACzC,UAAM,QAAQ,CAAC,KAAK,MAAM,OAAO,iBAAiB,OAAO;AACzD;AAAA;AAAA,IAGE,oBAAC,yBAAsB,OAAO,OAAO,MAAK,QAAO,OAAM,UAAS;AAAA,EAEpE,OAAO;AACL,UAAM,OAAO,CAAC,KAAK,MAAM,OAAO,iBAAiB,MAAM;AAGvD,cAAU,oBAAC,yBAAsB,OAAO,MAAM,MAAK,OAAM,OAAM,UAAS;AAAA,EAC1E;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,MACX,OAAO;AAAA,MACP,eAAa;AAAA,MACb,mBAAiB;AAAA,MACjB,oBAAkB;AAAA,MACjB,GAAG;AAAA,MAEH;AAAA;AAAA,EACH;AAEJ;",
   "names": []
 }

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

@@ -1,4 +1,4 @@
-._1xz8nhz0-3-0-1 {
+._1xz8nhz0-3-1-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-0-1";
+var visuallyHidden = "_1xz8nhz0-3-1-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-0-1';"],
+  "sourcesContent": ["import './VisuallyHidden.css';\nexport var visuallyHidden = '_1xz8nhz0-3-1-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,iBAAiB;",
   "names": []
 }

package/esm/core/contexts/FocusContext.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/core/contexts/FocusContext.tsx"],
-  "sourcesContent": ["import { createContext } from 'react';\n\nimport type { Modality } from '../providers/FocusProvider.js';\n\n/**\n * Defines the contents of the FocusContext.\n * @internal\n */\nexport type FocusContextProps = {\n  backgroundInertness?: boolean;\n  modality: Modality;\n  setBackgroundInertness: (value: boolean) => void;\n  focusTriggerElement: (value: HTMLElement | undefined) => void;\n};\n\n/**\n * This context keeps all information needed for proper focus management.\n * @param modality - currently used pointer device\n * @param backgroundInertness - if the background (behind overlays) is currently inert (inactive)\n * @param setBackgroundInertness - updates the backgrounds active status\n * @internal\n */\nexport const FocusContext = createContext<FocusContextProps>({\n  modality: 'unknown',\n  backgroundInertness: undefined,\n  setBackgroundInertness: (value) => null,\n  focusTriggerElement: (value) => null,\n});\n"],
-  "mappings": "AAAA,SAAS,qBAAqB;AAsBvB,MAAM,eAAe,cAAiC;AAAA,EAC3D,UAAU;AAAA,EACV,qBAAqB;AAAA,EACrB,wBAAwB,CAAC,UAAU;AAAA,EACnC,qBAAqB,CAAC,UAAU;AAClC,CAAC;",
+  "sourcesContent": ["import { createContext } from 'react';\n\n/**\n * Type defining the modality options for the focus handling.\n * @internal\n */\nexport type Modality = 'keyboard' | 'pointer' | 'touch' | 'unknown';\n\n/**\n * Defines the contents of the FocusContext.\n * @internal\n */\nexport type FocusContextProps = {\n  backgroundInertness?: boolean;\n  modality: Modality;\n  setBackgroundInertness: (value: boolean) => void;\n  focusTriggerElement: (value: HTMLElement | undefined) => void;\n};\n\n/**\n * This context keeps all information needed for proper focus management.\n * @param modality - currently used pointer device\n * @param backgroundInertness - if the background (behind overlays) is currently inert (inactive)\n * @param setBackgroundInertness - updates the backgrounds active status\n * @internal\n */\nexport const FocusContext = createContext<FocusContextProps>({\n  modality: 'unknown',\n  backgroundInertness: undefined,\n  setBackgroundInertness: (value) => null,\n  focusTriggerElement: (value) => null,\n});\n"],
+  "mappings": "AAAA,SAAS,qBAAqB;AA0BvB,MAAM,eAAe,cAAiC;AAAA,EAC3D,UAAU;AAAA,EACV,qBAAqB;AAAA,EACrB,wBAAwB,CAAC,UAAU;AAAA,EACnC,qBAAqB,CAAC,UAAU;AAClC,CAAC;",
   "names": []
 }

package/esm/core/hooks/useCallbackRef.js

@@ -5,7 +5,7 @@ function useCallbackRef(fn, deps = []) {
   useSafeLayoutEffect(() => {
     ref.current = fn;
   });
-  return useCallback((...args) => ref.current?.(...args), deps);
+  return useCallback(((...args) => ref.current?.(...args)), deps);
 }
 export {
   useCallbackRef

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/core/hooks/useCallbackRef.ts"],
   "sourcesContent": ["import { useRef, useCallback, DependencyList } from 'react';\n\nimport { useSafeLayoutEffect } from './useSafeLayoutEffect.js';\n\n/**\n * React hook to persist any value between renders,\n * but keeps it up-to-date if it changes.\n * @see {@link https://github.com/chakra-ui/chakra-ui/blob/main/packages/hooks/src/use-callback-ref.ts}\n */\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport function useCallbackRef<T extends (...args: any[]) => unknown>(\n  fn: T | undefined,\n  deps: DependencyList = [],\n): T {\n  const ref = useRef(fn);\n\n  useSafeLayoutEffect(() => {\n    ref.current = fn;\n  });\n\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  return useCallback(((...args) => ref.current?.(...args)) as T, deps);\n}\n"],
-  "mappings": "AAAA,SAAS,QAAQ,mBAAmC;AAEpD,SAAS,2BAA2B;AAQ7B,SAAS,eACd,IACA,OAAuB,CAAC,GACrB;AACH,QAAM,MAAM,OAAO,EAAE;AAErB,sBAAoB,MAAM;AACxB,QAAI,UAAU;AAAA,EAChB,CAAC;AAGD,SAAO,YAAa,IAAI,SAAS,IAAI,UAAU,GAAG,IAAI,GAAS,IAAI;AACrE;",
+  "mappings": "AAAA,SAAS,QAAQ,mBAAmC;AAEpD,SAAS,2BAA2B;AAQ7B,SAAS,eACd,IACA,OAAuB,CAAC,GACrB;AACH,QAAM,MAAM,OAAO,EAAE;AAErB,sBAAoB,MAAM;AACxB,QAAI,UAAU;AAAA,EAChB,CAAC;AAGD,SAAO,aAAa,IAAI,SAAS,IAAI,UAAU,GAAG,IAAI,IAAS,IAAI;AACrE;",
   "names": []
 }

package/esm/core/index.js

@@ -7,9 +7,7 @@ import { useFocusContext } from "./hooks/useFocusContext.js";
 import {
   useFocusRing
 } from "./styles/useFocusRing.js";
-import {
-  FocusProvider
-} from "./providers/FocusProvider.js";
+import { FocusProvider } from "./providers/FocusProvider.js";
 import { attemptFocus } from "./utils/focus-management/attempt-focus.js";
 import { focusFirstDescendant } from "./utils/focus-management/focus-first-descendant.js";
 import { getFirstFocusableChild } from "./utils/focus-management/get-first-focusable-child.js";
@@ -52,7 +50,9 @@ import { ScrollProvider } from "./providers/ScrollProvider.js";
 import { useStoreSelector } from "./store/selector.js";
 import { createStore } from "./store/store.js";
 import { isNumber, isPotentialDateValue } from "./types/type-guards.js";
-import { formatDateDefault } from "./utils/default-formatters.js";
+import {
+  formatDatetimeDefault
+} from "./utils/default-formatters.js";
 import { _sanitizeSymbol } from "./utils/sanitize-symbol.js";
 import { convertToNumberIfPureNumber } from "./utils/string-utils.js";
 import { _InteractiveSelector } from "./utils/styles/interactiveSelector.js";
@@ -94,7 +94,7 @@ export {
   downloadCSV as _downloadCSV,
   downloadFromUrl as _downloadFromUrl,
   focusFirstDescendant as _focusFirstDescendant,
-  formatDateDefault as _formatDate,
+  formatDatetimeDefault as _formatDate,
   getFirstFocusableChild as _getFirstFocusableChild,
   getLastFocusableChild as _getLastFocusableChild,
   isBrowser as _isBrowser,

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 {\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 {\n  FocusProvider as _FocusProvider,\n  type Modality as _Modality,\n} 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';\nexport { formatDateDefault as _formatDate } 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;AAAA,EACE;AAAA,OAEK;AAIP,SAAS,uBAAuB;AAChC,SAA4B,uBAAwB;AACpD;AAAA,EAGE;AAAA,OACK;AACP;AAAA,EACmB;AAAA,OAEZ;AAUP,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;AAC/C,SAA8B,yBAAmB;AACjD,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 {\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;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;",
   "names": ["useFocusRing"]
 }

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 } 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 * Type defining the modality options for the focus handling.\n * @internal\n */\nexport type Modality = 'keyboard' | 'pointer' | 'touch' | 'unknown';\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, 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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",
   "names": []
 }

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

@@ -12,17 +12,17 @@ const LOGGER_FACTORY = /* @__PURE__ */ (() => {
     if (supportsLoggerV2()) {
       return dtRuntimeLogger.createLoggerFactoryV2({
         context: {
-          id: "@dynatrace/strato-design-system-preview",
+          id: "@dynatrace/strato-design-system",
           // @ts-expect-error Global variable injected at package build time
-          version: "3.0.1"
+          version: "3.1.0"
         }
       });
     } else if (supportsLoggerV1()) {
       return dtRuntimeLogger.createLoggerFactory({
         context: {
-          id: "@dynatrace/strato-design-system-preview",
+          id: "@dynatrace/strato-design-system",
           // @ts-expect-error Global variable injected at package build time
-          version: "3.0.1"
+          version: "3.1.0"
         }
       });
     }

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/core/sdk/sdk-logger.ts"],
-  "sourcesContent": ["/* eslint-disable no-console */\nimport { getAppId } from '@dynatrace-sdk/app-environment';\n\nimport {\n  Logger,\n  GlobalDtRuntimeWithLogger,\n  LoggerFactory,\n  LoggerFactoryV1,\n} from './sdk-logger.types.js';\nimport type { BehaviorTrackingProps } from '../types/behavior-tracking-props.js';\n\n//globalThis is not supported in Chrome 69 and Safari 12\n/** @internal */\nexport const getGlobalWithDtRuntime = <T extends typeof globalThis>(): T =>\n  (typeof globalThis !== 'undefined' ? globalThis : window) as unknown as T;\n\n/**\n * Checks if the logger v2 create fn is available on platform\n * @internal\n */\nexport const supportsLoggerV2 = () =>\n  typeof getGlobalWithDtRuntime<GlobalDtRuntimeWithLogger>().dtRuntime?.logger\n    ?.createLoggerV2 === 'function';\n\n/**\n * Checks if the logger v1 create fn is available on platform\n * @internal\n */\nexport const supportsLoggerV1 = () =>\n  typeof getGlobalWithDtRuntime<GlobalDtRuntimeWithLogger>().dtRuntime?.logger\n    ?.createLogger === 'function';\n\n/**\n * The logger factory is used to create logger instances for structured message recording.\n * It checks if the logger v2 or v1 is available and creates the appropriate logger factory.\n * If neither is available, it falls back to a simple console wrapper.\n */\nconst LOGGER_FACTORY = (() => {\n  let instance: LoggerFactory | LoggerFactoryV1 | null;\n\n  const createLogger = () => {\n    const dtRuntimeLogger =\n      getGlobalWithDtRuntime<GlobalDtRuntimeWithLogger>().dtRuntime?.logger;\n\n    if (dtRuntimeLogger === undefined) {\n      return null;\n    }\n\n    if (supportsLoggerV2()) {\n      return dtRuntimeLogger.createLoggerFactoryV2({\n        context: {\n          id: '@dynatrace/strato-design-system-preview',\n          // @ts-expect-error Global variable injected at package build time\n          version: STRATO_PKG_VERSION,\n        },\n      });\n    }\n    // seperate check for outside of Dynatrace enviroment\n    else if (supportsLoggerV1()) {\n      return dtRuntimeLogger.createLoggerFactory({\n        context: {\n          id: '@dynatrace/strato-design-system-preview',\n          // @ts-expect-error Global variable injected at package build time\n          version: STRATO_PKG_VERSION,\n        },\n      });\n    }\n    return null;\n  };\n\n  return {\n    getInstace: () => {\n      if (!instance) {\n        instance = createLogger();\n      }\n      return instance;\n    },\n  };\n})();\n\n/**\n * Creates a logger instance for structured message recording.\n *\n * @param name - Identifier for the logger instance.\n * @returns An instance of the Logger utility.\n * @internal\n */\nconst createSdkLogger = (name: string): Logger | undefined => {\n  if (LOGGER_FACTORY) {\n    return LOGGER_FACTORY.getInstace()?.createLogger(name);\n  } else {\n    const wrapConsole =\n      (\n        logFunc:\n          | typeof console.log\n          | typeof console.warn\n          | typeof console.error,\n      ) =>\n      (...args: Parameters<Logger['info' | 'warn' | 'error']>) =>\n        logFunc(`[${name}]: ${args[0]}`, args[1]);\n\n    return Object.freeze({\n      info: wrapConsole(console.log),\n      warn: wrapConsole(console.warn),\n      error: wrapConsole(console.error),\n    } as Logger);\n  }\n};\n\nconst isBuiltInAppid = (appId: string) => appId.startsWith('dynatrace.');\n\nconst isComponentDebugLoggingEnabled = (componentName: string) =>\n  window.localStorage.getItem(`_strato_${componentName}_logging_enabled_`) ===\n  'true';\n\n/** @internal */\nexport type StratoLogger = {\n  error: (message: string, error?: unknown, details?: unknown) => void;\n  warn: (message: string, error?: unknown, details?: unknown) => void;\n  info: (message: string, error?: unknown, details?: unknown) => void;\n};\n\ntype StratoLoggerContextProps = {\n  name?: string;\n  id?: string;\n  [key: string]: unknown;\n} & BehaviorTrackingProps;\n\n/**\n * Creates a Strato-logger instance for structured message recording.\n *\n * @param componentName - Name of the Component or hook that is logged.\n * @returns An instance of the Logger utility.\n * @internal\n */\nexport function createStratoLogger(\n  this: StratoLoggerContextProps | void,\n  componentName: string,\n): StratoLogger {\n  const isBuiltInApp = isBuiltInAppid(getAppId());\n  const logger = createSdkLogger('Strato: ' + componentName);\n\n  const log = (\n    level: 'info' | 'warn' | 'error',\n    message?: string,\n    error?: unknown,\n    details: unknown = {},\n  ) => {\n    if (logger === undefined) {\n      return;\n    }\n\n    const logMessage = message?.trim() || 'An error occurred'; // ?? not used as also empty should get generic message\n\n    const shouldLog =\n      isBuiltInApp || isComponentDebugLoggingEnabled(componentName);\n\n    if (!shouldLog) {\n      return;\n    }\n\n    let context = 'undefined';\n    if (this) {\n      try {\n        context = JSON.stringify(this);\n      } catch (e) {\n        console.error(e);\n        context = 'could not be stringified';\n      }\n    }\n\n    if (supportsLoggerV2()) {\n      logger[level](`${logMessage}; context: ${context}`, {\n        error,\n        details,\n      });\n    } else {\n      try {\n        logger[level](\n          `${logMessage}; details: ${JSON.stringify(\n            details,\n          )}; context: ${context};`,\n          error,\n        );\n      } catch (e) {\n        console.error(e);\n        logger[level](\n          `${logMessage}; details: details could not be stringified; context: ${context};`,\n          error,\n        );\n      }\n    }\n  };\n\n  const error = (message: string, error?: unknown, details?: unknown) => {\n    log('error', message, error, details);\n  };\n  const warn = (message: string, error?: unknown, details?: unknown) => {\n    log('warn', message, error, details);\n  };\n  const info = (message: string, error?: unknown, details?: unknown) => {\n    log('info', message, error, details);\n  };\n\n  return {\n    error: error,\n    warn: warn,\n    info: info,\n  };\n}\n\n/** A cache for Strato-logger instances, keyed by component name.    */\nconst stratoLoggers: Record<string, StratoLogger> = {};\n\n/**\n * Returns a Strato-logger instance for structured message recording.\n * If the logger for the given componentName already exists, it returns the existing instance.\n * Otherwise, it creates a new logger instance.\n *\n * @param componentName - Name of the Component or hook that is logged.\n * @returns An instance of the Logger utility.\n *\n * @internal\n */\nexport const useStratoLogger = (componentName: string): StratoLogger => {\n  if (!stratoLoggers[componentName]) {\n    stratoLoggers[componentName] = createStratoLogger(componentName);\n  }\n  return stratoLoggers[componentName];\n};\n"],
+  "sourcesContent": ["/* eslint-disable no-console */\nimport { getAppId } from '@dynatrace-sdk/app-environment';\n\nimport {\n  Logger,\n  GlobalDtRuntimeWithLogger,\n  LoggerFactory,\n  LoggerFactoryV1,\n} from './sdk-logger.types.js';\nimport type { BehaviorTrackingProps } from '../types/behavior-tracking-props.js';\n\n//globalThis is not supported in Chrome 69 and Safari 12\n/** @internal */\nexport const getGlobalWithDtRuntime = <T extends typeof globalThis>(): T =>\n  (typeof globalThis !== 'undefined' ? globalThis : window) as unknown as T;\n\n/**\n * Checks if the logger v2 create fn is available on platform\n * @internal\n */\nexport const supportsLoggerV2 = () =>\n  typeof getGlobalWithDtRuntime<GlobalDtRuntimeWithLogger>().dtRuntime?.logger\n    ?.createLoggerV2 === 'function';\n\n/**\n * Checks if the logger v1 create fn is available on platform\n * @internal\n */\nexport const supportsLoggerV1 = () =>\n  typeof getGlobalWithDtRuntime<GlobalDtRuntimeWithLogger>().dtRuntime?.logger\n    ?.createLogger === 'function';\n\n/**\n * The logger factory is used to create logger instances for structured message recording.\n * It checks if the logger v2 or v1 is available and creates the appropriate logger factory.\n * If neither is available, it falls back to a simple console wrapper.\n */\nconst LOGGER_FACTORY = (() => {\n  let instance: LoggerFactory | LoggerFactoryV1 | null;\n\n  const createLogger = () => {\n    const dtRuntimeLogger =\n      getGlobalWithDtRuntime<GlobalDtRuntimeWithLogger>().dtRuntime?.logger;\n\n    if (dtRuntimeLogger === undefined) {\n      return null;\n    }\n\n    if (supportsLoggerV2()) {\n      return dtRuntimeLogger.createLoggerFactoryV2({\n        context: {\n          id: '@dynatrace/strato-design-system',\n          // @ts-expect-error Global variable injected at package build time\n          version: STRATO_PKG_VERSION,\n        },\n      });\n    }\n    // seperate check for outside of Dynatrace enviroment\n    else if (supportsLoggerV1()) {\n      return dtRuntimeLogger.createLoggerFactory({\n        context: {\n          id: '@dynatrace/strato-design-system',\n          // @ts-expect-error Global variable injected at package build time\n          version: STRATO_PKG_VERSION,\n        },\n      });\n    }\n    return null;\n  };\n\n  return {\n    getInstace: () => {\n      if (!instance) {\n        instance = createLogger();\n      }\n      return instance;\n    },\n  };\n})();\n\n/**\n * Creates a logger instance for structured message recording.\n *\n * @param name - Identifier for the logger instance.\n * @returns An instance of the Logger utility.\n * @internal\n */\nconst createSdkLogger = (name: string): Logger | undefined => {\n  if (LOGGER_FACTORY) {\n    return LOGGER_FACTORY.getInstace()?.createLogger(name);\n  } else {\n    const wrapConsole =\n      (\n        logFunc:\n          | typeof console.log\n          | typeof console.warn\n          | typeof console.error,\n      ) =>\n      (...args: Parameters<Logger['info' | 'warn' | 'error']>) =>\n        logFunc(`[${name}]: ${args[0]}`, args[1]);\n\n    return Object.freeze({\n      info: wrapConsole(console.log),\n      warn: wrapConsole(console.warn),\n      error: wrapConsole(console.error),\n    } as Logger);\n  }\n};\n\nconst isBuiltInAppid = (appId: string) => appId.startsWith('dynatrace.');\n\nconst isComponentDebugLoggingEnabled = (componentName: string) =>\n  window.localStorage.getItem(`_strato_${componentName}_logging_enabled_`) ===\n  'true';\n\n/** @internal */\nexport type StratoLogger = {\n  error: (message: string, error?: unknown, details?: unknown) => void;\n  warn: (message: string, error?: unknown, details?: unknown) => void;\n  info: (message: string, error?: unknown, details?: unknown) => void;\n};\n\ntype StratoLoggerContextProps = {\n  name?: string;\n  id?: string;\n  [key: string]: unknown;\n} & BehaviorTrackingProps;\n\n/**\n * Creates a Strato-logger instance for structured message recording.\n *\n * @param componentName - Name of the Component or hook that is logged.\n * @returns An instance of the Logger utility.\n * @internal\n */\nexport function createStratoLogger(\n  this: StratoLoggerContextProps | void,\n  componentName: string,\n): StratoLogger {\n  const isBuiltInApp = isBuiltInAppid(getAppId());\n  const logger = createSdkLogger('Strato: ' + componentName);\n\n  const log = (\n    level: 'info' | 'warn' | 'error',\n    message?: string,\n    error?: unknown,\n    details: unknown = {},\n  ) => {\n    if (logger === undefined) {\n      return;\n    }\n\n    const logMessage = message?.trim() || 'An error occurred'; // ?? not used as also empty should get generic message\n\n    const shouldLog =\n      isBuiltInApp || isComponentDebugLoggingEnabled(componentName);\n\n    if (!shouldLog) {\n      return;\n    }\n\n    let context = 'undefined';\n    if (this) {\n      try {\n        context = JSON.stringify(this);\n      } catch (e) {\n        console.error(e);\n        context = 'could not be stringified';\n      }\n    }\n\n    if (supportsLoggerV2()) {\n      logger[level](`${logMessage}; context: ${context}`, {\n        error,\n        details,\n      });\n    } else {\n      try {\n        logger[level](\n          `${logMessage}; details: ${JSON.stringify(\n            details,\n          )}; context: ${context};`,\n          error,\n        );\n      } catch (e) {\n        console.error(e);\n        logger[level](\n          `${logMessage}; details: details could not be stringified; context: ${context};`,\n          error,\n        );\n      }\n    }\n  };\n\n  const error = (message: string, error?: unknown, details?: unknown) => {\n    log('error', message, error, details);\n  };\n  const warn = (message: string, error?: unknown, details?: unknown) => {\n    log('warn', message, error, details);\n  };\n  const info = (message: string, error?: unknown, details?: unknown) => {\n    log('info', message, error, details);\n  };\n\n  return {\n    error: error,\n    warn: warn,\n    info: info,\n  };\n}\n\n/** A cache for Strato-logger instances, keyed by component name.    */\nconst stratoLoggers: Record<string, StratoLogger> = {};\n\n/**\n * Returns a Strato-logger instance for structured message recording.\n * If the logger for the given componentName already exists, it returns the existing instance.\n * Otherwise, it creates a new logger instance.\n *\n * @param componentName - Name of the Component or hook that is logged.\n * @returns An instance of the Logger utility.\n *\n * @internal\n */\nexport const useStratoLogger = (componentName: string): StratoLogger => {\n  if (!stratoLoggers[componentName]) {\n    stratoLoggers[componentName] = createStratoLogger(componentName);\n  }\n  return stratoLoggers[componentName];\n};\n"],
   "mappings": "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",
   "names": ["error"]
 }

package/esm/core/styles/defaultChartValues.css

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

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

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