snice 3.1.0 → 3.2.0

package/dist/components/color-picker/snice-color-picker.js

@@ -0,0 +1,489 @@
+import { __esDecorate, __runInitializers } from 'tslib';
+import { element, property, query, render, styles, ready, watch, dispatch, html, css } from 'snice';
+
+var cssContent = ":host{display:block;font-family:var(--snice-font-family, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif);contain:layout style paint}.color-picker-wrapper{display:flex;flex-direction:column;gap:var(--snice-spacing-xs,.5rem)}.label{font-size:var(--snice-font-size-sm, .875rem);font-weight:var(--snice-font-weight-medium,500);color:var(--snice-color-text,rgb(23 23 23));margin-bottom:var(--snice-spacing-2xs,.25rem)}.label--required::after{content:' *';color:var(--snice-color-danger,rgb(220 38 38))}.picker-container{display:flex;align-items:center;gap:var(--snice-spacing-sm,.75rem)}.color-swatch{position:relative;width:40px;height:40px;border-radius:var(--snice-border-radius-md,.375rem);border:2px solid var(--snice-color-border,rgb(226 226 226));cursor:pointer;transition:all var(--snice-transition-fast, 150ms);overflow:hidden}.color-swatch:hover:not(.color-swatch--disabled){border-color:var(--snice-color-primary,rgb(37 99 235));box-shadow:var(--snice-shadow-sm,0 1px 2px 0 rgb(0 0 0 / .05))}.color-swatch--small{width:32px;height:32px}.color-swatch--medium{width:40px;height:40px}.color-swatch--large{width:48px;height:48px}.color-swatch--disabled{opacity:.5;cursor:not-allowed}.color-swatch--invalid{border-color:var(--snice-color-danger,rgb(220 38 38))}.swatch-inner{width:100%;height:100%}.color-input-wrapper{flex:1;position:relative}.color-input{width:100%;padding:var(--snice-spacing-xs,.5rem) var(--snice-spacing-sm,.75rem);font-size:var(--snice-font-size-sm, .875rem);font-family:monospace;color:var(--snice-color-text,rgb(23 23 23));background:var(--snice-color-background,rgb(255 255 255));border:1px solid var(--snice-color-border,rgb(226 226 226));border-radius:var(--snice-border-radius-md,.375rem);transition:all var(--snice-transition-fast, 150ms);outline:0}.color-input--small{padding:var(--snice-spacing-2xs,.375rem) var(--snice-spacing-sm,.625rem);font-size:var(--snice-font-size-xs, .75rem)}.color-input--large{padding:var(--snice-spacing-sm,.625rem) var(--snice-spacing-md,.875rem);font-size:var(--snice-font-size-md, 1rem)}.color-input:hover:not(:disabled){border-color:var(--snice-color-border-hover,rgb(156 163 175))}.color-input:focus{border-color:var(--snice-color-primary,rgb(37 99 235));box-shadow:0 0 0 var(--snice-focus-ring-width,2px) var(--snice-focus-ring-color,rgb(59 130 246 / .5))}.color-input:disabled{opacity:.5;cursor:not-allowed;background:var(--snice-color-background-disabled,rgb(243 244 246))}.color-input--invalid{border-color:var(--snice-color-danger,rgb(220 38 38))}.color-input--invalid:focus{border-color:var(--snice-color-danger,rgb(220 38 38));box-shadow:0 0 0 var(--snice-focus-ring-width,2px) var(--snice-color-danger-alpha,rgb(239 68 68 / .2))}.native-input{position:absolute;opacity:0;pointer-events:none}.presets{display:flex;gap:var(--snice-spacing-xs,.5rem);flex-wrap:wrap;margin-top:var(--snice-spacing-xs,.5rem)}.preset{width:32px;height:32px;border-radius:var(--snice-border-radius-md,.375rem);border:2px solid var(--snice-color-border,rgb(226 226 226));cursor:pointer;transition:all var(--snice-transition-fast, 150ms)}.preset:hover{border-color:var(--snice-color-primary,rgb(37 99 235));transform:scale(1.1)}.preset--selected{border-color:var(--snice-color-primary,rgb(37 99 235));box-shadow:0 0 0 2px var(--snice-color-primary-alpha,rgb(59 130 246 / .2))}.error-text,.helper-text{font-size:var(--snice-font-size-xs, .75rem);margin-top:var(--snice-spacing-2xs,.25rem)}.helper-text{color:var(--snice-color-text-secondary,rgb(82 82 82))}.error-text{color:var(--snice-color-danger,rgb(220 38 38))}";
+
+let SniceColorPicker = (() => {
+    let _classDecorators = [element('snice-color-picker', { formAssociated: true })];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _classSuper = HTMLElement;
+    let _instanceExtraInitializers = [];
+    let _size_decorators;
+    let _size_initializers = [];
+    let _size_extraInitializers = [];
+    let _value_decorators;
+    let _value_initializers = [];
+    let _value_extraInitializers = [];
+    let _format_decorators;
+    let _format_initializers = [];
+    let _format_extraInitializers = [];
+    let _label_decorators;
+    let _label_initializers = [];
+    let _label_extraInitializers = [];
+    let _helperText_decorators;
+    let _helperText_initializers = [];
+    let _helperText_extraInitializers = [];
+    let _errorText_decorators;
+    let _errorText_initializers = [];
+    let _errorText_extraInitializers = [];
+    let _disabled_decorators;
+    let _disabled_initializers = [];
+    let _disabled_extraInitializers = [];
+    let _required_decorators;
+    let _required_initializers = [];
+    let _required_extraInitializers = [];
+    let _invalid_decorators;
+    let _invalid_initializers = [];
+    let _invalid_extraInitializers = [];
+    let _name_decorators;
+    let _name_initializers = [];
+    let _name_extraInitializers = [];
+    let _showInput_decorators;
+    let _showInput_initializers = [];
+    let _showInput_extraInitializers = [];
+    let _showPresets_decorators;
+    let _showPresets_initializers = [];
+    let _showPresets_extraInitializers = [];
+    let _presets_decorators;
+    let _presets_initializers = [];
+    let _presets_extraInitializers = [];
+    let _input_decorators;
+    let _input_initializers = [];
+    let _input_extraInitializers = [];
+    let _nativeInput_decorators;
+    let _nativeInput_initializers = [];
+    let _nativeInput_extraInitializers = [];
+    let _swatch_decorators;
+    let _swatch_initializers = [];
+    let _swatch_extraInitializers = [];
+    let _renderContent_decorators;
+    let _componentStyles_decorators;
+    let _init_decorators;
+    let _handleValueChange_decorators;
+    let _handleFormatChange_decorators;
+    let _handleDisabledChange_decorators;
+    let _dispatchInputEvent_decorators;
+    let _dispatchChangeEvent_decorators;
+    let _dispatchFocusEvent_decorators;
+    let _dispatchBlurEvent_decorators;
+    (class extends _classSuper {
+        static { _classThis = this; }
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+            _size_decorators = [property({})];
+            _value_decorators = [property({})];
+            _format_decorators = [property({})];
+            _label_decorators = [property({})];
+            _helperText_decorators = [property({ attribute: 'helper-text', })];
+            _errorText_decorators = [property({ attribute: 'error-text', })];
+            _disabled_decorators = [property({ type: Boolean, })];
+            _required_decorators = [property({ type: Boolean, })];
+            _invalid_decorators = [property({ type: Boolean, })];
+            _name_decorators = [property({})];
+            _showInput_decorators = [property({ type: Boolean, attribute: 'show-input', })];
+            _showPresets_decorators = [property({ type: Boolean, attribute: 'show-presets', })];
+            _presets_decorators = [property({ type: Array, })];
+            _input_decorators = [query('.color-input')];
+            _nativeInput_decorators = [query('.native-input')];
+            _swatch_decorators = [query('.color-swatch')];
+            _renderContent_decorators = [render()];
+            _componentStyles_decorators = [styles()];
+            _init_decorators = [ready()];
+            _handleValueChange_decorators = [watch('value')];
+            _handleFormatChange_decorators = [watch('format')];
+            _handleDisabledChange_decorators = [watch('disabled')];
+            _dispatchInputEvent_decorators = [dispatch('@snice/color-picker-input', { bubbles: true, composed: true })];
+            _dispatchChangeEvent_decorators = [dispatch('@snice/color-picker-change', { bubbles: true, composed: true })];
+            _dispatchFocusEvent_decorators = [dispatch('@snice/color-picker-focus', { bubbles: true, composed: true })];
+            _dispatchBlurEvent_decorators = [dispatch('@snice/color-picker-blur', { bubbles: true, composed: true })];
+            __esDecorate(this, null, _renderContent_decorators, { kind: "method", name: "renderContent", static: false, private: false, access: { has: obj => "renderContent" in obj, get: obj => obj.renderContent }, metadata: _metadata }, null, _instanceExtraInitializers);
+            __esDecorate(this, null, _componentStyles_decorators, { kind: "method", name: "componentStyles", static: false, private: false, access: { has: obj => "componentStyles" in obj, get: obj => obj.componentStyles }, metadata: _metadata }, null, _instanceExtraInitializers);
+            __esDecorate(this, null, _init_decorators, { kind: "method", name: "init", static: false, private: false, access: { has: obj => "init" in obj, get: obj => obj.init }, metadata: _metadata }, null, _instanceExtraInitializers);
+            __esDecorate(this, null, _handleValueChange_decorators, { kind: "method", name: "handleValueChange", static: false, private: false, access: { has: obj => "handleValueChange" in obj, get: obj => obj.handleValueChange }, metadata: _metadata }, null, _instanceExtraInitializers);
+            __esDecorate(this, null, _handleFormatChange_decorators, { kind: "method", name: "handleFormatChange", static: false, private: false, access: { has: obj => "handleFormatChange" in obj, get: obj => obj.handleFormatChange }, metadata: _metadata }, null, _instanceExtraInitializers);
+            __esDecorate(this, null, _handleDisabledChange_decorators, { kind: "method", name: "handleDisabledChange", static: false, private: false, access: { has: obj => "handleDisabledChange" in obj, get: obj => obj.handleDisabledChange }, metadata: _metadata }, null, _instanceExtraInitializers);
+            __esDecorate(this, null, _dispatchInputEvent_decorators, { kind: "method", name: "dispatchInputEvent", static: false, private: false, access: { has: obj => "dispatchInputEvent" in obj, get: obj => obj.dispatchInputEvent }, metadata: _metadata }, null, _instanceExtraInitializers);
+            __esDecorate(this, null, _dispatchChangeEvent_decorators, { kind: "method", name: "dispatchChangeEvent", static: false, private: false, access: { has: obj => "dispatchChangeEvent" in obj, get: obj => obj.dispatchChangeEvent }, metadata: _metadata }, null, _instanceExtraInitializers);
+            __esDecorate(this, null, _dispatchFocusEvent_decorators, { kind: "method", name: "dispatchFocusEvent", static: false, private: false, access: { has: obj => "dispatchFocusEvent" in obj, get: obj => obj.dispatchFocusEvent }, metadata: _metadata }, null, _instanceExtraInitializers);
+            __esDecorate(this, null, _dispatchBlurEvent_decorators, { kind: "method", name: "dispatchBlurEvent", static: false, private: false, access: { has: obj => "dispatchBlurEvent" in obj, get: obj => obj.dispatchBlurEvent }, metadata: _metadata }, null, _instanceExtraInitializers);
+            __esDecorate(null, null, _size_decorators, { kind: "field", name: "size", static: false, private: false, access: { has: obj => "size" in obj, get: obj => obj.size, set: (obj, value) => { obj.size = value; } }, metadata: _metadata }, _size_initializers, _size_extraInitializers);
+            __esDecorate(null, null, _value_decorators, { kind: "field", name: "value", static: false, private: false, access: { has: obj => "value" in obj, get: obj => obj.value, set: (obj, value) => { obj.value = value; } }, metadata: _metadata }, _value_initializers, _value_extraInitializers);
+            __esDecorate(null, null, _format_decorators, { kind: "field", name: "format", static: false, private: false, access: { has: obj => "format" in obj, get: obj => obj.format, set: (obj, value) => { obj.format = value; } }, metadata: _metadata }, _format_initializers, _format_extraInitializers);
+            __esDecorate(null, null, _label_decorators, { kind: "field", name: "label", static: false, private: false, access: { has: obj => "label" in obj, get: obj => obj.label, set: (obj, value) => { obj.label = value; } }, metadata: _metadata }, _label_initializers, _label_extraInitializers);
+            __esDecorate(null, null, _helperText_decorators, { kind: "field", name: "helperText", static: false, private: false, access: { has: obj => "helperText" in obj, get: obj => obj.helperText, set: (obj, value) => { obj.helperText = value; } }, metadata: _metadata }, _helperText_initializers, _helperText_extraInitializers);
+            __esDecorate(null, null, _errorText_decorators, { kind: "field", name: "errorText", static: false, private: false, access: { has: obj => "errorText" in obj, get: obj => obj.errorText, set: (obj, value) => { obj.errorText = value; } }, metadata: _metadata }, _errorText_initializers, _errorText_extraInitializers);
+            __esDecorate(null, null, _disabled_decorators, { kind: "field", name: "disabled", static: false, private: false, access: { has: obj => "disabled" in obj, get: obj => obj.disabled, set: (obj, value) => { obj.disabled = value; } }, metadata: _metadata }, _disabled_initializers, _disabled_extraInitializers);
+            __esDecorate(null, null, _required_decorators, { kind: "field", name: "required", static: false, private: false, access: { has: obj => "required" in obj, get: obj => obj.required, set: (obj, value) => { obj.required = value; } }, metadata: _metadata }, _required_initializers, _required_extraInitializers);
+            __esDecorate(null, null, _invalid_decorators, { kind: "field", name: "invalid", static: false, private: false, access: { has: obj => "invalid" in obj, get: obj => obj.invalid, set: (obj, value) => { obj.invalid = value; } }, metadata: _metadata }, _invalid_initializers, _invalid_extraInitializers);
+            __esDecorate(null, null, _name_decorators, { kind: "field", name: "name", static: false, private: false, access: { has: obj => "name" in obj, get: obj => obj.name, set: (obj, value) => { obj.name = value; } }, metadata: _metadata }, _name_initializers, _name_extraInitializers);
+            __esDecorate(null, null, _showInput_decorators, { kind: "field", name: "showInput", static: false, private: false, access: { has: obj => "showInput" in obj, get: obj => obj.showInput, set: (obj, value) => { obj.showInput = value; } }, metadata: _metadata }, _showInput_initializers, _showInput_extraInitializers);
+            __esDecorate(null, null, _showPresets_decorators, { kind: "field", name: "showPresets", static: false, private: false, access: { has: obj => "showPresets" in obj, get: obj => obj.showPresets, set: (obj, value) => { obj.showPresets = value; } }, metadata: _metadata }, _showPresets_initializers, _showPresets_extraInitializers);
+            __esDecorate(null, null, _presets_decorators, { kind: "field", name: "presets", static: false, private: false, access: { has: obj => "presets" in obj, get: obj => obj.presets, set: (obj, value) => { obj.presets = value; } }, metadata: _metadata }, _presets_initializers, _presets_extraInitializers);
+            __esDecorate(null, null, _input_decorators, { kind: "field", name: "input", static: false, private: false, access: { has: obj => "input" in obj, get: obj => obj.input, set: (obj, value) => { obj.input = value; } }, metadata: _metadata }, _input_initializers, _input_extraInitializers);
+            __esDecorate(null, null, _nativeInput_decorators, { kind: "field", name: "nativeInput", static: false, private: false, access: { has: obj => "nativeInput" in obj, get: obj => obj.nativeInput, set: (obj, value) => { obj.nativeInput = value; } }, metadata: _metadata }, _nativeInput_initializers, _nativeInput_extraInitializers);
+            __esDecorate(null, null, _swatch_decorators, { kind: "field", name: "swatch", static: false, private: false, access: { has: obj => "swatch" in obj, get: obj => obj.swatch, set: (obj, value) => { obj.swatch = value; } }, metadata: _metadata }, _swatch_initializers, _swatch_extraInitializers);
+            __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
+        constructor() {
+            super();
+            this.internals = __runInitializers(this, _instanceExtraInitializers);
+            this.size = __runInitializers(this, _size_initializers, 'medium');
+            this.value = (__runInitializers(this, _size_extraInitializers), __runInitializers(this, _value_initializers, '#000000'));
+            this.format = (__runInitializers(this, _value_extraInitializers), __runInitializers(this, _format_initializers, 'hex'));
+            this.label = (__runInitializers(this, _format_extraInitializers), __runInitializers(this, _label_initializers, ''));
+            this.helperText = (__runInitializers(this, _label_extraInitializers), __runInitializers(this, _helperText_initializers, ''));
+            this.errorText = (__runInitializers(this, _helperText_extraInitializers), __runInitializers(this, _errorText_initializers, ''));
+            this.disabled = (__runInitializers(this, _errorText_extraInitializers), __runInitializers(this, _disabled_initializers, false));
+            this.required = (__runInitializers(this, _disabled_extraInitializers), __runInitializers(this, _required_initializers, false));
+            this.invalid = (__runInitializers(this, _required_extraInitializers), __runInitializers(this, _invalid_initializers, false));
+            this.name = (__runInitializers(this, _invalid_extraInitializers), __runInitializers(this, _name_initializers, ''));
+            this.showInput = (__runInitializers(this, _name_extraInitializers), __runInitializers(this, _showInput_initializers, true));
+            this.showPresets = (__runInitializers(this, _showInput_extraInitializers), __runInitializers(this, _showPresets_initializers, false));
+            this.presets = (__runInitializers(this, _showPresets_extraInitializers), __runInitializers(this, _presets_initializers, [
+                '#000000', '#ffffff', '#f87171', '#fb923c', '#fbbf24',
+                '#a3e635', '#34d399', '#22d3ee', '#60a5fa', '#a78bfa',
+                '#f472b6', '#fb7185'
+            ]));
+            this.input = (__runInitializers(this, _presets_extraInitializers), __runInitializers(this, _input_initializers, void 0));
+            this.nativeInput = (__runInitializers(this, _input_extraInitializers), __runInitializers(this, _nativeInput_initializers, void 0));
+            this.swatch = (__runInitializers(this, _nativeInput_extraInitializers), __runInitializers(this, _swatch_initializers, void 0));
+            __runInitializers(this, _swatch_extraInitializers);
+            if (typeof this.attachInternals == 'function') {
+                this.internals = this.attachInternals();
+            }
+        }
+        renderContent() {
+            const wrapperClasses = ['color-picker-wrapper'].filter(Boolean).join(' ');
+            const swatchClasses = [
+                'color-swatch',
+                `color-swatch--${this.size}`,
+                this.disabled ? 'color-swatch--disabled' : '',
+                this.invalid ? 'color-swatch--invalid' : ''
+            ].filter(Boolean).join(' ');
+            const inputClasses = [
+                'color-input',
+                `color-input--${this.size}`,
+                this.invalid ? 'color-input--invalid' : ''
+            ].filter(Boolean).join(' ');
+            const labelClasses = ['label', this.required ? 'label--required' : ''].filter(Boolean).join(' ');
+            const displayValue = this.formatColor(this.value, this.format);
+            return html /*html*/ `
+      <div class="${wrapperClasses}">
+        <if ${this.label}>
+          <label class="${labelClasses}">
+            ${this.label}
+          </label>
+        </if>
+
+        <div class="picker-container">
+          <div
+            class="${swatchClasses}"
+            @click=${this.handleSwatchClick}
+            tabindex="${this.disabled ? -1 : 0}"
+            role="button"
+            aria-label="Choose color"
+            @keydown=${this.handleSwatchKeyDown}
+          >
+            <div class="swatch-inner" style="background-color: ${this.value}"></div>
+          </div>
+
+          <if ${this.showInput}>
+            <div class="color-input-wrapper">
+              <input
+                class="${inputClasses}"
+                type="text"
+                .value="${displayValue}"
+                ?disabled="${this.disabled}"
+                ?required="${this.required}"
+                placeholder="${this.format === 'hex' ? '#000000' : this.format === 'rgb' ? 'rgb(0,0,0)' : 'hsl(0,0%,0%)'}"
+                @input=${this.handleInputChange}
+                @change=${this.handleInputChange}
+                @focus=${this.handleFocus}
+                @blur=${this.handleBlur}
+              />
+            </div>
+          </if>
+
+          <input
+            class="native-input"
+            type="color"
+            .value="${this.toHex(this.value)}"
+            ?disabled="${this.disabled}"
+            name="${this.name || ''}"
+            @input=${this.handleNativeChange}
+            @change=${this.handleNativeChange}
+            aria-hidden="true"
+            tabindex="-1"
+          />
+        </div>
+
+        <if ${this.showPresets}>
+          <div class="presets">
+            ${this.presets.map(preset => this.renderPreset(preset))}
+          </div>
+        </if>
+
+        <case ${this.errorText ? 'error' : this.helperText ? 'helper' : 'empty'}>
+          <when value="error">
+            <span class="error-text" part="error-text">${this.errorText}</span>
+          </when>
+          <when value="helper">
+            <span class="helper-text" part="helper-text">${this.helperText}</span>
+          </when>
+          <default>
+            <span class="helper-text" part="helper-text">&nbsp;</span>
+          </default>
+        </case>
+      </div>
+    `;
+        }
+        renderPreset(color) {
+            const isSelected = this.toHex(this.value).toLowerCase() === this.toHex(color).toLowerCase();
+            const classes = ['preset', isSelected ? 'preset--selected' : ''].filter(Boolean).join(' ');
+            return html /*html*/ `
+      <div
+        class="${classes}"
+        style="background-color: ${color}"
+        @click=${() => this.handlePresetClick(color)}
+        tabindex="0"
+        role="button"
+        aria-label="Select ${color}"
+        @keydown=${(e) => this.handlePresetKeyDown(e, color)}
+      ></div>
+    `;
+        }
+        componentStyles() {
+            return css /*css*/ `${cssContent}`;
+        }
+        init() {
+            if (this.internals) {
+                this.internals.setFormValue(this.value);
+            }
+            this.normalizeValue();
+        }
+        handleSwatchClick() {
+            if (!this.disabled) {
+                this.nativeInput?.click();
+            }
+        }
+        handleSwatchKeyDown(e) {
+            if (e.key === 'Enter' || e.key === ' ') {
+                e.preventDefault();
+                this.handleSwatchClick();
+            }
+        }
+        handleNativeChange(e) {
+            const input = e.target;
+            this.value = input.value;
+            this.dispatchInputEvent();
+            this.dispatchChangeEvent();
+        }
+        handleInputChange(e) {
+            const input = e.target;
+            const color = this.parseColor(input.value);
+            if (color) {
+                this.value = color;
+                this.dispatchInputEvent();
+                this.dispatchChangeEvent();
+            }
+        }
+        handlePresetClick(color) {
+            if (!this.disabled) {
+                this.value = color;
+                this.dispatchInputEvent();
+                this.dispatchChangeEvent();
+            }
+        }
+        handlePresetKeyDown(e, color) {
+            if (e.key === 'Enter' || e.key === ' ') {
+                e.preventDefault();
+                this.handlePresetClick(color);
+            }
+        }
+        handleFocus() {
+            this.dispatchFocusEvent();
+        }
+        handleBlur() {
+            this.dispatchBlurEvent();
+        }
+        normalizeValue() {
+            // Ensure value is a valid hex color
+            if (!this.value.startsWith('#')) {
+                this.value = '#000000';
+            }
+        }
+        toHex(color) {
+            if (color.startsWith('#')) {
+                return color;
+            }
+            if (color.startsWith('rgb')) {
+                return this.rgbToHex(color);
+            }
+            if (color.startsWith('hsl')) {
+                return this.hslToHex(color);
+            }
+            return color;
+        }
+        formatColor(color, format) {
+            const hex = this.toHex(color);
+            switch (format) {
+                case 'hex':
+                    return hex;
+                case 'rgb':
+                    return this.hexToRgb(hex);
+                case 'hsl':
+                    return this.hexToHsl(hex);
+                default:
+                    return hex;
+            }
+        }
+        parseColor(value) {
+            value = value.trim();
+            // Hex color
+            if (value.startsWith('#')) {
+                if (/^#[0-9A-F]{6}$/i.test(value)) {
+                    return value;
+                }
+                return null;
+            }
+            // RGB color
+            if (value.startsWith('rgb')) {
+                return this.rgbToHex(value);
+            }
+            // HSL color
+            if (value.startsWith('hsl')) {
+                return this.hslToHex(value);
+            }
+            return null;
+        }
+        hexToRgb(hex) {
+            const r = parseInt(hex.slice(1, 3), 16);
+            const g = parseInt(hex.slice(3, 5), 16);
+            const b = parseInt(hex.slice(5, 7), 16);
+            return `rgb(${r}, ${g}, ${b})`;
+        }
+        rgbToHex(rgb) {
+            const match = rgb.match(/\d+/g);
+            if (!match || match.length < 3)
+                return '#000000';
+            const r = parseInt(match[0]).toString(16).padStart(2, '0');
+            const g = parseInt(match[1]).toString(16).padStart(2, '0');
+            const b = parseInt(match[2]).toString(16).padStart(2, '0');
+            return `#${r}${g}${b}`;
+        }
+        hexToHsl(hex) {
+            const r = parseInt(hex.slice(1, 3), 16) / 255;
+            const g = parseInt(hex.slice(3, 5), 16) / 255;
+            const b = parseInt(hex.slice(5, 7), 16) / 255;
+            const max = Math.max(r, g, b);
+            const min = Math.min(r, g, b);
+            let h = 0;
+            let s = 0;
+            const l = (max + min) / 2;
+            if (max !== min) {
+                const d = max - min;
+                s = l > 0.5 ? d / (2 - max - min) : d / (max + min);
+                switch (max) {
+                    case r:
+                        h = ((g - b) / d + (g < b ? 6 : 0)) / 6;
+                        break;
+                    case g:
+                        h = ((b - r) / d + 2) / 6;
+                        break;
+                    case b:
+                        h = ((r - g) / d + 4) / 6;
+                        break;
+                }
+            }
+            return `hsl(${Math.round(h * 360)}, ${Math.round(s * 100)}%, ${Math.round(l * 100)}%)`;
+        }
+        hslToHex(hsl) {
+            const match = hsl.match(/\d+/g);
+            if (!match || match.length < 3)
+                return '#000000';
+            const h = parseInt(match[0]) / 360;
+            const s = parseInt(match[1]) / 100;
+            const l = parseInt(match[2]) / 100;
+            let r, g, b;
+            if (s === 0) {
+                r = g = b = l;
+            }
+            else {
+                const hue2rgb = (p, q, t) => {
+                    if (t < 0)
+                        t += 1;
+                    if (t > 1)
+                        t -= 1;
+                    if (t < 1 / 6)
+                        return p + (q - p) * 6 * t;
+                    if (t < 1 / 2)
+                        return q;
+                    if (t < 2 / 3)
+                        return p + (q - p) * (2 / 3 - t) * 6;
+                    return p;
+                };
+                const q = l < 0.5 ? l * (1 + s) : l + s - l * s;
+                const p = 2 * l - q;
+                r = hue2rgb(p, q, h + 1 / 3);
+                g = hue2rgb(p, q, h);
+                b = hue2rgb(p, q, h - 1 / 3);
+            }
+            const toHex = (x) => Math.round(x * 255).toString(16).padStart(2, '0');
+            return `#${toHex(r)}${toHex(g)}${toHex(b)}`;
+        }
+        handleValueChange() {
+            this.normalizeValue();
+            if (this.input) {
+                this.input.value = this.formatColor(this.value, this.format);
+            }
+            if (this.nativeInput) {
+                this.nativeInput.value = this.toHex(this.value);
+            }
+            if (this.internals) {
+                this.internals.setFormValue(this.value);
+            }
+        }
+        handleFormatChange() {
+            if (this.input) {
+                this.input.value = this.formatColor(this.value, this.format);
+            }
+        }
+        handleDisabledChange() {
+            if (this.input) {
+                this.input.disabled = this.disabled;
+            }
+            if (this.nativeInput) {
+                this.nativeInput.disabled = this.disabled;
+            }
+        }
+        dispatchInputEvent() {
+            return { value: this.value, colorPicker: this };
+        }
+        dispatchChangeEvent() {
+            return { value: this.value, colorPicker: this };
+        }
+        dispatchFocusEvent() {
+            return { colorPicker: this };
+        }
+        dispatchBlurEvent() {
+            return { colorPicker: this };
+        }
+        // Public API
+        focus() {
+            this.input?.focus() || this.swatch?.focus();
+        }
+        blur() {
+            this.input?.blur();
+            this.swatch?.blur();
+        }
+    });
+    return _classThis;
+})();
+
+export { SniceColorPicker };
+//# sourceMappingURL=snice-color-picker.js.map

package/dist/components/color-picker/snice-color-picker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"snice-color-picker.js","sources":["../../../components/color-picker/snice-color-picker.css?inline","../../../../components/color-picker/snice-color-picker.ts"],"sourcesContent":["export default \":host{display:block;font-family:var(--snice-font-family, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif);contain:layout style paint}.color-picker-wrapper{display:flex;flex-direction:column;gap:var(--snice-spacing-xs,.5rem)}.label{font-size:var(--snice-font-size-sm, .875rem);font-weight:var(--snice-font-weight-medium,500);color:var(--snice-color-text,rgb(23 23 23));margin-bottom:var(--snice-spacing-2xs,.25rem)}.label--required::after{content:' *';color:var(--snice-color-danger,rgb(220 38 38))}.picker-container{display:flex;align-items:center;gap:var(--snice-spacing-sm,.75rem)}.color-swatch{position:relative;width:40px;height:40px;border-radius:var(--snice-border-radius-md,.375rem);border:2px solid var(--snice-color-border,rgb(226 226 226));cursor:pointer;transition:all var(--snice-transition-fast, 150ms);overflow:hidden}.color-swatch:hover:not(.color-swatch--disabled){border-color:var(--snice-color-primary,rgb(37 99 235));box-shadow:var(--snice-shadow-sm,0 1px 2px 0 rgb(0 0 0 / .05))}.color-swatch--small{width:32px;height:32px}.color-swatch--medium{width:40px;height:40px}.color-swatch--large{width:48px;height:48px}.color-swatch--disabled{opacity:.5;cursor:not-allowed}.color-swatch--invalid{border-color:var(--snice-color-danger,rgb(220 38 38))}.swatch-inner{width:100%;height:100%}.color-input-wrapper{flex:1;position:relative}.color-input{width:100%;padding:var(--snice-spacing-xs,.5rem) var(--snice-spacing-sm,.75rem);font-size:var(--snice-font-size-sm, .875rem);font-family:monospace;color:var(--snice-color-text,rgb(23 23 23));background:var(--snice-color-background,rgb(255 255 255));border:1px solid var(--snice-color-border,rgb(226 226 226));border-radius:var(--snice-border-radius-md,.375rem);transition:all var(--snice-transition-fast, 150ms);outline:0}.color-input--small{padding:var(--snice-spacing-2xs,.375rem) var(--snice-spacing-sm,.625rem);font-size:var(--snice-font-size-xs, .75rem)}.color-input--large{padding:var(--snice-spacing-sm,.625rem) var(--snice-spacing-md,.875rem);font-size:var(--snice-font-size-md, 1rem)}.color-input:hover:not(:disabled){border-color:var(--snice-color-border-hover,rgb(156 163 175))}.color-input:focus{border-color:var(--snice-color-primary,rgb(37 99 235));box-shadow:0 0 0 var(--snice-focus-ring-width,2px) var(--snice-focus-ring-color,rgb(59 130 246 / .5))}.color-input:disabled{opacity:.5;cursor:not-allowed;background:var(--snice-color-background-disabled,rgb(243 244 246))}.color-input--invalid{border-color:var(--snice-color-danger,rgb(220 38 38))}.color-input--invalid:focus{border-color:var(--snice-color-danger,rgb(220 38 38));box-shadow:0 0 0 var(--snice-focus-ring-width,2px) var(--snice-color-danger-alpha,rgb(239 68 68 / .2))}.native-input{position:absolute;opacity:0;pointer-events:none}.presets{display:flex;gap:var(--snice-spacing-xs,.5rem);flex-wrap:wrap;margin-top:var(--snice-spacing-xs,.5rem)}.preset{width:32px;height:32px;border-radius:var(--snice-border-radius-md,.375rem);border:2px solid var(--snice-color-border,rgb(226 226 226));cursor:pointer;transition:all var(--snice-transition-fast, 150ms)}.preset:hover{border-color:var(--snice-color-primary,rgb(37 99 235));transform:scale(1.1)}.preset--selected{border-color:var(--snice-color-primary,rgb(37 99 235));box-shadow:0 0 0 2px var(--snice-color-primary-alpha,rgb(59 130 246 / .2))}.error-text,.helper-text{font-size:var(--snice-font-size-xs, .75rem);margin-top:var(--snice-spacing-2xs,.25rem)}.helper-text{color:var(--snice-color-text-secondary,rgb(82 82 82))}.error-text{color:var(--snice-color-danger,rgb(220 38 38))}\";",null],"names":[],"mappings":"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"}

package/dist/components/color-picker/snice-color-picker.types.d.ts

@@ -0,0 +1,19 @@
+export type ColorPickerSize = 'small' | 'medium' | 'large';
+export type ColorPickerFormat = 'hex' | 'rgb' | 'hsl';
+export interface SniceColorPickerElement extends HTMLElement {
+    size: ColorPickerSize;
+    value: string;
+    format: ColorPickerFormat;
+    label: string;
+    helperText: string;
+    errorText: string;
+    disabled: boolean;
+    required: boolean;
+    invalid: boolean;
+    name: string;
+    showInput: boolean;
+    showPresets: boolean;
+    presets: string[];
+    focus(): void;
+    blur(): void;
+}

package/dist/components/date-picker/snice-date-picker.js

@@ -1,7 +1,7 @@
 import { __runInitializers, __esDecorate } from 'tslib';
 import { element, property, query, styles, render, ready, watch, dispatch, css, html } from 'snice';
 
-var cssContent = "/* Date Picker Component Styles */\n:host {\n  display: block;\n  position: relative;\n  font-family: var(--snice-font-family, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif);\n  font-size: var(--snice-font-size-sm, 14px);\n  line-height: var(--snice-line-height-normal, 1.4);\n  min-height: 40px;\n}\n\n/* Wrapper */\n.date-picker-wrapper {\n  display: flex;\n  flex-direction: column;\n  gap: 0.5rem;\n}\n\n/* Label */\n.label {\n  font-weight: var(--snice-font-weight-medium, 500);\n  color: var(--snice-color-text, #374151);\n  margin-bottom: var(--snice-spacing-2xs, 0.25rem);\n}\n\n.label--required::after {\n  content: '*';\n  color: var(--snice-color-danger, #ef4444);\n  margin-left: var(--snice-spacing-2xs, 0.25rem);\n}\n\n/* Input Container */\n.input-container {\n  position: relative;\n  display: flex;\n  align-items: center;\n}\n\n/* Input Styles */\n.input {\n  width: 100%;\n  border: 1px solid var(--snice-color-border, #d1d5db);\n  border-radius: var(--snice-border-radius-lg, 6px);\n  padding: var(--snice-spacing-xs, 0.5rem) 3rem var(--snice-spacing-xs, 0.5rem) var(--snice-spacing-sm, 0.75rem);\n  font-size: inherit;\n  line-height: var(--snice-line-height-normal, 1.5);\n  background: var(--snice-color-background, white);\n  color: var(--snice-color-text, #374151);\n  transition: border-color var(--snice-transition-fast, 0.15s) ease, box-shadow var(--snice-transition-fast, 0.15s) ease;\n}\n\n.input:focus {\n  outline: none;\n  border-color: var(--snice-color-border-focus, #2563eb);\n  box-shadow: 0 0 0 var(--snice-focus-ring-width, 3px) var(--snice-focus-ring-color, rgba(37, 99, 235, 0.1));\n}\n\n.input--small {\n  padding: 0.375rem 2.75rem 0.375rem 0.625rem;\n  font-size: 0.875rem;\n}\n\n.input--large {\n  padding: 0.75rem 3.5rem 0.75rem 1rem;\n  font-size: 1rem;\n}\n\n.input--filled {\n  background: var(--snice-color-background-secondary, #f9fafb);\n  border: 1px solid transparent;\n}\n\n.input--underlined {\n  border: none;\n  border-bottom: 1px solid #d1d5db;\n  border-radius: 0;\n  background: transparent;\n  padding-left: 0;\n}\n\n.input--invalid {\n  border-color: #ef4444;\n}\n\n.input--invalid:focus {\n  border-color: #ef4444;\n  box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.1);\n}\n\n.input:disabled {\n  background: var(--snice-color-background-secondary, #f9fafb);\n  color: var(--snice-color-text-tertiary, #9ca3af);\n  cursor: not-allowed;\n}\n\n.input:not(:disabled):not([readonly]) {\n  cursor: pointer;\n}\n\n/* Button Styles */\n.calendar-toggle,\n.clear-button {\n  position: absolute;\n  right: 0.5rem;\n  padding: 0.25rem /* 4px */;\n  border: none;\n  background: transparent;\n  color: #6b7280;\n  cursor: pointer;\n  border-radius: 4px;\n  transition: color 0.15s ease, background-color 0.15s ease;\n}\n\n.calendar-toggle {\n  right: 0.5rem;\n}\n\n.clear-button {\n  right: 2.5rem;\n}\n\n.calendar-toggle:hover,\n.clear-button:hover {\n  color: #374151;\n  background: #f3f4f6;\n}\n\n.calendar-toggle:disabled,\n.clear-button:disabled {\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n\n/* Calendar Popup */\n.calendar {\n  position: absolute;\n  top: 100%;\n  left: 0;\n  right: 0;\n  z-index: var(--snice-z-index-dropdown, 1000);\n  background: var(--snice-color-background-element, rgb(252, 251, 249));\n  border: 1px solid var(--snice-color-border, #d1d5db);\n  border-radius: var(--snice-border-radius-lg, 8px);\n  box-shadow: var(--snice-shadow-lg, 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05));\n  margin-top: var(--snice-spacing-3xs, 0.125rem);\n  padding: var(--snice-spacing-md, 1rem);\n  min-width: 280px;\n}\n\n.calendar[hidden] {\n  display: none;\n}\n\n/* Calendar Header */\n.calendar-header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  margin-bottom: 1rem;\n}\n\n.calendar-title {\n  flex: 1;\n  text-align: center;\n}\n\n.month-button {\n  background: none;\n  border: none;\n  font-size: var(--snice-font-size-md, 1rem);\n  font-weight: var(--snice-font-weight-semibold, 600);\n  color: var(--snice-color-text, #374151);\n  cursor: pointer;\n  padding: var(--snice-spacing-2xs, 0.25rem) var(--snice-spacing-xs, 0.5rem);\n  border-radius: var(--snice-border-radius-md, 4px);\n  transition: background-color var(--snice-transition-fast, 0.15s) ease;\n}\n\n.month-button:hover {\n  background: var(--snice-color-background-tertiary, #f3f4f6);\n}\n\n.nav-button {\n  background: none;\n  border: none;\n  padding: 0.5rem;\n  cursor: pointer;\n  color: #6b7280;\n  border-radius: 4px;\n  transition: color 0.15s ease, background-color 0.15s ease;\n}\n\n.nav-button:hover {\n  color: #374151;\n  background: #f3f4f6;\n}\n\n/* Calendar Grid */\n.calendar-weekdays {\n  display: grid;\n  grid-template-columns: repeat(7, 1fr);\n  gap: 0.25rem /* 4px */;\n  margin-bottom: 0.5rem;\n}\n\n.weekday {\n  text-align: center;\n  font-size: 0.75rem;\n  font-weight: 600;\n  color: #6b7280;\n  padding: 0.5rem 0.25rem;\n}\n\n.calendar-days {\n  display: grid;\n  grid-template-columns: repeat(7, 1fr);\n  gap: 0.25rem /* 4px */;\n}\n\n.day {\n  width: 32px;\n  height: 32px;\n  border: none;\n  background: none;\n  cursor: pointer;\n  border-radius: var(--snice-border-radius-md, 4px);\n  font-size: var(--snice-font-size-sm, 0.875rem);\n  color: var(--snice-color-text, #374151);\n  transition: background-color var(--snice-transition-fast, 0.15s) ease, color var(--snice-transition-fast, 0.15s) ease;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.day:hover:not(.day--disabled) {\n  background: var(--snice-color-background-tertiary, #f3f4f6);\n}\n\n.day--today {\n  background: var(--snice-color-primary-light, #dbeafe);\n  color: var(--snice-color-primary, #2563eb);\n  font-weight: var(--snice-font-weight-semibold, 600);\n}\n\n.day--selected {\n  background: var(--snice-color-primary, #2563eb);\n  color: var(--snice-color-text-inverse, white);\n  font-weight: var(--snice-font-weight-semibold, 600);\n}\n\n.day--disabled {\n  color: #d1d5db;\n  cursor: not-allowed;\n}\n\n.day--empty {\n  cursor: default;\n}\n\n/* Calendar Footer */\n.calendar-footer {\n  margin-top: 1rem;\n  padding-top: 1rem;\n  border-top: 1px solid #f3f4f6;\n  display: flex;\n  justify-content: center;\n}\n\n/* Helper/Error Text */\n.helper-text,\n.error-text {\n  font-size: var(--snice-font-size-sm, 0.875rem);\n  margin-top: var(--snice-spacing-2xs, 0.25rem);\n}\n\n.helper-text {\n  color: var(--snice-color-text-secondary, #6b7280);\n}\n\n.error-text {\n  color: var(--snice-color-danger, #ef4444);\n}\n\n/* Size variants */\n:host([size=\"small\"]) .calendar {\n  min-width: 240px;\n  padding: 0.75rem;\n}\n\n:host([size=\"small\"]) .day {\n  width: 28px;\n  height: 28px;\n  font-size: 0.8125rem;\n}\n\n:host([size=\"large\"]) .calendar {\n  min-width: 320px;\n  padding: 1.25rem;\n}\n\n:host([size=\"large\"]) .day {\n  width: 36px;\n  height: 36px;\n  font-size: 0.9375rem;\n}\n\n/* Responsive */\n@media (max-width: 640px) {\n  .calendar {\n    left: 50%;\n    right: auto;\n    transform: translateX(-50%);\n    min-width: 280px;\n  }\n}";
+var cssContent = ":host{display:block;position:relative;font-family:var(--snice-font-family, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif);font-size:var(--snice-font-size-sm, 14px);line-height:var(--snice-line-height-normal, 1.4);min-height:40px}.date-picker-wrapper{display:flex;flex-direction:column;gap:.5rem}.label{font-weight:var(--snice-font-weight-medium,500);color:var(--snice-color-text,#374151);margin-bottom:var(--snice-spacing-2xs,.25rem)}.label--required::after{content:'*';color:var(--snice-color-danger,#ef4444);margin-left:var(--snice-spacing-2xs,.25rem)}.input-container{position:relative;display:flex;align-items:center}.input{width:100%;border:1px solid var(--snice-color-border,#d1d5db);border-radius:var(--snice-border-radius-lg,6px);padding:var(--snice-spacing-xs,.5rem) 3rem var(--snice-spacing-xs,.5rem) var(--snice-spacing-sm,.75rem);font-size:inherit;line-height:var(--snice-line-height-normal, 1.5);background:var(--snice-color-background,#fff);color:var(--snice-color-text,#374151);transition:border-color var(--snice-transition-fast, .15s) ease,box-shadow var(--snice-transition-fast, .15s) ease}.input:focus{outline:0;border-color:var(--snice-color-border-focus,#2563eb);box-shadow:0 0 0 var(--snice-focus-ring-width,3px) var(--snice-focus-ring-color,rgba(37,99,235,.1))}.input--small{padding:.375rem 2.75rem .375rem .625rem;font-size:.875rem}.input--large{padding:.75rem 3.5rem .75rem 1rem;font-size:1rem}.input--filled{background:var(--snice-color-background-secondary,#f9fafb);border:1px solid transparent}.input--underlined{border:none;border-bottom:1px solid #d1d5db;border-radius:0;background:0 0;padding-left:0}.input--invalid{border-color:#ef4444}.input--invalid:focus{border-color:#ef4444;box-shadow:0 0 0 3px rgba(239,68,68,.1)}.input:disabled{background:var(--snice-color-background-secondary,#f9fafb);color:var(--snice-color-text-tertiary,#9ca3af);cursor:not-allowed}.input:not(:disabled):not([readonly]){cursor:pointer}.calendar-toggle,.clear-button{position:absolute;padding:.25rem;border:none;background:0 0;color:#6b7280;cursor:pointer;border-radius:4px;transition:color .15s,background-color .15s}.calendar-toggle{right:.5rem}.clear-button{right:2.5rem}.calendar-toggle:hover,.clear-button:hover{color:#374151;background:#f3f4f6}.calendar-toggle:disabled,.clear-button:disabled{opacity:.5;cursor:not-allowed}.calendar{position:absolute;top:100%;left:0;right:0;z-index:var(--snice-z-index-dropdown,1000);background:var(--snice-color-background-element,#fcfbf9);border:1px solid var(--snice-color-border,#d1d5db);border-radius:var(--snice-border-radius-lg,8px);box-shadow:var(--snice-shadow-lg,0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05));margin-top:var(--snice-spacing-3xs,.125rem);padding:var(--snice-spacing-md,1rem);min-width:280px}.calendar[hidden]{display:none}.calendar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.calendar-title{flex:1;text-align:center}.month-button{background:0 0;border:none;font-size:var(--snice-font-size-md, 1rem);font-weight:var(--snice-font-weight-semibold,600);color:var(--snice-color-text,#374151);cursor:pointer;padding:var(--snice-spacing-2xs,.25rem) var(--snice-spacing-xs,.5rem);border-radius:var(--snice-border-radius-md,4px);transition:background-color var(--snice-transition-fast, .15s) ease}.month-button:hover{background:var(--snice-color-background-tertiary,#f3f4f6)}.nav-button{background:0 0;border:none;padding:.5rem;cursor:pointer;color:#6b7280;border-radius:4px;transition:color .15s,background-color .15s}.nav-button:hover{color:#374151;background:#f3f4f6}.calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:.25rem;margin-bottom:.5rem}.weekday{text-align:center;font-size:.75rem;font-weight:600;color:#6b7280;padding:.5rem .25rem}.calendar-days{display:grid;grid-template-columns:repeat(7,1fr);gap:.25rem}.day{width:32px;height:32px;border:none;background:0 0;cursor:pointer;border-radius:var(--snice-border-radius-md,4px);font-size:var(--snice-font-size-sm, .875rem);color:var(--snice-color-text,#374151);transition:background-color var(--snice-transition-fast, .15s) ease,color var(--snice-transition-fast, .15s) ease;display:flex;align-items:center;justify-content:center}.day:hover:not(.day--disabled){background:var(--snice-color-background-tertiary,#f3f4f6)}.day--today{background:var(--snice-color-primary-light,#dbeafe);color:var(--snice-color-primary,#2563eb);font-weight:var(--snice-font-weight-semibold,600)}.day--selected{background:var(--snice-color-primary,#2563eb);color:var(--snice-color-text-inverse,#fff);font-weight:var(--snice-font-weight-semibold,600)}.day--disabled{color:#d1d5db;cursor:not-allowed}.day--empty{cursor:default}.calendar-footer{margin-top:1rem;padding-top:1rem;border-top:1px solid #f3f4f6;display:flex;justify-content:center}.error-text,.helper-text{font-size:var(--snice-font-size-sm, .875rem);margin-top:var(--snice-spacing-2xs,.25rem)}.helper-text{color:var(--snice-color-text-secondary,#6b7280)}.error-text{color:var(--snice-color-danger,#ef4444)}:host([size=small]) .calendar{min-width:240px;padding:.75rem}:host([size=small]) .day{width:28px;height:28px;font-size:.8125rem}:host([size=large]) .calendar{min-width:320px;padding:1.25rem}:host([size=large]) .day{width:36px;height:36px;font-size:.9375rem}@media (max-width:640px){.calendar{left:50%;right:auto;transform:translateX(-50%);min-width:280px}}";
 
 let SniceDatePicker = (() => {
     let _classDecorators = [element('snice-date-picker')];