@akcelik/strct 6.1.0 → 6.2.0

package/fesm2022/akcelik-strct.mjs

@@ -1147,6 +1147,58 @@ i0.ɵɵngDeclareClassMetadata({
 		}]
 	}
 });
+function strctControlHeight(size) {
+	return `var(--control-h-${size})`;
+}
+var StrctControlSizeDirective = class StrctControlSizeDirective {
+	strctControlSize = input("md", ...ngDevMode ? [{ debugName: "strctControlSize" }] : /* istanbul ignore next */ []);
+	height = computed(() => strctControlHeight(this.strctControlSize()), ...ngDevMode ? [{ debugName: "height" }] : /* istanbul ignore next */ []);
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.3",
+		ngImport: i0,
+		type: StrctControlSizeDirective,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Directive
+	});
+	static ɵdir = i0.ɵɵngDeclareDirective({
+		minVersion: "17.1.0",
+		version: "22.2.3",
+		type: StrctControlSizeDirective,
+		isStandalone: true,
+		selector: "[strctControlSize]",
+		inputs: { strctControlSize: {
+			classPropertyName: "strctControlSize",
+			publicName: "strctControlSize",
+			isSignal: true,
+			isRequired: false,
+			transformFunction: null
+		} },
+		host: { properties: { "style.--control-h": "height()" } },
+		ngImport: i0
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.3",
+	ngImport: i0,
+	type: StrctControlSizeDirective,
+	decorators: [{
+		type: Directive,
+		args: [{
+			selector: "[strctControlSize]",
+			host: { "[style.--control-h]": "height()" }
+		}]
+	}],
+	propDecorators: { strctControlSize: [{
+		type: i0.Input,
+		args: [{
+			isSignal: true,
+			alias: "strctControlSize",
+			required: false
+		}]
+	}] }
+});
 var StrctOverlay = class StrctOverlay {
 	el = inject(ElementRef).nativeElement;
 	zone = inject(NgZone);
@@ -5514,6 +5566,7 @@ var StrctButton = class StrctButton {
 				"class.strct-btn--link": "variant() === 'link'",
 				"class.strct-btn--solid": "solid()",
 				"class.strct-btn--sm": "size() === 'sm'",
+				"class.strct-btn--lg": "size() === 'lg'",
 				"class.strct-btn--mini": "size() === 'mini'",
 				"class.strct-btn--block": "block()",
 				"class.strct-btn--icon": "iconOnly()",
@@ -5526,7 +5579,7 @@ var StrctButton = class StrctButton {
 		ngImport: i0,
 		template: `<ng-content />`,
 		isInline: true,
-		styles: [".strct-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-1);font-family:var(--font);font-size:13px;font-weight:500;line-height:1;padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--t1);background:transparent;border:1px solid var(--b3);transition:background .14s ease,border-color .14s ease,color .14s ease,opacity .14s ease;text-decoration:none;white-space:nowrap}.strct-btn:hover{background:var(--bg-3);text-decoration:none}.strct-btn:active{background:var(--bg-a)}.strct-btn:disabled,.strct-btn[aria-disabled=true]{opacity:.45;cursor:not-allowed}.strct-btn--primary{border-color:var(--acc50);color:var(--acc)}.strct-btn--primary:hover{background:var(--acc-m);border-color:var(--acc)}.strct-btn--critical{border-color:var(--critical);color:var(--critical)}.strct-btn--critical:hover{background:var(--critical-bg)}.strct-btn--outline{border-color:var(--b3);color:var(--t1)}.strct-btn--outline:hover{background:var(--bg-3)}.strct-btn--flat{border-color:transparent;color:var(--t2)}.strct-btn--flat:hover{background:var(--bg-3);color:var(--t1)}.strct-btn--link{display:inline;padding:0;border:0;border-radius:0;background:none;color:var(--acc);font-weight:inherit;line-height:inherit;white-space:normal;text-align:start}.strct-btn--link:hover,.strct-btn--link:focus-visible{background:none;text-decoration:underline}.strct-btn--link:active{background:none}.strct-btn--link:disabled,.strct-btn--link[aria-disabled=true]{color:var(--t4);text-decoration:none}.strct-btn--link.strct-btn--sm,.strct-btn--link.strct-btn--mini{padding:0}.strct-btn--solid{background:var(--bg-3);border-color:transparent;color:var(--t1)}.strct-btn--solid:hover{background:var(--bg-h)}.strct-btn--solid.strct-btn--primary{background:var(--acc);color:var(--inv)}.strct-btn--solid.strct-btn--primary:hover{background:var(--acc);filter:brightness(1.08)}.strct-btn--solid.strct-btn--critical{background:var(--critical);color:var(--inv)}.strct-btn--solid.strct-btn--critical:hover{background:var(--critical);filter:brightness(1.08)}.strct-btn--sm{padding:var(--space-1) var(--space-3);font-size:12px;border-radius:var(--radius-sm)}.strct-btn--mini{padding:2px var(--space-2);font-size:12px;border-radius:var(--radius-sm)}.strct-btn--block{display:flex;width:100%}.strct-btn--icon{padding:var(--space-2)}.strct-btn--icon.strct-btn--sm{padding:var(--space-1)}.strct-btn--icon.strct-btn--mini{padding:3px}\n"],
+		styles: [".strct-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-1);font-family:var(--font);font-size:13px;font-weight:500;line-height:1;box-sizing:border-box;height:var(--control-h);padding:0 var(--space-4);border-radius:var(--radius-md);cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--t1);background:transparent;border:1px solid var(--b3);transition:background .14s ease,border-color .14s ease,color .14s ease,opacity .14s ease;text-decoration:none;white-space:nowrap}.strct-btn:hover{background:var(--bg-3);text-decoration:none}.strct-btn:active{background:var(--bg-a)}.strct-btn:disabled,.strct-btn[aria-disabled=true]{opacity:.45;cursor:not-allowed}.strct-btn--primary{border-color:var(--acc50);color:var(--acc)}.strct-btn--primary:hover{background:var(--acc-m);border-color:var(--acc)}.strct-btn--critical{border-color:var(--critical);color:var(--critical)}.strct-btn--critical:hover{background:var(--critical-bg)}.strct-btn--outline{border-color:var(--b3);color:var(--t1)}.strct-btn--outline:hover{background:var(--bg-3)}.strct-btn--flat{border-color:transparent;color:var(--t2)}.strct-btn--flat:hover{background:var(--bg-3);color:var(--t1)}.strct-btn--link{display:inline;height:auto;padding:0;border:0;border-radius:0;background:none;color:var(--acc);font-weight:inherit;line-height:inherit;white-space:normal;text-align:start}.strct-btn--link:hover,.strct-btn--link:focus-visible{background:none;text-decoration:underline}.strct-btn--link:active{background:none}.strct-btn--link:disabled,.strct-btn--link[aria-disabled=true]{color:var(--t4);text-decoration:none}.strct-btn--link.strct-btn--sm,.strct-btn--link.strct-btn--mini{padding:0}.strct-btn--solid{background:var(--bg-3);border-color:transparent;color:var(--t1)}.strct-btn--solid:hover{background:var(--bg-h)}.strct-btn--solid.strct-btn--primary{background:var(--acc);color:var(--inv)}.strct-btn--solid.strct-btn--primary:hover{background:var(--acc);filter:brightness(1.08)}.strct-btn--solid.strct-btn--critical{background:var(--critical);color:var(--inv)}.strct-btn--solid.strct-btn--critical:hover{background:var(--critical);filter:brightness(1.08)}.strct-btn--sm{--control-h: var(--control-h-sm);padding:0 var(--space-3);font-size:12px;border-radius:var(--radius-sm)}.strct-btn--lg{--control-h: var(--control-h-lg);padding:0 var(--space-5);font-size:14px}.strct-btn--mini{height:auto;padding:2px var(--space-2);font-size:12px;border-radius:var(--radius-sm)}.strct-btn--block{display:flex;width:100%}.strct-btn--icon{width:var(--control-h);padding:0}.strct-btn--icon.strct-btn--mini{width:auto;padding:3px}\n"],
 		changeDetection: i0.ChangeDetectionStrategy.OnPush,
 		encapsulation: i0.ViewEncapsulation.None
 	});
@@ -5552,6 +5605,7 @@ i0.ɵɵngDeclareClassMetadata({
 				"[class.strct-btn--link]": "variant() === 'link'",
 				"[class.strct-btn--solid]": "solid()",
 				"[class.strct-btn--sm]": "size() === 'sm'",
+				"[class.strct-btn--lg]": "size() === 'lg'",
 				"[class.strct-btn--mini]": "size() === 'mini'",
 				"[class.strct-btn--block]": "block()",
 				"[class.strct-btn--icon]": "iconOnly()",
@@ -5563,7 +5617,7 @@ i0.ɵɵngDeclareClassMetadata({
 				"(mouseleave)": "hideReason()",
 				"(blur)": "hideReason()"
 			},
-			styles: [".strct-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-1);font-family:var(--font);font-size:13px;font-weight:500;line-height:1;padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--t1);background:transparent;border:1px solid var(--b3);transition:background .14s ease,border-color .14s ease,color .14s ease,opacity .14s ease;text-decoration:none;white-space:nowrap}.strct-btn:hover{background:var(--bg-3);text-decoration:none}.strct-btn:active{background:var(--bg-a)}.strct-btn:disabled,.strct-btn[aria-disabled=true]{opacity:.45;cursor:not-allowed}.strct-btn--primary{border-color:var(--acc50);color:var(--acc)}.strct-btn--primary:hover{background:var(--acc-m);border-color:var(--acc)}.strct-btn--critical{border-color:var(--critical);color:var(--critical)}.strct-btn--critical:hover{background:var(--critical-bg)}.strct-btn--outline{border-color:var(--b3);color:var(--t1)}.strct-btn--outline:hover{background:var(--bg-3)}.strct-btn--flat{border-color:transparent;color:var(--t2)}.strct-btn--flat:hover{background:var(--bg-3);color:var(--t1)}.strct-btn--link{display:inline;padding:0;border:0;border-radius:0;background:none;color:var(--acc);font-weight:inherit;line-height:inherit;white-space:normal;text-align:start}.strct-btn--link:hover,.strct-btn--link:focus-visible{background:none;text-decoration:underline}.strct-btn--link:active{background:none}.strct-btn--link:disabled,.strct-btn--link[aria-disabled=true]{color:var(--t4);text-decoration:none}.strct-btn--link.strct-btn--sm,.strct-btn--link.strct-btn--mini{padding:0}.strct-btn--solid{background:var(--bg-3);border-color:transparent;color:var(--t1)}.strct-btn--solid:hover{background:var(--bg-h)}.strct-btn--solid.strct-btn--primary{background:var(--acc);color:var(--inv)}.strct-btn--solid.strct-btn--primary:hover{background:var(--acc);filter:brightness(1.08)}.strct-btn--solid.strct-btn--critical{background:var(--critical);color:var(--inv)}.strct-btn--solid.strct-btn--critical:hover{background:var(--critical);filter:brightness(1.08)}.strct-btn--sm{padding:var(--space-1) var(--space-3);font-size:12px;border-radius:var(--radius-sm)}.strct-btn--mini{padding:2px var(--space-2);font-size:12px;border-radius:var(--radius-sm)}.strct-btn--block{display:flex;width:100%}.strct-btn--icon{padding:var(--space-2)}.strct-btn--icon.strct-btn--sm{padding:var(--space-1)}.strct-btn--icon.strct-btn--mini{padding:3px}\n"]
+			styles: [".strct-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-1);font-family:var(--font);font-size:13px;font-weight:500;line-height:1;box-sizing:border-box;height:var(--control-h);padding:0 var(--space-4);border-radius:var(--radius-md);cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--t1);background:transparent;border:1px solid var(--b3);transition:background .14s ease,border-color .14s ease,color .14s ease,opacity .14s ease;text-decoration:none;white-space:nowrap}.strct-btn:hover{background:var(--bg-3);text-decoration:none}.strct-btn:active{background:var(--bg-a)}.strct-btn:disabled,.strct-btn[aria-disabled=true]{opacity:.45;cursor:not-allowed}.strct-btn--primary{border-color:var(--acc50);color:var(--acc)}.strct-btn--primary:hover{background:var(--acc-m);border-color:var(--acc)}.strct-btn--critical{border-color:var(--critical);color:var(--critical)}.strct-btn--critical:hover{background:var(--critical-bg)}.strct-btn--outline{border-color:var(--b3);color:var(--t1)}.strct-btn--outline:hover{background:var(--bg-3)}.strct-btn--flat{border-color:transparent;color:var(--t2)}.strct-btn--flat:hover{background:var(--bg-3);color:var(--t1)}.strct-btn--link{display:inline;height:auto;padding:0;border:0;border-radius:0;background:none;color:var(--acc);font-weight:inherit;line-height:inherit;white-space:normal;text-align:start}.strct-btn--link:hover,.strct-btn--link:focus-visible{background:none;text-decoration:underline}.strct-btn--link:active{background:none}.strct-btn--link:disabled,.strct-btn--link[aria-disabled=true]{color:var(--t4);text-decoration:none}.strct-btn--link.strct-btn--sm,.strct-btn--link.strct-btn--mini{padding:0}.strct-btn--solid{background:var(--bg-3);border-color:transparent;color:var(--t1)}.strct-btn--solid:hover{background:var(--bg-h)}.strct-btn--solid.strct-btn--primary{background:var(--acc);color:var(--inv)}.strct-btn--solid.strct-btn--primary:hover{background:var(--acc);filter:brightness(1.08)}.strct-btn--solid.strct-btn--critical{background:var(--critical);color:var(--inv)}.strct-btn--solid.strct-btn--critical:hover{background:var(--critical);filter:brightness(1.08)}.strct-btn--sm{--control-h: var(--control-h-sm);padding:0 var(--space-3);font-size:12px;border-radius:var(--radius-sm)}.strct-btn--lg{--control-h: var(--control-h-lg);padding:0 var(--space-5);font-size:14px}.strct-btn--mini{height:auto;padding:2px var(--space-2);font-size:12px;border-radius:var(--radius-sm)}.strct-btn--block{display:flex;width:100%}.strct-btn--icon{width:var(--control-h);padding:0}.strct-btn--icon.strct-btn--mini{width:auto;padding:3px}\n"]
 		}]
 	}],
 	ctorParameters: () => [],
@@ -14466,6 +14520,11 @@ i0.ɵɵngDeclareClassMetadata({
 	}
 });
 var StrctSearchbox = class StrctSearchbox {
+	size = input(void 0, ...ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []);
+	controlHeight = computed(() => {
+		const s = this.size();
+		return s ? strctControlHeight(s) : null;
+	}, ...ngDevMode ? [{ debugName: "controlHeight" }] : /* istanbul ignore next */ []);
 	host = inject(ElementRef);
 	placeholder = input("Search", ...ngDevMode ? [{ debugName: "placeholder" }] : /* istanbul ignore next */ []);
 	hint = input("", ...ngDevMode ? [{ debugName: "hint" }] : /* istanbul ignore next */ []);
@@ -14537,6 +14596,13 @@ var StrctSearchbox = class StrctSearchbox {
 		isStandalone: true,
 		selector: "strct-searchbox",
 		inputs: {
+			size: {
+				classPropertyName: "size",
+				publicName: "size",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
 			placeholder: {
 				classPropertyName: "placeholder",
 				publicName: "placeholder",
@@ -14592,7 +14658,10 @@ var StrctSearchbox = class StrctSearchbox {
 			search: "search",
 			activated: "activated"
 		},
-		host: { classAttribute: "strct-sb-host" },
+		host: {
+			properties: { "style.--control-h": "controlHeight()" },
+			classAttribute: "strct-sb-host"
+		},
 		providers: [{
 			provide: NG_VALUE_ACCESSOR,
 			useExisting: forwardRef(() => StrctSearchbox),
@@ -14651,7 +14720,7 @@ var StrctSearchbox = class StrctSearchbox {
     }
   `,
 		isInline: true,
-		styles: [".strct-sb-host{display:inline-flex;max-width:100%}.strct-sb{display:inline-flex;align-items:center;gap:8px;width:100%;min-width:0;padding:5px 8px 5px 10px;border:1px solid var(--strct-sb-border, var(--b2));border-radius:3px;background:var(--strct-sb-bg, var(--bg-2));color:var(--strct-sb-fg, var(--t2));font-family:var(--font);font-size:var(--strct-sb-font-size, 12.5px);transition:background .14s ease,border-color .14s ease,color .14s ease}.strct-sb--trigger{cursor:pointer;text-align:start}.strct-sb--trigger:hover:not(:disabled){color:var(--strct-sb-fg-hover, var(--t1));background:var(--strct-sb-bg-hover, var(--bg-3))}.strct-sb--trigger:focus-visible{outline:2px solid var(--acc50);outline-offset:1px}.strct-sb:focus-within:not(.strct-sb--trigger){border-color:var(--acc50);color:var(--t1)}.strct-sb--disabled,.strct-sb--trigger:disabled{opacity:.55;cursor:not-allowed}.strct-sb__icon{flex-shrink:0;color:var(--strct-sb-muted, var(--t3))}.strct-sb__label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.strct-sb__input{flex:1;min-width:0;border:0;padding:0;background:transparent;color:var(--t1);font-family:var(--font);font-size:12.5px;outline:none}.strct-sb__input::placeholder{color:var(--t3)}.strct-sb__kbd{flex-shrink:0;font-family:var(--mono);font-size:10px;line-height:1;padding:3px 5px;border:1px solid var(--strct-sb-kbd-border, var(--b2));border-radius:2px;background:var(--strct-sb-kbd-bg, var(--bg-2));color:var(--strct-sb-kbd-fg, var(--t3))}.strct-sb__clear{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;margin:-2px;padding:0;border:0;border-radius:2px;background:transparent;color:var(--t3);cursor:pointer}.strct-sb__clear:hover{color:var(--t1);background:var(--bg-3)}.strct-sb__clear:focus-visible{outline:2px solid var(--acc50);outline-offset:1px}@media(prefers-reduced-motion:reduce){.strct-sb{transition:none}}\n"],
+		styles: [".strct-sb-host{display:inline-flex;max-width:100%}.strct-sb{display:inline-flex;align-items:center;gap:8px;width:100%;min-width:0;box-sizing:border-box;height:var(--control-h);padding:0 8px 0 10px;border:1px solid var(--strct-sb-border, var(--b2));border-radius:3px;background:var(--strct-sb-bg, var(--bg-2));color:var(--strct-sb-fg, var(--t2));font-family:var(--font);font-size:var(--strct-sb-font-size, 12.5px);transition:background .14s ease,border-color .14s ease,color .14s ease}.strct-sb--trigger{cursor:pointer;text-align:start}.strct-sb--trigger:hover:not(:disabled){color:var(--strct-sb-fg-hover, var(--t1));background:var(--strct-sb-bg-hover, var(--bg-3))}.strct-sb--trigger:focus-visible{outline:2px solid var(--acc50);outline-offset:1px}.strct-sb:focus-within:not(.strct-sb--trigger){border-color:var(--acc50);color:var(--t1)}.strct-sb--disabled,.strct-sb--trigger:disabled{opacity:.55;cursor:not-allowed}.strct-sb__icon{flex-shrink:0;color:var(--strct-sb-muted, var(--t3))}.strct-sb__label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.strct-sb__input{flex:1;min-width:0;border:0;padding:0;background:transparent;color:var(--t1);font-family:var(--font);font-size:12.5px;outline:none}.strct-sb__input::placeholder{color:var(--t3)}.strct-sb__kbd{flex-shrink:0;font-family:var(--mono);font-size:10px;line-height:1;padding:3px 5px;border:1px solid var(--strct-sb-kbd-border, var(--b2));border-radius:2px;background:var(--strct-sb-kbd-bg, var(--bg-2));color:var(--strct-sb-kbd-fg, var(--t3))}.strct-sb__clear{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;margin:-2px;padding:0;border:0;border-radius:2px;background:transparent;color:var(--t3);cursor:pointer}.strct-sb__clear:hover{color:var(--t1);background:var(--bg-3)}.strct-sb__clear:focus-visible{outline:2px solid var(--acc50);outline-offset:1px}@media(prefers-reduced-motion:reduce){.strct-sb{transition:none}}\n"],
 		dependencies: [{
 			kind: "component",
 			type: StrctIcon,
@@ -14743,11 +14812,22 @@ i0.ɵɵngDeclareClassMetadata({
       </div>
     }
   `,
-			host: { class: "strct-sb-host" },
-			styles: [".strct-sb-host{display:inline-flex;max-width:100%}.strct-sb{display:inline-flex;align-items:center;gap:8px;width:100%;min-width:0;padding:5px 8px 5px 10px;border:1px solid var(--strct-sb-border, var(--b2));border-radius:3px;background:var(--strct-sb-bg, var(--bg-2));color:var(--strct-sb-fg, var(--t2));font-family:var(--font);font-size:var(--strct-sb-font-size, 12.5px);transition:background .14s ease,border-color .14s ease,color .14s ease}.strct-sb--trigger{cursor:pointer;text-align:start}.strct-sb--trigger:hover:not(:disabled){color:var(--strct-sb-fg-hover, var(--t1));background:var(--strct-sb-bg-hover, var(--bg-3))}.strct-sb--trigger:focus-visible{outline:2px solid var(--acc50);outline-offset:1px}.strct-sb:focus-within:not(.strct-sb--trigger){border-color:var(--acc50);color:var(--t1)}.strct-sb--disabled,.strct-sb--trigger:disabled{opacity:.55;cursor:not-allowed}.strct-sb__icon{flex-shrink:0;color:var(--strct-sb-muted, var(--t3))}.strct-sb__label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.strct-sb__input{flex:1;min-width:0;border:0;padding:0;background:transparent;color:var(--t1);font-family:var(--font);font-size:12.5px;outline:none}.strct-sb__input::placeholder{color:var(--t3)}.strct-sb__kbd{flex-shrink:0;font-family:var(--mono);font-size:10px;line-height:1;padding:3px 5px;border:1px solid var(--strct-sb-kbd-border, var(--b2));border-radius:2px;background:var(--strct-sb-kbd-bg, var(--bg-2));color:var(--strct-sb-kbd-fg, var(--t3))}.strct-sb__clear{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;margin:-2px;padding:0;border:0;border-radius:2px;background:transparent;color:var(--t3);cursor:pointer}.strct-sb__clear:hover{color:var(--t1);background:var(--bg-3)}.strct-sb__clear:focus-visible{outline:2px solid var(--acc50);outline-offset:1px}@media(prefers-reduced-motion:reduce){.strct-sb{transition:none}}\n"]
+			host: {
+				class: "strct-sb-host",
+				"[style.--control-h]": "controlHeight()"
+			},
+			styles: [".strct-sb-host{display:inline-flex;max-width:100%}.strct-sb{display:inline-flex;align-items:center;gap:8px;width:100%;min-width:0;box-sizing:border-box;height:var(--control-h);padding:0 8px 0 10px;border:1px solid var(--strct-sb-border, var(--b2));border-radius:3px;background:var(--strct-sb-bg, var(--bg-2));color:var(--strct-sb-fg, var(--t2));font-family:var(--font);font-size:var(--strct-sb-font-size, 12.5px);transition:background .14s ease,border-color .14s ease,color .14s ease}.strct-sb--trigger{cursor:pointer;text-align:start}.strct-sb--trigger:hover:not(:disabled){color:var(--strct-sb-fg-hover, var(--t1));background:var(--strct-sb-bg-hover, var(--bg-3))}.strct-sb--trigger:focus-visible{outline:2px solid var(--acc50);outline-offset:1px}.strct-sb:focus-within:not(.strct-sb--trigger){border-color:var(--acc50);color:var(--t1)}.strct-sb--disabled,.strct-sb--trigger:disabled{opacity:.55;cursor:not-allowed}.strct-sb__icon{flex-shrink:0;color:var(--strct-sb-muted, var(--t3))}.strct-sb__label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.strct-sb__input{flex:1;min-width:0;border:0;padding:0;background:transparent;color:var(--t1);font-family:var(--font);font-size:12.5px;outline:none}.strct-sb__input::placeholder{color:var(--t3)}.strct-sb__kbd{flex-shrink:0;font-family:var(--mono);font-size:10px;line-height:1;padding:3px 5px;border:1px solid var(--strct-sb-kbd-border, var(--b2));border-radius:2px;background:var(--strct-sb-kbd-bg, var(--bg-2));color:var(--strct-sb-kbd-fg, var(--t3))}.strct-sb__clear{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;margin:-2px;padding:0;border:0;border-radius:2px;background:transparent;color:var(--t3);cursor:pointer}.strct-sb__clear:hover{color:var(--t1);background:var(--bg-3)}.strct-sb__clear:focus-visible{outline:2px solid var(--acc50);outline-offset:1px}@media(prefers-reduced-motion:reduce){.strct-sb{transition:none}}\n"]
 		}]
 	}],
 	propDecorators: {
+		size: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "size",
+				required: false
+			}]
+		}],
 		placeholder: [{
 			type: i0.Input,
 			args: [{
@@ -15783,6 +15863,7 @@ var StrctFilterBar = class StrctFilterBar {
 			type: StrctSearchbox,
 			selector: "strct-searchbox",
 			inputs: [
+				"size",
 				"placeholder",
 				"hint",
 				"trigger",
@@ -16699,6 +16780,11 @@ i0.ɵɵngDeclareClassMetadata({
 	}
 });
 var StrctInput = class StrctInput {
+	size = input(void 0, ...ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []);
+	controlHeight = computed(() => {
+		const s = this.size();
+		return s ? strctControlHeight(s) : null;
+	}, ...ngDevMode ? [{ debugName: "controlHeight" }] : /* istanbul ignore next */ []);
 	mono = input(false, {
 		...ngDevMode ? { debugName: "mono" } : /* istanbul ignore next */ {},
 		transform: booleanAttribute
@@ -16717,15 +16803,27 @@ var StrctInput = class StrctInput {
 		type: StrctInput,
 		isStandalone: true,
 		selector: "input[strctInput], textarea[strctInput], select[strctInput], input[strct-input], textarea[strct-input], select[strct-input]",
-		inputs: { mono: {
-			classPropertyName: "mono",
-			publicName: "mono",
-			isSignal: true,
-			isRequired: false,
-			transformFunction: null
-		} },
+		inputs: {
+			size: {
+				classPropertyName: "size",
+				publicName: "size",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			mono: {
+				classPropertyName: "mono",
+				publicName: "mono",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
 		host: {
-			properties: { "class.strct-control--mono": "mono()" },
+			properties: {
+				"class.strct-control--mono": "mono()",
+				"style.--control-h": "controlHeight()"
+			},
 			classAttribute: "strct-control"
 		},
 		ngImport: i0
@@ -16742,18 +16840,29 @@ i0.ɵɵngDeclareClassMetadata({
 			selector: "input[strctInput], textarea[strctInput], select[strctInput], input[strct-input], textarea[strct-input], select[strct-input]",
 			host: {
 				class: "strct-control",
-				"[class.strct-control--mono]": "mono()"
+				"[class.strct-control--mono]": "mono()",
+				"[style.--control-h]": "controlHeight()"
 			}
 		}]
 	}],
-	propDecorators: { mono: [{
-		type: i0.Input,
-		args: [{
-			isSignal: true,
-			alias: "mono",
-			required: false
+	propDecorators: {
+		size: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "size",
+				required: false
+			}]
+		}],
+		mono: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "mono",
+				required: false
+			}]
 		}]
-	}] }
+	}
 });
 var StrctControlDescription = class StrctControlDescription {
 	static ɵfac = i0.ɵɵngDeclareFactory({
@@ -17726,6 +17835,7 @@ var StrctSegmented = class StrctSegmented {
 			listeners: { "keydown": "onKeydown($event)" },
 			properties: {
 				"class.strct-seg--sm": "size() === 'sm'",
+				"class.strct-seg--lg": "size() === 'lg'",
 				"class.strct-seg--block": "block()",
 				"class.strct-seg--disabled": "isDisabled()"
 			},
@@ -17776,7 +17886,7 @@ var StrctSegmented = class StrctSegmented {
     }
   `,
 		isInline: true,
-		styles: [".strct-seg__count{margin-inline-start:5px;font-variant-numeric:tabular-nums;color:var(--t3)}.strct-seg__count--accent{color:var(--acc)}.strct-seg__count--success{color:var(--success)}.strct-seg__count--warning{color:var(--warning)}.strct-seg__count--critical{color:var(--critical)}.strct-seg{display:inline-flex;gap:2px;padding:2px;background:var(--bg-2);border:1px solid var(--b2);border-radius:var(--radius-md);max-width:100%}.strct-seg--block{display:flex;width:100%}.strct-seg__opt{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-1);flex:1 1 auto;padding:6px 14px;border:0;border-radius:calc(var(--radius-md) - 2px);background:transparent;color:var(--t2);font-family:var(--font);font-size:13px;font-weight:500;line-height:1;white-space:nowrap;cursor:pointer;transition:background .14s ease,color .14s ease}.strct-seg--sm .strct-seg__opt{padding:4px 10px;font-size:12px}.strct-seg__opt:hover:not(:disabled):not(.strct-seg__opt--selected){color:var(--t1)}.strct-seg__opt--selected{background:var(--bg-a);color:var(--t1);font-weight:600;box-shadow:var(--sh),0 0 0 1px var(--b1)}.strct-seg__opt:focus-visible{outline:none;box-shadow:0 0 0 2px var(--acc50)}.strct-seg__opt:disabled{opacity:var(--disabled-opacity);cursor:not-allowed}.strct-seg--disabled{opacity:var(--disabled-opacity)}.strct-seg--disabled .strct-seg__opt{cursor:not-allowed}\n"],
+		styles: [".strct-seg__count{margin-inline-start:5px;font-variant-numeric:tabular-nums;color:var(--t3)}.strct-seg__count--accent{color:var(--acc)}.strct-seg__count--success{color:var(--success)}.strct-seg__count--warning{color:var(--warning)}.strct-seg__count--critical{color:var(--critical)}.strct-seg{display:inline-flex;gap:2px;box-sizing:border-box;height:var(--control-h);padding:2px;background:var(--bg-2);border:1px solid var(--b2);border-radius:var(--radius-md);max-width:100%}.strct-seg--block{display:flex;width:100%}.strct-seg__opt{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-1);flex:1 1 auto;padding:0 14px;border:0;border-radius:calc(var(--radius-md) - 2px);background:transparent;color:var(--t2);font-family:var(--font);font-size:13px;font-weight:500;line-height:1;white-space:nowrap;cursor:pointer;transition:background .14s ease,color .14s ease}.strct-seg--sm{--control-h: var(--control-h-sm)}.strct-seg--lg{--control-h: var(--control-h-lg)}.strct-seg--lg .strct-seg__opt{padding:0 18px;font-size:14px}.strct-seg--sm .strct-seg__opt{padding:0 10px;font-size:12px}.strct-seg__opt:hover:not(:disabled):not(.strct-seg__opt--selected){color:var(--t1)}.strct-seg__opt--selected{background:var(--bg-a);color:var(--t1);font-weight:600;box-shadow:var(--sh),0 0 0 1px var(--b1)}.strct-seg__opt:focus-visible{outline:none;box-shadow:0 0 0 2px var(--acc50)}.strct-seg__opt:disabled{opacity:var(--disabled-opacity);cursor:not-allowed}.strct-seg--disabled{opacity:var(--disabled-opacity)}.strct-seg--disabled .strct-seg__opt{cursor:not-allowed}\n"],
 		dependencies: [{
 			kind: "component",
 			type: StrctIcon,
@@ -17852,11 +17962,12 @@ i0.ɵɵngDeclareClassMetadata({
 				class: "strct-seg",
 				role: "radiogroup",
 				"[class.strct-seg--sm]": "size() === 'sm'",
+				"[class.strct-seg--lg]": "size() === 'lg'",
 				"[class.strct-seg--block]": "block()",
 				"[class.strct-seg--disabled]": "isDisabled()",
 				"(keydown)": "onKeydown($event)"
 			},
-			styles: [".strct-seg__count{margin-inline-start:5px;font-variant-numeric:tabular-nums;color:var(--t3)}.strct-seg__count--accent{color:var(--acc)}.strct-seg__count--success{color:var(--success)}.strct-seg__count--warning{color:var(--warning)}.strct-seg__count--critical{color:var(--critical)}.strct-seg{display:inline-flex;gap:2px;padding:2px;background:var(--bg-2);border:1px solid var(--b2);border-radius:var(--radius-md);max-width:100%}.strct-seg--block{display:flex;width:100%}.strct-seg__opt{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-1);flex:1 1 auto;padding:6px 14px;border:0;border-radius:calc(var(--radius-md) - 2px);background:transparent;color:var(--t2);font-family:var(--font);font-size:13px;font-weight:500;line-height:1;white-space:nowrap;cursor:pointer;transition:background .14s ease,color .14s ease}.strct-seg--sm .strct-seg__opt{padding:4px 10px;font-size:12px}.strct-seg__opt:hover:not(:disabled):not(.strct-seg__opt--selected){color:var(--t1)}.strct-seg__opt--selected{background:var(--bg-a);color:var(--t1);font-weight:600;box-shadow:var(--sh),0 0 0 1px var(--b1)}.strct-seg__opt:focus-visible{outline:none;box-shadow:0 0 0 2px var(--acc50)}.strct-seg__opt:disabled{opacity:var(--disabled-opacity);cursor:not-allowed}.strct-seg--disabled{opacity:var(--disabled-opacity)}.strct-seg--disabled .strct-seg__opt{cursor:not-allowed}\n"]
+			styles: [".strct-seg__count{margin-inline-start:5px;font-variant-numeric:tabular-nums;color:var(--t3)}.strct-seg__count--accent{color:var(--acc)}.strct-seg__count--success{color:var(--success)}.strct-seg__count--warning{color:var(--warning)}.strct-seg__count--critical{color:var(--critical)}.strct-seg{display:inline-flex;gap:2px;box-sizing:border-box;height:var(--control-h);padding:2px;background:var(--bg-2);border:1px solid var(--b2);border-radius:var(--radius-md);max-width:100%}.strct-seg--block{display:flex;width:100%}.strct-seg__opt{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-1);flex:1 1 auto;padding:0 14px;border:0;border-radius:calc(var(--radius-md) - 2px);background:transparent;color:var(--t2);font-family:var(--font);font-size:13px;font-weight:500;line-height:1;white-space:nowrap;cursor:pointer;transition:background .14s ease,color .14s ease}.strct-seg--sm{--control-h: var(--control-h-sm)}.strct-seg--lg{--control-h: var(--control-h-lg)}.strct-seg--lg .strct-seg__opt{padding:0 18px;font-size:14px}.strct-seg--sm .strct-seg__opt{padding:0 10px;font-size:12px}.strct-seg__opt:hover:not(:disabled):not(.strct-seg__opt--selected){color:var(--t1)}.strct-seg__opt--selected{background:var(--bg-a);color:var(--t1);font-weight:600;box-shadow:var(--sh),0 0 0 1px var(--b1)}.strct-seg__opt:focus-visible{outline:none;box-shadow:0 0 0 2px var(--acc50)}.strct-seg__opt:disabled{opacity:var(--disabled-opacity);cursor:not-allowed}.strct-seg--disabled{opacity:var(--disabled-opacity)}.strct-seg--disabled .strct-seg__opt{cursor:not-allowed}\n"]
 		}]
 	}],
 	propDecorators: {
@@ -18127,6 +18238,11 @@ const LEVEL_COLORS = [
 	"var(--success)"
 ];
 var StrctPassword = class StrctPassword {
+	size = input(void 0, ...ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []);
+	controlHeight = computed(() => {
+		const s = this.size();
+		return s ? strctControlHeight(s) : null;
+	}, ...ngDevMode ? [{ debugName: "controlHeight" }] : /* istanbul ignore next */ []);
 	placeholder = input("", ...ngDevMode ? [{ debugName: "placeholder" }] : /* istanbul ignore next */ []);
 	meter = input(false, {
 		...ngDevMode ? { debugName: "meter" } : /* istanbul ignore next */ {},
@@ -18200,6 +18316,13 @@ var StrctPassword = class StrctPassword {
 		isStandalone: true,
 		selector: "strct-password",
 		inputs: {
+			size: {
+				classPropertyName: "size",
+				publicName: "size",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
 			placeholder: {
 				classPropertyName: "placeholder",
 				publicName: "placeholder",
@@ -18250,7 +18373,10 @@ var StrctPassword = class StrctPassword {
 				transformFunction: null
 			}
 		},
-		host: { classAttribute: "strct-pw" },
+		host: {
+			properties: { "style.--control-h": "controlHeight()" },
+			classAttribute: "strct-pw"
+		},
 		providers: [{
 			provide: NG_VALUE_ACCESSOR,
 			useExisting: forwardRef(() => StrctPassword),
@@ -18371,11 +18497,22 @@ i0.ɵɵngDeclareClassMetadata({
       </div>
     }
   `,
-			host: { class: "strct-pw" },
+			host: {
+				class: "strct-pw",
+				"[style.--control-h]": "controlHeight()"
+			},
 			styles: [".strct-pw{display:block;width:100%}.strct-pw__field{position:relative}.strct-pw__input{padding-inline-end:38px}.strct-pw__toggle{position:absolute;inset-inline-end:4px;top:50%;transform:translateY(-50%);display:inline-flex;padding:5px;border:0;border-radius:2px;background:transparent;color:var(--t2);cursor:pointer}.strct-pw__toggle:hover{color:var(--acc);background:var(--bg-3)}.strct-pw__meter{display:flex;align-items:center;gap:9px;margin-top:7px}.strct-pw__bars{display:flex;gap:3px;flex:1}.strct-pw__bar{flex:1;height:3px;border-radius:1px;transition:background .2s ease}.strct-pw__label{font-size:12px;font-weight:600;min-width:42px;text-align:end}\n"]
 		}]
 	}],
 	propDecorators: {
+		size: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "size",
+				required: false
+			}]
+		}],
 		placeholder: [{
 			type: i0.Input,
 			args: [{
@@ -19927,6 +20064,11 @@ const STRCT_MASKS = {
 	wwpn: "HH:HH:HH:HH:HH:HH:HH:HH"
 };
 var StrctInputMask = class StrctInputMask {
+	size = input(void 0, ...ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []);
+	controlHeight = computed(() => {
+		const s = this.size();
+		return s ? strctControlHeight(s) : null;
+	}, ...ngDevMode ? [{ debugName: "controlHeight" }] : /* istanbul ignore next */ []);
 	mask = input.required(...ngDevMode ? [{ debugName: "mask" }] : /* istanbul ignore next */ []);
 	placeholder = input("", ...ngDevMode ? [{ debugName: "placeholder" }] : /* istanbul ignore next */ []);
 	uppercase = input(false, {
@@ -20001,6 +20143,13 @@ var StrctInputMask = class StrctInputMask {
 		isStandalone: true,
 		selector: "strct-input-mask",
 		inputs: {
+			size: {
+				classPropertyName: "size",
+				publicName: "size",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
 			mask: {
 				classPropertyName: "mask",
 				publicName: "mask",
@@ -20023,6 +20172,7 @@ var StrctInputMask = class StrctInputMask {
 				transformFunction: null
 			}
 		},
+		host: { properties: { "style.--control-h": "controlHeight()" } },
 		providers: [{
 			provide: NG_VALUE_ACCESSOR,
 			useExisting: forwardRef(() => StrctInputMask),
@@ -20056,6 +20206,7 @@ i0.ɵɵngDeclareClassMetadata({
 		type: Component,
 		args: [{
 			selector: "strct-input-mask",
+			host: { "[style.--control-h]": "controlHeight()" },
 			changeDetection: ChangeDetectionStrategy.OnPush,
 			encapsulation: ViewEncapsulation.None,
 			providers: [{
@@ -20079,6 +20230,14 @@ i0.ɵɵngDeclareClassMetadata({
 		}]
 	}],
 	propDecorators: {
+		size: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "size",
+				required: false
+			}]
+		}],
 		mask: [{
 			type: i0.Input,
 			args: [{
@@ -20107,6 +20266,11 @@ i0.ɵɵngDeclareClassMetadata({
 });
 let comboboxCounter = 0;
 var StrctCombobox = class StrctCombobox {
+	size = input(void 0, ...ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []);
+	controlHeight = computed(() => {
+		const s = this.size();
+		return s ? strctControlHeight(s) : null;
+	}, ...ngDevMode ? [{ debugName: "controlHeight" }] : /* istanbul ignore next */ []);
 	host = inject(ElementRef);
 	inputEl = viewChild.required("input", ...ngDevMode ? [{ debugName: "inputEl" }] : /* istanbul ignore next */ []);
 	listId = `strct-cbx-${++comboboxCounter}`;
@@ -20410,6 +20574,13 @@ var StrctCombobox = class StrctCombobox {
 		isStandalone: true,
 		selector: "strct-combobox",
 		inputs: {
+			size: {
+				classPropertyName: "size",
+				publicName: "size",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
 			options: {
 				classPropertyName: "options",
 				publicName: "options",
@@ -20497,6 +20668,7 @@ var StrctCombobox = class StrctCombobox {
 		},
 		host: {
 			listeners: { "document:click": "onDocClick($event)" },
+			properties: { "style.--control-h": "controlHeight()" },
 			classAttribute: "strct-cbx"
 		},
 		providers: [{
@@ -20838,11 +21010,22 @@ i0.ɵɵngDeclareClassMetadata({
       </div>
     }
   `,
-			host: { class: "strct-cbx" },
+			host: {
+				class: "strct-cbx",
+				"[style.--control-h]": "controlHeight()"
+			},
 			styles: [".strct-cbx{position:relative;display:block;width:100%}.strct-cbx__field{position:relative}.strct-cbx__input{padding-inline-end:30px}.strct-cbx__field--multi{display:flex;flex-wrap:wrap;align-items:center;gap:4px;padding-block:4px;cursor:text}.strct-cbx__field--multi:focus-within{outline:none;border-color:var(--acc50);box-shadow:0 0 0 3px var(--acc18);background:var(--bg-1)}.strct-cbx__input--bare{flex:1;min-width:60px;padding:2px 0;font:inherit;font-size:13px;color:var(--t1);background:none;border:none;outline:none}.strct-cbx__chip{display:inline-flex;align-items:center;gap:4px;max-width:100%;padding:2px 4px 2px 8px;font-size:12px;color:var(--t1);background:var(--bg-3);border:1px solid var(--b2);border-radius:var(--radius-sm)}.strct-cbx__chip-x{display:inline-flex;align-items:center;padding:2px;color:var(--t3);background:none;border:none;border-radius:1px;cursor:pointer}.strct-cbx__chip-x:hover{color:var(--t1);background:var(--bg-4)}.strct-cbx__clear{position:absolute;inset-inline-end:26px;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;padding:2px;color:var(--t3);background:none;border:none;border-radius:1px;cursor:pointer}.strct-cbx__clear:hover{color:var(--t1)}.strct-cbx__caret{position:absolute;inset-inline-end:9px;top:50%;transform:translateY(-50%);color:var(--t3);pointer-events:none}.strct-cbx__menu{z-index:var(--z-dropdown);max-height:240px;overflow-y:auto;padding:4px;background:var(--bg-1);border:1px solid var(--b2);border-radius:3px;box-shadow:var(--shh)}.strct-cbx__group{padding:7px 10px 3px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--t3)}.strct-cbx__opt{display:flex;align-items:center;gap:8px;padding:9px 10px;border-radius:2px;cursor:pointer;font-size:13px;color:var(--t1)}.strct-cbx__opt--highlight{background:var(--bg-3)}.strct-cbx__opt--selected{font-weight:600;background:var(--acc-s)}.strct-cbx__opt--selected.strct-cbx__opt--highlight{background:var(--acc-m)}.strct-cbx__opt[aria-disabled=true]{color:var(--t4);cursor:default}.strct-cbx__check{display:inline-flex;width:14px;flex:none;color:var(--acc)}.strct-cbx__opt-icon{display:inline-flex;flex:none;color:var(--t3)}.strct-cbx__opt--selected .strct-cbx__opt-icon{color:var(--t1)}.strct-cbx__opt-text{display:flex;flex-direction:column;min-width:0}.strct-cbx__opt-desc{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:400;color:var(--t3)}.strct-cbx__opt--custom{border-top:1px solid var(--b2);border-radius:0 0 2px 2px;color:var(--t2)}.strct-cbx__chip-icon{display:inline-flex;color:var(--t3)}.strct-cbx__label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.strct-cbx__match{font-weight:700;color:var(--acc)}@keyframes strct-skeleton-pulse{0%,to{opacity:.4}50%{opacity:.7}}.strct-cbx__skeleton{padding:9px 10px}.strct-cbx__skeleton-block{height:12px;background:var(--bg-3);border-radius:var(--radius-sm);animation:strct-skeleton-pulse 1.4s ease infinite}.strct-cbx__empty{padding:9px 10px;font-size:13px;color:var(--t3)}\n"]
 		}]
 	}],
 	propDecorators: {
+		size: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "size",
+				required: false
+			}]
+		}],
 		inputEl: [{
 			type: i0.ViewChild,
 			args: ["input", { isSignal: true }]
@@ -20951,6 +21134,11 @@ i0.ɵɵngDeclareClassMetadata({
 });
 let selectCounter = 0;
 var StrctSelect = class StrctSelect {
+	size = input(void 0, ...ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []);
+	controlHeight = computed(() => {
+		const s = this.size();
+		return s ? strctControlHeight(s) : null;
+	}, ...ngDevMode ? [{ debugName: "controlHeight" }] : /* istanbul ignore next */ []);
 	host = inject(ElementRef);
 	listId = `strct-sel-${++selectCounter}`;
 	options = input([], ...ngDevMode ? [{ debugName: "options" }] : /* istanbul ignore next */ []);
@@ -21111,6 +21299,13 @@ var StrctSelect = class StrctSelect {
 		isStandalone: true,
 		selector: "strct-select",
 		inputs: {
+			size: {
+				classPropertyName: "size",
+				publicName: "size",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
 			options: {
 				classPropertyName: "options",
 				publicName: "options",
@@ -21163,6 +21358,7 @@ var StrctSelect = class StrctSelect {
 		},
 		host: {
 			listeners: { "document:click": "onDocClick($event)" },
+			properties: { "style.--control-h": "controlHeight()" },
 			classAttribute: "strct-sel"
 		},
 		providers: [{
@@ -21339,11 +21535,22 @@ i0.ɵɵngDeclareClassMetadata({
       </div>
     }
   `,
-			host: { class: "strct-sel" },
+			host: {
+				class: "strct-sel",
+				"[style.--control-h]": "controlHeight()"
+			},
 			styles: [".strct-sel{position:relative;display:block;width:100%}.strct-sel__btn{display:flex;align-items:center;gap:8px;text-align:start;cursor:pointer}.strct-sel__btn:disabled{cursor:not-allowed}.strct-sel__value{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.strct-sel__value--placeholder{color:var(--t3)}.strct-sel__caret{flex:none;color:var(--t3)}.strct-sel__list{z-index:var(--z-dropdown);max-height:240px;overflow-y:auto;padding:4px;background:var(--bg-1);border:1px solid var(--b2);border-radius:3px;box-shadow:var(--shh)}.strct-sel__opt{display:flex;align-items:center;gap:8px;padding:9px 10px;border-radius:2px;cursor:pointer;font-size:13px;color:var(--t1)}.strct-sel__opt--highlight{background:var(--bg-3)}.strct-sel__opt--selected{font-weight:600;background:var(--acc-s)}.strct-sel__opt--selected.strct-sel__opt--highlight{background:var(--acc-m)}.strct-sel__opt[aria-disabled=true]{color:var(--t4);cursor:default}.strct-sel__check{display:inline-flex;width:14px;flex:none;color:var(--acc)}.strct-sel__empty{padding:9px 10px;font-size:13px;color:var(--t3)}\n"]
 		}]
 	}],
 	propDecorators: {
+		size: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "size",
+				required: false
+			}]
+		}],
 		options: [{
 			type: i0.Input,
 			args: [{
@@ -21450,6 +21657,11 @@ const rotate = (arr, offset) => {
 };
 let dpUid = 0;
 var StrctDatepicker = class StrctDatepicker {
+	size = input(void 0, ...ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []);
+	controlHeight = computed(() => {
+		const s = this.size();
+		return s ? strctControlHeight(s) : null;
+	}, ...ngDevMode ? [{ debugName: "controlHeight" }] : /* istanbul ignore next */ []);
 	host = inject(ElementRef);
 	placeholder = input("Select a date", ...ngDevMode ? [{ debugName: "placeholder" }] : /* istanbul ignore next */ []);
 	monthNames = input(MONTHS, ...ngDevMode ? [{ debugName: "monthNames" }] : /* istanbul ignore next */ []);
@@ -21668,6 +21880,13 @@ var StrctDatepicker = class StrctDatepicker {
 		isStandalone: true,
 		selector: "strct-datepicker",
 		inputs: {
+			size: {
+				classPropertyName: "size",
+				publicName: "size",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
 			placeholder: {
 				classPropertyName: "placeholder",
 				publicName: "placeholder",
@@ -21730,6 +21949,7 @@ var StrctDatepicker = class StrctDatepicker {
 				"document:click": "onDocClick($event)",
 				"document:keydown.escape": "onEscape($event)"
 			},
+			properties: { "style.--control-h": "controlHeight()" },
 			classAttribute: "strct-dp"
 		},
 		providers: [{
@@ -21972,12 +22192,23 @@ i0.ɵɵngDeclareClassMetadata({
       </div>
     }
   `,
-			host: { class: "strct-dp" },
+			host: {
+				class: "strct-dp",
+				"[style.--control-h]": "controlHeight()"
+			},
 			styles: [".strct-dp{position:relative;display:inline-block;width:100%}.strct-dp__field{position:relative}.strct-dp__input{padding-inline-end:36px;cursor:pointer}.strct-dp__icon{position:absolute;inset-inline-end:4px;top:50%;transform:translateY(-50%);display:inline-flex;padding:5px;border:0;border-radius:2px;background:transparent;color:var(--t2);cursor:pointer}.strct-dp__icon:hover{color:var(--acc);background:var(--bg-3)}.strct-dp__panel{position:absolute;top:calc(100% + 5px);inset-inline-start:0;z-index:var(--z-popover);width:250px;padding:10px;background:var(--bg-1);border:1px solid var(--b2);border-radius:4px;box-shadow:var(--shh)}.strct-dp__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.strct-dp__title{font-size:13px;font-weight:600;color:var(--t1)}.strct-dp__nav{display:inline-flex;padding:5px;border:0;border-radius:2px;background:transparent;color:var(--t2);cursor:pointer}.strct-dp__nav:hover{color:var(--t1);background:var(--bg-3)}.strct-dp__dow{display:grid;grid-template-columns:repeat(7,1fr);margin-bottom:4px}.strct-dp__dow span{text-align:center;font-size:12px;font-weight:600;color:var(--t3);padding:4px 0}.strct-dp__grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.strct-dp__day{aspect-ratio:1;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:3px;background:transparent;cursor:pointer;font-family:var(--font);font-size:12px;color:var(--t1)}.strct-dp__day:hover{background:var(--bg-3)}.strct-dp__day--muted{color:var(--t3)}.strct-dp__day--today{box-shadow:inset 0 0 0 1px var(--acc30)}.strct-dp__day--focused{box-shadow:inset 0 0 0 2px var(--acc)}.strct-dp__day--selected{background:var(--acc);color:var(--inv)}.strct-dp__day--selected:hover{background:var(--acc)}\n"]
 		}]
 	}],
 	ctorParameters: () => [],
 	propDecorators: {
+		size: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "size",
+				required: false
+			}]
+		}],
 		placeholder: [{
 			type: i0.Input,
 			args: [{
@@ -22068,6 +22299,11 @@ const DEFAULT_SWATCHES = [
 ];
 const HEX = /^#([0-9a-f]{6})$/i;
 var StrctColorPicker = class StrctColorPicker {
+	size = input(void 0, ...ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []);
+	controlHeight = computed(() => {
+		const s = this.size();
+		return s ? strctControlHeight(s) : null;
+	}, ...ngDevMode ? [{ debugName: "controlHeight" }] : /* istanbul ignore next */ []);
 	host = inject(ElementRef);
 	swatches = input(DEFAULT_SWATCHES, ...ngDevMode ? [{ debugName: "swatches" }] : /* istanbul ignore next */ []);
 	value = signal("", ...ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []);
@@ -22144,6 +22380,13 @@ var StrctColorPicker = class StrctColorPicker {
 		isStandalone: true,
 		selector: "strct-color-picker",
 		inputs: {
+			size: {
+				classPropertyName: "size",
+				publicName: "size",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
 			swatches: {
 				classPropertyName: "swatches",
 				publicName: "swatches",
@@ -22164,6 +22407,7 @@ var StrctColorPicker = class StrctColorPicker {
 				"document:click": "onDocClick($event)",
 				"document:keydown.escape": "onEscape($event)"
 			},
+			properties: { "style.--control-h": "controlHeight()" },
 			classAttribute: "strct-cp"
 		},
 		providers: [{
@@ -22290,11 +22534,22 @@ i0.ɵɵngDeclareClassMetadata({
       </div>
     }
   `,
-			host: { class: "strct-cp" },
+			host: {
+				class: "strct-cp",
+				"[style.--control-h]": "controlHeight()"
+			},
 			styles: [".strct-cp{position:relative;display:inline-block}.strct-cp__trigger{display:inline-flex;align-items:center;gap:9px;padding:6px 11px 6px 7px;border-radius:3px;cursor:pointer;font-family:var(--font);font-size:13px;color:var(--t1);background:var(--bg-2);border:1px solid var(--b2)}.strct-cp__trigger:hover{border-color:var(--b3)}.strct-cp__swatch{width:20px;height:20px;border-radius:2px;flex-shrink:0;border:1px solid var(--b3);background-clip:padding-box}.strct-cp__value{font-family:var(--mono);font-size:12px}.strct-cp__panel{position:absolute;top:calc(100% + 5px);left:0;z-index:var(--z-popover);width:196px;padding:10px;background:var(--bg-1);border:1px solid var(--b2);border-radius:4px;box-shadow:var(--shh)}.strct-cp__grid{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;margin-bottom:9px}.strct-cp__chip{aspect-ratio:1;border-radius:2px;cursor:pointer;padding:0;border:1px solid var(--b2);background-clip:padding-box;transition:transform .12s ease}.strct-cp__chip:hover{transform:scale(1.1)}.strct-cp__chip--active{box-shadow:0 0 0 2px var(--bg-1),0 0 0 4px var(--acc)}.strct-cp__hex{font-family:var(--mono);font-size:12px;text-transform:lowercase}\n"]
 		}]
 	}],
 	propDecorators: {
+		size: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "size",
+				required: false
+			}]
+		}],
 		swatches: [{
 			type: i0.Input,
 			args: [{
@@ -22647,6 +22902,11 @@ i0.ɵɵngDeclareClassMetadata({
 	}
 });
 var StrctCascadeSelect = class StrctCascadeSelect extends StrctCascadeHost {
+	size = input(void 0, ...ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []);
+	controlHeight = computed(() => {
+		const s = this.size();
+		return s ? strctControlHeight(s) : null;
+	}, ...ngDevMode ? [{ debugName: "controlHeight" }] : /* istanbul ignore next */ []);
 	elementRef = inject(ElementRef);
 	options = input([], ...ngDevMode ? [{ debugName: "options" }] : /* istanbul ignore next */ []);
 	placeholder = input("Select…", ...ngDevMode ? [{ debugName: "placeholder" }] : /* istanbul ignore next */ []);
@@ -22742,6 +23002,13 @@ var StrctCascadeSelect = class StrctCascadeSelect extends StrctCascadeHost {
 		isStandalone: true,
 		selector: "strct-cascade-select",
 		inputs: {
+			size: {
+				classPropertyName: "size",
+				publicName: "size",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
 			options: {
 				classPropertyName: "options",
 				publicName: "options",
@@ -22776,6 +23043,7 @@ var StrctCascadeSelect = class StrctCascadeSelect extends StrctCascadeHost {
 				"document:click": "onDocClick($event)",
 				"document:keydown.escape": "onEscape($event)"
 			},
+			properties: { "style.--control-h": "controlHeight()" },
 			classAttribute: "strct-cs"
 		},
 		providers: [{
@@ -22913,11 +23181,22 @@ i0.ɵɵngDeclareClassMetadata({
       />
     }
   `,
-			host: { class: "strct-cs" },
+			host: {
+				class: "strct-cs",
+				"[style.--control-h]": "controlHeight()"
+			},
 			styles: [".strct-cs{position:relative;display:inline-block;width:100%}.strct-cs__trigger{display:flex;align-items:center;gap:8px;text-align:start;cursor:pointer}.strct-cs__trigger:disabled{cursor:not-allowed}.strct-cs__value{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.strct-cs__value--empty{color:var(--t3)}.strct-cs__caret{flex:none;color:var(--t3)}.strct-cs__panel{z-index:var(--z-dropdown);min-width:180px}\n"]
 		}]
 	}],
 	propDecorators: {
+		size: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "size",
+				required: false
+			}]
+		}],
 		options: [{
 			type: i0.Input,
 			args: [{
@@ -24382,6 +24661,11 @@ i0.ɵɵngDeclareClassMetadata({
 	}
 });
 var StrctNumber = class StrctNumber {
+	size = input(void 0, ...ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []);
+	controlHeight = computed(() => {
+		const s = this.size();
+		return s ? strctControlHeight(s) : null;
+	}, ...ngDevMode ? [{ debugName: "controlHeight" }] : /* istanbul ignore next */ []);
 	min = input(null, ...ngDevMode ? [{ debugName: "min" }] : /* istanbul ignore next */ []);
 	max = input(null, ...ngDevMode ? [{ debugName: "max" }] : /* istanbul ignore next */ []);
 	step = input(1, ...ngDevMode ? [{ debugName: "step" }] : /* istanbul ignore next */ []);
@@ -24537,6 +24821,13 @@ var StrctNumber = class StrctNumber {
 		isStandalone: true,
 		selector: "strct-number",
 		inputs: {
+			size: {
+				classPropertyName: "size",
+				publicName: "size",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
 			min: {
 				classPropertyName: "min",
 				publicName: "min",
@@ -24594,7 +24885,10 @@ var StrctNumber = class StrctNumber {
 				transformFunction: null
 			}
 		},
-		host: { classAttribute: "strct-num" },
+		host: {
+			properties: { "style.--control-h": "controlHeight()" },
+			classAttribute: "strct-num"
+		},
 		providers: [{
 			provide: NG_VALUE_ACCESSOR,
 			useExisting: forwardRef(() => StrctNumber),
@@ -24719,11 +25013,22 @@ i0.ɵɵngDeclareClassMetadata({
       </button>
     </div>
   `,
-			host: { class: "strct-num" },
+			host: {
+				class: "strct-num",
+				"[style.--control-h]": "controlHeight()"
+			},
 			styles: [".strct-num{display:block;width:100%}.strct-num__wrap{display:flex;align-items:stretch;gap:var(--space-1)}.strct-num__input{flex:1;min-width:0;text-align:center;font-variant-numeric:tabular-nums}.strct-num__btn{display:inline-flex;align-items:center;justify-content:center;flex:none;padding-inline:var(--space-2);color:var(--t2);background:var(--bg-2);border:1px solid var(--b2);border-radius:var(--radius-md);cursor:pointer;transition:border-color .14s ease,color .14s ease,background .14s ease}.strct-num__btn:hover:not(:disabled){color:var(--t1);border-color:var(--b3);background:var(--bg-3)}.strct-num__btn:disabled{opacity:var(--disabled-opacity);cursor:not-allowed}\n"]
 		}]
 	}],
 	propDecorators: {
+		size: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "size",
+				required: false
+			}]
+		}],
 		min: [{
 			type: i0.Input,
 			args: [{
@@ -27043,6 +27348,7 @@ var StrctDatagrid = class StrctDatagrid {
 				type: StrctSearchbox,
 				selector: "strct-searchbox",
 				inputs: [
+					"size",
 					"placeholder",
 					"hint",
 					"trigger",
@@ -27062,6 +27368,7 @@ var StrctDatagrid = class StrctDatagrid {
 				type: StrctSelect,
 				selector: "strct-select",
 				inputs: [
+					"size",
 					"options",
 					"placeholder",
 					"ariaLabel",
@@ -27076,6 +27383,7 @@ var StrctDatagrid = class StrctDatagrid {
 				type: StrctNumber,
 				selector: "strct-number",
 				inputs: [
+					"size",
 					"min",
 					"max",
 					"step",
@@ -36241,6 +36549,7 @@ var StrctTransfer = class StrctTransfer {
 				type: StrctSearchbox,
 				selector: "strct-searchbox",
 				inputs: [
+					"size",
 					"placeholder",
 					"hint",
 					"trigger",
@@ -43029,6 +43338,11 @@ i0.ɵɵngDeclareClassMetadata({
 	}
 });
 var StrctTreeSelect = class StrctTreeSelect {
+	size = input(void 0, ...ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []);
+	controlHeight = computed(() => {
+		const s = this.size();
+		return s ? strctControlHeight(s) : null;
+	}, ...ngDevMode ? [{ debugName: "controlHeight" }] : /* istanbul ignore next */ []);
 	host = inject(ElementRef);
 	nodes = input([], ...ngDevMode ? [{ debugName: "nodes" }] : /* istanbul ignore next */ []);
 	placeholder = input("Select…", ...ngDevMode ? [{ debugName: "placeholder" }] : /* istanbul ignore next */ []);
@@ -43167,6 +43481,13 @@ var StrctTreeSelect = class StrctTreeSelect {
 		isStandalone: true,
 		selector: "strct-tree-select",
 		inputs: {
+			size: {
+				classPropertyName: "size",
+				publicName: "size",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
 			nodes: {
 				classPropertyName: "nodes",
 				publicName: "nodes",
@@ -43215,6 +43536,7 @@ var StrctTreeSelect = class StrctTreeSelect {
 				"document:click": "onDocClick($event)",
 				"document:keydown.escape": "onEscape($event)"
 			},
+			properties: { "style.--control-h": "controlHeight()" },
 			classAttribute: "strct-tsel"
 		},
 		providers: [{
@@ -43410,11 +43732,22 @@ i0.ɵɵngDeclareClassMetadata({
       </div>
     }
   `,
-			host: { class: "strct-tsel" },
+			host: {
+				class: "strct-tsel",
+				"[style.--control-h]": "controlHeight()"
+			},
 			styles: [".strct-tsel{position:relative;display:block;width:100%}.strct-tsel__field{position:relative}.strct-tsel__trigger{display:flex;align-items:center;gap:8px;padding-inline-end:30px;text-align:start;cursor:pointer}.strct-tsel__trigger--clearable{padding-inline-end:48px}.strct-tsel__trigger:disabled{cursor:not-allowed}.strct-tsel__value{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.strct-tsel__value--empty{color:var(--t3)}.strct-tsel__caret{position:absolute;inset-inline-end:9px;top:50%;transform:translateY(-50%);color:var(--t3);pointer-events:none}.strct-tsel__clear{position:absolute;inset-inline-end:26px;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;padding:2px;color:var(--t3);background:none;border:none;border-radius:var(--radius-sm);cursor:pointer}.strct-tsel__clear:hover{color:var(--t1)}.strct-tsel__panel{z-index:var(--z-dropdown);max-height:260px;overflow-y:auto;padding:var(--space-1);background:var(--bg-1);border:1px solid var(--b2);border-radius:var(--radius-lg);box-shadow:var(--shh)}.strct-tsel__empty{padding:9px 10px;font-size:13px;color:var(--t3)}\n"]
 		}]
 	}],
 	propDecorators: {
+		size: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "size",
+				required: false
+			}]
+		}],
 		nodes: [{
 			type: i0.Input,
 			args: [{
@@ -43474,6 +43807,11 @@ i0.ɵɵngDeclareClassMetadata({
 	}
 });
 var StrctDatetimePicker = class StrctDatetimePicker {
+	size = input(void 0, ...ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []);
+	controlHeight = computed(() => {
+		const s = this.size();
+		return s ? strctControlHeight(s) : null;
+	}, ...ngDevMode ? [{ debugName: "controlHeight" }] : /* istanbul ignore next */ []);
 	placeholder = input("Select a date", ...ngDevMode ? [{ debugName: "placeholder" }] : /* istanbul ignore next */ []);
 	minuteStep = input(1, ...ngDevMode ? [{ debugName: "minuteStep" }] : /* istanbul ignore next */ []);
 	monthNames = input(STRCT_DP_MONTHS, ...ngDevMode ? [{ debugName: "monthNames" }] : /* istanbul ignore next */ []);
@@ -43556,6 +43894,13 @@ var StrctDatetimePicker = class StrctDatetimePicker {
 		isStandalone: true,
 		selector: "strct-datetime-picker",
 		inputs: {
+			size: {
+				classPropertyName: "size",
+				publicName: "size",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
 			placeholder: {
 				classPropertyName: "placeholder",
 				publicName: "placeholder",
@@ -43634,7 +43979,10 @@ var StrctDatetimePicker = class StrctDatetimePicker {
 				transformFunction: null
 			}
 		},
-		host: { classAttribute: "strct-dtp" },
+		host: {
+			properties: { "style.--control-h": "controlHeight()" },
+			classAttribute: "strct-dtp"
+		},
 		providers: [{
 			provide: NG_VALUE_ACCESSOR,
 			useExisting: forwardRef(() => StrctDatetimePicker),
@@ -43687,6 +44035,7 @@ var StrctDatetimePicker = class StrctDatetimePicker {
 				type: StrctDatepicker,
 				selector: "strct-datepicker",
 				inputs: [
+					"size",
 					"placeholder",
 					"monthNames",
 					"weekdayNames",
@@ -43791,11 +44140,22 @@ i0.ɵɵngDeclareClassMetadata({
       </select>
     </div>
   `,
-			host: { class: "strct-dtp" },
+			host: {
+				class: "strct-dtp",
+				"[style.--control-h]": "controlHeight()"
+			},
 			styles: [".strct-dtp{display:block;width:100%}.strct-dtp__field.strct-control{display:flex;align-items:center;gap:4px;padding:2px 6px 2px 2px}.strct-dtp__field:focus-within{outline:none;border-color:var(--acc50);box-shadow:0 0 0 3px var(--acc18);background:var(--bg-1)}.strct-dtp__field--disabled{opacity:var(--disabled-opacity);background:var(--bg-3)}.strct-dtp__date{flex:1;min-width:0}.strct-dtp .strct-dp__input,.strct-dtp .strct-dp__input:focus,.strct-dtp .strct-dp__input:focus-visible{padding-block:6px;border-color:transparent;background:transparent;box-shadow:none}.strct-dtp .strct-dp__input:disabled{opacity:1;background:transparent}.strct-dtp__time{flex:none;padding:4px 6px;font-family:var(--font);font-size:13px;color:var(--t1);background:transparent;border:1px solid var(--b2);border-radius:var(--radius-sm);cursor:pointer}.strct-dtp__time:hover{border-color:var(--b3)}.strct-dtp__time:focus-visible{outline:none;border-color:var(--acc50)}.strct-dtp__time:disabled{cursor:not-allowed}.strct-dtp__colon{flex:none;color:var(--t3)}\n"]
 		}]
 	}],
 	propDecorators: {
+		size: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "size",
+				required: false
+			}]
+		}],
 		placeholder: [{
 			type: i0.Input,
 			args: [{
@@ -47376,6 +47736,6 @@ i0.ɵɵngDeclareClassMetadata({
 		}]
 	}
 });
-export { DG_LABELS, FOCUSABLE_SELECTOR, STRCT_DP_DOW, STRCT_DP_DOW_FULL, STRCT_DP_MONTHS, STRCT_ICONS, STRCT_ICON_GROUPS, STRCT_ICON_NAMES, STRCT_MASKS, STRCT_MD_LIMITS, STRCT_NOTIFICATION_HISTORY_LIMIT, STRCT_PALETTES, STRCT_RAW_ICONS, STRCT_TIME_RANGE_PRESETS, STRCT_WIZARD_DEFAULTS, StrctAccordion, StrctAccordionPanel, StrctAccordionPanelMeta, StrctAlert, StrctAlertActions, StrctAnnouncer, StrctAvatar, StrctBadge, StrctBreadcrumb, StrctBreadcrumbItem, StrctButton, StrctButtonGroup, StrctBytesPipe, StrctCard, StrctCardBlock, StrctCardFooter, StrctCardHeader, StrctCardHeaderActions, StrctCardHeaderLeading, StrctCardHeaderMeta, StrctCardHeaderNote, StrctCascadeColumn, StrctCascadeHost, StrctCascadeSelect, StrctCellDef, StrctCellStatus, StrctChange, StrctChart, StrctChatAttachment, StrctChatComposer, StrctChatMessage, StrctChatMessageActions, StrctChatThread, StrctCheckbox, StrctChips, StrctCode, StrctCodeInline, StrctColorPicker, StrctCombobox, StrctCommandPalette, StrctConfirmOutlet, StrctConfirmService, StrctContextMenuTrigger, StrctControlDescription, StrctCopy, StrctDatagrid, StrctDatagridActionBar, StrctDatagridActionBarCaption, StrctDatepicker, StrctDatetimePicker, StrctDesc, StrctDescriptionList, StrctDetailPaneActions, StrctDetailPaneMeta, StrctDetailPaneTitle, StrctDiff, StrctDivider, StrctDonut, StrctDrawer, StrctDrawerFooter, StrctDropdown, StrctDropdownDivider, StrctDropdownGroup, StrctDropdownItem, StrctDropdownItemAction, StrctDropdownItemDescription, StrctDropdownItemIcon, StrctDropdownItemLabel, StrctDropdownTrigger, StrctDurationPipe, StrctEmptyState, StrctField, StrctFieldGroup, StrctFieldHint, StrctFieldPrefix, StrctFieldSuffix, StrctFieldValue, StrctFile, StrctFilterBar, StrctFlow, StrctFlowNodeTemplate, StrctFooter, StrctGauge, StrctGroupHeaderDef, StrctHeader, StrctHeaderAction, StrctHeatmap, StrctHero, StrctHotkeysHelp, StrctHotkeysService, StrctIcon, StrctInlineEdit, StrctInput, StrctInputMask, StrctInputOtp, StrctKbd, StrctKnob, StrctLegend, StrctList, StrctListItem, StrctListItemDescription, StrctListItemLeading, StrctListItemMeta, StrctListItemTrailing, StrctLiveIndicator, StrctLogViewer, StrctLogin, StrctMarkdown, StrctMarkdownToken, StrctMediaFrame, StrctMenuPanel, StrctMenuService, StrctMenubar, StrctMetricTile, StrctModal, StrctModalContent, StrctNav, StrctNavItem, StrctNotificationCenter, StrctNumber, StrctOverlay, StrctPageHeader, StrctPageHeaderActions, StrctPageHeaderCrumbs, StrctPageHeaderTitleMeta, StrctPagination, StrctPassword, StrctPopover, StrctPopoverTrigger, StrctProductSwitcher, StrctProgress, StrctQr, StrctRadio, StrctRadioGroup, StrctRail, StrctRange, StrctRatePipe, StrctRating, StrctReorder, StrctReorderGroup, StrctReorderHandle, StrctReorderItem, StrctResizeHandle, StrctRowDetailDef, StrctSearchbox, StrctSectionHeader, StrctSectionHeaderActions, StrctSectionHeaderMeta, StrctSectionMenu, StrctSegmented, StrctSelect, StrctShell, StrctShellService, StrctSiPipe, StrctSignpost, StrctSignpostTrigger, StrctSkeleton, StrctSparkline, StrctSpeedDial, StrctSpinner, StrctSplitButton, StrctSplitter, StrctStack, StrctStackItem, StrctStatusDot, StrctStep, StrctStepAction, StrctSteps, StrctSubmenu, StrctTab, StrctTable, StrctTabs, StrctTag, StrctTagLeading, StrctThemeService, StrctThemeSwitcher, StrctTimeRangePicker, StrctTimeline, StrctTimelineItem, StrctToastOutlet, StrctToastService, StrctToggle, StrctToolbar, StrctToolbarCaption, StrctToolbarSpacer, StrctTooltip, StrctTour, StrctTransfer, StrctTree, StrctTreeNode, StrctTreeSelect, StrctVerticalNav, StrctWatermark, StrctWindow, StrctWindowDock, StrctWindowDockItem, StrctWindowService, StrctWizard, StrctWizardAside, __qrInternals, defaultStateWords, focusFirstIn, keepTabInside, lockBodyScroll, parseAnsi, parseInlines, placeTooltip, provideStrctWizardDefaults, registerStrctIcon, restoreFocus, saveFocusedElement, strctCheckHostDisplay, strctCheckHostInputs, strctClassifyHref, strctComputeDiff, strctDpPad, strctFormatBytes, strctFormatDuration, strctFormatRate, strctFormatSi, strctParseMarkdown, strctQrMatrix, strctShowTooltip, strctValidationIcon, strctValidationTone, unlockBodyScroll };
+export { DG_LABELS, FOCUSABLE_SELECTOR, STRCT_DP_DOW, STRCT_DP_DOW_FULL, STRCT_DP_MONTHS, STRCT_ICONS, STRCT_ICON_GROUPS, STRCT_ICON_NAMES, STRCT_MASKS, STRCT_MD_LIMITS, STRCT_NOTIFICATION_HISTORY_LIMIT, STRCT_PALETTES, STRCT_RAW_ICONS, STRCT_TIME_RANGE_PRESETS, STRCT_WIZARD_DEFAULTS, StrctAccordion, StrctAccordionPanel, StrctAccordionPanelMeta, StrctAlert, StrctAlertActions, StrctAnnouncer, StrctAvatar, StrctBadge, StrctBreadcrumb, StrctBreadcrumbItem, StrctButton, StrctButtonGroup, StrctBytesPipe, StrctCard, StrctCardBlock, StrctCardFooter, StrctCardHeader, StrctCardHeaderActions, StrctCardHeaderLeading, StrctCardHeaderMeta, StrctCardHeaderNote, StrctCascadeColumn, StrctCascadeHost, StrctCascadeSelect, StrctCellDef, StrctCellStatus, StrctChange, StrctChart, StrctChatAttachment, StrctChatComposer, StrctChatMessage, StrctChatMessageActions, StrctChatThread, StrctCheckbox, StrctChips, StrctCode, StrctCodeInline, StrctColorPicker, StrctCombobox, StrctCommandPalette, StrctConfirmOutlet, StrctConfirmService, StrctContextMenuTrigger, StrctControlDescription, StrctControlSizeDirective, StrctCopy, StrctDatagrid, StrctDatagridActionBar, StrctDatagridActionBarCaption, StrctDatepicker, StrctDatetimePicker, StrctDesc, StrctDescriptionList, StrctDetailPaneActions, StrctDetailPaneMeta, StrctDetailPaneTitle, StrctDiff, StrctDivider, StrctDonut, StrctDrawer, StrctDrawerFooter, StrctDropdown, StrctDropdownDivider, StrctDropdownGroup, StrctDropdownItem, StrctDropdownItemAction, StrctDropdownItemDescription, StrctDropdownItemIcon, StrctDropdownItemLabel, StrctDropdownTrigger, StrctDurationPipe, StrctEmptyState, StrctField, StrctFieldGroup, StrctFieldHint, StrctFieldPrefix, StrctFieldSuffix, StrctFieldValue, StrctFile, StrctFilterBar, StrctFlow, StrctFlowNodeTemplate, StrctFooter, StrctGauge, StrctGroupHeaderDef, StrctHeader, StrctHeaderAction, StrctHeatmap, StrctHero, StrctHotkeysHelp, StrctHotkeysService, StrctIcon, StrctInlineEdit, StrctInput, StrctInputMask, StrctInputOtp, StrctKbd, StrctKnob, StrctLegend, StrctList, StrctListItem, StrctListItemDescription, StrctListItemLeading, StrctListItemMeta, StrctListItemTrailing, StrctLiveIndicator, StrctLogViewer, StrctLogin, StrctMarkdown, StrctMarkdownToken, StrctMediaFrame, StrctMenuPanel, StrctMenuService, StrctMenubar, StrctMetricTile, StrctModal, StrctModalContent, StrctNav, StrctNavItem, StrctNotificationCenter, StrctNumber, StrctOverlay, StrctPageHeader, StrctPageHeaderActions, StrctPageHeaderCrumbs, StrctPageHeaderTitleMeta, StrctPagination, StrctPassword, StrctPopover, StrctPopoverTrigger, StrctProductSwitcher, StrctProgress, StrctQr, StrctRadio, StrctRadioGroup, StrctRail, StrctRange, StrctRatePipe, StrctRating, StrctReorder, StrctReorderGroup, StrctReorderHandle, StrctReorderItem, StrctResizeHandle, StrctRowDetailDef, StrctSearchbox, StrctSectionHeader, StrctSectionHeaderActions, StrctSectionHeaderMeta, StrctSectionMenu, StrctSegmented, StrctSelect, StrctShell, StrctShellService, StrctSiPipe, StrctSignpost, StrctSignpostTrigger, StrctSkeleton, StrctSparkline, StrctSpeedDial, StrctSpinner, StrctSplitButton, StrctSplitter, StrctStack, StrctStackItem, StrctStatusDot, StrctStep, StrctStepAction, StrctSteps, StrctSubmenu, StrctTab, StrctTable, StrctTabs, StrctTag, StrctTagLeading, StrctThemeService, StrctThemeSwitcher, StrctTimeRangePicker, StrctTimeline, StrctTimelineItem, StrctToastOutlet, StrctToastService, StrctToggle, StrctToolbar, StrctToolbarCaption, StrctToolbarSpacer, StrctTooltip, StrctTour, StrctTransfer, StrctTree, StrctTreeNode, StrctTreeSelect, StrctVerticalNav, StrctWatermark, StrctWindow, StrctWindowDock, StrctWindowDockItem, StrctWindowService, StrctWizard, StrctWizardAside, __qrInternals, defaultStateWords, focusFirstIn, keepTabInside, lockBodyScroll, parseAnsi, parseInlines, placeTooltip, provideStrctWizardDefaults, registerStrctIcon, restoreFocus, saveFocusedElement, strctCheckHostDisplay, strctCheckHostInputs, strctClassifyHref, strctComputeDiff, strctControlHeight, strctDpPad, strctFormatBytes, strctFormatDuration, strctFormatRate, strctFormatSi, strctParseMarkdown, strctQrMatrix, strctShowTooltip, strctValidationIcon, strctValidationTone, unlockBodyScroll };
 
 //# sourceMappingURL=akcelik-strct.mjs.map