snice 4.8.0 → 4.10.0

package/adapters/react/virtual-scroller.d.ts

@@ -8,6 +8,7 @@ export interface VirtualScrollerProps extends SniceBaseProps {
     bufferSize?: any;
     estimatedItemHeight?: any;
     renderItem?: any;
+    _scrollTick?: any;
 }
 /**
  * VirtualScroller - React adapter for snice-virtual-scroller

package/adapters/react/virtual-scroller.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"virtual-scroller.d.ts","sourceRoot":"","sources":["virtual-scroller.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAE9C;;GAEG;AACH,MAAM,WAAW,oBAAqB,SAAQ,cAAc;IAC1D,KAAK,CAAC,EAAE,GAAG,CAAC;IACZ,UAAU,CAAC,EAAE,GAAG,CAAC;IACjB,UAAU,CAAC,EAAE,GAAG,CAAC;IACjB,mBAAmB,CAAC,EAAE,GAAG,CAAC;IAC1B,UAAU,CAAC,EAAE,GAAG,CAAC;CAElB;AAED;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,eAAe,mHAK1B,CAAC"}
+{"version":3,"file":"virtual-scroller.d.ts","sourceRoot":"","sources":["virtual-scroller.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAE9C;;GAEG;AACH,MAAM,WAAW,oBAAqB,SAAQ,cAAc;IAC1D,KAAK,CAAC,EAAE,GAAG,CAAC;IACZ,UAAU,CAAC,EAAE,GAAG,CAAC;IACjB,UAAU,CAAC,EAAE,GAAG,CAAC;IACjB,mBAAmB,CAAC,EAAE,GAAG,CAAC;IAC1B,UAAU,CAAC,EAAE,GAAG,CAAC;IACjB,WAAW,CAAC,EAAE,GAAG,CAAC;CAEnB;AAED;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,eAAe,mHAK1B,CAAC"}

package/adapters/react/virtual-scroller.js

@@ -17,7 +17,7 @@ import { createReactAdapter } from './wrapper';
  */
 export const VirtualScroller = createReactAdapter({
     tagName: 'snice-virtual-scroller',
-    properties: ["items", "itemHeight", "bufferSize", "estimatedItemHeight", "renderItem"],
+    properties: ["items", "itemHeight", "bufferSize", "estimatedItemHeight", "renderItem", "_scrollTick"],
     events: {},
     formAssociated: false
 });

package/adapters/react/virtual-scroller.js.map

@@ -1 +1 @@
-{"version":3,"file":"virtual-scroller.js","sourceRoot":"","sources":["virtual-scroller.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,WAAW,CAAC;AAe/C;;;;;;;;;;;;;;;GAeG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG,kBAAkB,CAAuB;IACtE,OAAO,EAAE,wBAAwB;IACjC,UAAU,EAAE,CAAC,OAAO,EAAC,YAAY,EAAC,YAAY,EAAC,qBAAqB,EAAC,YAAY,CAAC;IAClF,MAAM,EAAE,EAAE;IACV,cAAc,EAAE,KAAK;CACtB,CAAC,CAAC"}
+{"version":3,"file":"virtual-scroller.js","sourceRoot":"","sources":["virtual-scroller.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,WAAW,CAAC;AAgB/C;;;;;;;;;;;;;;;GAeG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG,kBAAkB,CAAuB;IACtE,OAAO,EAAE,wBAAwB;IACjC,UAAU,EAAE,CAAC,OAAO,EAAC,YAAY,EAAC,YAAY,EAAC,qBAAqB,EAAC,YAAY,EAAC,aAAa,CAAC;IAChG,MAAM,EAAE,EAAE;IACV,cAAc,EAAE,KAAK;CACtB,CAAC,CAAC"}

package/adapters/react/virtual-scroller.tsx

@@ -10,6 +10,7 @@ export interface VirtualScrollerProps extends SniceBaseProps {
   bufferSize?: any;
   estimatedItemHeight?: any;
   renderItem?: any;
+  _scrollTick?: any;
 
 }
 
@@ -31,7 +32,7 @@ export interface VirtualScrollerProps extends SniceBaseProps {
  */
 export const VirtualScroller = createReactAdapter<VirtualScrollerProps>({
   tagName: 'snice-virtual-scroller',
-  properties: ["items","itemHeight","bufferSize","estimatedItemHeight","renderItem"],
+  properties: ["items","itemHeight","bufferSize","estimatedItemHeight","renderItem","_scrollTick"],
   events: {},
   formAssociated: false
 });

package/adapters/react/waterfall.d.ts

@@ -0,0 +1,29 @@
+import type { SniceBaseProps } from './types';
+/**
+ * Props for the Waterfall component
+ */
+export interface WaterfallProps extends SniceBaseProps {
+    data?: any;
+    orientation?: any;
+    showValues?: any;
+    showConnectors?: any;
+    animated?: any;
+}
+/**
+ * Waterfall - React adapter for snice-waterfall
+ *
+ * This is an auto-generated React wrapper for the Snice waterfall component.
+ * Make sure to import the Snice component before using this wrapper:
+ *
+ * @example
+ * ```tsx
+ * import 'snice/components/waterfall';
+ * import { Waterfall } from 'snice/react';
+ *
+ * function MyComponent() {
+ *   return <Waterfall />;
+ * }
+ * ```
+ */
+export declare const Waterfall: import("react").ForwardRefExoticComponent<Omit<WaterfallProps, "ref"> & import("react").RefAttributes<any>>;
+//# sourceMappingURL=waterfall.d.ts.map

package/adapters/react/waterfall.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"waterfall.d.ts","sourceRoot":"","sources":["waterfall.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAE9C;;GAEG;AACH,MAAM,WAAW,cAAe,SAAQ,cAAc;IACpD,IAAI,CAAC,EAAE,GAAG,CAAC;IACX,WAAW,CAAC,EAAE,GAAG,CAAC;IAClB,UAAU,CAAC,EAAE,GAAG,CAAC;IACjB,cAAc,CAAC,EAAE,GAAG,CAAC;IACrB,QAAQ,CAAC,EAAE,GAAG,CAAC;CAEhB;AAED;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,SAAS,6GAKpB,CAAC"}

package/adapters/react/waterfall.js

@@ -0,0 +1,24 @@
+import { createReactAdapter } from './wrapper';
+/**
+ * Waterfall - React adapter for snice-waterfall
+ *
+ * This is an auto-generated React wrapper for the Snice waterfall component.
+ * Make sure to import the Snice component before using this wrapper:
+ *
+ * @example
+ * ```tsx
+ * import 'snice/components/waterfall';
+ * import { Waterfall } from 'snice/react';
+ *
+ * function MyComponent() {
+ *   return <Waterfall />;
+ * }
+ * ```
+ */
+export const Waterfall = createReactAdapter({
+    tagName: 'snice-waterfall',
+    properties: ["data", "orientation", "showValues", "showConnectors", "animated"],
+    events: {},
+    formAssociated: false
+});
+//# sourceMappingURL=waterfall.js.map

package/adapters/react/waterfall.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"waterfall.js","sourceRoot":"","sources":["waterfall.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,WAAW,CAAC;AAe/C;;;;;;;;;;;;;;;GAeG;AACH,MAAM,CAAC,MAAM,SAAS,GAAG,kBAAkB,CAAiB;IAC1D,OAAO,EAAE,iBAAiB;IAC1B,UAAU,EAAE,CAAC,MAAM,EAAC,aAAa,EAAC,YAAY,EAAC,gBAAgB,EAAC,UAAU,CAAC;IAC3E,MAAM,EAAE,EAAE;IACV,cAAc,EAAE,KAAK;CACtB,CAAC,CAAC"}

package/adapters/react/waterfall.tsx

@@ -0,0 +1,37 @@
+import { createReactAdapter } from './wrapper';
+import type { SniceBaseProps } from './types';
+
+/**
+ * Props for the Waterfall component
+ */
+export interface WaterfallProps extends SniceBaseProps {
+  data?: any;
+  orientation?: any;
+  showValues?: any;
+  showConnectors?: any;
+  animated?: any;
+
+}
+
+/**
+ * Waterfall - React adapter for snice-waterfall
+ *
+ * This is an auto-generated React wrapper for the Snice waterfall component.
+ * Make sure to import the Snice component before using this wrapper:
+ *
+ * @example
+ * ```tsx
+ * import 'snice/components/waterfall';
+ * import { Waterfall } from 'snice/react';
+ *
+ * function MyComponent() {
+ *   return <Waterfall />;
+ * }
+ * ```
+ */
+export const Waterfall = createReactAdapter<WaterfallProps>({
+  tagName: 'snice-waterfall',
+  properties: ["data","orientation","showValues","showConnectors","animated"],
+  events: {},
+  formAssociated: false
+});

package/adapters/react/weather.d.ts

@@ -0,0 +1,27 @@
+import type { SniceBaseProps } from './types';
+/**
+ * Props for the Weather component
+ */
+export interface WeatherProps extends SniceBaseProps {
+    data?: any;
+    unit?: any;
+    variant?: any;
+}
+/**
+ * Weather - React adapter for snice-weather
+ *
+ * This is an auto-generated React wrapper for the Snice weather component.
+ * Make sure to import the Snice component before using this wrapper:
+ *
+ * @example
+ * ```tsx
+ * import 'snice/components/weather';
+ * import { Weather } from 'snice/react';
+ *
+ * function MyComponent() {
+ *   return <Weather />;
+ * }
+ * ```
+ */
+export declare const Weather: import("react").ForwardRefExoticComponent<Omit<WeatherProps, "ref"> & import("react").RefAttributes<any>>;
+//# sourceMappingURL=weather.d.ts.map

package/adapters/react/weather.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"weather.d.ts","sourceRoot":"","sources":["weather.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAE9C;;GAEG;AACH,MAAM,WAAW,YAAa,SAAQ,cAAc;IAClD,IAAI,CAAC,EAAE,GAAG,CAAC;IACX,IAAI,CAAC,EAAE,GAAG,CAAC;IACX,OAAO,CAAC,EAAE,GAAG,CAAC;CAEf;AAED;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,OAAO,2GAKlB,CAAC"}

package/adapters/react/weather.js

@@ -0,0 +1,24 @@
+import { createReactAdapter } from './wrapper';
+/**
+ * Weather - React adapter for snice-weather
+ *
+ * This is an auto-generated React wrapper for the Snice weather component.
+ * Make sure to import the Snice component before using this wrapper:
+ *
+ * @example
+ * ```tsx
+ * import 'snice/components/weather';
+ * import { Weather } from 'snice/react';
+ *
+ * function MyComponent() {
+ *   return <Weather />;
+ * }
+ * ```
+ */
+export const Weather = createReactAdapter({
+    tagName: 'snice-weather',
+    properties: ["data", "unit", "variant"],
+    events: {},
+    formAssociated: false
+});
+//# sourceMappingURL=weather.js.map

package/adapters/react/weather.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"weather.js","sourceRoot":"","sources":["weather.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,WAAW,CAAC;AAa/C;;;;;;;;;;;;;;;GAeG;AACH,MAAM,CAAC,MAAM,OAAO,GAAG,kBAAkB,CAAe;IACtD,OAAO,EAAE,eAAe;IACxB,UAAU,EAAE,CAAC,MAAM,EAAC,MAAM,EAAC,SAAS,CAAC;IACrC,MAAM,EAAE,EAAE;IACV,cAAc,EAAE,KAAK;CACtB,CAAC,CAAC"}

package/adapters/react/weather.tsx

@@ -0,0 +1,35 @@
+import { createReactAdapter } from './wrapper';
+import type { SniceBaseProps } from './types';
+
+/**
+ * Props for the Weather component
+ */
+export interface WeatherProps extends SniceBaseProps {
+  data?: any;
+  unit?: any;
+  variant?: any;
+
+}
+
+/**
+ * Weather - React adapter for snice-weather
+ *
+ * This is an auto-generated React wrapper for the Snice weather component.
+ * Make sure to import the Snice component before using this wrapper:
+ *
+ * @example
+ * ```tsx
+ * import 'snice/components/weather';
+ * import { Weather } from 'snice/react';
+ *
+ * function MyComponent() {
+ *   return <Weather />;
+ * }
+ * ```
+ */
+export const Weather = createReactAdapter<WeatherProps>({
+  tagName: 'snice-weather',
+  properties: ["data","unit","variant"],
+  events: {},
+  formAssociated: false
+});

package/dist/cdn/accordion/snice-accordion.js

@@ -1,5 +1,5 @@
 /*!
- * snice v4.7.0
+ * snice v4.9.0
  * Imperative TypeScript framework for building vanilla web components with decorators, differential rendering, routing, and controllers. No virtual DOM, no build complexity.
  * (c) 2024
  * Released under the MIT License.

package/dist/cdn/accordion/snice-accordion.min.js

@@ -1,5 +1,5 @@
 /*!
- * snice v4.7.0
+ * snice v4.9.0
  * Imperative TypeScript framework for building vanilla web components with decorators, differential rendering, routing, and controllers. No virtual DOM, no build complexity.
  * (c) 2024
  * Released under the MIT License.

package/dist/cdn/alert/snice-alert.js

@@ -1,5 +1,5 @@
 /*!
- * snice v4.7.0
+ * snice v4.9.0
  * Imperative TypeScript framework for building vanilla web components with decorators, differential rendering, routing, and controllers. No virtual DOM, no build complexity.
  * (c) 2024
  * Released under the MIT License.

package/dist/cdn/alert/snice-alert.min.js

@@ -1,5 +1,5 @@
 /*!
- * snice v4.7.0
+ * snice v4.9.0
  * Imperative TypeScript framework for building vanilla web components with decorators, differential rendering, routing, and controllers. No virtual DOM, no build complexity.
  * (c) 2024
  * Released under the MIT License.

package/dist/cdn/app-tiles/README.md

@@ -0,0 +1,27 @@
+# Snice App Tiles - CDN Build
+
+CDN build of the Snice app-tiles component. Requires the Snice runtime (`snice-runtime.min.js`) to be loaded first.
+
+## Usage
+
+```html
+<script src="snice-runtime.min.js"></script>
+<script src="snice-app-tiles.min.js"></script>
+<snice-app-tiles></snice-app-tiles>
+```
+
+## Size
+- Minified: 11.8 KB
+- Gzipped: 3.9 KB
+
+## Theme
+For proper styling, link the Snice theme CSS:
+```html
+<link rel="stylesheet" href="https://unpkg.com/snice/dist/components/theme/theme.css">
+```
+
+## Documentation
+https://snice.dev
+
+## License
+MIT

package/dist/cdn/app-tiles/snice-app-tiles.js

@@ -0,0 +1,333 @@
+/*!
+ * snice v4.9.0
+ * Imperative TypeScript framework for building vanilla web components with decorators, differential rendering, routing, and controllers. No virtual DOM, no build complexity.
+ * (c) 2024
+ * Released under the MIT License.
+ */
+if(typeof globalThis.Snice==="undefined"){console.warn("[snice] snice-runtime.min.js must be loaded before snice-app-tiles.min.js");}
+var SniceAppTiles = (function (exports, snice) {
+  'use strict';
+
+  /******************************************************************************
+  Copyright (c) Microsoft Corporation.
+
+  Permission to use, copy, modify, and/or distribute this software for any
+  purpose with or without fee is hereby granted.
+
+  THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+  REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+  AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+  INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+  LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+  OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+  PERFORMANCE OF THIS SOFTWARE.
+  ***************************************************************************** */
+  /* global Reflect, Promise, SuppressedError, Symbol, Iterator */
+
+
+  function __esDecorate(ctor, descriptorIn, decorators, contextIn, initializers, extraInitializers) {
+    function accept(f) { if (f !== void 0 && typeof f !== "function") throw new TypeError("Function expected"); return f; }
+    var kind = contextIn.kind, key = kind === "getter" ? "get" : kind === "setter" ? "set" : "value";
+    var target = !descriptorIn && ctor ? contextIn["static"] ? ctor : ctor.prototype : null;
+    var descriptor = descriptorIn || (target ? Object.getOwnPropertyDescriptor(target, contextIn.name) : {});
+    var _, done = false;
+    for (var i = decorators.length - 1; i >= 0; i--) {
+        var context = {};
+        for (var p in contextIn) context[p] = p === "access" ? {} : contextIn[p];
+        for (var p in contextIn.access) context.access[p] = contextIn.access[p];
+        context.addInitializer = function (f) { if (done) throw new TypeError("Cannot add initializers after decoration has completed"); extraInitializers.push(accept(f || null)); };
+        var result = (0, decorators[i])(kind === "accessor" ? { get: descriptor.get, set: descriptor.set } : descriptor[key], context);
+        if (kind === "accessor") {
+            if (result === void 0) continue;
+            if (result === null || typeof result !== "object") throw new TypeError("Object expected");
+            if (_ = accept(result.get)) descriptor.get = _;
+            if (_ = accept(result.set)) descriptor.set = _;
+            if (_ = accept(result.init)) initializers.unshift(_);
+        }
+        else if (_ = accept(result)) {
+            if (kind === "field") initializers.unshift(_);
+            else descriptor[key] = _;
+        }
+    }
+    if (target) Object.defineProperty(target, contextIn.name, descriptor);
+    done = true;
+  }
+  function __runInitializers(thisArg, initializers, value) {
+    var useValue = arguments.length > 2;
+    for (var i = 0; i < initializers.length; i++) {
+        value = useValue ? initializers[i].call(thisArg, value) : initializers[i].call(thisArg);
+    }
+    return useValue ? value : void 0;
+  }
+  typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
+    var e = new Error(message);
+    return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
+  };
+
+  var cssContent = ":host{display:block;font-family:var(--snice-font-family, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif)}.tiles{display:grid;grid-template-columns:repeat(var(--tiles-columns,4),1fr);gap:var(--snice-spacing-sm,.75rem);padding:var(--snice-spacing-sm,.75rem)}.tile{display:flex;flex-direction:column;align-items:center;gap:var(--snice-spacing-2xs,.25rem);padding:var(--snice-spacing-sm,.75rem) var(--snice-spacing-2xs,.25rem);border-radius:var(--snice-border-radius-lg,.5rem);cursor:pointer;text-decoration:none;color:var(--snice-color-text,rgb(23 23 23));transition:background var(--snice-transition-fast, 150ms) ease;position:relative;border:none;background:0 0;font-family:inherit;min-width:0;overflow:visible;width:100%;box-sizing:border-box}.tile:hover{background:var(--snice-color-background-element,rgb(252 251 249))}.tile:active{background:var(--snice-color-border,rgb(226 226 226))}.tile:focus-visible{outline:var(--snice-focus-ring-width,2px) solid var(--snice-focus-ring-color,rgb(59 130 246 / .5));outline-offset:var(--snice-focus-ring-offset,2px)}:host([size=sm]) .tile__icon{width:2.5rem;height:2.5rem}.tile__icon{display:flex;align-items:center;justify-content:center;border-radius:var(--snice-border-radius-lg,.5rem);overflow:hidden;flex-shrink:0;width:3rem;height:3rem}:host([size=lg]) .tile__icon{width:4rem;height:4rem}.tile__icon img{width:100%;height:100%;object-fit:cover}@media (prefers-color-scheme:dark){.tile__icon img{filter:invert(1)}}.tile__icon--text{font-size:1.25rem;font-weight:var(--snice-font-weight-semibold,600);color:rgb(255 255 255)}:host([size=sm]) .tile__icon--text{font-size:1rem}:host([size=lg]) .tile__icon--text{font-size:1.5rem}.tile__icon--emoji{font-size:1.5rem;background:var(--snice-color-background-element,rgb(252 251 249))}:host([size=sm]) .tile__icon--emoji{font-size:1.125rem}:host([size=lg]) .tile__icon--emoji{font-size:2rem}.tile__icon--ligature{background:var(--snice-color-background-element,rgb(252 251 249))}.tile__icon--ligature .icon{font-family:'Material Symbols Outlined',sans-serif;font-size:1.5rem;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;color:var(--snice-color-text,rgb(23 23 23))}:host([size=sm]) .tile__icon--ligature .icon{font-size:1.25rem}:host([size=lg]) .tile__icon--ligature .icon{font-size:2rem}.tile__name{font-size:var(--snice-font-size-xs, .75rem);text-align:center;line-height:var(--snice-line-height-tight, 1.25);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host([size=lg]) .tile__name{font-size:var(--snice-font-size-sm, .875rem)}.tile snice-badge{display:inline-flex}.tiles--compact .tile{flex-direction:row;align-items:center;gap:var(--snice-spacing-xs,.5rem);padding:var(--snice-spacing-xs,.5rem) var(--snice-spacing-sm,.75rem)}.tiles--compact .tile__icon{width:2rem;height:2rem;border-radius:var(--snice-border-radius-md,.375rem)}:host([size=sm]) .tiles--compact .tile__icon{width:1.5rem;height:1.5rem}:host([size=lg]) .tiles--compact .tile__icon{width:2.5rem;height:2.5rem}.tiles--compact .tile__icon--emoji{font-size:1.125rem}.tiles--compact .tile__icon--text{font-size:.875rem}.tiles--compact .tile__icon--ligature .icon{font-size:1.25rem}.tiles--compact .tile__name{font-size:var(--snice-font-size-sm, .875rem);text-align:left}.tiles--list{gap:var(--snice-spacing-2xs,.25rem)}.tiles--list .tile{flex-direction:row;align-items:center;gap:var(--snice-spacing-sm,.75rem);padding:var(--snice-spacing-xs,.5rem) var(--snice-spacing-sm,.75rem);border-radius:var(--snice-border-radius-md,.375rem)}.tiles--list .tile__icon{width:2rem;height:2rem;border-radius:var(--snice-border-radius-md,.375rem)}:host([size=sm]) .tiles--list .tile__icon{width:1.5rem;height:1.5rem}:host([size=lg]) .tiles--list .tile__icon{width:2.5rem;height:2.5rem}.tiles--list .tile__icon--emoji{font-size:1.125rem}.tiles--list .tile__icon--text{font-size:.875rem}.tiles--list .tile__icon--ligature .icon{font-size:1.25rem}.tiles--list .tile__name{font-size:var(--snice-font-size-sm, .875rem);text-align:left}";
+
+  /**
+   * <snice-app-tile> — declarative child element for app tiles.
+   *
+   * Usage:
+   *   <snice-app-tiles columns="4">
+   *     <snice-app-tile name="Gmail" icon="https://..." href="/mail"></snice-app-tile>
+   *     <snice-app-tile name="Calendar" icon="📅"></snice-app-tile>
+   *     <snice-app-tile name="Drive" icon="https://..." color="#4285f4" badge="3"></snice-app-tile>
+   *   </snice-app-tiles>
+   *
+   * Attributes: name, icon (URL or emoji), color, href, badge
+   */
+  let SniceAppTile = (() => {
+      let _classDecorators = [snice.element('snice-app-tile')];
+      let _classDescriptor;
+      let _classExtraInitializers = [];
+      let _classThis;
+      let _classSuper = HTMLElement;
+      let _instanceExtraInitializers = [];
+      let _renderContent_decorators;
+      let _componentStyles_decorators;
+      (class extends _classSuper {
+          static { _classThis = this; }
+          static {
+              const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+              _renderContent_decorators = [snice.render()];
+              _componentStyles_decorators = [snice.styles()];
+              __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(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);
+          }
+          renderContent() {
+              return snice.html `<slot></slot>`;
+          }
+          componentStyles() {
+              return snice.css `:host { display: none; }`;
+          }
+          constructor() {
+              super(...arguments);
+              __runInitializers(this, _instanceExtraInitializers);
+          }
+      });
+      return _classThis;
+  })();
+  const DEFAULT_COLORS = [
+      'rgb(37 99 235)',
+      'rgb(22 163 74)',
+      'rgb(234 88 12)',
+      'rgb(147 51 234)',
+      'rgb(220 38 38)',
+      'rgb(14 165 233)',
+      'rgb(161 98 7)',
+      'rgb(82 82 82)',
+  ];
+  const IMG_EXT_RE = /^[^:]*\w\.(svg|png|jpe?g|jfif|pjp|gif|webp|avif|jxl|ico|cur|bmp|tiff?|heic|heif|apng)$/i;
+  const URL_RE = /^(https?:\/\/|\/|\.\/|\.\.\/|data:)/;
+  /** Matches the detection logic in utils.ts renderIcon */
+  function iconType(icon) {
+      if (icon.startsWith('img://'))
+          return 'img';
+      if (icon.startsWith('text://'))
+          return 'text';
+      if (URL_RE.test(icon))
+          return 'img';
+      if (IMG_EXT_RE.test(icon))
+          return 'img';
+      return 'text';
+  }
+  /** Detect if text is purely emoji (no ASCII letters = ligature name) */
+  function isEmoji(str) {
+      // If it contains only non-ASCII / symbol codepoints it's emoji; if it has [a-zA-Z_] it's a ligature name
+      return !/[a-zA-Z_]/.test(str);
+  }
+  let SniceAppTiles = (() => {
+      let _classDecorators = [snice.element('snice-app-tiles')];
+      let _classDescriptor;
+      let _classExtraInitializers = [];
+      let _classThis;
+      let _classSuper = HTMLElement;
+      let _instanceExtraInitializers = [];
+      let _tiles_decorators;
+      let _tiles_initializers = [];
+      let _tiles_extraInitializers = [];
+      let _columns_decorators;
+      let _columns_initializers = [];
+      let _columns_extraInitializers = [];
+      let _size_decorators;
+      let _size_initializers = [];
+      let _size_extraInitializers = [];
+      let _variant_decorators;
+      let _variant_initializers = [];
+      let _variant_extraInitializers = [];
+      let _tilesContainerEl_decorators;
+      let _tilesContainerEl_initializers = [];
+      let _tilesContainerEl_extraInitializers = [];
+      let _init_decorators;
+      let _handleSlotChange_decorators;
+      let _onTilesChange_decorators;
+      let _emitTileClick_decorators;
+      let _renderContent_decorators;
+      let _componentStyles_decorators;
+      (class extends _classSuper {
+          static { _classThis = this; }
+          static {
+              const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+              _tiles_decorators = [snice.property({ type: Array })];
+              _columns_decorators = [snice.property({ type: Number })];
+              _size_decorators = [snice.property()];
+              _variant_decorators = [snice.property()];
+              _tilesContainerEl_decorators = [snice.query('.tiles')];
+              _init_decorators = [snice.ready()];
+              _handleSlotChange_decorators = [snice.on('slotchange', { target: 'slot' })];
+              _onTilesChange_decorators = [snice.watch('tiles', 'columns', 'variant')];
+              _emitTileClick_decorators = [snice.dispatch('tile-click', { bubbles: true, composed: true })];
+              _renderContent_decorators = [snice.render({ once: true })];
+              _componentStyles_decorators = [snice.styles()];
+              __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, _handleSlotChange_decorators, { kind: "method", name: "handleSlotChange", static: false, private: false, access: { has: obj => "handleSlotChange" in obj, get: obj => obj.handleSlotChange }, metadata: _metadata }, null, _instanceExtraInitializers);
+              __esDecorate(this, null, _onTilesChange_decorators, { kind: "method", name: "onTilesChange", static: false, private: false, access: { has: obj => "onTilesChange" in obj, get: obj => obj.onTilesChange }, metadata: _metadata }, null, _instanceExtraInitializers);
+              __esDecorate(this, null, _emitTileClick_decorators, { kind: "method", name: "emitTileClick", static: false, private: false, access: { has: obj => "emitTileClick" in obj, get: obj => obj.emitTileClick }, metadata: _metadata }, null, _instanceExtraInitializers);
+              __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(null, null, _tiles_decorators, { kind: "field", name: "tiles", static: false, private: false, access: { has: obj => "tiles" in obj, get: obj => obj.tiles, set: (obj, value) => { obj.tiles = value; } }, metadata: _metadata }, _tiles_initializers, _tiles_extraInitializers);
+              __esDecorate(null, null, _columns_decorators, { kind: "field", name: "columns", static: false, private: false, access: { has: obj => "columns" in obj, get: obj => obj.columns, set: (obj, value) => { obj.columns = value; } }, metadata: _metadata }, _columns_initializers, _columns_extraInitializers);
+              __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, _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, _tilesContainerEl_decorators, { kind: "field", name: "tilesContainerEl", static: false, private: false, access: { has: obj => "tilesContainerEl" in obj, get: obj => obj.tilesContainerEl, set: (obj, value) => { obj.tilesContainerEl = value; } }, metadata: _metadata }, _tilesContainerEl_initializers, _tilesContainerEl_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);
+          }
+          init() {
+              this.collectTilesFromChildren();
+              this.rebuild();
+          }
+          handleSlotChange() {
+              this.collectTilesFromChildren();
+          }
+          onTilesChange() {
+              this.rebuild();
+          }
+          collectTilesFromChildren() {
+              if (this.tiles.length > 0)
+                  return;
+              const tileEls = Array.from(this.querySelectorAll(':scope > snice-app-tile'));
+              if (tileEls.length === 0)
+                  return;
+              this.tiles = tileEls.map((el, i) => ({
+                  id: el.getAttribute('id') || `tile_${i}`,
+                  name: el.getAttribute('name') || '',
+                  icon: el.getAttribute('icon') || '',
+                  color: el.getAttribute('color') || undefined,
+                  href: el.getAttribute('href') || undefined,
+                  badge: el.getAttribute('badge') || undefined,
+              }));
+          }
+          handleTileClick(tile, index) {
+              this.emitTileClick({ tile, index });
+              if (tile.href) {
+                  window.open(tile.href, '_self');
+              }
+          }
+          rebuild() {
+              const container = this.tilesContainerEl;
+              if (!container) {
+                  requestAnimationFrame(() => this.rebuild());
+                  return;
+              }
+              container.style.setProperty('--tiles-columns', String(this.columns));
+              container.classList.toggle('tiles--list', this.variant === 'list');
+              container.classList.toggle('tiles--compact', this.variant === 'compact');
+              let tilesHtml = '';
+              for (let i = 0; i < this.tiles.length; i++) {
+                  const tile = this.tiles[i];
+                  const iconHtml = this.buildTileIcon(tile, i);
+                  tilesHtml += `<button class="tile" data-tile-index="${i}" title="${this.escAttr(tile.name)}">`;
+                  if (tile.badge) {
+                      tilesHtml += `<snice-badge content="${this.escAttr(tile.badge)}" variant="error" size="small" position="top-right">`;
+                      tilesHtml += iconHtml;
+                      tilesHtml += `</snice-badge>`;
+                  }
+                  else {
+                      tilesHtml += iconHtml;
+                  }
+                  tilesHtml += `<span class="tile__name">${this.esc(tile.name)}</span>`;
+                  tilesHtml += `</button>`;
+              }
+              container.innerHTML = tilesHtml;
+              // Attach click listeners (tiles may be inside snice-badge wrappers)
+              container.querySelectorAll('button.tile').forEach(el => {
+                  const idx = Number(el.dataset.tileIndex);
+                  const tile = this.tiles[idx];
+                  if (tile) {
+                      el.addEventListener('click', () => this.handleTileClick(tile, idx));
+                  }
+              });
+          }
+          buildTileIcon(tile, index) {
+              let raw = tile.icon;
+              // No icon → letter fallback
+              if (!raw) {
+                  const letter = tile.name.charAt(0).toUpperCase();
+                  const bg = tile.color || DEFAULT_COLORS[index % DEFAULT_COLORS.length];
+                  return `<div class="tile__icon tile__icon--text" style="background:${bg}">${letter}</div>`;
+              }
+              // Strip scheme override prefix for src/content
+              let src = raw;
+              if (raw.startsWith('img://'))
+                  src = raw.slice(6);
+              else if (raw.startsWith('text://'))
+                  src = raw.slice(7);
+              const type = iconType(raw);
+              if (type === 'img') {
+                  return `<div class="tile__icon"><img src="${this.escAttr(src)}" alt="${this.escAttr(tile.name)}" /></div>`;
+              }
+              // Text icon: emoji or Material Symbols ligature
+              const bg = tile.color ? `background:${tile.color}` : '';
+              if (isEmoji(src)) {
+                  return `<div class="tile__icon tile__icon--emoji" style="${bg}">${this.esc(src)}</div>`;
+              }
+              // Ligature (e.g. Material Symbols)
+              return `<div class="tile__icon tile__icon--ligature" style="${bg}"><span class="icon" part="icon">${this.esc(src)}</span></div>`;
+          }
+          esc(str) {
+              return str.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;');
+          }
+          escAttr(str) {
+              return this.esc(str).replace(/"/g, '&quot;');
+          }
+          emitTileClick(detail) {
+              return detail;
+          }
+          renderContent() {
+              return snice.html /*html*/ `
+      <div class="tiles"></div>
+      <div hidden><slot></slot></div>
+    `;
+          }
+          componentStyles() {
+              return snice.css `${cssContent}`;
+          }
+          constructor() {
+              super(...arguments);
+              this.tiles = (__runInitializers(this, _instanceExtraInitializers), __runInitializers(this, _tiles_initializers, []));
+              this.columns = (__runInitializers(this, _tiles_extraInitializers), __runInitializers(this, _columns_initializers, 4));
+              this.size = (__runInitializers(this, _columns_extraInitializers), __runInitializers(this, _size_initializers, 'md'));
+              this.variant = (__runInitializers(this, _size_extraInitializers), __runInitializers(this, _variant_initializers, 'grid'));
+              this.tilesContainerEl = (__runInitializers(this, _variant_extraInitializers), __runInitializers(this, _tilesContainerEl_initializers, void 0));
+              __runInitializers(this, _tilesContainerEl_extraInitializers);
+          }
+      });
+      return _classThis;
+  })();
+
+  exports.SniceAppTile = SniceAppTile;
+  exports.SniceAppTiles = SniceAppTiles;
+
+  return exports;
+
+})({}, Snice);
+//# sourceMappingURL=snice-app-tiles.js.map