snice 3.1.0 → 3.3.0

package/dist/components/layout/snice-layout.js

@@ -2,7 +2,7 @@ import { __runInitializers, __esDecorate } from 'tslib';
 import { element, query, render, styles, ready, html, css } from 'snice';
 import '../nav/snice-nav.js';
 
-var cssContent = "/* Layout Component Styles */\n:host {\n  display: block;\n  font-family: var(--snice-font-family, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif);\n}\n\n.layout {\n  display: grid;\n  grid-template-rows: auto 1fr auto;\n  min-height: 100vh;\n}\n\n.header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: var(--snice-spacing-md, 1rem) var(--snice-spacing-lg, 2rem);\n  background: var(--snice-color-background, white);\n  border-bottom: 1px solid var(--snice-color-border, #d1d5db);\n  box-shadow: 0 2px 4px rgba(0,0,0,0.1);\n}\n\n.brand h1 {\n  margin: 0;\n  font-size: var(--snice-font-size-xl, 1.5rem);\n  color: var(--snice-color-text, #374151);\n  font-weight: var(--snice-font-weight-semibold, 600);\n}\n\n.nav {\n  display: flex;\n  gap: var(--snice-spacing-lg, 2rem);\n}\n\n.nav ::slotted(a) {\n  text-decoration: none;\n  color: var(--snice-color-text-secondary, #6b7280);\n  font-weight: var(--snice-font-weight-medium, 500);\n  padding: var(--snice-spacing-xs, 0.5rem) var(--snice-spacing-md, 1rem);\n  border-radius: var(--snice-border-radius-md, 4px);\n  transition: all var(--snice-transition-fast, 0.15s) ease;\n}\n\n.nav ::slotted(a:hover) {\n  color: var(--snice-color-primary, #3b82f6);\n  background: var(--snice-color-background-secondary, #f8fafc);\n}\n\n.nav ::slotted(a.active) {\n  color: var(--snice-color-primary, #3b82f6);\n  background: var(--snice-color-primary-light, #dbeafe);\n  font-weight: var(--snice-font-weight-semibold, 600);\n}\n\n.main {\n  padding: var(--snice-spacing-lg, 2rem);\n  background: var(--snice-color-background-secondary, #f8fafc);\n  overflow-y: auto;\n}\n\n.footer {\n  padding: var(--snice-spacing-md, 1rem) var(--snice-spacing-lg, 2rem);\n  background: var(--snice-color-background, white);\n  border-top: 1px solid var(--snice-color-border, #d1d5db);\n  text-align: center;\n  color: var(--snice-color-text-secondary, #6b7280);\n  font-size: var(--snice-font-size-sm, 0.875rem);\n}\n\n.footer p {\n  margin: 0;\n}";
+var cssContent = ":host{display:block;font-family:var(--snice-font-family, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif)}.layout{display:grid;grid-template-rows:auto 1fr auto;min-height:100vh}.header{display:flex;align-items:center;justify-content:space-between;padding:var(--snice-spacing-md,1rem) var(--snice-spacing-lg,2rem);background:var(--snice-color-background,#fff);border-bottom:1px solid var(--snice-color-border,#d1d5db);box-shadow:0 2px 4px rgba(0,0,0,.1)}.brand h1{margin:0;font-size:var(--snice-font-size-xl, 1.5rem);color:var(--snice-color-text,#374151);font-weight:var(--snice-font-weight-semibold,600)}.nav{display:flex;gap:var(--snice-spacing-lg,2rem)}.nav ::slotted(a){text-decoration:none;color:var(--snice-color-text-secondary,#6b7280);font-weight:var(--snice-font-weight-medium,500);padding:var(--snice-spacing-xs,.5rem) var(--snice-spacing-md,1rem);border-radius:var(--snice-border-radius-md,4px);transition:all var(--snice-transition-fast, .15s) ease}.nav ::slotted(a:hover){color:var(--snice-color-primary,#3b82f6);background:var(--snice-color-background-secondary,#f8fafc)}.nav ::slotted(a.active){color:var(--snice-color-primary,#3b82f6);background:var(--snice-color-primary-light,#dbeafe);font-weight:var(--snice-font-weight-semibold,600)}.main{padding:var(--snice-spacing-lg,2rem);background:var(--snice-color-background-secondary,#f8fafc);overflow-y:auto}.footer{padding:var(--snice-spacing-md,1rem) var(--snice-spacing-lg,2rem);background:var(--snice-color-background,#fff);border-top:1px solid var(--snice-color-border,#d1d5db);text-align:center;color:var(--snice-color-text-secondary,#6b7280);font-size:var(--snice-font-size-sm, .875rem)}.footer p{margin:0}";
 
 let SniceLayout = (() => {
     let _classDecorators = [element('snice-layout')];
@@ -14,8 +14,8 @@ let SniceLayout = (() => {
     let _navElement_decorators;
     let _navElement_initializers = [];
     let _navElement_extraInitializers = [];
-    let _renderContent_decorators;
-    let _componentStyles_decorators;
+    let _render_decorators;
+    let _styles_decorators;
     let _onReady_decorators;
     (class extends _classSuper {
         static { _classThis = this; }
@@ -28,11 +28,11 @@ let SniceLayout = (() => {
         static {
             const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
             _navElement_decorators = [query('snice-nav')];
-            _renderContent_decorators = [render()];
-            _componentStyles_decorators = [styles()];
+            _render_decorators = [render()];
+            _styles_decorators = [styles()];
             _onReady_decorators = [ready()];
-            __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, _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(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, _onReady_decorators, { kind: "method", name: "onReady", static: false, private: false, access: { has: obj => "onReady" in obj, get: obj => obj.onReady }, metadata: _metadata }, null, _instanceExtraInitializers);
             __esDecorate(null, null, _navElement_decorators, { kind: "field", name: "navElement", static: false, private: false, access: { has: obj => "navElement" in obj, get: obj => obj.navElement, set: (obj, value) => { obj.navElement = value; } }, metadata: _metadata }, _navElement_initializers, _navElement_extraInitializers);
             __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
@@ -40,7 +40,7 @@ let SniceLayout = (() => {
             if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
             __runInitializers(_classThis, _classExtraInitializers);
         }
-        renderContent() {
+        render() {
             return html /*html*/ `
       <div class="layout">
         <header class="header">
@@ -63,7 +63,7 @@ let SniceLayout = (() => {
       </div>
     `;
         }
-        componentStyles() {
+        styles() {
             return css /*css*/ `${cssContent}`;
         }
         onReady() {

package/dist/components/layout/snice-layout.js.map

@@ -1 +1 @@
-{"version":3,"file":"snice-layout.js","sources":["../../../components/layout/snice-layout.css?inline","../../../../components/layout/snice-layout.ts"],"sourcesContent":["export default \"/* Layout Component Styles */\\n:host {\\n  display: block;\\n  font-family: var(--snice-font-family, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif);\\n}\\n\\n.layout {\\n  display: grid;\\n  grid-template-rows: auto 1fr auto;\\n  min-height: 100vh;\\n}\\n\\n.header {\\n  display: flex;\\n  align-items: center;\\n  justify-content: space-between;\\n  padding: var(--snice-spacing-md, 1rem) var(--snice-spacing-lg, 2rem);\\n  background: var(--snice-color-background, white);\\n  border-bottom: 1px solid var(--snice-color-border, #d1d5db);\\n  box-shadow: 0 2px 4px rgba(0,0,0,0.1);\\n}\\n\\n.brand h1 {\\n  margin: 0;\\n  font-size: var(--snice-font-size-xl, 1.5rem);\\n  color: var(--snice-color-text, #374151);\\n  font-weight: var(--snice-font-weight-semibold, 600);\\n}\\n\\n.nav {\\n  display: flex;\\n  gap: var(--snice-spacing-lg, 2rem);\\n}\\n\\n.nav ::slotted(a) {\\n  text-decoration: none;\\n  color: var(--snice-color-text-secondary, #6b7280);\\n  font-weight: var(--snice-font-weight-medium, 500);\\n  padding: var(--snice-spacing-xs, 0.5rem) var(--snice-spacing-md, 1rem);\\n  border-radius: var(--snice-border-radius-md, 4px);\\n  transition: all var(--snice-transition-fast, 0.15s) ease;\\n}\\n\\n.nav ::slotted(a:hover) {\\n  color: var(--snice-color-primary, #3b82f6);\\n  background: var(--snice-color-background-secondary, #f8fafc);\\n}\\n\\n.nav ::slotted(a.active) {\\n  color: var(--snice-color-primary, #3b82f6);\\n  background: var(--snice-color-primary-light, #dbeafe);\\n  font-weight: var(--snice-font-weight-semibold, 600);\\n}\\n\\n.main {\\n  padding: var(--snice-spacing-lg, 2rem);\\n  background: var(--snice-color-background-secondary, #f8fafc);\\n  overflow-y: auto;\\n}\\n\\n.footer {\\n  padding: var(--snice-spacing-md, 1rem) var(--snice-spacing-lg, 2rem);\\n  background: var(--snice-color-background, white);\\n  border-top: 1px solid var(--snice-color-border, #d1d5db);\\n  text-align: center;\\n  color: var(--snice-color-text-secondary, #6b7280);\\n  font-size: var(--snice-font-size-sm, 0.875rem);\\n}\\n\\n.footer p {\\n  margin: 0;\\n}\";",null],"names":[],"mappings":"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"}
+{"version":3,"file":"snice-layout.js","sources":["../../../components/layout/snice-layout.css?inline","../../../../components/layout/snice-layout.ts"],"sourcesContent":["export default \":host{display:block;font-family:var(--snice-font-family, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif)}.layout{display:grid;grid-template-rows:auto 1fr auto;min-height:100vh}.header{display:flex;align-items:center;justify-content:space-between;padding:var(--snice-spacing-md,1rem) var(--snice-spacing-lg,2rem);background:var(--snice-color-background,#fff);border-bottom:1px solid var(--snice-color-border,#d1d5db);box-shadow:0 2px 4px rgba(0,0,0,.1)}.brand h1{margin:0;font-size:var(--snice-font-size-xl, 1.5rem);color:var(--snice-color-text,#374151);font-weight:var(--snice-font-weight-semibold,600)}.nav{display:flex;gap:var(--snice-spacing-lg,2rem)}.nav ::slotted(a){text-decoration:none;color:var(--snice-color-text-secondary,#6b7280);font-weight:var(--snice-font-weight-medium,500);padding:var(--snice-spacing-xs,.5rem) var(--snice-spacing-md,1rem);border-radius:var(--snice-border-radius-md,4px);transition:all var(--snice-transition-fast, .15s) ease}.nav ::slotted(a:hover){color:var(--snice-color-primary,#3b82f6);background:var(--snice-color-background-secondary,#f8fafc)}.nav ::slotted(a.active){color:var(--snice-color-primary,#3b82f6);background:var(--snice-color-primary-light,#dbeafe);font-weight:var(--snice-font-weight-semibold,600)}.main{padding:var(--snice-spacing-lg,2rem);background:var(--snice-color-background-secondary,#f8fafc);overflow-y:auto}.footer{padding:var(--snice-spacing-md,1rem) var(--snice-spacing-lg,2rem);background:var(--snice-color-background,#fff);border-top:1px solid var(--snice-color-border,#d1d5db);text-align:center;color:var(--snice-color-text-secondary,#6b7280);font-size:var(--snice-font-size-sm, .875rem)}.footer p{margin:0}\";",null],"names":[],"mappings":"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"}

package/dist/components/link/snice-link.d.ts

@@ -0,0 +1,13 @@
+import type { LinkVariant, LinkTarget, SniceLinkElement } from './snice-link.types';
+export declare class SniceLink extends HTMLElement implements SniceLinkElement {
+    href: string;
+    target: LinkTarget;
+    variant: LinkVariant;
+    disabled: boolean;
+    external: boolean;
+    underline: boolean;
+    hash: boolean;
+    styles(): import("snice").CSSResult;
+    private handleClick;
+    render(): import("snice").TemplateResult;
+}

package/dist/components/link/snice-link.js

@@ -0,0 +1,137 @@
+import { __esDecorate, __runInitializers } from 'tslib';
+import { element, property, styles, dispatch, render, css, html } from 'snice';
+
+var cssContent = ":host{display:inline;font-family:var(--snice-font-family, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif);contain:layout style paint}.link{color:var(--snice-color-primary,rgb(59 130 246));text-decoration:none;cursor:pointer;transition:color var(--snice-transition-fast, 150ms);display:inline-flex;align-items:center;gap:var(--snice-spacing-2xs,.25rem)}.link:hover{color:var(--snice-color-primary-dark,rgb(37 99 235))}.link:active{color:var(--snice-color-primary-darker,rgb(29 78 216))}.link--underline{text-decoration:underline}.link--default{color:var(--snice-color-primary,rgb(59 130 246))}.link--default:hover{color:var(--snice-color-primary-dark,rgb(37 99 235))}.link--primary{color:var(--snice-color-primary,rgb(59 130 246));font-weight:var(--snice-font-weight-medium,500)}.link--primary:hover{color:var(--snice-color-primary-dark,rgb(37 99 235))}.link--secondary{color:var(--snice-color-text-secondary,rgb(107 114 128))}.link--secondary:hover{color:var(--snice-color-text,rgb(17 24 39))}.link--muted{color:var(--snice-color-text-muted,rgb(156 163 175))}.link--muted:hover{color:var(--snice-color-text-secondary,rgb(107 114 128))}.link--disabled{color:var(--snice-color-text-disabled,rgb(209 213 219));cursor:not-allowed;pointer-events:none}.link__icon{display:inline-flex;font-size:var(--snice-font-size-sm, .875rem)}.link__external-icon{display:inline-flex;font-size:var(--snice-font-size-xs, .75rem)}:host([disabled]) .link{color:var(--snice-color-text-disabled,rgb(209 213 219));cursor:not-allowed;pointer-events:none}";
+
+let SniceLink = (() => {
+    let _classDecorators = [element('snice-link')];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _classSuper = HTMLElement;
+    let _instanceExtraInitializers = [];
+    let _href_decorators;
+    let _href_initializers = [];
+    let _href_extraInitializers = [];
+    let _target_decorators;
+    let _target_initializers = [];
+    let _target_extraInitializers = [];
+    let _variant_decorators;
+    let _variant_initializers = [];
+    let _variant_extraInitializers = [];
+    let _disabled_decorators;
+    let _disabled_initializers = [];
+    let _disabled_extraInitializers = [];
+    let _external_decorators;
+    let _external_initializers = [];
+    let _external_extraInitializers = [];
+    let _underline_decorators;
+    let _underline_initializers = [];
+    let _underline_extraInitializers = [];
+    let _hash_decorators;
+    let _hash_initializers = [];
+    let _hash_extraInitializers = [];
+    let _styles_decorators;
+    let _handleClick_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;
+            _href_decorators = [property({})];
+            _target_decorators = [property({})];
+            _variant_decorators = [property({})];
+            _disabled_decorators = [property({ type: Boolean })];
+            _external_decorators = [property({ type: Boolean })];
+            _underline_decorators = [property({ type: Boolean })];
+            _hash_decorators = [property({ type: Boolean })];
+            _styles_decorators = [styles()];
+            _handleClick_decorators = [dispatch('click')];
+            _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, _handleClick_decorators, { kind: "method", name: "handleClick", static: false, private: false, access: { has: obj => "handleClick" in obj, get: obj => obj.handleClick }, 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, _href_decorators, { kind: "field", name: "href", static: false, private: false, access: { has: obj => "href" in obj, get: obj => obj.href, set: (obj, value) => { obj.href = value; } }, metadata: _metadata }, _href_initializers, _href_extraInitializers);
+            __esDecorate(null, null, _target_decorators, { kind: "field", name: "target", static: false, private: false, access: { has: obj => "target" in obj, get: obj => obj.target, set: (obj, value) => { obj.target = value; } }, metadata: _metadata }, _target_initializers, _target_extraInitializers);
+            __esDecorate(null, null, _variant_decorators, { kind: "field", name: "variant", static: false, private: false, access: { has: obj => "variant" in obj, get: obj => obj.variant, set: (obj, value) => { obj.variant = value; } }, metadata: _metadata }, _variant_initializers, _variant_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, _external_decorators, { kind: "field", name: "external", static: false, private: false, access: { has: obj => "external" in obj, get: obj => obj.external, set: (obj, value) => { obj.external = value; } }, metadata: _metadata }, _external_initializers, _external_extraInitializers);
+            __esDecorate(null, null, _underline_decorators, { kind: "field", name: "underline", static: false, private: false, access: { has: obj => "underline" in obj, get: obj => obj.underline, set: (obj, value) => { obj.underline = value; } }, metadata: _metadata }, _underline_initializers, _underline_extraInitializers);
+            __esDecorate(null, null, _hash_decorators, { kind: "field", name: "hash", static: false, private: false, access: { has: obj => "hash" in obj, get: obj => obj.hash, set: (obj, value) => { obj.hash = value; } }, metadata: _metadata }, _hash_initializers, _hash_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}`;
+        }
+        handleClick(e) {
+            if (this.disabled) {
+                e.preventDefault();
+                return;
+            }
+            // Emit navigate event for router integration
+            if (this.hash) {
+                const navigateEvent = new CustomEvent('navigate', {
+                    detail: { href: this.href },
+                    bubbles: true,
+                    composed: true,
+                    cancelable: true
+                });
+                const shouldNavigate = this.dispatchEvent(navigateEvent);
+                if (!shouldNavigate) {
+                    e.preventDefault();
+                }
+            }
+        }
+        render() {
+            const linkClasses = [
+                'link',
+                `link--${this.variant}`,
+                this.underline ? 'link--underline' : '',
+                this.disabled ? 'link--disabled' : ''
+            ].filter(Boolean).join(' ');
+            const linkTarget = this.external ? '_blank' : this.target;
+            const linkRel = this.external ? 'noopener noreferrer' : '';
+            // Compute href with hash prefix if needed
+            let computedHref = this.href || '';
+            if (this.hash && computedHref && !computedHref.startsWith('#')) {
+                computedHref = `#${computedHref}`;
+            }
+            if (!computedHref) {
+                computedHref = '#';
+            }
+            return html `
+      <a
+        href="${computedHref}"
+        target="${linkTarget}"
+        rel="${linkRel}"
+        class="${linkClasses}"
+        part="link"
+        @click="${(e) => this.handleClick(e)}"
+      >
+        <slot></slot>
+        <if ${this.external}>
+          <span class="link__external-icon" part="external-icon">↗</span>
+        </if>
+      </a>
+    `;
+        }
+        constructor() {
+            super(...arguments);
+            this.href = (__runInitializers(this, _instanceExtraInitializers), __runInitializers(this, _href_initializers, ''));
+            this.target = (__runInitializers(this, _href_extraInitializers), __runInitializers(this, _target_initializers, '_self'));
+            this.variant = (__runInitializers(this, _target_extraInitializers), __runInitializers(this, _variant_initializers, 'default'));
+            this.disabled = (__runInitializers(this, _variant_extraInitializers), __runInitializers(this, _disabled_initializers, false));
+            this.external = (__runInitializers(this, _disabled_extraInitializers), __runInitializers(this, _external_initializers, false));
+            this.underline = (__runInitializers(this, _external_extraInitializers), __runInitializers(this, _underline_initializers, false));
+            this.hash = (__runInitializers(this, _underline_extraInitializers), __runInitializers(this, _hash_initializers, false));
+            __runInitializers(this, _hash_extraInitializers);
+        }
+    });
+    return _classThis;
+})();
+
+export { SniceLink };
+//# sourceMappingURL=snice-link.js.map

package/dist/components/link/snice-link.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"snice-link.js","sources":["../../../components/link/snice-link.css?inline","../../../../components/link/snice-link.ts"],"sourcesContent":["export default \":host{display:inline;font-family:var(--snice-font-family, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif);contain:layout style paint}.link{color:var(--snice-color-primary,rgb(59 130 246));text-decoration:none;cursor:pointer;transition:color var(--snice-transition-fast, 150ms);display:inline-flex;align-items:center;gap:var(--snice-spacing-2xs,.25rem)}.link:hover{color:var(--snice-color-primary-dark,rgb(37 99 235))}.link:active{color:var(--snice-color-primary-darker,rgb(29 78 216))}.link--underline{text-decoration:underline}.link--default{color:var(--snice-color-primary,rgb(59 130 246))}.link--default:hover{color:var(--snice-color-primary-dark,rgb(37 99 235))}.link--primary{color:var(--snice-color-primary,rgb(59 130 246));font-weight:var(--snice-font-weight-medium,500)}.link--primary:hover{color:var(--snice-color-primary-dark,rgb(37 99 235))}.link--secondary{color:var(--snice-color-text-secondary,rgb(107 114 128))}.link--secondary:hover{color:var(--snice-color-text,rgb(17 24 39))}.link--muted{color:var(--snice-color-text-muted,rgb(156 163 175))}.link--muted:hover{color:var(--snice-color-text-secondary,rgb(107 114 128))}.link--disabled{color:var(--snice-color-text-disabled,rgb(209 213 219));cursor:not-allowed;pointer-events:none}.link__icon{display:inline-flex;font-size:var(--snice-font-size-sm, .875rem)}.link__external-icon{display:inline-flex;font-size:var(--snice-font-size-xs, .75rem)}:host([disabled]) .link{color:var(--snice-color-text-disabled,rgb(209 213 219));cursor:not-allowed;pointer-events:none}\";",null],"names":[],"mappings":"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"}

package/dist/components/link/snice-link.types.d.ts

@@ -0,0 +1,11 @@
+export type LinkVariant = 'default' | 'primary' | 'secondary' | 'muted';
+export type LinkTarget = '_self' | '_blank' | '_parent' | '_top';
+export interface SniceLinkElement extends HTMLElement {
+    href: string;
+    target: LinkTarget;
+    variant: LinkVariant;
+    disabled: boolean;
+    external: boolean;
+    underline: boolean;
+    hash: boolean;
+}

package/dist/components/list/snice-list-item.d.ts

@@ -0,0 +1,6 @@
+export declare class SniceListItem extends HTMLElement {
+    selected: boolean;
+    disabled: boolean;
+    render(): import("snice").TemplateResult;
+    styles(): import("snice").CSSResult;
+}

package/dist/components/list/snice-list-item.js

@@ -0,0 +1,68 @@
+import { __esDecorate, __runInitializers } from 'tslib';
+import { element, property, render, styles, html, css } from 'snice';
+
+var cssContent = ":host{display:block;contain:layout style}.list-item{display:flex;align-items:center;gap:var(--snice-spacing-sm,.75rem);padding:var(--snice-spacing-sm,.75rem) var(--snice-spacing-md,1rem);cursor:pointer;transition:background-color var(--snice-transition-fast, 150ms) ease;background:0 0;border:none;width:100%;box-sizing:border-box;text-align:left;color:var(--snice-color-text,rgb(23 23 23))}.list-item:hover{background-color:var(--snice-color-background-hover,rgb(243 244 246))}.list-item--selected{background-color:var(--snice-color-primary-light,rgb(219 234 254))}.list-item--disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.list-item__content{flex:1;min-width:0}";
+
+let SniceListItem = (() => {
+    let _classDecorators = [element('snice-list-item')];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _classSuper = HTMLElement;
+    let _instanceExtraInitializers = [];
+    let _selected_decorators;
+    let _selected_initializers = [];
+    let _selected_extraInitializers = [];
+    let _disabled_decorators;
+    let _disabled_initializers = [];
+    let _disabled_extraInitializers = [];
+    let _render_decorators;
+    let _styles_decorators;
+    (class extends _classSuper {
+        static { _classThis = this; }
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+            _selected_decorators = [property({ type: Boolean })];
+            _disabled_decorators = [property({ type: Boolean })];
+            _render_decorators = [render()];
+            _styles_decorators = [styles()];
+            __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(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(null, null, _selected_decorators, { kind: "field", name: "selected", static: false, private: false, access: { has: obj => "selected" in obj, get: obj => obj.selected, set: (obj, value) => { obj.selected = value; } }, metadata: _metadata }, _selected_initializers, _selected_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, _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);
+        }
+        render() {
+            const classes = ['list-item'];
+            if (this.selected)
+                classes.push('list-item--selected');
+            if (this.disabled)
+                classes.push('list-item--disabled');
+            return html `
+      <div class="${classes.join(' ')}">
+        <slot name="before"></slot>
+        <div class="list-item__content">
+          <slot></slot>
+        </div>
+        <slot name="after"></slot>
+      </div>
+    `;
+        }
+        styles() {
+            return css /*css*/ `${cssContent}`;
+        }
+        constructor() {
+            super(...arguments);
+            this.selected = (__runInitializers(this, _instanceExtraInitializers), __runInitializers(this, _selected_initializers, false));
+            this.disabled = (__runInitializers(this, _selected_extraInitializers), __runInitializers(this, _disabled_initializers, false));
+            __runInitializers(this, _disabled_extraInitializers);
+        }
+    });
+    return _classThis;
+})();
+
+export { SniceListItem };
+//# sourceMappingURL=snice-list-item.js.map

package/dist/components/list/snice-list-item.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"snice-list-item.js","sources":["../../../components/list/snice-list-item.css?inline","../../../../components/list/snice-list-item.ts"],"sourcesContent":["export default \":host{display:block;contain:layout style}.list-item{display:flex;align-items:center;gap:var(--snice-spacing-sm,.75rem);padding:var(--snice-spacing-sm,.75rem) var(--snice-spacing-md,1rem);cursor:pointer;transition:background-color var(--snice-transition-fast, 150ms) ease;background:0 0;border:none;width:100%;box-sizing:border-box;text-align:left;color:var(--snice-color-text,rgb(23 23 23))}.list-item:hover{background-color:var(--snice-color-background-hover,rgb(243 244 246))}.list-item--selected{background-color:var(--snice-color-primary-light,rgb(219 234 254))}.list-item--disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.list-item__content{flex:1;min-width:0}\";",null],"names":[],"mappings":";;;AAAA,iBAAe,sqBAAsqB;;ICIxqB,aAAa,GAAA,CAAA,MAAA;4BADzB,OAAO,CAAC,iBAAiB,CAAC,CAAA;;;;sBACQ,WAAW;;;;;;;;;;AAAnB,KAAA,cAAQ,WAAW,CAAA;;;;AAC3C,YAAA,oBAAA,GAAA,CAAA,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC,CAAA;AAG3B,YAAA,oBAAA,GAAA,CAAA,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC,CAAA;AAG3B,YAAA,kBAAA,GAAA,CAAA,MAAM,EAAE,CAAA;AAiBR,YAAA,kBAAA,GAAA,CAAA,MAAM,EAAE,CAAA;AAhBT,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;AAiBN,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;YAvBN,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;YALV,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;;QAQX,MAAM,GAAA;AACJ,YAAA,MAAM,OAAO,GAAG,CAAC,WAAW,CAAC;YAC7B,IAAI,IAAI,CAAC,QAAQ;AAAE,gBAAA,OAAO,CAAC,IAAI,CAAC,qBAAqB,CAAC;YACtD,IAAI,IAAI,CAAC,QAAQ;AAAE,gBAAA,OAAO,CAAC,IAAI,CAAC,qBAAqB,CAAC;AAEtD,YAAA,OAAO,IAAI,CAAA;AACK,kBAAA,EAAA,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;;;;;;;KAOhC;QACH;QAGA,MAAM,GAAA;AACJ,YAAA,OAAO,GAAG,SAAO,CAAA,EAAG,UAAU,EAAE;QAClC;;;AAzBA,YAAA,IAAA,CAAA,QAAQ,IAFG,iBAAA,CAAA,IAAA,EAAA,0BAAA,CAAa,EAAA,iBAAA,CAAA,IAAA,EAAA,sBAAA,EAEb,KAAK,CAAA,CAAA;YAGhB,IAAA,CAAA,QAAQ,IAAA,iBAAA,CAAA,IAAA,EAAA,2BAAA,CAAA,EAAA,iBAAA,CAAA,IAAA,EAAA,sBAAA,EAAG,KAAK,CAAA,CAAA;;;;;;;;;"}

package/dist/components/list/snice-list.d.ts

@@ -0,0 +1,23 @@
+import '../skeleton/snice-skeleton.ts';
+export declare class SniceList extends HTMLElement {
+    dividers: boolean;
+    searchable: boolean;
+    search: string;
+    infinite: boolean;
+    loading: boolean;
+    noResults: boolean;
+    threshold: number;
+    skeletonCount: number;
+    private searchTimeout?;
+    private page;
+    private intersectionObserver?;
+    init(): void;
+    cleanup(): void;
+    private setupInfiniteScroll;
+    handleSearchInput(e: Event): void;
+    performSearch(query: string): any;
+    loadMore(): any;
+    private getScrollParent;
+    render(): import("snice").TemplateResult;
+    styles(): import("snice").CSSResult;
+}