@dynatrace/strato-components 0.84.42 → 0.84.51

package/esm/core/utils/_is-string-children.js

@@ -0,0 +1,16 @@
+import React from "react";
+import { FormattedMessage } from "react-intl";
+import { isElement } from "react-is";
+function isStringChildren(children) {
+  const childrenArray = React.Children.toArray(children);
+  if (!childrenArray.some(isElement)) {
+    return true;
+  }
+  return childrenArray.every(
+    (child) => !isElement(child) || isElement(child) && child.type && child.type === FormattedMessage
+  );
+}
+export {
+  isStringChildren
+};
+//# sourceMappingURL=_is-string-children.js.map

package/esm/core/utils/_is-string-children.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/core/utils/_is-string-children.ts"],
+  "sourcesContent": ["import React from 'react';\nimport { FormattedMessage } from 'react-intl';\nimport { isElement } from 'react-is';\n\n/**\n * Returns whether children only consist of text nodes.\n * @internal\n */\nexport function isStringChildren(children: React.ReactNode): boolean {\n  const childrenArray = React.Children.toArray(children);\n\n  if (!childrenArray.some(isElement)) {\n    return true; // All children are strings\n  }\n\n  return childrenArray.every(\n    (child) =>\n      !isElement(child) ||\n      (isElement(child) && child.type && child.type === FormattedMessage),\n  );\n}\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAClB,SAAS,wBAAwB;AACjC,SAAS,iBAAiB;AAMnB,SAAS,iBAAiB,UAAoC;AACnE,QAAM,gBAAgB,MAAM,SAAS,QAAQ,QAAQ;AAErD,MAAI,CAAC,cAAc,KAAK,SAAS,GAAG;AAClC,WAAO;AAAA,EACT;AAEA,SAAO,cAAc;AAAA,IACnB,CAAC,UACC,CAAC,UAAU,KAAK,KACf,UAAU,KAAK,KAAK,MAAM,QAAQ,MAAM,SAAS;AAAA,EACtD;AACF;",
+  "names": []
+}

package/esm/core/utils/isBrowser.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/core/utils/isBrowser.ts"],
-  "sourcesContent": ["/**\n * @internal\n *\n * Whether the code is currently executed in a browser\n * @see https://github.com/chakra-ui/chakra-ui/blob/main/packages/utils/src/dom.ts\n */\nexport const isBrowser = (() => {\n  return !!(\n    typeof window !== 'undefined' &&\n    window.document &&\n    window.document.createElement\n  );\n})();\n"],
+  "sourcesContent": ["/**\n * @internal\n *\n * Whether the code is currently executed in a browser\n * @see {@link https://github.com/chakra-ui/chakra-ui/blob/main/packages/utils/src/dom.ts}\n */\nexport const isBrowser = (() => {\n  return !!(\n    typeof window !== 'undefined' &&\n    window.document &&\n    window.document.createElement\n  );\n})();\n"],
   "mappings": "AAMO,MAAM,aAAa,MAAM;AAC9B,SAAO,CAAC,EACN,OAAO,WAAW,eAClB,OAAO,YACP,OAAO,SAAS;AAEpB,GAAG;",
   "names": []
 }

package/esm/core/utils/merge-props.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/core/utils/merge-props.ts"],
-  "sourcesContent": ["/* eslint-disable @typescript-eslint/no-explicit-any */\n\n/**\n * Calls all functions in the order they were chained with the same arguments.\n */\nfunction chain(...callbacks: any[]): (...args: any[]) => void {\n  return (...args: any[]) => {\n    for (const callback of callbacks) {\n      if (typeof callback === 'function') {\n        callback(...args);\n      }\n    }\n  };\n}\n\n// taken from: https://stackoverflow.com/questions/51603250/typescript-3-parameter-list-intersection-type/51604379#51604379\n/**\n * @internal\n * Internal helper mapper type for mergeProps\n */\nexport type TupleTypes<T> = { [P in keyof T]: T[P] } extends {\n  [key: number]: infer V;\n}\n  ? NullToObject<V>\n  : never;\n\n/**\n * @internal\n * Internal helper mapper type for mergeProps\n */\n// eslint-disable-next-line @typescript-eslint/ban-types\nexport type NullToObject<T> = T extends null | undefined ? {} : T;\n\n/**\n * @internal\n * Internal helper mapper type for mergeProps\n */\n// eslint-disable-next-line no-undef, @typescript-eslint/no-unused-vars\nexport type UnionToIntersection<U> = (\n  U extends any ? (k: U) => void : never\n) extends (k: infer I) => void\n  ? I\n  : never;\n\n/**\n * @internal\n *\n * Merges multiple props objects together. Event handlers are chained,\n * classNames are combined, and ids are deduplicated - different ids\n * will trigger a side-effect and re-render components hooked up with `useId`.\n * For all other props, the last prop object overrides all previous ones.\n * @param args - Multiple sets of props to merge together.\n */\nexport function mergeProps<\n  T extends (\n    | {\n        [key: string]: any;\n      }\n    | null\n    | undefined\n  )[],\n>(...args: T): UnionToIntersection<TupleTypes<T>> {\n  // Start with a base clone of the first argument. This is a lot faster than starting\n  // with an empty object and adding properties as we go.\n  const result = { ...args[0] };\n  for (let i = 1; i < args.length; i++) {\n    const props = args[i];\n    for (const key in props) {\n      const a = result[key];\n      const b = props[key];\n\n      // Chain events\n      if (\n        typeof a === 'function' &&\n        typeof b === 'function' &&\n        // This is a lot faster than a regex.\n        key[0] === 'o' &&\n        key[1] === 'n' &&\n        key.charCodeAt(2) >= /* 'A' */ 65 &&\n        key.charCodeAt(2) <= /* 'Z' */ 90\n      ) {\n        result[key] = chain(a, b);\n      } else {\n        result[key] = b !== undefined ? b : a;\n      }\n    }\n  }\n\n  return result as UnionToIntersection<TupleTypes<T>>;\n}\n"],
-  "mappings": "AAKA,SAAS,SAAS,WAA4C;AAC5D,SAAO,IAAI,SAAgB;AACzB,eAAW,YAAY,WAAW;AAChC,UAAI,OAAO,aAAa,YAAY;AAClC,iBAAS,GAAG,IAAI;AAAA,MAClB;AAAA,IACF;AAAA,EACF;AACF;AAwCO,SAAS,cAQX,MAA6C;AAGhD,QAAM,SAAS,EAAE,GAAG,KAAK,CAAC,EAAE;AAC5B,WAAS,IAAI,GAAG,IAAI,KAAK,QAAQ,KAAK;AACpC,UAAM,QAAQ,KAAK,CAAC;AACpB,eAAW,OAAO,OAAO;AACvB,YAAM,IAAI,OAAO,GAAG;AACpB,YAAM,IAAI,MAAM,GAAG;AAGnB,UACE,OAAO,MAAM,cACb,OAAO,MAAM;AAAA,MAEb,IAAI,CAAC,MAAM,OACX,IAAI,CAAC,MAAM,OACX,IAAI,WAAW,CAAC;AAAA,MAAe,MAC/B,IAAI,WAAW,CAAC;AAAA,MAAe,IAC/B;AACA,eAAO,GAAG,IAAI,MAAM,GAAG,CAAC;AAAA,MAC1B,OAAO;AACL,eAAO,GAAG,IAAI,MAAM,SAAY,IAAI;AAAA,MACtC;AAAA,IACF;AAAA,EACF;AAEA,SAAO;AACT;",
+  "sourcesContent": ["/* eslint-disable @typescript-eslint/no-explicit-any */\n\n/**\n * Calls all functions in the order they were chained with the same arguments.\n */\nfunction chain(...callbacks: any[]): (...args: any[]) => void {\n  return (...args: any[]) => {\n    for (const callback of callbacks) {\n      if (typeof callback === 'function') {\n        callback(...args);\n      }\n    }\n  };\n}\n\n// taken from: https://stackoverflow.com/questions/51603250/typescript-3-parameter-list-intersection-type/51604379#51604379\n/**\n * Internal helper mapper type for mergeProps.\n * @internal\n */\nexport type TupleTypes<T> = { [P in keyof T]: T[P] } extends {\n  [key: number]: infer V;\n}\n  ? NullToObject<V>\n  : never;\n\n/**\n * Internal helper mapper type for mergeProps.\n * @internal\n */\n// eslint-disable-next-line @typescript-eslint/ban-types\nexport type NullToObject<T> = T extends null | undefined ? {} : T;\n\n/**\n * Internal helper mapper type for mergeProps.\n * @internal\n */\n// eslint-disable-next-line no-undef, @typescript-eslint/no-unused-vars\nexport type UnionToIntersection<U> = (\n  U extends any ? (k: U) => void : never\n) extends (k: infer I) => void\n  ? I\n  : never;\n\n/**\n * Merges multiple props objects together. Event handlers are chained,\n * classNames are combined, and ids are deduplicated - different ids\n * will trigger a side-effect and re-render components hooked up with `useId`.\n * For all other props, the last prop object overrides all previous ones.\n * @param args - Multiple sets of props to merge together.\n * @internal\n */\nexport function mergeProps<\n  T extends (\n    | {\n        [key: string]: any;\n      }\n    | null\n    | undefined\n  )[],\n>(...args: T): UnionToIntersection<TupleTypes<T>> {\n  // Start with a base clone of the first argument. This is a lot faster than starting\n  // with an empty object and adding properties as we go.\n  const result = { ...args[0] };\n  for (let i = 1; i < args.length; i++) {\n    const props = args[i];\n    for (const key in props) {\n      const a = result[key];\n      const b = props[key];\n\n      // Chain events\n      if (\n        typeof a === 'function' &&\n        typeof b === 'function' &&\n        // This is a lot faster than a regex.\n        key[0] === 'o' &&\n        key[1] === 'n' &&\n        key.charCodeAt(2) >= /* 'A' */ 65 &&\n        key.charCodeAt(2) <= /* 'Z' */ 90\n      ) {\n        result[key] = chain(a, b);\n      } else {\n        result[key] = b !== undefined ? b : a;\n      }\n    }\n  }\n\n  return result as UnionToIntersection<TupleTypes<T>>;\n}\n"],
+  "mappings": "AAKA,SAAS,SAAS,WAA4C;AAC5D,SAAO,IAAI,SAAgB;AACzB,eAAW,YAAY,WAAW;AAChC,UAAI,OAAO,aAAa,YAAY;AAClC,iBAAS,GAAG,IAAI;AAAA,MAClB;AAAA,IACF;AAAA,EACF;AACF;AAuCO,SAAS,cAQX,MAA6C;AAGhD,QAAM,SAAS,EAAE,GAAG,KAAK,CAAC,EAAE;AAC5B,WAAS,IAAI,GAAG,IAAI,KAAK,QAAQ,KAAK;AACpC,UAAM,QAAQ,KAAK,CAAC;AACpB,eAAW,OAAO,OAAO;AACvB,YAAM,IAAI,OAAO,GAAG;AACpB,YAAM,IAAI,MAAM,GAAG;AAGnB,UACE,OAAO,MAAM,cACb,OAAO,MAAM;AAAA,MAEb,IAAI,CAAC,MAAM,OACX,IAAI,CAAC,MAAM,OACX,IAAI,WAAW,CAAC;AAAA,MAAe,MAC/B,IAAI,WAAW,CAAC;AAAA,MAAe,IAC/B;AACA,eAAO,GAAG,IAAI,MAAM,GAAG,CAAC;AAAA,MAC1B,OAAO;AACL,eAAO,GAAG,IAAI,MAAM,SAAY,IAAI;AAAA,MACtC;AAAA,IACF;AAAA,EACF;AAEA,SAAO;AACT;",
   "names": []
 }

package/esm/core/utils/seed-random.js

@@ -0,0 +1,16 @@
+const memoizedRandomGenerators = {};
+function mulberry32(seed) {
+  if (memoizedRandomGenerators[seed] === void 0) {
+    memoizedRandomGenerators[seed] = () => {
+      let t = seed += 1831565813;
+      t = Math.imul(t ^ t >>> 15, t | 1);
+      t ^= t + Math.imul(t ^ t >>> 7, t | 61);
+      return ((t ^ t >>> 14) >>> 0) / 4294967296;
+    };
+  }
+  return memoizedRandomGenerators[seed];
+}
+export {
+  mulberry32
+};
+//# sourceMappingURL=seed-random.js.map

package/esm/core/utils/seed-random.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/core/utils/seed-random.ts"],
+  "sourcesContent": ["/* eslint-disable no-mixed-operators */\n\n/** Memoize currified mulberry32 generators to ensure that sequences are honored for the same seed */\nconst memoizedRandomGenerators: Record<number, () => number> = {};\n\n/**\n * Generate a random seed function based on the mulberry32 algorithm\n * @internal\n */\nexport function mulberry32(seed: number) {\n  if (memoizedRandomGenerators[seed] === void 0) {\n    memoizedRandomGenerators[seed] = () => {\n      let t = (seed += 0x6d2b79f5);\n      t = Math.imul(t ^ (t >>> 15), t | 1);\n      t ^= t + Math.imul(t ^ (t >>> 7), t | 61);\n      return ((t ^ (t >>> 14)) >>> 0) / 4294967296;\n    };\n  }\n\n  return memoizedRandomGenerators[seed];\n}\n"],
+  "mappings": "AAGA,MAAM,2BAAyD,CAAC;AAMzD,SAAS,WAAW,MAAc;AACvC,MAAI,yBAAyB,IAAI,MAAM,QAAQ;AAC7C,6BAAyB,IAAI,IAAI,MAAM;AACrC,UAAI,IAAK,QAAQ;AACjB,UAAI,KAAK,KAAK,IAAK,MAAM,IAAK,IAAI,CAAC;AACnC,WAAK,IAAI,KAAK,KAAK,IAAK,MAAM,GAAI,IAAI,EAAE;AACxC,eAAS,IAAK,MAAM,QAAS,KAAK;AAAA,IACpC;AAAA,EACF;AAEA,SAAO,yBAAyB,IAAI;AACtC;",
+  "names": []
+}

package/esm/core/utils/uuidv4.js

@@ -0,0 +1,13 @@
+import { mulberry32 } from "./seed-random.js";
+function uuidv4(seed) {
+  const random = seed !== void 0 ? mulberry32(seed) : Math.random;
+  return "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, (char) => {
+    const randomNumber = random() * 16 | 0;
+    const value = char === "x" ? randomNumber : randomNumber & 3 | 8;
+    return value.toString(16);
+  });
+}
+export {
+  uuidv4
+};
+//# sourceMappingURL=uuidv4.js.map

package/esm/core/utils/uuidv4.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/core/utils/uuidv4.ts"],
+  "sourcesContent": ["import { mulberry32 } from './seed-random.js';\n\n/**\n * Generates a uuidv4\n * @internal\n */\nexport function uuidv4(seed?: number) {\n  // If a seed is given, use a seeded random function to generate the uuid.\n  const random = seed !== void 0 ? mulberry32(seed) : Math.random;\n  return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, (char) => {\n    // eslint-disable-next-line no-mixed-operators\n    const randomNumber = (random() * 16) | 0;\n    const value = char === 'x' ? randomNumber : (randomNumber & 0x3) | 0x8;\n    return value.toString(16);\n  });\n}\n"],
+  "mappings": "AAAA,SAAS,kBAAkB;AAMpB,SAAS,OAAO,MAAe;AAEpC,QAAM,SAAS,SAAS,SAAS,WAAW,IAAI,IAAI,KAAK;AACzD,SAAO,uCAAuC,QAAQ,SAAS,CAAC,SAAS;AAEvE,UAAM,eAAgB,OAAO,IAAI,KAAM;AACvC,UAAM,QAAQ,SAAS,MAAM,eAAgB,eAAe,IAAO;AACnE,WAAO,MAAM,SAAS,EAAE;AAAA,EAC1B,CAAC;AACH;",
+  "names": []
+}

package/esm/index.js

@@ -1,4 +1,6 @@
 export * from "./core/index.js";
+export * from "./content/index.js";
 export * from "./layouts/index.js";
+export * from "./styles/index.js";
 export * from "./typography/index.js";
 //# sourceMappingURL=index.js.map

package/esm/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/index.ts"],
-  "sourcesContent": ["export * from './core/index.js';\nexport * from './layouts/index.js';\nexport * from './typography/index.js';\n"],
-  "mappings": "AAAA,cAAc;AACd,cAAc;AACd,cAAc;",
+  "sourcesContent": ["export * from './core/index.js';\nexport * from './content/index.js';\nexport * from './layouts/index.js';\nexport * from './styles/index.js';\nexport * from './typography/index.js';\n"],
+  "mappings": "AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;",
   "names": []
 }

package/esm/layouts/container/Container.css

@@ -0,0 +1,8 @@
+.Container_containerCSS__f32lcd0 {
+  border-style: var(--dt-borders-style-default, solid);
+  border-width: var(--dt-borders-width-emphasized, 2px);
+  border-radius: var(--dt-borders-radius-container-default, 12px);
+  color: var(--vars_text__6levse0);
+  border-color: var(--vars_borderColor__6levse2);
+  background-color: var(--vars_background__6levse1);
+}

package/esm/layouts/container/Container.js

@@ -0,0 +1,55 @@
+import clsx from "clsx";
+import React, { forwardRef } from "react";
+import { containerCSS } from "./Container.sty.js";
+import { containerColorsCSS } from "../../styles/container.sty.js";
+import {
+  _getLayoutSizeStyles as getLayoutSizeStyles,
+  _getSpacingSprinkles as getSpacingSprinkles
+} from "../../styles/index.js";
+const Container = /* @__PURE__ */ forwardRef(
+  ({
+    as,
+    children,
+    variant = "default",
+    color = "neutral",
+    className: consumerClassName,
+    style: consumerStyle,
+    "data-testid": dataTestId,
+    "data-dtrum-mask": dataDtrumMask,
+    "data-dtrum-allow": dataDtrumAllow,
+    ...remainingProps
+  }, ref) => {
+    const [spacingClasses, sprinkleRestProps] = getSpacingSprinkles(
+      remainingProps,
+      { padding: 16 }
+    );
+    const [sizeStyles, sizeRestProps] = getLayoutSizeStyles(sprinkleRestProps);
+    const Component = as || "div";
+    return /* @__PURE__ */ React.createElement(
+      Component,
+      {
+        ref,
+        className: clsx(
+          containerColorsCSS({ color, variant }),
+          containerCSS,
+          spacingClasses,
+          consumerClassName
+        ),
+        style: {
+          ...sizeStyles,
+          ...consumerStyle
+        },
+        "data-testid": dataTestId,
+        "data-dtrum-mask": dataDtrumMask,
+        "data-dtrum-allow": dataDtrumAllow,
+        ...sizeRestProps
+      },
+      children
+    );
+  }
+);
+Container.displayName = "Container";
+export {
+  Container
+};
+//# sourceMappingURL=Container.js.map

package/esm/layouts/container/Container.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/layouts/container/Container.tsx"],
+  "sourcesContent": ["import clsx from 'clsx';\nimport React, { forwardRef, type ElementType, type ReactElement } from 'react';\n\nimport { containerCSS } from './Container.sty.js';\nimport type { DataTestId } from '../../core/types/data-props.js';\nimport type { MaskingProps } from '../../core/types/masking-props.js';\nimport type { PolymorphicComponentProps } from '../../core/types/polymorph.js';\nimport type { StylingProps } from '../../core/types/styling-props.js';\nimport type { WithChildren } from '../../core/types/with-children.js';\nimport { containerColorsCSS } from '../../styles/container.sty.js';\nimport {\n  _getLayoutSizeStyles as getLayoutSizeStyles,\n  _getSpacingSprinkles as getSpacingSprinkles,\n  type LayoutSizeProps,\n  type SpacingProps,\n} from '../../styles/index.js';\n\n/**\n * Accepted properties for Container\n * @public\n */\nexport interface ContainerOwnProps\n  extends WithChildren,\n    DataTestId,\n    StylingProps,\n    SpacingProps,\n    LayoutSizeProps,\n    MaskingProps {\n  /**\n   * The visual style of the container.\n   * @defaultValue 'default'\n   */\n  variant?: 'minimal' | 'default' | 'emphasized' | 'accent';\n  /**\n   * The color of the container. This should be chosen based on the context\n   * the container is used in.\n   * @defaultValue 'neutral'\n   */\n  color?: 'primary' | 'neutral' | 'success' | 'warning' | 'critical';\n}\n\n/**\n * Merge own props with others inherited from the underlying element type\n * @public\n */\nexport type ContainerProps<E extends ElementType> = PolymorphicComponentProps<\n  E,\n  ContainerOwnProps\n>;\n\n/**\n * Containers can be used to group content that is related. Additionally, they emphasize and highlight your grouped content.\n * @public\n */\nexport const Container: <E extends ElementType = 'div'>(\n  props: ContainerProps<E>,\n) => ReactElement | null = /* @__PURE__ */ forwardRef(\n  <E extends ElementType>(\n    {\n      as,\n      children,\n      variant = 'default',\n      color = 'neutral',\n      className: consumerClassName,\n      style: consumerStyle,\n      'data-testid': dataTestId,\n      'data-dtrum-mask': dataDtrumMask,\n      'data-dtrum-allow': dataDtrumAllow,\n      ...remainingProps\n    }: ContainerProps<E>,\n    ref: typeof remainingProps.ref,\n  ) => {\n    const [spacingClasses, sprinkleRestProps] = getSpacingSprinkles(\n      remainingProps,\n      { padding: 16 },\n    );\n\n    const [sizeStyles, sizeRestProps] = getLayoutSizeStyles(sprinkleRestProps);\n\n    // Make the component polymorphic\n    const Component = as || 'div';\n\n    return (\n      <Component\n        ref={ref}\n        className={clsx(\n          containerColorsCSS({ color, variant }),\n          containerCSS,\n          spacingClasses,\n          consumerClassName,\n        )}\n        style={{\n          ...sizeStyles,\n          ...consumerStyle,\n        }}\n        data-testid={dataTestId}\n        data-dtrum-mask={dataDtrumMask}\n        data-dtrum-allow={dataDtrumAllow}\n        {...sizeRestProps}\n      >\n        {children}\n      </Component>\n    );\n  },\n);\n\n(Container as typeof Container & { displayName: string }).displayName =\n  'Container';\n"],
+  "mappings": "AAAA,OAAO,UAAU;AACjB,OAAO,SAAS,kBAAuD;AAEvE,SAAS,oBAAoB;AAM7B,SAAS,0BAA0B;AACnC;AAAA,EACE,wBAAwB;AAAA,EACxB,wBAAwB;AAAA,OAGnB;AAuCA,MAAM,YAE8B;AAAA,EACzC,CACE;AAAA,IACE;AAAA,IACA;AAAA,IACA,UAAU;AAAA,IACV,QAAQ;AAAA,IACR,WAAW;AAAA,IACX,OAAO;AAAA,IACP,eAAe;AAAA,IACf,mBAAmB;AAAA,IACnB,oBAAoB;AAAA,IACpB,GAAG;AAAA,EACL,GACA,QACG;AACH,UAAM,CAAC,gBAAgB,iBAAiB,IAAI;AAAA,MAC1C;AAAA,MACA,EAAE,SAAS,GAAG;AAAA,IAChB;AAEA,UAAM,CAAC,YAAY,aAAa,IAAI,oBAAoB,iBAAiB;AAGzE,UAAM,YAAY,MAAM;AAExB,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,WAAW;AAAA,UACT,mBAAmB,EAAE,OAAO,QAAQ,CAAC;AAAA,UACrC;AAAA,UACA;AAAA,UACA;AAAA,QACF;AAAA,QACA,OAAO;AAAA,UACL,GAAG;AAAA,UACH,GAAG;AAAA,QACL;AAAA,QACA,eAAa;AAAA,QACb,mBAAiB;AAAA,QACjB,oBAAkB;AAAA,QACjB,GAAG;AAAA;AAAA,MAEH;AAAA,IACH;AAAA,EAEJ;AACF;AAEC,UAAyD,cACxD;",
+  "names": []
+}

package/esm/layouts/container/Container.sty.js

@@ -0,0 +1,7 @@
+import "../../styles/container.css";
+import "./Container.css";
+var containerCSS = "Container_containerCSS__f32lcd0";
+export {
+  containerCSS
+};
+//# sourceMappingURL=Container.sty.js.map

package/esm/layouts/container/Container.sty.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/layouts/container/Container.css.ts"],
+  "sourcesContent": ["import '../../styles/container.css';\nimport './Container.css';\nexport var containerCSS = 'Container_containerCSS__f32lcd0';"],
+  "mappings": "AAAA,OAAO;AACP,OAAO;AACA,IAAI,eAAe;",
+  "names": []
+}

package/esm/layouts/flex/Flex.js

@@ -0,0 +1,46 @@
+import clsx from "clsx";
+import React, { forwardRef } from "react";
+import {
+  getFlexStyles
+} from "../../styles/getFlexStyles.js";
+const Flex = /* @__PURE__ */ forwardRef(
+  (props, forwardedRef) => {
+    const {
+      children,
+      id,
+      as,
+      className: consumerClassName,
+      style: consumerStyle,
+      "data-testid": dataTestId,
+      "data-dtrum-mask": dataDtrumMask,
+      "data-dtrum-allow": dataDtrumAllow,
+      ...remainingProps
+    } = props;
+    const [flexClassNames, flexStyles, nonFlexStyleProps] = getFlexStyles(
+      remainingProps,
+      { gap: 8 }
+    );
+    const Component = as ?? "div";
+    return /* @__PURE__ */ React.createElement(
+      Component,
+      {
+        ref: forwardedRef,
+        id,
+        "data-testid": dataTestId,
+        "data-dtrum-mask": dataDtrumMask,
+        "data-dtrum-allow": dataDtrumAllow,
+        className: clsx(flexClassNames, consumerClassName),
+        style: {
+          ...flexStyles,
+          ...consumerStyle
+        },
+        ...nonFlexStyleProps
+      },
+      children
+    );
+  }
+);
+export {
+  Flex
+};
+//# sourceMappingURL=Flex.js.map

package/esm/layouts/flex/Flex.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/layouts/flex/Flex.tsx"],
+  "sourcesContent": ["import clsx from 'clsx';\nimport React, { type ElementType, type ReactElement, forwardRef } from 'react';\n\nimport { type DataTestId } from '../../core/types/data-props.js';\nimport { type MaskingProps } from '../../core/types/masking-props.js';\nimport { type PolymorphicComponentProps } from '../../core/types/polymorph.js';\nimport { type StylingProps } from '../../core/types/styling-props.js';\nimport { type WithChildren } from '../../core/types/with-children.js';\nimport {\n  getFlexStyles,\n  type FlexStyleProps,\n} from '../../styles/getFlexStyles.js';\n\n/**\n * Flex own props.\n * @public\n */\nexport type FlexOwnProps = WithChildren &\n  StylingProps &\n  FlexStyleProps &\n  DataTestId &\n  MaskingProps;\n\n/**\n * Merge own props with others inherited from the underlying element type.\n * @public\n */\nexport type FlexProps<E extends ElementType> = PolymorphicComponentProps<\n  E,\n  FlexOwnProps\n>;\n\n/**\n * The `Flex` component can be used to layout its children with Flexbox.\n * The component can be customized with flexbox props.\n * @public\n */\nexport const Flex: <E extends ElementType = 'div'>(\n  props: FlexProps<E>,\n) => ReactElement | null = /* @__PURE__ */ forwardRef(\n  <E extends ElementType>(\n    props: FlexProps<E>,\n    forwardedRef: typeof props.ref,\n  ) => {\n    const {\n      children,\n      id,\n      as,\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\n    const [flexClassNames, flexStyles, nonFlexStyleProps] = getFlexStyles(\n      remainingProps,\n      { gap: 8 },\n    );\n\n    const Component = as ?? 'div';\n\n    return (\n      <Component\n        ref={forwardedRef}\n        id={id}\n        data-testid={dataTestId}\n        data-dtrum-mask={dataDtrumMask}\n        data-dtrum-allow={dataDtrumAllow}\n        className={clsx(flexClassNames, consumerClassName)}\n        style={{\n          ...flexStyles,\n          ...consumerStyle,\n        }}\n        {...nonFlexStyleProps}\n      >\n        {children}\n      </Component>\n    );\n  },\n);\n"],
+  "mappings": "AAAA,OAAO,UAAU;AACjB,OAAO,SAA8C,kBAAkB;AAOvE;AAAA,EACE;AAAA,OAEK;AA0BA,MAAM,OAE8B;AAAA,EACzC,CACE,OACA,iBACG;AACH,UAAM;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA,WAAW;AAAA,MACX,OAAO;AAAA,MACP,eAAe;AAAA,MACf,mBAAmB;AAAA,MACnB,oBAAoB;AAAA,MACpB,GAAG;AAAA,IACL,IAAI;AAEJ,UAAM,CAAC,gBAAgB,YAAY,iBAAiB,IAAI;AAAA,MACtD;AAAA,MACA,EAAE,KAAK,EAAE;AAAA,IACX;AAEA,UAAM,YAAY,MAAM;AAExB,WACE;AAAA,MAAC;AAAA;AAAA,QACC,KAAK;AAAA,QACL;AAAA,QACA,eAAa;AAAA,QACb,mBAAiB;AAAA,QACjB,oBAAkB;AAAA,QAClB,WAAW,KAAK,gBAAgB,iBAAiB;AAAA,QACjD,OAAO;AAAA,UACL,GAAG;AAAA,UACH,GAAG;AAAA,QACL;AAAA,QACC,GAAG;AAAA;AAAA,MAEH;AAAA,IACH;AAAA,EAEJ;AACF;",
+  "names": []
+}

package/esm/layouts/grid/Grid.js

@@ -0,0 +1,46 @@
+import clsx from "clsx";
+import React, { forwardRef } from "react";
+import {
+  getGridStyles
+} from "../../styles/getGridStyles.js";
+const Grid = /* @__PURE__ */ forwardRef(
+  (props, forwardedRef) => {
+    const {
+      children,
+      id,
+      as = "div",
+      className: consumerClassName,
+      style: consumerStyle,
+      "data-testid": dataTestId,
+      "data-dtrum-mask": dataDtrumMask,
+      "data-dtrum-allow": dataDtrumAllow,
+      ...remainingProps
+    } = props;
+    const [gridClassNames, gridStyles, nonGridStyleProps] = getGridStyles(
+      remainingProps,
+      { gap: 8 }
+    );
+    const Component = as ?? "div";
+    return /* @__PURE__ */ React.createElement(
+      Component,
+      {
+        ref: forwardedRef,
+        "data-testid": dataTestId,
+        "data-dtrum-mask": dataDtrumMask,
+        "data-dtrum-allow": dataDtrumAllow,
+        id,
+        className: clsx(gridClassNames, consumerClassName),
+        style: {
+          ...gridStyles,
+          ...consumerStyle
+        },
+        ...nonGridStyleProps
+      },
+      children
+    );
+  }
+);
+export {
+  Grid
+};
+//# sourceMappingURL=Grid.js.map

package/esm/layouts/grid/Grid.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/layouts/grid/Grid.tsx"],
+  "sourcesContent": ["import clsx from 'clsx';\nimport React, { ElementType, ReactElement, forwardRef } from 'react';\n\nimport { type DataTestId } from '../../core/types/data-props.js';\nimport { type MaskingProps } from '../../core/types/masking-props.js';\nimport { type PolymorphicComponentProps } from '../../core/types/polymorph.js';\nimport { type StylingProps } from '../../core/types/styling-props.js';\nimport { type WithChildren } from '../../core/types/with-children.js';\nimport {\n  type GridStyleProps,\n  getGridStyles,\n} from '../../styles/getGridStyles.js';\n\n/**\n * Defines grid own props.\n * @public\n */\nexport type GridOwnProps = WithChildren &\n  StylingProps &\n  GridStyleProps &\n  DataTestId &\n  MaskingProps;\n\n/**\n * Merge own props with others inherited from the underlying element type.\n * @public\n */\nexport type GridProps<E extends ElementType> = PolymorphicComponentProps<\n  E,\n  GridOwnProps\n>;\n\n/**\n * The `Grid` component can be used to layout its children with the help of CSS Grid.\n * The component can be customized with CSS grid props.\n * @public\n */\nexport const Grid: <E extends ElementType = 'div'>(\n  props: GridProps<E>,\n) => ReactElement | null = /* @__PURE__ */ forwardRef(\n  <E extends ElementType>(\n    props: GridProps<E>,\n    forwardedRef: typeof props.ref,\n  ) => {\n    const {\n      children,\n      id,\n      as = 'div',\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\n    const [gridClassNames, gridStyles, nonGridStyleProps] = getGridStyles(\n      remainingProps,\n      { gap: 8 },\n    );\n\n    const Component = as ?? 'div';\n\n    return (\n      <Component\n        ref={forwardedRef}\n        data-testid={dataTestId}\n        data-dtrum-mask={dataDtrumMask}\n        data-dtrum-allow={dataDtrumAllow}\n        id={id}\n        className={clsx(gridClassNames, consumerClassName)}\n        style={{\n          ...gridStyles,\n          ...consumerStyle,\n        }}\n        {...nonGridStyleProps}\n      >\n        {children}\n      </Component>\n    );\n  },\n);\n"],
+  "mappings": "AAAA,OAAO,UAAU;AACjB,OAAO,SAAoC,kBAAkB;AAO7D;AAAA,EAEE;AAAA,OACK;AA0BA,MAAM,OAE8B;AAAA,EACzC,CACE,OACA,iBACG;AACH,UAAM;AAAA,MACJ;AAAA,MACA;AAAA,MACA,KAAK;AAAA,MACL,WAAW;AAAA,MACX,OAAO;AAAA,MACP,eAAe;AAAA,MACf,mBAAmB;AAAA,MACnB,oBAAoB;AAAA,MACpB,GAAG;AAAA,IACL,IAAI;AAEJ,UAAM,CAAC,gBAAgB,YAAY,iBAAiB,IAAI;AAAA,MACtD;AAAA,MACA,EAAE,KAAK,EAAE;AAAA,IACX;AAEA,UAAM,YAAY,MAAM;AAExB,WACE;AAAA,MAAC;AAAA;AAAA,QACC,KAAK;AAAA,QACL,eAAa;AAAA,QACb,mBAAiB;AAAA,QACjB,oBAAkB;AAAA,QAClB;AAAA,QACA,WAAW,KAAK,gBAAgB,iBAAiB;AAAA,QACjD,OAAO;AAAA,UACL,GAAG;AAAA,UACH,GAAG;AAAA,QACL;AAAA,QACC,GAAG;AAAA;AAAA,MAEH;AAAA,IACH;AAAA,EAEJ;AACF;",
+  "names": []
+}

package/esm/layouts/index.js

@@ -1,5 +1,11 @@
+import { Flex } from "./flex/Flex.js";
+import { Grid } from "./grid/Grid.js";
 import { Divider } from "./Divider/Divider.js";
+import { Container } from "./container/Container.js";
 export {
-  Divider
+  Container,
+  Divider,
+  Flex,
+  Grid
 };
 //# sourceMappingURL=index.js.map

package/esm/layouts/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/layouts/index.ts"],
-  "sourcesContent": ["export { Divider } from './Divider/Divider.js';\nexport type { DividerProps } from './Divider/Divider.js';\n"],
-  "mappings": "AAAA,SAAS,eAAe;",
+  "sourcesContent": ["export { Flex, type FlexOwnProps, type FlexProps } from './flex/Flex.js';\nexport { Grid, type GridOwnProps, type GridProps } from './grid/Grid.js';\nexport { Divider } from './Divider/Divider.js';\nexport type { DividerProps } from './Divider/Divider.js';\nexport { Container } from './container/Container.js';\nexport type {\n  ContainerOwnProps,\n  ContainerProps,\n} from './container/Container.js';\n"],
+  "mappings": "AAAA,SAAS,YAA+C;AACxD,SAAS,YAA+C;AACxD,SAAS,eAAe;AAExB,SAAS,iBAAiB;",
   "names": []
 }

package/esm/styles/colorUtils.css

@@ -0,0 +1,80 @@
+.colorUtils_colorUtilsCSS_color_critical__17bwkb04 {
+  --vars_text__17bwkb00: var(--dt-colors-text-critical-default, #b80031);
+  --vars_icon__17bwkb01: var(--dt-colors-icon-critical-default, #b80031);
+  --vars_borderColor__17bwkb02: var(--dt-colors-border-critical-default, #f1cdcf);
+}
+.colorUtils_colorUtilsCSS_color_neutral__17bwkb05 {
+  --vars_text__17bwkb00: var(--dt-colors-text-neutral-default, #2b2a58);
+  --vars_icon__17bwkb01: var(--dt-colors-icon-neutral-default, #2b2a58);
+  --vars_borderColor__17bwkb02: var(--dt-colors-border-neutral-default, #d2d3e1);
+}
+.colorUtils_colorUtilsCSS_color_primary__17bwkb06 {
+  --vars_text__17bwkb00: var(--dt-colors-text-primary-default, #454cc9);
+  --vars_icon__17bwkb01: var(--dt-colors-icon-primary-default, #454cc9);
+  --vars_borderColor__17bwkb02: var(--dt-colors-border-primary-default, #ccd3f3);
+}
+.colorUtils_colorUtilsCSS_color_success__17bwkb07 {
+  --vars_text__17bwkb00: var(--dt-colors-text-success-default, #2c6360);
+  --vars_icon__17bwkb01: var(--dt-colors-icon-success-default, #2c6360);
+  --vars_borderColor__17bwkb02: var(--dt-colors-border-success-default, #cad6d7);
+}
+.colorUtils_colorUtilsCSS_color_warning__17bwkb08 {
+  --vars_text__17bwkb00: var(--dt-colors-text-warning-default, #805100);
+  --vars_icon__17bwkb01: var(--dt-colors-icon-warning-default, #805100);
+  --vars_borderColor__17bwkb02: var(--dt-colors-border-warning-default, #f4e5d5);
+}
+.colorUtils_colorUtilsCSS_color_onAccent__17bwkb09 {
+  --vars_text__17bwkb00: var(--dt-colors-text-neutral-on-accent-default, #f3f3f6);
+  --vars_icon__17bwkb01: var(--dt-colors-icon-neutral-on-accent-default, #f3f3f6);
+  --vars_borderColor__17bwkb02: var(--dt-colors-border-neutral-on-accent-default, #f3f3f6);
+}
+.colorUtils_colorUtilsCSS_compound_0__17bwkb0e {
+  --vars_text__17bwkb00: var(--dt-colors-text-primary-on-accent-default, #f4f4fb);
+  --vars_icon__17bwkb01: var(--dt-colors-icon-primary-on-accent-default, #f4f4fb);
+  --vars_borderColor__17bwkb02: var(--dt-colors-border-primary-accent, #454cc9);
+}
+.colorUtils_colorUtilsCSS_compound_1__17bwkb0f {
+  --vars_text__17bwkb00: var(--dt-colors-text-success-on-accent-default, #f1f4f4);
+  --vars_icon__17bwkb01: var(--dt-colors-icon-success-on-accent-default, #f1f4f4);
+  --vars_borderColor__17bwkb02: var(--dt-colors-border-success-accent, #2c6360);
+}
+.colorUtils_colorUtilsCSS_compound_2__17bwkb0g {
+  --vars_text__17bwkb00: var(--dt-colors-text-warning-on-accent-default, #272025);
+  --vars_icon__17bwkb01: var(--dt-colors-icon-warning-on-accent-default, #272025);
+  --vars_borderColor__17bwkb02: var(--dt-colors-border-warning-accent, #805100);
+}
+.colorUtils_colorUtilsCSS_compound_3__17bwkb0h {
+  --vars_text__17bwkb00: var(--dt-colors-text-critical-on-accent-default, #f9f1f3);
+  --vars_icon__17bwkb01: var(--dt-colors-icon-critical-on-accent-default, #f9f1f3);
+  --vars_borderColor__17bwkb02: var(--dt-colors-border-critical-accent, #b80031);
+}
+.colorUtils_colorUtilsCSS_compound_4__17bwkb0i {
+  --vars_text__17bwkb00: var(--dt-colors-text-neutral-on-accent-default, #f3f3f6);
+  --vars_icon__17bwkb01: var(--dt-colors-icon-neutral-on-accent-default, #f3f3f6);
+  --vars_borderColor__17bwkb02: var(--dt-colors-border-neutral-accent, #545587);
+}
+.colorUtils_colorUtilsCSS_compound_5__17bwkb0j {
+  --vars_text__17bwkb00: var(--dt-colors-text-primary-disabled, #54558780);
+  --vars_icon__17bwkb01: var(--dt-colors-icon-primary-disabled, #54558780);
+  --vars_borderColor__17bwkb02: var(--dt-colors-border-primary-disabled, #d2d3e180);
+}
+.colorUtils_colorUtilsCSS_compound_6__17bwkb0k {
+  --vars_text__17bwkb00: var(--dt-colors-text-success-disabled, #54558780);
+  --vars_icon__17bwkb01: var(--dt-colors-icon-success-disabled, #54558780);
+  --vars_borderColor__17bwkb02: var(--dt-colors-border-success-disabled, #d2d3e180);
+}
+.colorUtils_colorUtilsCSS_compound_7__17bwkb0l {
+  --vars_text__17bwkb00: var(--dt-colors-text-warning-disabled, #54558780);
+  --vars_icon__17bwkb01: var(--dt-colors-icon-warning-disabled, #54558780);
+  --vars_borderColor__17bwkb02: var(--dt-colors-border-warning-disabled, #d2d3e180);
+}
+.colorUtils_colorUtilsCSS_compound_8__17bwkb0m {
+  --vars_text__17bwkb00: var(--dt-colors-text-critical-disabled, #54558780);
+  --vars_icon__17bwkb01: var(--dt-colors-icon-critical-disabled, #54558780);
+  --vars_borderColor__17bwkb02: var(--dt-colors-border-critical-disabled, #d2d3e180);
+}
+.colorUtils_colorUtilsCSS_compound_9__17bwkb0n {
+  --vars_text__17bwkb00: var(--dt-colors-text-neutral-disabled, #54558780);
+  --vars_icon__17bwkb01: var(--dt-colors-icon-neutral-disabled, #54558780);
+  --vars_borderColor__17bwkb02: var(--dt-colors-border-neutral-disabled, #d2d3e180);
+}

package/esm/styles/colorUtils.sty.js

@@ -0,0 +1,9 @@
+import "./colorUtils.css";
+import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
+var colorUtilsCSS = _7a468({ defaultClassName: "colorUtils__17bwkb03", variantClassNames: { color: { critical: "colorUtils_colorUtilsCSS_color_critical__17bwkb04", neutral: "colorUtils_colorUtilsCSS_color_neutral__17bwkb05", primary: "colorUtils_colorUtilsCSS_color_primary__17bwkb06", success: "colorUtils_colorUtilsCSS_color_success__17bwkb07", warning: "colorUtils_colorUtilsCSS_color_warning__17bwkb08", onAccent: "colorUtils_colorUtilsCSS_color_onAccent__17bwkb09" }, variant: { "default": "colorUtils_colorUtilsCSS_variant_default__17bwkb0a", accent: "colorUtils_colorUtilsCSS_variant_accent__17bwkb0b" }, disabled: { true: "colorUtils_colorUtilsCSS_disabled_true__17bwkb0c", false: "colorUtils_colorUtilsCSS_disabled_false__17bwkb0d" } }, defaultVariants: {}, compoundVariants: [[{ color: "primary", variant: "accent" }, "colorUtils_colorUtilsCSS_compound_0__17bwkb0e"], [{ color: "success", variant: "accent" }, "colorUtils_colorUtilsCSS_compound_1__17bwkb0f"], [{ color: "warning", variant: "accent" }, "colorUtils_colorUtilsCSS_compound_2__17bwkb0g"], [{ color: "critical", variant: "accent" }, "colorUtils_colorUtilsCSS_compound_3__17bwkb0h"], [{ color: "neutral", variant: "accent" }, "colorUtils_colorUtilsCSS_compound_4__17bwkb0i"], [{ color: "primary", disabled: true }, "colorUtils_colorUtilsCSS_compound_5__17bwkb0j"], [{ color: "success", disabled: true }, "colorUtils_colorUtilsCSS_compound_6__17bwkb0k"], [{ color: "warning", disabled: true }, "colorUtils_colorUtilsCSS_compound_7__17bwkb0l"], [{ color: "critical", disabled: true }, "colorUtils_colorUtilsCSS_compound_8__17bwkb0m"], [{ color: "neutral", disabled: true }, "colorUtils_colorUtilsCSS_compound_9__17bwkb0n"]] });
+var colorUtilsVars = { text: "var(--vars_text__17bwkb00)", icon: "var(--vars_icon__17bwkb01)", borderColor: "var(--vars_borderColor__17bwkb02)" };
+export {
+  colorUtilsCSS,
+  colorUtilsVars
+};
+//# sourceMappingURL=colorUtils.sty.js.map

package/esm/styles/colorUtils.sty.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/styles/colorUtils.css.ts"],
+  "sourcesContent": ["import './colorUtils.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var colorUtilsCSS = _7a468({defaultClassName:'colorUtils__17bwkb03',variantClassNames:{color:{critical:'colorUtils_colorUtilsCSS_color_critical__17bwkb04',neutral:'colorUtils_colorUtilsCSS_color_neutral__17bwkb05',primary:'colorUtils_colorUtilsCSS_color_primary__17bwkb06',success:'colorUtils_colorUtilsCSS_color_success__17bwkb07',warning:'colorUtils_colorUtilsCSS_color_warning__17bwkb08',onAccent:'colorUtils_colorUtilsCSS_color_onAccent__17bwkb09'},variant:{'default':'colorUtils_colorUtilsCSS_variant_default__17bwkb0a',accent:'colorUtils_colorUtilsCSS_variant_accent__17bwkb0b'},disabled:{true:'colorUtils_colorUtilsCSS_disabled_true__17bwkb0c',false:'colorUtils_colorUtilsCSS_disabled_false__17bwkb0d'}},defaultVariants:{},compoundVariants:[[{color:'primary',variant:'accent'},'colorUtils_colorUtilsCSS_compound_0__17bwkb0e'],[{color:'success',variant:'accent'},'colorUtils_colorUtilsCSS_compound_1__17bwkb0f'],[{color:'warning',variant:'accent'},'colorUtils_colorUtilsCSS_compound_2__17bwkb0g'],[{color:'critical',variant:'accent'},'colorUtils_colorUtilsCSS_compound_3__17bwkb0h'],[{color:'neutral',variant:'accent'},'colorUtils_colorUtilsCSS_compound_4__17bwkb0i'],[{color:'primary',disabled:true},'colorUtils_colorUtilsCSS_compound_5__17bwkb0j'],[{color:'success',disabled:true},'colorUtils_colorUtilsCSS_compound_6__17bwkb0k'],[{color:'warning',disabled:true},'colorUtils_colorUtilsCSS_compound_7__17bwkb0l'],[{color:'critical',disabled:true},'colorUtils_colorUtilsCSS_compound_8__17bwkb0m'],[{color:'neutral',disabled:true},'colorUtils_colorUtilsCSS_compound_9__17bwkb0n']]});\nexport var colorUtilsVars = {text:'var(--vars_text__17bwkb00)',icon:'var(--vars_icon__17bwkb01)',borderColor:'var(--vars_borderColor__17bwkb02)'};"],
+  "mappings": "AAAA,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,gBAAgB,OAAO,EAAC,kBAAiB,wBAAuB,mBAAkB,EAAC,OAAM,EAAC,UAAS,qDAAoD,SAAQ,oDAAmD,SAAQ,oDAAmD,SAAQ,oDAAmD,SAAQ,oDAAmD,UAAS,oDAAmD,GAAE,SAAQ,EAAC,WAAU,sDAAqD,QAAO,oDAAmD,GAAE,UAAS,EAAC,MAAK,oDAAmD,OAAM,oDAAmD,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,CAAC,EAAC,OAAM,WAAU,SAAQ,SAAQ,GAAE,+CAA+C,GAAE,CAAC,EAAC,OAAM,WAAU,SAAQ,SAAQ,GAAE,+CAA+C,GAAE,CAAC,EAAC,OAAM,WAAU,SAAQ,SAAQ,GAAE,+CAA+C,GAAE,CAAC,EAAC,OAAM,YAAW,SAAQ,SAAQ,GAAE,+CAA+C,GAAE,CAAC,EAAC,OAAM,WAAU,SAAQ,SAAQ,GAAE,+CAA+C,GAAE,CAAC,EAAC,OAAM,WAAU,UAAS,KAAI,GAAE,+CAA+C,GAAE,CAAC,EAAC,OAAM,WAAU,UAAS,KAAI,GAAE,+CAA+C,GAAE,CAAC,EAAC,OAAM,WAAU,UAAS,KAAI,GAAE,+CAA+C,GAAE,CAAC,EAAC,OAAM,YAAW,UAAS,KAAI,GAAE,+CAA+C,GAAE,CAAC,EAAC,OAAM,WAAU,UAAS,KAAI,GAAE,+CAA+C,CAAC,EAAC,CAAC;AACljD,IAAI,iBAAiB,EAAC,MAAK,8BAA6B,MAAK,8BAA6B,aAAY,oCAAmC;",
+  "names": []
+}

package/esm/styles/container.css

@@ -0,0 +1,64 @@
+.container_containerColorsCSS_color_critical__6levse4 {
+  --vars_text__6levse0: var(--dt-colors-text-critical-default, #b80031);
+  --vars_background__6levse1: var(--dt-colors-background-container-critical-default, #f3eaed);
+  --vars_borderColor__6levse2: var(--dt-colors-border-critical-default, #f1cdcf);
+}
+.container_containerColorsCSS_color_neutral__6levse5 {
+  --vars_text__6levse0: var(--dt-colors-text-neutral-default, #2b2a58);
+  --vars_background__6levse1: var(--dt-colors-background-container-neutral-default, #ebebf2);
+  --vars_borderColor__6levse2: var(--dt-colors-border-neutral-default, #d2d3e1);
+}
+.container_containerColorsCSS_color_primary__6levse6 {
+  --vars_text__6levse0: var(--dt-colors-text-primary-default, #454cc9);
+  --vars_background__6levse1: var(--dt-colors-background-container-primary-default, #e9ebf6);
+  --vars_borderColor__6levse2: var(--dt-colors-border-primary-default, #ccd3f3);
+}
+.container_containerColorsCSS_color_success__6levse7 {
+  --vars_text__6levse0: var(--dt-colors-text-success-default, #2c6360);
+  --vars_background__6levse1: var(--dt-colors-background-container-success-default, #e9ecef);
+  --vars_borderColor__6levse2: var(--dt-colors-border-success-default, #cad6d7);
+}
+.container_containerColorsCSS_color_warning__6levse8 {
+  --vars_text__6levse0: var(--dt-colors-text-warning-default, #805100);
+  --vars_background__6levse1: var(--dt-colors-background-container-warning-default, #f3efef);
+  --vars_borderColor__6levse2: var(--dt-colors-border-warning-default, #f4e5d5);
+}
+.container_containerColorsCSS_variant_minimal__6levse9 {
+  --vars_background__6levse1: transparent;
+  background-color: none;
+}
+.container_containerColorsCSS_compound_0__6levsed {
+  --vars_text__6levse0: var(--dt-colors-text-primary-on-accent-default, #f4f4fb);
+  --vars_background__6levse1: var(--dt-colors-background-container-primary-accent, #474ecf);
+}
+.container_containerColorsCSS_compound_1__6levsee {
+  --vars_text__6levse0: var(--dt-colors-text-success-on-accent-default, #f1f4f4);
+  --vars_background__6levse1: var(--dt-colors-background-container-success-accent, #2f6863);
+}
+.container_containerColorsCSS_compound_2__6levsef {
+  --vars_text__6levse0: var(--dt-colors-text-warning-on-accent-default, #272025);
+  --vars_background__6levse1: var(--dt-colors-background-container-warning-accent, #eca440);
+}
+.container_containerColorsCSS_compound_3__6levseg {
+  --vars_text__6levse0: var(--dt-colors-text-critical-on-accent-default, #f9f1f3);
+  --vars_background__6levse1: var(--dt-colors-background-container-critical-accent, #c4233b);
+}
+.container_containerColorsCSS_compound_4__6levseh {
+  --vars_text__6levse0: var(--dt-colors-text-neutral-on-accent-default, #f3f3f6);
+  --vars_background__6levse1: var(--dt-colors-background-container-neutral-accent, #5a5b8c);
+}
+.container_containerColorsCSS_compound_5__6levsei {
+  --vars_background__6levse1: var(--dt-colors-background-container-primary-emphasized, #dfe3f5);
+}
+.container_containerColorsCSS_compound_6__6levsej {
+  --vars_background__6levse1: var(--dt-colors-background-container-success-emphasized, #dfe4e7);
+}
+.container_containerColorsCSS_compound_7__6levsek {
+  --vars_background__6levse1: var(--dt-colors-background-container-warning-emphasized, #f4ece6);
+}
+.container_containerColorsCSS_compound_8__6levsel {
+  --vars_background__6levse1: var(--dt-colors-background-container-critical-emphasized, #f3e0e3);
+}
+.container_containerColorsCSS_compound_9__6levsem {
+  --vars_background__6levse1: var(--dt-colors-background-container-neutral-emphasized, #e2e3ec);
+}

package/esm/styles/container.sty.js

@@ -0,0 +1,9 @@
+import "./container.css";
+import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
+var containerColorVars = { text: "var(--vars_text__6levse0)", background: "var(--vars_background__6levse1)", borderColor: "var(--vars_borderColor__6levse2)" };
+var containerColorsCSS = _7a468({ defaultClassName: "container__6levse3", variantClassNames: { color: { critical: "container_containerColorsCSS_color_critical__6levse4", neutral: "container_containerColorsCSS_color_neutral__6levse5", primary: "container_containerColorsCSS_color_primary__6levse6", success: "container_containerColorsCSS_color_success__6levse7", warning: "container_containerColorsCSS_color_warning__6levse8" }, variant: { minimal: "container_containerColorsCSS_variant_minimal__6levse9", "default": "container_containerColorsCSS_variant_default__6levsea", emphasized: "container_containerColorsCSS_variant_emphasized__6levseb", accent: "container_containerColorsCSS_variant_accent__6levsec" } }, defaultVariants: {}, compoundVariants: [[{ color: "primary", variant: "accent" }, "container_containerColorsCSS_compound_0__6levsed"], [{ color: "success", variant: "accent" }, "container_containerColorsCSS_compound_1__6levsee"], [{ color: "warning", variant: "accent" }, "container_containerColorsCSS_compound_2__6levsef"], [{ color: "critical", variant: "accent" }, "container_containerColorsCSS_compound_3__6levseg"], [{ color: "neutral", variant: "accent" }, "container_containerColorsCSS_compound_4__6levseh"], [{ color: "primary", variant: "emphasized" }, "container_containerColorsCSS_compound_5__6levsei"], [{ color: "success", variant: "emphasized" }, "container_containerColorsCSS_compound_6__6levsej"], [{ color: "warning", variant: "emphasized" }, "container_containerColorsCSS_compound_7__6levsek"], [{ color: "critical", variant: "emphasized" }, "container_containerColorsCSS_compound_8__6levsel"], [{ color: "neutral", variant: "emphasized" }, "container_containerColorsCSS_compound_9__6levsem"]] });
+export {
+  containerColorVars,
+  containerColorsCSS
+};
+//# sourceMappingURL=container.sty.js.map

package/esm/styles/container.sty.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/styles/container.css.ts"],
+  "sourcesContent": ["import './container.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var containerColorVars = {text:'var(--vars_text__6levse0)',background:'var(--vars_background__6levse1)',borderColor:'var(--vars_borderColor__6levse2)'};\nexport var containerColorsCSS = _7a468({defaultClassName:'container__6levse3',variantClassNames:{color:{critical:'container_containerColorsCSS_color_critical__6levse4',neutral:'container_containerColorsCSS_color_neutral__6levse5',primary:'container_containerColorsCSS_color_primary__6levse6',success:'container_containerColorsCSS_color_success__6levse7',warning:'container_containerColorsCSS_color_warning__6levse8'},variant:{minimal:'container_containerColorsCSS_variant_minimal__6levse9','default':'container_containerColorsCSS_variant_default__6levsea',emphasized:'container_containerColorsCSS_variant_emphasized__6levseb',accent:'container_containerColorsCSS_variant_accent__6levsec'}},defaultVariants:{},compoundVariants:[[{color:'primary',variant:'accent'},'container_containerColorsCSS_compound_0__6levsed'],[{color:'success',variant:'accent'},'container_containerColorsCSS_compound_1__6levsee'],[{color:'warning',variant:'accent'},'container_containerColorsCSS_compound_2__6levsef'],[{color:'critical',variant:'accent'},'container_containerColorsCSS_compound_3__6levseg'],[{color:'neutral',variant:'accent'},'container_containerColorsCSS_compound_4__6levseh'],[{color:'primary',variant:'emphasized'},'container_containerColorsCSS_compound_5__6levsei'],[{color:'success',variant:'emphasized'},'container_containerColorsCSS_compound_6__6levsej'],[{color:'warning',variant:'emphasized'},'container_containerColorsCSS_compound_7__6levsek'],[{color:'critical',variant:'emphasized'},'container_containerColorsCSS_compound_8__6levsel'],[{color:'neutral',variant:'emphasized'},'container_containerColorsCSS_compound_9__6levsem']]});"],
+  "mappings": "AAAA,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,qBAAqB,EAAC,MAAK,6BAA4B,YAAW,mCAAkC,aAAY,mCAAkC;AACtJ,IAAI,qBAAqB,OAAO,EAAC,kBAAiB,sBAAqB,mBAAkB,EAAC,OAAM,EAAC,UAAS,wDAAuD,SAAQ,uDAAsD,SAAQ,uDAAsD,SAAQ,uDAAsD,SAAQ,sDAAqD,GAAE,SAAQ,EAAC,SAAQ,yDAAwD,WAAU,yDAAwD,YAAW,4DAA2D,QAAO,uDAAsD,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,CAAC,EAAC,OAAM,WAAU,SAAQ,SAAQ,GAAE,kDAAkD,GAAE,CAAC,EAAC,OAAM,WAAU,SAAQ,SAAQ,GAAE,kDAAkD,GAAE,CAAC,EAAC,OAAM,WAAU,SAAQ,SAAQ,GAAE,kDAAkD,GAAE,CAAC,EAAC,OAAM,YAAW,SAAQ,SAAQ,GAAE,kDAAkD,GAAE,CAAC,EAAC,OAAM,WAAU,SAAQ,SAAQ,GAAE,kDAAkD,GAAE,CAAC,EAAC,OAAM,WAAU,SAAQ,aAAY,GAAE,kDAAkD,GAAE,CAAC,EAAC,OAAM,WAAU,SAAQ,aAAY,GAAE,kDAAkD,GAAE,CAAC,EAAC,OAAM,WAAU,SAAQ,aAAY,GAAE,kDAAkD,GAAE,CAAC,EAAC,OAAM,YAAW,SAAQ,aAAY,GAAE,kDAAkD,GAAE,CAAC,EAAC,OAAM,WAAU,SAAQ,aAAY,GAAE,kDAAkD,CAAC,EAAC,CAAC;",
+  "names": []
+}

package/esm/styles/ellipsis.css

@@ -0,0 +1,5 @@
+.ellipsis_ellipsisCSS__oqqp1n0 {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}

package/esm/styles/ellipsis.sty.js

@@ -0,0 +1,6 @@
+import "./ellipsis.css";
+var ellipsisCSS = "ellipsis_ellipsisCSS__oqqp1n0";
+export {
+  ellipsisCSS
+};
+//# sourceMappingURL=ellipsis.sty.js.map

package/esm/styles/ellipsis.sty.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/styles/ellipsis.css.ts"],
+  "sourcesContent": ["import './ellipsis.css';\nexport var ellipsisCSS = 'ellipsis_ellipsisCSS__oqqp1n0';"],
+  "mappings": "AAAA,OAAO;AACA,IAAI,cAAc;",
+  "names": []
+}

package/esm/styles/extract-util.js

@@ -0,0 +1,15 @@
+function extract(obj, keys) {
+  const extracted = {};
+  const rest = { ...obj };
+  for (const key of keys) {
+    if (Object.prototype.hasOwnProperty.call(obj, key)) {
+      extracted[key] = obj[key];
+      delete rest[key];
+    }
+  }
+  return { extracted, rest };
+}
+export {
+  extract
+};
+//# sourceMappingURL=extract-util.js.map