@3ddv/software-division-components 1.4.1 → 1.4.3

package/.claude/settings.local.json

@@ -0,0 +1,9 @@
+{
+  "permissions": {
+    "allow": [
+      "Bash(pnpm run build:lib:*)",
+      "Bash(pnpm run build)",
+      "Bash(pnpm install)"
+    ]
+  }
+}

package/.postcssrc.json

@@ -0,0 +1,5 @@
+{
+  "plugins": {
+    "@tailwindcss/postcss": {}
+  }
+}

package/.storybook/main.ts

@@ -0,0 +1,28 @@
+import { StorybookConfig } from '@storybook/angular';
+
+// Configuration taken from https://dev.to/brandontroberts/using-storybook-with-angular-and-vite-48ga
+const config: StorybookConfig = {
+  stories: ['../src/**/*.mdx', '../src/**/*.stories.ts'],
+  addons: [
+    '@storybook/addon-links',
+    '@storybook/addon-essentials',
+    '@storybook/addon-interactions',
+    '@storybook/addon-designs',
+    '@storybook/addon-a11y',
+    '@storybook/addon-docs',
+    '@storybook/addon-jsdoc-to-mdx',
+    '@storybook/addon-themes',
+  ],
+  framework: {
+    name: '@storybook/angular',
+    options: {},
+  },
+  staticDirs: ['../public'],
+  core: {
+    builder: {
+      name: '@storybook/builder-webpack5',
+      options: {},
+    },
+  },
+};
+export default config;

package/.storybook/manager-head.html

@@ -0,0 +1 @@
+<link rel="icon" type="image/jpg" href="/3ddv-logo.jpg" />

package/.storybook/preview.ts

@@ -0,0 +1,30 @@
+import { withThemeByClassName } from '@storybook/addon-themes';
+import { applicationConfig, type Preview } from '@storybook/angular';
+import { provideSdc } from '../src/shared';
+
+const preview: Preview = {
+  tags: ['autodocs'],
+  decorators: [
+    applicationConfig({
+      providers: [provideSdc()],
+    }),
+    withThemeByClassName({
+      themes: {
+        light: 'light-theme',
+        dark: 'dark-theme',
+      },
+      defaultTheme: 'light',
+    }),
+  ],
+  parameters: {
+    controls: {
+      matchers: {
+        color: /(background|color)$/i,
+        date: /Date$/i,
+      },
+    },
+  },
+};
+
+// setCompodocJson(docJson);
+export default preview;

package/.storybook/tsconfig.json

@@ -0,0 +1,13 @@
+{
+  "extends": "../tsconfig.json",
+  "compilerOptions": {
+    "allowSyntheticDefaultImports": true,
+    "resolveJsonModule": true
+  },
+  "angularCompilerOptions": {
+    "strictTemplates": true
+  },
+  "exclude": ["../src/test.ts", "../src/**/*.spec.ts"],
+  "include": ["../src/**/*.stories.*", "../src/**/*.css", "./preview.ts"],
+  "files": ["./typings.d.ts"]
+}

package/.storybook/typings.d.ts

@@ -0,0 +1,4 @@
+declare module '*.md' {
+  const content: string;
+  export default content;
+}

package/LICENSE.md

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2025 Mobile Media Content
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/components.json

@@ -0,0 +1,3 @@
+{
+  "componentsPath": "libs/ui"
+}

package/{fesm2022 → dist/fesm2022}/3ddv-software-division-components.mjs

@@ -1944,6 +1944,8 @@ const BUTTON_VARIANTS = {
     primary: 'primary',
     'primary-light': 'primary-light',
     secondary: 'secondary',
+    accent: 'accent',
+    'accent-light': 'accent-light',
     alternative: 'alternative',
     'alternative-light': 'alternative-light',
     warning: 'warning',
@@ -2214,11 +2216,11 @@ class ButtonComponent {
         }, 600);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: ButtonComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.14", type: ButtonComponent, isStandalone: true, selector: "sdc-button", inputs: { theme: { classPropertyName: "theme", publicName: "theme", isSignal: true, isRequired: false, transformFunction: null }, styleClass: { classPropertyName: "styleClass", publicName: "styleClass", isSignal: true, isRequired: false, transformFunction: null }, className: { classPropertyName: "className", publicName: "className", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, ripple: { classPropertyName: "ripple", publicName: "ripple", isSignal: true, isRequired: false, transformFunction: null }, debounce: { classPropertyName: "debounce", publicName: "debounce", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onClick: "onClick", onFocus: "onFocus", onBlur: "onBlur", isDebounced: "isDebounced" }, ngImport: i0, template: "<button\n  hlmBtn\n  [class]=\"computedClass()\"\n  [disabled]=\"disabled() || debounceState()\"\n  (click)=\"handleClick($event); createRipple($event)\"\n  (focus)=\"handleFocus($event)\"\n  (blur)=\"handleBlur($event)\"\n  [type]=\"type()\">\n  <ng-content></ng-content>\n</button>\n", styles: [".sdc-button{--sdc-button-ripple-color: var(--color-neutral-300);--sdc-button-text-color: var(--color-pure-white);--sdc-button-text-size: var(--text-base);--sdc-button-text-weight: var(--font-medium);--sdc-button-background: var(--color-primary);--sdc-button-padding: var(--space-2) var(--space-7);--sdc-button-border-color: var(--color-primary);--sdc-button-border-radius: var(--radius-full);--sdc-button-border-width: var(--border-0);--sdc-button-height: 100%;--sdc-button-width: 100%;position:relative;overflow:hidden;cursor:pointer;color:var(--sdc-button-text-color);font-size:var(--sdc-button-text-size);font-weight:var(--sdc-button-text-weight);background:var(--sdc-button-background);padding:var(--sdc-button-padding);border-color:var(--sdc-button-border-color);border-radius:var(--sdc-button-border-radius);border-width:var(--sdc-button-border-width);height:var(--sdc-button-height);width:var(--sdc-button-width)}.sdc-button[disabled]{cursor:not-allowed;opacity:.6;transition:opacity .2s ease-in-out}.sdc-button:not([disabled]){transition:all .2s ease-in-out}.sdc-button:not([disabled]):hover{transform:translateY(-1px);box-shadow:0 4px 8px #0000001a}.sdc-button:not([disabled]):focus{outline:none}.sdc-button:not([disabled]):active{transform:translateY(0);box-shadow:0 2px 4px #0000001a}.sdc-button.variant-primary{--sdc-button-background: var(--color-primary);--sdc-button-border-color: var(--color-primary)}.sdc-button.variant-primary-light{--sdc-button-background: color-mix(in srgb, var(--color-primary) 15%, white);--sdc-button-border-color: var(--color-outline);--sdc-button-text-color: var(--color-primary)}.sdc-button.variant-secondary{--sdc-button-background: var(--color-secondary);--sdc-button-border-color: var(--color-secondary);--sdc-button-text-color: var(--color-primary)}.sdc-button.variant-alternative{--sdc-button-background: var(--color-alternative);--sdc-button-border-color: var(--color-alternative)}.sdc-button.variant-alternative-light{--sdc-button-background: color-mix(in srgb, var(--color-alternative) 15%, white);--sdc-button-border-color: var(--color-alternative);--sdc-button-text-color: var(--color-primary)}.sdc-button.variant-success{--sdc-button-background: var(--color-success);--sdc-button-border-color: var(--color-success)}.sdc-button.variant-warning{--sdc-button-background: var(--color-warning);--sdc-button-border-color: var(--color-warning)}.sdc-button.variant-danger{--sdc-button-background: var(--color-danger);--sdc-button-border-color: var(--color-danger)}.sdc-button.variant-outline{--sdc-button-background: transparent;--sdc-button-border-width: var(--border-default);--sdc-button-border-color: var(--color-primary);--sdc-button-text-color: var(--color-neutral-700)}.sdc-button.variant-outline:hover{box-shadow:none}.sdc-button.variant-outline-alternative{--sdc-button-background: transparent;--sdc-button-border-width: var(--border-default);--sdc-button-border-color: var(--color-alternative);--sdc-button-text-color: var(--color-alternative)}.sdc-button.variant-outline-alternative:hover{box-shadow:none}.sdc-button.variant-outline-white{--sdc-button-background: transparent;--sdc-button-border-width: var(--border-default);--sdc-button-border-color: white;--sdc-button-text-color: white}.sdc-button.variant-outline-white:hover{box-shadow:none}.sdc-button.variant-link{--sdc-button-background: transparent;--sdc-button-border-color: transparent;--sdc-button-text-color: var(--color-neutral-700)}.sdc-button.variant-link:hover{box-shadow:none}.sdc-button.variant-success-light{--sdc-button-background: color-mix(in srgb, var(--color-success) 15%, white);--sdc-button-border-color: var(--color-success);--sdc-button-text-color: var(--color-success)}.sdc-button.variant-warning-light{--sdc-button-background: color-mix(in srgb, var(--color-warning) 15%, white);--sdc-button-border-color: var(--color-warning);--sdc-button-text-color: var(--color-warning)}.sdc-button.variant-destructive-light{--sdc-button-background: color-mix(in srgb, var(--color-danger) 20%, white);--sdc-button-border-color: var(--color-danger);--sdc-button-text-color: var(--color-danger)}.sdc-button.size-xxs,.sdc-button.size-xs{--sdc-button-padding: var(--space-1) var(--space-2_5);--sdc-button-text-size: var(--text-xs);--sdc-button-text-weight: var(--font-regular)}.sdc-button.size-sm{--sdc-button-padding: var(--space-1) var(--space-4);--sdc-button-text-size: var(--text-sm);--sdc-button-text-weight: var(--font-semibold)}.sdc-button.size-md{--sdc-button-padding: var(--space-1_5) var(--space-7);--sdc-button-text-size: var(--text-sm);--sdc-button-text-weight: var(--font-semibold)}.sdc-button.size-lg,.sdc-button.size-xl,.sdc-button.size-2xl{--sdc-button-padding: var(--space-2) var(--space-8);--sdc-button-text-size: var(--text-lg);--sdc-button-text-weight: var(--font-semibold)}.sdc-button.size-circle-sm{display:flex;justify-content:center;align-items:center;--sdc-button-padding: 0;--sdc-button-height: var(--space-6);--sdc-button-width: var(--space-6);--sdc-button-text-size: var(--text-sm);--sdc-button-text-weight: var(--font-medium)}.sdc-button.size-circle-md{display:flex;justify-content:center;align-items:center;--sdc-button-padding: 0;--sdc-button-height: var(--space-8);--sdc-button-width: var(--space-8);--sdc-button-text-size: var(--text-base);--sdc-button-text-weight: var(--font-medium)}.sdc-button.size-circle-lg{display:flex;justify-content:center;align-items:center;--sdc-button-padding: 0;--sdc-button-height: var(--space-10);--sdc-button-width: var(--space-10);--sdc-button-text-size: var(--text-xl);--sdc-button-text-weight: var(--font-medium)}.sdc-button.size-circle-xl{display:flex;justify-content:center;align-items:center;--sdc-button-padding: 0;--sdc-button-height: var(--space-12);--sdc-button-width: var(--space-12);--sdc-button-text-size: var(--text-2xl);--sdc-button-text-weight: var(--font-medium)}.sdc-button.radius-default{--sdc-button-border-radius: var(--radius-default)}.sdc-button.radius-sm{--sdc-button-border-radius: var(--radius-sm)}.sdc-button.radius-md{--sdc-button-border-radius: var(--radius-md)}.sdc-button.radius-lg{--sdc-button-border-radius: var(--radius-lg)}.sdc-button.radius-xl{--sdc-button-border-radius: var(--radius-xl)}.sdc-button.radius-2xl{--sdc-button-border-radius: var(--radius-2xl)}.sdc-button.radius-full{--sdc-button-border-radius: var(--radius-full)}.sdc-button.border-0{--sdc-button-border-width: var(--border-0)}.sdc-button.border-default{--sdc-button-border-width: var(--border-default)}.sdc-button.border-2{--sdc-button-border-width: var(--border-2)}.sdc-button.border-4{--sdc-button-border-width: var(--border-4)}.sdc-button.border-8{--sdc-button-border-width: var(--border-8)}\n"], dependencies: [{ kind: "ngmodule", type: HlmButtonModule }, { kind: "directive", type: HlmButton, selector: "[hlmBtn]", inputs: ["class", "variant", "size"], exportAs: ["hlmBtn"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.14", type: ButtonComponent, isStandalone: true, selector: "sdc-button", inputs: { theme: { classPropertyName: "theme", publicName: "theme", isSignal: true, isRequired: false, transformFunction: null }, styleClass: { classPropertyName: "styleClass", publicName: "styleClass", isSignal: true, isRequired: false, transformFunction: null }, className: { classPropertyName: "className", publicName: "className", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, ripple: { classPropertyName: "ripple", publicName: "ripple", isSignal: true, isRequired: false, transformFunction: null }, debounce: { classPropertyName: "debounce", publicName: "debounce", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onClick: "onClick", onFocus: "onFocus", onBlur: "onBlur", isDebounced: "isDebounced" }, ngImport: i0, template: "<button\n  hlmBtn\n  [class]=\"computedClass()\"\n  [disabled]=\"disabled() || debounceState()\"\n  (click)=\"handleClick($event); createRipple($event)\"\n  (focus)=\"handleFocus($event)\"\n  (blur)=\"handleBlur($event)\"\n  [type]=\"type()\">\n  <ng-content></ng-content>\n</button>\n", styles: [".sdc-button{--sdc-button-ripple-color: var(--color-neutral-300);--sdc-button-text-color: var(--color-pure-white);--sdc-button-text-size: var(--text-base);--sdc-button-text-weight: var(--font-medium);--sdc-button-background: var(--color-primary);--sdc-button-padding: var(--space-2) var(--space-7);--sdc-button-border-color: var(--color-primary);--sdc-button-border-radius: var(--radius-full);--sdc-button-border-width: var(--border-0);--sdc-button-height: 100%;--sdc-button-width: 100%;position:relative;overflow:hidden;cursor:pointer;color:var(--sdc-button-text-color);font-size:var(--sdc-button-text-size);font-weight:var(--sdc-button-text-weight);background:var(--sdc-button-background);padding:var(--sdc-button-padding);border-color:var(--sdc-button-border-color);border-radius:var(--sdc-button-border-radius);border-width:var(--sdc-button-border-width);height:var(--sdc-button-height);width:var(--sdc-button-width)}.sdc-button[disabled]{cursor:not-allowed;opacity:.6;transition:opacity .2s ease-in-out}.sdc-button:not([disabled]){transition:all .2s ease-in-out}.sdc-button:not([disabled]):hover{transform:translateY(-1px);box-shadow:0 4px 8px #0000001a}.sdc-button:not([disabled]):focus{outline:none}.sdc-button:not([disabled]):active{transform:translateY(0);box-shadow:0 2px 4px #0000001a}.sdc-button.variant-primary{--sdc-button-background: var(--color-primary);--sdc-button-border-color: var(--color-primary)}.sdc-button.variant-primary-light{--sdc-button-background: color-mix(in srgb, var(--color-primary) 15%, white);--sdc-button-border-color: var(--color-outline);--sdc-button-text-color: var(--color-primary)}.sdc-button.variant-secondary{--sdc-button-background: var(--color-secondary);--sdc-button-border-color: var(--color-secondary);--sdc-button-text-color: var(--color-primary)}.sdc-button.variant-alternative{--sdc-button-background: var(--color-alternative);--sdc-button-border-color: var(--color-alternative)}.sdc-button.variant-alternative-light{--sdc-button-background: color-mix(in srgb, var(--color-alternative) 15%, white);--sdc-button-border-color: var(--color-alternative);--sdc-button-text-color: var(--color-primary)}.sdc-button.variant-accent{--sdc-button-background: var(--color-accent);--sdc-button-border-color: var(--color-accent)}.sdc-button.variant--accent-light{--sdc-button-background: color-mix(in srgb, var(--color-accent) 15%, white);--sdc-button-border-color: var(--color-accent);--sdc-button-text-color: var(--color-primary)}.sdc-button.variant-success{--sdc-button-background: var(--color-success);--sdc-button-border-color: var(--color-success)}.sdc-button.variant-warning{--sdc-button-background: var(--color-warning);--sdc-button-border-color: var(--color-warning)}.sdc-button.variant-danger{--sdc-button-background: var(--color-danger);--sdc-button-border-color: var(--color-danger)}.sdc-button.variant-outline{--sdc-button-background: transparent;--sdc-button-border-width: var(--border-default);--sdc-button-border-color: var(--color-primary);--sdc-button-text-color: var(--color-neutral-700)}.sdc-button.variant-outline:hover{box-shadow:none}.sdc-button.variant-outline-alternative{--sdc-button-background: transparent;--sdc-button-border-width: var(--border-default);--sdc-button-border-color: var(--color-alternative);--sdc-button-text-color: var(--color-alternative)}.sdc-button.variant-outline-alternative:hover{box-shadow:none}.sdc-button.variant-outline-white{--sdc-button-background: transparent;--sdc-button-border-width: var(--border-default);--sdc-button-border-color: white;--sdc-button-text-color: white}.sdc-button.variant-outline-white:hover{box-shadow:none}.sdc-button.variant-link{--sdc-button-background: transparent;--sdc-button-border-color: transparent;--sdc-button-text-color: var(--color-neutral-700)}.sdc-button.variant-link:hover{box-shadow:none}.sdc-button.variant-success-light{--sdc-button-background: color-mix(in srgb, var(--color-success) 15%, white);--sdc-button-border-color: var(--color-success);--sdc-button-text-color: var(--color-success)}.sdc-button.variant-warning-light{--sdc-button-background: color-mix(in srgb, var(--color-warning) 15%, white);--sdc-button-border-color: var(--color-warning);--sdc-button-text-color: var(--color-warning)}.sdc-button.variant-destructive-light{--sdc-button-background: color-mix(in srgb, var(--color-danger) 20%, white);--sdc-button-border-color: var(--color-danger);--sdc-button-text-color: var(--color-danger)}.sdc-button.size-xxs,.sdc-button.size-xs{--sdc-button-padding: var(--space-1) var(--space-2_5);--sdc-button-text-size: var(--text-xs);--sdc-button-text-weight: var(--font-regular)}.sdc-button.size-sm{--sdc-button-padding: var(--space-1) var(--space-4);--sdc-button-text-size: var(--text-sm);--sdc-button-text-weight: var(--font-semibold)}.sdc-button.size-md{--sdc-button-padding: var(--space-1_5) var(--space-7);--sdc-button-text-size: var(--text-sm);--sdc-button-text-weight: var(--font-semibold)}.sdc-button.size-lg,.sdc-button.size-xl,.sdc-button.size-2xl{--sdc-button-padding: var(--space-2) var(--space-8);--sdc-button-text-size: var(--text-lg);--sdc-button-text-weight: var(--font-semibold)}.sdc-button.size-circle-sm{display:flex;justify-content:center;align-items:center;--sdc-button-padding: 0;--sdc-button-height: var(--space-6);--sdc-button-width: var(--space-6);--sdc-button-text-size: var(--text-sm);--sdc-button-text-weight: var(--font-medium)}.sdc-button.size-circle-md{display:flex;justify-content:center;align-items:center;--sdc-button-padding: 0;--sdc-button-height: var(--space-8);--sdc-button-width: var(--space-8);--sdc-button-text-size: var(--text-base);--sdc-button-text-weight: var(--font-medium)}.sdc-button.size-circle-lg{display:flex;justify-content:center;align-items:center;--sdc-button-padding: 0;--sdc-button-height: var(--space-10);--sdc-button-width: var(--space-10);--sdc-button-text-size: var(--text-xl);--sdc-button-text-weight: var(--font-medium)}.sdc-button.size-circle-xl{display:flex;justify-content:center;align-items:center;--sdc-button-padding: 0;--sdc-button-height: var(--space-12);--sdc-button-width: var(--space-12);--sdc-button-text-size: var(--text-2xl);--sdc-button-text-weight: var(--font-medium)}.sdc-button.radius-default{--sdc-button-border-radius: var(--radius-default)}.sdc-button.radius-sm{--sdc-button-border-radius: var(--radius-sm)}.sdc-button.radius-md{--sdc-button-border-radius: var(--radius-md)}.sdc-button.radius-lg{--sdc-button-border-radius: var(--radius-lg)}.sdc-button.radius-xl{--sdc-button-border-radius: var(--radius-xl)}.sdc-button.radius-2xl{--sdc-button-border-radius: var(--radius-2xl)}.sdc-button.radius-full{--sdc-button-border-radius: var(--radius-full)}.sdc-button.border-0{--sdc-button-border-width: var(--border-0)}.sdc-button.border-default{--sdc-button-border-width: var(--border-default)}.sdc-button.border-2{--sdc-button-border-width: var(--border-2)}.sdc-button.border-4{--sdc-button-border-width: var(--border-4)}.sdc-button.border-8{--sdc-button-border-width: var(--border-8)}\n"], dependencies: [{ kind: "ngmodule", type: HlmButtonModule }, { kind: "directive", type: HlmButton, selector: "[hlmBtn]", inputs: ["class", "variant", "size"], exportAs: ["hlmBtn"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: ButtonComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'sdc-button', imports: [HlmButtonModule], template: "<button\n  hlmBtn\n  [class]=\"computedClass()\"\n  [disabled]=\"disabled() || debounceState()\"\n  (click)=\"handleClick($event); createRipple($event)\"\n  (focus)=\"handleFocus($event)\"\n  (blur)=\"handleBlur($event)\"\n  [type]=\"type()\">\n  <ng-content></ng-content>\n</button>\n", styles: [".sdc-button{--sdc-button-ripple-color: var(--color-neutral-300);--sdc-button-text-color: var(--color-pure-white);--sdc-button-text-size: var(--text-base);--sdc-button-text-weight: var(--font-medium);--sdc-button-background: var(--color-primary);--sdc-button-padding: var(--space-2) var(--space-7);--sdc-button-border-color: var(--color-primary);--sdc-button-border-radius: var(--radius-full);--sdc-button-border-width: var(--border-0);--sdc-button-height: 100%;--sdc-button-width: 100%;position:relative;overflow:hidden;cursor:pointer;color:var(--sdc-button-text-color);font-size:var(--sdc-button-text-size);font-weight:var(--sdc-button-text-weight);background:var(--sdc-button-background);padding:var(--sdc-button-padding);border-color:var(--sdc-button-border-color);border-radius:var(--sdc-button-border-radius);border-width:var(--sdc-button-border-width);height:var(--sdc-button-height);width:var(--sdc-button-width)}.sdc-button[disabled]{cursor:not-allowed;opacity:.6;transition:opacity .2s ease-in-out}.sdc-button:not([disabled]){transition:all .2s ease-in-out}.sdc-button:not([disabled]):hover{transform:translateY(-1px);box-shadow:0 4px 8px #0000001a}.sdc-button:not([disabled]):focus{outline:none}.sdc-button:not([disabled]):active{transform:translateY(0);box-shadow:0 2px 4px #0000001a}.sdc-button.variant-primary{--sdc-button-background: var(--color-primary);--sdc-button-border-color: var(--color-primary)}.sdc-button.variant-primary-light{--sdc-button-background: color-mix(in srgb, var(--color-primary) 15%, white);--sdc-button-border-color: var(--color-outline);--sdc-button-text-color: var(--color-primary)}.sdc-button.variant-secondary{--sdc-button-background: var(--color-secondary);--sdc-button-border-color: var(--color-secondary);--sdc-button-text-color: var(--color-primary)}.sdc-button.variant-alternative{--sdc-button-background: var(--color-alternative);--sdc-button-border-color: var(--color-alternative)}.sdc-button.variant-alternative-light{--sdc-button-background: color-mix(in srgb, var(--color-alternative) 15%, white);--sdc-button-border-color: var(--color-alternative);--sdc-button-text-color: var(--color-primary)}.sdc-button.variant-success{--sdc-button-background: var(--color-success);--sdc-button-border-color: var(--color-success)}.sdc-button.variant-warning{--sdc-button-background: var(--color-warning);--sdc-button-border-color: var(--color-warning)}.sdc-button.variant-danger{--sdc-button-background: var(--color-danger);--sdc-button-border-color: var(--color-danger)}.sdc-button.variant-outline{--sdc-button-background: transparent;--sdc-button-border-width: var(--border-default);--sdc-button-border-color: var(--color-primary);--sdc-button-text-color: var(--color-neutral-700)}.sdc-button.variant-outline:hover{box-shadow:none}.sdc-button.variant-outline-alternative{--sdc-button-background: transparent;--sdc-button-border-width: var(--border-default);--sdc-button-border-color: var(--color-alternative);--sdc-button-text-color: var(--color-alternative)}.sdc-button.variant-outline-alternative:hover{box-shadow:none}.sdc-button.variant-outline-white{--sdc-button-background: transparent;--sdc-button-border-width: var(--border-default);--sdc-button-border-color: white;--sdc-button-text-color: white}.sdc-button.variant-outline-white:hover{box-shadow:none}.sdc-button.variant-link{--sdc-button-background: transparent;--sdc-button-border-color: transparent;--sdc-button-text-color: var(--color-neutral-700)}.sdc-button.variant-link:hover{box-shadow:none}.sdc-button.variant-success-light{--sdc-button-background: color-mix(in srgb, var(--color-success) 15%, white);--sdc-button-border-color: var(--color-success);--sdc-button-text-color: var(--color-success)}.sdc-button.variant-warning-light{--sdc-button-background: color-mix(in srgb, var(--color-warning) 15%, white);--sdc-button-border-color: var(--color-warning);--sdc-button-text-color: var(--color-warning)}.sdc-button.variant-destructive-light{--sdc-button-background: color-mix(in srgb, var(--color-danger) 20%, white);--sdc-button-border-color: var(--color-danger);--sdc-button-text-color: var(--color-danger)}.sdc-button.size-xxs,.sdc-button.size-xs{--sdc-button-padding: var(--space-1) var(--space-2_5);--sdc-button-text-size: var(--text-xs);--sdc-button-text-weight: var(--font-regular)}.sdc-button.size-sm{--sdc-button-padding: var(--space-1) var(--space-4);--sdc-button-text-size: var(--text-sm);--sdc-button-text-weight: var(--font-semibold)}.sdc-button.size-md{--sdc-button-padding: var(--space-1_5) var(--space-7);--sdc-button-text-size: var(--text-sm);--sdc-button-text-weight: var(--font-semibold)}.sdc-button.size-lg,.sdc-button.size-xl,.sdc-button.size-2xl{--sdc-button-padding: var(--space-2) var(--space-8);--sdc-button-text-size: var(--text-lg);--sdc-button-text-weight: var(--font-semibold)}.sdc-button.size-circle-sm{display:flex;justify-content:center;align-items:center;--sdc-button-padding: 0;--sdc-button-height: var(--space-6);--sdc-button-width: var(--space-6);--sdc-button-text-size: var(--text-sm);--sdc-button-text-weight: var(--font-medium)}.sdc-button.size-circle-md{display:flex;justify-content:center;align-items:center;--sdc-button-padding: 0;--sdc-button-height: var(--space-8);--sdc-button-width: var(--space-8);--sdc-button-text-size: var(--text-base);--sdc-button-text-weight: var(--font-medium)}.sdc-button.size-circle-lg{display:flex;justify-content:center;align-items:center;--sdc-button-padding: 0;--sdc-button-height: var(--space-10);--sdc-button-width: var(--space-10);--sdc-button-text-size: var(--text-xl);--sdc-button-text-weight: var(--font-medium)}.sdc-button.size-circle-xl{display:flex;justify-content:center;align-items:center;--sdc-button-padding: 0;--sdc-button-height: var(--space-12);--sdc-button-width: var(--space-12);--sdc-button-text-size: var(--text-2xl);--sdc-button-text-weight: var(--font-medium)}.sdc-button.radius-default{--sdc-button-border-radius: var(--radius-default)}.sdc-button.radius-sm{--sdc-button-border-radius: var(--radius-sm)}.sdc-button.radius-md{--sdc-button-border-radius: var(--radius-md)}.sdc-button.radius-lg{--sdc-button-border-radius: var(--radius-lg)}.sdc-button.radius-xl{--sdc-button-border-radius: var(--radius-xl)}.sdc-button.radius-2xl{--sdc-button-border-radius: var(--radius-2xl)}.sdc-button.radius-full{--sdc-button-border-radius: var(--radius-full)}.sdc-button.border-0{--sdc-button-border-width: var(--border-0)}.sdc-button.border-default{--sdc-button-border-width: var(--border-default)}.sdc-button.border-2{--sdc-button-border-width: var(--border-2)}.sdc-button.border-4{--sdc-button-border-width: var(--border-4)}.sdc-button.border-8{--sdc-button-border-width: var(--border-8)}\n"] }]
+            args: [{ selector: 'sdc-button', imports: [HlmButtonModule], template: "<button\n  hlmBtn\n  [class]=\"computedClass()\"\n  [disabled]=\"disabled() || debounceState()\"\n  (click)=\"handleClick($event); createRipple($event)\"\n  (focus)=\"handleFocus($event)\"\n  (blur)=\"handleBlur($event)\"\n  [type]=\"type()\">\n  <ng-content></ng-content>\n</button>\n", styles: [".sdc-button{--sdc-button-ripple-color: var(--color-neutral-300);--sdc-button-text-color: var(--color-pure-white);--sdc-button-text-size: var(--text-base);--sdc-button-text-weight: var(--font-medium);--sdc-button-background: var(--color-primary);--sdc-button-padding: var(--space-2) var(--space-7);--sdc-button-border-color: var(--color-primary);--sdc-button-border-radius: var(--radius-full);--sdc-button-border-width: var(--border-0);--sdc-button-height: 100%;--sdc-button-width: 100%;position:relative;overflow:hidden;cursor:pointer;color:var(--sdc-button-text-color);font-size:var(--sdc-button-text-size);font-weight:var(--sdc-button-text-weight);background:var(--sdc-button-background);padding:var(--sdc-button-padding);border-color:var(--sdc-button-border-color);border-radius:var(--sdc-button-border-radius);border-width:var(--sdc-button-border-width);height:var(--sdc-button-height);width:var(--sdc-button-width)}.sdc-button[disabled]{cursor:not-allowed;opacity:.6;transition:opacity .2s ease-in-out}.sdc-button:not([disabled]){transition:all .2s ease-in-out}.sdc-button:not([disabled]):hover{transform:translateY(-1px);box-shadow:0 4px 8px #0000001a}.sdc-button:not([disabled]):focus{outline:none}.sdc-button:not([disabled]):active{transform:translateY(0);box-shadow:0 2px 4px #0000001a}.sdc-button.variant-primary{--sdc-button-background: var(--color-primary);--sdc-button-border-color: var(--color-primary)}.sdc-button.variant-primary-light{--sdc-button-background: color-mix(in srgb, var(--color-primary) 15%, white);--sdc-button-border-color: var(--color-outline);--sdc-button-text-color: var(--color-primary)}.sdc-button.variant-secondary{--sdc-button-background: var(--color-secondary);--sdc-button-border-color: var(--color-secondary);--sdc-button-text-color: var(--color-primary)}.sdc-button.variant-alternative{--sdc-button-background: var(--color-alternative);--sdc-button-border-color: var(--color-alternative)}.sdc-button.variant-alternative-light{--sdc-button-background: color-mix(in srgb, var(--color-alternative) 15%, white);--sdc-button-border-color: var(--color-alternative);--sdc-button-text-color: var(--color-primary)}.sdc-button.variant-accent{--sdc-button-background: var(--color-accent);--sdc-button-border-color: var(--color-accent)}.sdc-button.variant--accent-light{--sdc-button-background: color-mix(in srgb, var(--color-accent) 15%, white);--sdc-button-border-color: var(--color-accent);--sdc-button-text-color: var(--color-primary)}.sdc-button.variant-success{--sdc-button-background: var(--color-success);--sdc-button-border-color: var(--color-success)}.sdc-button.variant-warning{--sdc-button-background: var(--color-warning);--sdc-button-border-color: var(--color-warning)}.sdc-button.variant-danger{--sdc-button-background: var(--color-danger);--sdc-button-border-color: var(--color-danger)}.sdc-button.variant-outline{--sdc-button-background: transparent;--sdc-button-border-width: var(--border-default);--sdc-button-border-color: var(--color-primary);--sdc-button-text-color: var(--color-neutral-700)}.sdc-button.variant-outline:hover{box-shadow:none}.sdc-button.variant-outline-alternative{--sdc-button-background: transparent;--sdc-button-border-width: var(--border-default);--sdc-button-border-color: var(--color-alternative);--sdc-button-text-color: var(--color-alternative)}.sdc-button.variant-outline-alternative:hover{box-shadow:none}.sdc-button.variant-outline-white{--sdc-button-background: transparent;--sdc-button-border-width: var(--border-default);--sdc-button-border-color: white;--sdc-button-text-color: white}.sdc-button.variant-outline-white:hover{box-shadow:none}.sdc-button.variant-link{--sdc-button-background: transparent;--sdc-button-border-color: transparent;--sdc-button-text-color: var(--color-neutral-700)}.sdc-button.variant-link:hover{box-shadow:none}.sdc-button.variant-success-light{--sdc-button-background: color-mix(in srgb, var(--color-success) 15%, white);--sdc-button-border-color: var(--color-success);--sdc-button-text-color: var(--color-success)}.sdc-button.variant-warning-light{--sdc-button-background: color-mix(in srgb, var(--color-warning) 15%, white);--sdc-button-border-color: var(--color-warning);--sdc-button-text-color: var(--color-warning)}.sdc-button.variant-destructive-light{--sdc-button-background: color-mix(in srgb, var(--color-danger) 20%, white);--sdc-button-border-color: var(--color-danger);--sdc-button-text-color: var(--color-danger)}.sdc-button.size-xxs,.sdc-button.size-xs{--sdc-button-padding: var(--space-1) var(--space-2_5);--sdc-button-text-size: var(--text-xs);--sdc-button-text-weight: var(--font-regular)}.sdc-button.size-sm{--sdc-button-padding: var(--space-1) var(--space-4);--sdc-button-text-size: var(--text-sm);--sdc-button-text-weight: var(--font-semibold)}.sdc-button.size-md{--sdc-button-padding: var(--space-1_5) var(--space-7);--sdc-button-text-size: var(--text-sm);--sdc-button-text-weight: var(--font-semibold)}.sdc-button.size-lg,.sdc-button.size-xl,.sdc-button.size-2xl{--sdc-button-padding: var(--space-2) var(--space-8);--sdc-button-text-size: var(--text-lg);--sdc-button-text-weight: var(--font-semibold)}.sdc-button.size-circle-sm{display:flex;justify-content:center;align-items:center;--sdc-button-padding: 0;--sdc-button-height: var(--space-6);--sdc-button-width: var(--space-6);--sdc-button-text-size: var(--text-sm);--sdc-button-text-weight: var(--font-medium)}.sdc-button.size-circle-md{display:flex;justify-content:center;align-items:center;--sdc-button-padding: 0;--sdc-button-height: var(--space-8);--sdc-button-width: var(--space-8);--sdc-button-text-size: var(--text-base);--sdc-button-text-weight: var(--font-medium)}.sdc-button.size-circle-lg{display:flex;justify-content:center;align-items:center;--sdc-button-padding: 0;--sdc-button-height: var(--space-10);--sdc-button-width: var(--space-10);--sdc-button-text-size: var(--text-xl);--sdc-button-text-weight: var(--font-medium)}.sdc-button.size-circle-xl{display:flex;justify-content:center;align-items:center;--sdc-button-padding: 0;--sdc-button-height: var(--space-12);--sdc-button-width: var(--space-12);--sdc-button-text-size: var(--text-2xl);--sdc-button-text-weight: var(--font-medium)}.sdc-button.radius-default{--sdc-button-border-radius: var(--radius-default)}.sdc-button.radius-sm{--sdc-button-border-radius: var(--radius-sm)}.sdc-button.radius-md{--sdc-button-border-radius: var(--radius-md)}.sdc-button.radius-lg{--sdc-button-border-radius: var(--radius-lg)}.sdc-button.radius-xl{--sdc-button-border-radius: var(--radius-xl)}.sdc-button.radius-2xl{--sdc-button-border-radius: var(--radius-2xl)}.sdc-button.radius-full{--sdc-button-border-radius: var(--radius-full)}.sdc-button.border-0{--sdc-button-border-width: var(--border-0)}.sdc-button.border-default{--sdc-button-border-width: var(--border-default)}.sdc-button.border-2{--sdc-button-border-width: var(--border-2)}.sdc-button.border-4{--sdc-button-border-width: var(--border-4)}.sdc-button.border-8{--sdc-button-border-width: var(--border-8)}\n"] }]
         }], ctorParameters: () => [{ type: i0.ElementRef }] });
 
 /*