snice 3.1.0 → 3.3.0

package/dist/components/code-block/snice-code-block.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"snice-code-block.js","sources":["../../../components/code-block/snice-code-block.css?inline","../../../../components/code-block/snice-code-block.ts"],"sourcesContent":["export default \":host{display:block}.code-block{position:relative;background:var(--color-neutral-900,#1f2937);border-radius:var(--border-radius-md,.375rem);overflow:hidden}.code-block__header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm,.75rem) var(--spacing-md,1rem);background:var(--color-neutral-800,#374151);border-bottom:1px solid var(--color-neutral-700,#4b5563)}.code-block__filename{font-size:var(--font-size-sm, .875rem);color:var(--color-neutral-300,#d1d5db);font-family:var(--font-family-mono, monospace)}.code-block__copy{background:0 0;border:1px solid var(--color-neutral-600,#6b7280);color:var(--color-neutral-300,#d1d5db);padding:.25rem .5rem;border-radius:var(--border-radius-sm,.25rem);cursor:pointer;font-size:var(--font-size-xs, .75rem);transition:.2s}.code-block__copy:hover{background:var(--color-neutral-700,#4b5563);border-color:var(--color-neutral-500,#9ca3af)}.code-block__copy--copied{background:var(--color-success-600,#16a34a);border-color:var(--color-success-500,#22c55e);color:#fff}.code-block__content{overflow-x:auto}.code-block__pre{margin:0;padding:var(--spacing-md,1rem);background:0 0;overflow-x:auto}.code-block__code{font-family:var(--font-family-mono, 'Courier New', monospace);font-size:var(--font-size-sm, .875rem);line-height:1.5;color:var(--color-neutral-100,#f3f4f6);display:block}.code-block__line{display:block}.code-block__line--highlight{background:rgba(255,255,255,.1);border-left:3px solid var(--color-primary-500,#3b82f6);padding-left:calc(var(--spacing-sm,.75rem) - 3px);margin-left:calc(-1 * var(--spacing-md,1rem));padding-right:var(--spacing-md,1rem)}.code-block__line-number{display:inline-block;width:3rem;text-align:right;margin-right:var(--spacing-md,1rem);color:var(--color-neutral-500,#6b7280);user-select:none}\";",null],"names":[],"mappings":";;;AAAA,iBAAe,ywDAAywD;;ICK3wD,cAAc,GAAA,CAAA,MAAA;4BAD1B,OAAO,CAAC,kBAAkB,CAAC,CAAA;;;;sBACQ,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;AAAnB,KAAA,cAAQ,WAAW,CAAA;;;;AAE7C,YAAA,IAAA,CAAA,IAAI,IAFO,iBAAA,CAAA,IAAA,EAAA,0BAAA,CAAc,EAAA,iBAAA,CAAA,IAAA,EAAA,kBAAA,EAElB,EAAE,CAAA,CAAA;YAGT,IAAA,CAAA,QAAQ,IAAA,iBAAA,CAAA,IAAA,EAAA,uBAAA,CAAA,EAAA,iBAAA,CAAA,IAAA,EAAA,sBAAA,EAAiB,WAAW,CAAA,CAAA;YAGpC,IAAA,CAAA,eAAe,IAAA,iBAAA,CAAA,IAAA,EAAA,2BAAA,CAAA,EAAA,iBAAA,CAAA,IAAA,EAAA,6BAAA,EAAG,KAAK,CAAA,CAAA;YAGvB,IAAA,CAAA,SAAS,IAAA,iBAAA,CAAA,IAAA,EAAA,kCAAA,CAAA,EAAA,iBAAA,CAAA,IAAA,EAAA,uBAAA,EAAG,CAAC,CAAA,CAAA;YAGb,IAAA,CAAA,cAAc,IAAA,iBAAA,CAAA,IAAA,EAAA,4BAAA,CAAA,EAAA,iBAAA,CAAA,IAAA,EAAA,4BAAA,EAAa,EAAE,CAAA,CAAA;YAG7B,IAAA,CAAA,QAAQ,IAAA,iBAAA,CAAA,IAAA,EAAA,iCAAA,CAAA,EAAA,iBAAA,CAAA,IAAA,EAAA,sBAAA,EAAG,IAAI,CAAA,CAAA;YAGf,IAAA,CAAA,QAAQ,IAAA,iBAAA,CAAA,IAAA,EAAA,2BAAA,CAAA,EAAA,iBAAA,CAAA,IAAA,EAAA,sBAAA,EAAG,EAAE,CAAA,CAAA;YAEL,IAAA,CAAA,MAAM,IAAA,iBAAA,CAAA,IAAA,EAAA,2BAAA,CAAA,EAAG,KAAK,CAAA;QAqExB;;;gCA1FG,QAAQ,CAAC,EAAI,CAAC,CAAA;oCAGd,QAAQ,CAAC,EAAI,CAAC,CAAA;2CAGd,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,mBAAmB,EAAE,CAAC,CAAA;qCAG3D,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,YAAY,EAAE,CAAC,CAAA;0CAGnD,QAAQ,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE,iBAAiB,EAAE,CAAC,CAAA;AAGvD,YAAA,oBAAA,GAAA,CAAA,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC,CAAA;oCAG3B,QAAQ,CAAC,EAAI,CAAC,CAAA;AAKd,YAAA,6BAAA,GAAA,CAAA,QAAQ,CAAC,kBAAkB,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAA;AAK/D,YAAA,kBAAA,GAAA,CAAA,MAAM,EAAE,CAAA;AA2CR,YAAA,kBAAA,GAAA,CAAA,MAAM,EAAE,CAAA;AA/CT,YAAA,YAAA,CAAA,IAAA,EAAA,IAAA,EAAA,6BAAA,EAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,mBAAA,EAAA,MAAA,EAAA,KAAA,EAAA,OAAA,EAAA,KAAA,EAAA,MAAA,EAAA,EAAA,GAAA,EAAA,GAAA,IAAA,mBAAA,IAAA,GAAA,EAAA,GAAA,EAAA,GAAA,IAAA,GAAA,CAAQ,iBAAiB,EAAA,EAAA,QAAA,EAAA,SAAA,EAAA,EAAA,IAAA,EAAA,0BAAA,CAAA;AAKzB,YAAA,YAAA,CAAA,IAAA,EAAA,IAAA,EAAA,kBAAA,EAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,QAAA,EAAA,MAAA,EAAA,KAAA,EAAA,OAAA,EAAA,KAAA,EAAA,MAAA,EAAA,EAAA,GAAA,EAAA,GAAA,IAAA,QAAA,IAAA,GAAA,EAAA,GAAA,EAAA,GAAA,IAAA,GAAA,CAAA,MAAM,EAAA,EAAA,QAAA,EAAA,SAAA,EAAA,EAAA,IAAA,EAAA,0BAAA,CAAA;AA2CN,YAAA,YAAA,CAAA,IAAA,EAAA,IAAA,EAAA,kBAAA,EAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,QAAA,EAAA,MAAA,EAAA,KAAA,EAAA,OAAA,EAAA,KAAA,EAAA,MAAA,EAAA,EAAA,GAAA,EAAA,GAAA,IAAA,QAAA,IAAA,GAAA,EAAA,GAAA,EAAA,GAAA,IAAA,GAAA,CAAA,MAAM,EAAA,EAAA,QAAA,EAAA,SAAA,EAAA,EAAA,IAAA,EAAA,0BAAA,CAAA;YAvEN,YAAA,CAAA,IAAA,EAAA,IAAA,EAAA,gBAAA,EAAA,EAAA,IAAA,EAAA,OAAA,EAAA,IAAA,EAAA,MAAA,EAAA,MAAA,EAAA,KAAA,EAAA,OAAA,EAAA,KAAA,EAAA,MAAA,EAAA,EAAA,GAAA,EAAA,GAAA,IAAA,MAAA,IAAA,GAAA,EAAA,GAAA,EAAA,GAAA,IAAA,GAAA,CAAA,IAAI,EAAA,GAAA,EAAA,CAAA,GAAA,EAAA,KAAA,KAAA,EAAA,GAAA,CAAJ,IAAI,GAAA,KAAA,CAAA,CAAA,CAAA,EAAA,EAAA,QAAA,EAAA,SAAA,EAAA,EAAA,kBAAA,EAAA,uBAAA,CAAA;YAGJ,YAAA,CAAA,IAAA,EAAA,IAAA,EAAA,oBAAA,EAAA,EAAA,IAAA,EAAA,OAAA,EAAA,IAAA,EAAA,UAAA,EAAA,MAAA,EAAA,KAAA,EAAA,OAAA,EAAA,KAAA,EAAA,MAAA,EAAA,EAAA,GAAA,EAAA,GAAA,IAAA,UAAA,IAAA,GAAA,EAAA,GAAA,EAAA,GAAA,IAAA,GAAA,CAAA,QAAQ,EAAA,GAAA,EAAA,CAAA,GAAA,EAAA,KAAA,KAAA,EAAA,GAAA,CAAR,QAAQ,GAAA,KAAA,CAAA,CAAA,CAAA,EAAA,EAAA,QAAA,EAAA,SAAA,EAAA,EAAA,sBAAA,EAAA,2BAAA,CAAA;YAGR,YAAA,CAAA,IAAA,EAAA,IAAA,EAAA,2BAAA,EAAA,EAAA,IAAA,EAAA,OAAA,EAAA,IAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,KAAA,EAAA,OAAA,EAAA,KAAA,EAAA,MAAA,EAAA,EAAA,GAAA,EAAA,GAAA,IAAA,iBAAA,IAAA,GAAA,EAAA,GAAA,EAAA,GAAA,IAAA,GAAA,CAAA,eAAe,EAAA,GAAA,EAAA,CAAA,GAAA,EAAA,KAAA,KAAA,EAAA,GAAA,CAAf,eAAe,GAAA,KAAA,CAAA,CAAA,CAAA,EAAA,EAAA,QAAA,EAAA,SAAA,EAAA,EAAA,6BAAA,EAAA,kCAAA,CAAA;YAGf,YAAA,CAAA,IAAA,EAAA,IAAA,EAAA,qBAAA,EAAA,EAAA,IAAA,EAAA,OAAA,EAAA,IAAA,EAAA,WAAA,EAAA,MAAA,EAAA,KAAA,EAAA,OAAA,EAAA,KAAA,EAAA,MAAA,EAAA,EAAA,GAAA,EAAA,GAAA,IAAA,WAAA,IAAA,GAAA,EAAA,GAAA,EAAA,GAAA,IAAA,GAAA,CAAA,SAAS,EAAA,GAAA,EAAA,CAAA,GAAA,EAAA,KAAA,KAAA,EAAA,GAAA,CAAT,SAAS,GAAA,KAAA,CAAA,CAAA,CAAA,EAAA,EAAA,QAAA,EAAA,SAAA,EAAA,EAAA,uBAAA,EAAA,4BAAA,CAAA;YAGT,YAAA,CAAA,IAAA,EAAA,IAAA,EAAA,0BAAA,EAAA,EAAA,IAAA,EAAA,OAAA,EAAA,IAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,KAAA,EAAA,OAAA,EAAA,KAAA,EAAA,MAAA,EAAA,EAAA,GAAA,EAAA,GAAA,IAAA,gBAAA,IAAA,GAAA,EAAA,GAAA,EAAA,GAAA,IAAA,GAAA,CAAA,cAAc,EAAA,GAAA,EAAA,CAAA,GAAA,EAAA,KAAA,KAAA,EAAA,GAAA,CAAd,cAAc,GAAA,KAAA,CAAA,CAAA,CAAA,EAAA,EAAA,QAAA,EAAA,SAAA,EAAA,EAAA,4BAAA,EAAA,iCAAA,CAAA;YAGd,YAAA,CAAA,IAAA,EAAA,IAAA,EAAA,oBAAA,EAAA,EAAA,IAAA,EAAA,OAAA,EAAA,IAAA,EAAA,UAAA,EAAA,MAAA,EAAA,KAAA,EAAA,OAAA,EAAA,KAAA,EAAA,MAAA,EAAA,EAAA,GAAA,EAAA,GAAA,IAAA,UAAA,IAAA,GAAA,EAAA,GAAA,EAAA,GAAA,IAAA,GAAA,CAAA,QAAQ,EAAA,GAAA,EAAA,CAAA,GAAA,EAAA,KAAA,KAAA,EAAA,GAAA,CAAR,QAAQ,GAAA,KAAA,CAAA,CAAA,CAAA,EAAA,EAAA,QAAA,EAAA,SAAA,EAAA,EAAA,sBAAA,EAAA,2BAAA,CAAA;YAGR,YAAA,CAAA,IAAA,EAAA,IAAA,EAAA,oBAAA,EAAA,EAAA,IAAA,EAAA,OAAA,EAAA,IAAA,EAAA,UAAA,EAAA,MAAA,EAAA,KAAA,EAAA,OAAA,EAAA,KAAA,EAAA,MAAA,EAAA,EAAA,GAAA,EAAA,GAAA,IAAA,UAAA,IAAA,GAAA,EAAA,GAAA,EAAA,GAAA,IAAA,GAAA,CAAA,QAAQ,EAAA,GAAA,EAAA,CAAA,GAAA,EAAA,KAAA,KAAA,EAAA,GAAA,CAAR,QAAQ,GAAA,KAAA,CAAA,CAAA,CAAA,EAAA,EAAA,QAAA,EAAA,SAAA,EAAA,EAAA,sBAAA,EAAA,2BAAA,CAAA;YApBV,YAAA,CAAA,IAAA,EAAA,gBAAA,GAAA,EAAA,KAAA,EAAA,UAAA,EAAA,EAAA,gBAAA,EAAA,EAAA,IAAA,EAAA,OAAA,EAAA,IAAA,EAAA,UAAA,CAAA,IAAA,EAAA,QAAA,EAAA,SAAA,EAAA,EAAA,IAAA,EAAA,uBAAA,CAAA;;;YAAa,iBAAA,CAAA,UAAA,EAAA,uBAAA,CAAA;;QAyBH,iBAAiB,GAAA;YACvB,OAAO,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE;QAC7C;QAGA,MAAM,GAAA;YACJ,MAAM,KAAK,GAAG,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC;YACnC,MAAM,UAAU,GAAG,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,QAAQ;AAEjD,YAAA,OAAO,IAAI,CAAA;;cAED,UAAU,CAAA;;AAEN,gBAAA,EAAA,IAAI,CAAC,QAAQ,CAAA;AACmC,gEAAA,EAAA,IAAI,CAAC,QAAQ,CAAA;;kBAE7D,CAAC,IAAI,CAAC,QAAQ,CAAA;;;AAGd,gBAAA,EAAA,IAAI,CAAC,QAAQ,CAAA;;0CAEW,IAAI,CAAC,MAAM,GAAG,0BAA0B,GAAG,EAAE,CAAA;;AAE7D,wBAAA,EAAA,MAAM,IAAI,CAAC,IAAI,EAAE,CAAA;kBACzB,IAAI,CAAC,MAAM,GAAG,SAAS,GAAG,MAAM;;;;;;;AAOyC,yFAAA,EAAA,IAAI,CAAC,QAAQ,CAAA,cAAA,EAAiB,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,KAAI;AACvI,gBAAA,MAAM,UAAU,GAAG,IAAI,CAAC,SAAS,GAAG,KAAK;gBACzC,MAAM,aAAa,GAAG,IAAI,CAAC,cAAc,CAAC,QAAQ,CAAC,UAAU,CAAC;AAC9D,gBAAA,MAAM,WAAW,GAAG;oBAClB,kBAAkB;AAClB,oBAAA,aAAa,GAAG,6BAA6B,GAAG;iBACjD,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC;gBAE3B,OAAO,IAAI,CAAA,CAAA,aAAA,EAAgB,WAAW,CAAA,MAAA,EAAS,IAAI,CAAC,eAAe,CAAA,uCAAA,EAA0C,UAAU,CAAA,YAAA,EAAe,IAAI;QAC9I;AACE,YAAA,CAAC,CAAC,CAAA;;;KAGP;QACH;QAGA,MAAM,GAAA;AACJ,YAAA,OAAO,GAAG,SAAO,CAAA,EAAG,UAAU,EAAE;QAClC;;AAGA,QAAA,MAAM,IAAI,GAAA;AACR,YAAA,IAAI;gBACF,MAAM,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC;AAC9C,gBAAA,IAAI,CAAC,MAAM,GAAG,IAAI;gBAClB,IAAI,CAAC,iBAAiB,EAAE;gBAExB,UAAU,CAAC,MAAK;AACd,oBAAA,IAAI,CAAC,MAAM,GAAG,KAAK;gBACrB,CAAC,EAAE,IAAI,CAAC;YACV;YAAE,OAAO,GAAG,EAAE;AACZ,gBAAA,OAAO,CAAC,KAAK,CAAC,sBAAsB,EAAE,GAAG,CAAC;YAC5C;QACF;;;;;;;"}

package/dist/components/code-block/snice-code-block.types.d.ts

@@ -0,0 +1,15 @@
+export type CodeLanguage = 'javascript' | 'typescript' | 'html' | 'css' | 'json' | 'python' | 'bash' | 'plaintext';
+export interface SniceCodeBlockElement extends HTMLElement {
+    code: string;
+    language: CodeLanguage;
+    showLineNumbers: boolean;
+    startLine: number;
+    highlightLines: number[];
+    copyable: boolean;
+    filename: string;
+    copy(): Promise<void>;
+}
+export interface CodeCopyDetail {
+    code: string;
+    codeBlock: SniceCodeBlockElement;
+}

package/dist/components/color-display/snice-color-display.d.ts

@@ -0,0 +1,14 @@
+import type { ColorSwatchSize, ColorFormat, SniceColorDisplayElement } from './snice-color-display.types';
+export declare class SniceColorDisplay extends HTMLElement implements SniceColorDisplayElement {
+    value: string;
+    format: ColorFormat;
+    showSwatch: boolean;
+    showLabel: boolean;
+    swatchSize: ColorSwatchSize;
+    label: string;
+    styles(): import("snice").CSSResult;
+    render(): import("snice").TemplateResult;
+    private getFormattedColor;
+    private hexToRgb;
+    private hexToHsl;
+}

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

@@ -0,0 +1,151 @@
+import { __esDecorate, __runInitializers } from 'tslib';
+import { element, property, styles, render, css, html } from 'snice';
+
+var cssContent = ":host{display:inline-block;font-family:var(--snice-font-family, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif);contain:layout style paint}.color-display{display:inline-flex;align-items:center;gap:var(--snice-spacing-xs,.5rem)}.color-swatch{display:inline-block;border:1px solid var(--snice-color-border,rgb(226 226 226));border-radius:var(--snice-border-radius-sm,.25rem);flex-shrink:0}.color-swatch--small{width:var(--snice-spacing-md,1rem);height:var(--snice-spacing-md,1rem)}.color-swatch--medium{width:var(--snice-spacing-lg,1.5rem);height:var(--snice-spacing-lg,1.5rem)}.color-swatch--large{width:var(--snice-spacing-xl,2rem);height:var(--snice-spacing-xl,2rem)}.color-label{font-size:var(--snice-font-size-sm, .875rem);color:var(--snice-color-text,rgb(23 23 23));font-family:var(--snice-font-family-mono, 'Courier New', monospace)}";
+
+let SniceColorDisplay = (() => {
+    let _classDecorators = [element('snice-color-display')];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _classSuper = HTMLElement;
+    let _instanceExtraInitializers = [];
+    let _value_decorators;
+    let _value_initializers = [];
+    let _value_extraInitializers = [];
+    let _format_decorators;
+    let _format_initializers = [];
+    let _format_extraInitializers = [];
+    let _showSwatch_decorators;
+    let _showSwatch_initializers = [];
+    let _showSwatch_extraInitializers = [];
+    let _showLabel_decorators;
+    let _showLabel_initializers = [];
+    let _showLabel_extraInitializers = [];
+    let _swatchSize_decorators;
+    let _swatchSize_initializers = [];
+    let _swatchSize_extraInitializers = [];
+    let _label_decorators;
+    let _label_initializers = [];
+    let _label_extraInitializers = [];
+    let _styles_decorators;
+    let _render_decorators;
+    (class extends _classSuper {
+        static { _classThis = this; }
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+            _value_decorators = [property({})];
+            _format_decorators = [property({})];
+            _showSwatch_decorators = [property({ type: Boolean, attribute: 'show-swatch' })];
+            _showLabel_decorators = [property({ type: Boolean, attribute: 'show-label' })];
+            _swatchSize_decorators = [property({ attribute: 'swatch-size' })];
+            _label_decorators = [property({})];
+            _styles_decorators = [styles()];
+            _render_decorators = [render()];
+            __esDecorate(this, null, _styles_decorators, { kind: "method", name: "styles", static: false, private: false, access: { has: obj => "styles" in obj, get: obj => obj.styles }, metadata: _metadata }, null, _instanceExtraInitializers);
+            __esDecorate(this, null, _render_decorators, { kind: "method", name: "render", static: false, private: false, access: { has: obj => "render" in obj, get: obj => obj.render }, metadata: _metadata }, null, _instanceExtraInitializers);
+            __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, _showSwatch_decorators, { kind: "field", name: "showSwatch", static: false, private: false, access: { has: obj => "showSwatch" in obj, get: obj => obj.showSwatch, set: (obj, value) => { obj.showSwatch = value; } }, metadata: _metadata }, _showSwatch_initializers, _showSwatch_extraInitializers);
+            __esDecorate(null, null, _showLabel_decorators, { kind: "field", name: "showLabel", static: false, private: false, access: { has: obj => "showLabel" in obj, get: obj => obj.showLabel, set: (obj, value) => { obj.showLabel = value; } }, metadata: _metadata }, _showLabel_initializers, _showLabel_extraInitializers);
+            __esDecorate(null, null, _swatchSize_decorators, { kind: "field", name: "swatchSize", static: false, private: false, access: { has: obj => "swatchSize" in obj, get: obj => obj.swatchSize, set: (obj, value) => { obj.swatchSize = value; } }, metadata: _metadata }, _swatchSize_initializers, _swatchSize_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, _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);
+        }
+        styles() {
+            return css /*css*/ `${cssContent}`;
+        }
+        render() {
+            const colorValue = this.value;
+            const displayText = this.getFormattedColor();
+            const labelText = this.label || displayText;
+            const swatchClasses = [
+                'color-swatch',
+                `color-swatch--${this.swatchSize}`
+            ].join(' ');
+            return html `
+      <div class="color-display" part="container">
+        <if ${this.showSwatch}>
+          <span
+            class="${swatchClasses}"
+            part="swatch"
+            style="background-color: ${colorValue};"
+          ></span>
+        </if>
+        <if ${this.showLabel}>
+          <span class="color-label" part="label">${labelText}</span>
+        </if>
+      </div>
+    `;
+        }
+        getFormattedColor() {
+            if (!this.value)
+                return '';
+            switch (this.format) {
+                case 'hex':
+                    return this.value;
+                case 'rgb':
+                    return this.hexToRgb(this.value);
+                case 'hsl':
+                    return this.hexToHsl(this.value);
+                default:
+                    return this.value;
+            }
+        }
+        hexToRgb(hex) {
+            const result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex);
+            if (!result)
+                return hex;
+            const r = parseInt(result[1], 16);
+            const g = parseInt(result[2], 16);
+            const b = parseInt(result[3], 16);
+            return `rgb(${r}, ${g}, ${b})`;
+        }
+        hexToHsl(hex) {
+            const result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex);
+            if (!result)
+                return hex;
+            let r = parseInt(result[1], 16) / 255;
+            let g = parseInt(result[2], 16) / 255;
+            let b = parseInt(result[3], 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)}%)`;
+        }
+        constructor() {
+            super(...arguments);
+            this.value = (__runInitializers(this, _instanceExtraInitializers), __runInitializers(this, _value_initializers, ''));
+            this.format = (__runInitializers(this, _value_extraInitializers), __runInitializers(this, _format_initializers, 'hex'));
+            this.showSwatch = (__runInitializers(this, _format_extraInitializers), __runInitializers(this, _showSwatch_initializers, true));
+            this.showLabel = (__runInitializers(this, _showSwatch_extraInitializers), __runInitializers(this, _showLabel_initializers, true));
+            this.swatchSize = (__runInitializers(this, _showLabel_extraInitializers), __runInitializers(this, _swatchSize_initializers, 'medium'));
+            this.label = (__runInitializers(this, _swatchSize_extraInitializers), __runInitializers(this, _label_initializers, ''));
+            __runInitializers(this, _label_extraInitializers);
+        }
+    });
+    return _classThis;
+})();
+
+export { SniceColorDisplay };
+//# sourceMappingURL=snice-color-display.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"snice-color-display.js","sources":["../../../components/color-display/snice-color-display.css?inline","../../../../components/color-display/snice-color-display.ts"],"sourcesContent":["export default \":host{display:inline-block;font-family:var(--snice-font-family, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif);contain:layout style paint}.color-display{display:inline-flex;align-items:center;gap:var(--snice-spacing-xs,.5rem)}.color-swatch{display:inline-block;border:1px solid var(--snice-color-border,rgb(226 226 226));border-radius:var(--snice-border-radius-sm,.25rem);flex-shrink:0}.color-swatch--small{width:var(--snice-spacing-md,1rem);height:var(--snice-spacing-md,1rem)}.color-swatch--medium{width:var(--snice-spacing-lg,1.5rem);height:var(--snice-spacing-lg,1.5rem)}.color-swatch--large{width:var(--snice-spacing-xl,2rem);height:var(--snice-spacing-xl,2rem)}.color-label{font-size:var(--snice-font-size-sm, .875rem);color:var(--snice-color-text,rgb(23 23 23));font-family:var(--snice-font-family-mono, 'Courier New', monospace)}\";",null],"names":[],"mappings":"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"}

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

@@ -0,0 +1,10 @@
+export type ColorSwatchSize = 'small' | 'medium' | 'large';
+export type ColorFormat = 'hex' | 'rgb' | 'hsl';
+export interface SniceColorDisplayElement extends HTMLElement {
+    value: string;
+    format: ColorFormat;
+    showSwatch: boolean;
+    showLabel: boolean;
+    swatchSize: ColorSwatchSize;
+    label: string;
+}

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

@@ -0,0 +1,50 @@
+import type { ColorPickerSize, ColorPickerFormat, SniceColorPickerElement } from './snice-color-picker.types';
+export declare class SniceColorPicker extends HTMLElement implements SniceColorPickerElement {
+    internals: ElementInternals;
+    constructor();
+    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[];
+    input?: HTMLInputElement;
+    nativeInput?: HTMLInputElement;
+    swatch?: HTMLElement;
+    render(): import("snice").TemplateResult;
+    private renderPreset;
+    styles(): import("snice").CSSResult;
+    init(): void;
+    private handleSwatchClick;
+    private handleSwatchKeyDown;
+    private handleNativeChange;
+    private handleInputChange;
+    private handlePresetClick;
+    private handlePresetKeyDown;
+    private handleFocus;
+    private handleBlur;
+    private normalizeValue;
+    private toHex;
+    private formatColor;
+    private parseColor;
+    private hexToRgb;
+    private rgbToHex;
+    private hexToHsl;
+    private hslToHex;
+    handleValueChange(): void;
+    handleFormatChange(): void;
+    handleDisabledChange(): void;
+    private dispatchInputEvent;
+    private dispatchChangeEvent;
+    private dispatchFocusEvent;
+    private dispatchBlurEvent;
+    focus(): void;
+    blur(): void;
+}