@sebgroup/green-core 1.69.4 → 1.70.1

package/utils/mixins/declarative-layout-mixins.js

@@ -0,0 +1,134 @@
+import {
+  __decorateClass
+} from "../../chunks/chunk.QTSIPXV3.js";
+import { styleExpressionProperty } from "../decorators/style-expression-property";
+import {
+  forSpaceTokens,
+  forSpaceTokensAndCustomValues,
+  forSpaceTokensSupportingNegative
+} from "../helpers";
+function withSizeXProps(base) {
+  class DimensionPropsMixin extends base {
+  }
+  __decorateClass([
+    styleExpressionProperty(forSpaceTokensAndCustomValues)
+  ], DimensionPropsMixin.prototype, "width", 2);
+  __decorateClass([
+    styleExpressionProperty(forSpaceTokensAndCustomValues)
+  ], DimensionPropsMixin.prototype, "min-width", 2);
+  __decorateClass([
+    styleExpressionProperty(forSpaceTokensAndCustomValues)
+  ], DimensionPropsMixin.prototype, "max-width", 2);
+  __decorateClass([
+    styleExpressionProperty(forSpaceTokensAndCustomValues)
+  ], DimensionPropsMixin.prototype, "inline-size", 2);
+  __decorateClass([
+    styleExpressionProperty(forSpaceTokensAndCustomValues)
+  ], DimensionPropsMixin.prototype, "min-inline-size", 2);
+  __decorateClass([
+    styleExpressionProperty(forSpaceTokensAndCustomValues)
+  ], DimensionPropsMixin.prototype, "max-inline-size", 2);
+  return DimensionPropsMixin;
+}
+function withSizeYProps(base) {
+  class DimensionPropsMixin extends base {
+  }
+  __decorateClass([
+    styleExpressionProperty(forSpaceTokensAndCustomValues)
+  ], DimensionPropsMixin.prototype, "height", 2);
+  __decorateClass([
+    styleExpressionProperty(forSpaceTokensAndCustomValues)
+  ], DimensionPropsMixin.prototype, "min-height", 2);
+  __decorateClass([
+    styleExpressionProperty(forSpaceTokensAndCustomValues)
+  ], DimensionPropsMixin.prototype, "max-height", 2);
+  __decorateClass([
+    styleExpressionProperty(forSpaceTokensAndCustomValues)
+  ], DimensionPropsMixin.prototype, "block-size", 2);
+  __decorateClass([
+    styleExpressionProperty(forSpaceTokensAndCustomValues)
+  ], DimensionPropsMixin.prototype, "min-block-size", 2);
+  __decorateClass([
+    styleExpressionProperty(forSpaceTokensAndCustomValues)
+  ], DimensionPropsMixin.prototype, "max-block-size", 2);
+  return DimensionPropsMixin;
+}
+function withMarginProps(base) {
+  class MarginPropsMixin extends base {
+  }
+  __decorateClass([
+    styleExpressionProperty(forSpaceTokensSupportingNegative)
+  ], MarginPropsMixin.prototype, "margin", 2);
+  __decorateClass([
+    styleExpressionProperty(forSpaceTokensSupportingNegative)
+  ], MarginPropsMixin.prototype, "margin-inline", 2);
+  __decorateClass([
+    styleExpressionProperty(forSpaceTokensSupportingNegative)
+  ], MarginPropsMixin.prototype, "margin-block", 2);
+  return MarginPropsMixin;
+}
+function withPaddingProps(base) {
+  class PaddingPropsMixin extends base {
+  }
+  __decorateClass([
+    styleExpressionProperty(forSpaceTokens)
+  ], PaddingPropsMixin.prototype, "padding", 2);
+  __decorateClass([
+    styleExpressionProperty(forSpaceTokens)
+  ], PaddingPropsMixin.prototype, "padding-inline", 2);
+  __decorateClass([
+    styleExpressionProperty(forSpaceTokens)
+  ], PaddingPropsMixin.prototype, "padding-block", 2);
+  return PaddingPropsMixin;
+}
+function withLayoutChildProps(base) {
+  class LayoutChildPropsMixin extends base {
+  }
+  __decorateClass([
+    styleExpressionProperty()
+  ], LayoutChildPropsMixin.prototype, "align-self", 2);
+  __decorateClass([
+    styleExpressionProperty()
+  ], LayoutChildPropsMixin.prototype, "justify-self", 2);
+  __decorateClass([
+    styleExpressionProperty()
+  ], LayoutChildPropsMixin.prototype, "place-self", 2);
+  __decorateClass([
+    styleExpressionProperty()
+  ], LayoutChildPropsMixin.prototype, "grid-column", 2);
+  __decorateClass([
+    styleExpressionProperty()
+  ], LayoutChildPropsMixin.prototype, "grid-row", 2);
+  __decorateClass([
+    styleExpressionProperty()
+  ], LayoutChildPropsMixin.prototype, "grid-area", 2);
+  __decorateClass([
+    styleExpressionProperty()
+  ], LayoutChildPropsMixin.prototype, "flex", 2);
+  __decorateClass([
+    styleExpressionProperty()
+  ], LayoutChildPropsMixin.prototype, "order", 2);
+  return LayoutChildPropsMixin;
+}
+function withPositioningProps(base) {
+  class PositioningPropsMixin extends base {
+  }
+  __decorateClass([
+    styleExpressionProperty()
+  ], PositioningPropsMixin.prototype, "position", 2);
+  __decorateClass([
+    styleExpressionProperty()
+  ], PositioningPropsMixin.prototype, "transform", 2);
+  __decorateClass([
+    styleExpressionProperty()
+  ], PositioningPropsMixin.prototype, "inset", 2);
+  return PositioningPropsMixin;
+}
+export {
+  withLayoutChildProps,
+  withMarginProps,
+  withPaddingProps,
+  withPositioningProps,
+  withSizeXProps,
+  withSizeYProps
+};

package/utils/mixins/focusable.js

@@ -0,0 +1,35 @@
+import "../../chunks/chunk.QTSIPXV3.js";
+const Focusable = (superClass) => {
+  class HighlightableElement extends superClass {
+    constructor() {
+      super(...arguments);
+      this.onblur = (e) => {
+        this.setAttribute("tabindex", "-1");
+        this.dispatchEvent(
+          new FocusEvent("gds-blur", {
+            bubbles: true,
+            composed: true,
+            relatedTarget: e.relatedTarget
+          })
+        );
+      };
+      this.onfocus = (e) => {
+        this.dispatchEvent(
+          new FocusEvent("gds-focus", {
+            bubbles: true,
+            composed: true,
+            relatedTarget: e.relatedTarget
+          })
+        );
+      };
+    }
+    focus(options) {
+      this.setAttribute("tabindex", "0");
+      super.focus(options);
+    }
+  }
+  return HighlightableElement;
+};
+export {
+  Focusable
+};

package/utils/mixins/mixin-builder.js

@@ -0,0 +1,22 @@
+import "../../chunks/chunk.QTSIPXV3.js";
+class MixinBuilder {
+  constructor(baseClass) {
+    this.baseClass = baseClass;
+  }
+  with(mixin) {
+    const MixedClass = mixin(this.baseClass);
+    return new MixinBuilder(MixedClass);
+  }
+  and(mixin) {
+    return this.with(mixin);
+  }
+  final() {
+    return this.baseClass;
+  }
+}
+function mix(BaseClass) {
+  return new MixinBuilder(BaseClass);
+}
+export {
+  mix
+};

package/utils/react.d.ts

@@ -0,0 +1,23 @@
+import type * as React from 'react';
+type WithReactChildren<T> = Omit<T, 'children'> & {
+    children?: React.ReactNode;
+};
+type GdsComponentProps<T> = WithReactChildren<{
+    [K in keyof T]?: T[K];
+}> & Omit<React.HTMLAttributes<HTMLElement>, 'children'> & React.RefAttributes<HTMLElement>;
+/**
+ * Get a React 19 compatible component from a GDS component
+ *
+ * @example
+ * ```tsx
+ * import { getReactComponent } from '@sebgroup/green-core/utils/react'
+ * import type { GdsButton as GdsButtonType } from '@sebgroup/green-core/components/button/index.js'
+ * import '@sebgroup/green-core/components/button/index.js'
+ *
+ * const GdsButton = getReactComponent<GdsButtonType>('gds-button')
+ *
+ * // Now you can use <GdsButton> as a React component with correct typings
+ * ```
+ */
+export declare function getReactComponent<T>(tagName: string): React.ComponentType<GdsComponentProps<T>>;
+export {};

package/utils/react.js

@@ -0,0 +1,8 @@
+import "../chunks/chunk.QTSIPXV3.js";
+import { getScopedTagName } from "../scoping";
+function getReactComponent(tagName) {
+  return getScopedTagName(tagName);
+}
+export {
+  getReactComponent
+};

package/utils/testing/index.js

@@ -0,0 +1,86 @@
+import "../../chunks/chunk.QTSIPXV3.js";
+import { sendMouse } from "@web/test-runner-commands";
+function determineMousePosition(el, position, offsetX, offsetY) {
+  const { x, y, width, height } = el.getBoundingClientRect();
+  const centerX = Math.floor(x + window.scrollX + width / 2);
+  const centerY = Math.floor(y + window.scrollY + height / 2);
+  let clickX;
+  let clickY;
+  switch (position) {
+    case "top":
+      clickX = centerX;
+      clickY = y;
+      break;
+    case "right":
+      clickX = x + width - 1;
+      clickY = centerY;
+      break;
+    case "bottom":
+      clickX = centerX;
+      clickY = y + height - 1;
+      break;
+    case "left":
+      clickX = x;
+      clickY = centerY;
+      break;
+    default:
+      clickX = centerX;
+      clickY = centerY;
+  }
+  clickX += offsetX;
+  clickY += offsetY;
+  return { clickX, clickY };
+}
+async function clickOnElement(el, position = "center", offsetX = 0, offsetY = 0) {
+  const { clickX, clickY } = determineMousePosition(
+    el,
+    position,
+    offsetX,
+    offsetY
+  );
+  await sendMouse({ type: "click", position: [clickX, clickY] });
+}
+async function moveMouseOnElement(el, position = "center", offsetX = 0, offsetY = 0) {
+  const { clickX, clickY } = determineMousePosition(
+    el,
+    position,
+    offsetX,
+    offsetY
+  );
+  await sendMouse({ type: "move", position: [clickX, clickY] });
+}
+async function dragElement(el, deltaX = 0, deltaY = 0) {
+  await moveMouseOnElement(el);
+  await sendMouse({ type: "down" });
+  const { clickX, clickY } = determineMousePosition(
+    el,
+    "center",
+    deltaX,
+    deltaY
+  );
+  await sendMouse({ type: "move", position: [clickX, clickY] });
+  await sendMouse({ type: "up" });
+}
+function isWebKit() {
+  return navigator.userAgent.toLowerCase().indexOf("safari") > -1 && navigator.userAgent.toLowerCase().indexOf("chrome") < 0;
+}
+function isChromium() {
+  return navigator.userAgent.toLowerCase().indexOf("chrome") > -1;
+}
+function isFirefox() {
+  return navigator.userAgent.toLowerCase().indexOf("firefox") > -1;
+}
+function onlyDate(date) {
+  if (!date)
+    return void 0;
+  return date.toISOString().split("T")[0];
+}
+export {
+  clickOnElement,
+  dragElement,
+  isChromium,
+  isFirefox,
+  isWebKit,
+  moveMouseOnElement,
+  onlyDate
+};

package/utils/transitional-styles/transitional-styles.js

@@ -0,0 +1,117 @@
+import {
+  __privateAdd,
+  __privateGet
+} from "../../chunks/chunk.QTSIPXV3.js";
+var _styles, _elements, _useLegacyStylesheets;
+import { unsafeCSS } from "lit";
+import * as Button from "../../components/button/button.trans.styles";
+import * as ContextMenu from "../../components/context-menu/context-menu.trans.styles";
+import * as Datepicker from "../../components/datepicker/datepicker.trans.styles";
+import * as Dropdown from "../../components/dropdown/dropdown.trans.styles";
+import * as FilterChips from "../../components/filter-chips/filter-chips.trans.styles";
+import * as GroupedList from "../../components/grouped-list/grouped-list.trans.styles";
+import * as Input from "../../components/input/input.trans.styles";
+import * as SegmentedControl from "../../components/segmented-control/segmented-control.trans.styles";
+import * as Theme from "../../components/theme/theme.trans.styles";
+import { supportsConstructedStylesheets } from "../../utils/controllers/dynamic-styles-controller";
+import { VER_SUFFIX } from "../helpers/custom-element-scoping";
+const registerTransitionalStyles = () => {
+  Theme.register();
+  Dropdown.register();
+  ContextMenu.register();
+  Datepicker.register();
+  GroupedList.register();
+  SegmentedControl.register();
+  FilterChips.register();
+  Button.register();
+  Input.register();
+};
+const _TransitionalStyles = class _TransitionalStyles {
+  constructor() {
+    __privateAdd(this, _styles, /* @__PURE__ */ new Map());
+    __privateAdd(this, _elements, /* @__PURE__ */ new Map());
+    __privateAdd(this, _useLegacyStylesheets, !supportsConstructedStylesheets());
+  }
+  static get instance() {
+    if (!globalThis.__gdsTransitionalStyles?.[VER_SUFFIX])
+      globalThis.__gdsTransitionalStyles = {
+        ...globalThis.__gdsTransitionalStyles,
+        [VER_SUFFIX]: new _TransitionalStyles()
+      };
+    return globalThis.__gdsTransitionalStyles[VER_SUFFIX];
+  }
+  apply(element, styleKey) {
+    if (!element.shadowRoot)
+      return;
+    const style = __privateGet(this, _styles).get(styleKey);
+    if (!style)
+      return;
+    __privateGet(this, _elements).set(styleKey, element);
+    this.applyToElement(styleKey, style);
+  }
+  applyToElement(styleKey, sheet) {
+    const element = __privateGet(this, _elements).get(styleKey);
+    if (!element || !element.shadowRoot)
+      return;
+    const applyTransitional = () => {
+      element._dynamicStylesController.clearInitial();
+      element._dynamicStylesController.inject("t-styles", unsafeCSS(sheet));
+      element._isUsingTransitionalStyles = true;
+    };
+    const clearTransitional = () => {
+      element._isUsingTransitionalStyles = false;
+      element._dynamicStylesController.clear("t-styles");
+      element._dynamicStylesController.restoreInitial();
+    };
+    const gdsThemeSelector = "[gds-element=gds-theme]";
+    let currentRoot = element.getRootNode();
+    let closestGdsTheme = element.closest(gdsThemeSelector);
+    while (closestGdsTheme === null && currentRoot !== document) {
+      closestGdsTheme = currentRoot.host?.closest(
+        gdsThemeSelector
+      );
+      currentRoot = currentRoot.host?.getRootNode();
+    }
+    if (closestGdsTheme) {
+      const theme = closestGdsTheme;
+      const updateStyles = () => {
+        if (theme.designVersion === "2023") {
+          clearTransitional();
+        } else {
+          applyTransitional();
+        }
+      };
+      theme.addEventListener("gds-design-version-changed", updateStyles);
+      element.addEventListener(
+        "gds-element-disconnected",
+        () => theme.removeEventListener("gds-design-version-changed", updateStyles)
+      );
+      if (theme.designVersion === "2023") {
+        clearTransitional();
+        return;
+      }
+    }
+    applyTransitional();
+  }
+  register(name, styles) {
+    let preparedStyle = styles;
+    if (__privateGet(this, _useLegacyStylesheets)) {
+      preparedStyle = `@layer reset {
+        *:not(style, [gds-element]) {
+          all: revert;
+        }
+      }
+      ${styles}`;
+    }
+    __privateGet(this, _styles).set(name, preparedStyle);
+    this.applyToElement(name, preparedStyle);
+  }
+};
+_styles = new WeakMap();
+_elements = new WeakMap();
+_useLegacyStylesheets = new WeakMap();
+let TransitionalStyles = _TransitionalStyles;
+export {
+  TransitionalStyles,
+  registerTransitionalStyles
+};

package/chunks/chunk.27ESPAQW.js

@@ -1,26 +0,0 @@
-import {
-  GdsIcon
-} from "./chunk.GUAH7AIO.js";
-import {
-  gdsCustomElement
-} from "./chunk.QK3R23GV.js";
-import {
-  __decorateClass
-} from "./chunk.SEHSDSX2.js";
-
-// libs/core/src/components/icon/icons/bubble-question.ts
-var IconBubbleQuestion = class extends GdsIcon {
-};
-/** @private */
-IconBubbleQuestion._regularSVG = `<path d="M3.75 3.75V3C3.33579 3 3 3.33579 3 3.75H3.75ZM20.25 3.75H21C21 3.33579 20.6642 3 20.25 3V3.75ZM20.25 18.25V19C20.6642 19 21 18.6642 21 18.25H20.25ZM3.75 18.25H3C3 18.6642 3.33579 19 3.75 19V18.25ZM11.9979 20.75L11.5161 21.3248C11.7936 21.5574 12.1976 21.5585 12.4764 21.3275L11.9979 20.75ZM15.0155 18.25V17.5C14.8408 17.5 14.6716 17.561 14.537 17.6725L15.0155 18.25ZM9.0155 18.25L9.49731 17.6752C9.36227 17.562 9.1917 17.5 9.0155 17.5V18.25ZM11.2804 11.8019C11.2188 12.2116 11.501 12.5935 11.9106 12.655C12.3203 12.7165 12.7022 12.4343 12.7637 12.0247L11.2804 11.8019ZM12.8816 10.6136L13.3032 11.2339L13.3032 11.2338L12.8816 10.6136ZM9.87366 9.42768C9.87366 9.8419 10.2094 10.1777 10.6237 10.1777C11.0379 10.1777 11.3737 9.8419 11.3737 9.42768H9.87366ZM3.75 4.5H20.25V3H3.75V4.5ZM19.5 3.75V18.25H21V3.75H19.5ZM4.5 18.25V3.75H3V18.25H4.5ZM20.25 17.5H15.0155V19H20.25V17.5ZM14.537 17.6725L11.5194 20.1725L12.4764 21.3275L15.494 18.8275L14.537 17.6725ZM12.4797 20.1752L9.49731 17.6752L8.5337 18.8248L11.5161 21.3248L12.4797 20.1752ZM9.0155 17.5H3.75V19H9.0155V17.5ZM12.7637 12.0247C12.796 11.8096 12.8675 11.6643 12.9495 11.5539C13.0361 11.4375 13.1522 11.3365 13.3032 11.2339L12.46 9.99327C11.9841 10.3167 11.4245 10.842 11.2804 11.8019L12.7637 12.0247ZM13.3032 11.2338C13.7232 10.9483 14.3737 10.4252 14.3737 9.42768H12.8737C12.8737 9.56123 12.8379 9.6406 12.7876 9.70897C12.7249 9.79415 12.6241 9.88168 12.4599 9.99332L13.3032 11.2338ZM14.3737 9.42768C14.3737 8.18351 13.3734 7.16333 12.1237 7.16333V8.66333C12.5315 8.66333 12.8737 8.99844 12.8737 9.42768H14.3737ZM12.1237 7.16333C10.874 7.16333 9.87366 8.18351 9.87366 9.42768H11.3737C11.3737 8.99844 11.7158 8.66333 12.1237 8.66333V7.16333Z" fill="currentColor"/><path d="M11.25 14.25C11.25 14.6642 11.5858 15 12 15C12.4142 15 12.75 14.6642 12.75 14.25C12.75 13.8358 12.4142 13.5 12 13.5C11.5858 13.5 11.25 13.8358 11.25 14.25Z" fill="currentColor" stroke="currentColor" stroke-width="0.5"/>`;
-/** @private */
-IconBubbleQuestion._solidSVG = `<path fill-rule="evenodd" clip-rule="evenodd" d="M3 3.75C3 3.33579 3.33579 3 3.75 3H20.25C20.6642 3 21 3.33579 21 3.75V18.25C21 18.6642 20.6642 19 20.25 19H15.2858L12.4764 21.3275C12.1976 21.5585 11.7936 21.5574 11.5161 21.3248L8.74274 19H3.75C3.33579 19 3 18.6642 3 18.25V3.75ZM9.87366 9.42768C9.87366 8.18351 10.874 7.16333 12.1237 7.16333C13.3734 7.16333 14.3737 8.18351 14.3737 9.42768C14.3737 10.4252 13.7232 10.9483 13.3032 11.2338C13.1522 11.3364 13.0361 11.4375 12.9495 11.5539C12.8674 11.6643 12.796 11.8096 12.7637 12.0247C12.7022 12.4343 12.3203 12.7165 11.9106 12.655C11.501 12.5935 11.2188 12.2116 11.2804 11.8019C11.4245 10.8421 11.984 10.3168 12.4599 9.99332C12.6241 9.8817 12.7249 9.79414 12.7876 9.70897C12.8379 9.6406 12.8737 9.56123 12.8737 9.42768C12.8737 8.99844 12.5315 8.66333 12.1237 8.66333C11.7158 8.66333 11.3737 8.99844 11.3737 9.42768C11.3737 9.8419 11.0379 10.1777 10.6237 10.1777C10.2094 10.1777 9.87366 9.8419 9.87366 9.42768ZM12 15.25C11.4477 15.25 11 14.8023 11 14.25C11 13.6977 11.4477 13.25 12 13.25C12.5523 13.25 13 13.6977 13 14.25C13 14.8023 12.5523 15.25 12 15.25Z" fill="currentColor"/>`;
-/** @private */
-IconBubbleQuestion._name = "bubble-question";
-IconBubbleQuestion = __decorateClass([
-  gdsCustomElement("gds-icon-bubble-question")
-], IconBubbleQuestion);
-
-export {
-  IconBubbleQuestion
-};

package/chunks/chunk.27GFEP5I.js

@@ -1,26 +0,0 @@
-import {
-  GdsIcon
-} from "./chunk.GUAH7AIO.js";
-import {
-  gdsCustomElement
-} from "./chunk.QK3R23GV.js";
-import {
-  __decorateClass
-} from "./chunk.SEHSDSX2.js";
-
-// libs/core/src/components/icon/icons/arrow-left.ts
-var IconArrowLeft = class extends GdsIcon {
-};
-/** @private */
-IconArrowLeft._regularSVG = `<path d="M10 5.75L3.75 12L10 18.25M4.5 12H20.25" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>`;
-/** @private */
-IconArrowLeft._solidSVG = `<path fill-rule="evenodd" clip-rule="evenodd" d="M10.8839 18.6339C10.3957 19.122 9.60427 19.122 9.11612 18.6339L3.36612 12.8839C3.1317 12.6495 3 12.3315 3 12C3 11.6685 3.13169 11.3506 3.36612 11.1161L9.11612 5.36612C9.60427 4.87796 10.3957 4.87796 10.8839 5.36612C11.372 5.85427 11.372 6.64573 10.8839 7.13388L7.26776 10.75H19.75C20.4404 10.75 21 11.3097 21 12C21 12.6904 20.4404 13.25 19.75 13.25H7.26777L10.8839 16.8661C11.372 17.3543 11.372 18.1457 10.8839 18.6339Z" fill="currentColor"/>`;
-/** @private */
-IconArrowLeft._name = "arrow-left";
-IconArrowLeft = __decorateClass([
-  gdsCustomElement("gds-icon-arrow-left")
-], IconArrowLeft);
-
-export {
-  IconArrowLeft
-};

package/chunks/chunk.2BJVQ5WE.js

@@ -1,171 +0,0 @@
-import {
-  GdsElement
-} from "./chunk.TMEWQZER.js";
-import {
-  gdsCustomElement,
-  html
-} from "./chunk.QK3R23GV.js";
-import {
-  __decorateClass,
-  __privateAdd,
-  __privateGet,
-  __privateMethod
-} from "./chunk.SEHSDSX2.js";
-
-// libs/core/src/primitives/form-control-header/form-control-header.ts
-import { localized, msg } from "@lit/localize";
-import { property, query, state } from "lit/decorators.js";
-import { when } from "lit/directives/when.js";
-
-// libs/core/src/primitives/form-control-header/form-control-header.styles.ts
-import { css } from "lit";
-var styles = css`
-  @layer base, reset, transitional-styles;
-  @layer base {
-    #label-row {
-      display: flex;
-      justify-content: space-between;
-      align-items: center;
-      line-height: var(--gds-text-line-height-detail-m);
-
-      & > div {
-        display: flex;
-        flex-direction: column;
-      }
-    }
-
-    ::slotted(label) {
-      font-weight: var(--gds-text-weight-book);
-    }
-
-    :host(.size-small) {
-      & slot[name='supporting-text'],
-      & ::slotted(label) {
-        font-size: var(--gds-text-size-detail-s);
-        line-height: var(--gds-text-line-height-detail-s);
-      }
-    }
-
-    #extended-supporting-text {
-      opacity: 1;
-      transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-      transition-duration: 368ms;
-      transition-property: all;
-      font-size: var(--gds-text-size-body-s);
-      line-height: var(--gds-text-line-height-body-s);
-      border-radius: var(--gds-space-xs);
-      background-color: var(--gds-color-l3-background-secondary);
-      color: var(--gds-color-l3-content-tertiary);
-      max-height: var(--_max-height);
-
-      &[aria-hidden='false'] {
-        margin: var(--gds-space-2xs) 0 0 0;
-        padding: var(--gds-space-s) var(--gds-space-m);
-      }
-
-      &[aria-hidden='true'] {
-        max-height: 0;
-        opacity: 0;
-        translate: 0 2px;
-        padding: 0 var(--gds-space-m);
-        margin: 0;
-        overflow: hidden;
-      }
-    }
-  }
-`;
-
-// libs/core/src/primitives/form-control-header/form-control-header.ts
-var _handleExtSupTxtSlotChange, handleExtSupTxtSlotChange_fn, _renderExtSupTxtButton, _handleExtSupTxtBtnClick, _renderExtSupTxt, renderExtSupTxt_fn;
-var GdsFormControlHeader = class extends GdsElement {
-  constructor() {
-    super(...arguments);
-    __privateAdd(this, _handleExtSupTxtSlotChange);
-    __privateAdd(this, _renderExtSupTxt);
-    this.showExtendedSupportingText = false;
-    this._hasExtendedSupportingText = false;
-    __privateAdd(this, _renderExtSupTxtButton, () => {
-      return html`
-      <gds-button
-        size="small"
-        rank="tertiary"
-        label="${msg("Show more information")}"
-        gds-aria-expanded="${this.showExtendedSupportingText}"
-        @click=${__privateGet(this, _handleExtSupTxtBtnClick)}
-      >
-        <gds-icon-circle-info ?solid=${this.showExtendedSupportingText} />
-      </gds-button>
-    `;
-    });
-    __privateAdd(this, _handleExtSupTxtBtnClick, () => {
-      var _a;
-      this.showExtendedSupportingText = !this.showExtendedSupportingText;
-      (_a = this._extendedSupportingText) == null ? void 0 : _a.style.setProperty(
-        "--_max-height",
-        this.showExtendedSupportingText ? `${this._extendedSupportingText.scrollHeight}px` : "0"
-      );
-      this.dispatchEvent(
-        new CustomEvent("gds-ui-state", {
-          bubbles: true,
-          composed: true,
-          detail: this.showExtendedSupportingText
-        })
-      );
-    });
-  }
-  render() {
-    return html`
-      <div id="label-row">
-        <div>
-          <slot name="label"></slot>
-          <slot name="supporting-text"></slot>
-        </div>
-        ${when(this._hasExtendedSupportingText, __privateGet(this, _renderExtSupTxtButton))}
-      </div>
-
-      ${__privateMethod(this, _renderExtSupTxt, renderExtSupTxt_fn).call(this)}
-    `;
-  }
-};
-_handleExtSupTxtSlotChange = new WeakSet();
-handleExtSupTxtSlotChange_fn = function(e) {
-  this._hasExtendedSupportingText = e.target.assignedElements({ flatten: true }).length > 0;
-};
-_renderExtSupTxtButton = new WeakMap();
-_handleExtSupTxtBtnClick = new WeakMap();
-_renderExtSupTxt = new WeakSet();
-renderExtSupTxt_fn = function() {
-  return html`
-      <div
-        id="extended-supporting-text"
-        aria-hidden="${this.showExtendedSupportingText ? "false" : "true"}"
-        ?inert=${!this.showExtendedSupportingText}
-      >
-        <slot
-          name="extended-supporting-text"
-          @slotchange=${__privateMethod(this, _handleExtSupTxtSlotChange, handleExtSupTxtSlotChange_fn)}
-        ></slot>
-      </div>
-    `;
-};
-GdsFormControlHeader.styles = [styles];
-__decorateClass([
-  property({
-    type: Boolean,
-    reflect: true
-  })
-], GdsFormControlHeader.prototype, "showExtendedSupportingText", 2);
-__decorateClass([
-  state()
-], GdsFormControlHeader.prototype, "_hasExtendedSupportingText", 2);
-__decorateClass([
-  query("#extended-supporting-text")
-], GdsFormControlHeader.prototype, "_extendedSupportingText", 2);
-GdsFormControlHeader = __decorateClass([
-  gdsCustomElement("gds-form-control-header"),
-  localized()
-], GdsFormControlHeader);
-
-export {
-  GdsFormControlHeader
-};

package/chunks/chunk.2HSDRQOL.js

@@ -1,26 +0,0 @@
-import {
-  GdsIcon
-} from "./chunk.GUAH7AIO.js";
-import {
-  gdsCustomElement
-} from "./chunk.QK3R23GV.js";
-import {
-  __decorateClass
-} from "./chunk.SEHSDSX2.js";
-
-// libs/core/src/components/icon/icons/trash-can.ts
-var IconTrashCan = class extends GdsIcon {
-};
-/** @private */
-IconTrashCan._regularSVG = `<path d="M5.75 5.75V21.25H18.25V5.75M5.75 5.75H18.25M5.75 5.75H3.75M18.25 5.75H20.25M14 10.75V16.25M10 10.75V16.25M9 5.75C9 4.09315 10.3431 2.75 12 2.75C13.6569 2.75 15 4.09315 15 5.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>`;
-/** @private */
-IconTrashCan._solidSVG = `<path fill-rule="evenodd" clip-rule="evenodd" d="M8.32501 5C8.67247 3.28832 10.1858 2 12 2C13.8142 2 15.3275 3.28832 15.675 5H20.25C20.6642 5 21 5.33579 21 5.75C21 6.16421 20.6642 6.5 20.25 6.5H19V21.25C19 21.6642 18.6642 22 18.25 22H5.75C5.33579 22 5 21.6642 5 21.25V6.5H3.75C3.33579 6.5 3 6.16421 3 5.75C3 5.33579 3.33579 5 3.75 5H8.32501ZM9.87803 5C10.1869 4.12611 11.0203 3.5 12 3.5C12.9797 3.5 13.8131 4.12611 14.122 5H9.87803ZM10 10C10.4142 10 10.75 10.3358 10.75 10.75V16.25C10.75 16.6642 10.4142 17 10 17C9.58579 17 9.25 16.6642 9.25 16.25V10.75C9.25 10.3358 9.58579 10 10 10ZM14 10C14.4142 10 14.75 10.3358 14.75 10.75V16.25C14.75 16.6642 14.4142 17 14 17C13.5858 17 13.25 16.6642 13.25 16.25V10.75C13.25 10.3358 13.5858 10 14 10Z" fill="currentColor"/>`;
-/** @private */
-IconTrashCan._name = "trash-can";
-IconTrashCan = __decorateClass([
-  gdsCustomElement("gds-icon-trash-can")
-], IconTrashCan);
-
-export {
-  IconTrashCan
-};