@semantic-components/ui 0.68.0 → 0.69.0

package/esm2022/lib/components/toggle-group/toggle-group.js

@@ -37,10 +37,10 @@ export class ScToggleGroup {
             this.value.set(arr);
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScToggleGroup, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.5", type: ScToggleGroup, isStandalone: true, selector: "div[scToggleGroup]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, spacing: { classPropertyName: "spacing", publicName: "spacing", isSignal: true, isRequired: false, transformFunction: null }, orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange" }, host: { attributes: { "data-slot": "toggle-group", "role": "group" }, properties: { "attr.data-variant": "variant()", "attr.data-size": "size()", "attr.data-spacing": "spacing()", "attr.data-orientation": "orientation()", "attr.data-horizontal": "orientation() === \"horizontal\" ? \"\" : null", "attr.data-vertical": "orientation() === \"vertical\" ? \"\" : null", "style.--gap": "spacing()", "class": "class()" } }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScToggleGroup, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.0", type: ScToggleGroup, isStandalone: true, selector: "div[scToggleGroup]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, spacing: { classPropertyName: "spacing", publicName: "spacing", isSignal: true, isRequired: false, transformFunction: null }, orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange" }, host: { attributes: { "data-slot": "toggle-group", "role": "group" }, properties: { "attr.data-variant": "variant()", "attr.data-size": "size()", "attr.data-spacing": "spacing()", "attr.data-orientation": "orientation()", "attr.data-horizontal": "orientation() === \"horizontal\" ? \"\" : null", "attr.data-vertical": "orientation() === \"vertical\" ? \"\" : null", "style.--gap": "spacing()", "class": "class()" } }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScToggleGroup, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScToggleGroup, decorators: [{
             type: Directive,
             args: [{
                     selector: 'div[scToggleGroup]',

package/esm2022/lib/components/toolbar/toolbar-separator.js

@@ -10,10 +10,10 @@ export class ScToolbarSeparator {
         const isVertical = this.separatorOrientation() === 'vertical';
         return cn('shrink-0 bg-border', isVertical ? 'mx-1 h-full w-px' : 'my-1 h-px w-full', this.classInput());
     }, ...(ngDevMode ? [{ debugName: "class" }] : []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScToolbarSeparator, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.5", type: ScToolbarSeparator, isStandalone: true, selector: "div[scToolbarSeparator]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "toolbar-separator", "role": "separator" }, properties: { "attr.aria-orientation": "separatorOrientation()", "attr.data-orientation": "separatorOrientation()", "class": "class()" } }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScToolbarSeparator, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.0", type: ScToolbarSeparator, isStandalone: true, selector: "div[scToolbarSeparator]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "toolbar-separator", "role": "separator" }, properties: { "attr.aria-orientation": "separatorOrientation()", "attr.data-orientation": "separatorOrientation()", "class": "class()" } }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScToolbarSeparator, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScToolbarSeparator, decorators: [{
             type: Directive,
             args: [{
                     selector: 'div[scToolbarSeparator]',

package/esm2022/lib/components/toolbar/toolbar-widget-group.js

@@ -6,12 +6,12 @@ import * as i1 from "@angular/aria/toolbar";
 export class ScToolbarWidgetGroup {
     classInput = input('', { ...(ngDevMode ? { debugName: "classInput" } : {}), alias: 'class' });
     class = computed(() => cn('flex items-center gap-0.5', this.classInput()), ...(ngDevMode ? [{ debugName: "class" }] : []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScToolbarWidgetGroup, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.5", type: ScToolbarWidgetGroup, isStandalone: true, selector: "div[scToolbarWidgetGroup]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "toolbar-widget-group" }, properties: { "class": "class()" } }, hostDirectives: [{ directive: i1.ToolbarWidgetGroup, inputs: ["disabled", "disabled", "multi", "multi"] }], ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScToolbarWidgetGroup, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.0", type: ScToolbarWidgetGroup, isStandalone: true, selector: "div[scToolbarWidgetGroup]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "toolbar-widget-group" }, properties: { "class": "class()" } }, hostDirectives: [{ directive: i1.ToolbarWidgetGroup, inputs: ["disabled", "disabled", "multi", "multi"] }], ngImport: i0, template: `
     <ng-content />
   `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScToolbarWidgetGroup, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScToolbarWidgetGroup, decorators: [{
             type: Component,
             args: [{
                     selector: 'div[scToolbarWidgetGroup]',

package/esm2022/lib/components/toolbar/toolbar-widget.js

@@ -8,12 +8,12 @@ export class ScToolbarWidget {
     widget = inject(ToolbarWidget);
     classInput = input('', { ...(ngDevMode ? { debugName: "classInput" } : {}), alias: 'class' });
     class = computed(() => cn(toggleVariants({ variant: 'default', size: 'default' }), 'data-[state=on]:bg-muted', this.classInput()), ...(ngDevMode ? [{ debugName: "class" }] : []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScToolbarWidget, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.5", type: ScToolbarWidget, isStandalone: true, selector: "button[scToolbarWidget]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "toolbar-widget", "type": "button" }, properties: { "attr.data-state": "widget.selected() ? \"on\" : \"off\"", "class": "class()" } }, hostDirectives: [{ directive: i1.ToolbarWidget, inputs: ["value", "value", "disabled", "disabled"] }], ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScToolbarWidget, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.0", type: ScToolbarWidget, isStandalone: true, selector: "button[scToolbarWidget]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "toolbar-widget", "type": "button" }, properties: { "attr.data-state": "widget.selected() ? \"on\" : \"off\"", "class": "class()" } }, hostDirectives: [{ directive: i1.ToolbarWidget, inputs: ["value", "value", "disabled", "disabled"] }], ngImport: i0, template: `
     <ng-content />
   `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScToolbarWidget, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScToolbarWidget, decorators: [{
             type: Component,
             args: [{
                     selector: 'button[scToolbarWidget]',

package/esm2022/lib/components/toolbar/toolbar.js

@@ -7,12 +7,12 @@ export class ScToolbar {
     toolbar = inject(Toolbar);
     classInput = input('', { ...(ngDevMode ? { debugName: "classInput" } : {}), alias: 'class' });
     class = computed(() => cn('flex w-fit items-center gap-1 rounded-lg border bg-background p-1', this.toolbar.orientation() === 'vertical' && 'flex-col items-stretch', this.classInput()), ...(ngDevMode ? [{ debugName: "class" }] : []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScToolbar, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.5", type: ScToolbar, isStandalone: true, selector: "div[scToolbar]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "toolbar" }, properties: { "attr.data-orientation": "toolbar.orientation()", "class": "class()" } }, hostDirectives: [{ directive: i1.Toolbar, inputs: ["orientation", "orientation", "disabled", "disabled", "wrap", "wrap", "values", "values", "softDisabled", "softDisabled"], outputs: ["valuesChange", "valuesChange"] }], ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScToolbar, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.0", type: ScToolbar, isStandalone: true, selector: "div[scToolbar]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "toolbar" }, properties: { "attr.data-orientation": "toolbar.orientation()", "class": "class()" } }, hostDirectives: [{ directive: i1.Toolbar, inputs: ["orientation", "orientation", "disabled", "disabled", "wrap", "wrap", "values", "values", "softDisabled", "softDisabled"], outputs: ["valuesChange", "valuesChange"] }], ngImport: i0, template: `
     <ng-content />
   `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScToolbar, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScToolbar, decorators: [{
             type: Component,
             args: [{
                     selector: 'div[scToolbar]',

package/esm2022/lib/components/tooltip/tooltip-manager.js

@@ -155,10 +155,10 @@ export class ScTooltipManager {
     isTooltipVisible(tooltipId) {
         return this.currentTooltipId === tooltipId;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScTooltipManager, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScTooltipManager, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScTooltipManager, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScTooltipManager, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScTooltipManager, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScTooltipManager, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }] });

package/esm2022/lib/components/tooltip/tooltip-trigger.js

@@ -96,10 +96,10 @@ export class ScTooltipTrigger {
             this.hideTimeout = null;
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScTooltipTrigger, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.5", type: ScTooltipTrigger, isStandalone: true, selector: "[scTooltipTrigger]", inputs: { content: { classPropertyName: "content", publicName: "scTooltipTrigger", isSignal: true, isRequired: true, transformFunction: null }, position: { classPropertyName: "position", publicName: "tooltipPosition", isSignal: true, isRequired: false, transformFunction: null }, showDelay: { classPropertyName: "showDelay", publicName: "tooltipDelay", isSignal: true, isRequired: false, transformFunction: null }, hideDelay: { classPropertyName: "hideDelay", publicName: "tooltipHideDelay", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "tooltipDisabled", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "mouseenter": "onMouseEnter()", "mouseleave": "onMouseLeave()", "focus": "onFocus()", "blur": "onBlur()" }, properties: { "attr.aria-describedby": "ariaDescribedBy()" } }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScTooltipTrigger, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.0", type: ScTooltipTrigger, isStandalone: true, selector: "[scTooltipTrigger]", inputs: { content: { classPropertyName: "content", publicName: "scTooltipTrigger", isSignal: true, isRequired: true, transformFunction: null }, position: { classPropertyName: "position", publicName: "tooltipPosition", isSignal: true, isRequired: false, transformFunction: null }, showDelay: { classPropertyName: "showDelay", publicName: "tooltipDelay", isSignal: true, isRequired: false, transformFunction: null }, hideDelay: { classPropertyName: "hideDelay", publicName: "tooltipHideDelay", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "tooltipDisabled", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "mouseenter": "onMouseEnter()", "mouseleave": "onMouseLeave()", "focus": "onFocus()", "blur": "onBlur()" }, properties: { "attr.aria-describedby": "ariaDescribedBy()" } }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScTooltipTrigger, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScTooltipTrigger, decorators: [{
             type: Directive,
             args: [{
                     selector: '[scTooltipTrigger]',

package/esm2022/lib/components/tooltip/tooltip.js

@@ -19,8 +19,8 @@ export class ScTooltip {
     close() {
         this.state.set('closed');
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScTooltip, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.5", type: ScTooltip, isStandalone: true, selector: "sc-tooltip", outputs: { animationComplete: "animationComplete" }, host: { attributes: { "data-slot": "tooltip", "role": "tooltip", "aria-live": "polite", "aria-atomic": "true" }, listeners: { "animationend": "onAnimationEnd($event)" }, properties: { "id": "data.tooltipId", "class": "hostClass()", "attr.data-open": "state() === \"open\" ? true : null", "attr.data-closed": "state() === \"closed\" ? true : null", "attr.data-side": "side()" } }, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScTooltip, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.0", type: ScTooltip, isStandalone: true, selector: "sc-tooltip", outputs: { animationComplete: "animationComplete" }, host: { attributes: { "data-slot": "tooltip", "role": "tooltip", "aria-live": "polite", "aria-atomic": "true" }, listeners: { "animationend": "onAnimationEnd($event)" }, properties: { "id": "data.tooltipId", "class": "hostClass()", "attr.data-open": "state() === \"open\" ? true : null", "attr.data-closed": "state() === \"closed\" ? true : null", "attr.data-side": "side()" } }, ngImport: i0, template: `
     {{ data.content }}
     <span
       [attr.data-side]="side()"
@@ -32,7 +32,7 @@ export class ScTooltip {
     ></span>
   `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScTooltip, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScTooltip, decorators: [{
             type: Component,
             args: [{
                     selector: 'sc-tooltip',

package/esm2022/lib/components/typography/heading.js

@@ -27,10 +27,10 @@ export class ScHeading {
         const level = this.elementRef.nativeElement.tagName.toLowerCase();
         return cn(headingVariants({ level, underline: this.underline() }), this.classInput());
     }, ...(ngDevMode ? [{ debugName: "class" }] : []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScHeading, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.5", type: ScHeading, isStandalone: true, selector: "h1[scHeading], h2[scHeading], h3[scHeading], h4[scHeading]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, underline: { classPropertyName: "underline", publicName: "underline", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "heading" }, properties: { "class": "class()" } }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScHeading, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.0", type: ScHeading, isStandalone: true, selector: "h1[scHeading], h2[scHeading], h3[scHeading], h4[scHeading]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, underline: { classPropertyName: "underline", publicName: "underline", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "heading" }, properties: { "class": "class()" } }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScHeading, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScHeading, decorators: [{
             type: Directive,
             args: [{
                     selector: 'h1[scHeading], h2[scHeading], h3[scHeading], h4[scHeading]',

package/lib/components/menu/menu.d.ts

@@ -8,5 +8,5 @@ export declare class ScMenu<V = string> {
     protected readonly class: import("@angular/core").Signal<string>;
     constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<ScMenu<any>, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ScMenu<any>, "[scMenu]", ["scMenu"], { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.Menu; inputs: { "id": "id"; "wrap": "wrap"; "disabled": "disabled"; "typeaheadDelay": "typeaheadDelay"; "expansionDelay": "expansionDelay"; }; outputs: { "onSelect": "onSelect"; }; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ScMenu<any>, "[scMenu]", ["scMenu"], { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.Menu; inputs: { "id": "id"; "wrap": "wrap"; "disabled": "disabled"; "typeaheadDelay": "typeaheadDelay"; "expansionDelay": "expansionDelay"; }; outputs: { "itemSelected": "itemSelected"; }; }]>;
 }

package/lib/components/select/index.d.ts

@@ -1,7 +1,7 @@
 export { ScSelect } from './select';
 export { ScSelectItemIcon } from './select-item-icon';
 export { ScSelectTrigger } from './select-trigger';
-export { ScSelectValue } from './select-value';
+export { ScSelectLabel } from './select-label';
 export { ScSelectPortal } from './select-portal';
 export { ScSelectPopup } from './select-popup';
 export { ScSelectList } from './select-list';

package/lib/components/select/select-item.d.ts

@@ -4,6 +4,8 @@ export declare class ScSelectItem {
     readonly classInput: import("@angular/core").InputSignal<string>;
     private readonly option;
     private readonly elementRef;
+    readonly itemValue: import("@angular/core").Signal<any>;
+    readonly itemLabel: import("@angular/core").Signal<string>;
     constructor();
     protected readonly class: import("@angular/core").Signal<string>;
     static ɵfac: i0.ɵɵFactoryDeclaration<ScSelectItem, never>;

package/lib/components/select/select-label.d.ts

@@ -0,0 +1,7 @@
+import * as i0 from "@angular/core";
+export declare class ScSelectLabel {
+    readonly classInput: import("@angular/core").InputSignal<string>;
+    protected readonly class: import("@angular/core").Signal<string>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScSelectLabel, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScSelectLabel, "span[scSelectLabel], div[scSelectLabel]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}

package/lib/components/select/select-list.d.ts

@@ -2,9 +2,11 @@ import * as i0 from "@angular/core";
 import * as i1 from "@angular/aria/listbox";
 export declare class ScSelectList {
     private readonly listbox;
+    private readonly items;
     readonly values: import("@angular/core").Signal<any[]>;
     readonly classInput: import("@angular/core").InputSignal<string>;
+    labelForValue(value: unknown): string;
     protected readonly class: import("@angular/core").Signal<string>;
     static ɵfac: i0.ɵɵFactoryDeclaration<ScSelectList, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ScSelectList, "div[scSelectList]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, [{ directive: typeof i1.Listbox; inputs: {}; outputs: {}; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScSelectList, "div[scSelectList]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, ["items"], ["*"], true, [{ directive: typeof i1.Listbox; inputs: {}; outputs: {}; }]>;
 }

package/lib/components/select/select-trigger.d.ts

@@ -3,10 +3,10 @@ import * as i0 from "@angular/core";
 export declare class ScSelectTrigger {
     readonly elementRef: ElementRef<HTMLElement>;
     readonly classInput: import("@angular/core").InputSignal<string>;
-    readonly ariaLabel: import("@angular/core").InputSignal<string>;
     private readonly select;
+    readonly ariaLabel: import("@angular/core").Signal<any>;
     readonly placeholder: import("@angular/core").Signal<any>;
     protected readonly class: import("@angular/core").Signal<string>;
     static ɵfac: i0.ɵɵFactoryDeclaration<ScSelectTrigger, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ScSelectTrigger, "div[scSelectTrigger]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "aria-label"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScSelectTrigger, "div[scSelectTrigger]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }

package/lib/components/select/select.d.ts

@@ -3,19 +3,20 @@ import type { FormValueControl } from '@angular/forms/signals';
 import { ScSelectPortal } from './select-portal';
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/aria/combobox";
-export declare class ScSelect implements FormValueControl<string> {
+export declare class ScSelect implements FormValueControl<unknown> {
     readonly classInput: import("@angular/core").InputSignal<string>;
     readonly placeholder: import("@angular/core").InputSignal<string>;
-    readonly value: import("@angular/core").ModelSignal<string>;
+    readonly ariaLabel: import("@angular/core").InputSignal<string>;
+    readonly value: import("@angular/core").ModelSignal<unknown>;
     private readonly trigger;
     private readonly content;
     protected readonly selectPortal: import("@angular/core").Signal<ScSelectPortal>;
     readonly origin: import("@angular/core").Signal<import("@angular/core").ElementRef<HTMLElement> | undefined>;
     readonly values: import("@angular/core").Signal<any[]>;
-    readonly displayValue: import("@angular/core").Signal<string>;
+    readonly label: import("@angular/core").Signal<string>;
     protected readonly class: import("@angular/core").Signal<string>;
     protected readonly combobox: Combobox<any>;
     constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<ScSelect, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ScSelect, "div[scSelect]", ["scSelect"], { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, ["trigger", "content", "selectPortal"], ["*"], true, [{ directive: typeof i1.Combobox; inputs: {}; outputs: {}; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScSelect, "div[scSelect]", ["scSelect"], { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": true; "isSignal": true; }; "ariaLabel": { "alias": "aria-label"; "required": true; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, ["trigger", "content", "selectPortal"], ["*"], true, [{ directive: typeof i1.Combobox; inputs: { "disabled": "disabled"; }; outputs: {}; }]>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@semantic-components/ui",
-  "version": "0.68.0",
+  "version": "0.69.0",
   "private": false,
   "publishConfig": {
     "access": "public"

package/esm2022/lib/components/select/select-value.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"select-value.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/select/select-value.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,uBAAuB,EACvB,SAAS,EACT,QAAQ,EACR,KAAK,EACL,iBAAiB,GAClB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;;AAejC,MAAM,OAAO,aAAa;IACf,UAAU,GAAG,KAAK,CAAS,EAAE,uDAAI,KAAK,EAAE,OAAO,GAAG,CAAC;IAEzC,KAAK,GAAG,QAAQ,CAAC,GAAG,EAAE,CACvC,EAAE,CAAC,qBAAqB,EAAE,IAAI,CAAC,UAAU,EAAE,CAAC,iDAC7C,CAAC;uGALS,aAAa;2FAAb,aAAa,wTAVd;;GAET;;2FAQU,aAAa;kBAbzB,SAAS;mBAAC;oBACT,QAAQ,EAAE,qBAAqB;oBAC/B,OAAO,EAAE,EAAE;oBACX,QAAQ,EAAE;;GAET;oBACD,IAAI,EAAE;wBACJ,WAAW,EAAE,cAAc;wBAC3B,SAAS,EAAE,SAAS;qBACrB;oBACD,aAAa,EAAE,iBAAiB,CAAC,IAAI;oBACrC,eAAe,EAAE,uBAAuB,CAAC,MAAM;iBAChD","sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  input,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { cn } from '../../utils';\n\n@Component({\n  selector: 'span[scSelectValue]',\n  imports: [],\n  template: `\n    <ng-content />\n  `,\n  host: {\n    'data-slot': 'select-value',\n    '[class]': 'class()',\n  },\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class ScSelectValue {\n  readonly classInput = input<string>('', { alias: 'class' });\n\n  protected readonly class = computed(() =>\n    cn('pointer-events-none', this.classInput()),\n  );\n}\n"]}

package/lib/components/select/select-value.d.ts

@@ -1,7 +0,0 @@
-import * as i0 from "@angular/core";
-export declare class ScSelectValue {
-    readonly classInput: import("@angular/core").InputSignal<string>;
-    protected readonly class: import("@angular/core").Signal<string>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ScSelectValue, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ScSelectValue, "span[scSelectValue]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
-}