@sebgroup/green-core 1.25.0 → 1.26.0

package/chunks/{chunk.7JJ5VKPL.js → chunk.24V4XJDP.js}

@@ -1,6 +1,6 @@
 import {
   tokens
-} from "./chunk.LQAZXKB4.js";
+} from "./chunk.5JXFH3CA.js";
 import {
   gdsCustomElement
 } from "./chunk.VOYMQ322.js";
@@ -20,7 +20,7 @@ var ripple_styles_default = `:host {
     var(--gds-sys-motion-delay) var(--gds-sys-motion-iteration-count)
     var(--gds-sys-motion-direction) var(--gds-sys-motion-fill-mode)
     var(--gds-sys-motion-play-state);
-  border-radius: var(--gds-sys-radii-full);
+  border-radius: var(--gds-space-max);
   contain: strict;
   display: flex;
   height: 100%;
@@ -32,7 +32,7 @@ var ripple_styles_default = `:host {
 
 div {
   background-color: currentColor;
-  border-radius: var(--gds-sys-radii-full);
+  border-radius: var(--gds-space-max);
   display: flex;
   height: 20px;
   left: var(--gds-ripple-left, 50%);

package/chunks/chunk.3ULLOORV.js

@@ -0,0 +1,22 @@
+// libs/core/src/components/layout/card/card.style.css.ts
+import { css } from "lit";
+var style = css`
+  :host {
+    --gds-shadow-xs: 0px 0px 1px 0px rgba(0, 0, 0, 0.1),
+      0px 0px 1px 0px rgba(0, 0, 0, 0.1);
+    --gds-shadow-s: 0px 1px 3px 0px rgba(0, 0, 0, 0.1),
+      0px 1px 2px 0px rgba(0, 0, 0, 0.06);
+    --gds-shadow-m: 0px 4px 8px -2px rgba(0, 0, 0, 0.1),
+      0px 2px 4px -2px rgba(0, 0, 0, 0.06);
+    --gds-shadow-l: 0px 12px 16px -4px rgba(0, 0, 0, 0.08),
+      0px 4px 6px -2px rgba(0, 0, 0, 0.03);
+    --gds-shadow-xl: 0px 20px 24px -4px rgba(0, 0, 0, 0.08),
+      0px 8px 8px -4px rgba(0, 0, 0, 0.03);
+    display: block;
+  }
+`;
+var card_style_css_default = style;
+
+export {
+  card_style_css_default
+};

package/chunks/{chunk.LQAZXKB4.js → chunk.5JXFH3CA.js}

@@ -4,7 +4,7 @@ import { unsafeCSS } from "lit";
 // dist/libs/tokens/internal/pallet.css?inline
 var pallet_default = `/**
  * Do not edit directly
- * Generated on Mon, 01 Jul 2024 13:44:52 GMT
+ * Generated on Tue, 02 Jul 2024 12:45:56 GMT
  */
 
 :host {
@@ -165,7 +165,7 @@ var pallet_default = `/**
 // dist/libs/tokens/internal/theme/light.css?inline
 var light_default = `/**
  * Do not edit directly
- * Generated on Mon, 01 Jul 2024 13:44:52 GMT
+ * Generated on Tue, 02 Jul 2024 12:45:56 GMT
  */
 
 :host {
@@ -286,253 +286,89 @@ var light_default = `/**
 // dist/libs/tokens/internal/size.css?inline
 var size_default = `/**
  * Do not edit directly
- * Generated on Mon, 01 Jul 2024 13:44:52 GMT
+ * Generated on Tue, 02 Jul 2024 12:45:56 GMT
  */
 
 :host {
-  --gds-sys-typography-weight-bold: 700;
-  --gds-sys-typography-weight-medium: 500;
-  --gds-sys-typography-weight-book: 450;
-  --gds-sys-typography-weight-regular: 400;
-  --gds-sys-typography-weight-light: 300;
-  --gds-sys-typography-size-label-overline: 14px;
-  --gds-sys-typography-size-label-input-medium: 14px;
-  --gds-sys-typography-size-label-input-large: 16px;
-  --gds-sys-typography-size-label-information-medium: 14px;
-  --gds-sys-typography-size-label-information-large: 16px;
-  --gds-sys-typography-size-label-small: 12px;
-  --gds-sys-typography-size-label-medium: 14px;
-  --gds-sys-typography-size-label-large: 16px;
-  --gds-sys-typography-size-body-small: 12px;
-  --gds-sys-typography-size-body-medium: 14px;
-  --gds-sys-typography-size-body-large: 16px;
-  --gds-sys-typography-size-title-small: 14px;
-  --gds-sys-typography-size-title-medium: 16px;
-  --gds-sys-typography-size-title-large: 22px;
-  --gds-sys-typography-size-headline-small: 24px;
-  --gds-sys-typography-size-headline-medium: 28px;
-  --gds-sys-typography-size-headline-large: 32px;
-  --gds-sys-typography-size-display-small: 40px;
-  --gds-sys-typography-size-display-medium: 64px;
-  --gds-sys-typography-size-display-large: 82px;
-  --gds-sys-typography-line-height-label-overline: 18px;
-  --gds-sys-typography-line-height-label-input-medium: 20px;
-  --gds-sys-typography-line-height-label-input-large: 20px;
-  --gds-sys-typography-line-height-label-information-medium: 20px;
-  --gds-sys-typography-line-height-label-information-large: 20px;
-  --gds-sys-typography-line-height-label-small: 16px;
-  --gds-sys-typography-line-height-label-medium: 20px;
-  --gds-sys-typography-line-height-label-large: 20px;
-  --gds-sys-typography-line-height-body-small: 16px;
-  --gds-sys-typography-line-height-body-medium: 20px;
-  --gds-sys-typography-line-height-body-large: 20px;
-  --gds-sys-typography-line-height-title-small: 20px;
-  --gds-sys-typography-line-height-title-medium: 24px;
-  --gds-sys-typography-line-height-title-large: 28px;
-  --gds-sys-typography-line-height-headline-small: 30px;
-  --gds-sys-typography-line-height-headline-medium: 36px;
-  --gds-sys-typography-line-height-headline-large: 40px;
-  --gds-sys-typography-line-height-display-small: 52px;
-  --gds-sys-typography-line-height-display-medium: 80px;
-  --gds-sys-typography-line-height-display-large: 98px;
-  --gds-sys-state-hover-state-layer-opacity: 0.10;
-  --gds-sys-grid-width-desktop-lg: 2560px;
-  --gds-sys-grid-width-desktop-md: 1440px;
-  --gds-sys-grid-width-desktop-sm: 1024px;
-  --gds-sys-grid-width-tablet: 768px;
-  --gds-sys-grid-width-mobile: 425px;
-  --gds-sys-grid-columns-24: 24;
-  --gds-sys-grid-columns-12: 12;
-  --gds-sys-grid-columns-8: 8;
-  --gds-sys-grid-columns-6: 6;
-  --gds-sys-grid-columns-4: 4;
-  --gds-sys-grid-columns-2: 2;
-  --gds-ref-size-full: 9999px;
-  --gds-ref-size-3-5: 14px;
-  --gds-ref-size-2-5: 10px;
-  --gds-ref-size-1-5: 6px;
-  --gds-ref-size-0-5: 2px;
-  --gds-ref-size-100: 400px;
-  --gds-ref-size-99: 396px;
-  --gds-ref-size-98: 392px;
-  --gds-ref-size-97: 388px;
-  --gds-ref-size-96: 384px;
-  --gds-ref-size-95: 380px;
-  --gds-ref-size-94: 376px;
-  --gds-ref-size-93: 372px;
-  --gds-ref-size-92: 368px;
-  --gds-ref-size-91: 364px;
-  --gds-ref-size-90: 360px;
-  --gds-ref-size-89: 356px;
-  --gds-ref-size-88: 352px;
-  --gds-ref-size-87: 348px;
-  --gds-ref-size-86: 344px;
-  --gds-ref-size-85: 340px;
-  --gds-ref-size-84: 336px;
-  --gds-ref-size-83: 332px;
-  --gds-ref-size-82: 328px;
-  --gds-ref-size-81: 324px;
-  --gds-ref-size-80: 320px;
-  --gds-ref-size-79: 316px;
-  --gds-ref-size-78: 312px;
-  --gds-ref-size-77: 308px;
-  --gds-ref-size-76: 304px;
-  --gds-ref-size-75: 300px;
-  --gds-ref-size-74: 296px;
-  --gds-ref-size-73: 292px;
-  --gds-ref-size-72: 288px;
-  --gds-ref-size-71: 284px;
-  --gds-ref-size-70: 280px;
-  --gds-ref-size-69: 276px;
-  --gds-ref-size-68: 272px;
-  --gds-ref-size-67: 268px;
-  --gds-ref-size-66: 264px;
-  --gds-ref-size-65: 260px;
-  --gds-ref-size-64: 256px;
-  --gds-ref-size-63: 252px;
-  --gds-ref-size-62: 248px;
-  --gds-ref-size-61: 244px;
-  --gds-ref-size-60: 240px;
-  --gds-ref-size-59: 236px;
-  --gds-ref-size-58: 232px;
-  --gds-ref-size-57: 228px;
-  --gds-ref-size-56: 224px;
-  --gds-ref-size-55: 220px;
-  --gds-ref-size-54: 216px;
-  --gds-ref-size-53: 212px;
-  --gds-ref-size-52: 208px;
-  --gds-ref-size-51: 204px;
-  --gds-ref-size-50: 200px;
-  --gds-ref-size-49: 196px;
-  --gds-ref-size-48: 192px;
-  --gds-ref-size-47: 188px;
-  --gds-ref-size-46: 184px;
-  --gds-ref-size-45: 180px;
-  --gds-ref-size-44: 176px;
-  --gds-ref-size-43: 172px;
-  --gds-ref-size-42: 168px;
-  --gds-ref-size-41: 164px;
-  --gds-ref-size-40: 160px;
-  --gds-ref-size-39: 156px;
-  --gds-ref-size-38: 152px;
-  --gds-ref-size-37: 148px;
-  --gds-ref-size-36: 144px;
-  --gds-ref-size-35: 140px;
-  --gds-ref-size-34: 136px;
-  --gds-ref-size-33: 132px;
-  --gds-ref-size-32: 128px;
-  --gds-ref-size-31: 124px;
-  --gds-ref-size-30: 120px;
-  --gds-ref-size-29: 116px;
-  --gds-ref-size-28: 112px;
-  --gds-ref-size-27: 108px;
-  --gds-ref-size-26: 104px;
-  --gds-ref-size-25: 100px;
-  --gds-ref-size-24: 96px;
-  --gds-ref-size-23: 92px;
-  --gds-ref-size-22: 88px;
-  --gds-ref-size-21: 84px;
-  --gds-ref-size-20: 80px;
-  --gds-ref-size-19: 76px;
-  --gds-ref-size-18: 72px;
-  --gds-ref-size-17: 68px;
-  --gds-ref-size-16: 64px;
-  --gds-ref-size-15: 60px;
-  --gds-ref-size-14: 56px;
-  --gds-ref-size-13: 52px;
-  --gds-ref-size-12: 48px;
-  --gds-ref-size-11: 44px;
-  --gds-ref-size-10: 40px;
-  --gds-ref-size-9: 36px;
-  --gds-ref-size-8: 32px;
-  --gds-ref-size-7: 28px;
-  --gds-ref-size-6: 24px;
-  --gds-ref-size-5: 20px;
-  --gds-ref-size-4: 16px;
-  --gds-ref-size-3: 12px;
-  --gds-ref-size-2: 8px;
-  --gds-ref-size-1: 4px;
-  --gds-ref-size-0: 0px;
-  --gds-sys-space-6xl: var(--gds-ref-size-14);
-  --gds-sys-space-5xl: var(--gds-ref-size-12);
-  --gds-sys-space-4xl: var(--gds-ref-size-10);
-  --gds-sys-space-3xl: var(--gds-ref-size-8);
-  --gds-sys-space-2xl: var(--gds-ref-size-6);
-  --gds-sys-space-xl: var(--gds-ref-size-5);
-  --gds-sys-space-spacer-6xl: var(--gds-ref-size-14);
-  --gds-sys-space-spacer-5xl: var(--gds-ref-size-12);
-  --gds-sys-space-spacer-4xl: var(--gds-ref-size-10);
-  --gds-sys-space-spacer-3xl: var(--gds-ref-size-8);
-  --gds-sys-space-spacer-2xl: var(--gds-ref-size-6);
-  --gds-sys-space-spacer-xl: var(--gds-ref-size-5);
-  --gds-sys-space-spacer-l: var(--gds-ref-size-4);
-  --gds-sys-space-spacer-m: var(--gds-ref-size-2);
-  --gds-sys-space-spacer-s: var(--gds-ref-size-1-5);
-  --gds-sys-space-spacer-xs: var(--gds-ref-size-1);
-  --gds-sys-space-spacer-2xs: var(--gds-ref-size-0-5);
-  --gds-sys-space-spacer-0: var(--gds-ref-size-0);
-  --gds-sys-space-padding-6xl: var(--gds-ref-size-14);
-  --gds-sys-space-padding-5xl: var(--gds-ref-size-12);
-  --gds-sys-space-padding-4xl: var(--gds-ref-size-10);
-  --gds-sys-space-padding-3xl: var(--gds-ref-size-8);
-  --gds-sys-space-padding-2xl: var(--gds-ref-size-6);
-  --gds-sys-space-padding-xl: var(--gds-ref-size-5);
-  --gds-sys-space-padding-l: var(--gds-ref-size-4);
-  --gds-sys-space-padding-m: var(--gds-ref-size-2);
-  --gds-sys-space-padding-s: var(--gds-ref-size-1-5);
-  --gds-sys-space-padding-xs: var(--gds-ref-size-1);
-  --gds-sys-space-padding-2xs: var(--gds-ref-size-0-5);
-  --gds-sys-space-padding-0: var(--gds-ref-size-0);
-  --gds-sys-space-margins-6xl: var(--gds-ref-size-14);
-  --gds-sys-space-margins-5xl: var(--gds-ref-size-12);
-  --gds-sys-space-margins-4xl: var(--gds-ref-size-10);
-  --gds-sys-space-margins-3xl: var(--gds-ref-size-8);
-  --gds-sys-space-margins-2xl: var(--gds-ref-size-6);
-  --gds-sys-space-margins-xl: var(--gds-ref-size-5);
-  --gds-sys-space-margins-l: var(--gds-ref-size-4);
-  --gds-sys-space-margins-m: var(--gds-ref-size-2);
-  --gds-sys-space-margins-s: var(--gds-ref-size-1-5);
-  --gds-sys-space-margins-xs: var(--gds-ref-size-1);
-  --gds-sys-space-margins-2xs: var(--gds-ref-size-0-5);
-  --gds-sys-space-margins-0: var(--gds-ref-size-0);
-  --gds-sys-radii-full: var(--gds-ref-size-15);
-  --gds-sys-radii-4xl: var(--gds-ref-size-12);
-  --gds-sys-radii-3xl: var(--gds-ref-size-9);
-  --gds-sys-radii-2xl: var(--gds-ref-size-7);
-  --gds-sys-radii-xl: var(--gds-ref-size-6);
-  --gds-sys-radii-l: var(--gds-ref-size-5);
-  --gds-sys-radii-m: var(--gds-ref-size-4);
-  --gds-sys-radii-s: var(--gds-ref-size-3);
-  --gds-sys-radii-xs: var(--gds-ref-size-2);
-  --gds-sys-radii-none: var(--gds-ref-size-0);
-  --gds-sys-grid-padding-3xl: var(--gds-ref-size-12);
-  --gds-sys-grid-padding-2xl: var(--gds-ref-size-9);
-  --gds-sys-grid-padding-xl: var(--gds-ref-size-7);
-  --gds-sys-grid-padding-l: var(--gds-ref-size-6);
-  --gds-sys-grid-padding-m: var(--gds-ref-size-5);
-  --gds-sys-grid-padding-s: var(--gds-ref-size-3);
-  --gds-sys-grid-padding-xs: var(--gds-ref-size-2);
-  --gds-sys-grid-padding-none: var(--gds-ref-size-0);
-  --gds-sys-grid-gap-3xl: var(--gds-ref-size-12);
-  --gds-sys-grid-gap-2xl: var(--gds-ref-size-9);
-  --gds-sys-grid-gap-xl: var(--gds-ref-size-7);
-  --gds-sys-grid-gap-l: var(--gds-ref-size-6);
-  --gds-sys-grid-gap-m: var(--gds-ref-size-5);
-  --gds-sys-grid-gap-s: var(--gds-ref-size-3);
-  --gds-sys-grid-gap-xs: var(--gds-ref-size-2);
-  --gds-sys-grid-gap-none: var(--gds-ref-size-0);
-  --gds-sys-grid-breakpoint-desktop-lg: var(--gds-sys-grid-columns-12);
-  --gds-sys-grid-breakpoint-desktop-md: var(--gds-sys-grid-columns-12);
-  --gds-sys-grid-breakpoint-desktop-sm: var(--gds-sys-grid-columns-12);
-  --gds-sys-grid-breakpoint-tablet: var(--gds-sys-grid-columns-12);
-  --gds-sys-grid-breakpoint-mobile: var(--gds-sys-grid-columns-4);
+  --gds-space-max: 999px;
+  --gds-space-8xl: 120px;
+  --gds-space-7xl: 112px;
+  --gds-space-6xl: 96px;
+  --gds-space-5xl: 80px;
+  --gds-space-4xl: 64px;
+  --gds-space-3xl: 48px;
+  --gds-space-2xl: 40px;
+  --gds-space-xl: 32px;
+  --gds-space-l: 24px;
+  --gds-space-m: 16px;
+  --gds-space-s: 12px;
+  --gds-space-xs: 8px;
+  --gds-space-2xs: 4px;
+  --gds-space-3xs: 2px;
+  --gds-space-4xs: 1px;
+  --gds-space-0: 0px;
+}
+`;
+
+// dist/libs/tokens/internal/text.css?inline
+var text_default = `/**
+ * Do not edit directly
+ * Generated on Tue, 02 Jul 2024 12:45:56 GMT
+ */
+
+:host {
+  --gds-text-weight-bold: 700;
+  --gds-text-weight-medium: 500;
+  --gds-text-weight-book: 450;
+  --gds-text-weight-regular: 400;
+  --gds-text-weight-light: 300;
+  --gds-text-size-label-overline: 14px;
+  --gds-text-size-label-input-medium: 14px;
+  --gds-text-size-label-input-large: 16px;
+  --gds-text-size-label-information-medium: 14px;
+  --gds-text-size-label-information-large: 16px;
+  --gds-text-size-label-small: 12px;
+  --gds-text-size-label-medium: 14px;
+  --gds-text-size-label-large: 16px;
+  --gds-text-size-body-small: 12px;
+  --gds-text-size-body-medium: 14px;
+  --gds-text-size-body-large: 16px;
+  --gds-text-size-title-small: 14px;
+  --gds-text-size-title-medium: 16px;
+  --gds-text-size-title-large: 22px;
+  --gds-text-size-headline-small: 24px;
+  --gds-text-size-headline-medium: 28px;
+  --gds-text-size-headline-large: 32px;
+  --gds-text-size-display-small: 40px;
+  --gds-text-size-display-medium: 64px;
+  --gds-text-size-display-large: 82px;
+  --gds-text-line-height-label-overline: 18px;
+  --gds-text-line-height-label-input-medium: 20px;
+  --gds-text-line-height-label-input-large: 20px;
+  --gds-text-line-height-label-information-medium: 20px;
+  --gds-text-line-height-label-information-large: 20px;
+  --gds-text-line-height-label-small: 16px;
+  --gds-text-line-height-label-medium: 20px;
+  --gds-text-line-height-label-large: 20px;
+  --gds-text-line-height-body-small: 16px;
+  --gds-text-line-height-body-medium: 20px;
+  --gds-text-line-height-body-large: 20px;
+  --gds-text-line-height-title-small: 20px;
+  --gds-text-line-height-title-medium: 24px;
+  --gds-text-line-height-title-large: 28px;
+  --gds-text-line-height-headline-small: 30px;
+  --gds-text-line-height-headline-medium: 36px;
+  --gds-text-line-height-headline-large: 40px;
+  --gds-text-line-height-display-small: 52px;
+  --gds-text-line-height-display-medium: 80px;
+  --gds-text-line-height-display-large: 98px;
 }
 `;
 
 // dist/libs/tokens/internal/motion.css?inline
 var motion_default = `/**
  * Do not edit directly
- * Generated on Mon, 01 Jul 2024 13:44:52 GMT
+ * Generated on Tue, 02 Jul 2024 12:45:56 GMT
  */
 
 :host {
@@ -552,6 +388,7 @@ var tokens = [
   unsafeCSS(pallet_default),
   unsafeCSS(light_default),
   unsafeCSS(size_default),
+  unsafeCSS(text_default),
   unsafeCSS(motion_default)
 ];
 

package/chunks/chunk.6BQCB4IT.js

@@ -0,0 +1,12 @@
+// libs/core/src/components/layout/container/container.style.css.ts
+import { css } from "lit";
+var style = css`
+  :host {
+    box-sizing: border-box;
+  }
+`;
+var container_style_css_default = style;
+
+export {
+  container_style_css_default
+};

package/chunks/chunk.7WY5IUFF.js

@@ -0,0 +1,38 @@
+import {
+  styleExpressionProperty
+} from "./chunk.ADPMTWTS.js";
+import {
+  tokens
+} from "./chunk.5JXFH3CA.js";
+import {
+  GdsElement
+} from "./chunk.ZQ4D5K7J.js";
+import {
+  gdsCustomElement,
+  html
+} from "./chunk.VOYMQ322.js";
+import {
+  __decorateClass
+} from "./chunk.5VURDMKE.js";
+
+// libs/core/src/components/content/spacer/spacer.ts
+var GdsSpacer = class extends GdsElement {
+  render() {
+    return html`<div></div>`;
+  }
+};
+GdsSpacer.styles = [tokens];
+__decorateClass([
+  styleExpressionProperty({
+    property: "height",
+    selector: "div",
+    valueTemplate: (v) => `var(--gds-space-${v})`
+  })
+], GdsSpacer.prototype, "size", 2);
+GdsSpacer = __decorateClass([
+  gdsCustomElement("gds-spacer")
+], GdsSpacer);
+
+export {
+  GdsSpacer
+};

package/chunks/chunk.ADPMTWTS.js

@@ -0,0 +1,148 @@
+import {
+  watch
+} from "./chunk.2WO4NHJ2.js";
+
+// libs/core/src/utils/decorators/style-expression-property.ts
+import { unsafeCSS } from "lit";
+import { property } from "lit/decorators.js";
+
+// libs/core/src/utils/helpers/style-expression-parser.ts
+var viewportBreakpoints = {
+  "0": "0px",
+  "2xs": "320px",
+  xs: "425px",
+  s: "768px",
+  m: "1024px",
+  l: "1280px",
+  xl: "1440px",
+  "2xl": "2560px",
+  "3xl": "3840px",
+  "4xl": "4320px",
+  "5xl": "6016px",
+  "6xl": "7680px"
+};
+var breakpointValueRegex = /^([<|>]=?)?([0-9a-z]+)/;
+var singleCharTokens = ["{", "}", ";", ","];
+var whitespace = [" ", "/n"];
+function tokenize(source) {
+  const lexemes = [];
+  let scanned = "";
+  for (let i = 0; i < source.length; i++) {
+    const c = source[i];
+    if (!whitespace.includes(c))
+      scanned += c;
+    if (singleCharTokens.includes(c)) {
+      lexemes.push(scanned.slice(0, -1));
+      lexemes.push(c);
+      scanned = "";
+      continue;
+    }
+    if (whitespace.includes(c) || i === source.length - 1) {
+      lexemes.push(scanned);
+      scanned = "";
+      continue;
+    }
+  }
+  return lexemes.filter((l) => l !== "");
+}
+function parse(tokens) {
+  const tree = [];
+  let level = "bp";
+  let scope = void 0;
+  let expectMultiCondition = false;
+  for (const t of tokens) {
+    if (!singleCharTokens.includes(t)) {
+      if (level === "val" && scope) {
+        t !== "}" && scope.values.push(t);
+      } else {
+        if (scope && expectMultiCondition) {
+          scope.breakpoint += `,${t}`;
+          expectMultiCondition = false;
+          continue;
+        }
+        if (!scope) {
+          scope = { breakpoint: t, values: [] };
+          tree.push(scope);
+        } else {
+          level = "val";
+          scope.values.push(scope.breakpoint);
+          scope.values.push(t);
+          scope.breakpoint = "-";
+        }
+      }
+      continue;
+    }
+    if (t === ",") {
+      expectMultiCondition = true;
+      continue;
+    }
+    if (t === "{") {
+      level = "val";
+      continue;
+    }
+    if (t === "}" || t === ";") {
+      level = "bp";
+      scope = void 0;
+      continue;
+    }
+  }
+  return tree.map((bp) => {
+    if (bp.values.length === 0) {
+      bp.values.push(bp.breakpoint);
+      bp.breakpoint = "-";
+    }
+    return bp;
+  });
+}
+function parseBreakpoint(bp) {
+  const bps = bp.split(",");
+  return bps.map((b) => {
+    const match = b.trim().match(breakpointValueRegex);
+    if (!match) {
+      throw new Error(`Invalid breakpoint specifier: ${b}`);
+    }
+    return { condition: match[1], value: match[2] };
+  });
+}
+function toCss(selector, property2, tree, valueTemplate = (v) => v, styleTemplate = (p, vs) => `${p}: ${vs.join(" ")};`) {
+  let css = "";
+  for (const bp of tree) {
+    const bpSpecs = bp.breakpoint === "-" ? [{ condition: ">=", value: "0" }] : parseBreakpoint(bp.breakpoint);
+    const query = bpSpecs.map(
+      (b) => {
+        var _a, _b;
+        return `(${((_a = b.condition) == null ? void 0 : _a.includes("<")) ? "max-width" : "min-width"}: ${(_b = viewportBreakpoints[b.value]) != null ? _b : b.value})`;
+      }
+    ).join(" and ");
+    const mq = `@media ${query} {${selector}{${styleTemplate(property2, bp.values.map(valueTemplate))}}}`;
+    css += mq;
+  }
+  return css;
+}
+
+// libs/core/src/utils/decorators/style-expression-property.ts
+function styleExpressionProperty(options) {
+  return (proto, descriptor) => {
+    var _a, _b, _c;
+    const sel = (_a = options == null ? void 0 : options.selector) != null ? _a : String(":host");
+    const prop = (_b = options == null ? void 0 : options.property) != null ? _b : String(descriptor);
+    const valueTemplate = (_c = options == null ? void 0 : options.valueTemplate) != null ? _c : (v) => `var(--gds-space-${v})`;
+    const styleTemplate = options == null ? void 0 : options.styleTemplate;
+    property({ attribute: options == null ? void 0 : options.attribute })(proto, descriptor);
+    watch(descriptor)(proto, descriptor, {
+      value: function(oldValue, newValue) {
+        const ast = parse(tokenize(newValue));
+        const css = toCss(sel, prop, ast, valueTemplate, styleTemplate);
+        this[`__${String(descriptor)}_ast`] = ast;
+        this._dynamicStylesController.inject(
+          `sep_${String(descriptor)}`,
+          unsafeCSS(css)
+        );
+      }
+    });
+  };
+}
+
+export {
+  styleExpressionProperty
+};

package/chunks/chunk.G5CTCHXH.js

@@ -0,0 +1,61 @@
+import {
+  styleExpressionProperty
+} from "./chunk.ADPMTWTS.js";
+import {
+  tokens
+} from "./chunk.5JXFH3CA.js";
+import {
+  GdsElement
+} from "./chunk.ZQ4D5K7J.js";
+import {
+  gdsCustomElement,
+  html
+} from "./chunk.VOYMQ322.js";
+import {
+  divider_style_css_default
+} from "./chunk.VS5JKIZQ.js";
+import {
+  __decorateClass
+} from "./chunk.5VURDMKE.js";
+
+// libs/core/src/components/content/divider/divider.ts
+var GdsDivider = class extends GdsElement {
+  render() {
+    return html`<hr />`;
+  }
+};
+GdsDivider.styles = [tokens, divider_style_css_default];
+__decorateClass([
+  styleExpressionProperty({
+    property: "color",
+    valueTemplate: (v) => {
+      const [colorName, transparency] = v.split("/");
+      if (transparency) {
+        return `color-mix(in srgb, var(--gds-sys-color-${colorName}) ${parseFloat(transparency) * 100}%, transparent 0%)`;
+      } else {
+        return `var(--gds-sys-color-${colorName})`;
+      }
+    }
+  })
+], GdsDivider.prototype, "color", 2);
+__decorateClass([
+  styleExpressionProperty({
+    property: "--_size",
+    selector: "hr",
+    valueTemplate: (v) => `var(--gds-space-${v})`
+  })
+], GdsDivider.prototype, "size", 2);
+__decorateClass([
+  styleExpressionProperty({
+    property: "opacity",
+    selector: "hr",
+    valueTemplate: (v) => v
+  })
+], GdsDivider.prototype, "opacity", 2);
+GdsDivider = __decorateClass([
+  gdsCustomElement("gds-divider")
+], GdsDivider);
+
+export {
+  GdsDivider
+};