@semantic-components/ui 0.68.0 → 0.70.0

package/esm2022/lib/components/card/card-description.js

@@ -4,10 +4,10 @@ import * as i0 from "@angular/core";
 export class ScCardDescription {
     classInput = input('', { ...(ngDevMode ? { debugName: "classInput" } : {}), alias: 'class' });
     class = computed(() => cn('text-muted-foreground text-sm', this.classInput()), ...(ngDevMode ? [{ debugName: "class" }] : []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScCardDescription, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.5", type: ScCardDescription, isStandalone: true, selector: "[scCardDescription]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "card-description" }, properties: { "class": "class()" } }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScCardDescription, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.0", type: ScCardDescription, isStandalone: true, selector: "[scCardDescription]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "card-description" }, properties: { "class": "class()" } }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScCardDescription, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScCardDescription, decorators: [{
             type: Directive,
             args: [{
                     selector: '[scCardDescription]',

package/esm2022/lib/components/card/card-footer.js

@@ -4,10 +4,10 @@ import * as i0 from "@angular/core";
 export class ScCardFooter {
     classInput = input('', { ...(ngDevMode ? { debugName: "classInput" } : {}), alias: 'class' });
     class = computed(() => cn('bg-muted/50 rounded-b-xl border-t p-4 group-data-[size=sm]/card:p-3 flex items-center', this.classInput()), ...(ngDevMode ? [{ debugName: "class" }] : []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScCardFooter, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.5", type: ScCardFooter, isStandalone: true, selector: "div[scCardFooter]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "card-footer" }, properties: { "class": "class()" } }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScCardFooter, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.0", type: ScCardFooter, isStandalone: true, selector: "div[scCardFooter]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "card-footer" }, properties: { "class": "class()" } }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScCardFooter, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScCardFooter, decorators: [{
             type: Directive,
             args: [{
                     selector: 'div[scCardFooter]',

package/esm2022/lib/components/card/card-header.js

@@ -4,10 +4,10 @@ import * as i0 from "@angular/core";
 export class ScCardHeader {
     classInput = input('', { ...(ngDevMode ? { debugName: "classInput" } : {}), alias: 'class' });
     class = computed(() => cn('gap-1 rounded-t-xl px-4 group-data-[size=sm]/card:px-3 [.border-b]:pb-4 group-data-[size=sm]/card:[.border-b]:pb-3 group/card-header @container/card-header grid auto-rows-min items-start has-data-[slot=card-action]:grid-cols-[1fr_auto] has-data-[slot=card-description]:grid-rows-[auto_auto]', this.classInput()), ...(ngDevMode ? [{ debugName: "class" }] : []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScCardHeader, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.5", type: ScCardHeader, isStandalone: true, selector: "div[scCardHeader]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "card-header" }, properties: { "class": "class()" } }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScCardHeader, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.0", type: ScCardHeader, isStandalone: true, selector: "div[scCardHeader]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "card-header" }, properties: { "class": "class()" } }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScCardHeader, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScCardHeader, decorators: [{
             type: Directive,
             args: [{
                     selector: 'div[scCardHeader]',

package/esm2022/lib/components/card/card-title.js

@@ -4,10 +4,10 @@ import * as i0 from "@angular/core";
 export class ScCardTitle {
     classInput = input('', { ...(ngDevMode ? { debugName: "classInput" } : {}), alias: 'class' });
     class = computed(() => cn('text-base leading-snug font-medium group-data-[size=sm]/card:text-sm', this.classInput()), ...(ngDevMode ? [{ debugName: "class" }] : []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScCardTitle, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.5", type: ScCardTitle, isStandalone: true, selector: "[scCardTitle]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "card-title" }, properties: { "class": "class()" } }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScCardTitle, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.0", type: ScCardTitle, isStandalone: true, selector: "[scCardTitle]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "card-title" }, properties: { "class": "class()" } }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScCardTitle, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScCardTitle, decorators: [{
             type: Directive,
             args: [{
                     selector: '[scCardTitle]',

package/esm2022/lib/components/card/card.js

@@ -5,10 +5,10 @@ export class ScCard {
     classInput = input('', { ...(ngDevMode ? { debugName: "classInput" } : {}), alias: 'class' });
     size = input('default', ...(ngDevMode ? [{ debugName: "size" }] : []));
     class = computed(() => cn('ring-foreground/10 bg-card text-card-foreground gap-4 overflow-hidden rounded-xl py-4 text-sm ring-1 has-data-[slot=card-footer]:pb-0 has-[>img:first-child]:pt-0 data-[size=sm]:gap-3 data-[size=sm]:py-3 data-[size=sm]:has-data-[slot=card-footer]:pb-0 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl group/card flex flex-col', this.classInput()), ...(ngDevMode ? [{ debugName: "class" }] : []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScCard, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.5", type: ScCard, isStandalone: true, selector: "div[scCard]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "card" }, properties: { "attr.data-size": "size()", "class": "class()" } }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScCard, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.0", type: ScCard, isStandalone: true, selector: "div[scCard]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "card" }, properties: { "attr.data-size": "size()", "class": "class()" } }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScCard, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScCard, decorators: [{
             type: Directive,
             args: [{
                     selector: 'div[scCard]',

package/esm2022/lib/components/checkbox/checkbox-field.js

@@ -26,8 +26,8 @@ export class ScCheckboxField {
         return this.checked() ? 'checked' : 'unchecked';
     }, ...(ngDevMode ? [{ debugName: "dataState" }] : []));
     class = computed(() => cn('grid grid-cols-[1rem_1fr] items-start gap-x-2 gap-y-1', '*:data-[slot=checkbox]:col-start-1 *:data-[slot=checkbox]:row-start-1', '*:data-[slot=checkbox-visual]:col-start-1 *:data-[slot=checkbox-visual]:row-start-1', '*:data-[slot=label]:col-start-2 *:data-[slot=label]:row-start-1', '*:data-[slot=field-description]:col-start-2 *:data-[slot=field-description]:row-start-2', 'has-[>[data-slot=field-description]]:*:data-[slot=label]:font-medium', this.classInput()), ...(ngDevMode ? [{ debugName: "class" }] : []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScCheckboxField, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.1.5", type: ScCheckboxField, isStandalone: true, selector: "div[scCheckboxField], label[scCheckboxField]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "checkbox-field" }, properties: { "attr.role": "role()", "class": "class()", "attr.data-state": "dataState()", "attr.data-disabled": "disabled() ? \"\" : null" } }, providers: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScCheckboxField, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.0", type: ScCheckboxField, isStandalone: true, selector: "div[scCheckboxField], label[scCheckboxField]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "checkbox-field" }, properties: { "attr.role": "role()", "class": "class()", "attr.data-state": "dataState()", "attr.data-disabled": "disabled() ? \"\" : null" } }, providers: [
             { provide: SC_CHECKBOX_FIELD, useExisting: ScCheckboxField },
             { provide: SC_FIELD, useExisting: ScCheckboxField },
         ], queries: [{ propertyName: "checkbox", first: true, predicate: ScCheckbox, descendants: true, isSignal: true }], ngImport: i0, template: `
@@ -36,7 +36,7 @@ export class ScCheckboxField {
     <ng-content />
   `, isInline: true, dependencies: [{ kind: "component", type: ScCheckboxVisual, selector: "span[scCheckboxVisual]", inputs: ["class"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScCheckboxField, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScCheckboxField, decorators: [{
             type: Component,
             args: [{
                     selector: 'div[scCheckboxField], label[scCheckboxField]',

package/esm2022/lib/components/checkbox/checkbox-visual.js

@@ -7,16 +7,16 @@ export class ScCheckboxVisual {
     checkbox = inject(SC_CHECKBOX_FIELD);
     classInput = input('', { ...(ngDevMode ? { debugName: "classInput" } : {}), alias: 'class' });
     class = computed(() => cn('pointer-events-none inline-flex size-4 shrink-0 items-center justify-center rounded-sm border border-primary transition-colors', 'data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground', 'data-[state=indeterminate]:bg-primary data-[state=indeterminate]:text-primary-foreground', 'ring-offset-background', 'peer-focus-visible:outline-none peer-focus-visible:ring-2 peer-focus-visible:ring-ring peer-focus-visible:ring-offset-2', 'peer-disabled:cursor-not-allowed peer-disabled:opacity-50', this.classInput()), ...(ngDevMode ? [{ debugName: "class" }] : []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScCheckboxVisual, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.5", type: ScCheckboxVisual, isStandalone: true, selector: "span[scCheckboxVisual]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "checkbox-visual" }, properties: { "class": "class()", "attr.data-state": "checkbox.dataState()", "attr.aria-hidden": "true" } }, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScCheckboxVisual, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.0", type: ScCheckboxVisual, isStandalone: true, selector: "span[scCheckboxVisual]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "checkbox-visual" }, properties: { "class": "class()", "attr.data-state": "checkbox.dataState()", "attr.aria-hidden": "true" } }, ngImport: i0, template: `
     @if (checkbox.dataState() === 'indeterminate') {
       <svg siMinusIcon class="size-4"></svg>
     } @else if (checkbox.dataState() === 'checked') {
       <svg siCheckIcon class="size-4"></svg>
     }
-  `, isInline: true, dependencies: [{ kind: "component", type: SiCheckIcon, selector: "svg[siCheckIcon]", inputs: ["width", "height", "viewBox", "fill", "stroke", "stroke-width", "stroke-linecap", "stroke-linejoin"] }, { kind: "component", type: SiMinusIcon, selector: "svg[siMinusIcon]", inputs: ["width", "height", "viewBox", "fill", "stroke", "stroke-width", "stroke-linecap", "stroke-linejoin"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+  `, isInline: true, dependencies: [{ kind: "component", type: SiCheckIcon, selector: "svg[siCheckIcon]", inputs: ["ariaHidden", "width", "height", "viewBox", "fill", "stroke", "stroke-width", "stroke-linecap", "stroke-linejoin"] }, { kind: "component", type: SiMinusIcon, selector: "svg[siMinusIcon]", inputs: ["ariaHidden", "width", "height", "viewBox", "fill", "stroke", "stroke-width", "stroke-linecap", "stroke-linejoin"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScCheckboxVisual, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScCheckboxVisual, decorators: [{
             type: Component,
             args: [{
                     selector: 'span[scCheckboxVisual]',

package/esm2022/lib/components/checkbox/checkbox-visual.js.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox-visual.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/checkbox/checkbox-visual.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,uBAAuB,EACvB,SAAS,EACT,QAAQ,EACR,MAAM,EACN,KAAK,EACL,iBAAiB,GAClB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AACxE,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AACjC,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;;AAqBrD,MAAM,OAAO,gBAAgB;IAClB,QAAQ,GAAG,MAAM,CAAC,iBAAiB,CAAC,CAAC;IACrC,UAAU,GAAG,KAAK,CAAS,EAAE,uDAAI,KAAK,EAAE,OAAO,GAAG,CAAC;IAEzC,KAAK,GAAG,QAAQ,CAAC,GAAG,EAAE,CACvC,EAAE,CACA,gIAAgI,EAChI,8EAA8E,EAC9E,0FAA0F,EAC1F,wBAAwB,EACxB,yHAAyH,EACzH,2DAA2D,EAC3D,IAAI,CAAC,UAAU,EAAE,CAClB,iDACF,CAAC;uGAdS,gBAAgB;2FAAhB,gBAAgB,qYAVjB;;;;;;GAMT,4DAbS,WAAW,4KAAE,WAAW;;2FAiBvB,gBAAgB;kBAnB5B,SAAS;mBAAC;oBACT,QAAQ,EAAE,wBAAwB;oBAClC,OAAO,EAAE,CAAC,WAAW,EAAE,WAAW,CAAC;oBACnC,IAAI,EAAE;wBACJ,WAAW,EAAE,iBAAiB;wBAC9B,SAAS,EAAE,SAAS;wBACpB,mBAAmB,EAAE,sBAAsB;wBAC3C,oBAAoB,EAAE,MAAM;qBAC7B;oBACD,QAAQ,EAAE;;;;;;GAMT;oBACD,aAAa,EAAE,iBAAiB,CAAC,IAAI;oBACrC,eAAe,EAAE,uBAAuB,CAAC,MAAM;iBAChD","sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  inject,\n  input,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { SiCheckIcon, SiMinusIcon } from '@semantic-icons/lucide-icons';\nimport { cn } from '../../utils';\nimport { SC_CHECKBOX_FIELD } from './checkbox-types';\n\n@Component({\n  selector: 'span[scCheckboxVisual]',\n  imports: [SiCheckIcon, SiMinusIcon],\n  host: {\n    'data-slot': 'checkbox-visual',\n    '[class]': 'class()',\n    '[attr.data-state]': 'checkbox.dataState()',\n    '[attr.aria-hidden]': 'true',\n  },\n  template: `\n    @if (checkbox.dataState() === 'indeterminate') {\n      <svg siMinusIcon class=\"size-4\"></svg>\n    } @else if (checkbox.dataState() === 'checked') {\n      <svg siCheckIcon class=\"size-4\"></svg>\n    }\n  `,\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class ScCheckboxVisual {\n  readonly checkbox = inject(SC_CHECKBOX_FIELD);\n  readonly classInput = input<string>('', { alias: 'class' });\n\n  protected readonly class = computed(() =>\n    cn(\n      'pointer-events-none inline-flex size-4 shrink-0 items-center justify-center rounded-sm border border-primary transition-colors',\n      'data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground',\n      'data-[state=indeterminate]:bg-primary data-[state=indeterminate]:text-primary-foreground',\n      'ring-offset-background',\n      'peer-focus-visible:outline-none peer-focus-visible:ring-2 peer-focus-visible:ring-ring peer-focus-visible:ring-offset-2',\n      'peer-disabled:cursor-not-allowed peer-disabled:opacity-50',\n      this.classInput(),\n    ),\n  );\n}\n"]}
+{"version":3,"file":"checkbox-visual.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/checkbox/checkbox-visual.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,uBAAuB,EACvB,SAAS,EACT,QAAQ,EACR,MAAM,EACN,KAAK,EACL,iBAAiB,GAClB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AACxE,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AACjC,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;;AAqBrD,MAAM,OAAO,gBAAgB;IAClB,QAAQ,GAAG,MAAM,CAAC,iBAAiB,CAAC,CAAC;IACrC,UAAU,GAAG,KAAK,CAAS,EAAE,uDAAI,KAAK,EAAE,OAAO,GAAG,CAAC;IAEzC,KAAK,GAAG,QAAQ,CAAC,GAAG,EAAE,CACvC,EAAE,CACA,gIAAgI,EAChI,8EAA8E,EAC9E,0FAA0F,EAC1F,wBAAwB,EACxB,yHAAyH,EACzH,2DAA2D,EAC3D,IAAI,CAAC,UAAU,EAAE,CAClB,iDACF,CAAC;uGAdS,gBAAgB;2FAAhB,gBAAgB,qYAVjB;;;;;;GAMT,4DAbS,WAAW,0LAAE,WAAW;;2FAiBvB,gBAAgB;kBAnB5B,SAAS;mBAAC;oBACT,QAAQ,EAAE,wBAAwB;oBAClC,OAAO,EAAE,CAAC,WAAW,EAAE,WAAW,CAAC;oBACnC,IAAI,EAAE;wBACJ,WAAW,EAAE,iBAAiB;wBAC9B,SAAS,EAAE,SAAS;wBACpB,mBAAmB,EAAE,sBAAsB;wBAC3C,oBAAoB,EAAE,MAAM;qBAC7B;oBACD,QAAQ,EAAE;;;;;;GAMT;oBACD,aAAa,EAAE,iBAAiB,CAAC,IAAI;oBACrC,eAAe,EAAE,uBAAuB,CAAC,MAAM;iBAChD","sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  inject,\n  input,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { SiCheckIcon, SiMinusIcon } from '@semantic-icons/lucide-icons';\nimport { cn } from '../../utils';\nimport { SC_CHECKBOX_FIELD } from './checkbox-types';\n\n@Component({\n  selector: 'span[scCheckboxVisual]',\n  imports: [SiCheckIcon, SiMinusIcon],\n  host: {\n    'data-slot': 'checkbox-visual',\n    '[class]': 'class()',\n    '[attr.data-state]': 'checkbox.dataState()',\n    '[attr.aria-hidden]': 'true',\n  },\n  template: `\n    @if (checkbox.dataState() === 'indeterminate') {\n      <svg siMinusIcon class=\"size-4\"></svg>\n    } @else if (checkbox.dataState() === 'checked') {\n      <svg siCheckIcon class=\"size-4\"></svg>\n    }\n  `,\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class ScCheckboxVisual {\n  readonly checkbox = inject(SC_CHECKBOX_FIELD);\n  readonly classInput = input<string>('', { alias: 'class' });\n\n  protected readonly class = computed(() =>\n    cn(\n      'pointer-events-none inline-flex size-4 shrink-0 items-center justify-center rounded-sm border border-primary transition-colors',\n      'data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground',\n      'data-[state=indeterminate]:bg-primary data-[state=indeterminate]:text-primary-foreground',\n      'ring-offset-background',\n      'peer-focus-visible:outline-none peer-focus-visible:ring-2 peer-focus-visible:ring-ring peer-focus-visible:ring-offset-2',\n      'peer-disabled:cursor-not-allowed peer-disabled:opacity-50',\n      this.classInput(),\n    ),\n  );\n}\n"]}

package/esm2022/lib/components/checkbox/checkbox.js

@@ -34,10 +34,10 @@ export class ScCheckbox {
         this.disabledSignal.set(input.disabled);
     }
     class = computed(() => cn('peer size-4 cursor-pointer opacity-0', 'disabled:cursor-not-allowed', this.classInput()), ...(ngDevMode ? [{ debugName: "class" }] : []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScCheckbox, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.5", type: ScCheckbox, isStandalone: true, selector: "input[type=\"checkbox\"][scCheckbox]", inputs: { idInput: { classPropertyName: "idInput", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, indeterminate: { classPropertyName: "indeterminate", publicName: "indeterminate", isSignal: true, isRequired: false, transformFunction: null }, checked: { classPropertyName: "checked", publicName: "checked", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { checked: "checkedChange" }, host: { attributes: { "data-slot": "checkbox" }, listeners: { "change": "onInputChange($event)" }, properties: { "id": "id()", "class": "class()", "checked": "checked()" } }, exportAs: ["SC_CHECKBOX"], ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScCheckbox, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.0", type: ScCheckbox, isStandalone: true, selector: "input[type=\"checkbox\"][scCheckbox]", inputs: { idInput: { classPropertyName: "idInput", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, indeterminate: { classPropertyName: "indeterminate", publicName: "indeterminate", isSignal: true, isRequired: false, transformFunction: null }, checked: { classPropertyName: "checked", publicName: "checked", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { checked: "checkedChange" }, host: { attributes: { "data-slot": "checkbox" }, listeners: { "change": "onInputChange($event)" }, properties: { "id": "id()", "class": "class()", "checked": "checked()" } }, exportAs: ["SC_CHECKBOX"], ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScCheckbox, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScCheckbox, decorators: [{
             type: Directive,
             args: [{
                     selector: 'input[type="checkbox"][scCheckbox]',

package/esm2022/lib/components/collapsible/collapsible-body.js

@@ -4,14 +4,14 @@ import * as i0 from "@angular/core";
 export class ScCollapsibleBody {
     classInput = input('', { ...(ngDevMode ? { debugName: "classInput" } : {}), alias: 'class' });
     class = computed(() => cn('block overflow-hidden', this.classInput()), ...(ngDevMode ? [{ debugName: "class" }] : []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScCollapsibleBody, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.5", type: ScCollapsibleBody, isStandalone: true, selector: "sc-collapsible-body", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "collapsible-body", "animate.enter": "animate-collapsible-down", "animate.leave": "animate-collapsible-up" }, properties: { "class": "class()" } }, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScCollapsibleBody, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.0", type: ScCollapsibleBody, isStandalone: true, selector: "sc-collapsible-body", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "collapsible-body", "animate.enter": "animate-collapsible-down", "animate.leave": "animate-collapsible-up" }, properties: { "class": "class()" } }, ngImport: i0, template: `
     <div class="pt-0 pb-2.5">
       <ng-content />
     </div>
   `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScCollapsibleBody, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScCollapsibleBody, decorators: [{
             type: Component,
             args: [{
                     selector: 'sc-collapsible-body',

package/esm2022/lib/components/collapsible/collapsible-content.js

@@ -3,10 +3,10 @@ import { AccordionContent } from '@angular/aria/accordion';
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/aria/accordion";
 export class ScCollapsibleContent {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScCollapsibleContent, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.5", type: ScCollapsibleContent, isStandalone: true, selector: "ng-template[scCollapsibleContent]", hostDirectives: [{ directive: i1.AccordionContent }], ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScCollapsibleContent, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.0", type: ScCollapsibleContent, isStandalone: true, selector: "ng-template[scCollapsibleContent]", hostDirectives: [{ directive: i1.AccordionContent }], ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScCollapsibleContent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScCollapsibleContent, decorators: [{
             type: Directive,
             args: [{
                     selector: 'ng-template[scCollapsibleContent]',

package/esm2022/lib/components/collapsible/collapsible-panel.js

@@ -6,12 +6,12 @@ import * as i1 from "@angular/aria/accordion";
 export class ScCollapsiblePanel {
     classInput = input('', { ...(ngDevMode ? { debugName: "classInput" } : {}), alias: 'class' });
     class = computed(() => cn('', this.classInput()), ...(ngDevMode ? [{ debugName: "class" }] : []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScCollapsiblePanel, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.5", type: ScCollapsiblePanel, isStandalone: true, selector: "[scCollapsiblePanel]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "collapsible-panel" }, properties: { "class": "class()" } }, hostDirectives: [{ directive: i1.AccordionPanel, inputs: ["panelId", "panelId"] }], ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScCollapsiblePanel, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.0", type: ScCollapsiblePanel, isStandalone: true, selector: "[scCollapsiblePanel]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "collapsible-panel" }, properties: { "class": "class()" } }, hostDirectives: [{ directive: i1.AccordionPanel, inputs: ["panelId", "panelId"] }], 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: ScCollapsiblePanel, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScCollapsiblePanel, decorators: [{
             type: Component,
             args: [{
                     selector: '[scCollapsiblePanel]',

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

@@ -11,12 +11,12 @@ export class ScCollapsibleTrigger {
     expanded = this.trigger.expanded;
     classInput = input('', { ...(ngDevMode ? { debugName: "classInput" } : {}), alias: 'class' });
     class = computed(() => cn('[&_svg]:pointer-events-none', this.classInput()), ...(ngDevMode ? [{ debugName: "class" }] : []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScCollapsibleTrigger, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.5", type: ScCollapsibleTrigger, isStandalone: true, selector: "[scCollapsibleTrigger]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "collapsible-trigger", "type": "button" }, properties: { "attr.data-state": "trigger.expanded() ? \"open\" : \"closed\"", "attr.disabled": "trigger.disabled() || null", "class": "class()" } }, exportAs: ["scCollapsibleTrigger"], hostDirectives: [{ directive: i1.AccordionTrigger, inputs: ["panelId", "panelId", "disabled", "disabled", "expanded", "expanded"], outputs: ["expandedChange", "expandedChange"] }], ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScCollapsibleTrigger, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.0", type: ScCollapsibleTrigger, isStandalone: true, selector: "[scCollapsibleTrigger]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "collapsible-trigger", "type": "button" }, properties: { "attr.data-state": "trigger.expanded() ? \"open\" : \"closed\"", "attr.disabled": "trigger.disabled() || null", "class": "class()" } }, exportAs: ["scCollapsibleTrigger"], hostDirectives: [{ directive: i1.AccordionTrigger, inputs: ["panelId", "panelId", "disabled", "disabled", "expanded", "expanded"], outputs: ["expandedChange", "expandedChange"] }], 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: ScCollapsibleTrigger, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScCollapsibleTrigger, decorators: [{
             type: Component,
             args: [{
                     selector: '[scCollapsibleTrigger]',

package/esm2022/lib/components/collapsible/collapsible.js

@@ -6,12 +6,12 @@ import * as i1 from "@angular/aria/accordion";
 export class ScCollapsible {
     classInput = input('', { ...(ngDevMode ? { debugName: "classInput" } : {}), alias: 'class' });
     class = computed(() => cn('', this.classInput()), ...(ngDevMode ? [{ debugName: "class" }] : []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScCollapsible, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.5", type: ScCollapsible, isStandalone: true, selector: "[scCollapsible]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "collapsible" }, properties: { "class": "class()" } }, hostDirectives: [{ directive: i1.AccordionGroup, inputs: ["disabled", "disabled"] }], ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScCollapsible, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.0", type: ScCollapsible, isStandalone: true, selector: "[scCollapsible]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "collapsible" }, properties: { "class": "class()" } }, hostDirectives: [{ directive: i1.AccordionGroup, inputs: ["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: ScCollapsible, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScCollapsible, decorators: [{
             type: Component,
             args: [{
                     selector: '[scCollapsible]',

package/esm2022/lib/components/date-picker/date-picker.js

@@ -65,8 +65,8 @@ export class ScDatePicker {
             }
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScDatePicker, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.5", type: ScDatePicker, isStandalone: true, selector: "sc-date-picker", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, minDate: { classPropertyName: "minDate", publicName: "minDate", isSignal: true, isRequired: false, transformFunction: null }, maxDate: { classPropertyName: "maxDate", publicName: "maxDate", isSignal: true, isRequired: false, transformFunction: null }, side: { classPropertyName: "side", publicName: "side", isSignal: true, isRequired: false, transformFunction: null }, align: { classPropertyName: "align", publicName: "align", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, open: { classPropertyName: "open", publicName: "open", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange", open: "openChange" }, host: { attributes: { "data-slot": "date-picker" }, properties: { "class": "class()" } }, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScDatePicker, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.0", type: ScDatePicker, isStandalone: true, selector: "sc-date-picker", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, minDate: { classPropertyName: "minDate", publicName: "minDate", isSignal: true, isRequired: false, transformFunction: null }, maxDate: { classPropertyName: "maxDate", publicName: "maxDate", isSignal: true, isRequired: false, transformFunction: null }, side: { classPropertyName: "side", publicName: "side", isSignal: true, isRequired: false, transformFunction: null }, align: { classPropertyName: "align", publicName: "align", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, open: { classPropertyName: "open", publicName: "open", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange", open: "openChange" }, host: { attributes: { "data-slot": "date-picker" }, properties: { "class": "class()" } }, ngImport: i0, template: `
     <div scPopoverProvider [(open)]="open" [side]="side()" [align]="align()">
       <button scPopoverTrigger type="button" [class]="triggerClass()">
         <svg siCalendarIcon class="mr-2 size-4"></svg>
@@ -87,9 +87,9 @@ export class ScDatePicker {
         </div>
       </ng-template>
     </div>
-  `, isInline: true, dependencies: [{ kind: "component", type: ScPopoverProvider, selector: "div[scPopoverProvider]", inputs: ["class", "side", "align", "open"], outputs: ["openChange"] }, { kind: "directive", type: ScPopoverTrigger, selector: "button[scPopoverTrigger]", inputs: ["class"] }, { kind: "directive", type: ScPopoverPortal, selector: "ng-template[scPopoverPortal]" }, { kind: "component", type: ScPopover, selector: "div[scPopover]", inputs: ["class"] }, { kind: "component", type: ScCalendar, selector: "sc-calendar", inputs: ["class", "mode", "disabled", "minDate", "maxDate", "value"], outputs: ["valueChange"] }, { kind: "component", type: SiCalendarIcon, selector: "svg[siCalendarIcon]", inputs: ["width", "height", "viewBox", "fill", "stroke", "stroke-width", "stroke-linecap", "stroke-linejoin"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+  `, isInline: true, dependencies: [{ kind: "component", type: ScPopoverProvider, selector: "div[scPopoverProvider]", inputs: ["class", "side", "align", "open"], outputs: ["openChange"] }, { kind: "directive", type: ScPopoverTrigger, selector: "button[scPopoverTrigger]", inputs: ["class"] }, { kind: "directive", type: ScPopoverPortal, selector: "ng-template[scPopoverPortal]" }, { kind: "component", type: ScPopover, selector: "div[scPopover]", inputs: ["class"] }, { kind: "component", type: ScCalendar, selector: "sc-calendar", inputs: ["class", "mode", "disabled", "minDate", "maxDate", "value"], outputs: ["valueChange"] }, { kind: "component", type: SiCalendarIcon, selector: "svg[siCalendarIcon]", inputs: ["ariaHidden", "width", "height", "viewBox", "fill", "stroke", "stroke-width", "stroke-linecap", "stroke-linejoin"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScDatePicker, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScDatePicker, decorators: [{
             type: Component,
             args: [{
                     selector: 'sc-date-picker',

package/esm2022/lib/components/dialog/dialog-close.js

@@ -12,10 +12,10 @@ export class ScDialogClose {
     closeDialog() {
         this.dialogProvider.open.set(false);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScDialogClose, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.5", type: ScDialogClose, isStandalone: true, selector: "button[scDialogClose]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", 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 } }, host: { attributes: { "data-slot": "dialog-close", "type": "button" }, listeners: { "click": "closeDialog()" }, properties: { "class": "class()" } }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScDialogClose, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.0", type: ScDialogClose, isStandalone: true, selector: "button[scDialogClose]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", 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 } }, host: { attributes: { "data-slot": "dialog-close", "type": "button" }, listeners: { "click": "closeDialog()" }, properties: { "class": "class()" } }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScDialogClose, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScDialogClose, decorators: [{
             type: Directive,
             args: [{
                     selector: 'button[scDialogClose]',

package/esm2022/lib/components/dialog/dialog-description.js

@@ -6,10 +6,10 @@ export class ScDialogDescription {
     dialog = inject(ScDialog);
     classInput = input('', { ...(ngDevMode ? { debugName: "classInput" } : {}), alias: 'class' });
     class = computed(() => cn('text-muted-foreground *:[a]:hover:text-foreground text-sm *:[a]:underline *:[a]:underline-offset-3', this.classInput()), ...(ngDevMode ? [{ debugName: "class" }] : []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScDialogDescription, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.5", type: ScDialogDescription, isStandalone: true, selector: "p[scDialogDescription]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "dialog-description" }, properties: { "id": "dialog.descriptionId", "class": "class()" } }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScDialogDescription, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.0", type: ScDialogDescription, isStandalone: true, selector: "p[scDialogDescription]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "dialog-description" }, properties: { "id": "dialog.descriptionId", "class": "class()" } }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScDialogDescription, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScDialogDescription, decorators: [{
             type: Directive,
             args: [{
                     selector: 'p[scDialogDescription]',

package/esm2022/lib/components/dialog/dialog-footer.js

@@ -4,10 +4,10 @@ import * as i0 from "@angular/core";
 export class ScDialogFooter {
     classInput = input('', { ...(ngDevMode ? { debugName: "classInput" } : {}), alias: 'class' });
     class = computed(() => cn('bg-muted/50 -mx-4 -mb-4 rounded-b-xl border-t p-4 flex flex-col-reverse gap-2 sm:flex-row sm:justify-end', this.classInput()), ...(ngDevMode ? [{ debugName: "class" }] : []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScDialogFooter, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.5", type: ScDialogFooter, isStandalone: true, selector: "div[scDialogFooter]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "dialog-footer" }, properties: { "class": "class()" } }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScDialogFooter, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.0", type: ScDialogFooter, isStandalone: true, selector: "div[scDialogFooter]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "dialog-footer" }, properties: { "class": "class()" } }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScDialogFooter, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScDialogFooter, decorators: [{
             type: Directive,
             args: [{
                     selector: 'div[scDialogFooter]',

package/esm2022/lib/components/dialog/dialog-header.js

@@ -4,10 +4,10 @@ import * as i0 from "@angular/core";
 export class ScDialogHeader {
     classInput = input('', { ...(ngDevMode ? { debugName: "classInput" } : {}), alias: 'class' });
     class = computed(() => cn('gap-2 flex flex-col', this.classInput()), ...(ngDevMode ? [{ debugName: "class" }] : []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScDialogHeader, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.5", type: ScDialogHeader, isStandalone: true, selector: "div[scDialogHeader]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "dialog-header" }, properties: { "class": "class()" } }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScDialogHeader, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.0", type: ScDialogHeader, isStandalone: true, selector: "div[scDialogHeader]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "dialog-header" }, properties: { "class": "class()" } }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScDialogHeader, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScDialogHeader, decorators: [{
             type: Directive,
             args: [{
                     selector: 'div[scDialogHeader]',

package/esm2022/lib/components/dialog/dialog-portal.js

@@ -2,10 +2,10 @@ import { Directive, inject, TemplateRef } from '@angular/core';
 import * as i0 from "@angular/core";
 export class ScDialogPortal {
     templateRef = inject(TemplateRef);
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScDialogPortal, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.5", type: ScDialogPortal, isStandalone: true, selector: "ng-template[scDialogPortal]", ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScDialogPortal, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.0", type: ScDialogPortal, isStandalone: true, selector: "ng-template[scDialogPortal]", ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScDialogPortal, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScDialogPortal, decorators: [{
             type: Directive,
             args: [{
                     selector: 'ng-template[scDialogPortal]',

package/esm2022/lib/components/dialog/dialog-provider.js

@@ -115,8 +115,8 @@ export class ScDialogProvider {
     closeDialog() {
         this.open.set(false);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScDialogProvider, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.1.5", type: ScDialogProvider, isStandalone: true, selector: "div[scDialogProvider]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, open: { classPropertyName: "open", publicName: "open", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { open: "openChange" }, host: { attributes: { "data-slot": "dialog-provider" }, properties: { "class": "class()" } }, queries: [{ propertyName: "dialogPortal", first: true, predicate: ScDialogPortal, descendants: true, isSignal: true }], viewQueries: [{ propertyName: "overlayTemplate", first: true, predicate: ["overlayTemplate"], descendants: true, isSignal: true }], ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScDialogProvider, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.0", type: ScDialogProvider, isStandalone: true, selector: "div[scDialogProvider]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, open: { classPropertyName: "open", publicName: "open", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { open: "openChange" }, host: { attributes: { "data-slot": "dialog-provider" }, properties: { "class": "class()" } }, queries: [{ propertyName: "dialogPortal", first: true, predicate: ScDialogPortal, descendants: true, isSignal: true }], viewQueries: [{ propertyName: "overlayTemplate", first: true, predicate: ["overlayTemplate"], descendants: true, isSignal: true }], ngImport: i0, template: `
     <ng-content />
     <ng-template #overlayTemplate>
       <div
@@ -130,7 +130,7 @@ export class ScDialogProvider {
     </ng-template>
   `, isInline: true, dependencies: [{ kind: "ngmodule", type: OverlayModule }, { kind: "component", type: ScBackdrop, selector: "div[scBackdrop]", inputs: ["class", "open"], outputs: ["animationComplete"] }, { kind: "directive", type: CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScDialogProvider, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScDialogProvider, decorators: [{
             type: Component,
             args: [{
                     selector: 'div[scDialogProvider]',

package/esm2022/lib/components/dialog/dialog-title.js

@@ -6,10 +6,10 @@ export class ScDialogTitle {
     dialog = inject(ScDialog);
     classInput = input('', { ...(ngDevMode ? { debugName: "classInput" } : {}), alias: 'class' });
     class = computed(() => cn('text-base leading-none font-medium', this.classInput()), ...(ngDevMode ? [{ debugName: "class" }] : []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScDialogTitle, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.5", type: ScDialogTitle, isStandalone: true, selector: "h2[scDialogTitle]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "dialog-title" }, properties: { "id": "dialog.titleId", "class": "class()" } }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScDialogTitle, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.0", type: ScDialogTitle, isStandalone: true, selector: "h2[scDialogTitle]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "dialog-title" }, properties: { "id": "dialog.titleId", "class": "class()" } }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScDialogTitle, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScDialogTitle, decorators: [{
             type: Directive,
             args: [{
                     selector: 'h2[scDialogTitle]',

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

@@ -9,10 +9,10 @@ export class ScDialogTrigger {
     openDialog() {
         this.dialogProvider.open.set(true);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScDialogTrigger, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.5", type: ScDialogTrigger, isStandalone: true, selector: "button[scDialogTrigger]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "dialog-trigger", "type": "button" }, listeners: { "click": "openDialog()" }, properties: { "class": "class()", "attr.aria-haspopup": "\"dialog\"", "attr.aria-expanded": "dialogProvider.open()" } }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScDialogTrigger, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.0", type: ScDialogTrigger, isStandalone: true, selector: "button[scDialogTrigger]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "dialog-trigger", "type": "button" }, listeners: { "click": "openDialog()" }, properties: { "class": "class()", "attr.aria-haspopup": "\"dialog\"", "attr.aria-expanded": "dialogProvider.open()" } }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScDialogTrigger, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScDialogTrigger, decorators: [{
             type: Directive,
             args: [{
                     selector: 'button[scDialogTrigger]',

package/esm2022/lib/components/dialog/dialog.js

@@ -27,12 +27,12 @@ export class ScDialog {
             this.dialogProvider.onDialogAnimationComplete();
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScDialog, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.5", type: ScDialog, isStandalone: true, selector: "div[scDialog]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "dialog", "role": "dialog", "aria-modal": "true" }, listeners: { "animationend": "onAnimationEnd($event)" }, properties: { "attr.aria-labelledby": "titleId", "attr.aria-describedby": "descriptionId", "attr.data-idle": "state() === \"idle\" ? \"\" : null", "attr.data-open": "state() === \"open\" ? \"\" : null", "attr.data-closed": "state() === \"closed\" ? \"\" : null", "class": "class()", "tabindex": "-1" } }, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScDialog, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.0", type: ScDialog, isStandalone: true, selector: "div[scDialog]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "dialog", "role": "dialog", "aria-modal": "true" }, listeners: { "animationend": "onAnimationEnd($event)" }, properties: { "attr.aria-labelledby": "titleId", "attr.aria-describedby": "descriptionId", "attr.data-idle": "state() === \"idle\" ? \"\" : null", "attr.data-open": "state() === \"open\" ? \"\" : null", "attr.data-closed": "state() === \"closed\" ? \"\" : null", "class": "class()", "tabindex": "-1" } }, 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: ScDialog, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScDialog, decorators: [{
             type: Component,
             args: [{
                     selector: 'div[scDialog]',

package/esm2022/lib/components/drawer/drawer-close.js

@@ -6,10 +6,10 @@ export class ScDrawerClose {
     closeDrawer() {
         this.drawer.open.set(false);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScDrawerClose, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.5", type: ScDrawerClose, isStandalone: true, selector: "button[scDrawerClose]", host: { attributes: { "data-slot": "drawer-close", "type": "button" }, listeners: { "click": "closeDrawer()" } }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScDrawerClose, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.0", type: ScDrawerClose, isStandalone: true, selector: "button[scDrawerClose]", host: { attributes: { "data-slot": "drawer-close", "type": "button" }, listeners: { "click": "closeDrawer()" } }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScDrawerClose, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScDrawerClose, decorators: [{
             type: Directive,
             args: [{
                     selector: 'button[scDrawerClose]',

package/esm2022/lib/components/drawer/drawer-description.js

@@ -4,10 +4,10 @@ import * as i0 from "@angular/core";
 export class ScDrawerDescription {
     classInput = input('', { ...(ngDevMode ? { debugName: "classInput" } : {}), alias: 'class' });
     class = computed(() => cn('text-muted-foreground text-sm', this.classInput()), ...(ngDevMode ? [{ debugName: "class" }] : []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScDrawerDescription, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.5", type: ScDrawerDescription, isStandalone: true, selector: "p[scDrawerDescription]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "drawer-description" }, properties: { "class": "class()" } }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScDrawerDescription, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.0", type: ScDrawerDescription, isStandalone: true, selector: "p[scDrawerDescription]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "drawer-description" }, properties: { "class": "class()" } }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScDrawerDescription, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScDrawerDescription, decorators: [{
             type: Directive,
             args: [{
                     selector: 'p[scDrawerDescription]',

package/esm2022/lib/components/drawer/drawer-footer.js

@@ -4,10 +4,10 @@ import * as i0 from "@angular/core";
 export class ScDrawerFooter {
     classInput = input('', { ...(ngDevMode ? { debugName: "classInput" } : {}), alias: 'class' });
     class = computed(() => cn('gap-2 p-4 mt-auto flex flex-col', this.classInput()), ...(ngDevMode ? [{ debugName: "class" }] : []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScDrawerFooter, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.5", type: ScDrawerFooter, isStandalone: true, selector: "div[scDrawerFooter]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "drawer-footer" }, properties: { "class": "class()" } }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScDrawerFooter, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.0", type: ScDrawerFooter, isStandalone: true, selector: "div[scDrawerFooter]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "drawer-footer" }, properties: { "class": "class()" } }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScDrawerFooter, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScDrawerFooter, decorators: [{
             type: Directive,
             args: [{
                     selector: 'div[scDrawerFooter]',

package/esm2022/lib/components/drawer/drawer-handle.js

@@ -4,10 +4,10 @@ import * as i0 from "@angular/core";
 export class ScDrawerHandle {
     classInput = input('', { ...(ngDevMode ? { debugName: "classInput" } : {}), alias: 'class' });
     class = computed(() => cn('bg-muted mt-4 h-1 w-[100px] rounded-full mx-auto hidden shrink-0 group-data-[direction=bottom]/drawer:block', this.classInput()), ...(ngDevMode ? [{ debugName: "class" }] : []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScDrawerHandle, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.5", type: ScDrawerHandle, isStandalone: true, selector: "div[scDrawerHandle]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "drawer-handle" }, properties: { "class": "class()" } }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScDrawerHandle, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.0", type: ScDrawerHandle, isStandalone: true, selector: "div[scDrawerHandle]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "drawer-handle" }, properties: { "class": "class()" } }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScDrawerHandle, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScDrawerHandle, decorators: [{
             type: Directive,
             args: [{
                     selector: 'div[scDrawerHandle]',

package/esm2022/lib/components/drawer/drawer-header.js

@@ -4,10 +4,10 @@ import * as i0 from "@angular/core";
 export class ScDrawerHeader {
     classInput = input('', { ...(ngDevMode ? { debugName: "classInput" } : {}), alias: 'class' });
     class = computed(() => cn('gap-0.5 p-4 group-data-[direction=bottom]/drawer:text-center group-data-[direction=top]/drawer:text-center md:gap-0.5 md:text-left flex flex-col', this.classInput()), ...(ngDevMode ? [{ debugName: "class" }] : []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScDrawerHeader, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.5", type: ScDrawerHeader, isStandalone: true, selector: "div[scDrawerHeader]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "drawer-header" }, properties: { "class": "class()" } }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScDrawerHeader, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.0", type: ScDrawerHeader, isStandalone: true, selector: "div[scDrawerHeader]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "drawer-header" }, properties: { "class": "class()" } }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScDrawerHeader, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScDrawerHeader, decorators: [{
             type: Directive,
             args: [{
                     selector: 'div[scDrawerHeader]',