@simplysm/angular 14.0.26 → 14.0.28

package/dist/ui/form/button/sd-additional-button.d.ts

@@ -0,0 +1,8 @@
+import * as i0 from "@angular/core";
+export declare class SdAdditionalButton {
+    size: import("@angular/core").InputSignal<"sm" | "lg" | undefined>;
+    inset: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SdAdditionalButton, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SdAdditionalButton, "sd-additional-button", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; "inset": { "alias": "inset"; "required": false; "isSignal": true; }; }, {}, never, ["*", "sd-anchor", "sd-button"], true, never>;
+}
+//# sourceMappingURL=sd-additional-button.d.ts.map

package/dist/ui/form/button/sd-additional-button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sd-additional-button.d.ts","sourceRoot":"","sources":["../../../../src/ui/form/button/sd-additional-button.ts"],"names":[],"mappings":";AAQA,qBAwFa,kBAAkB;IAC7B,IAAI,+DAAwB;IAC5B,KAAK,qEAAiD;yCAF3C,kBAAkB;2CAAlB,kBAAkB;CAG9B"}

package/dist/ui/form/button/{sd-additional-button.control.js → sd-additional-button.js}

@@ -2,13 +2,13 @@ import { booleanAttribute, ChangeDetectionStrategy, Component, input, ViewEncaps
 import * as i0 from "@angular/core";
 const _c0 = ["*", [["sd-anchor"]], [["sd-button"]]];
 const _c1 = ["*", "sd-anchor", "sd-button"];
-export class SdAdditionalButtonControl {
+export class SdAdditionalButton {
     size = input(...(ngDevMode ? [undefined, { debugName: "size" }] : /* istanbul ignore next */ []));
     inset = input(false, { ...(ngDevMode ? { debugName: "inset" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
-    static ɵfac = function SdAdditionalButtonControl_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SdAdditionalButtonControl)(); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SdAdditionalButtonControl, selectors: [["sd-additional-button"]], hostAttrs: [1, "flex-row", "gap-sm"], hostVars: 2, hostBindings: function SdAdditionalButtonControl_HostBindings(rf, ctx) { if (rf & 2) {
+    static ɵfac = function SdAdditionalButton_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SdAdditionalButton)(); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SdAdditionalButton, selectors: [["sd-additional-button"]], hostAttrs: [1, "flex-row", "gap-sm"], hostVars: 2, hostBindings: function SdAdditionalButton_HostBindings(rf, ctx) { if (rf & 2) {
             i0.ɵɵattribute("data-sd-size", ctx.size())("data-sd-inset", ctx.inset());
-        } }, inputs: { size: [1, "size"], inset: [1, "inset"] }, ngContentSelectors: _c1, decls: 5, vars: 0, consts: [[1, "_content", "flex-fill"], [1, "_button"]], template: function SdAdditionalButtonControl_Template(rf, ctx) { if (rf & 1) {
+        } }, inputs: { size: [1, "size"], inset: [1, "inset"] }, ngContentSelectors: _c1, decls: 5, vars: 0, consts: [[1, "_content", "flex-fill"], [1, "_button"]], template: function SdAdditionalButton_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef(_c0);
             i0.ɵɵdomElementStart(0, "div", 0);
             i0.ɵɵprojection(1);
@@ -19,7 +19,7 @@ export class SdAdditionalButtonControl {
             i0.ɵɵdomElementEnd();
         } }, styles: ["sd-additional-button {\n  border: 1px solid var(--trans-light);\n  border-radius: var(--border-radius-default);\n  overflow: hidden;\n}\nsd-additional-button > ._content {\n  padding: var(--gap-sm) var(--gap-default);\n}\nsd-additional-button > ._button {\n  display: flex;\n  flex-wrap: nowrap;\n  flex-direction: row;\n}\n@supports not (appearance: auto) {\n  sd-additional-button > ._button.gap-xxs {\n    gap: 0;\n  }\n  sd-additional-button > ._button.gap-xxs > * + * {\n    margin-left: var(--gap-xxs);\n  }\n  sd-additional-button > ._button.gap-xs {\n    gap: 0;\n  }\n  sd-additional-button > ._button.gap-xs > * + * {\n    margin-left: var(--gap-xs);\n  }\n  sd-additional-button > ._button.gap-sm {\n    gap: 0;\n  }\n  sd-additional-button > ._button.gap-sm > * + * {\n    margin-left: var(--gap-sm);\n  }\n  sd-additional-button > ._button.gap-default {\n    gap: 0;\n  }\n  sd-additional-button > ._button.gap-default > * + * {\n    margin-left: var(--gap-default);\n  }\n  sd-additional-button > ._button.gap-lg {\n    gap: 0;\n  }\n  sd-additional-button > ._button.gap-lg > * + * {\n    margin-left: var(--gap-lg);\n  }\n  sd-additional-button > ._button.gap-xl {\n    gap: 0;\n  }\n  sd-additional-button > ._button.gap-xl > * + * {\n    margin-left: var(--gap-xl);\n  }\n  sd-additional-button > ._button.gap-xxl {\n    gap: 0;\n  }\n  sd-additional-button > ._button.gap-xxl > * + * {\n    margin-left: var(--gap-xxl);\n  }\n  sd-additional-button > ._button.gap-0 {\n    gap: 0;\n  }\n  sd-additional-button > ._button.gap-0 > * + * {\n    margin-left: var(--gap-0);\n  }\n  sd-additional-button > ._button.gap-auto {\n    gap: 0;\n  }\n  sd-additional-button > ._button.gap-auto > * + * {\n    margin-left: var(--gap-auto);\n  }\n}\nsd-additional-button > ._button > sd-anchor {\n  padding: var(--gap-sm) !important;\n}\nsd-additional-button > ._button > sd-button > button {\n  border-left: 1px solid var(--trans-lighter) !important;\n  padding: var(--gap-sm) !important;\n  height: 100%;\n}\nsd-additional-button[data-sd-inset=true] {\n  border-radius: 0;\n  border: none;\n}\nsd-additional-button[data-sd-size=sm] > ._content {\n  padding: var(--gap-xs) var(--gap-default);\n}\nsd-additional-button[data-sd-size=sm] > ._button > sd-anchor {\n  padding: var(--gap-xs) var(--gap-sm) !important;\n}\nsd-additional-button[data-sd-size=sm] > ._button > sd-button > button {\n  padding: var(--gap-xs) var(--gap-sm) !important;\n}\nsd-additional-button[data-sd-size=lg] > ._content {\n  padding: var(--gap-default) var(--gap-xl);\n}\nsd-additional-button[data-sd-size=lg] > ._button > sd-anchor {\n  padding: var(--gap-default) !important;\n}\nsd-additional-button[data-sd-size=lg] > ._button > sd-button > button {\n  padding: var(--gap-default) !important;\n}"], encapsulation: 2, changeDetection: 0 });
 }
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SdAdditionalButtonControl, [{
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SdAdditionalButton, [{
         type: Component,
         args: [{ selector: "sd-additional-button", changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: true, template: `
     <div class="_content flex-fill">
@@ -35,4 +35,4 @@ export class SdAdditionalButtonControl {
                     "[attr.data-sd-inset]": "inset()",
                 }, styles: ["sd-additional-button {\n  border: 1px solid var(--trans-light);\n  border-radius: var(--border-radius-default);\n  overflow: hidden;\n}\nsd-additional-button > ._content {\n  padding: var(--gap-sm) var(--gap-default);\n}\nsd-additional-button > ._button {\n  display: flex;\n  flex-wrap: nowrap;\n  flex-direction: row;\n}\n@supports not (appearance: auto) {\n  sd-additional-button > ._button.gap-xxs {\n    gap: 0;\n  }\n  sd-additional-button > ._button.gap-xxs > * + * {\n    margin-left: var(--gap-xxs);\n  }\n  sd-additional-button > ._button.gap-xs {\n    gap: 0;\n  }\n  sd-additional-button > ._button.gap-xs > * + * {\n    margin-left: var(--gap-xs);\n  }\n  sd-additional-button > ._button.gap-sm {\n    gap: 0;\n  }\n  sd-additional-button > ._button.gap-sm > * + * {\n    margin-left: var(--gap-sm);\n  }\n  sd-additional-button > ._button.gap-default {\n    gap: 0;\n  }\n  sd-additional-button > ._button.gap-default > * + * {\n    margin-left: var(--gap-default);\n  }\n  sd-additional-button > ._button.gap-lg {\n    gap: 0;\n  }\n  sd-additional-button > ._button.gap-lg > * + * {\n    margin-left: var(--gap-lg);\n  }\n  sd-additional-button > ._button.gap-xl {\n    gap: 0;\n  }\n  sd-additional-button > ._button.gap-xl > * + * {\n    margin-left: var(--gap-xl);\n  }\n  sd-additional-button > ._button.gap-xxl {\n    gap: 0;\n  }\n  sd-additional-button > ._button.gap-xxl > * + * {\n    margin-left: var(--gap-xxl);\n  }\n  sd-additional-button > ._button.gap-0 {\n    gap: 0;\n  }\n  sd-additional-button > ._button.gap-0 > * + * {\n    margin-left: var(--gap-0);\n  }\n  sd-additional-button > ._button.gap-auto {\n    gap: 0;\n  }\n  sd-additional-button > ._button.gap-auto > * + * {\n    margin-left: var(--gap-auto);\n  }\n}\nsd-additional-button > ._button > sd-anchor {\n  padding: var(--gap-sm) !important;\n}\nsd-additional-button > ._button > sd-button > button {\n  border-left: 1px solid var(--trans-lighter) !important;\n  padding: var(--gap-sm) !important;\n  height: 100%;\n}\nsd-additional-button[data-sd-inset=true] {\n  border-radius: 0;\n  border: none;\n}\nsd-additional-button[data-sd-size=sm] > ._content {\n  padding: var(--gap-xs) var(--gap-default);\n}\nsd-additional-button[data-sd-size=sm] > ._button > sd-anchor {\n  padding: var(--gap-xs) var(--gap-sm) !important;\n}\nsd-additional-button[data-sd-size=sm] > ._button > sd-button > button {\n  padding: var(--gap-xs) var(--gap-sm) !important;\n}\nsd-additional-button[data-sd-size=lg] > ._content {\n  padding: var(--gap-default) var(--gap-xl);\n}\nsd-additional-button[data-sd-size=lg] > ._button > sd-anchor {\n  padding: var(--gap-default) !important;\n}\nsd-additional-button[data-sd-size=lg] > ._button > sd-button > button {\n  padding: var(--gap-default) !important;\n}"] }]
     }], null, { size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], inset: [{ type: i0.Input, args: [{ isSignal: true, alias: "inset", required: false }] }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdAdditionalButtonControl, { className: "SdAdditionalButtonControl", filePath: "packages/angular/src/ui/form/button/sd-additional-button.control.ts", lineNumber: 97, forbidOrphanRendering: true }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdAdditionalButton, { className: "SdAdditionalButton", filePath: "packages/angular/src/ui/form/button/sd-additional-button.ts", lineNumber: 97, forbidOrphanRendering: true }); })();

package/dist/ui/form/button/sd-anchor.d.ts

@@ -0,0 +1,8 @@
+import * as i0 from "@angular/core";
+export declare class SdAnchor {
+    disabled: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    theme: import("@angular/core").InputSignal<"info" | "success" | "primary" | "secondary" | "warning" | "danger" | "gray" | "blue-gray">;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SdAnchor, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SdAnchor, "sd-anchor", never, { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "theme": { "alias": "theme"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+//# sourceMappingURL=sd-anchor.d.ts.map

package/dist/ui/form/button/sd-anchor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sd-anchor.d.ts","sourceRoot":"","sources":["../../../../src/ui/form/button/sd-anchor.ts"],"names":[],"mappings":";AAQA,qBAqDa,QAAQ;IACnB,QAAQ,qEAAiD;IACzD,KAAK,kIAEQ;yCAJF,QAAQ;2CAAR,QAAQ;CAKpB"}

package/dist/ui/form/button/{sd-anchor.control.js → sd-anchor.js}

@@ -1,18 +1,18 @@
 import { booleanAttribute, ChangeDetectionStrategy, Component, input, ViewEncapsulation, } from "@angular/core";
 import * as i0 from "@angular/core";
 const _c0 = ["*"];
-export class SdAnchorControl {
+export class SdAnchor {
     disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
     theme = input("primary", ...(ngDevMode ? [{ debugName: "theme" }] : /* istanbul ignore next */ []));
-    static ɵfac = function SdAnchorControl_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SdAnchorControl)(); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SdAnchorControl, selectors: [["sd-anchor"]], hostVars: 3, hostBindings: function SdAnchorControl_HostBindings(rf, ctx) { if (rf & 2) {
+    static ɵfac = function SdAnchor_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SdAnchor)(); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SdAnchor, selectors: [["sd-anchor"]], hostVars: 3, hostBindings: function SdAnchor_HostBindings(rf, ctx) { if (rf & 2) {
             i0.ɵɵattribute("data-sd-theme", ctx.theme())("data-sd-disabled", ctx.disabled())("tabindex", ctx.disabled() ? undefined : 0);
-        } }, inputs: { disabled: [1, "disabled"], theme: [1, "theme"] }, ngContentSelectors: _c0, decls: 1, vars: 0, template: function SdAnchorControl_Template(rf, ctx) { if (rf & 1) {
+        } }, inputs: { disabled: [1, "disabled"], theme: [1, "theme"] }, ngContentSelectors: _c0, decls: 1, vars: 0, template: function SdAnchor_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵprojection(0);
         } }, styles: ["sd-anchor {\n  display: inline-block;\n  cursor: pointer;\n}\nsd-anchor[data-sd-theme=gray] {\n  color: var(--theme-gray-default);\n}\nsd-anchor[data-sd-theme=gray]:hover {\n  color: var(--theme-gray-darker);\n  text-decoration: underline;\n}\nsd-anchor[data-sd-theme=gray]:active {\n  color: var(--theme-gray-default);\n}\n@media all and (pointer: coarse) {\n  sd-anchor[data-sd-theme=gray]:hover {\n    color: var(--theme-gray-default);\n    text-decoration: none;\n  }\n}\nsd-anchor[data-sd-theme=blue-gray] {\n  color: var(--theme-blue-gray-default);\n}\nsd-anchor[data-sd-theme=blue-gray]:hover {\n  color: var(--theme-blue-gray-darker);\n  text-decoration: underline;\n}\nsd-anchor[data-sd-theme=blue-gray]:active {\n  color: var(--theme-blue-gray-default);\n}\n@media all and (pointer: coarse) {\n  sd-anchor[data-sd-theme=blue-gray]:hover {\n    color: var(--theme-blue-gray-default);\n    text-decoration: none;\n  }\n}\nsd-anchor[data-sd-theme=primary] {\n  color: var(--theme-primary-default);\n}\nsd-anchor[data-sd-theme=primary]:hover {\n  color: var(--theme-primary-darker);\n  text-decoration: underline;\n}\nsd-anchor[data-sd-theme=primary]:active {\n  color: var(--theme-primary-default);\n}\n@media all and (pointer: coarse) {\n  sd-anchor[data-sd-theme=primary]:hover {\n    color: var(--theme-primary-default);\n    text-decoration: none;\n  }\n}\nsd-anchor[data-sd-theme=secondary] {\n  color: var(--theme-secondary-default);\n}\nsd-anchor[data-sd-theme=secondary]:hover {\n  color: var(--theme-secondary-darker);\n  text-decoration: underline;\n}\nsd-anchor[data-sd-theme=secondary]:active {\n  color: var(--theme-secondary-default);\n}\n@media all and (pointer: coarse) {\n  sd-anchor[data-sd-theme=secondary]:hover {\n    color: var(--theme-secondary-default);\n    text-decoration: none;\n  }\n}\nsd-anchor[data-sd-theme=info] {\n  color: var(--theme-info-default);\n}\nsd-anchor[data-sd-theme=info]:hover {\n  color: var(--theme-info-darker);\n  text-decoration: underline;\n}\nsd-anchor[data-sd-theme=info]:active {\n  color: var(--theme-info-default);\n}\n@media all and (pointer: coarse) {\n  sd-anchor[data-sd-theme=info]:hover {\n    color: var(--theme-info-default);\n    text-decoration: none;\n  }\n}\nsd-anchor[data-sd-theme=success] {\n  color: var(--theme-success-default);\n}\nsd-anchor[data-sd-theme=success]:hover {\n  color: var(--theme-success-darker);\n  text-decoration: underline;\n}\nsd-anchor[data-sd-theme=success]:active {\n  color: var(--theme-success-default);\n}\n@media all and (pointer: coarse) {\n  sd-anchor[data-sd-theme=success]:hover {\n    color: var(--theme-success-default);\n    text-decoration: none;\n  }\n}\nsd-anchor[data-sd-theme=warning] {\n  color: var(--theme-warning-default);\n}\nsd-anchor[data-sd-theme=warning]:hover {\n  color: var(--theme-warning-darker);\n  text-decoration: underline;\n}\nsd-anchor[data-sd-theme=warning]:active {\n  color: var(--theme-warning-default);\n}\n@media all and (pointer: coarse) {\n  sd-anchor[data-sd-theme=warning]:hover {\n    color: var(--theme-warning-default);\n    text-decoration: none;\n  }\n}\nsd-anchor[data-sd-theme=danger] {\n  color: var(--theme-danger-default);\n}\nsd-anchor[data-sd-theme=danger]:hover {\n  color: var(--theme-danger-darker);\n  text-decoration: underline;\n}\nsd-anchor[data-sd-theme=danger]:active {\n  color: var(--theme-danger-default);\n}\n@media all and (pointer: coarse) {\n  sd-anchor[data-sd-theme=danger]:hover {\n    color: var(--theme-danger-default);\n    text-decoration: none;\n  }\n}\nsd-anchor[data-sd-disabled=true] {\n  opacity: 0.3;\n  pointer-events: none;\n}"], encapsulation: 2, changeDetection: 0 });
 }
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SdAnchorControl, [{
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SdAnchor, [{
         type: Component,
         args: [{ selector: "sd-anchor", changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: true, template: `
     <ng-content />
@@ -22,4 +22,4 @@ export class SdAnchorControl {
                     "[attr.tabindex]": "disabled() ? undefined : 0",
                 }, styles: ["sd-anchor {\n  display: inline-block;\n  cursor: pointer;\n}\nsd-anchor[data-sd-theme=gray] {\n  color: var(--theme-gray-default);\n}\nsd-anchor[data-sd-theme=gray]:hover {\n  color: var(--theme-gray-darker);\n  text-decoration: underline;\n}\nsd-anchor[data-sd-theme=gray]:active {\n  color: var(--theme-gray-default);\n}\n@media all and (pointer: coarse) {\n  sd-anchor[data-sd-theme=gray]:hover {\n    color: var(--theme-gray-default);\n    text-decoration: none;\n  }\n}\nsd-anchor[data-sd-theme=blue-gray] {\n  color: var(--theme-blue-gray-default);\n}\nsd-anchor[data-sd-theme=blue-gray]:hover {\n  color: var(--theme-blue-gray-darker);\n  text-decoration: underline;\n}\nsd-anchor[data-sd-theme=blue-gray]:active {\n  color: var(--theme-blue-gray-default);\n}\n@media all and (pointer: coarse) {\n  sd-anchor[data-sd-theme=blue-gray]:hover {\n    color: var(--theme-blue-gray-default);\n    text-decoration: none;\n  }\n}\nsd-anchor[data-sd-theme=primary] {\n  color: var(--theme-primary-default);\n}\nsd-anchor[data-sd-theme=primary]:hover {\n  color: var(--theme-primary-darker);\n  text-decoration: underline;\n}\nsd-anchor[data-sd-theme=primary]:active {\n  color: var(--theme-primary-default);\n}\n@media all and (pointer: coarse) {\n  sd-anchor[data-sd-theme=primary]:hover {\n    color: var(--theme-primary-default);\n    text-decoration: none;\n  }\n}\nsd-anchor[data-sd-theme=secondary] {\n  color: var(--theme-secondary-default);\n}\nsd-anchor[data-sd-theme=secondary]:hover {\n  color: var(--theme-secondary-darker);\n  text-decoration: underline;\n}\nsd-anchor[data-sd-theme=secondary]:active {\n  color: var(--theme-secondary-default);\n}\n@media all and (pointer: coarse) {\n  sd-anchor[data-sd-theme=secondary]:hover {\n    color: var(--theme-secondary-default);\n    text-decoration: none;\n  }\n}\nsd-anchor[data-sd-theme=info] {\n  color: var(--theme-info-default);\n}\nsd-anchor[data-sd-theme=info]:hover {\n  color: var(--theme-info-darker);\n  text-decoration: underline;\n}\nsd-anchor[data-sd-theme=info]:active {\n  color: var(--theme-info-default);\n}\n@media all and (pointer: coarse) {\n  sd-anchor[data-sd-theme=info]:hover {\n    color: var(--theme-info-default);\n    text-decoration: none;\n  }\n}\nsd-anchor[data-sd-theme=success] {\n  color: var(--theme-success-default);\n}\nsd-anchor[data-sd-theme=success]:hover {\n  color: var(--theme-success-darker);\n  text-decoration: underline;\n}\nsd-anchor[data-sd-theme=success]:active {\n  color: var(--theme-success-default);\n}\n@media all and (pointer: coarse) {\n  sd-anchor[data-sd-theme=success]:hover {\n    color: var(--theme-success-default);\n    text-decoration: none;\n  }\n}\nsd-anchor[data-sd-theme=warning] {\n  color: var(--theme-warning-default);\n}\nsd-anchor[data-sd-theme=warning]:hover {\n  color: var(--theme-warning-darker);\n  text-decoration: underline;\n}\nsd-anchor[data-sd-theme=warning]:active {\n  color: var(--theme-warning-default);\n}\n@media all and (pointer: coarse) {\n  sd-anchor[data-sd-theme=warning]:hover {\n    color: var(--theme-warning-default);\n    text-decoration: none;\n  }\n}\nsd-anchor[data-sd-theme=danger] {\n  color: var(--theme-danger-default);\n}\nsd-anchor[data-sd-theme=danger]:hover {\n  color: var(--theme-danger-darker);\n  text-decoration: underline;\n}\nsd-anchor[data-sd-theme=danger]:active {\n  color: var(--theme-danger-default);\n}\n@media all and (pointer: coarse) {\n  sd-anchor[data-sd-theme=danger]:hover {\n    color: var(--theme-danger-default);\n    text-decoration: none;\n  }\n}\nsd-anchor[data-sd-disabled=true] {\n  opacity: 0.3;\n  pointer-events: none;\n}"] }]
     }], null, { disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], theme: [{ type: i0.Input, args: [{ isSignal: true, alias: "theme", required: false }] }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdAnchorControl, { className: "SdAnchorControl", filePath: "packages/angular/src/ui/form/button/sd-anchor.control.ts", lineNumber: 62, forbidOrphanRendering: true }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdAnchor, { className: "SdAnchor", filePath: "packages/angular/src/ui/form/button/sd-anchor.ts", lineNumber: 62, forbidOrphanRendering: true }); })();

package/dist/ui/form/button/{sd-button.control.d.ts → sd-button.d.ts}

@@ -1,5 +1,5 @@
 import * as i0 from "@angular/core";
-export declare class SdButtonControl {
+export declare class SdButton {
     type: import("@angular/core").InputSignal<"button" | "submit">;
     theme: import("@angular/core").InputSignal<"link" | "info" | "success" | "primary" | "secondary" | "warning" | "danger" | "gray" | "blue-gray" | "link-primary" | "link-secondary" | "link-info" | "link-success" | "link-warning" | "link-danger" | "link-gray" | "link-blue-gray" | "link-rev" | undefined>;
     inline: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
@@ -8,7 +8,7 @@ export declare class SdButtonControl {
     disabled: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
     buttonStyle: import("@angular/core").InputSignal<string | undefined>;
     buttonClass: import("@angular/core").InputSignal<string | undefined>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<SdButtonControl, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SdButtonControl, "sd-button", never, { "type": { "alias": "type"; "required": false; "isSignal": true; }; "theme": { "alias": "theme"; "required": false; "isSignal": true; }; "inline": { "alias": "inline"; "required": false; "isSignal": true; }; "inset": { "alias": "inset"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "buttonStyle": { "alias": "buttonStyle"; "required": false; "isSignal": true; }; "buttonClass": { "alias": "buttonClass"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SdButton, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SdButton, "sd-button", never, { "type": { "alias": "type"; "required": false; "isSignal": true; }; "theme": { "alias": "theme"; "required": false; "isSignal": true; }; "inline": { "alias": "inline"; "required": false; "isSignal": true; }; "inset": { "alias": "inset"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "buttonStyle": { "alias": "buttonStyle"; "required": false; "isSignal": true; }; "buttonClass": { "alias": "buttonClass"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
-//# sourceMappingURL=sd-button.control.d.ts.map
+//# sourceMappingURL=sd-button.d.ts.map

package/dist/ui/form/button/sd-button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sd-button.d.ts","sourceRoot":"","sources":["../../../../src/ui/form/button/sd-button.ts"],"names":[],"mappings":";AASA,qBA2Ka,QAAQ;IACnB,IAAI,2DAAwC;IAC5C,KAAK,ySAmBD;IACJ,MAAM,qEAAiD;IACvD,KAAK,qEAAiD;IACtD,IAAI,+DAAwB;IAC5B,QAAQ,qEAAiD;IACzD,WAAW,0DAAmB;IAC9B,WAAW,0DAAmB;yCA3BnB,QAAQ;2CAAR,QAAQ;CA4BpB"}

package/dist/ui/form/button/{sd-button.control.js → sd-button.js}

@@ -1,8 +1,8 @@
 import { booleanAttribute, ChangeDetectionStrategy, Component, input, ViewEncapsulation, } from "@angular/core";
-import { SdRippleDirective } from "../../../core/directives/sd-ripple.directive";
+import { SdRipple } from "../../../core/directives/sd-ripple";
 import * as i0 from "@angular/core";
 const _c0 = ["*"];
-export class SdButtonControl {
+export class SdButton {
     type = input("button", ...(ngDevMode ? [{ debugName: "type" }] : /* istanbul ignore next */ []));
     theme = input(...(ngDevMode ? [undefined, { debugName: "theme" }] : /* istanbul ignore next */ []));
     inline = input(false, { ...(ngDevMode ? { debugName: "inline" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
@@ -11,10 +11,10 @@ export class SdButtonControl {
     disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
     buttonStyle = input(...(ngDevMode ? [undefined, { debugName: "buttonStyle" }] : /* istanbul ignore next */ []));
     buttonClass = input(...(ngDevMode ? [undefined, { debugName: "buttonClass" }] : /* istanbul ignore next */ []));
-    static ɵfac = function SdButtonControl_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SdButtonControl)(); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SdButtonControl, selectors: [["sd-button"]], hostVars: 5, hostBindings: function SdButtonControl_HostBindings(rf, ctx) { if (rf & 2) {
+    static ɵfac = function SdButton_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SdButton)(); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SdButton, selectors: [["sd-button"]], hostVars: 5, hostBindings: function SdButton_HostBindings(rf, ctx) { if (rf & 2) {
             i0.ɵɵattribute("data-sd-theme", ctx.theme())("data-sd-inline", ctx.inline())("data-sd-size", ctx.size())("data-sd-inset", ctx.inset())("data-sd-disabled", ctx.disabled());
-        } }, inputs: { type: [1, "type"], theme: [1, "theme"], inline: [1, "inline"], inset: [1, "inset"], size: [1, "size"], disabled: [1, "disabled"], buttonStyle: [1, "buttonStyle"], buttonClass: [1, "buttonClass"] }, ngContentSelectors: _c0, decls: 2, vars: 7, consts: [["tabindex", "0", 3, "type", "disabled", "sd-ripple"]], template: function SdButtonControl_Template(rf, ctx) { if (rf & 1) {
+        } }, inputs: { type: [1, "type"], theme: [1, "theme"], inline: [1, "inline"], inset: [1, "inset"], size: [1, "size"], disabled: [1, "disabled"], buttonStyle: [1, "buttonStyle"], buttonClass: [1, "buttonClass"] }, ngContentSelectors: _c0, decls: 2, vars: 7, consts: [["tabindex", "0", 3, "type", "disabled", "sdRipple"]], template: function SdButton_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵelementStart(0, "button", 0);
             i0.ɵɵprojection(1);
@@ -22,19 +22,19 @@ export class SdButtonControl {
         } if (rf & 2) {
             i0.ɵɵstyleMap(ctx.buttonStyle());
             i0.ɵɵclassMap(ctx.buttonClass());
-            i0.ɵɵproperty("type", ctx.type())("disabled", ctx.disabled())("sd-ripple", !ctx.disabled());
-        } }, dependencies: [SdRippleDirective], styles: ["sd-button > button {\n  display: block;\n  padding: var(--gap-sm) var(--gap-default);\n  border: 1px solid transparent;\n  font-size: var(--font-size-default);\n  font-family: var(--font-family);\n  font-variant-numeric: tabular-nums;\n  line-height: var(--line-height);\n  color: var(--text-trans-default);\n  user-select: none;\n  padding: var(--gap-sm) var(--gap-lg);\n  width: 100%;\n  background: var(--control-color);\n  border-color: var(--border-color-default);\n  border-radius: var(--border-radius-default);\n  font-weight: bold;\n  text-align: center;\n  cursor: pointer;\n  transition: 0.1s linear;\n  transition-property: border, background;\n}\nsd-button > button:hover {\n  background: var(--theme-gray-lightest);\n}\nsd-button > button:disabled {\n  background: var(--control-color);\n  border-color: var(--theme-gray-lighter);\n  color: var(--text-trans-lighter);\n  cursor: default;\n}\nsd-button[data-sd-inset=true] > button {\n  border-radius: 0;\n  border: none;\n  color: var(--theme-primary-default);\n}\nsd-button[data-sd-inset=true] > button:hover {\n  color: var(--theme-primary-darker);\n}\nsd-button[data-sd-inset=true] > button:disabled {\n  background: var(--control-color);\n  border-color: var(--theme-gray-lighter);\n  color: var(--text-trans-default);\n  cursor: default;\n}\nsd-button[data-sd-theme=gray] > button {\n  background: var(--theme-gray-default);\n  border-color: var(--theme-gray-default);\n  color: var(--text-trans-rev-default);\n}\nsd-button[data-sd-theme=gray] > button:hover {\n  background: var(--theme-gray-dark);\n  border-color: var(--theme-gray-dark);\n  color: var(--text-trans-rev-default);\n}\nsd-button[data-sd-theme=gray] > button:disabled {\n  background: var(--theme-gray-lighter);\n  border-color: var(--theme-gray-lighter);\n  color: var(--text-trans-lighter);\n  cursor: default;\n}\nsd-button[data-sd-theme=blue-gray] > button {\n  background: var(--theme-blue-gray-default);\n  border-color: var(--theme-blue-gray-default);\n  color: var(--text-trans-rev-default);\n}\nsd-button[data-sd-theme=blue-gray] > button:hover {\n  background: var(--theme-blue-gray-dark);\n  border-color: var(--theme-blue-gray-dark);\n  color: var(--text-trans-rev-default);\n}\nsd-button[data-sd-theme=blue-gray] > button:disabled {\n  background: var(--theme-gray-lighter);\n  border-color: var(--theme-gray-lighter);\n  color: var(--text-trans-lighter);\n  cursor: default;\n}\nsd-button[data-sd-theme=primary] > button {\n  background: var(--theme-primary-default);\n  border-color: var(--theme-primary-default);\n  color: var(--text-trans-rev-default);\n}\nsd-button[data-sd-theme=primary] > button:hover {\n  background: var(--theme-primary-dark);\n  border-color: var(--theme-primary-dark);\n  color: var(--text-trans-rev-default);\n}\nsd-button[data-sd-theme=primary] > button:disabled {\n  background: var(--theme-gray-lighter);\n  border-color: var(--theme-gray-lighter);\n  color: var(--text-trans-lighter);\n  cursor: default;\n}\nsd-button[data-sd-theme=secondary] > button {\n  background: var(--theme-secondary-default);\n  border-color: var(--theme-secondary-default);\n  color: var(--text-trans-rev-default);\n}\nsd-button[data-sd-theme=secondary] > button:hover {\n  background: var(--theme-secondary-dark);\n  border-color: var(--theme-secondary-dark);\n  color: var(--text-trans-rev-default);\n}\nsd-button[data-sd-theme=secondary] > button:disabled {\n  background: var(--theme-gray-lighter);\n  border-color: var(--theme-gray-lighter);\n  color: var(--text-trans-lighter);\n  cursor: default;\n}\nsd-button[data-sd-theme=info] > button {\n  background: var(--theme-info-default);\n  border-color: var(--theme-info-default);\n  color: var(--text-trans-rev-default);\n}\nsd-button[data-sd-theme=info] > button:hover {\n  background: var(--theme-info-dark);\n  border-color: var(--theme-info-dark);\n  color: var(--text-trans-rev-default);\n}\nsd-button[data-sd-theme=info] > button:disabled {\n  background: var(--theme-gray-lighter);\n  border-color: var(--theme-gray-lighter);\n  color: var(--text-trans-lighter);\n  cursor: default;\n}\nsd-button[data-sd-theme=success] > button {\n  background: var(--theme-success-default);\n  border-color: var(--theme-success-default);\n  color: var(--text-trans-rev-default);\n}\nsd-button[data-sd-theme=success] > button:hover {\n  background: var(--theme-success-dark);\n  border-color: var(--theme-success-dark);\n  color: var(--text-trans-rev-default);\n}\nsd-button[data-sd-theme=success] > button:disabled {\n  background: var(--theme-gray-lighter);\n  border-color: var(--theme-gray-lighter);\n  color: var(--text-trans-lighter);\n  cursor: default;\n}\nsd-button[data-sd-theme=warning] > button {\n  background: var(--theme-warning-default);\n  border-color: var(--theme-warning-default);\n  color: var(--text-trans-rev-default);\n}\nsd-button[data-sd-theme=warning] > button:hover {\n  background: var(--theme-warning-dark);\n  border-color: var(--theme-warning-dark);\n  color: var(--text-trans-rev-default);\n}\nsd-button[data-sd-theme=warning] > button:disabled {\n  background: var(--theme-gray-lighter);\n  border-color: var(--theme-gray-lighter);\n  color: var(--text-trans-lighter);\n  cursor: default;\n}\nsd-button[data-sd-theme=danger] > button {\n  background: var(--theme-danger-default);\n  border-color: var(--theme-danger-default);\n  color: var(--text-trans-rev-default);\n}\nsd-button[data-sd-theme=danger] > button:hover {\n  background: var(--theme-danger-dark);\n  border-color: var(--theme-danger-dark);\n  color: var(--text-trans-rev-default);\n}\nsd-button[data-sd-theme=danger] > button:disabled {\n  background: var(--theme-gray-lighter);\n  border-color: var(--theme-gray-lighter);\n  color: var(--text-trans-lighter);\n  cursor: default;\n}\nsd-button[data-sd-theme=link] > button {\n  border-color: transparent;\n  background: transparent;\n  color: var(--theme-primary-default);\n}\nsd-button[data-sd-theme=link] > button:hover {\n  color: var(--theme-primary-darker);\n}\nsd-button[data-sd-theme=link] > button:disabled {\n  border-color: transparent;\n  color: var(--text-trans-lighter);\n}\nsd-button[data-sd-theme=link-gray] > button {\n  border-color: transparent;\n  background: transparent;\n  color: var(--theme-gray-default);\n}\nsd-button[data-sd-theme=link-gray] > button:hover {\n  background: var(--trans-lighter);\n  color: var(--theme-gray-darker);\n}\nsd-button[data-sd-theme=link-gray] > button:disabled {\n  border-color: transparent;\n  color: var(--text-trans-lighter);\n}\nsd-button[data-sd-theme=link-blue-gray] > button {\n  border-color: transparent;\n  background: transparent;\n  color: var(--theme-blue-gray-default);\n}\nsd-button[data-sd-theme=link-blue-gray] > button:hover {\n  background: var(--trans-lighter);\n  color: var(--theme-blue-gray-darker);\n}\nsd-button[data-sd-theme=link-blue-gray] > button:disabled {\n  border-color: transparent;\n  color: var(--text-trans-lighter);\n}\nsd-button[data-sd-theme=link-primary] > button {\n  border-color: transparent;\n  background: transparent;\n  color: var(--theme-primary-default);\n}\nsd-button[data-sd-theme=link-primary] > button:hover {\n  background: var(--trans-lighter);\n  color: var(--theme-primary-darker);\n}\nsd-button[data-sd-theme=link-primary] > button:disabled {\n  border-color: transparent;\n  color: var(--text-trans-lighter);\n}\nsd-button[data-sd-theme=link-secondary] > button {\n  border-color: transparent;\n  background: transparent;\n  color: var(--theme-secondary-default);\n}\nsd-button[data-sd-theme=link-secondary] > button:hover {\n  background: var(--trans-lighter);\n  color: var(--theme-secondary-darker);\n}\nsd-button[data-sd-theme=link-secondary] > button:disabled {\n  border-color: transparent;\n  color: var(--text-trans-lighter);\n}\nsd-button[data-sd-theme=link-info] > button {\n  border-color: transparent;\n  background: transparent;\n  color: var(--theme-info-default);\n}\nsd-button[data-sd-theme=link-info] > button:hover {\n  background: var(--trans-lighter);\n  color: var(--theme-info-darker);\n}\nsd-button[data-sd-theme=link-info] > button:disabled {\n  border-color: transparent;\n  color: var(--text-trans-lighter);\n}\nsd-button[data-sd-theme=link-success] > button {\n  border-color: transparent;\n  background: transparent;\n  color: var(--theme-success-default);\n}\nsd-button[data-sd-theme=link-success] > button:hover {\n  background: var(--trans-lighter);\n  color: var(--theme-success-darker);\n}\nsd-button[data-sd-theme=link-success] > button:disabled {\n  border-color: transparent;\n  color: var(--text-trans-lighter);\n}\nsd-button[data-sd-theme=link-warning] > button {\n  border-color: transparent;\n  background: transparent;\n  color: var(--theme-warning-default);\n}\nsd-button[data-sd-theme=link-warning] > button:hover {\n  background: var(--trans-lighter);\n  color: var(--theme-warning-darker);\n}\nsd-button[data-sd-theme=link-warning] > button:disabled {\n  border-color: transparent;\n  color: var(--text-trans-lighter);\n}\nsd-button[data-sd-theme=link-danger] > button {\n  border-color: transparent;\n  background: transparent;\n  color: var(--theme-danger-default);\n}\nsd-button[data-sd-theme=link-danger] > button:hover {\n  background: var(--trans-lighter);\n  color: var(--theme-danger-darker);\n}\nsd-button[data-sd-theme=link-danger] > button:disabled {\n  border-color: transparent;\n  color: var(--text-trans-lighter);\n}\nsd-button[data-sd-theme=link-rev] > button {\n  border-color: transparent;\n  background: transparent;\n  color: var(--text-trans-rev-default);\n}\nsd-button[data-sd-theme=link-rev] > button:hover {\n  color: var(--text-trans-rev-dark);\n}\nsd-button[data-sd-theme=link-rev] > button:disabled {\n  border-color: transparent;\n  color: var(--text-trans-rev-darker);\n}\nsd-button[data-sd-inline=true] > button {\n  display: inline-block;\n  width: auto;\n  vertical-align: top;\n}\nsd-button[data-sd-size=sm] > button {\n  padding: var(--gap-xs) var(--gap-default);\n}\nsd-button[data-sd-size=lg] > button {\n  padding: var(--gap-default) var(--gap-xl);\n}\nsd-button[data-sd-disabled=true]:active {\n  pointer-events: none;\n}"], encapsulation: 2, changeDetection: 0 });
+            i0.ɵɵproperty("type", ctx.type())("disabled", ctx.disabled())("sdRipple", !ctx.disabled());
+        } }, dependencies: [SdRipple], styles: ["sd-button > button {\n  display: block;\n  padding: var(--gap-sm) var(--gap-default);\n  border: 1px solid transparent;\n  font-size: var(--font-size-default);\n  font-family: var(--font-family);\n  font-variant-numeric: tabular-nums;\n  line-height: var(--line-height);\n  color: var(--text-trans-default);\n  user-select: none;\n  padding: var(--gap-sm) var(--gap-lg);\n  width: 100%;\n  background: var(--control-color);\n  border-color: var(--border-color-default);\n  border-radius: var(--border-radius-default);\n  font-weight: bold;\n  text-align: center;\n  cursor: pointer;\n  transition: 0.1s linear;\n  transition-property: border, background;\n}\nsd-button > button:hover {\n  background: var(--theme-gray-lightest);\n}\nsd-button > button:disabled {\n  background: var(--control-color);\n  border-color: var(--theme-gray-lighter);\n  color: var(--text-trans-lighter);\n  cursor: default;\n}\nsd-button[data-sd-inset=true] > button {\n  border-radius: 0;\n  border: none;\n  color: var(--theme-primary-default);\n}\nsd-button[data-sd-inset=true] > button:hover {\n  color: var(--theme-primary-darker);\n}\nsd-button[data-sd-inset=true] > button:disabled {\n  background: var(--control-color);\n  border-color: var(--theme-gray-lighter);\n  color: var(--text-trans-default);\n  cursor: default;\n}\nsd-button[data-sd-theme=gray] > button {\n  background: var(--theme-gray-default);\n  border-color: var(--theme-gray-default);\n  color: var(--text-trans-rev-default);\n}\nsd-button[data-sd-theme=gray] > button:hover {\n  background: var(--theme-gray-dark);\n  border-color: var(--theme-gray-dark);\n  color: var(--text-trans-rev-default);\n}\nsd-button[data-sd-theme=gray] > button:disabled {\n  background: var(--theme-gray-lighter);\n  border-color: var(--theme-gray-lighter);\n  color: var(--text-trans-lighter);\n  cursor: default;\n}\nsd-button[data-sd-theme=blue-gray] > button {\n  background: var(--theme-blue-gray-default);\n  border-color: var(--theme-blue-gray-default);\n  color: var(--text-trans-rev-default);\n}\nsd-button[data-sd-theme=blue-gray] > button:hover {\n  background: var(--theme-blue-gray-dark);\n  border-color: var(--theme-blue-gray-dark);\n  color: var(--text-trans-rev-default);\n}\nsd-button[data-sd-theme=blue-gray] > button:disabled {\n  background: var(--theme-gray-lighter);\n  border-color: var(--theme-gray-lighter);\n  color: var(--text-trans-lighter);\n  cursor: default;\n}\nsd-button[data-sd-theme=primary] > button {\n  background: var(--theme-primary-default);\n  border-color: var(--theme-primary-default);\n  color: var(--text-trans-rev-default);\n}\nsd-button[data-sd-theme=primary] > button:hover {\n  background: var(--theme-primary-dark);\n  border-color: var(--theme-primary-dark);\n  color: var(--text-trans-rev-default);\n}\nsd-button[data-sd-theme=primary] > button:disabled {\n  background: var(--theme-gray-lighter);\n  border-color: var(--theme-gray-lighter);\n  color: var(--text-trans-lighter);\n  cursor: default;\n}\nsd-button[data-sd-theme=secondary] > button {\n  background: var(--theme-secondary-default);\n  border-color: var(--theme-secondary-default);\n  color: var(--text-trans-rev-default);\n}\nsd-button[data-sd-theme=secondary] > button:hover {\n  background: var(--theme-secondary-dark);\n  border-color: var(--theme-secondary-dark);\n  color: var(--text-trans-rev-default);\n}\nsd-button[data-sd-theme=secondary] > button:disabled {\n  background: var(--theme-gray-lighter);\n  border-color: var(--theme-gray-lighter);\n  color: var(--text-trans-lighter);\n  cursor: default;\n}\nsd-button[data-sd-theme=info] > button {\n  background: var(--theme-info-default);\n  border-color: var(--theme-info-default);\n  color: var(--text-trans-rev-default);\n}\nsd-button[data-sd-theme=info] > button:hover {\n  background: var(--theme-info-dark);\n  border-color: var(--theme-info-dark);\n  color: var(--text-trans-rev-default);\n}\nsd-button[data-sd-theme=info] > button:disabled {\n  background: var(--theme-gray-lighter);\n  border-color: var(--theme-gray-lighter);\n  color: var(--text-trans-lighter);\n  cursor: default;\n}\nsd-button[data-sd-theme=success] > button {\n  background: var(--theme-success-default);\n  border-color: var(--theme-success-default);\n  color: var(--text-trans-rev-default);\n}\nsd-button[data-sd-theme=success] > button:hover {\n  background: var(--theme-success-dark);\n  border-color: var(--theme-success-dark);\n  color: var(--text-trans-rev-default);\n}\nsd-button[data-sd-theme=success] > button:disabled {\n  background: var(--theme-gray-lighter);\n  border-color: var(--theme-gray-lighter);\n  color: var(--text-trans-lighter);\n  cursor: default;\n}\nsd-button[data-sd-theme=warning] > button {\n  background: var(--theme-warning-default);\n  border-color: var(--theme-warning-default);\n  color: var(--text-trans-rev-default);\n}\nsd-button[data-sd-theme=warning] > button:hover {\n  background: var(--theme-warning-dark);\n  border-color: var(--theme-warning-dark);\n  color: var(--text-trans-rev-default);\n}\nsd-button[data-sd-theme=warning] > button:disabled {\n  background: var(--theme-gray-lighter);\n  border-color: var(--theme-gray-lighter);\n  color: var(--text-trans-lighter);\n  cursor: default;\n}\nsd-button[data-sd-theme=danger] > button {\n  background: var(--theme-danger-default);\n  border-color: var(--theme-danger-default);\n  color: var(--text-trans-rev-default);\n}\nsd-button[data-sd-theme=danger] > button:hover {\n  background: var(--theme-danger-dark);\n  border-color: var(--theme-danger-dark);\n  color: var(--text-trans-rev-default);\n}\nsd-button[data-sd-theme=danger] > button:disabled {\n  background: var(--theme-gray-lighter);\n  border-color: var(--theme-gray-lighter);\n  color: var(--text-trans-lighter);\n  cursor: default;\n}\nsd-button[data-sd-theme=link] > button {\n  border-color: transparent;\n  background: transparent;\n  color: var(--theme-primary-default);\n}\nsd-button[data-sd-theme=link] > button:hover {\n  color: var(--theme-primary-darker);\n}\nsd-button[data-sd-theme=link] > button:disabled {\n  border-color: transparent;\n  color: var(--text-trans-lighter);\n}\nsd-button[data-sd-theme=link-gray] > button {\n  border-color: transparent;\n  background: transparent;\n  color: var(--theme-gray-default);\n}\nsd-button[data-sd-theme=link-gray] > button:hover {\n  background: var(--trans-lighter);\n  color: var(--theme-gray-darker);\n}\nsd-button[data-sd-theme=link-gray] > button:disabled {\n  border-color: transparent;\n  color: var(--text-trans-lighter);\n}\nsd-button[data-sd-theme=link-blue-gray] > button {\n  border-color: transparent;\n  background: transparent;\n  color: var(--theme-blue-gray-default);\n}\nsd-button[data-sd-theme=link-blue-gray] > button:hover {\n  background: var(--trans-lighter);\n  color: var(--theme-blue-gray-darker);\n}\nsd-button[data-sd-theme=link-blue-gray] > button:disabled {\n  border-color: transparent;\n  color: var(--text-trans-lighter);\n}\nsd-button[data-sd-theme=link-primary] > button {\n  border-color: transparent;\n  background: transparent;\n  color: var(--theme-primary-default);\n}\nsd-button[data-sd-theme=link-primary] > button:hover {\n  background: var(--trans-lighter);\n  color: var(--theme-primary-darker);\n}\nsd-button[data-sd-theme=link-primary] > button:disabled {\n  border-color: transparent;\n  color: var(--text-trans-lighter);\n}\nsd-button[data-sd-theme=link-secondary] > button {\n  border-color: transparent;\n  background: transparent;\n  color: var(--theme-secondary-default);\n}\nsd-button[data-sd-theme=link-secondary] > button:hover {\n  background: var(--trans-lighter);\n  color: var(--theme-secondary-darker);\n}\nsd-button[data-sd-theme=link-secondary] > button:disabled {\n  border-color: transparent;\n  color: var(--text-trans-lighter);\n}\nsd-button[data-sd-theme=link-info] > button {\n  border-color: transparent;\n  background: transparent;\n  color: var(--theme-info-default);\n}\nsd-button[data-sd-theme=link-info] > button:hover {\n  background: var(--trans-lighter);\n  color: var(--theme-info-darker);\n}\nsd-button[data-sd-theme=link-info] > button:disabled {\n  border-color: transparent;\n  color: var(--text-trans-lighter);\n}\nsd-button[data-sd-theme=link-success] > button {\n  border-color: transparent;\n  background: transparent;\n  color: var(--theme-success-default);\n}\nsd-button[data-sd-theme=link-success] > button:hover {\n  background: var(--trans-lighter);\n  color: var(--theme-success-darker);\n}\nsd-button[data-sd-theme=link-success] > button:disabled {\n  border-color: transparent;\n  color: var(--text-trans-lighter);\n}\nsd-button[data-sd-theme=link-warning] > button {\n  border-color: transparent;\n  background: transparent;\n  color: var(--theme-warning-default);\n}\nsd-button[data-sd-theme=link-warning] > button:hover {\n  background: var(--trans-lighter);\n  color: var(--theme-warning-darker);\n}\nsd-button[data-sd-theme=link-warning] > button:disabled {\n  border-color: transparent;\n  color: var(--text-trans-lighter);\n}\nsd-button[data-sd-theme=link-danger] > button {\n  border-color: transparent;\n  background: transparent;\n  color: var(--theme-danger-default);\n}\nsd-button[data-sd-theme=link-danger] > button:hover {\n  background: var(--trans-lighter);\n  color: var(--theme-danger-darker);\n}\nsd-button[data-sd-theme=link-danger] > button:disabled {\n  border-color: transparent;\n  color: var(--text-trans-lighter);\n}\nsd-button[data-sd-theme=link-rev] > button {\n  border-color: transparent;\n  background: transparent;\n  color: var(--text-trans-rev-default);\n}\nsd-button[data-sd-theme=link-rev] > button:hover {\n  color: var(--text-trans-rev-dark);\n}\nsd-button[data-sd-theme=link-rev] > button:disabled {\n  border-color: transparent;\n  color: var(--text-trans-rev-darker);\n}\nsd-button[data-sd-inline=true] > button {\n  display: inline-block;\n  width: auto;\n  vertical-align: top;\n}\nsd-button[data-sd-size=sm] > button {\n  padding: var(--gap-xs) var(--gap-default);\n}\nsd-button[data-sd-size=lg] > button {\n  padding: var(--gap-default) var(--gap-xl);\n}\nsd-button[data-sd-disabled=true]:active {\n  pointer-events: none;\n}"], encapsulation: 2, changeDetection: 0 });
 }
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SdButtonControl, [{
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SdButton, [{
         type: Component,
-        args: [{ selector: "sd-button", changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: true, imports: [SdRippleDirective], template: `
+        args: [{ selector: "sd-button", changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: true, imports: [SdRipple], template: `
     <button
       tabindex="0"
       [type]="type()"
       [disabled]="disabled()"
       [class]="buttonClass()"
       [style]="buttonStyle()"
-      [sd-ripple]="!disabled()"
+      [sdRipple]="!disabled()"
     >
       <ng-content />
     </button>
@@ -46,4 +46,4 @@ export class SdButtonControl {
                     "[attr.data-sd-disabled]": "disabled()",
                 }, styles: ["sd-button > button {\n  display: block;\n  padding: var(--gap-sm) var(--gap-default);\n  border: 1px solid transparent;\n  font-size: var(--font-size-default);\n  font-family: var(--font-family);\n  font-variant-numeric: tabular-nums;\n  line-height: var(--line-height);\n  color: var(--text-trans-default);\n  user-select: none;\n  padding: var(--gap-sm) var(--gap-lg);\n  width: 100%;\n  background: var(--control-color);\n  border-color: var(--border-color-default);\n  border-radius: var(--border-radius-default);\n  font-weight: bold;\n  text-align: center;\n  cursor: pointer;\n  transition: 0.1s linear;\n  transition-property: border, background;\n}\nsd-button > button:hover {\n  background: var(--theme-gray-lightest);\n}\nsd-button > button:disabled {\n  background: var(--control-color);\n  border-color: var(--theme-gray-lighter);\n  color: var(--text-trans-lighter);\n  cursor: default;\n}\nsd-button[data-sd-inset=true] > button {\n  border-radius: 0;\n  border: none;\n  color: var(--theme-primary-default);\n}\nsd-button[data-sd-inset=true] > button:hover {\n  color: var(--theme-primary-darker);\n}\nsd-button[data-sd-inset=true] > button:disabled {\n  background: var(--control-color);\n  border-color: var(--theme-gray-lighter);\n  color: var(--text-trans-default);\n  cursor: default;\n}\nsd-button[data-sd-theme=gray] > button {\n  background: var(--theme-gray-default);\n  border-color: var(--theme-gray-default);\n  color: var(--text-trans-rev-default);\n}\nsd-button[data-sd-theme=gray] > button:hover {\n  background: var(--theme-gray-dark);\n  border-color: var(--theme-gray-dark);\n  color: var(--text-trans-rev-default);\n}\nsd-button[data-sd-theme=gray] > button:disabled {\n  background: var(--theme-gray-lighter);\n  border-color: var(--theme-gray-lighter);\n  color: var(--text-trans-lighter);\n  cursor: default;\n}\nsd-button[data-sd-theme=blue-gray] > button {\n  background: var(--theme-blue-gray-default);\n  border-color: var(--theme-blue-gray-default);\n  color: var(--text-trans-rev-default);\n}\nsd-button[data-sd-theme=blue-gray] > button:hover {\n  background: var(--theme-blue-gray-dark);\n  border-color: var(--theme-blue-gray-dark);\n  color: var(--text-trans-rev-default);\n}\nsd-button[data-sd-theme=blue-gray] > button:disabled {\n  background: var(--theme-gray-lighter);\n  border-color: var(--theme-gray-lighter);\n  color: var(--text-trans-lighter);\n  cursor: default;\n}\nsd-button[data-sd-theme=primary] > button {\n  background: var(--theme-primary-default);\n  border-color: var(--theme-primary-default);\n  color: var(--text-trans-rev-default);\n}\nsd-button[data-sd-theme=primary] > button:hover {\n  background: var(--theme-primary-dark);\n  border-color: var(--theme-primary-dark);\n  color: var(--text-trans-rev-default);\n}\nsd-button[data-sd-theme=primary] > button:disabled {\n  background: var(--theme-gray-lighter);\n  border-color: var(--theme-gray-lighter);\n  color: var(--text-trans-lighter);\n  cursor: default;\n}\nsd-button[data-sd-theme=secondary] > button {\n  background: var(--theme-secondary-default);\n  border-color: var(--theme-secondary-default);\n  color: var(--text-trans-rev-default);\n}\nsd-button[data-sd-theme=secondary] > button:hover {\n  background: var(--theme-secondary-dark);\n  border-color: var(--theme-secondary-dark);\n  color: var(--text-trans-rev-default);\n}\nsd-button[data-sd-theme=secondary] > button:disabled {\n  background: var(--theme-gray-lighter);\n  border-color: var(--theme-gray-lighter);\n  color: var(--text-trans-lighter);\n  cursor: default;\n}\nsd-button[data-sd-theme=info] > button {\n  background: var(--theme-info-default);\n  border-color: var(--theme-info-default);\n  color: var(--text-trans-rev-default);\n}\nsd-button[data-sd-theme=info] > button:hover {\n  background: var(--theme-info-dark);\n  border-color: var(--theme-info-dark);\n  color: var(--text-trans-rev-default);\n}\nsd-button[data-sd-theme=info] > button:disabled {\n  background: var(--theme-gray-lighter);\n  border-color: var(--theme-gray-lighter);\n  color: var(--text-trans-lighter);\n  cursor: default;\n}\nsd-button[data-sd-theme=success] > button {\n  background: var(--theme-success-default);\n  border-color: var(--theme-success-default);\n  color: var(--text-trans-rev-default);\n}\nsd-button[data-sd-theme=success] > button:hover {\n  background: var(--theme-success-dark);\n  border-color: var(--theme-success-dark);\n  color: var(--text-trans-rev-default);\n}\nsd-button[data-sd-theme=success] > button:disabled {\n  background: var(--theme-gray-lighter);\n  border-color: var(--theme-gray-lighter);\n  color: var(--text-trans-lighter);\n  cursor: default;\n}\nsd-button[data-sd-theme=warning] > button {\n  background: var(--theme-warning-default);\n  border-color: var(--theme-warning-default);\n  color: var(--text-trans-rev-default);\n}\nsd-button[data-sd-theme=warning] > button:hover {\n  background: var(--theme-warning-dark);\n  border-color: var(--theme-warning-dark);\n  color: var(--text-trans-rev-default);\n}\nsd-button[data-sd-theme=warning] > button:disabled {\n  background: var(--theme-gray-lighter);\n  border-color: var(--theme-gray-lighter);\n  color: var(--text-trans-lighter);\n  cursor: default;\n}\nsd-button[data-sd-theme=danger] > button {\n  background: var(--theme-danger-default);\n  border-color: var(--theme-danger-default);\n  color: var(--text-trans-rev-default);\n}\nsd-button[data-sd-theme=danger] > button:hover {\n  background: var(--theme-danger-dark);\n  border-color: var(--theme-danger-dark);\n  color: var(--text-trans-rev-default);\n}\nsd-button[data-sd-theme=danger] > button:disabled {\n  background: var(--theme-gray-lighter);\n  border-color: var(--theme-gray-lighter);\n  color: var(--text-trans-lighter);\n  cursor: default;\n}\nsd-button[data-sd-theme=link] > button {\n  border-color: transparent;\n  background: transparent;\n  color: var(--theme-primary-default);\n}\nsd-button[data-sd-theme=link] > button:hover {\n  color: var(--theme-primary-darker);\n}\nsd-button[data-sd-theme=link] > button:disabled {\n  border-color: transparent;\n  color: var(--text-trans-lighter);\n}\nsd-button[data-sd-theme=link-gray] > button {\n  border-color: transparent;\n  background: transparent;\n  color: var(--theme-gray-default);\n}\nsd-button[data-sd-theme=link-gray] > button:hover {\n  background: var(--trans-lighter);\n  color: var(--theme-gray-darker);\n}\nsd-button[data-sd-theme=link-gray] > button:disabled {\n  border-color: transparent;\n  color: var(--text-trans-lighter);\n}\nsd-button[data-sd-theme=link-blue-gray] > button {\n  border-color: transparent;\n  background: transparent;\n  color: var(--theme-blue-gray-default);\n}\nsd-button[data-sd-theme=link-blue-gray] > button:hover {\n  background: var(--trans-lighter);\n  color: var(--theme-blue-gray-darker);\n}\nsd-button[data-sd-theme=link-blue-gray] > button:disabled {\n  border-color: transparent;\n  color: var(--text-trans-lighter);\n}\nsd-button[data-sd-theme=link-primary] > button {\n  border-color: transparent;\n  background: transparent;\n  color: var(--theme-primary-default);\n}\nsd-button[data-sd-theme=link-primary] > button:hover {\n  background: var(--trans-lighter);\n  color: var(--theme-primary-darker);\n}\nsd-button[data-sd-theme=link-primary] > button:disabled {\n  border-color: transparent;\n  color: var(--text-trans-lighter);\n}\nsd-button[data-sd-theme=link-secondary] > button {\n  border-color: transparent;\n  background: transparent;\n  color: var(--theme-secondary-default);\n}\nsd-button[data-sd-theme=link-secondary] > button:hover {\n  background: var(--trans-lighter);\n  color: var(--theme-secondary-darker);\n}\nsd-button[data-sd-theme=link-secondary] > button:disabled {\n  border-color: transparent;\n  color: var(--text-trans-lighter);\n}\nsd-button[data-sd-theme=link-info] > button {\n  border-color: transparent;\n  background: transparent;\n  color: var(--theme-info-default);\n}\nsd-button[data-sd-theme=link-info] > button:hover {\n  background: var(--trans-lighter);\n  color: var(--theme-info-darker);\n}\nsd-button[data-sd-theme=link-info] > button:disabled {\n  border-color: transparent;\n  color: var(--text-trans-lighter);\n}\nsd-button[data-sd-theme=link-success] > button {\n  border-color: transparent;\n  background: transparent;\n  color: var(--theme-success-default);\n}\nsd-button[data-sd-theme=link-success] > button:hover {\n  background: var(--trans-lighter);\n  color: var(--theme-success-darker);\n}\nsd-button[data-sd-theme=link-success] > button:disabled {\n  border-color: transparent;\n  color: var(--text-trans-lighter);\n}\nsd-button[data-sd-theme=link-warning] > button {\n  border-color: transparent;\n  background: transparent;\n  color: var(--theme-warning-default);\n}\nsd-button[data-sd-theme=link-warning] > button:hover {\n  background: var(--trans-lighter);\n  color: var(--theme-warning-darker);\n}\nsd-button[data-sd-theme=link-warning] > button:disabled {\n  border-color: transparent;\n  color: var(--text-trans-lighter);\n}\nsd-button[data-sd-theme=link-danger] > button {\n  border-color: transparent;\n  background: transparent;\n  color: var(--theme-danger-default);\n}\nsd-button[data-sd-theme=link-danger] > button:hover {\n  background: var(--trans-lighter);\n  color: var(--theme-danger-darker);\n}\nsd-button[data-sd-theme=link-danger] > button:disabled {\n  border-color: transparent;\n  color: var(--text-trans-lighter);\n}\nsd-button[data-sd-theme=link-rev] > button {\n  border-color: transparent;\n  background: transparent;\n  color: var(--text-trans-rev-default);\n}\nsd-button[data-sd-theme=link-rev] > button:hover {\n  color: var(--text-trans-rev-dark);\n}\nsd-button[data-sd-theme=link-rev] > button:disabled {\n  border-color: transparent;\n  color: var(--text-trans-rev-darker);\n}\nsd-button[data-sd-inline=true] > button {\n  display: inline-block;\n  width: auto;\n  vertical-align: top;\n}\nsd-button[data-sd-size=sm] > button {\n  padding: var(--gap-xs) var(--gap-default);\n}\nsd-button[data-sd-size=lg] > button {\n  padding: var(--gap-default) var(--gap-xl);\n}\nsd-button[data-sd-disabled=true]:active {\n  pointer-events: none;\n}"] }]
     }], null, { type: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", required: false }] }], theme: [{ type: i0.Input, args: [{ isSignal: true, alias: "theme", required: false }] }], inline: [{ type: i0.Input, args: [{ isSignal: true, alias: "inline", required: false }] }], inset: [{ type: i0.Input, args: [{ isSignal: true, alias: "inset", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], buttonStyle: [{ type: i0.Input, args: [{ isSignal: true, alias: "buttonStyle", required: false }] }], buttonClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "buttonClass", required: false }] }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdButtonControl, { className: "SdButtonControl", filePath: "packages/angular/src/ui/form/button/sd-button.control.ts", lineNumber: 181, forbidOrphanRendering: true }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdButton, { className: "SdButton", filePath: "packages/angular/src/ui/form/button/sd-button.ts", lineNumber: 181, forbidOrphanRendering: true }); })();

package/dist/ui/form/button/sd-modal-select-button.d.ts

@@ -0,0 +1,38 @@
+import { type InputSignal } from "@angular/core";
+import { type SdModalContentDef, type SdModalInfo, type SdModalOptions } from "../../overlay/modal/sd-modal.provider";
+import type { SelectModeValue } from "../select/sd-select";
+import type { SelectModalOutputResult } from "../../../core/types/select-modal-output-result";
+import * as i0 from "@angular/core";
+/**
+ * 모달 선택 컴포넌트가 구현해야 하는 인터페이스
+ * SdModalContentDef을 확장하여 selectMode와 selectedItemKeys를 추가한다.
+ */
+export interface SdSelectModal<T> extends SdModalContentDef<SelectModalOutputResult<T>> {
+    selectMode: InputSignal<"single" | "multi" | undefined>;
+    selectedItemKeys: InputSignal<any[]>;
+}
+/**
+ * 모달 선택 정보 (selectMode/selectedItemKeys를 제외한 inputs)
+ */
+export type SdSelectModalInfo<T extends SdSelectModal<any>> = SdModalInfo<T, "selectMode" | "selectedItemKeys">;
+export declare class SdModalSelectButton<T extends object, K, M extends keyof SelectModeValue<K> = keyof SelectModeValue<K>> {
+    private readonly _sdModal;
+    modal: InputSignal<SdSelectModalInfo<SdSelectModal<T>>>;
+    value: import("@angular/core").ModelSignal<SelectModeValue<K>[M] | undefined>;
+    selectedItems: import("@angular/core").ModelSignal<T[]>;
+    disabled: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    required: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    inset: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    size: InputSignal<"sm" | "lg" | undefined>;
+    selectMode: InputSignal<M>;
+    modalOptions: InputSignal<SdModalOptions | undefined>;
+    searchIcon: InputSignal<string>;
+    protected readonly tablerEraser = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"stroke-width:var(--ng-icon__stroke-width, 2)\"><path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\"></path><path d=\"M19 20h-10.5l-4.21 -4.3a1 1 0 0 1 0 -1.41l10 -10a1 1 0 0 1 1.41 0l5 5a1 1 0 0 1 0 1.41l-9.2 9.3\"></path><path d=\"M18 13.3l-6.3 -6.3\"></path></svg>";
+    _hasValue: import("@angular/core").Signal<boolean>;
+    constructor();
+    onEraseClick(): void;
+    onSearchClick(): Promise<void>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SdModalSelectButton<any, any, any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SdModalSelectButton<any, any, any>, "sd-modal-select-button", never, { "modal": { "alias": "modal"; "required": true; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "selectedItems": { "alias": "selectedItems"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "inset": { "alias": "inset"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "selectMode": { "alias": "selectMode"; "required": false; "isSignal": true; }; "modalOptions": { "alias": "modalOptions"; "required": false; "isSignal": true; }; "searchIcon": { "alias": "searchIcon"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "selectedItems": "selectedItemsChange"; }, never, ["*"], true, never>;
+}
+//# sourceMappingURL=sd-modal-select-button.d.ts.map

package/dist/ui/form/button/sd-modal-select-button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sd-modal-select-button.d.ts","sourceRoot":"","sources":["../../../../src/ui/form/button/sd-modal-select-button.ts"],"names":[],"mappings":"AAAA,OAAO,EAQL,KAAK,WAAW,EAEjB,MAAM,eAAe,CAAC;AACvB,OAAO,EAEL,KAAK,iBAAiB,EACtB,KAAK,WAAW,EAChB,KAAK,cAAc,EACpB,MAAM,uCAAuC,CAAC;AAC/C,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAI3D,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,gDAAgD,CAAC;;AAI9F;;;GAGG;AACH,MAAM,WAAW,aAAa,CAAC,CAAC,CAAE,SAAQ,iBAAiB,CAAC,uBAAuB,CAAC,CAAC,CAAC,CAAC;IACrF,UAAU,EAAE,WAAW,CAAC,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAC,CAAC;IACxD,gBAAgB,EAAE,WAAW,CAAC,GAAG,EAAE,CAAC,CAAC;CACtC;AAED;;GAEG;AACH,MAAM,MAAM,iBAAiB,CAAC,CAAC,SAAS,aAAa,CAAC,GAAG,CAAC,IAAI,WAAW,CACvE,CAAC,EACD,YAAY,GAAG,kBAAkB,CAClC,CAAC;AAEF,qBAuGa,mBAAmB,CAC9B,CAAC,SAAS,MAAM,EAChB,CAAC,EACD,CAAC,SAAS,MAAM,eAAe,CAAC,CAAC,CAAC,GAAG,MAAM,eAAe,CAAC,CAAC,CAAC;IAE7D,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAA2B;IAEpD,KAAK,mDAAyD;IAE9D,KAAK,yEAAkC;IACvC,aAAa,2CAAkB;IAE/B,QAAQ,qEAAiD;IACzD,QAAQ,qEAAiD;IACzD,KAAK,qEAAiD;IACtD,IAAI,uCAAwB;IAC5B,UAAU,iBAA2B;IACrC,YAAY,0CAA2B;IAEvC,UAAU,sBAAuB;IAEjC,SAAS,CAAC,QAAQ,CAAC,YAAY,obAAgB;IAE/C,SAAS,0CAKN;;IAYH,YAAY,IAAI,IAAI;IAKd,aAAa,IAAI,OAAO,CAAC,IAAI,CAAC;yCA7CzB,mBAAmB;2CAAnB,mBAAmB;CAkE/B"}

package/dist/ui/form/button/{sd-modal-select-button.control.js → sd-modal-select-button.js}

@@ -1,16 +1,16 @@
 import { booleanAttribute, ChangeDetectionStrategy, Component, computed, inject, input, model, ViewEncapsulation, } from "@angular/core";
 import { SdModalProvider, } from "../../overlay/modal/sd-modal.provider";
-import { SdAnchorControl } from "./sd-anchor.control";
-import { SdButtonControl } from "./sd-button.control";
+import { SdAnchor } from "./sd-anchor";
+import { SdButton } from "./sd-button";
 import { setupInvalid } from "../../../core/utils/setups/setupInvalid";
 import { NgIcon } from "@ng-icons/core";
 import { tablerSearch, tablerEraser } from "@ng-icons/tabler-icons";
 import * as i0 from "@angular/core";
 const _c0 = ["*"];
-function SdModalSelectButtonControl_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+function SdModalSelectButton_Conditional_3_Template(rf, ctx) { if (rf & 1) {
     const _r1 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "sd-anchor", 4);
-    i0.ɵɵlistener("click", function SdModalSelectButtonControl_Conditional_3_Template_sd_anchor_click_0_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onEraseClick()); });
+    i0.ɵɵlistener("click", function SdModalSelectButton_Conditional_3_Template_sd_anchor_click_0_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onEraseClick()); });
     i0.ɵɵelement(1, "ng-icon", 5);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -19,10 +19,10 @@ function SdModalSelectButtonControl_Conditional_3_Template(rf, ctx) { if (rf & 1
     i0.ɵɵadvance();
     i0.ɵɵproperty("svg", ctx_r1.tablerEraser);
 } }
-function SdModalSelectButtonControl_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+function SdModalSelectButton_Conditional_4_Template(rf, ctx) { if (rf & 1) {
     const _r3 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "sd-button", 6);
-    i0.ɵɵlistener("click", function SdModalSelectButtonControl_Conditional_4_Template_sd_button_click_0_listener() { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onSearchClick()); });
+    i0.ɵɵlistener("click", function SdModalSelectButton_Conditional_4_Template_sd_button_click_0_listener() { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onSearchClick()); });
     i0.ɵɵelement(1, "ng-icon", 5);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -31,7 +31,7 @@ function SdModalSelectButtonControl_Conditional_4_Template(rf, ctx) { if (rf & 1
     i0.ɵɵadvance();
     i0.ɵɵproperty("svg", ctx_r1.searchIcon());
 } }
-export class SdModalSelectButtonControl {
+export class SdModalSelectButton {
     _sdModal = inject(SdModalProvider);
     modal = input.required(...(ngDevMode ? [{ debugName: "modal" }] : /* istanbul ignore next */ []));
     value = model(...(ngDevMode ? [undefined, { debugName: "value" }] : /* istanbul ignore next */ []));
@@ -86,28 +86,28 @@ export class SdModalSelectButtonControl {
             this.selectedItems.set(result.selectedItems);
         }
     }
-    static ɵfac = function SdModalSelectButtonControl_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SdModalSelectButtonControl)(); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SdModalSelectButtonControl, selectors: [["sd-modal-select-button"]], hostVars: 3, hostBindings: function SdModalSelectButtonControl_HostBindings(rf, ctx) { if (rf & 2) {
+    static ɵfac = function SdModalSelectButton_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SdModalSelectButton)(); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SdModalSelectButton, selectors: [["sd-modal-select-button"]], hostVars: 3, hostBindings: function SdModalSelectButton_HostBindings(rf, ctx) { if (rf & 2) {
             i0.ɵɵattribute("data-sd-size", ctx.size())("data-sd-inset", ctx.inset())("data-sd-disabled", ctx.disabled());
-        } }, inputs: { modal: [1, "modal"], value: [1, "value"], selectedItems: [1, "selectedItems"], disabled: [1, "disabled"], required: [1, "required"], inset: [1, "inset"], size: [1, "size"], selectMode: [1, "selectMode"], modalOptions: [1, "modalOptions"], searchIcon: [1, "searchIcon"] }, outputs: { value: "valueChange", selectedItems: "selectedItemsChange" }, ngContentSelectors: _c0, decls: 5, vars: 2, consts: [[1, "_content"], [1, "_button"], ["data-sd-eraser", "", 3, "theme"], [3, "inset"], ["data-sd-eraser", "", 3, "click", "theme"], [3, "svg"], [3, "click", "inset"]], template: function SdModalSelectButtonControl_Template(rf, ctx) { if (rf & 1) {
+        } }, inputs: { modal: [1, "modal"], value: [1, "value"], selectedItems: [1, "selectedItems"], disabled: [1, "disabled"], required: [1, "required"], inset: [1, "inset"], size: [1, "size"], selectMode: [1, "selectMode"], modalOptions: [1, "modalOptions"], searchIcon: [1, "searchIcon"] }, outputs: { value: "valueChange", selectedItems: "selectedItemsChange" }, ngContentSelectors: _c0, decls: 5, vars: 2, consts: [[1, "_content"], [1, "_button"], ["data-sd-eraser", "", 3, "theme"], [3, "inset"], ["data-sd-eraser", "", 3, "click", "theme"], [3, "svg"], [3, "click", "inset"]], template: function SdModalSelectButton_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵelementStart(0, "div", 0);
             i0.ɵɵprojection(1);
             i0.ɵɵelementEnd();
             i0.ɵɵelementStart(2, "div", 1);
-            i0.ɵɵconditionalCreate(3, SdModalSelectButtonControl_Conditional_3_Template, 2, 2, "sd-anchor", 2);
-            i0.ɵɵconditionalCreate(4, SdModalSelectButtonControl_Conditional_4_Template, 2, 2, "sd-button", 3);
+            i0.ɵɵconditionalCreate(3, SdModalSelectButton_Conditional_3_Template, 2, 2, "sd-anchor", 2);
+            i0.ɵɵconditionalCreate(4, SdModalSelectButton_Conditional_4_Template, 2, 2, "sd-button", 3);
             i0.ɵɵelementEnd();
         } if (rf & 2) {
             i0.ɵɵadvance(3);
             i0.ɵɵconditional(!ctx.disabled() && !ctx.required() && ctx._hasValue() ? 3 : -1);
             i0.ɵɵadvance();
             i0.ɵɵconditional(!ctx.disabled() ? 4 : -1);
-        } }, dependencies: [SdAnchorControl, SdButtonControl, NgIcon], styles: ["sd-modal-select-button {\n  display: flex;\n  flex-direction: row;\n  gap: var(--gap-sm);\n  position: relative;\n  border: 1px solid var(--trans-light);\n  border-radius: var(--border-radius-default);\n  overflow: hidden;\n}\nsd-modal-select-button > ._content {\n  flex: 1;\n  padding: var(--gap-sm) var(--gap-default);\n}\nsd-modal-select-button > ._button {\n  display: flex;\n  flex-wrap: nowrap;\n  flex-direction: row;\n}\n@supports not (appearance: auto) {\n  sd-modal-select-button > ._button.gap-xxs {\n    gap: 0;\n  }\n  sd-modal-select-button > ._button.gap-xxs > * + * {\n    margin-left: var(--gap-xxs);\n  }\n  sd-modal-select-button > ._button.gap-xs {\n    gap: 0;\n  }\n  sd-modal-select-button > ._button.gap-xs > * + * {\n    margin-left: var(--gap-xs);\n  }\n  sd-modal-select-button > ._button.gap-sm {\n    gap: 0;\n  }\n  sd-modal-select-button > ._button.gap-sm > * + * {\n    margin-left: var(--gap-sm);\n  }\n  sd-modal-select-button > ._button.gap-default {\n    gap: 0;\n  }\n  sd-modal-select-button > ._button.gap-default > * + * {\n    margin-left: var(--gap-default);\n  }\n  sd-modal-select-button > ._button.gap-lg {\n    gap: 0;\n  }\n  sd-modal-select-button > ._button.gap-lg > * + * {\n    margin-left: var(--gap-lg);\n  }\n  sd-modal-select-button > ._button.gap-xl {\n    gap: 0;\n  }\n  sd-modal-select-button > ._button.gap-xl > * + * {\n    margin-left: var(--gap-xl);\n  }\n  sd-modal-select-button > ._button.gap-xxl {\n    gap: 0;\n  }\n  sd-modal-select-button > ._button.gap-xxl > * + * {\n    margin-left: var(--gap-xxl);\n  }\n  sd-modal-select-button > ._button.gap-0 {\n    gap: 0;\n  }\n  sd-modal-select-button > ._button.gap-0 > * + * {\n    margin-left: var(--gap-0);\n  }\n  sd-modal-select-button > ._button.gap-auto {\n    gap: 0;\n  }\n  sd-modal-select-button > ._button.gap-auto > * + * {\n    margin-left: var(--gap-auto);\n  }\n}\nsd-modal-select-button > ._button > sd-anchor {\n  padding: var(--gap-sm) !important;\n}\nsd-modal-select-button > ._button > sd-button > button {\n  border-left: 1px solid var(--trans-lighter) !important;\n  padding: var(--gap-sm) !important;\n  height: 100%;\n}\nsd-modal-select-button[data-sd-inset=true] {\n  border-radius: 0;\n  border: none;\n}\nsd-modal-select-button[data-sd-size=sm] > ._content {\n  padding: var(--gap-xs) var(--gap-default);\n}\nsd-modal-select-button[data-sd-size=sm] > ._button > sd-anchor {\n  padding: var(--gap-xs) var(--gap-sm) !important;\n}\nsd-modal-select-button[data-sd-size=sm] > ._button > sd-button > button {\n  padding: var(--gap-xs) var(--gap-sm) !important;\n}\nsd-modal-select-button[data-sd-size=lg] > ._content {\n  padding: var(--gap-default) var(--gap-xl);\n}\nsd-modal-select-button[data-sd-size=lg] > ._button > sd-anchor {\n  padding: var(--gap-default) !important;\n}\nsd-modal-select-button[data-sd-size=lg] > ._button > sd-button > button {\n  padding: var(--gap-default) !important;\n}"], encapsulation: 2, changeDetection: 0 });
+        } }, dependencies: [SdAnchor, SdButton, NgIcon], styles: ["sd-modal-select-button {\n  display: flex;\n  flex-direction: row;\n  gap: var(--gap-sm);\n  position: relative;\n  border: 1px solid var(--trans-light);\n  border-radius: var(--border-radius-default);\n  overflow: hidden;\n}\nsd-modal-select-button > ._content {\n  flex: 1;\n  padding: var(--gap-sm) var(--gap-default);\n}\nsd-modal-select-button > ._button {\n  display: flex;\n  flex-wrap: nowrap;\n  flex-direction: row;\n}\n@supports not (appearance: auto) {\n  sd-modal-select-button > ._button.gap-xxs {\n    gap: 0;\n  }\n  sd-modal-select-button > ._button.gap-xxs > * + * {\n    margin-left: var(--gap-xxs);\n  }\n  sd-modal-select-button > ._button.gap-xs {\n    gap: 0;\n  }\n  sd-modal-select-button > ._button.gap-xs > * + * {\n    margin-left: var(--gap-xs);\n  }\n  sd-modal-select-button > ._button.gap-sm {\n    gap: 0;\n  }\n  sd-modal-select-button > ._button.gap-sm > * + * {\n    margin-left: var(--gap-sm);\n  }\n  sd-modal-select-button > ._button.gap-default {\n    gap: 0;\n  }\n  sd-modal-select-button > ._button.gap-default > * + * {\n    margin-left: var(--gap-default);\n  }\n  sd-modal-select-button > ._button.gap-lg {\n    gap: 0;\n  }\n  sd-modal-select-button > ._button.gap-lg > * + * {\n    margin-left: var(--gap-lg);\n  }\n  sd-modal-select-button > ._button.gap-xl {\n    gap: 0;\n  }\n  sd-modal-select-button > ._button.gap-xl > * + * {\n    margin-left: var(--gap-xl);\n  }\n  sd-modal-select-button > ._button.gap-xxl {\n    gap: 0;\n  }\n  sd-modal-select-button > ._button.gap-xxl > * + * {\n    margin-left: var(--gap-xxl);\n  }\n  sd-modal-select-button > ._button.gap-0 {\n    gap: 0;\n  }\n  sd-modal-select-button > ._button.gap-0 > * + * {\n    margin-left: var(--gap-0);\n  }\n  sd-modal-select-button > ._button.gap-auto {\n    gap: 0;\n  }\n  sd-modal-select-button > ._button.gap-auto > * + * {\n    margin-left: var(--gap-auto);\n  }\n}\nsd-modal-select-button > ._button > sd-anchor {\n  padding: var(--gap-sm) !important;\n}\nsd-modal-select-button > ._button > sd-button > button {\n  border-left: 1px solid var(--trans-lighter) !important;\n  padding: var(--gap-sm) !important;\n  height: 100%;\n}\nsd-modal-select-button[data-sd-inset=true] {\n  border-radius: 0;\n  border: none;\n}\nsd-modal-select-button[data-sd-size=sm] > ._content {\n  padding: var(--gap-xs) var(--gap-default);\n}\nsd-modal-select-button[data-sd-size=sm] > ._button > sd-anchor {\n  padding: var(--gap-xs) var(--gap-sm) !important;\n}\nsd-modal-select-button[data-sd-size=sm] > ._button > sd-button > button {\n  padding: var(--gap-xs) var(--gap-sm) !important;\n}\nsd-modal-select-button[data-sd-size=lg] > ._content {\n  padding: var(--gap-default) var(--gap-xl);\n}\nsd-modal-select-button[data-sd-size=lg] > ._button > sd-anchor {\n  padding: var(--gap-default) !important;\n}\nsd-modal-select-button[data-sd-size=lg] > ._button > sd-button > button {\n  padding: var(--gap-default) !important;\n}"], encapsulation: 2, changeDetection: 0 });
 }
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SdModalSelectButtonControl, [{
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SdModalSelectButton, [{
         type: Component,
-        args: [{ selector: "sd-modal-select-button", changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: true, imports: [SdAnchorControl, SdButtonControl, NgIcon], template: `
+        args: [{ selector: "sd-modal-select-button", changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: true, imports: [SdAnchor, SdButton, NgIcon], template: `
     <div class="_content">
       <ng-content />
     </div>
@@ -129,4 +129,4 @@ export class SdModalSelectButtonControl {
                     "[attr.data-sd-disabled]": "disabled()",
                 }, styles: ["sd-modal-select-button {\n  display: flex;\n  flex-direction: row;\n  gap: var(--gap-sm);\n  position: relative;\n  border: 1px solid var(--trans-light);\n  border-radius: var(--border-radius-default);\n  overflow: hidden;\n}\nsd-modal-select-button > ._content {\n  flex: 1;\n  padding: var(--gap-sm) var(--gap-default);\n}\nsd-modal-select-button > ._button {\n  display: flex;\n  flex-wrap: nowrap;\n  flex-direction: row;\n}\n@supports not (appearance: auto) {\n  sd-modal-select-button > ._button.gap-xxs {\n    gap: 0;\n  }\n  sd-modal-select-button > ._button.gap-xxs > * + * {\n    margin-left: var(--gap-xxs);\n  }\n  sd-modal-select-button > ._button.gap-xs {\n    gap: 0;\n  }\n  sd-modal-select-button > ._button.gap-xs > * + * {\n    margin-left: var(--gap-xs);\n  }\n  sd-modal-select-button > ._button.gap-sm {\n    gap: 0;\n  }\n  sd-modal-select-button > ._button.gap-sm > * + * {\n    margin-left: var(--gap-sm);\n  }\n  sd-modal-select-button > ._button.gap-default {\n    gap: 0;\n  }\n  sd-modal-select-button > ._button.gap-default > * + * {\n    margin-left: var(--gap-default);\n  }\n  sd-modal-select-button > ._button.gap-lg {\n    gap: 0;\n  }\n  sd-modal-select-button > ._button.gap-lg > * + * {\n    margin-left: var(--gap-lg);\n  }\n  sd-modal-select-button > ._button.gap-xl {\n    gap: 0;\n  }\n  sd-modal-select-button > ._button.gap-xl > * + * {\n    margin-left: var(--gap-xl);\n  }\n  sd-modal-select-button > ._button.gap-xxl {\n    gap: 0;\n  }\n  sd-modal-select-button > ._button.gap-xxl > * + * {\n    margin-left: var(--gap-xxl);\n  }\n  sd-modal-select-button > ._button.gap-0 {\n    gap: 0;\n  }\n  sd-modal-select-button > ._button.gap-0 > * + * {\n    margin-left: var(--gap-0);\n  }\n  sd-modal-select-button > ._button.gap-auto {\n    gap: 0;\n  }\n  sd-modal-select-button > ._button.gap-auto > * + * {\n    margin-left: var(--gap-auto);\n  }\n}\nsd-modal-select-button > ._button > sd-anchor {\n  padding: var(--gap-sm) !important;\n}\nsd-modal-select-button > ._button > sd-button > button {\n  border-left: 1px solid var(--trans-lighter) !important;\n  padding: var(--gap-sm) !important;\n  height: 100%;\n}\nsd-modal-select-button[data-sd-inset=true] {\n  border-radius: 0;\n  border: none;\n}\nsd-modal-select-button[data-sd-size=sm] > ._content {\n  padding: var(--gap-xs) var(--gap-default);\n}\nsd-modal-select-button[data-sd-size=sm] > ._button > sd-anchor {\n  padding: var(--gap-xs) var(--gap-sm) !important;\n}\nsd-modal-select-button[data-sd-size=sm] > ._button > sd-button > button {\n  padding: var(--gap-xs) var(--gap-sm) !important;\n}\nsd-modal-select-button[data-sd-size=lg] > ._content {\n  padding: var(--gap-default) var(--gap-xl);\n}\nsd-modal-select-button[data-sd-size=lg] > ._button > sd-anchor {\n  padding: var(--gap-default) !important;\n}\nsd-modal-select-button[data-sd-size=lg] > ._button > sd-button > button {\n  padding: var(--gap-default) !important;\n}"] }]
     }], () => [], { modal: [{ type: i0.Input, args: [{ isSignal: true, alias: "modal", required: true }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], selectedItems: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectedItems", required: false }] }, { type: i0.Output, args: ["selectedItemsChange"] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], required: [{ type: i0.Input, args: [{ isSignal: true, alias: "required", required: false }] }], inset: [{ type: i0.Input, args: [{ isSignal: true, alias: "inset", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], selectMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectMode", required: false }] }], modalOptions: [{ type: i0.Input, args: [{ isSignal: true, alias: "modalOptions", required: false }] }], searchIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "searchIcon", required: false }] }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdModalSelectButtonControl, { className: "SdModalSelectButtonControl", filePath: "packages/angular/src/ui/form/button/sd-modal-select-button.control.ts", lineNumber: 146, forbidOrphanRendering: true }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdModalSelectButton, { className: "SdModalSelectButton", filePath: "packages/angular/src/ui/form/button/sd-modal-select-button.ts", lineNumber: 146, forbidOrphanRendering: true }); })();

package/dist/ui/form/checkbox/{sd-checkbox-group-item.control.d.ts → sd-checkbox-group-item.d.ts}

@@ -1,12 +1,12 @@
 import * as i0 from "@angular/core";
-export declare class SdCheckboxGroupItemControl<T> {
+export declare class SdCheckboxGroupItem<T> {
     private readonly _parentControl;
     value: import("@angular/core").InputSignal<T>;
     inline: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
     isSelected: import("@angular/core").Signal<boolean>;
     disabled: import("@angular/core").Signal<boolean>;
     onSelectedChange(selected: boolean): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<SdCheckboxGroupItemControl<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SdCheckboxGroupItemControl<any>, "sd-checkbox-group-item", never, { "value": { "alias": "value"; "required": true; "isSignal": true; }; "inline": { "alias": "inline"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SdCheckboxGroupItem<any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SdCheckboxGroupItem<any>, "sd-checkbox-group-item", never, { "value": { "alias": "value"; "required": true; "isSignal": true; }; "inline": { "alias": "inline"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
-//# sourceMappingURL=sd-checkbox-group-item.control.d.ts.map
+//# sourceMappingURL=sd-checkbox-group-item.d.ts.map

package/dist/ui/form/checkbox/sd-checkbox-group-item.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sd-checkbox-group-item.d.ts","sourceRoot":"","sources":["../../../../src/ui/form/checkbox/sd-checkbox-group-item.ts"],"names":[],"mappings":";AAaA,qBAiBa,mBAAmB,CAAC,CAAC;IAChC,OAAO,CAAC,QAAQ,CAAC,cAAc,CAE7B;IAEF,KAAK,yCAAuB;IAC5B,MAAM,qEAAiD;IAEvD,UAAU,0CAAsE;IAChF,QAAQ,0CAAkD;IAE1D,gBAAgB,CAAC,QAAQ,EAAE,OAAO;yCAXvB,mBAAmB;2CAAnB,mBAAmB;CAoB/B"}

package/dist/ui/form/checkbox/{sd-checkbox-group-item.control.js → sd-checkbox-group-item.js}

@@ -1,10 +1,10 @@
 import { booleanAttribute, ChangeDetectionStrategy, Component, computed, forwardRef, inject, input, ViewEncapsulation, } from "@angular/core";
-import { SdCheckboxGroupControl } from "./sd-checkbox-group.control";
-import { SdCheckboxControl } from "./sd-checkbox.control";
+import { SdCheckboxGroup } from "./sd-checkbox-group";
+import { SdCheckbox } from "./sd-checkbox";
 import * as i0 from "@angular/core";
 const _c0 = ["*"];
-export class SdCheckboxGroupItemControl {
-    _parentControl = inject(forwardRef(() => SdCheckboxGroupControl));
+export class SdCheckboxGroupItem {
+    _parentControl = inject(forwardRef(() => SdCheckboxGroup));
     value = input.required(...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
     inline = input(false, { ...(ngDevMode ? { debugName: "inline" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
     isSelected = computed(() => this._parentControl.value().includes(this.value()), ...(ngDevMode ? [{ debugName: "isSelected" }] : /* istanbul ignore next */ []));
@@ -19,25 +19,25 @@ export class SdCheckboxGroupItemControl {
             }
         });
     }
-    static ɵfac = function SdCheckboxGroupItemControl_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SdCheckboxGroupItemControl)(); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SdCheckboxGroupItemControl, selectors: [["sd-checkbox-group-item"]], inputs: { value: [1, "value"], inline: [1, "inline"] }, ngContentSelectors: _c0, decls: 2, vars: 3, consts: [[3, "valueChange", "value", "inline", "disabled"]], template: function SdCheckboxGroupItemControl_Template(rf, ctx) { if (rf & 1) {
+    static ɵfac = function SdCheckboxGroupItem_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SdCheckboxGroupItem)(); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SdCheckboxGroupItem, selectors: [["sd-checkbox-group-item"]], inputs: { value: [1, "value"], inline: [1, "inline"] }, ngContentSelectors: _c0, decls: 2, vars: 3, consts: [[3, "valueChange", "value", "inline", "disabled"]], template: function SdCheckboxGroupItem_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵelementStart(0, "sd-checkbox", 0);
-            i0.ɵɵlistener("valueChange", function SdCheckboxGroupItemControl_Template_sd_checkbox_valueChange_0_listener($event) { return ctx.onSelectedChange($event); });
+            i0.ɵɵlistener("valueChange", function SdCheckboxGroupItem_Template_sd_checkbox_valueChange_0_listener($event) { return ctx.onSelectedChange($event); });
             i0.ɵɵprojection(1);
             i0.ɵɵelementEnd();
         } if (rf & 2) {
             i0.ɵɵproperty("value", ctx.isSelected())("inline", ctx.inline())("disabled", ctx.disabled());
-        } }, dependencies: [SdCheckboxControl], encapsulation: 2, changeDetection: 0 });
+        } }, dependencies: [SdCheckbox], encapsulation: 2, changeDetection: 0 });
 }
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SdCheckboxGroupItemControl, [{
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SdCheckboxGroupItem, [{
         type: Component,
         args: [{
                 selector: "sd-checkbox-group-item",
                 changeDetection: ChangeDetectionStrategy.OnPush,
                 encapsulation: ViewEncapsulation.None,
                 standalone: true,
-                imports: [SdCheckboxControl],
+                imports: [SdCheckbox],
                 template: `
     <sd-checkbox
       [value]="isSelected()"
@@ -50,4 +50,4 @@ export class SdCheckboxGroupItemControl {
   `,
             }]
     }], null, { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: true }] }], inline: [{ type: i0.Input, args: [{ isSignal: true, alias: "inline", required: false }] }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdCheckboxGroupItemControl, { className: "SdCheckboxGroupItemControl", filePath: "packages/angular/src/ui/form/checkbox/sd-checkbox-group-item.control.ts", lineNumber: 31, forbidOrphanRendering: true }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdCheckboxGroupItem, { className: "SdCheckboxGroupItem", filePath: "packages/angular/src/ui/form/checkbox/sd-checkbox-group-item.ts", lineNumber: 31, forbidOrphanRendering: true }); })();

package/dist/ui/form/checkbox/sd-checkbox-group.d.ts

@@ -0,0 +1,8 @@
+import * as i0 from "@angular/core";
+export declare class SdCheckboxGroup<T> {
+    value: import("@angular/core").ModelSignal<T[]>;
+    disabled: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SdCheckboxGroup<any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SdCheckboxGroup<any>, "sd-checkbox-group", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, ["*"], true, never>;
+}
+//# sourceMappingURL=sd-checkbox-group.d.ts.map

package/dist/ui/form/checkbox/sd-checkbox-group.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sd-checkbox-group.d.ts","sourceRoot":"","sources":["../../../../src/ui/form/checkbox/sd-checkbox-group.ts"],"names":[],"mappings":";AASA,qBAUa,eAAe,CAAC,CAAC;IAC5B,KAAK,2CAAkB;IAEvB,QAAQ,qEAAiD;yCAH9C,eAAe;2CAAf,eAAe;CAI3B"}

package/dist/ui/form/checkbox/{sd-checkbox-group.control.js → sd-checkbox-group.js}

@@ -1,16 +1,16 @@
 import { booleanAttribute, ChangeDetectionStrategy, Component, input, model, ViewEncapsulation, } from "@angular/core";
 import * as i0 from "@angular/core";
 const _c0 = ["*"];
-export class SdCheckboxGroupControl {
+export class SdCheckboxGroup {
     value = model([], ...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
     disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
-    static ɵfac = function SdCheckboxGroupControl_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SdCheckboxGroupControl)(); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SdCheckboxGroupControl, selectors: [["sd-checkbox-group"]], inputs: { value: [1, "value"], disabled: [1, "disabled"] }, outputs: { value: "valueChange" }, ngContentSelectors: _c0, decls: 1, vars: 0, template: function SdCheckboxGroupControl_Template(rf, ctx) { if (rf & 1) {
+    static ɵfac = function SdCheckboxGroup_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SdCheckboxGroup)(); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SdCheckboxGroup, selectors: [["sd-checkbox-group"]], inputs: { value: [1, "value"], disabled: [1, "disabled"] }, outputs: { value: "valueChange" }, ngContentSelectors: _c0, decls: 1, vars: 0, template: function SdCheckboxGroup_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵprojection(0);
         } }, encapsulation: 2, changeDetection: 0 });
 }
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SdCheckboxGroupControl, [{
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SdCheckboxGroup, [{
         type: Component,
         args: [{
                 selector: "sd-checkbox-group",
@@ -23,4 +23,4 @@ export class SdCheckboxGroupControl {
   `,
             }]
     }], null, { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdCheckboxGroupControl, { className: "SdCheckboxGroupControl", filePath: "packages/angular/src/ui/form/checkbox/sd-checkbox-group.control.ts", lineNumber: 20, forbidOrphanRendering: true }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdCheckboxGroup, { className: "SdCheckboxGroup", filePath: "packages/angular/src/ui/form/checkbox/sd-checkbox-group.ts", lineNumber: 20, forbidOrphanRendering: true }); })();

package/dist/ui/form/checkbox/sd-checkbox.d.ts

@@ -0,0 +1,19 @@
+import * as i0 from "@angular/core";
+export declare class SdCheckbox {
+    value: import("@angular/core").ModelSignal<boolean>;
+    canChangeFn: import("@angular/core").InputSignal<(item: boolean) => boolean | Promise<boolean>>;
+    icon: import("@angular/core").InputSignal<string>;
+    radio: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    disabled: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    size: import("@angular/core").InputSignal<"sm" | "lg" | undefined>;
+    inline: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    inset: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    theme: import("@angular/core").InputSignal<"info" | "success" | "white" | "primary" | "secondary" | "warning" | "danger" | "gray" | "blue-gray" | undefined>;
+    contentStyle: import("@angular/core").InputSignal<string | undefined>;
+    constructor();
+    onClick(): void;
+    onKeydown(event: KeyboardEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SdCheckbox, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SdCheckbox, "sd-checkbox", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "canChangeFn": { "alias": "canChangeFn"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "radio": { "alias": "radio"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "inline": { "alias": "inline"; "required": false; "isSignal": true; }; "inset": { "alias": "inset"; "required": false; "isSignal": true; }; "theme": { "alias": "theme"; "required": false; "isSignal": true; }; "contentStyle": { "alias": "contentStyle"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, ["*"], true, never>;
+}
+//# sourceMappingURL=sd-checkbox.d.ts.map