@magmonium/one 0.0.5 → 0.0.7

package/fesm2022/magmonium-one-otp-D-gA4qT1.mjs

@@ -1,171 +0,0 @@
-import * as i0 from '@angular/core';
-import { signal, viewChildren, computed, effect, ChangeDetectionStrategy, Component } from '@angular/core';
-import { a as BaseTextInputComponent, L as LabelComponent, E as ErrorsComponent } from './magmonium-one-magmonium-one-Bc6ZjJKk.mjs';
-import { CommonModule } from '@angular/common';
-
-class OtpInputComponent extends BaseTextInputComponent {
-    otpValues = signal([], ...(ngDevMode ? [{ debugName: "otpValues" }] : /* istanbul ignore next */ []));
-    otpInputs = viewChildren('otpInput', ...(ngDevMode ? [{ debugName: "otpInputs" }] : /* istanbul ignore next */ []));
-    otpConfig = computed(() => this.config(), ...(ngDevMode ? [{ debugName: "otpConfig" }] : /* istanbul ignore next */ []));
-    otpArray = computed(() => {
-        const length = this.otpConfig()?.length || 6;
-        return Array(length).fill(0);
-    }, ...(ngDevMode ? [{ debugName: "otpArray" }] : /* istanbul ignore next */ []));
-    constructor() {
-        super();
-        effect(() => {
-            const length = this.otpConfig()?.length || 6;
-            this.otpValues.set(Array(length).fill(''));
-        });
-        effect(() => {
-            const inputs = this.otpInputs();
-            if (inputs.length > 0) {
-                setTimeout(() => {
-                    inputs[0].nativeElement.focus();
-                }, 0);
-            }
-        });
-    }
-    onInput(event, index) {
-        const input = event.target;
-        let value = input.value;
-        value = value.replace(/[^a-zA-Z0-9]/g, '');
-        if (value.length > 1) {
-            value = value.slice(-1);
-        }
-        input.value = value.toUpperCase();
-        const newValues = [...this.otpValues()];
-        newValues[index] = value.toUpperCase();
-        this.otpValues.set(newValues);
-        const length = this.otpConfig()?.length || 6;
-        if (value && index < length - 1) {
-            this.focusInput(index + 1);
-        }
-        this.updateValue();
-    }
-    onKeyDown(event, index) {
-        const input = event.target;
-        const length = this.otpConfig()?.length || 6;
-        const isAlphaNumeric = /^[a-zA-Z0-9]$/.test(event.key);
-        const isControlKey = [
-            'Backspace',
-            'Delete',
-            'ArrowLeft',
-            'ArrowRight',
-            'Tab',
-        ].includes(event.key);
-        if (!isAlphaNumeric && !isControlKey) {
-            event.preventDefault();
-            return;
-        }
-        if (event.key === 'Backspace') {
-            if (!input.value && index > 0) {
-                this.focusInput(index - 1);
-            }
-        }
-        if (event.key === 'ArrowLeft' && index > 0) {
-            event.preventDefault();
-            this.focusInput(index - 1);
-        }
-        if (event.key === 'ArrowRight' && index < length - 1) {
-            event.preventDefault();
-            this.focusInput(index + 1);
-        }
-    }
-    onPaste(event) {
-        event.preventDefault();
-        event.stopPropagation();
-        const length = this.otpConfig()?.length || 6;
-        const pastedData = event.clipboardData?.getData('text') || '';
-        const alphanumeric = pastedData
-            .replace(/[^a-zA-Z0-9]/g, '')
-            .slice(0, length);
-        if (alphanumeric.length > 0) {
-            const newValues = Array(length).fill('');
-            alphanumeric.split('').forEach((char, index) => {
-                if (index < length) {
-                    newValues[index] = char.toUpperCase();
-                }
-            });
-            this.otpValues.set(newValues);
-            this.updateValue();
-            const focusIndex = Math.min(alphanumeric.length, length - 1);
-            setTimeout(() => this.focusInput(focusIndex), 0);
-        }
-    }
-    focusInput(index) {
-        const inputs = this.otpInputs();
-        if (inputs[index]) {
-            inputs[index].nativeElement.focus();
-        }
-    }
-    updateValue() {
-        const otpValue = this.otpValues().join('');
-        this.setValue(otpValue);
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: OtpInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: OtpInputComponent, isStandalone: true, selector: "m-otp-input", viewQueries: [{ propertyName: "otpInputs", predicate: ["otpInput"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: `
-    @if (otpConfig(); as otp) {
-      <m-label
-        [for]="otp.name"
-        [placeholder]="otp.label"
-        [required]="required()"
-        [disabled]="disabled()"
-      />
-      <div class="otp-container">
-        @for (item of otpArray(); track $index) {
-          <input
-            [id]="$index === 0 ? (otp.name ?? '') : ''"
-            #otpInput
-            type="text"
-            maxlength="1"
-            [class.error]="showErrors()"
-            [disabled]="disabled()"
-            [value]="otpValues()[$index] || ''"
-            (input)="onInput($event, $index)"
-            (keydown)="onKeyDown($event, $index)"
-            (paste)="onPaste($event)"
-          />
-        }
-      </div>
-      @if (showErrors()) {
-        <m-input-errors [errors]="errors()" />
-      }
-    }
-  `, isInline: true, styles: ["@keyframes toggle-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes thumb-slide{0%{transform:translate(0) scale(1)}50%{transform:translate(.3em) scale(.9)}to{transform:translate(.6em) scale(1)}}@keyframes gradientWave{0%,to{background-position:0% 50%;transform:scale(1)}50%{background-position:100% 50%;transform:scale(1.05)}}@keyframes meshFlow{0%,to{background-position:0% 50%}25%{background-position:100% 0%}50%{background-position:100% 100%}75%{background-position:0% 100%}}@keyframes meshOverlay{0%,to{opacity:.1;transform:scale(1)}50%{opacity:.3;transform:scale(1.05)}}@keyframes plasmaEnergy{0%{transform:scale(1) rotate(0);filter:hue-rotate(0deg)}to{transform:scale(1.1) rotate(5deg);filter:hue-rotate(90deg)}}@keyframes plasmaOrbs{0%,to{transform:translate(0) scale(1);opacity:.6}25%{transform:translate(30px,-20px) scale(1.2);opacity:.8}50%{transform:translate(-20px,30px) scale(.8);opacity:.4}75%{transform:translate(20px,20px) scale(1.1);opacity:.7}}@keyframes floatParticles{0%{transform:translateY(100vh) rotate(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-100px) rotate(360deg);opacity:0}}@keyframes rotateGeometric{0%{transform:rotate(0) scale(1)}50%{transform:rotate(180deg) scale(1.2)}to{transform:rotate(360deg) scale(1)}}@keyframes crystalShimmer{0%,to{background-position:0% 50%;filter:brightness(1)}50%{background-position:100% 50%;filter:brightness(1.3)}}@keyframes crystalGrow{0%,to{transform:scale(1) rotate(0);opacity:.2}50%{transform:scale(1.5) rotate(45deg);opacity:.6}}@keyframes matrixRain{0%{transform:translateY(-100px);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(calc(100vh + 100px));opacity:0}}@keyframes cyberGrid{0%{transform:translate(0)}to{transform:translate(50px,50px)}}@keyframes cyberScan{0%,to{transform:translate(-100%);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translate(100%)}}@keyframes hologramScan{0%{transform:translateY(-100%)}to{transform:translateY(100vh)}}@keyframes hologramSweep{0%{transform:translate(-100%)}50%{transform:translate(0)}to{transform:translate(100%)}}@keyframes waveMotion{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes waveRipple{0%,to{transform:scale(1) rotate(0);opacity:.3}50%{transform:scale(1.1) rotate(5deg);opacity:.6}}@keyframes auroraFlow{0%,to{transform:translate(0) scale(1);opacity:.3}33%{transform:translate(50px) scale(1.2);opacity:.6}66%{transform:translate(-30px) scale(.9);opacity:.4}}@keyframes nebulaGlow{0%{transform:scale(1) rotate(0);opacity:.4}to{transform:scale(1.3) rotate(10deg);opacity:.7}}@keyframes pulseBackground{0%{transform:scale(1);opacity:.8}to{transform:scale(1.02);opacity:1}}@keyframes neonPulse{0%{transform:scale(1);opacity:.6}to{transform:scale(1.2);opacity:1}}@keyframes spiralRotate{0%{transform:translate(-50%,-50%) rotate(0) scale(1)}to{transform:translate(-50%,-50%) rotate(360deg) scale(1.1)}}@keyframes fireFlicker{0%,to{background-position:0% 50%;filter:brightness(1) hue-rotate(0deg)}25%{background-position:50% 25%;filter:brightness(1.2) hue-rotate(10deg)}50%{background-position:100% 50%;filter:brightness(.9) hue-rotate(-5deg)}75%{background-position:50% 75%;filter:brightness(1.1) hue-rotate(5deg)}}@keyframes fireParticles{0%,to{transform:translateY(0) scale(1);opacity:.8}50%{transform:translateY(-20px) scale(1.1);opacity:.4}}@keyframes electricStorm{0%,to{filter:brightness(1) contrast(1)}25%{filter:brightness(1.3) contrast(1.2)}50%{filter:brightness(.8) contrast(1.1)}75%{filter:brightness(1.2) contrast(1.3)}}@keyframes electricBolt{0%,90%,to{opacity:0;transform:scale(1)}5%,85%{opacity:1;transform:scale(1.2)}10%,80%{opacity:.7;transform:scale(.9)}}@keyframes galaxyRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes starField{0%,to{opacity:.3;transform:translate(-50%,-50%) scale(1)}50%{opacity:.8;transform:translate(-50%,-50%) scale(1.1)}}@keyframes liquidFlow{0%,to{background-position:0% 50%}33%{background-position:70% 30%}66%{background-position:30% 70%}}@keyframes liquidDrops{0%,to{transform:translateY(0) scale(1);opacity:.6}50%{transform:translateY(-10px) scale(1.2);opacity:.3}}@keyframes glitchBase{0%,to{filter:hue-rotate(0deg) saturate(1)}25%{filter:hue-rotate(90deg) saturate(1.2)}50%{filter:hue-rotate(180deg) saturate(.8)}75%{filter:hue-rotate(270deg) saturate(1.1)}}@keyframes glitchDistortion{0%,90%,to{transform:translate(0);opacity:.1}2%,5%,8%{transform:translate(2px);opacity:.3}3%,6%{transform:translate(-2px);opacity:.2}}@keyframes prismShift{0%,to{background-position:0% 50%;filter:hue-rotate(0deg)}33%{background-position:100% 0%;filter:hue-rotate(120deg)}66%{background-position:0% 100%;filter:hue-rotate(240deg)}}@keyframes prismRotate{0%{transform:rotate(0) scale(1);opacity:.3}to{transform:rotate(360deg) scale(1.1);opacity:.6}}m-frame,m-carousel,m-one-carousel{display:block}.wizard__stepper .stepper{display:flex;flex-direction:row;gap:.5rem}@media(min-width:992px){.wizard__stepper .stepper{flex-direction:column;gap:1.5rem}}.wizard__stepper .stepper__step{display:flex;align-items:center;gap:.75rem;cursor:pointer;transition:all .3s ease;opacity:.5}.wizard__stepper .stepper__step--selected{opacity:1}.wizard__stepper .stepper__step--selected .stepper__step-icon{background:linear-gradient(135deg,#a855f7,#14b8a6)!important;border-color:transparent!important;box-shadow:0 0 15px #a855f780!important;color:#fff!important}.wizard__stepper .stepper__step--selected .stepper__step-label{color:#fff!important;font-weight:600!important}.wizard__stepper .stepper__step--completed{opacity:.8}.wizard__stepper .stepper__step--completed .stepper__step-icon{background:#14b8a633!important;border-color:#14b8a6!important;color:#14b8a6!important}.wizard__stepper .stepper__step-icon{width:2.25rem!important;height:2.25rem!important;border-radius:50%!important;border:2px solid rgba(255,255,255,.15)!important;background:#0f172a99!important;color:#94a3b8!important;display:flex!important;align-items:center!important;justify-content:center!important;font-weight:700!important;font-size:.875rem!important;transition:all .3s ease!important}.wizard__stepper .stepper__step-label{font-size:.875rem!important;color:#94a3b8!important;font-weight:500!important;transition:all .3s ease!important;text-transform:capitalize!important}.wizard__footer .m-button-group{display:flex;justify-content:space-between;gap:1rem}.wizard__footer .m-button-group button{font-weight:600!important;font-size:.9375rem!important;padding:.75rem 1.75rem!important;border-radius:.75rem!important;transition:all .3s ease!important;cursor:pointer}.wizard__footer .m-button-group [name=next_step] button,.wizard__footer .m-button-group button:not([disabled]):not(.prev_step){background:linear-gradient(135deg,#a855f7,#7c3aed)!important;color:#fff!important;border:none!important;box-shadow:0 4px 12px #7c3aed4d!important}.wizard__footer .m-button-group [name=next_step] button:hover:not([disabled]),.wizard__footer .m-button-group button:not([disabled]):not(.prev_step):hover:not([disabled]){background:linear-gradient(135deg,#c084fc,#8b5cf6)!important;box-shadow:0 6px 20px #7c3aed80!important;transform:translateY(-2px)}.wizard__footer .m-button-group [name=prev_step] button{background:#ffffff0d!important;color:#e2e8f0!important;border:1px solid rgba(255,255,255,.08)!important}.wizard__footer .m-button-group [name=prev_step] button:hover:not([disabled]){background:#ffffff1a!important;transform:translateY(-2px)}.wizard__footer .m-button-group button[disabled]{background:#ffffff08!important;color:#ffffff26!important;border:1px solid rgba(255,255,255,.03)!important;box-shadow:none!important;cursor:not-allowed}:host{display:contents}.otp-container{display:flex;gap:.375em;padding:2px;margin:-2px}.otp-container input{box-sizing:border-box;width:1.4em;height:2em;text-align:center;font-size:.9rem;font-weight:600;border:max(1px,1em * .0625) solid var(--m-input-color, var(--m-mm));border-radius:.4em;transition:border-color .2s ease,box-shadow .2s ease;text-transform:uppercase;background:transparent;color:var(--m-text)}.otp-container input:focus{outline:none;border-color:var(--m-text-input-focus-border, var(--m-focus));box-shadow:none}.otp-container input.error{border-color:var(--m-error);box-shadow:none}.otp-container input:disabled{background-color:var(--m-frame);cursor:not-allowed;color:var(--m-text-tertiary);border-color:var(--m-border);opacity:.6}\n"], dependencies: [{ kind: "component", type: LabelComponent, selector: "m-label", inputs: ["for", "placeholder", "required", "disabled", "color"] }, { kind: "component", type: ErrorsComponent, selector: "m-input-errors", inputs: ["errors"] }, { kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: OtpInputComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'm-otp-input', template: `
-    @if (otpConfig(); as otp) {
-      <m-label
-        [for]="otp.name"
-        [placeholder]="otp.label"
-        [required]="required()"
-        [disabled]="disabled()"
-      />
-      <div class="otp-container">
-        @for (item of otpArray(); track $index) {
-          <input
-            [id]="$index === 0 ? (otp.name ?? '') : ''"
-            #otpInput
-            type="text"
-            maxlength="1"
-            [class.error]="showErrors()"
-            [disabled]="disabled()"
-            [value]="otpValues()[$index] || ''"
-            (input)="onInput($event, $index)"
-            (keydown)="onKeyDown($event, $index)"
-            (paste)="onPaste($event)"
-          />
-        }
-      </div>
-      @if (showErrors()) {
-        <m-input-errors [errors]="errors()" />
-      }
-    }
-  `, imports: [LabelComponent, ErrorsComponent, CommonModule], changeDetection: ChangeDetectionStrategy.OnPush, styles: ["@keyframes toggle-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes thumb-slide{0%{transform:translate(0) scale(1)}50%{transform:translate(.3em) scale(.9)}to{transform:translate(.6em) scale(1)}}@keyframes gradientWave{0%,to{background-position:0% 50%;transform:scale(1)}50%{background-position:100% 50%;transform:scale(1.05)}}@keyframes meshFlow{0%,to{background-position:0% 50%}25%{background-position:100% 0%}50%{background-position:100% 100%}75%{background-position:0% 100%}}@keyframes meshOverlay{0%,to{opacity:.1;transform:scale(1)}50%{opacity:.3;transform:scale(1.05)}}@keyframes plasmaEnergy{0%{transform:scale(1) rotate(0);filter:hue-rotate(0deg)}to{transform:scale(1.1) rotate(5deg);filter:hue-rotate(90deg)}}@keyframes plasmaOrbs{0%,to{transform:translate(0) scale(1);opacity:.6}25%{transform:translate(30px,-20px) scale(1.2);opacity:.8}50%{transform:translate(-20px,30px) scale(.8);opacity:.4}75%{transform:translate(20px,20px) scale(1.1);opacity:.7}}@keyframes floatParticles{0%{transform:translateY(100vh) rotate(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-100px) rotate(360deg);opacity:0}}@keyframes rotateGeometric{0%{transform:rotate(0) scale(1)}50%{transform:rotate(180deg) scale(1.2)}to{transform:rotate(360deg) scale(1)}}@keyframes crystalShimmer{0%,to{background-position:0% 50%;filter:brightness(1)}50%{background-position:100% 50%;filter:brightness(1.3)}}@keyframes crystalGrow{0%,to{transform:scale(1) rotate(0);opacity:.2}50%{transform:scale(1.5) rotate(45deg);opacity:.6}}@keyframes matrixRain{0%{transform:translateY(-100px);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(calc(100vh + 100px));opacity:0}}@keyframes cyberGrid{0%{transform:translate(0)}to{transform:translate(50px,50px)}}@keyframes cyberScan{0%,to{transform:translate(-100%);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translate(100%)}}@keyframes hologramScan{0%{transform:translateY(-100%)}to{transform:translateY(100vh)}}@keyframes hologramSweep{0%{transform:translate(-100%)}50%{transform:translate(0)}to{transform:translate(100%)}}@keyframes waveMotion{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes waveRipple{0%,to{transform:scale(1) rotate(0);opacity:.3}50%{transform:scale(1.1) rotate(5deg);opacity:.6}}@keyframes auroraFlow{0%,to{transform:translate(0) scale(1);opacity:.3}33%{transform:translate(50px) scale(1.2);opacity:.6}66%{transform:translate(-30px) scale(.9);opacity:.4}}@keyframes nebulaGlow{0%{transform:scale(1) rotate(0);opacity:.4}to{transform:scale(1.3) rotate(10deg);opacity:.7}}@keyframes pulseBackground{0%{transform:scale(1);opacity:.8}to{transform:scale(1.02);opacity:1}}@keyframes neonPulse{0%{transform:scale(1);opacity:.6}to{transform:scale(1.2);opacity:1}}@keyframes spiralRotate{0%{transform:translate(-50%,-50%) rotate(0) scale(1)}to{transform:translate(-50%,-50%) rotate(360deg) scale(1.1)}}@keyframes fireFlicker{0%,to{background-position:0% 50%;filter:brightness(1) hue-rotate(0deg)}25%{background-position:50% 25%;filter:brightness(1.2) hue-rotate(10deg)}50%{background-position:100% 50%;filter:brightness(.9) hue-rotate(-5deg)}75%{background-position:50% 75%;filter:brightness(1.1) hue-rotate(5deg)}}@keyframes fireParticles{0%,to{transform:translateY(0) scale(1);opacity:.8}50%{transform:translateY(-20px) scale(1.1);opacity:.4}}@keyframes electricStorm{0%,to{filter:brightness(1) contrast(1)}25%{filter:brightness(1.3) contrast(1.2)}50%{filter:brightness(.8) contrast(1.1)}75%{filter:brightness(1.2) contrast(1.3)}}@keyframes electricBolt{0%,90%,to{opacity:0;transform:scale(1)}5%,85%{opacity:1;transform:scale(1.2)}10%,80%{opacity:.7;transform:scale(.9)}}@keyframes galaxyRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes starField{0%,to{opacity:.3;transform:translate(-50%,-50%) scale(1)}50%{opacity:.8;transform:translate(-50%,-50%) scale(1.1)}}@keyframes liquidFlow{0%,to{background-position:0% 50%}33%{background-position:70% 30%}66%{background-position:30% 70%}}@keyframes liquidDrops{0%,to{transform:translateY(0) scale(1);opacity:.6}50%{transform:translateY(-10px) scale(1.2);opacity:.3}}@keyframes glitchBase{0%,to{filter:hue-rotate(0deg) saturate(1)}25%{filter:hue-rotate(90deg) saturate(1.2)}50%{filter:hue-rotate(180deg) saturate(.8)}75%{filter:hue-rotate(270deg) saturate(1.1)}}@keyframes glitchDistortion{0%,90%,to{transform:translate(0);opacity:.1}2%,5%,8%{transform:translate(2px);opacity:.3}3%,6%{transform:translate(-2px);opacity:.2}}@keyframes prismShift{0%,to{background-position:0% 50%;filter:hue-rotate(0deg)}33%{background-position:100% 0%;filter:hue-rotate(120deg)}66%{background-position:0% 100%;filter:hue-rotate(240deg)}}@keyframes prismRotate{0%{transform:rotate(0) scale(1);opacity:.3}to{transform:rotate(360deg) scale(1.1);opacity:.6}}m-frame,m-carousel,m-one-carousel{display:block}.wizard__stepper .stepper{display:flex;flex-direction:row;gap:.5rem}@media(min-width:992px){.wizard__stepper .stepper{flex-direction:column;gap:1.5rem}}.wizard__stepper .stepper__step{display:flex;align-items:center;gap:.75rem;cursor:pointer;transition:all .3s ease;opacity:.5}.wizard__stepper .stepper__step--selected{opacity:1}.wizard__stepper .stepper__step--selected .stepper__step-icon{background:linear-gradient(135deg,#a855f7,#14b8a6)!important;border-color:transparent!important;box-shadow:0 0 15px #a855f780!important;color:#fff!important}.wizard__stepper .stepper__step--selected .stepper__step-label{color:#fff!important;font-weight:600!important}.wizard__stepper .stepper__step--completed{opacity:.8}.wizard__stepper .stepper__step--completed .stepper__step-icon{background:#14b8a633!important;border-color:#14b8a6!important;color:#14b8a6!important}.wizard__stepper .stepper__step-icon{width:2.25rem!important;height:2.25rem!important;border-radius:50%!important;border:2px solid rgba(255,255,255,.15)!important;background:#0f172a99!important;color:#94a3b8!important;display:flex!important;align-items:center!important;justify-content:center!important;font-weight:700!important;font-size:.875rem!important;transition:all .3s ease!important}.wizard__stepper .stepper__step-label{font-size:.875rem!important;color:#94a3b8!important;font-weight:500!important;transition:all .3s ease!important;text-transform:capitalize!important}.wizard__footer .m-button-group{display:flex;justify-content:space-between;gap:1rem}.wizard__footer .m-button-group button{font-weight:600!important;font-size:.9375rem!important;padding:.75rem 1.75rem!important;border-radius:.75rem!important;transition:all .3s ease!important;cursor:pointer}.wizard__footer .m-button-group [name=next_step] button,.wizard__footer .m-button-group button:not([disabled]):not(.prev_step){background:linear-gradient(135deg,#a855f7,#7c3aed)!important;color:#fff!important;border:none!important;box-shadow:0 4px 12px #7c3aed4d!important}.wizard__footer .m-button-group [name=next_step] button:hover:not([disabled]),.wizard__footer .m-button-group button:not([disabled]):not(.prev_step):hover:not([disabled]){background:linear-gradient(135deg,#c084fc,#8b5cf6)!important;box-shadow:0 6px 20px #7c3aed80!important;transform:translateY(-2px)}.wizard__footer .m-button-group [name=prev_step] button{background:#ffffff0d!important;color:#e2e8f0!important;border:1px solid rgba(255,255,255,.08)!important}.wizard__footer .m-button-group [name=prev_step] button:hover:not([disabled]){background:#ffffff1a!important;transform:translateY(-2px)}.wizard__footer .m-button-group button[disabled]{background:#ffffff08!important;color:#ffffff26!important;border:1px solid rgba(255,255,255,.03)!important;box-shadow:none!important;cursor:not-allowed}:host{display:contents}.otp-container{display:flex;gap:.375em;padding:2px;margin:-2px}.otp-container input{box-sizing:border-box;width:1.4em;height:2em;text-align:center;font-size:.9rem;font-weight:600;border:max(1px,1em * .0625) solid var(--m-input-color, var(--m-mm));border-radius:.4em;transition:border-color .2s ease,box-shadow .2s ease;text-transform:uppercase;background:transparent;color:var(--m-text)}.otp-container input:focus{outline:none;border-color:var(--m-text-input-focus-border, var(--m-focus));box-shadow:none}.otp-container input.error{border-color:var(--m-error);box-shadow:none}.otp-container input:disabled{background-color:var(--m-frame);cursor:not-allowed;color:var(--m-text-tertiary);border-color:var(--m-border);opacity:.6}\n"] }]
-        }], ctorParameters: () => [], propDecorators: { otpInputs: [{ type: i0.ViewChildren, args: ['otpInput', { isSignal: true }] }] } });
-
-export { OtpInputComponent };
-//# sourceMappingURL=magmonium-one-otp-D-gA4qT1.mjs.map

package/fesm2022/magmonium-one-password-BOsM6-nh.mjs

@@ -1,87 +0,0 @@
-import * as i0 from '@angular/core';
-import { signal, computed, ChangeDetectionStrategy, Component } from '@angular/core';
-import { a as BaseTextInputComponent, L as LabelComponent, E as ErrorsComponent, b as ButtonComponent } from './magmonium-one-magmonium-one-Bc6ZjJKk.mjs';
-
-class PasswordInputComponent extends BaseTextInputComponent {
-    isPassword = signal(true, ...(ngDevMode ? [{ debugName: "isPassword" }] : /* istanbul ignore next */ []));
-    type = computed(() => (this.isPassword() ? 'password' : 'text'), ...(ngDevMode ? [{ debugName: "type" }] : /* istanbul ignore next */ []));
-    button = computed(() => (!this.isPassword() ? 'eye' : 'eye_close'), ...(ngDevMode ? [{ debugName: "button" }] : /* istanbul ignore next */ []));
-    toggleType() {
-        this.isPassword.update((now) => !now);
-    }
-    onInput(event) {
-        const target = event.target;
-        this.setValue(target?.value ?? '');
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: PasswordInputComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: PasswordInputComponent, isStandalone: true, selector: "m-password-input", usesInheritance: true, ngImport: i0, template: `
-    @if (config(); as text) {
-      <m-label
-        [for]="text.name"
-        [placeholder]="text.label"
-        [required]="required()"
-        [disabled]="disabled()"
-      />
-      <div class="input-wrapper">
-        <input
-          [id]="text.name ?? ''"
-          [value]="value()"
-          #inputElement
-          [class.error]="showErrors()"
-          [disabled]="disabled()"
-          (input)="onInput($event)"
-          (focus)="isFocused.set(true)"
-          (blur)="isFocused.set(false); touched.set(true)"
-          [type]="type()"
-        />
-        <m-one-button
-          [disabled]="disabled()"
-          [name]="button()"
-          [color]="iconColor()"
-          (clicked)="toggleType()"
-        />
-      </div>
-      @if (showErrors()) {
-        <m-input-errors [errors]="errors()" />
-      }
-    }
-  `, isInline: true, styles: ["@keyframes toggle-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes thumb-slide{0%{transform:translate(0) scale(1)}50%{transform:translate(.3em) scale(.9)}to{transform:translate(.6em) scale(1)}}@keyframes gradientWave{0%,to{background-position:0% 50%;transform:scale(1)}50%{background-position:100% 50%;transform:scale(1.05)}}@keyframes meshFlow{0%,to{background-position:0% 50%}25%{background-position:100% 0%}50%{background-position:100% 100%}75%{background-position:0% 100%}}@keyframes meshOverlay{0%,to{opacity:.1;transform:scale(1)}50%{opacity:.3;transform:scale(1.05)}}@keyframes plasmaEnergy{0%{transform:scale(1) rotate(0);filter:hue-rotate(0deg)}to{transform:scale(1.1) rotate(5deg);filter:hue-rotate(90deg)}}@keyframes plasmaOrbs{0%,to{transform:translate(0) scale(1);opacity:.6}25%{transform:translate(30px,-20px) scale(1.2);opacity:.8}50%{transform:translate(-20px,30px) scale(.8);opacity:.4}75%{transform:translate(20px,20px) scale(1.1);opacity:.7}}@keyframes floatParticles{0%{transform:translateY(100vh) rotate(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-100px) rotate(360deg);opacity:0}}@keyframes rotateGeometric{0%{transform:rotate(0) scale(1)}50%{transform:rotate(180deg) scale(1.2)}to{transform:rotate(360deg) scale(1)}}@keyframes crystalShimmer{0%,to{background-position:0% 50%;filter:brightness(1)}50%{background-position:100% 50%;filter:brightness(1.3)}}@keyframes crystalGrow{0%,to{transform:scale(1) rotate(0);opacity:.2}50%{transform:scale(1.5) rotate(45deg);opacity:.6}}@keyframes matrixRain{0%{transform:translateY(-100px);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(calc(100vh + 100px));opacity:0}}@keyframes cyberGrid{0%{transform:translate(0)}to{transform:translate(50px,50px)}}@keyframes cyberScan{0%,to{transform:translate(-100%);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translate(100%)}}@keyframes hologramScan{0%{transform:translateY(-100%)}to{transform:translateY(100vh)}}@keyframes hologramSweep{0%{transform:translate(-100%)}50%{transform:translate(0)}to{transform:translate(100%)}}@keyframes waveMotion{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes waveRipple{0%,to{transform:scale(1) rotate(0);opacity:.3}50%{transform:scale(1.1) rotate(5deg);opacity:.6}}@keyframes auroraFlow{0%,to{transform:translate(0) scale(1);opacity:.3}33%{transform:translate(50px) scale(1.2);opacity:.6}66%{transform:translate(-30px) scale(.9);opacity:.4}}@keyframes nebulaGlow{0%{transform:scale(1) rotate(0);opacity:.4}to{transform:scale(1.3) rotate(10deg);opacity:.7}}@keyframes pulseBackground{0%{transform:scale(1);opacity:.8}to{transform:scale(1.02);opacity:1}}@keyframes neonPulse{0%{transform:scale(1);opacity:.6}to{transform:scale(1.2);opacity:1}}@keyframes spiralRotate{0%{transform:translate(-50%,-50%) rotate(0) scale(1)}to{transform:translate(-50%,-50%) rotate(360deg) scale(1.1)}}@keyframes fireFlicker{0%,to{background-position:0% 50%;filter:brightness(1) hue-rotate(0deg)}25%{background-position:50% 25%;filter:brightness(1.2) hue-rotate(10deg)}50%{background-position:100% 50%;filter:brightness(.9) hue-rotate(-5deg)}75%{background-position:50% 75%;filter:brightness(1.1) hue-rotate(5deg)}}@keyframes fireParticles{0%,to{transform:translateY(0) scale(1);opacity:.8}50%{transform:translateY(-20px) scale(1.1);opacity:.4}}@keyframes electricStorm{0%,to{filter:brightness(1) contrast(1)}25%{filter:brightness(1.3) contrast(1.2)}50%{filter:brightness(.8) contrast(1.1)}75%{filter:brightness(1.2) contrast(1.3)}}@keyframes electricBolt{0%,90%,to{opacity:0;transform:scale(1)}5%,85%{opacity:1;transform:scale(1.2)}10%,80%{opacity:.7;transform:scale(.9)}}@keyframes galaxyRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes starField{0%,to{opacity:.3;transform:translate(-50%,-50%) scale(1)}50%{opacity:.8;transform:translate(-50%,-50%) scale(1.1)}}@keyframes liquidFlow{0%,to{background-position:0% 50%}33%{background-position:70% 30%}66%{background-position:30% 70%}}@keyframes liquidDrops{0%,to{transform:translateY(0) scale(1);opacity:.6}50%{transform:translateY(-10px) scale(1.2);opacity:.3}}@keyframes glitchBase{0%,to{filter:hue-rotate(0deg) saturate(1)}25%{filter:hue-rotate(90deg) saturate(1.2)}50%{filter:hue-rotate(180deg) saturate(.8)}75%{filter:hue-rotate(270deg) saturate(1.1)}}@keyframes glitchDistortion{0%,90%,to{transform:translate(0);opacity:.1}2%,5%,8%{transform:translate(2px);opacity:.3}3%,6%{transform:translate(-2px);opacity:.2}}@keyframes prismShift{0%,to{background-position:0% 50%;filter:hue-rotate(0deg)}33%{background-position:100% 0%;filter:hue-rotate(120deg)}66%{background-position:0% 100%;filter:hue-rotate(240deg)}}@keyframes prismRotate{0%{transform:rotate(0) scale(1);opacity:.3}to{transform:rotate(360deg) scale(1.1);opacity:.6}}m-frame,m-carousel,m-one-carousel{display:block}.wizard__stepper .stepper{display:flex;flex-direction:row;gap:.5rem}@media(min-width:992px){.wizard__stepper .stepper{flex-direction:column;gap:1.5rem}}.wizard__stepper .stepper__step{display:flex;align-items:center;gap:.75rem;cursor:pointer;transition:all .3s ease;opacity:.5}.wizard__stepper .stepper__step--selected{opacity:1}.wizard__stepper .stepper__step--selected .stepper__step-icon{background:linear-gradient(135deg,#a855f7,#14b8a6)!important;border-color:transparent!important;box-shadow:0 0 15px #a855f780!important;color:#fff!important}.wizard__stepper .stepper__step--selected .stepper__step-label{color:#fff!important;font-weight:600!important}.wizard__stepper .stepper__step--completed{opacity:.8}.wizard__stepper .stepper__step--completed .stepper__step-icon{background:#14b8a633!important;border-color:#14b8a6!important;color:#14b8a6!important}.wizard__stepper .stepper__step-icon{width:2.25rem!important;height:2.25rem!important;border-radius:50%!important;border:2px solid rgba(255,255,255,.15)!important;background:#0f172a99!important;color:#94a3b8!important;display:flex!important;align-items:center!important;justify-content:center!important;font-weight:700!important;font-size:.875rem!important;transition:all .3s ease!important}.wizard__stepper .stepper__step-label{font-size:.875rem!important;color:#94a3b8!important;font-weight:500!important;transition:all .3s ease!important;text-transform:capitalize!important}.wizard__footer .m-button-group{display:flex;justify-content:space-between;gap:1rem}.wizard__footer .m-button-group button{font-weight:600!important;font-size:.9375rem!important;padding:.75rem 1.75rem!important;border-radius:.75rem!important;transition:all .3s ease!important;cursor:pointer}.wizard__footer .m-button-group [name=next_step] button,.wizard__footer .m-button-group button:not([disabled]):not(.prev_step){background:linear-gradient(135deg,#a855f7,#7c3aed)!important;color:#fff!important;border:none!important;box-shadow:0 4px 12px #7c3aed4d!important}.wizard__footer .m-button-group [name=next_step] button:hover:not([disabled]),.wizard__footer .m-button-group button:not([disabled]):not(.prev_step):hover:not([disabled]){background:linear-gradient(135deg,#c084fc,#8b5cf6)!important;box-shadow:0 6px 20px #7c3aed80!important;transform:translateY(-2px)}.wizard__footer .m-button-group [name=prev_step] button{background:#ffffff0d!important;color:#e2e8f0!important;border:1px solid rgba(255,255,255,.08)!important}.wizard__footer .m-button-group [name=prev_step] button:hover:not([disabled]){background:#ffffff1a!important;transform:translateY(-2px)}.wizard__footer .m-button-group button[disabled]{background:#ffffff08!important;color:#ffffff26!important;border:1px solid rgba(255,255,255,.03)!important;box-shadow:none!important;cursor:not-allowed}:host{display:block;width:100%}.input-wrapper{display:flex;align-items:center;background:var(--m-background);height:calc(var(--input-size, 1em) * 2);min-height:calc(var(--input-size, 1em) * 2);border-width:max(1px,var(--input-size, 1em) * .0625);border-radius:calc(var(--input-size, 1em) * .4);padding:calc(var(--input-size, 1em) * .5) calc(var(--input-size, 1em) * .5);gap:calc(var(--input-size, 1em) * .375);font-size:var(--input-size, 1em);border-width:var(--m-input-border-width, 2px);border-radius:var(--m-input-radius, 4px);height:calc(var(--input-size, 1em) * 2.25);min-height:calc(var(--input-size, 1em) * 2.25);padding-top:0;padding-bottom:0;border-color:var(--m-input-color, var(--m-mm));transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease,opacity .2s ease}.input-wrapper:hover:not(:disabled){background-color:color-mix(in srgb,var(--m-input-color, var(--m-mm)) 6%,transparent)}.input-wrapper:focus-visible:not(:disabled),.input-wrapper:focus-within:not(:disabled){box-shadow:0 0 0 2px color-mix(in srgb,var(--m-input-color, var(--m-mm)) 20%,transparent)}.input-wrapper:disabled{opacity:.6;cursor:not-allowed}.input-wrapper{border-style:solid;backdrop-filter:var(--m-text-input-backdrop-filter, none);-webkit-backdrop-filter:var(--m-text-input-backdrop-filter, none);box-shadow:var(--m-text-input-shadow, none)}.input-wrapper:has(>m-one-button,>m-button,>.input-indicator,>.input-suffix,>m-icon:last-child){padding-right:0}.input-wrapper:focus-visible:not(:disabled),.input-wrapper:focus-within:not(:disabled){border-color:var(--m-text-input-focus-border, var(--m-focus));box-shadow:var(--m-text-input-shadow, none)}.input-wrapper:has(.error){border-color:var(--m-error);box-shadow:none}.input-wrapper:has(.error):focus-within{border-color:var(--m-error);box-shadow:none}.input-wrapper input,.input-wrapper textarea{flex:1;border:none;outline:none;background:transparent;color:var(--m-text);font-family:inherit;font-size:inherit;padding:0}.input-wrapper input:focus,.input-wrapper textarea:focus{border-color:transparent;box-shadow:none}.input-wrapper{width:100%;background:var(--m-password-input-background, var(--m-background));border-color:var(--m-password-input-border, var(--m-input-color, var(--m-mm)))}.input-wrapper:hover{border-color:var(--m-password-input-hover-border, color-mix(in srgb, var(--m-input-color, var(--m-mm)) 45%, rgba(0, 0, 0, .12)))}.input-wrapper .m-icon{--m-icon-size: 1.1em !important}.input-wrapper input{appearance:none;font-size:1em}.input-wrapper .m-one-button{height:100%;display:flex;align-items:center;justify-content:center;--m-button-size: 1em !important}\n"], dependencies: [{ kind: "component", type: LabelComponent, selector: "m-label", inputs: ["for", "placeholder", "required", "disabled", "color"] }, { kind: "component", type: ErrorsComponent, selector: "m-input-errors", inputs: ["errors"] }, { kind: "component", type: ButtonComponent, selector: "m-button,m-one-button", inputs: ["config", "color", "labelClass", "fullWidth", "url", "murl", "disabled", "variant", "name", "baseUrl", "one", "remote", "label", "noTranslate", "icon", "isRightIcon", "iconOnly", "stacked", "imgSrc", "nonClickable", "inverted", "type"], outputs: ["configChange", "clicked"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: PasswordInputComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'm-password-input', template: `
-    @if (config(); as text) {
-      <m-label
-        [for]="text.name"
-        [placeholder]="text.label"
-        [required]="required()"
-        [disabled]="disabled()"
-      />
-      <div class="input-wrapper">
-        <input
-          [id]="text.name ?? ''"
-          [value]="value()"
-          #inputElement
-          [class.error]="showErrors()"
-          [disabled]="disabled()"
-          (input)="onInput($event)"
-          (focus)="isFocused.set(true)"
-          (blur)="isFocused.set(false); touched.set(true)"
-          [type]="type()"
-        />
-        <m-one-button
-          [disabled]="disabled()"
-          [name]="button()"
-          [color]="iconColor()"
-          (clicked)="toggleType()"
-        />
-      </div>
-      @if (showErrors()) {
-        <m-input-errors [errors]="errors()" />
-      }
-    }
-  `, imports: [LabelComponent, ErrorsComponent, ButtonComponent], changeDetection: ChangeDetectionStrategy.OnPush, styles: ["@keyframes toggle-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes thumb-slide{0%{transform:translate(0) scale(1)}50%{transform:translate(.3em) scale(.9)}to{transform:translate(.6em) scale(1)}}@keyframes gradientWave{0%,to{background-position:0% 50%;transform:scale(1)}50%{background-position:100% 50%;transform:scale(1.05)}}@keyframes meshFlow{0%,to{background-position:0% 50%}25%{background-position:100% 0%}50%{background-position:100% 100%}75%{background-position:0% 100%}}@keyframes meshOverlay{0%,to{opacity:.1;transform:scale(1)}50%{opacity:.3;transform:scale(1.05)}}@keyframes plasmaEnergy{0%{transform:scale(1) rotate(0);filter:hue-rotate(0deg)}to{transform:scale(1.1) rotate(5deg);filter:hue-rotate(90deg)}}@keyframes plasmaOrbs{0%,to{transform:translate(0) scale(1);opacity:.6}25%{transform:translate(30px,-20px) scale(1.2);opacity:.8}50%{transform:translate(-20px,30px) scale(.8);opacity:.4}75%{transform:translate(20px,20px) scale(1.1);opacity:.7}}@keyframes floatParticles{0%{transform:translateY(100vh) rotate(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-100px) rotate(360deg);opacity:0}}@keyframes rotateGeometric{0%{transform:rotate(0) scale(1)}50%{transform:rotate(180deg) scale(1.2)}to{transform:rotate(360deg) scale(1)}}@keyframes crystalShimmer{0%,to{background-position:0% 50%;filter:brightness(1)}50%{background-position:100% 50%;filter:brightness(1.3)}}@keyframes crystalGrow{0%,to{transform:scale(1) rotate(0);opacity:.2}50%{transform:scale(1.5) rotate(45deg);opacity:.6}}@keyframes matrixRain{0%{transform:translateY(-100px);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(calc(100vh + 100px));opacity:0}}@keyframes cyberGrid{0%{transform:translate(0)}to{transform:translate(50px,50px)}}@keyframes cyberScan{0%,to{transform:translate(-100%);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translate(100%)}}@keyframes hologramScan{0%{transform:translateY(-100%)}to{transform:translateY(100vh)}}@keyframes hologramSweep{0%{transform:translate(-100%)}50%{transform:translate(0)}to{transform:translate(100%)}}@keyframes waveMotion{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes waveRipple{0%,to{transform:scale(1) rotate(0);opacity:.3}50%{transform:scale(1.1) rotate(5deg);opacity:.6}}@keyframes auroraFlow{0%,to{transform:translate(0) scale(1);opacity:.3}33%{transform:translate(50px) scale(1.2);opacity:.6}66%{transform:translate(-30px) scale(.9);opacity:.4}}@keyframes nebulaGlow{0%{transform:scale(1) rotate(0);opacity:.4}to{transform:scale(1.3) rotate(10deg);opacity:.7}}@keyframes pulseBackground{0%{transform:scale(1);opacity:.8}to{transform:scale(1.02);opacity:1}}@keyframes neonPulse{0%{transform:scale(1);opacity:.6}to{transform:scale(1.2);opacity:1}}@keyframes spiralRotate{0%{transform:translate(-50%,-50%) rotate(0) scale(1)}to{transform:translate(-50%,-50%) rotate(360deg) scale(1.1)}}@keyframes fireFlicker{0%,to{background-position:0% 50%;filter:brightness(1) hue-rotate(0deg)}25%{background-position:50% 25%;filter:brightness(1.2) hue-rotate(10deg)}50%{background-position:100% 50%;filter:brightness(.9) hue-rotate(-5deg)}75%{background-position:50% 75%;filter:brightness(1.1) hue-rotate(5deg)}}@keyframes fireParticles{0%,to{transform:translateY(0) scale(1);opacity:.8}50%{transform:translateY(-20px) scale(1.1);opacity:.4}}@keyframes electricStorm{0%,to{filter:brightness(1) contrast(1)}25%{filter:brightness(1.3) contrast(1.2)}50%{filter:brightness(.8) contrast(1.1)}75%{filter:brightness(1.2) contrast(1.3)}}@keyframes electricBolt{0%,90%,to{opacity:0;transform:scale(1)}5%,85%{opacity:1;transform:scale(1.2)}10%,80%{opacity:.7;transform:scale(.9)}}@keyframes galaxyRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes starField{0%,to{opacity:.3;transform:translate(-50%,-50%) scale(1)}50%{opacity:.8;transform:translate(-50%,-50%) scale(1.1)}}@keyframes liquidFlow{0%,to{background-position:0% 50%}33%{background-position:70% 30%}66%{background-position:30% 70%}}@keyframes liquidDrops{0%,to{transform:translateY(0) scale(1);opacity:.6}50%{transform:translateY(-10px) scale(1.2);opacity:.3}}@keyframes glitchBase{0%,to{filter:hue-rotate(0deg) saturate(1)}25%{filter:hue-rotate(90deg) saturate(1.2)}50%{filter:hue-rotate(180deg) saturate(.8)}75%{filter:hue-rotate(270deg) saturate(1.1)}}@keyframes glitchDistortion{0%,90%,to{transform:translate(0);opacity:.1}2%,5%,8%{transform:translate(2px);opacity:.3}3%,6%{transform:translate(-2px);opacity:.2}}@keyframes prismShift{0%,to{background-position:0% 50%;filter:hue-rotate(0deg)}33%{background-position:100% 0%;filter:hue-rotate(120deg)}66%{background-position:0% 100%;filter:hue-rotate(240deg)}}@keyframes prismRotate{0%{transform:rotate(0) scale(1);opacity:.3}to{transform:rotate(360deg) scale(1.1);opacity:.6}}m-frame,m-carousel,m-one-carousel{display:block}.wizard__stepper .stepper{display:flex;flex-direction:row;gap:.5rem}@media(min-width:992px){.wizard__stepper .stepper{flex-direction:column;gap:1.5rem}}.wizard__stepper .stepper__step{display:flex;align-items:center;gap:.75rem;cursor:pointer;transition:all .3s ease;opacity:.5}.wizard__stepper .stepper__step--selected{opacity:1}.wizard__stepper .stepper__step--selected .stepper__step-icon{background:linear-gradient(135deg,#a855f7,#14b8a6)!important;border-color:transparent!important;box-shadow:0 0 15px #a855f780!important;color:#fff!important}.wizard__stepper .stepper__step--selected .stepper__step-label{color:#fff!important;font-weight:600!important}.wizard__stepper .stepper__step--completed{opacity:.8}.wizard__stepper .stepper__step--completed .stepper__step-icon{background:#14b8a633!important;border-color:#14b8a6!important;color:#14b8a6!important}.wizard__stepper .stepper__step-icon{width:2.25rem!important;height:2.25rem!important;border-radius:50%!important;border:2px solid rgba(255,255,255,.15)!important;background:#0f172a99!important;color:#94a3b8!important;display:flex!important;align-items:center!important;justify-content:center!important;font-weight:700!important;font-size:.875rem!important;transition:all .3s ease!important}.wizard__stepper .stepper__step-label{font-size:.875rem!important;color:#94a3b8!important;font-weight:500!important;transition:all .3s ease!important;text-transform:capitalize!important}.wizard__footer .m-button-group{display:flex;justify-content:space-between;gap:1rem}.wizard__footer .m-button-group button{font-weight:600!important;font-size:.9375rem!important;padding:.75rem 1.75rem!important;border-radius:.75rem!important;transition:all .3s ease!important;cursor:pointer}.wizard__footer .m-button-group [name=next_step] button,.wizard__footer .m-button-group button:not([disabled]):not(.prev_step){background:linear-gradient(135deg,#a855f7,#7c3aed)!important;color:#fff!important;border:none!important;box-shadow:0 4px 12px #7c3aed4d!important}.wizard__footer .m-button-group [name=next_step] button:hover:not([disabled]),.wizard__footer .m-button-group button:not([disabled]):not(.prev_step):hover:not([disabled]){background:linear-gradient(135deg,#c084fc,#8b5cf6)!important;box-shadow:0 6px 20px #7c3aed80!important;transform:translateY(-2px)}.wizard__footer .m-button-group [name=prev_step] button{background:#ffffff0d!important;color:#e2e8f0!important;border:1px solid rgba(255,255,255,.08)!important}.wizard__footer .m-button-group [name=prev_step] button:hover:not([disabled]){background:#ffffff1a!important;transform:translateY(-2px)}.wizard__footer .m-button-group button[disabled]{background:#ffffff08!important;color:#ffffff26!important;border:1px solid rgba(255,255,255,.03)!important;box-shadow:none!important;cursor:not-allowed}:host{display:block;width:100%}.input-wrapper{display:flex;align-items:center;background:var(--m-background);height:calc(var(--input-size, 1em) * 2);min-height:calc(var(--input-size, 1em) * 2);border-width:max(1px,var(--input-size, 1em) * .0625);border-radius:calc(var(--input-size, 1em) * .4);padding:calc(var(--input-size, 1em) * .5) calc(var(--input-size, 1em) * .5);gap:calc(var(--input-size, 1em) * .375);font-size:var(--input-size, 1em);border-width:var(--m-input-border-width, 2px);border-radius:var(--m-input-radius, 4px);height:calc(var(--input-size, 1em) * 2.25);min-height:calc(var(--input-size, 1em) * 2.25);padding-top:0;padding-bottom:0;border-color:var(--m-input-color, var(--m-mm));transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease,opacity .2s ease}.input-wrapper:hover:not(:disabled){background-color:color-mix(in srgb,var(--m-input-color, var(--m-mm)) 6%,transparent)}.input-wrapper:focus-visible:not(:disabled),.input-wrapper:focus-within:not(:disabled){box-shadow:0 0 0 2px color-mix(in srgb,var(--m-input-color, var(--m-mm)) 20%,transparent)}.input-wrapper:disabled{opacity:.6;cursor:not-allowed}.input-wrapper{border-style:solid;backdrop-filter:var(--m-text-input-backdrop-filter, none);-webkit-backdrop-filter:var(--m-text-input-backdrop-filter, none);box-shadow:var(--m-text-input-shadow, none)}.input-wrapper:has(>m-one-button,>m-button,>.input-indicator,>.input-suffix,>m-icon:last-child){padding-right:0}.input-wrapper:focus-visible:not(:disabled),.input-wrapper:focus-within:not(:disabled){border-color:var(--m-text-input-focus-border, var(--m-focus));box-shadow:var(--m-text-input-shadow, none)}.input-wrapper:has(.error){border-color:var(--m-error);box-shadow:none}.input-wrapper:has(.error):focus-within{border-color:var(--m-error);box-shadow:none}.input-wrapper input,.input-wrapper textarea{flex:1;border:none;outline:none;background:transparent;color:var(--m-text);font-family:inherit;font-size:inherit;padding:0}.input-wrapper input:focus,.input-wrapper textarea:focus{border-color:transparent;box-shadow:none}.input-wrapper{width:100%;background:var(--m-password-input-background, var(--m-background));border-color:var(--m-password-input-border, var(--m-input-color, var(--m-mm)))}.input-wrapper:hover{border-color:var(--m-password-input-hover-border, color-mix(in srgb, var(--m-input-color, var(--m-mm)) 45%, rgba(0, 0, 0, .12)))}.input-wrapper .m-icon{--m-icon-size: 1.1em !important}.input-wrapper input{appearance:none;font-size:1em}.input-wrapper .m-one-button{height:100%;display:flex;align-items:center;justify-content:center;--m-button-size: 1em !important}\n"] }]
-        }] });
-
-export { PasswordInputComponent };
-//# sourceMappingURL=magmonium-one-password-BOsM6-nh.mjs.map

package/fesm2022/magmonium-one-toggle-DVSWH4qB.mjs

@@ -1,62 +0,0 @@
-import * as i0 from '@angular/core';
-import { model, input, computed, ChangeDetectionStrategy, Component } from '@angular/core';
-import { B as BaseInputComponent, T as TranslatePipe } from './magmonium-one-magmonium-one-Bc6ZjJKk.mjs';
-
-class ToggleInputComponent extends BaseInputComponent {
-    value = undefined;
-    checked = model(false);
-    config = input(...(ngDevMode ? [undefined, { debugName: "config" }] : /* istanbul ignore next */ []));
-    required = input(false, ...(ngDevMode ? [{ debugName: "required" }] : /* istanbul ignore next */ []));
-    disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []));
-    invalid = input(false, ...(ngDevMode ? [{ debugName: "invalid" }] : /* istanbul ignore next */ []));
-    touched = model(false, ...(ngDevMode ? [{ debugName: "touched" }] : /* istanbul ignore next */ []));
-    focused = input(false, ...(ngDevMode ? [{ debugName: "focused" }] : /* istanbul ignore next */ []));
-    errors = input([], ...(ngDevMode ? [{ debugName: "errors" }] : /* istanbul ignore next */ []));
-    showErrors = computed(() => this.touched() && this.invalid(), ...(ngDevMode ? [{ debugName: "showErrors" }] : /* istanbul ignore next */ []));
-    /** Required by FormCheckboxControl interface */
-    // public readonly checked: ModelSignal<boolean> = this.value; // Already defined above
-    constructor() {
-        super();
-    }
-    onChange(event) {
-        const target = event.target;
-        this.checked.set(target?.checked ?? false);
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: ToggleInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: ToggleInputComponent, isStandalone: true, selector: "m-toggle-input", inputs: { checked: { classPropertyName: "checked", publicName: "checked", isSignal: true, isRequired: false, transformFunction: null }, config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, invalid: { classPropertyName: "invalid", publicName: "invalid", isSignal: true, isRequired: false, transformFunction: null }, touched: { classPropertyName: "touched", publicName: "touched", isSignal: true, isRequired: false, transformFunction: null }, focused: { classPropertyName: "focused", publicName: "focused", isSignal: true, isRequired: false, transformFunction: null }, errors: { classPropertyName: "errors", publicName: "errors", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { checked: "checkedChange", touched: "touchedChange" }, usesInheritance: true, ngImport: i0, template: `
-    @if (config(); as toggle) {
-      <div class="toggle">
-        <input
-          [id]="toggle.name ?? ''"
-          [checked]="checked()"
-          (change)="onChange($event)"
-          type="checkbox"
-        />
-        <label [attr.for]="toggle.name || null">{{
-          toggle.label | translate
-        }}</label>
-      </div>
-    }
-  `, isInline: true, styles: ["@keyframes toggle-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes thumb-slide{0%{transform:translate(0) scale(1)}50%{transform:translate(.3em) scale(.9)}to{transform:translate(.6em) scale(1)}}@keyframes gradientWave{0%,to{background-position:0% 50%;transform:scale(1)}50%{background-position:100% 50%;transform:scale(1.05)}}@keyframes meshFlow{0%,to{background-position:0% 50%}25%{background-position:100% 0%}50%{background-position:100% 100%}75%{background-position:0% 100%}}@keyframes meshOverlay{0%,to{opacity:.1;transform:scale(1)}50%{opacity:.3;transform:scale(1.05)}}@keyframes plasmaEnergy{0%{transform:scale(1) rotate(0);filter:hue-rotate(0deg)}to{transform:scale(1.1) rotate(5deg);filter:hue-rotate(90deg)}}@keyframes plasmaOrbs{0%,to{transform:translate(0) scale(1);opacity:.6}25%{transform:translate(30px,-20px) scale(1.2);opacity:.8}50%{transform:translate(-20px,30px) scale(.8);opacity:.4}75%{transform:translate(20px,20px) scale(1.1);opacity:.7}}@keyframes floatParticles{0%{transform:translateY(100vh) rotate(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-100px) rotate(360deg);opacity:0}}@keyframes rotateGeometric{0%{transform:rotate(0) scale(1)}50%{transform:rotate(180deg) scale(1.2)}to{transform:rotate(360deg) scale(1)}}@keyframes crystalShimmer{0%,to{background-position:0% 50%;filter:brightness(1)}50%{background-position:100% 50%;filter:brightness(1.3)}}@keyframes crystalGrow{0%,to{transform:scale(1) rotate(0);opacity:.2}50%{transform:scale(1.5) rotate(45deg);opacity:.6}}@keyframes matrixRain{0%{transform:translateY(-100px);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(calc(100vh + 100px));opacity:0}}@keyframes cyberGrid{0%{transform:translate(0)}to{transform:translate(50px,50px)}}@keyframes cyberScan{0%,to{transform:translate(-100%);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translate(100%)}}@keyframes hologramScan{0%{transform:translateY(-100%)}to{transform:translateY(100vh)}}@keyframes hologramSweep{0%{transform:translate(-100%)}50%{transform:translate(0)}to{transform:translate(100%)}}@keyframes waveMotion{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes waveRipple{0%,to{transform:scale(1) rotate(0);opacity:.3}50%{transform:scale(1.1) rotate(5deg);opacity:.6}}@keyframes auroraFlow{0%,to{transform:translate(0) scale(1);opacity:.3}33%{transform:translate(50px) scale(1.2);opacity:.6}66%{transform:translate(-30px) scale(.9);opacity:.4}}@keyframes nebulaGlow{0%{transform:scale(1) rotate(0);opacity:.4}to{transform:scale(1.3) rotate(10deg);opacity:.7}}@keyframes pulseBackground{0%{transform:scale(1);opacity:.8}to{transform:scale(1.02);opacity:1}}@keyframes neonPulse{0%{transform:scale(1);opacity:.6}to{transform:scale(1.2);opacity:1}}@keyframes spiralRotate{0%{transform:translate(-50%,-50%) rotate(0) scale(1)}to{transform:translate(-50%,-50%) rotate(360deg) scale(1.1)}}@keyframes fireFlicker{0%,to{background-position:0% 50%;filter:brightness(1) hue-rotate(0deg)}25%{background-position:50% 25%;filter:brightness(1.2) hue-rotate(10deg)}50%{background-position:100% 50%;filter:brightness(.9) hue-rotate(-5deg)}75%{background-position:50% 75%;filter:brightness(1.1) hue-rotate(5deg)}}@keyframes fireParticles{0%,to{transform:translateY(0) scale(1);opacity:.8}50%{transform:translateY(-20px) scale(1.1);opacity:.4}}@keyframes electricStorm{0%,to{filter:brightness(1) contrast(1)}25%{filter:brightness(1.3) contrast(1.2)}50%{filter:brightness(.8) contrast(1.1)}75%{filter:brightness(1.2) contrast(1.3)}}@keyframes electricBolt{0%,90%,to{opacity:0;transform:scale(1)}5%,85%{opacity:1;transform:scale(1.2)}10%,80%{opacity:.7;transform:scale(.9)}}@keyframes galaxyRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes starField{0%,to{opacity:.3;transform:translate(-50%,-50%) scale(1)}50%{opacity:.8;transform:translate(-50%,-50%) scale(1.1)}}@keyframes liquidFlow{0%,to{background-position:0% 50%}33%{background-position:70% 30%}66%{background-position:30% 70%}}@keyframes liquidDrops{0%,to{transform:translateY(0) scale(1);opacity:.6}50%{transform:translateY(-10px) scale(1.2);opacity:.3}}@keyframes glitchBase{0%,to{filter:hue-rotate(0deg) saturate(1)}25%{filter:hue-rotate(90deg) saturate(1.2)}50%{filter:hue-rotate(180deg) saturate(.8)}75%{filter:hue-rotate(270deg) saturate(1.1)}}@keyframes glitchDistortion{0%,90%,to{transform:translate(0);opacity:.1}2%,5%,8%{transform:translate(2px);opacity:.3}3%,6%{transform:translate(-2px);opacity:.2}}@keyframes prismShift{0%,to{background-position:0% 50%;filter:hue-rotate(0deg)}33%{background-position:100% 0%;filter:hue-rotate(120deg)}66%{background-position:0% 100%;filter:hue-rotate(240deg)}}@keyframes prismRotate{0%{transform:rotate(0) scale(1);opacity:.3}to{transform:rotate(360deg) scale(1.1);opacity:.6}}m-frame,m-carousel,m-one-carousel{display:block}.wizard__stepper .stepper{display:flex;flex-direction:row;gap:.5rem}@media(min-width:992px){.wizard__stepper .stepper{flex-direction:column;gap:1.5rem}}.wizard__stepper .stepper__step{display:flex;align-items:center;gap:.75rem;cursor:pointer;transition:all .3s ease;opacity:.5}.wizard__stepper .stepper__step--selected{opacity:1}.wizard__stepper .stepper__step--selected .stepper__step-icon{background:linear-gradient(135deg,#a855f7,#14b8a6)!important;border-color:transparent!important;box-shadow:0 0 15px #a855f780!important;color:#fff!important}.wizard__stepper .stepper__step--selected .stepper__step-label{color:#fff!important;font-weight:600!important}.wizard__stepper .stepper__step--completed{opacity:.8}.wizard__stepper .stepper__step--completed .stepper__step-icon{background:#14b8a633!important;border-color:#14b8a6!important;color:#14b8a6!important}.wizard__stepper .stepper__step-icon{width:2.25rem!important;height:2.25rem!important;border-radius:50%!important;border:2px solid rgba(255,255,255,.15)!important;background:#0f172a99!important;color:#94a3b8!important;display:flex!important;align-items:center!important;justify-content:center!important;font-weight:700!important;font-size:.875rem!important;transition:all .3s ease!important}.wizard__stepper .stepper__step-label{font-size:.875rem!important;color:#94a3b8!important;font-weight:500!important;transition:all .3s ease!important;text-transform:capitalize!important}.wizard__footer .m-button-group{display:flex;justify-content:space-between;gap:1rem}.wizard__footer .m-button-group button{font-weight:600!important;font-size:.9375rem!important;padding:.75rem 1.75rem!important;border-radius:.75rem!important;transition:all .3s ease!important;cursor:pointer}.wizard__footer .m-button-group [name=next_step] button,.wizard__footer .m-button-group button:not([disabled]):not(.prev_step){background:linear-gradient(135deg,#a855f7,#7c3aed)!important;color:#fff!important;border:none!important;box-shadow:0 4px 12px #7c3aed4d!important}.wizard__footer .m-button-group [name=next_step] button:hover:not([disabled]),.wizard__footer .m-button-group button:not([disabled]):not(.prev_step):hover:not([disabled]){background:linear-gradient(135deg,#c084fc,#8b5cf6)!important;box-shadow:0 6px 20px #7c3aed80!important;transform:translateY(-2px)}.wizard__footer .m-button-group [name=prev_step] button{background:#ffffff0d!important;color:#e2e8f0!important;border:1px solid rgba(255,255,255,.08)!important}.wizard__footer .m-button-group [name=prev_step] button:hover:not([disabled]){background:#ffffff1a!important;transform:translateY(-2px)}.wizard__footer .m-button-group button[disabled]{background:#ffffff08!important;color:#ffffff26!important;border:1px solid rgba(255,255,255,.03)!important;box-shadow:none!important;cursor:not-allowed}:host{display:inline-block}.toggle{display:inline-flex;align-items:center;gap:.375em;cursor:pointer;-webkit-user-select:none;user-select:none;position:relative}.toggle input[type=checkbox]{appearance:none;-webkit-appearance:none;-moz-appearance:none;position:relative;width:1.6em;height:1em;background-color:color-mix(in srgb,var(--m-toggle-input-color, #4169e1) 15%,transparent 85%);border-radius:.5em;border:max(1px,1em * .0625) solid color-mix(in srgb,var(--m-toggle-input-color, #4169e1) 20%,transparent 80%);cursor:pointer;outline:none;box-sizing:content-box;flex-shrink:0;margin:0;transition:background-color .25s cubic-bezier(.4,0,.2,1),box-shadow .25s cubic-bezier(.4,0,.2,1),border-color .2s ease;will-change:background-color,box-shadow}.toggle input[type=checkbox]:after{content:\"\";position:absolute;top:.125em;left:.125em;width:.75em;height:.75em;background-color:var(--m-toggle-input-color-contrast, #ffffff);border-radius:50%;transition:transform .25s cubic-bezier(.4,0,.2,1),box-shadow .15s ease;will-change:transform;box-shadow:0 .1em .1666666667em #0003,0 .05em .0833333333em #0000001a}.toggle label{font-size:.8em;line-height:1.2;cursor:pointer;margin:0;color:color-mix(in srgb,var(--m-toggle-input-color, #4169e1) 70%,black 30%);transition:color .2s ease,font-weight .15s ease}.toggle input[type=checkbox]:hover:not(:disabled){background-color:color-mix(in srgb,var(--m-toggle-input-color, #4169e1) 25%,transparent 75%);border-color:color-mix(in srgb,var(--m-toggle-input-color, #4169e1) 40%,transparent 60%)}.toggle input[type=checkbox]:hover:not(:disabled):after{box-shadow:0 .125em .2em #00000040,0 .0625em .1em #00000026}.toggle input[type=checkbox]:focus{box-shadow:0 0 0 .2em color-mix(in srgb,var(--m-toggle-input-color, #4169e1) 20%,transparent 80%);outline:none}.toggle input[type=checkbox]:active:not(:disabled):after{transform:scaleX(1.15)}.toggle input[type=checkbox]:checked{background-color:var(--m-toggle-input-color, #4169e1);border-color:var(--m-toggle-input-color, #4169e1)}.toggle input[type=checkbox]:checked:after{transform:translate(.6em);background-color:var(--m-toggle-input-color-contrast, #ffffff)}.toggle input[type=checkbox]:checked:hover:not(:disabled){background-color:color-mix(in srgb,var(--m-toggle-input-color, #4169e1) 90%,black 10%);border-color:color-mix(in srgb,var(--m-toggle-input-color, #4169e1) 90%,black 10%)}.toggle input[type=checkbox]:checked:active:not(:disabled):after{transform:translate(.6em) scaleX(1.15)}.toggle input[type=checkbox]:checked:focus{box-shadow:0 0 0 .2em color-mix(in srgb,var(--m-toggle-input-color, #4169e1) 25%,transparent 75%)}.toggle input[type=checkbox]:checked+label{color:var(--m-toggle-input-color, #4169e1)}.toggle input[type=checkbox]:disabled{opacity:.5;cursor:not-allowed;background-color:color-mix(in srgb,var(--m-toggle-input-color, #4169e1) 10%,transparent 90%);border-color:color-mix(in srgb,var(--m-toggle-input-color, #4169e1) 15%,transparent 85%)}.toggle input[type=checkbox]:disabled+label{opacity:.5;cursor:not-allowed}.toggle input[type=checkbox]:disabled:checked{background-color:color-mix(in srgb,var(--m-toggle-input-color, #4169e1) 50%,transparent 50%)}.toggle{min-height:1em}.toggle--row{flex-direction:row}\n"], dependencies: [{ kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: ToggleInputComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'm-toggle-input', template: `
-    @if (config(); as toggle) {
-      <div class="toggle">
-        <input
-          [id]="toggle.name ?? ''"
-          [checked]="checked()"
-          (change)="onChange($event)"
-          type="checkbox"
-        />
-        <label [attr.for]="toggle.name || null">{{
-          toggle.label | translate
-        }}</label>
-      </div>
-    }
-  `, imports: [TranslatePipe], changeDetection: ChangeDetectionStrategy.OnPush, styles: ["@keyframes toggle-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes thumb-slide{0%{transform:translate(0) scale(1)}50%{transform:translate(.3em) scale(.9)}to{transform:translate(.6em) scale(1)}}@keyframes gradientWave{0%,to{background-position:0% 50%;transform:scale(1)}50%{background-position:100% 50%;transform:scale(1.05)}}@keyframes meshFlow{0%,to{background-position:0% 50%}25%{background-position:100% 0%}50%{background-position:100% 100%}75%{background-position:0% 100%}}@keyframes meshOverlay{0%,to{opacity:.1;transform:scale(1)}50%{opacity:.3;transform:scale(1.05)}}@keyframes plasmaEnergy{0%{transform:scale(1) rotate(0);filter:hue-rotate(0deg)}to{transform:scale(1.1) rotate(5deg);filter:hue-rotate(90deg)}}@keyframes plasmaOrbs{0%,to{transform:translate(0) scale(1);opacity:.6}25%{transform:translate(30px,-20px) scale(1.2);opacity:.8}50%{transform:translate(-20px,30px) scale(.8);opacity:.4}75%{transform:translate(20px,20px) scale(1.1);opacity:.7}}@keyframes floatParticles{0%{transform:translateY(100vh) rotate(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-100px) rotate(360deg);opacity:0}}@keyframes rotateGeometric{0%{transform:rotate(0) scale(1)}50%{transform:rotate(180deg) scale(1.2)}to{transform:rotate(360deg) scale(1)}}@keyframes crystalShimmer{0%,to{background-position:0% 50%;filter:brightness(1)}50%{background-position:100% 50%;filter:brightness(1.3)}}@keyframes crystalGrow{0%,to{transform:scale(1) rotate(0);opacity:.2}50%{transform:scale(1.5) rotate(45deg);opacity:.6}}@keyframes matrixRain{0%{transform:translateY(-100px);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(calc(100vh + 100px));opacity:0}}@keyframes cyberGrid{0%{transform:translate(0)}to{transform:translate(50px,50px)}}@keyframes cyberScan{0%,to{transform:translate(-100%);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translate(100%)}}@keyframes hologramScan{0%{transform:translateY(-100%)}to{transform:translateY(100vh)}}@keyframes hologramSweep{0%{transform:translate(-100%)}50%{transform:translate(0)}to{transform:translate(100%)}}@keyframes waveMotion{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes waveRipple{0%,to{transform:scale(1) rotate(0);opacity:.3}50%{transform:scale(1.1) rotate(5deg);opacity:.6}}@keyframes auroraFlow{0%,to{transform:translate(0) scale(1);opacity:.3}33%{transform:translate(50px) scale(1.2);opacity:.6}66%{transform:translate(-30px) scale(.9);opacity:.4}}@keyframes nebulaGlow{0%{transform:scale(1) rotate(0);opacity:.4}to{transform:scale(1.3) rotate(10deg);opacity:.7}}@keyframes pulseBackground{0%{transform:scale(1);opacity:.8}to{transform:scale(1.02);opacity:1}}@keyframes neonPulse{0%{transform:scale(1);opacity:.6}to{transform:scale(1.2);opacity:1}}@keyframes spiralRotate{0%{transform:translate(-50%,-50%) rotate(0) scale(1)}to{transform:translate(-50%,-50%) rotate(360deg) scale(1.1)}}@keyframes fireFlicker{0%,to{background-position:0% 50%;filter:brightness(1) hue-rotate(0deg)}25%{background-position:50% 25%;filter:brightness(1.2) hue-rotate(10deg)}50%{background-position:100% 50%;filter:brightness(.9) hue-rotate(-5deg)}75%{background-position:50% 75%;filter:brightness(1.1) hue-rotate(5deg)}}@keyframes fireParticles{0%,to{transform:translateY(0) scale(1);opacity:.8}50%{transform:translateY(-20px) scale(1.1);opacity:.4}}@keyframes electricStorm{0%,to{filter:brightness(1) contrast(1)}25%{filter:brightness(1.3) contrast(1.2)}50%{filter:brightness(.8) contrast(1.1)}75%{filter:brightness(1.2) contrast(1.3)}}@keyframes electricBolt{0%,90%,to{opacity:0;transform:scale(1)}5%,85%{opacity:1;transform:scale(1.2)}10%,80%{opacity:.7;transform:scale(.9)}}@keyframes galaxyRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes starField{0%,to{opacity:.3;transform:translate(-50%,-50%) scale(1)}50%{opacity:.8;transform:translate(-50%,-50%) scale(1.1)}}@keyframes liquidFlow{0%,to{background-position:0% 50%}33%{background-position:70% 30%}66%{background-position:30% 70%}}@keyframes liquidDrops{0%,to{transform:translateY(0) scale(1);opacity:.6}50%{transform:translateY(-10px) scale(1.2);opacity:.3}}@keyframes glitchBase{0%,to{filter:hue-rotate(0deg) saturate(1)}25%{filter:hue-rotate(90deg) saturate(1.2)}50%{filter:hue-rotate(180deg) saturate(.8)}75%{filter:hue-rotate(270deg) saturate(1.1)}}@keyframes glitchDistortion{0%,90%,to{transform:translate(0);opacity:.1}2%,5%,8%{transform:translate(2px);opacity:.3}3%,6%{transform:translate(-2px);opacity:.2}}@keyframes prismShift{0%,to{background-position:0% 50%;filter:hue-rotate(0deg)}33%{background-position:100% 0%;filter:hue-rotate(120deg)}66%{background-position:0% 100%;filter:hue-rotate(240deg)}}@keyframes prismRotate{0%{transform:rotate(0) scale(1);opacity:.3}to{transform:rotate(360deg) scale(1.1);opacity:.6}}m-frame,m-carousel,m-one-carousel{display:block}.wizard__stepper .stepper{display:flex;flex-direction:row;gap:.5rem}@media(min-width:992px){.wizard__stepper .stepper{flex-direction:column;gap:1.5rem}}.wizard__stepper .stepper__step{display:flex;align-items:center;gap:.75rem;cursor:pointer;transition:all .3s ease;opacity:.5}.wizard__stepper .stepper__step--selected{opacity:1}.wizard__stepper .stepper__step--selected .stepper__step-icon{background:linear-gradient(135deg,#a855f7,#14b8a6)!important;border-color:transparent!important;box-shadow:0 0 15px #a855f780!important;color:#fff!important}.wizard__stepper .stepper__step--selected .stepper__step-label{color:#fff!important;font-weight:600!important}.wizard__stepper .stepper__step--completed{opacity:.8}.wizard__stepper .stepper__step--completed .stepper__step-icon{background:#14b8a633!important;border-color:#14b8a6!important;color:#14b8a6!important}.wizard__stepper .stepper__step-icon{width:2.25rem!important;height:2.25rem!important;border-radius:50%!important;border:2px solid rgba(255,255,255,.15)!important;background:#0f172a99!important;color:#94a3b8!important;display:flex!important;align-items:center!important;justify-content:center!important;font-weight:700!important;font-size:.875rem!important;transition:all .3s ease!important}.wizard__stepper .stepper__step-label{font-size:.875rem!important;color:#94a3b8!important;font-weight:500!important;transition:all .3s ease!important;text-transform:capitalize!important}.wizard__footer .m-button-group{display:flex;justify-content:space-between;gap:1rem}.wizard__footer .m-button-group button{font-weight:600!important;font-size:.9375rem!important;padding:.75rem 1.75rem!important;border-radius:.75rem!important;transition:all .3s ease!important;cursor:pointer}.wizard__footer .m-button-group [name=next_step] button,.wizard__footer .m-button-group button:not([disabled]):not(.prev_step){background:linear-gradient(135deg,#a855f7,#7c3aed)!important;color:#fff!important;border:none!important;box-shadow:0 4px 12px #7c3aed4d!important}.wizard__footer .m-button-group [name=next_step] button:hover:not([disabled]),.wizard__footer .m-button-group button:not([disabled]):not(.prev_step):hover:not([disabled]){background:linear-gradient(135deg,#c084fc,#8b5cf6)!important;box-shadow:0 6px 20px #7c3aed80!important;transform:translateY(-2px)}.wizard__footer .m-button-group [name=prev_step] button{background:#ffffff0d!important;color:#e2e8f0!important;border:1px solid rgba(255,255,255,.08)!important}.wizard__footer .m-button-group [name=prev_step] button:hover:not([disabled]){background:#ffffff1a!important;transform:translateY(-2px)}.wizard__footer .m-button-group button[disabled]{background:#ffffff08!important;color:#ffffff26!important;border:1px solid rgba(255,255,255,.03)!important;box-shadow:none!important;cursor:not-allowed}:host{display:inline-block}.toggle{display:inline-flex;align-items:center;gap:.375em;cursor:pointer;-webkit-user-select:none;user-select:none;position:relative}.toggle input[type=checkbox]{appearance:none;-webkit-appearance:none;-moz-appearance:none;position:relative;width:1.6em;height:1em;background-color:color-mix(in srgb,var(--m-toggle-input-color, #4169e1) 15%,transparent 85%);border-radius:.5em;border:max(1px,1em * .0625) solid color-mix(in srgb,var(--m-toggle-input-color, #4169e1) 20%,transparent 80%);cursor:pointer;outline:none;box-sizing:content-box;flex-shrink:0;margin:0;transition:background-color .25s cubic-bezier(.4,0,.2,1),box-shadow .25s cubic-bezier(.4,0,.2,1),border-color .2s ease;will-change:background-color,box-shadow}.toggle input[type=checkbox]:after{content:\"\";position:absolute;top:.125em;left:.125em;width:.75em;height:.75em;background-color:var(--m-toggle-input-color-contrast, #ffffff);border-radius:50%;transition:transform .25s cubic-bezier(.4,0,.2,1),box-shadow .15s ease;will-change:transform;box-shadow:0 .1em .1666666667em #0003,0 .05em .0833333333em #0000001a}.toggle label{font-size:.8em;line-height:1.2;cursor:pointer;margin:0;color:color-mix(in srgb,var(--m-toggle-input-color, #4169e1) 70%,black 30%);transition:color .2s ease,font-weight .15s ease}.toggle input[type=checkbox]:hover:not(:disabled){background-color:color-mix(in srgb,var(--m-toggle-input-color, #4169e1) 25%,transparent 75%);border-color:color-mix(in srgb,var(--m-toggle-input-color, #4169e1) 40%,transparent 60%)}.toggle input[type=checkbox]:hover:not(:disabled):after{box-shadow:0 .125em .2em #00000040,0 .0625em .1em #00000026}.toggle input[type=checkbox]:focus{box-shadow:0 0 0 .2em color-mix(in srgb,var(--m-toggle-input-color, #4169e1) 20%,transparent 80%);outline:none}.toggle input[type=checkbox]:active:not(:disabled):after{transform:scaleX(1.15)}.toggle input[type=checkbox]:checked{background-color:var(--m-toggle-input-color, #4169e1);border-color:var(--m-toggle-input-color, #4169e1)}.toggle input[type=checkbox]:checked:after{transform:translate(.6em);background-color:var(--m-toggle-input-color-contrast, #ffffff)}.toggle input[type=checkbox]:checked:hover:not(:disabled){background-color:color-mix(in srgb,var(--m-toggle-input-color, #4169e1) 90%,black 10%);border-color:color-mix(in srgb,var(--m-toggle-input-color, #4169e1) 90%,black 10%)}.toggle input[type=checkbox]:checked:active:not(:disabled):after{transform:translate(.6em) scaleX(1.15)}.toggle input[type=checkbox]:checked:focus{box-shadow:0 0 0 .2em color-mix(in srgb,var(--m-toggle-input-color, #4169e1) 25%,transparent 75%)}.toggle input[type=checkbox]:checked+label{color:var(--m-toggle-input-color, #4169e1)}.toggle input[type=checkbox]:disabled{opacity:.5;cursor:not-allowed;background-color:color-mix(in srgb,var(--m-toggle-input-color, #4169e1) 10%,transparent 90%);border-color:color-mix(in srgb,var(--m-toggle-input-color, #4169e1) 15%,transparent 85%)}.toggle input[type=checkbox]:disabled+label{opacity:.5;cursor:not-allowed}.toggle input[type=checkbox]:disabled:checked{background-color:color-mix(in srgb,var(--m-toggle-input-color, #4169e1) 50%,transparent 50%)}.toggle{min-height:1em}.toggle--row{flex-direction:row}\n"] }]
-        }], ctorParameters: () => [], propDecorators: { checked: [{ type: i0.Input, args: [{ isSignal: true, alias: "checked", required: false }] }, { type: i0.Output, args: ["checkedChange"] }], config: [{ type: i0.Input, args: [{ isSignal: true, alias: "config", required: false }] }], required: [{ type: i0.Input, args: [{ isSignal: true, alias: "required", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], invalid: [{ type: i0.Input, args: [{ isSignal: true, alias: "invalid", required: false }] }], touched: [{ type: i0.Input, args: [{ isSignal: true, alias: "touched", required: false }] }, { type: i0.Output, args: ["touchedChange"] }], focused: [{ type: i0.Input, args: [{ isSignal: true, alias: "focused", required: false }] }], errors: [{ type: i0.Input, args: [{ isSignal: true, alias: "errors", required: false }] }] } });
-
-export { ToggleInputComponent };
-//# sourceMappingURL=magmonium-one-toggle-DVSWH4qB.mjs.map

package/sass/_date-picker.sass

@@ -1,147 +0,0 @@
-// Date Picker Component Styles
-@use 'mixins/flex' as flex
-@use 'mixins/sizing' as size
-@use 'mixins/spacing' as space
-@use 'mixins/grid' as grid
-@use 'mixins/text' as text
-
-// Main Container
-.date-picker
-  @include size.width-full
-  @include size.height-full
-  @include size.min-width(280px)
-  @include flex.flex-column
-  padding: 16px
-  // Scale down all buttons inside the picker to stay compact
-  --m-button-size: 0.75rem
-
-  // Day buttons are formatted as circular, compact buttons
-  .date-view__calendar__week__day
-    m-button
-      width: 28px
-      height: 28px
-      display: inline-flex
-      align-items: center
-      justify-content: center
-
-      button
-        padding: 0 !important
-        width: 100% !important
-        height: 100% !important
-        border-radius: 50% !important
-        display: flex
-        align-items: center
-        justify-content: center
-
-  // Month & Year grid buttons are compact rounded rectangles
-  .date-picker-month-view__grid, .date-picker-year-view__grid
-    m-button
-      width: 100%
-      button
-        padding: 0 4px !important
-        width: 100% !important
-
-  // All non-primary buttons in the picker are borderless
-  m-button button:not(.primary)
-    border-color: transparent !important
-
-  m-date-picker-month-view, m-date-picker-year-view, m-date-picker-date-view
-    display: flex
-    width: 100%
-    justify-content: center
-
-  &__content
-    padding: 8px 0 0 0
-    @include flex.flex-1
-    @include flex.flex
-    @include size.width-full
-    +flex.flex-center
-
-// Header — section-style flex row with space between nav and title
-.date-picker-header
-  display: flex
-  justify-content: center
-  align-items: center
-  padding: 0 0 8px 0
-  @include size.width-full
-
-  m-one-button-group, m-button-group, .button-group
-    display: flex
-    width: 100%
-    justify-content: space-between
-    align-items: center
-
-    m-button:nth-child(2)
-      margin-left: auto
-      margin-right: auto
-
-// Date View
-.date-view
-  @include size.size-full
-  @include flex.flex-column
-  @include flex.gap(8px)
-
-  &__weekdays
-    @include grid.grid-layout
-    @include grid.grid-template-columns(repeat(7, 1fr))
-    @include grid.grid-gap(4px)
-    @include grid.place-items(center)
-    @include size.width-full
-    margin-bottom: 4px
-
-    &__day
-      @include size.min-height(24px)
-      @include text.text-uppercase
-      @include flex.flex-center
-      font-size: 10px
-      font-weight: 800
-      letter-spacing: 0.05em
-      opacity: 0.6
-
-  &__calendar
-    @include flex.flex-column
-    @include flex.gap(4px)
-    @include flex.flex-1
-    @include size.width-full
-
-    &__week
-      @include grid.grid-layout
-      @include grid.grid-template-columns(repeat(7, 1fr))
-      @include grid.grid-gap(4px)
-      @include grid.place-items(center)
-      @include size.width-full
-
-      &__day
-        @include flex.flex-center
-        @include size.width-full
-        @include size.min-height(28px)
-
-// Month View
-.date-picker-month-view
-  @include size.size-full
-  @include flex.flex-column
-
-  &__grid
-    @include grid.grid-layout
-    @include grid.grid-template-columns(repeat(3, 1fr))
-    @include grid.grid-template-rows(repeat(3, 1fr))
-    @include grid.grid-gap(8px)
-    @include grid.place-items(center)
-    justify-items: center
-    @include size.width-full
-    @include flex.flex-1
-
-// Year View
-.date-picker-year-view
-  @include size.size-full
-  @include flex.flex-column
-
-  &__grid
-    @include grid.grid-layout
-    @include grid.grid-template-columns(repeat(3, 1fr))
-    @include grid.grid-template-rows(repeat(3, 1fr))
-    @include grid.grid-gap(8px)
-    @include grid.place-items(center)
-    justify-items: center
-    @include size.width-full
-    @include flex.flex-1

package/sass/_input-date.sass

@@ -1,25 +0,0 @@
-// Date Input Component Styles
-// Scoped to .m-date-input to prevent style bleeding
-
-.m-date-input
-  .input-wrapper
-    position: relative
-    padding-right: 0 !important
-    $size: 1em
-    --m-text-input-padding-right: calc(#{$size} * 2.25)
-
-    input
-      width: 100%
-      padding-right: var(--m-text-input-padding-right) !important
-      box-sizing: border-box
-
-      &::placeholder
-        opacity: 0.5
-        font-style: italic
-
-    > .m-button, > .m-one-button
-      position: absolute
-      right: 0
-      top: 0
-      bottom: 0
-      --m-button-size: #{$size} !important