@dynatrace/strato-components 3.2.0 → 3.3.0

package/esm/core/styles/focusRing.css

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

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

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

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

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

package/esm/core/styles/focusRingStatic.css

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

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

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

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

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

package/esm/core/time/helpers.js

@@ -0,0 +1,108 @@
+import { TZDateMini } from "@date-fns/tz";
+import { isSameDay, isValid } from "date-fns";
+import { formatDate, parseTimeAsTimeValue } from "@dynatrace-sdk/units";
+import { getTimezone } from "@dynatrace-sdk/user-preferences";
+function isEqualTimeValue(tv1, tv2) {
+  if (tv1 === tv2) {
+    return true;
+  }
+  if (typeof tv1 === "string" || typeof tv2 === "string") {
+    return false;
+  }
+  if (tv1 === null || tv2 === null) {
+    return false;
+  }
+  if (tv1?.type !== tv2?.type) {
+    return false;
+  }
+  return tv1?.value === tv2?.value;
+}
+function isEqualRangeSelection(tf1, tf2) {
+  if (tf1 === tf2) {
+    return true;
+  }
+  return isEqualTimeValue(tf1?.from ?? null, tf2?.from ?? null) && isEqualTimeValue(tf1?.to ?? null, tf2?.to ?? null);
+}
+function isSimpleTimeOffset(offset) {
+  return typeof offset !== "object";
+}
+function isTimeframe(date, type) {
+  return type === "range";
+}
+function isTimeValue(value) {
+  return typeof value === "object" && value !== null && "absoluteDate" in value && "value" in value && "type" in value;
+}
+function isFullTimeframe(timeframe) {
+  if (typeof timeframe !== "object" || timeframe === null) {
+    return false;
+  }
+  const candidate = timeframe;
+  return isTimeValue(candidate.from) && candidate.from.absoluteDate !== "" && isTimeValue(candidate.to) && candidate.to.absoluteDate !== "";
+}
+function isPartialTimeframe(timeframe) {
+  if (typeof timeframe !== "object" || timeframe === null) {
+    return false;
+  }
+  const candidate = timeframe;
+  const hasFrom = "from" in candidate && candidate.from !== null;
+  const hasTo = "to" in candidate && candidate.to !== null;
+  return hasFrom !== hasTo;
+}
+function getFormattedTimeValue(timeValue, precision, showTimeOnly) {
+  if (!timeValue) {
+    return "";
+  }
+  const timezone = getTimezone();
+  const formatOptions = {
+    // Extract the user-settings timezone to use for the calculation
+    timeZone: getTimezone(),
+    day: showTimeOnly ? void 0 : "numeric",
+    month: showTimeOnly ? void 0 : "short",
+    year: showTimeOnly ? void 0 : "numeric",
+    hour: "numeric",
+    minute: "numeric",
+    second: precision === "minutes" ? void 0 : "numeric",
+    fractionalSecondDigits: precision === "milliseconds" ? 3 : void 0
+  };
+  const absoluteDate = timeValue.absoluteDate ? new TZDateMini(timeValue.absoluteDate, timezone) : null;
+  return absoluteDate && isValid(absoluteDate) ? formatDate(absoluteDate, formatOptions) : "";
+}
+function getFormattedMinMax(min, max, precision) {
+  const relativeNow = TZDateMini.tz(getTimezone()).getTime();
+  const minDate = min ? parseTimeAsTimeValue(min, relativeNow) : null;
+  const maxDate = max ? parseTimeAsTimeValue(max, relativeNow) : null;
+  const newMinDate = new TZDateMini(minDate?.absoluteDate ?? "", getTimezone());
+  if (!isNaN(newMinDate.getTime())) {
+    if (precision === "seconds" && newMinDate.getMilliseconds() > 0) {
+      newMinDate.setSeconds(newMinDate.getSeconds() + 1);
+    } else if (precision === "minutes" && (newMinDate.getMilliseconds() > 0 || newMinDate.getSeconds() > 0)) {
+      newMinDate.setMinutes(newMinDate.getMinutes() + 1);
+    }
+  }
+  const minTimeValue = parseTimeAsTimeValue(
+    !isNaN(newMinDate.getTime()) ? newMinDate.toISOString() : minDate?.absoluteDate,
+    relativeNow
+  );
+  const formattedMin = getFormattedTimeValue(minTimeValue, precision);
+  const formattedMax = getFormattedTimeValue(
+    maxDate,
+    precision,
+    !!minTimeValue && !!maxDate && isSameDay(minTimeValue.absoluteDate, maxDate.absoluteDate)
+  );
+  return {
+    min: formattedMin,
+    max: formattedMax
+  };
+}
+export {
+  getFormattedMinMax,
+  getFormattedTimeValue,
+  isEqualRangeSelection,
+  isEqualTimeValue,
+  isFullTimeframe,
+  isPartialTimeframe,
+  isSimpleTimeOffset,
+  isTimeValue,
+  isTimeframe
+};
+//# sourceMappingURL=helpers.js.map

package/esm/core/time/helpers.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/core/time/helpers.ts"],
+  "sourcesContent": ["import { TZDateMini } from '@date-fns/tz';\nimport { isSameDay, isValid } from 'date-fns';\nimport type { FormatDateOptions } from 'react-intl';\n\nimport { formatDate, parseTimeAsTimeValue } from '@dynatrace-sdk/units';\nimport { getTimezone } from '@dynatrace-sdk/user-preferences';\n\nimport type { Precision } from './shared.types.js';\nimport type { CalendarType } from '../../forms/calendar/types/calendarConfiguration.js';\nimport type { DateRangeSelectorValueType } from '../../forms/date-time-range-picker/types.js';\nimport type {\n  _TimeOffset,\n  _TimeOffsetValue,\n  Timeframe,\n  TimeValue,\n} from '../types/time.js';\n\n/**\n * Compares two given timevalue objects with each other\n */\nexport function isEqualTimeValue(\n  tv1: TimeValue | string | null,\n  tv2: TimeValue | string | null,\n) {\n  // ref. equality check, same ref => same value\n  if (tv1 === tv2) {\n    return true;\n  }\n\n  if (typeof tv1 === 'string' || typeof tv2 === 'string') {\n    return false;\n  }\n\n  // if only one of the objects is null, they can't be the same\n  if (tv1 === null || tv2 === null) {\n    return false;\n  }\n\n  // if the type differs, they must be different\n  if (tv1?.type !== tv2?.type) {\n    return false;\n  }\n\n  // compare by expression or iso value\n  return tv1?.value === tv2?.value;\n}\n\n/**\n * Compares two given RangeSelection objects with each other\n */\nexport function isEqualRangeSelection(\n  tf1: DateRangeSelectorValueType,\n  tf2: DateRangeSelectorValueType,\n) {\n  // ref. equality check\n  if (tf1 === tf2) {\n    return true;\n  }\n\n  return (\n    isEqualTimeValue(tf1?.from ?? null, tf2?.from ?? null) &&\n    isEqualTimeValue(tf1?.to ?? null, tf2?.to ?? null)\n  );\n}\n/**\n * Typeguard to see if time offset is simple, so not an object.\n * @internal\n */\nexport function isSimpleTimeOffset(\n  offset: _TimeOffset,\n): offset is _TimeOffsetValue {\n  return typeof offset !== 'object';\n}\n\n/**\n * Typeguard function that will check if the date is a date range.\n * @internal\n */\nexport function isTimeframe(\n  date: unknown,\n  type: CalendarType,\n): date is Partial<Timeframe> | Timeframe {\n  return type === 'range';\n}\n\n/**\n * Typeguard function that will check if the date is TimeValue, it has absoluteDate, value and type.\n * @internal\n */\nexport function isTimeValue(value: unknown): value is TimeValue {\n  return (\n    typeof value === 'object' &&\n    value !== null &&\n    'absoluteDate' in value &&\n    'value' in value &&\n    'type' in value\n  );\n}\n\n/**\n * Typeguard to check if a given timeframe is complete, meaning it has both `from` and `to` properties.\n * @internal\n */\nexport function isFullTimeframe(timeframe?: unknown): timeframe is Timeframe {\n  if (typeof timeframe !== 'object' || timeframe === null) {\n    return false;\n  }\n\n  const candidate = timeframe as { from?: unknown; to?: unknown };\n\n  return (\n    isTimeValue(candidate.from) &&\n    candidate.from.absoluteDate !== '' &&\n    isTimeValue(candidate.to) &&\n    candidate.to.absoluteDate !== ''\n  );\n}\n\n/**\n * Typeguard to check if a given object is a partial timeframe. So either from or to are missing.\n * @internal\n */\nexport function isPartialTimeframe(\n  timeframe?: unknown,\n): timeframe is Partial<Timeframe> {\n  if (typeof timeframe !== 'object' || timeframe === null) {\n    return false;\n  }\n\n  const candidate = timeframe as { from?: unknown; to?: unknown };\n  const hasFrom = 'from' in candidate && candidate.from !== null;\n  const hasTo = 'to' in candidate && candidate.to !== null;\n\n  return hasFrom !== hasTo;\n}\n\n/**\n * Formatter that gets the formatted time value strings.\n * @internal\n */\nexport function getFormattedTimeValue(\n  timeValue: TimeValue | null,\n  precision?: Precision,\n  showTimeOnly?: boolean,\n) {\n  if (!timeValue) {\n    return '';\n  }\n\n  const timezone = getTimezone();\n  const formatOptions: FormatDateOptions = {\n    // Extract the user-settings timezone to use for the calculation\n    timeZone: getTimezone(),\n    day: showTimeOnly ? undefined : 'numeric',\n    month: showTimeOnly ? undefined : 'short',\n    year: showTimeOnly ? undefined : 'numeric',\n    hour: 'numeric',\n    minute: 'numeric',\n    second: precision === 'minutes' ? undefined : 'numeric',\n    fractionalSecondDigits: precision === 'milliseconds' ? 3 : undefined,\n  };\n  const absoluteDate = timeValue.absoluteDate\n    ? new TZDateMini(timeValue.absoluteDate, timezone)\n    : null;\n\n  return absoluteDate && isValid(absoluteDate)\n    ? formatDate(absoluteDate, formatOptions)\n    : '';\n}\n\n/**\n * Gets the formatted min and max values that are used in the translated messages.\n * @internal\n */\nexport function getFormattedMinMax(\n  min?: string,\n  max?: string,\n  precision?: Precision,\n) {\n  // All parse times here need to use the same _now_ date, to not be subject\n  // to millisecond differences during parsing.\n  const relativeNow = TZDateMini.tz(getTimezone()).getTime();\n  const minDate = min ? parseTimeAsTimeValue(min, relativeNow) : null;\n  const maxDate = max ? parseTimeAsTimeValue(max, relativeNow) : null;\n\n  const newMinDate = new TZDateMini(minDate?.absoluteDate ?? '', getTimezone());\n  // Round up min date depending on the precision.\n  if (!isNaN(newMinDate.getTime())) {\n    if (precision === 'seconds' && newMinDate.getMilliseconds() > 0) {\n      newMinDate.setSeconds(newMinDate.getSeconds() + 1);\n    } else if (\n      precision === 'minutes' &&\n      (newMinDate.getMilliseconds() > 0 || newMinDate.getSeconds() > 0)\n    ) {\n      newMinDate.setMinutes(newMinDate.getMinutes() + 1);\n    }\n  }\n  const minTimeValue = parseTimeAsTimeValue(\n    !isNaN(newMinDate.getTime())\n      ? newMinDate.toISOString()\n      : minDate?.absoluteDate,\n    relativeNow,\n  );\n\n  const formattedMin = getFormattedTimeValue(minTimeValue, precision);\n  const formattedMax = getFormattedTimeValue(\n    maxDate,\n    precision,\n    !!minTimeValue &&\n      !!maxDate &&\n      isSameDay(minTimeValue.absoluteDate, maxDate.absoluteDate),\n  );\n\n  return {\n    min: formattedMin,\n    max: formattedMax,\n  };\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/esm/core/time/shared.types.js

@@ -0,0 +1 @@
+//# sourceMappingURL=shared.types.js.map

package/esm/core/time/shared.types.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/esm/core/time/timeframeStore/actions/calendar.js

@@ -0,0 +1,115 @@
+import { isBefore } from "date-fns";
+import { CALENDAR_ERROR_MESSAGES } from "../../../../forms/calendar/calendarMessages.js";
+import { getTimeValueFromSimpleValue } from "../../../../forms/forms-core/time/helpers.js";
+import { isFullTimeframe, isTimeframe } from "../../helpers.js";
+import { validate } from "../../validation.js";
+function getTimeframeFromCalendarSelection(inputValue, state) {
+  if (!isTimeframe(state.calendarValue, "range")) {
+    return null;
+  }
+  if (inputValue === null) {
+    return null;
+  }
+  const stringDate = inputValue.toISOString();
+  const { from, to } = state.calendarValue ?? {};
+  let position = "from";
+  let newTimeframe = {};
+  if (from && !to) {
+    const isToBeforeFrom = isBefore(stringDate, from.absoluteDate);
+    if (!isToBeforeFrom) {
+      newTimeframe = {
+        from
+      };
+      position = "to";
+    }
+    if (isToBeforeFrom) {
+      newTimeframe = {
+        to: getTimeValueFromSimpleValue(
+          from.absoluteDate,
+          state.timeOffset,
+          "to",
+          void 0,
+          state.min,
+          state.max,
+          state.precision
+        )
+      };
+    }
+  }
+  const newTimeValue = getTimeValueFromSimpleValue(
+    stringDate,
+    state.timeOffset,
+    position,
+    void 0,
+    state.min,
+    state.max,
+    state.precision
+  );
+  newTimeframe[position] = newTimeValue;
+  return newTimeframe;
+}
+function getCalendarActions(isControlled, type, formFieldMessagesDispatch, onChangeProp) {
+  return (set) => ({
+    setCalendarValue: (inputValue) => {
+      set((state) => {
+        if (type === "range") {
+          const newTimeframe = getTimeframeFromCalendarSelection(
+            inputValue,
+            state
+          );
+          if (isFullTimeframe(newTimeframe) || newTimeframe === null) {
+            onChangeProp?.(newTimeframe);
+            if (isControlled) {
+              return state;
+            }
+          }
+          const calendarError2 = validate(newTimeframe, state.min, state.max, {
+            formMessageDispatch: formFieldMessagesDispatch,
+            formerError: state.calendarError,
+            precision: state.precision,
+            showError: false,
+            checkOrder: true,
+            ref: state.calendarRef,
+            valueMode: "timeframeSelector",
+            errorMessages: CALENDAR_ERROR_MESSAGES
+          });
+          return {
+            calendarValue: newTimeframe,
+            calendarError: calendarError2
+          };
+        }
+        const newTimeValue = getTimeValueFromSimpleValue(
+          inputValue,
+          state.timeOffset,
+          void 0,
+          void 0,
+          state.min,
+          state.max,
+          state.precision
+        ) ?? null;
+        onChangeProp?.(
+          newTimeValue?.value ?? null
+        );
+        if (isControlled) {
+          return state;
+        }
+        const calendarError = validate(newTimeValue, state.min, state.max, {
+          formMessageDispatch: formFieldMessagesDispatch,
+          formerError: state.calendarError,
+          precision: state.precision,
+          showError: false,
+          checkOrder: true,
+          ref: state.calendarRef,
+          valueMode: "single",
+          errorMessages: CALENDAR_ERROR_MESSAGES
+        });
+        return { calendarValue: newTimeValue, calendarError };
+      });
+    }
+  });
+}
+export {
+  getCalendarActions,
+  getTimeframeFromCalendarSelection
+};
+//# sourceMappingURL=calendar.js.map

package/esm/core/time/timeframeStore/actions/calendar.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/core/time/timeframeStore/actions/calendar.ts"],
+  "sourcesContent": ["import type { TZDate } from '@date-fns/tz';\nimport { isBefore } from 'date-fns';\nimport type { Dispatch } from 'react';\nimport type { StoreApi } from 'zustand';\n\nimport type { CalendarStrictValueType } from '../../../../forms/calendar/Calendar.types.js';\nimport { CALENDAR_ERROR_MESSAGES } from '../../../../forms/calendar/calendarMessages.js';\nimport type { CalendarType } from '../../../../forms/calendar/CalendarRoot.js';\nimport type { FormFieldMessagesReducerAction } from '../../../../forms/forms-core/state/formfield-messages-state-reducer.js';\nimport { getTimeValueFromSimpleValue } from '../../../../forms/forms-core/time/helpers.js';\nimport { type Timeframe } from '../../../types/time.js';\nimport { isFullTimeframe, isTimeframe } from '../../helpers.js';\nimport { validate } from '../../validation.js';\nimport type {\n  CalendarTimeframeState,\n  CalendarTimeframeStoreActions,\n} from '../calendar.types.js';\n\n/**\n * Gets the timeframe from the calendar selection.\n * @internal\n */\nexport function getTimeframeFromCalendarSelection(\n  inputValue: TZDate | null,\n  state: CalendarTimeframeState,\n): Partial<Timeframe> | null {\n  if (!isTimeframe(state.calendarValue, 'range')) {\n    // early exit to ensure type safety for the timeframe operations\n    return null;\n  }\n\n  if (inputValue === null) {\n    return null;\n  }\n\n  const stringDate = inputValue.toISOString();\n  const { from, to } = state.calendarValue ?? {};\n\n  let position: 'from' | 'to' = 'from';\n  let newTimeframe: Partial<Timeframe> = {};\n\n  if (from && !to) {\n    const isToBeforeFrom = isBefore(stringDate, from.absoluteDate);\n\n    if (!isToBeforeFrom) {\n      newTimeframe = {\n        from,\n      };\n      position = 'to';\n    }\n\n    // we need to swap from and to\n    if (isToBeforeFrom) {\n      newTimeframe = {\n        to: getTimeValueFromSimpleValue(\n          from.absoluteDate,\n          state.timeOffset,\n          'to',\n          undefined,\n          state.min,\n          state.max,\n          state.precision,\n        ),\n      };\n    }\n  }\n\n  const newTimeValue = getTimeValueFromSimpleValue(\n    stringDate,\n    state.timeOffset,\n    position,\n    undefined,\n    state.min,\n    state.max,\n    state.precision,\n  );\n\n  newTimeframe[position] = newTimeValue;\n\n  return newTimeframe;\n}\n\n/**\n * Creates actions for the Calendar store using the slice action handlers.\n * @internal\n */\nexport function getCalendarActions<Type extends CalendarType>(\n  isControlled: boolean,\n  type?: CalendarType,\n  formFieldMessagesDispatch?: Dispatch<FormFieldMessagesReducerAction>,\n  onChangeProp?: (date: CalendarStrictValueType<Type>) => void,\n): (\n  set: StoreApi<CalendarTimeframeState>['setState'],\n) => CalendarTimeframeStoreActions {\n  return (set) => ({\n    setCalendarValue: (inputValue) => {\n      set((state) => {\n        if (type === 'range') {\n          const newTimeframe = getTimeframeFromCalendarSelection(\n            inputValue,\n            state,\n          );\n\n          if (isFullTimeframe(newTimeframe) || newTimeframe === null) {\n            (\n              onChangeProp as (date: CalendarStrictValueType<'range'>) => void\n            )?.(newTimeframe);\n\n            if (isControlled) {\n              return state;\n            }\n          }\n\n          const calendarError = validate(newTimeframe, state.min, state.max, {\n            formMessageDispatch: formFieldMessagesDispatch,\n            formerError: state.calendarError,\n            precision: state.precision,\n            showError: false,\n            checkOrder: true,\n            ref: state.calendarRef,\n            valueMode: 'timeframeSelector',\n            errorMessages: CALENDAR_ERROR_MESSAGES,\n          });\n\n          return {\n            calendarValue: newTimeframe,\n            calendarError,\n          };\n        }\n\n        const newTimeValue =\n          getTimeValueFromSimpleValue(\n            inputValue,\n            state.timeOffset,\n            undefined,\n            undefined,\n            state.min,\n            state.max,\n            state.precision,\n          ) ?? null;\n\n        (onChangeProp as (date: CalendarStrictValueType<'single'>) => void)?.(\n          newTimeValue?.value ?? null,\n        );\n\n        if (isControlled) {\n          return state;\n        }\n\n        const calendarError = validate(newTimeValue, state.min, state.max, {\n          formMessageDispatch: formFieldMessagesDispatch,\n          formerError: state.calendarError,\n          precision: state.precision,\n          showError: false,\n          checkOrder: true,\n          ref: state.calendarRef,\n          valueMode: 'single',\n          errorMessages: CALENDAR_ERROR_MESSAGES,\n        });\n\n        return { calendarValue: newTimeValue, calendarError };\n      });\n    },\n  });\n}\n"],
+  "mappings": "AACA,SAAS,gBAAgB;AAKzB,SAAS,+BAA+B;AAGxC,SAAS,mCAAmC;AAE5C,SAAS,iBAAiB,mBAAmB;AAC7C,SAAS,gBAAgB;AAUlB,SAAS,kCACd,YACA,OAC2B;AAC3B,MAAI,CAAC,YAAY,MAAM,eAAe,OAAO,GAAG;AAE9C,WAAO;AAAA,EACT;AAEA,MAAI,eAAe,MAAM;AACvB,WAAO;AAAA,EACT;AAEA,QAAM,aAAa,WAAW,YAAY;AAC1C,QAAM,EAAE,MAAM,GAAG,IAAI,MAAM,iBAAiB,CAAC;AAE7C,MAAI,WAA0B;AAC9B,MAAI,eAAmC,CAAC;AAExC,MAAI,QAAQ,CAAC,IAAI;AACf,UAAM,iBAAiB,SAAS,YAAY,KAAK,YAAY;AAE7D,QAAI,CAAC,gBAAgB;AACnB,qBAAe;AAAA,QACb;AAAA,MACF;AACA,iBAAW;AAAA,IACb;AAGA,QAAI,gBAAgB;AAClB,qBAAe;AAAA,QACb,IAAI;AAAA,UACF,KAAK;AAAA,UACL,MAAM;AAAA,UACN;AAAA,UACA;AAAA,UACA,MAAM;AAAA,UACN,MAAM;AAAA,UACN,MAAM;AAAA,QACR;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAEA,QAAM,eAAe;AAAA,IACnB;AAAA,IACA,MAAM;AAAA,IACN;AAAA,IACA;AAAA,IACA,MAAM;AAAA,IACN,MAAM;AAAA,IACN,MAAM;AAAA,EACR;AAEA,eAAa,QAAQ,IAAI;AAEzB,SAAO;AACT;AAMO,SAAS,mBACd,cACA,MACA,2BACA,cAGiC;AACjC,SAAO,CAAC,SAAS;AAAA,IACf,kBAAkB,CAAC,eAAe;AAChC,UAAI,CAAC,UAAU;AACb,YAAI,SAAS,SAAS;AACpB,gBAAM,eAAe;AAAA,YACnB;AAAA,YACA;AAAA,UACF;AAEA,cAAI,gBAAgB,YAAY,KAAK,iBAAiB,MAAM;AAC1D,YACE,eACE,YAAY;AAEhB,gBAAI,cAAc;AAChB,qBAAO;AAAA,YACT;AAAA,UACF;AAEA,gBAAMA,iBAAgB,SAAS,cAAc,MAAM,KAAK,MAAM,KAAK;AAAA,YACjE,qBAAqB;AAAA,YACrB,aAAa,MAAM;AAAA,YACnB,WAAW,MAAM;AAAA,YACjB,WAAW;AAAA,YACX,YAAY;AAAA,YACZ,KAAK,MAAM;AAAA,YACX,WAAW;AAAA,YACX,eAAe;AAAA,UACjB,CAAC;AAED,iBAAO;AAAA,YACL,eAAe;AAAA,YACf,eAAAA;AAAA,UACF;AAAA,QACF;AAEA,cAAM,eACJ;AAAA,UACE;AAAA,UACA,MAAM;AAAA,UACN;AAAA,UACA;AAAA,UACA,MAAM;AAAA,UACN,MAAM;AAAA,UACN,MAAM;AAAA,QACR,KAAK;AAEP,QAAC;AAAA,UACC,cAAc,SAAS;AAAA,QACzB;AAEA,YAAI,cAAc;AAChB,iBAAO;AAAA,QACT;AAEA,cAAM,gBAAgB,SAAS,cAAc,MAAM,KAAK,MAAM,KAAK;AAAA,UACjE,qBAAqB;AAAA,UACrB,aAAa,MAAM;AAAA,UACnB,WAAW,MAAM;AAAA,UACjB,WAAW;AAAA,UACX,YAAY;AAAA,UACZ,KAAK,MAAM;AAAA,UACX,WAAW;AAAA,UACX,eAAe;AAAA,QACjB,CAAC;AAED,eAAO,EAAE,eAAe,cAAc,cAAc;AAAA,MACtD,CAAC;AAAA,IACH;AAAA,EACF;AACF;",
+  "names": ["calendarError"]
+}