@dynatrace/strato-components 3.0.1 → 3.1.1

package/editors/base-code-editor/auto-completion/list/list-autocompletion.d.ts

@@ -1,4 +1,4 @@
-import type { ListAutocompletionConfig } from './list-autocompletion-extension.js';
+import type { ListAutocompletionConfig } from './list-autocompletion-types.js';
 import { AutocompleteProvider } from '../autocompletion.extension.js';
 /** Returns suggestions function for list autocompletion */
 export declare function listAutocompletion(listAutoCompletionConfig: ListAutocompletionConfig): AutocompleteProvider;

package/editors/base-code-editor/configuration/configuration.d.ts

@@ -2,7 +2,7 @@ import type { Completion } from '@codemirror/autocomplete';
 import { Language } from '@codemirror/language';
 import type { Extension } from '@codemirror/state';
 import { AutocompleteProvider } from '../auto-completion/autocompletion.extension.js';
-import type { ListAutocompletionConfig } from '../auto-completion/list/list-autocompletion-extension.js';
+import type { ListAutocompletionConfig } from '../auto-completion/list/list-autocompletion-types.js';
 /**
  * @internal
  */

package/editors/base-code-editor/configuration/language-extensions.d.ts

@@ -2,7 +2,7 @@ import { Language } from '@codemirror/language';
 import { Extension } from '@codemirror/state';
 import { EditorLanguageConfiguration } from './configuration.js';
 import { AutocompleteProvider } from '../auto-completion/autocompletion.extension.js';
-import type { ListAutocompletionConfig } from '../auto-completion/list/list-autocompletion-extension.js';
+import type { ListAutocompletionConfig } from '../auto-completion/list/list-autocompletion-types.js';
 import { IntlProps } from '../utils/render-node.js';
 /** Adds providers to language config. */
 export declare function getLanguageExtensions(language: Language | undefined, providers: Array<AutocompleteProvider | ListAutocompletionConfig> | undefined, intlProps: IntlProps): (Language | Extension)[];

package/editors/base-code-editor/utils/render-node.d.ts

@@ -1,6 +1,6 @@
 import { type ReactElement } from 'react';
 import { MessageFormatElement } from 'react-intl';
-import { Suggestion } from '../auto-completion/autocompletion.extension.js';
+import type { Suggestion } from '../auto-completion/autocompletion-types.js';
 /** @internal */
 export interface IntlProps {
     locale: string;

package/editors/code-editor/CodeEditor.d.ts

@@ -1,18 +1,19 @@
 import { Language } from '@codemirror/language';
 import { Extension } from '@codemirror/state';
-import { AriaLabelingProps } from '../../core/types/a11y-props.js';
-import { DataTestId } from '../../core/types/data-props.js';
+import type { AriaLabelingProps } from '../../core/types/a11y-props.js';
+import type { BehaviorTrackingProps } from '../../core/types/behavior-tracking-props.js';
+import type { DataTestId } from '../../core/types/data-props.js';
 import type { FormControlStateProps } from '../../core/types/form-control-state.js';
-import { MaskingProps } from '../../core/types/masking-props.js';
-import { StylingProps } from '../../core/types/styling-props.js';
-import { AutocompleteProvider } from '../base-code-editor/auto-completion/autocompletion.extension.js';
-import type { ListAutocompletionConfig } from '../base-code-editor/auto-completion/list/list-autocompletion-extension.js';
+import type { MaskingProps } from '../../core/types/masking-props.js';
+import type { StylingProps } from '../../core/types/styling-props.js';
+import type { AutocompleteProvider } from '../base-code-editor/auto-completion/autocompletion.extension.js';
+import type { ListAutocompletionConfig } from '../base-code-editor/auto-completion/list/list-autocompletion-types.js';
 import type { EditorLanguageConfiguration } from '../base-code-editor/configuration/configuration.js';
 import type { GutterConfiguration } from '../base-code-editor/configuration/getDefaultConfigurations.js';
 /**
  * @public
  */
-export interface CodeEditorProps extends FormControlStateProps, StylingProps, DataTestId, AriaLabelingProps, MaskingProps {
+export interface CodeEditorProps extends FormControlStateProps, StylingProps, DataTestId, AriaLabelingProps, MaskingProps, BehaviorTrackingProps {
     /** The language for syntax highlighting and autocompletion.
      * @defaultValue 'other'
      */

package/editors/code-editor/CodeEditor.js

@@ -25,6 +25,9 @@ module.exports = __toCommonJS(CodeEditor_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = require("react");
 var import_languages = require("./languages/languages.js");
+var import_useAriaLabelingProps = require("../../core/hooks/useAriaLabelingProps.js");
+var import_useBehavioralTrackingProps = require("../../core/hooks/useBehavioralTrackingProps.js");
+var import_useSafeForwardProps = require("../../core/hooks/useSafeForwardProps.js");
 var import_BaseCodeEditor = require("../base-code-editor/BaseCodeEditor.js");
 const COMPONENT_NAME = "CodeEditor";
 const CodeEditor = /* @__PURE__ */ (0, import_react.forwardRef)((props, forwardedRef) => {
@@ -45,25 +48,26 @@ const CodeEditor = /* @__PURE__ */ (0, import_react.forwardRef)((props, forwarde
     onBlur,
     onFocus,
     size = "default",
+    required = false,
     className: consumerClassName,
     style: consumerStyle,
     "data-testid": dataTestId,
     "data-dtrum-mask": dataDtrumMask,
     "data-dtrum-allow": dataDtrumAllow,
-    required = false,
     ...remainingProps
   } = props;
+  const [behavioralTrackingProps, restProps] = (0, import_useBehavioralTrackingProps.useBehavioralTrackingProps)(remainingProps);
+  const ariaLabelingProps = (0, import_useAriaLabelingProps.useAriaLabelingProps)(restProps);
+  const forwardProps = (0, import_useSafeForwardProps.useSafeForwardProps)(restProps, ariaLabelingProps);
   const config = (0, import_react.useMemo)(() => {
     return getLanguageConfig(import_languages.codeEditorLanguages[language], readOnly);
   }, [language, readOnly]);
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     import_BaseCodeEditor.BaseCodeEditor,
     {
-      placeholder,
       id,
-      "data-testid": dataTestId,
-      "data-dtrum-mask": dataDtrumMask,
-      "data-dtrum-allow": dataDtrumAllow,
+      ref: forwardedRef,
+      placeholder,
       controlState,
       readOnly,
       folding,
@@ -74,15 +78,19 @@ const CodeEditor = /* @__PURE__ */ (0, import_react.forwardRef)((props, forwarde
       onChange,
       spellCheck,
       fullHeight,
-      ref: forwardedRef,
       configuration: config,
       onBlur,
       onFocus,
       size,
+      required,
       className: consumerClassName,
       style: consumerStyle,
-      required,
-      ...remainingProps,
+      "data-testid": dataTestId,
+      "data-dtrum-mask": dataDtrumMask,
+      "data-dtrum-allow": dataDtrumAllow,
+      ...ariaLabelingProps,
+      ...behavioralTrackingProps,
+      ...forwardProps,
       "data-dt-component": COMPONENT_NAME
     }
   );

package/editors/dql-editor/DQLEditor.d.ts

@@ -1,12 +1,14 @@
-import { AriaLabelingProps } from '../../core/types/a11y-props.js';
-import { DataTestId } from '../../core/types/data-props.js';
+import type { DQLEditorValidityInfo } from './dql-editor-types.js';
+import type { AriaLabelingProps } from '../../core/types/a11y-props.js';
+import type { BehaviorTrackingProps } from '../../core/types/behavior-tracking-props.js';
+import type { DataTestId } from '../../core/types/data-props.js';
 import type { FormControlStateProps } from '../../core/types/form-control-state.js';
-import { MaskingProps } from '../../core/types/masking-props.js';
-import { StylingProps } from '../../core/types/styling-props.js';
+import type { MaskingProps } from '../../core/types/masking-props.js';
+import type { StylingProps } from '../../core/types/styling-props.js';
 /**
  * @public
  */
-export interface DQLEditorProps extends FormControlStateProps, AriaLabelingProps, StylingProps, DataTestId, MaskingProps {
+export interface DQLEditorProps extends FormControlStateProps, AriaLabelingProps, StylingProps, DataTestId, MaskingProps, BehaviorTrackingProps {
     /** The ID for the DOM element. */
     id?: string;
     /**
@@ -75,20 +77,6 @@ export interface DQLEditorProps extends FormControlStateProps, AriaLabelingProps
      */
     required?: boolean;
 }
-/**
- * Represents one piece of diagnostics for the current DQL in the DQL editor.
- * @public
- */
-export interface DQLEditorValidityInfo {
-    /** Represents how serious the problem is. */
-    severity: 'error' | 'warning' | 'info';
-    /** Describes the problem. */
-    message: string;
-    /** Start position in the editor. */
-    from: number;
-    /** End position in the editor. */
-    to: number;
-}
 /**
  * public ref type
  * @public

package/editors/dql-editor/DQLEditor.js

@@ -26,10 +26,13 @@ var import_react = require("react");
 var import_dql_language = require("./dql/dql-language.js");
 var import_useValidationCallbacks = require("./useValidationCallbacks.js");
 var import_useValidityInfo = require("./useValidityInfo.js");
+var import_useAriaLabelingProps = require("../../core/hooks/useAriaLabelingProps.js");
+var import_useBehavioralTrackingProps = require("../../core/hooks/useBehavioralTrackingProps.js");
+var import_useSafeForwardProps = require("../../core/hooks/useSafeForwardProps.js");
 var import_BaseCodeEditor = require("../base-code-editor/BaseCodeEditor.js");
 const COMPONENT_NAME = "DQLEditor";
-const DQLEditor = /* @__PURE__ */ (0, import_react.forwardRef)(
-  ({
+const DQLEditor = /* @__PURE__ */ (0, import_react.forwardRef)((props, forwardedRef) => {
+  const {
     id,
     value = "",
     controlState,
@@ -47,61 +50,65 @@ const DQLEditor = /* @__PURE__ */ (0, import_react.forwardRef)(
     onValidityChange,
     onFocus,
     onBlur,
+    size = "default",
+    required,
     className: consumerClassName,
     style: consumerStyle,
     "data-testid": dataTestId,
     "data-dtrum-mask": dataDtrumMask,
     "data-dtrum-allow": dataDtrumAllow,
-    size = "default",
-    required,
     ...remainingProps
-  }, forwardedRef) => {
-    const [editorConfig, setEditorConfig] = (0, import_react.useState)();
-    const [fireValidationStart, fireValidationEnd] = (0, import_useValidationCallbacks.useValidationCallbacks)(
-      onValidationStart,
-      onValidationEnd
-    );
-    const setValidityInfo = (0, import_useValidityInfo.useValidityInfo)(onValidityChange);
-    (0, import_react.useEffect)(() => {
-      setEditorConfig(
-        (0, import_dql_language.getDqlConfig)(
-          readOnly,
-          fireValidationStart,
-          fireValidationEnd,
-          setValidityInfo
-        )
-      );
-    }, [readOnly, setValidityInfo, fireValidationStart, fireValidationEnd]);
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      import_BaseCodeEditor.BaseCodeEditor,
-      {
-        onChange,
-        placeholder,
-        id,
-        "data-testid": dataTestId,
-        "data-dtrum-mask": dataDtrumMask,
-        "data-dtrum-allow": dataDtrumAllow,
-        controlState,
+  } = props;
+  const [behavioralTrackingProps, restProps] = (0, import_useBehavioralTrackingProps.useBehavioralTrackingProps)(remainingProps);
+  const ariaLabelingProps = (0, import_useAriaLabelingProps.useAriaLabelingProps)(restProps);
+  const forwardProps = (0, import_useSafeForwardProps.useSafeForwardProps)(restProps, ariaLabelingProps);
+  const [editorConfig, setEditorConfig] = (0, import_react.useState)();
+  const [fireValidationStart, fireValidationEnd] = (0, import_useValidationCallbacks.useValidationCallbacks)(
+    onValidationStart,
+    onValidationEnd
+  );
+  const setValidityInfo = (0, import_useValidityInfo.useValidityInfo)(onValidityChange);
+  (0, import_react.useEffect)(() => {
+    setEditorConfig(
+      (0, import_dql_language.getDqlConfig)(
         readOnly,
-        defaultFolding,
-        lineWrap,
-        value,
-        spellCheck,
-        fullHeight,
-        folding,
-        onFoldingChange,
-        ref: forwardedRef,
-        configuration: editorConfig,
-        onFocus,
-        onBlur,
-        className: consumerClassName,
-        style: consumerStyle,
-        size,
-        required,
-        ...remainingProps,
-        "data-dt-component": COMPONENT_NAME
-      }
+        fireValidationStart,
+        fireValidationEnd,
+        setValidityInfo
+      )
     );
-  }
-);
+  }, [readOnly, setValidityInfo, fireValidationStart, fireValidationEnd]);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_BaseCodeEditor.BaseCodeEditor,
+    {
+      id,
+      ref: forwardedRef,
+      onChange,
+      placeholder,
+      controlState,
+      readOnly,
+      defaultFolding,
+      lineWrap,
+      value,
+      spellCheck,
+      fullHeight,
+      folding,
+      onFoldingChange,
+      configuration: editorConfig,
+      onFocus,
+      onBlur,
+      size,
+      required,
+      className: consumerClassName,
+      style: consumerStyle,
+      "data-testid": dataTestId,
+      "data-dtrum-mask": dataDtrumMask,
+      "data-dtrum-allow": dataDtrumAllow,
+      ...ariaLabelingProps,
+      ...behavioralTrackingProps,
+      ...forwardProps,
+      "data-dt-component": COMPONENT_NAME
+    }
+  );
+});
 DQLEditor.displayName = COMPONENT_NAME;

package/editors/dql-editor/dql/SuggestionPart.css

@@ -1,4 +1,4 @@
-._yhio8f0-3-0-1 {
+._yhio8f0-3-1-1 {
   display: inline;
   margin-right: 0.5ch;
 }

package/editors/dql-editor/dql/SuggestionPart.sty.js

@@ -22,4 +22,4 @@ __export(SuggestionPart_css_exports, {
 });
 module.exports = __toCommonJS(SuggestionPart_css_exports);
 var import_SuggestionPart_css_ts_vanilla = require("./SuggestionPart.css");
-var suggestionPartSectionInfoCSS = "_yhio8f0-3-0-1";
+var suggestionPartSectionInfoCSS = "_yhio8f0-3-1-1";

package/editors/dql-editor/dql/dql-language.d.ts

@@ -1,5 +1,5 @@
 import { EditorLanguageConfiguration } from '../../base-code-editor/configuration/configuration.js';
-import { DQLEditorValidityInfo } from '../DQLEditor.js';
+import type { DQLEditorValidityInfo } from '../dql-editor-types.js';
 /**
  * @internal
  * Gets editor configuration for DQL.

package/editors/dql-editor/dql/dql-linter.d.ts

@@ -1,5 +1,5 @@
 import { VerifyResponse } from '@dynatrace-sdk/client-query';
-import { DQLEditorValidityInfo } from '../DQLEditor.js';
+import { DQLEditorValidityInfo } from '../dql-editor-types.js';
 /**
  * Validates the syntax of the given DQL query.
  *

package/editors/dql-editor/dql-editor-types.d.ts

@@ -0,0 +1,14 @@
+/**
+ * Represents one piece of diagnostics for the current DQL in the DQL editor.
+ * @public
+ */
+export interface DQLEditorValidityInfo {
+    /** Represents how serious the problem is. */
+    severity: 'error' | 'warning' | 'info';
+    /** Describes the problem. */
+    message: string;
+    /** Start position in the editor. */
+    from: number;
+    /** End position in the editor. */
+    to: number;
+}

package/editors/dql-editor/dql-editor-types.js

@@ -0,0 +1,16 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var dql_editor_types_exports = {};
+module.exports = __toCommonJS(dql_editor_types_exports);

package/editors/dql-editor/useValidationCallbacks.d.ts

@@ -1,4 +1,4 @@
-import type { DQLEditorValidityInfo } from './DQLEditor.js';
+import type { DQLEditorValidityInfo } from './dql-editor-types.js';
 /**
  * @internal
  */

package/editors/dql-editor/useValidityInfo.d.ts

@@ -1,4 +1,4 @@
-import type { DQLEditorValidityInfo } from './DQLEditor.js';
+import type { DQLEditorValidityInfo } from './dql-editor-types.js';
 /**
  * @internal
  */

package/editors/index.d.ts

@@ -1,7 +1,7 @@
 export { BaseCodeEditor as _BaseCodeEditor } from './base-code-editor/BaseCodeEditor.js';
 export type { BaseCodeEditorProps as _BaseCodeEditorProps, BaseCodeEditorRef as _BaseCodeEditorRef, } from './base-code-editor/BaseCodeEditor.js';
 export type { AutocompleteProvider as _AutocompleteProvider, AutocompletionResult as _AutocompletionResult, Suggestion as _Suggestion, } from './base-code-editor/auto-completion/autocompletion.extension.js';
-export type { ListAutocompletionConfig as _ListAutocompletionConfig } from './base-code-editor/auto-completion/list/list-autocompletion-extension.js';
+export type { ListAutocompletionConfig as _ListAutocompletionConfig } from './base-code-editor/auto-completion/list/list-autocompletion-types.js';
 export type { AutocompletionOptions as _AutocompletionOptions, EditorLanguageConfiguration as _EditorLanguageConfiguration, } from './base-code-editor/configuration/configuration.js';
 export { getAutocompleteExtensions as _getAutocompleteExtensions } from './base-code-editor/configuration/language-extensions.js';
 export type { GutterConfiguration } from './base-code-editor/configuration/getDefaultConfigurations.js';
@@ -10,6 +10,7 @@ export { CodeEditor } from './code-editor/CodeEditor.js';
 export type { CodeEditorProps, CodeEditorRef, } from './code-editor/CodeEditor.js';
 export { codeEditorLanguages as _codeEditorLanguages } from './code-editor/languages/languages.js';
 export { DQLEditor } from './dql-editor/DQLEditor.js';
-export type { DQLEditorProps, DQLEditorRef, DQLEditorValidityInfo, } from './dql-editor/DQLEditor.js';
+export type { DQLEditorValidityInfo } from './dql-editor/dql-editor-types.js';
+export type { DQLEditorProps, DQLEditorRef } from './dql-editor/DQLEditor.js';
 export { getDqlConfig as _getDqlConfig } from './dql-editor/dql/dql-language.js';
 export { useValidityInfo as _useValidityInfo } from './dql-editor/useValidityInfo.js';

package/esm/buttons/button/Button.css

@@ -1,12 +1,12 @@
-._10kgnsa0-3-0-1 {
+._10kgnsa0-3-1-1 {
   font-family: var(--dt-typography-text-base-default-family, DynatraceFlow,Roboto,Helvetica,sans-serif);
   font-weight: var(--dt-typography-text-base-emphasized-weight, 500);
   font-size: var(--dt-typography-text-base-default-size, 14px);
   line-height: var(--dt-typography-text-base-default-line-height, 1.4285714286);
   text-decoration: var(--dt-typography-text-base-default-text-decoration, none);
   text-transform: none;
-  background: var(--_bx32h3-3-0-1);
-  color: var(--_bx32h0-3-0-1);
+  background: var(--_bx32h3-3-1-1);
+  color: var(--_bx32h0-3-1-1);
   display: inline-flex;
   position: relative;
   align-items: center;
@@ -23,38 +23,38 @@
   transition-duration: var(--dt-animations-hover-duration-base, 150ms);
   transition-property: color, background-color, transform;
 }
-._10kgnsa1-3-0-1 {
+._10kgnsa1-3-1-1 {
   text-align: start;
   justify-content: space-between;
 }
-._10kgnsa2-3-0-1 {
+._10kgnsa2-3-1-1 {
   text-align: center;
   justify-content: center;
 }
-._10kgnsa3-3-0-1 {
+._10kgnsa3-3-1-1 {
   padding-top: var(--dt-spacings-size-2, 2px);
   padding-bottom: var(--dt-spacings-size-2, 2px);
   padding-left: var(--dt-spacings-size-4, 4px);
   padding-right: var(--dt-spacings-size-4, 4px);
   gap: var(--dt-spacings-size-2, 2px);
 }
-._10kgnsa4-3-0-1 {
+._10kgnsa4-3-1-1 {
   padding-top: var(--dt-spacings-size-6, 6px);
   padding-bottom: var(--dt-spacings-size-6, 6px);
   padding-left: var(--dt-spacings-size-8, 8px);
   padding-right: var(--dt-spacings-size-8, 8px);
   gap: var(--dt-spacings-size-4, 4px);
 }
-._10kgnsa5-3-0-1 {
+._10kgnsa5-3-1-1 {
   cursor: not-allowed;
 }
-._10kgnsa6-3-0-1 {
+._10kgnsa6-3-1-1 {
   width: 100%;
 }
-._10kgnsa7-3-0-1 {
+._10kgnsa7-3-1-1 {
   width: fit-content;
 }
-._10kgnsa8-3-0-1 {
+._10kgnsa8-3-1-1 {
   position: absolute;
   top: 0;
   left: 0;
@@ -66,19 +66,19 @@
   align-items: center;
   z-index: 1;
 }
-._10kgnsa3-3-0-1 ._10kgnsa9-3-0-1:not(:has(svg:only-child)) {
+._10kgnsa3-3-1-1 ._10kgnsa9-3-1-1:not(:has(svg:only-child)) {
   padding-top: 0;
   padding-bottom: 0;
   padding-left: 2px;
   padding-right: 2px;
 }
-._10kgnsa4-3-0-1 ._10kgnsa9-3-0-1:not(:has(svg:only-child)) {
+._10kgnsa4-3-1-1 ._10kgnsa9-3-1-1:not(:has(svg:only-child)) {
   padding-top: 0;
   padding-bottom: 0;
   padding-left: 4px;
   padding-right: 4px;
 }
-._10kgnsab-3-0-1 {
+._10kgnsab-3-1-1 {
   display: inline-flex;
   min-width: 0;
   max-width: 100%;

package/esm/buttons/button/Button.sty.js

@@ -2,10 +2,10 @@ import "../../styles/ellipsis.css";
 import "../../styles/field.css";
 import "./Button.css";
 import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
-var button = _7a468({ defaultClassName: "_10kgnsa0-3-0-1", variantClassNames: { textAlign: { start: "_10kgnsa1-3-0-1", center: "_10kgnsa2-3-0-1" }, size: { condensed: "_10kgnsa3-3-0-1", "default": "_10kgnsa4-3-0-1" }, disabled: { true: "_10kgnsa5-3-0-1" } }, defaultVariants: { size: "default", textAlign: "center", disabled: false }, compoundVariants: [] });
-var label = _7a468({ defaultClassName: "_10kgnsa9-3-0-1", variantClassNames: { textual: { true: "_oqqp1n0-3-0-1", false: "_10kgnsab-3-0-1" } }, defaultVariants: {}, compoundVariants: [] });
-var loading = "_10kgnsa8-3-0-1";
-var widths = { full: "_10kgnsa6-3-0-1", content: "_10kgnsa7-3-0-1" };
+var button = _7a468({ defaultClassName: "_10kgnsa0-3-1-1", variantClassNames: { textAlign: { start: "_10kgnsa1-3-1-1", center: "_10kgnsa2-3-1-1" }, size: { condensed: "_10kgnsa3-3-1-1", "default": "_10kgnsa4-3-1-1" }, disabled: { true: "_10kgnsa5-3-1-1" } }, defaultVariants: { size: "default", textAlign: "center", disabled: false }, compoundVariants: [] });
+var label = _7a468({ defaultClassName: "_10kgnsa9-3-1-1", variantClassNames: { textual: { true: "_oqqp1n0-3-1-1", false: "_10kgnsab-3-1-1" } }, defaultVariants: {}, compoundVariants: [] });
+var loading = "_10kgnsa8-3-1-1";
+var widths = { full: "_10kgnsa6-3-1-1", content: "_10kgnsa7-3-1-1" };
 export {
   button,
   label,

package/esm/buttons/button/Button.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/buttons/button/Button.css.ts"],
-  "sourcesContent": ["import '../../styles/ellipsis.css';\nimport '../../styles/field.css';\nimport './Button.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var button = _7a468({defaultClassName:'_10kgnsa0-3-0-1',variantClassNames:{textAlign:{start:'_10kgnsa1-3-0-1',center:'_10kgnsa2-3-0-1'},size:{condensed:'_10kgnsa3-3-0-1','default':'_10kgnsa4-3-0-1'},disabled:{true:'_10kgnsa5-3-0-1'}},defaultVariants:{size:'default',textAlign:'center',disabled:false},compoundVariants:[]});\nexport var label = _7a468({defaultClassName:'_10kgnsa9-3-0-1',variantClassNames:{textual:{true:'_oqqp1n0-3-0-1',false:'_10kgnsab-3-0-1'}},defaultVariants:{},compoundVariants:[]});\nexport var loading = '_10kgnsa8-3-0-1';\nexport var widths = {full:'_10kgnsa6-3-0-1',content:'_10kgnsa7-3-0-1'};"],
+  "sourcesContent": ["import '../../styles/ellipsis.css';\nimport '../../styles/field.css';\nimport './Button.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var button = _7a468({defaultClassName:'_10kgnsa0-3-1-1',variantClassNames:{textAlign:{start:'_10kgnsa1-3-1-1',center:'_10kgnsa2-3-1-1'},size:{condensed:'_10kgnsa3-3-1-1','default':'_10kgnsa4-3-1-1'},disabled:{true:'_10kgnsa5-3-1-1'}},defaultVariants:{size:'default',textAlign:'center',disabled:false},compoundVariants:[]});\nexport var label = _7a468({defaultClassName:'_10kgnsa9-3-1-1',variantClassNames:{textual:{true:'_oqqp1n0-3-1-1',false:'_10kgnsab-3-1-1'}},defaultVariants:{},compoundVariants:[]});\nexport var loading = '_10kgnsa8-3-1-1';\nexport var widths = {full:'_10kgnsa6-3-1-1',content:'_10kgnsa7-3-1-1'};"],
   "mappings": "AAAA,OAAO;AACP,OAAO;AACP,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,SAAS,OAAO,EAAC,kBAAiB,mBAAkB,mBAAkB,EAAC,WAAU,EAAC,OAAM,mBAAkB,QAAO,kBAAiB,GAAE,MAAK,EAAC,WAAU,mBAAkB,WAAU,kBAAiB,GAAE,UAAS,EAAC,MAAK,kBAAiB,EAAC,GAAE,iBAAgB,EAAC,MAAK,WAAU,WAAU,UAAS,UAAS,MAAK,GAAE,kBAAiB,CAAC,EAAC,CAAC;AACjU,IAAI,QAAQ,OAAO,EAAC,kBAAiB,mBAAkB,mBAAkB,EAAC,SAAQ,EAAC,MAAK,kBAAiB,OAAM,kBAAiB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;AAC1K,IAAI,UAAU;AACd,IAAI,SAAS,EAAC,MAAK,mBAAkB,SAAQ,kBAAiB;",
   "names": []
 }

package/esm/buttons/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/buttons/index.ts"],
-  "sourcesContent": ["export { Button } from './button/Button.js';\nexport type { ButtonOwnProps, ButtonProps } from './button/Button.js';\nexport type { ButtonLabelProps } from './button/Label.js';\nexport type { ButtonPrefixProps } from './button/Prefix.js';\nexport type { ButtonSuffixProps } from './button/Suffix.js';\nexport type {\n  AriaButtonProps as _AriaButtonProps,\n  ButtonAria as _ButtonAria,\n  AriaBaseButtonProps as _AriaBaseButtonProps,\n} from './button/types/button-aria.js';\nexport { focusWithoutScrolling as _focusWithoutScrolling } from './button/utils/focus-without-scrolling.js';\nexport {\n  isVirtualPointerEvent as _isVirtualPointerEvent,\n  isVirtualClick as _isVirtualClick,\n} from './button/utils/is-virtual-event.js';\nexport { NotifyButton } from './notify-button/NotifyButton.js';\nexport type { NotifyButtonProps } from './notify-button/NotifyButton.js';\nexport type { NotifyButtonContentProps } from './notify-button/components/Content.js';\nexport {\n  RunQueryButton,\n  queryStateOptions,\n} from './run-query-button/RunQueryButton.js';\nexport type {\n  QueryStateType,\n  RunQueryButtonProps,\n} from './run-query-button/RunQueryButton.js';\nexport {\n  IntentButton,\n  type IntentButtonProps,\n} from './intent-button/IntentButton.js';\nexport { type OpenWithProps } from './intent-button/OpenWith.js';\n"],
+  "sourcesContent": ["export { Button } from './button/Button.js';\nexport type { ButtonOwnProps, ButtonProps } from './button/Button.js';\nexport type { ButtonLabelProps } from './button/Label.js';\nexport type { ButtonPrefixProps } from './button/Prefix.js';\nexport type { ButtonSuffixProps } from './button/Suffix.js';\nexport type {\n  AriaButtonProps as _AriaButtonProps,\n  ButtonAria as _ButtonAria,\n  AriaBaseButtonProps as _AriaBaseButtonProps,\n} from './button/types/button-aria.js';\nexport { focusWithoutScrolling as _focusWithoutScrolling } from './button/utils/focus-without-scrolling.js';\nexport {\n  isVirtualPointerEvent as _isVirtualPointerEvent,\n  isVirtualClick as _isVirtualClick,\n} from './button/utils/is-virtual-event.js';\nexport { NotifyButton } from './notify-button/NotifyButton.js';\nexport type { NotifyButtonProps } from './notify-button/notify-button-types.js';\nexport type { NotifyButtonContentProps } from './notify-button/components/Content.js';\nexport {\n  RunQueryButton,\n  queryStateOptions,\n} from './run-query-button/RunQueryButton.js';\nexport type {\n  QueryStateType,\n  RunQueryButtonProps,\n} from './run-query-button/RunQueryButton.js';\nexport {\n  IntentButton,\n  type IntentButtonProps,\n} from './intent-button/IntentButton.js';\nexport { type OpenWithProps } from './intent-button/OpenWith.js';\n"],
   "mappings": "AAAA,SAAS,cAAc;AAUvB,SAAkC,6BAA8B;AAChE;AAAA,EAC2B;AAAA,EACP;AAAA,OACb;AACP,SAAS,oBAAoB;AAG7B;AAAA,EACE;AAAA,EACA;AAAA,OACK;AAKP;AAAA,EACE;AAAA,OAEK;",
   "names": []
 }

package/esm/buttons/intent-button/IntentButton.css

@@ -1,3 +1,3 @@
-._1xe9ern0-3-0-1 {
+._1xe9ern0-3-1-1 {
   opacity: 0.5;
 }

package/esm/buttons/intent-button/IntentButton.sty.js

@@ -1,5 +1,5 @@
 import "./IntentButton.css";
-var disabledAppIconOpacity = "_1xe9ern0-3-0-1";
+var disabledAppIconOpacity = "_1xe9ern0-3-1-1";
 export {
   disabledAppIconOpacity
 };

package/esm/buttons/intent-button/IntentButton.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/buttons/intent-button/IntentButton.css.ts"],
-  "sourcesContent": ["import './IntentButton.css';\nexport var disabledAppIconOpacity = '_1xe9ern0-3-0-1';"],
+  "sourcesContent": ["import './IntentButton.css';\nexport var disabledAppIconOpacity = '_1xe9ern0-3-1-1';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,yBAAyB;",
   "names": []
 }

package/esm/buttons/notify-button/NotifyButton.css

@@ -1,10 +1,10 @@
-._1j9pkom0-3-0-1 {
+._1j9pkom0-3-1-1 {
   padding-top: var(--dt-spacings-size-12, 12px);
   padding-bottom: var(--dt-spacings-size-16, 16px);
   padding-left: var(--dt-spacings-size-16, 16px);
   padding-right: var(--dt-spacings-size-16, 16px);
 }
-._1j9pkom1-3-0-1 {
+._1j9pkom1-3-1-1 {
   display: flex;
   flex-direction: column;
   gap: var(--dt-spacings-size-6, 6px);

package/esm/buttons/notify-button/NotifyButton.js

@@ -1,9 +1,5 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import {
-  Children,
-  forwardRef,
-  useMemo
-} from "react";
+import { Children, forwardRef, useMemo } from "react";
 import { isElement } from "react-is";
 import { Content } from "./components/Content.js";
 import { NotifyButtonTrigger } from "./components/Trigger.js";
@@ -16,9 +12,7 @@ import { Flex } from "../../layouts/flex/Flex.js";
 import { Content as NotificationSettingsContent } from "../../notifications/notification-settings/components/Content.js";
 import { NotificationPermissionInfo } from "../../notifications/notification-settings/components/PermissionInfo.js";
 import { NotificationToggleButton } from "../../notifications/notification-settings/components/ToggleButton.js";
-import {
-  NotificationProvider
-} from "../../notifications/notification-settings/NotificationSettings.js";
+import { NotificationProvider } from "../../notifications/notification-settings/NotificationSettings.js";
 import { useOverlayWithTrigger } from "../../overlays/hooks/useOverlayWithTrigger.js";
 import { Overlay } from "../../overlays/overlay/Overlay.js";
 const COMPONENT_NAME = "NotifyButton";