snice 4.8.0 → 4.9.0

package/adapters/react/network-graph.tsx

@@ -0,0 +1,40 @@
+import { createReactAdapter } from './wrapper';
+import type { SniceBaseProps } from './types';
+
+/**
+ * Props for the NetworkGraph component
+ */
+export interface NetworkGraphProps extends SniceBaseProps {
+  data?: any;
+  layout?: any;
+  chargeStrength?: any;
+  linkDistance?: any;
+  zoomEnabled?: any;
+  dragEnabled?: any;
+  showLabels?: any;
+  animation?: any;
+
+}
+
+/**
+ * NetworkGraph - React adapter for snice-network-graph
+ *
+ * This is an auto-generated React wrapper for the Snice network-graph component.
+ * Make sure to import the Snice component before using this wrapper:
+ *
+ * @example
+ * ```tsx
+ * import 'snice/components/network-graph';
+ * import { NetworkGraph } from 'snice/react';
+ *
+ * function MyComponent() {
+ *   return <NetworkGraph />;
+ * }
+ * ```
+ */
+export const NetworkGraph = createReactAdapter<NetworkGraphProps>({
+  tagName: 'snice-network-graph',
+  properties: ["data","layout","chargeStrength","linkDistance","zoomEnabled","dragEnabled","showLabels","animation"],
+  events: {},
+  formAssociated: false
+});

package/adapters/react/sankey.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"sankey.d.ts","sourceRoot":"","sources":["sankey.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAE9C;;GAEG;AACH,MAAM,WAAW,WAAY,SAAQ,cAAc;IACjD,IAAI,CAAC,EAAE,GAAG,CAAC;IACX,SAAS,CAAC,EAAE,GAAG,CAAC;IAChB,WAAW,CAAC,EAAE,GAAG,CAAC;IAClB,SAAS,CAAC,EAAE,GAAG,CAAC;IAChB,UAAU,CAAC,EAAE,GAAG,CAAC;IACjB,UAAU,CAAC,EAAE,GAAG,CAAC;IACjB,SAAS,CAAC,EAAE,GAAG,CAAC;CAEjB;AAED;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,MAAM,0GAKjB,CAAC"}

package/adapters/react/sankey.js

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

package/adapters/react/sankey.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sankey.js","sourceRoot":"","sources":["sankey.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,WAAW,CAAC;AAiB/C;;;;;;;;;;;;;;;GAeG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,kBAAkB,CAAc;IACpD,OAAO,EAAE,cAAc;IACvB,UAAU,EAAE,CAAC,MAAM,EAAC,WAAW,EAAC,aAAa,EAAC,WAAW,EAAC,YAAY,EAAC,YAAY,EAAC,WAAW,CAAC;IAChG,MAAM,EAAE,EAAE;IACV,cAAc,EAAE,KAAK;CACtB,CAAC,CAAC"}

package/adapters/react/sankey.tsx

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

package/adapters/react/time-range-picker.d.ts

@@ -0,0 +1,33 @@
+import type { SniceBaseProps } from './types';
+/**
+ * Props for the TimeRangePicker component
+ */
+export interface TimeRangePickerProps extends SniceBaseProps {
+    granularity?: any;
+    startTime?: any;
+    endTime?: any;
+    value?: any;
+    disabledRanges?: any;
+    format?: any;
+    multiple?: any;
+    readonly?: any;
+    disabled?: any;
+}
+/**
+ * TimeRangePicker - React adapter for snice-time-range-picker
+ *
+ * This is an auto-generated React wrapper for the Snice time-range-picker component.
+ * Make sure to import the Snice component before using this wrapper:
+ *
+ * @example
+ * ```tsx
+ * import 'snice/components/time-range-picker';
+ * import { TimeRangePicker } from 'snice/react';
+ *
+ * function MyComponent() {
+ *   return <TimeRangePicker />;
+ * }
+ * ```
+ */
+export declare const TimeRangePicker: import("react").ForwardRefExoticComponent<Omit<TimeRangePickerProps, "ref"> & import("react").RefAttributes<any>>;
+//# sourceMappingURL=time-range-picker.d.ts.map

package/adapters/react/time-range-picker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"time-range-picker.d.ts","sourceRoot":"","sources":["time-range-picker.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAE9C;;GAEG;AACH,MAAM,WAAW,oBAAqB,SAAQ,cAAc;IAC1D,WAAW,CAAC,EAAE,GAAG,CAAC;IAClB,SAAS,CAAC,EAAE,GAAG,CAAC;IAChB,OAAO,CAAC,EAAE,GAAG,CAAC;IACd,KAAK,CAAC,EAAE,GAAG,CAAC;IACZ,cAAc,CAAC,EAAE,GAAG,CAAC;IACrB,MAAM,CAAC,EAAE,GAAG,CAAC;IACb,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,QAAQ,CAAC,EAAE,GAAG,CAAC;CAEhB;AAED;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,eAAe,mHAK1B,CAAC"}

package/adapters/react/time-range-picker.js

@@ -0,0 +1,24 @@
+import { createReactAdapter } from './wrapper';
+/**
+ * TimeRangePicker - React adapter for snice-time-range-picker
+ *
+ * This is an auto-generated React wrapper for the Snice time-range-picker component.
+ * Make sure to import the Snice component before using this wrapper:
+ *
+ * @example
+ * ```tsx
+ * import 'snice/components/time-range-picker';
+ * import { TimeRangePicker } from 'snice/react';
+ *
+ * function MyComponent() {
+ *   return <TimeRangePicker />;
+ * }
+ * ```
+ */
+export const TimeRangePicker = createReactAdapter({
+    tagName: 'snice-time-range-picker',
+    properties: ["granularity", "startTime", "endTime", "value", "disabledRanges", "format", "multiple", "readonly", "disabled"],
+    events: {},
+    formAssociated: false
+});
+//# sourceMappingURL=time-range-picker.js.map

package/adapters/react/time-range-picker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"time-range-picker.js","sourceRoot":"","sources":["time-range-picker.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,WAAW,CAAC;AAmB/C;;;;;;;;;;;;;;;GAeG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG,kBAAkB,CAAuB;IACtE,OAAO,EAAE,yBAAyB;IAClC,UAAU,EAAE,CAAC,aAAa,EAAC,WAAW,EAAC,SAAS,EAAC,OAAO,EAAC,gBAAgB,EAAC,QAAQ,EAAC,UAAU,EAAC,UAAU,EAAC,UAAU,CAAC;IACpH,MAAM,EAAE,EAAE;IACV,cAAc,EAAE,KAAK;CACtB,CAAC,CAAC"}

package/adapters/react/time-range-picker.tsx

@@ -0,0 +1,41 @@
+import { createReactAdapter } from './wrapper';
+import type { SniceBaseProps } from './types';
+
+/**
+ * Props for the TimeRangePicker component
+ */
+export interface TimeRangePickerProps extends SniceBaseProps {
+  granularity?: any;
+  startTime?: any;
+  endTime?: any;
+  value?: any;
+  disabledRanges?: any;
+  format?: any;
+  multiple?: any;
+  readonly?: any;
+  disabled?: any;
+
+}
+
+/**
+ * TimeRangePicker - React adapter for snice-time-range-picker
+ *
+ * This is an auto-generated React wrapper for the Snice time-range-picker component.
+ * Make sure to import the Snice component before using this wrapper:
+ *
+ * @example
+ * ```tsx
+ * import 'snice/components/time-range-picker';
+ * import { TimeRangePicker } from 'snice/react';
+ *
+ * function MyComponent() {
+ *   return <TimeRangePicker />;
+ * }
+ * ```
+ */
+export const TimeRangePicker = createReactAdapter<TimeRangePickerProps>({
+  tagName: 'snice-time-range-picker',
+  properties: ["granularity","startTime","endTime","value","disabledRanges","format","multiple","readonly","disabled"],
+  events: {},
+  formAssociated: false
+});

package/adapters/react/treemap.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"treemap.d.ts","sourceRoot":"","sources":["treemap.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,UAAU,CAAC,EAAE,GAAG,CAAC;IACjB,UAAU,CAAC,EAAE,GAAG,CAAC;IACjB,WAAW,CAAC,EAAE,GAAG,CAAC;IAClB,OAAO,CAAC,EAAE,GAAG,CAAC;IACd,SAAS,CAAC,EAAE,GAAG,CAAC;CAEjB;AAED;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,OAAO,2GAKlB,CAAC"}

package/adapters/react/treemap.js

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

package/adapters/react/treemap.js.map

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

package/adapters/react/treemap.tsx

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

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/dist/cdn/accordion/snice-accordion.js

@@ -1,5 +1,5 @@
 /*!
- * snice v4.7.0
+ * snice v4.8.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.8.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.8.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.8.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/audio-recorder/snice-audio-recorder.js

@@ -1,5 +1,5 @@
 /*!
- * snice v4.7.0
+ * snice v4.8.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/audio-recorder/snice-audio-recorder.min.js

@@ -1,5 +1,5 @@
 /*!
- * snice v4.7.0
+ * snice v4.8.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/avatar/snice-avatar.js

@@ -1,5 +1,5 @@
 /*!
- * snice v4.7.0
+ * snice v4.8.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/avatar/snice-avatar.min.js

@@ -1,5 +1,5 @@
 /*!
- * snice v4.7.0
+ * snice v4.8.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/badge/snice-badge.js

@@ -1,5 +1,5 @@
 /*!
- * snice v4.7.0
+ * snice v4.8.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/badge/snice-badge.min.js

@@ -1,5 +1,5 @@
 /*!
- * snice v4.7.0
+ * snice v4.8.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/banner/snice-banner.js

@@ -1,5 +1,5 @@
 /*!
- * snice v4.7.0
+ * snice v4.8.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/banner/snice-banner.min.js

@@ -1,5 +1,5 @@
 /*!
- * snice v4.7.0
+ * snice v4.8.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/breadcrumbs/snice-breadcrumbs.js

@@ -1,5 +1,5 @@
 /*!
- * snice v4.7.0
+ * snice v4.8.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.
@@ -112,7 +112,7 @@ if(typeof globalThis.Snice==="undefined"){console.warn("[snice] snice-runtime.mi
       return snice.html `<span class="${className}" part="icon">${icon}</span>`;
   }
 
-  var cssContent = ":host{display:block;--breadcrumb-font-size:0.875rem;--breadcrumb-spacing:0.5rem;--breadcrumb-color:var(--snice-color-text-secondary, #525252);--breadcrumb-hover-color:var(--snice-color-primary, #2563eb);--breadcrumb-active-color:var(--snice-color-text, #171717);--breadcrumb-separator-color:var(--snice-color-text-tertiary, #a3a3a3)}case,default,if,when{display:contents}.breadcrumb{display:flex;align-items:center;flex-wrap:wrap;list-style:none;margin:0;padding:0;font-size:var(--breadcrumb-font-size);line-height:1.5}.breadcrumb-item{display:flex;align-items:center;color:var(--breadcrumb-color)}.breadcrumb-link{color:inherit;text-decoration:none;transition:color .2s;cursor:pointer;outline:0;border-radius:2px;padding:.125rem .25rem;margin:-.125rem -.25rem;display:inline-flex;align-items:center;gap:.375rem}.breadcrumb-link:hover{color:var(--breadcrumb-hover-color);text-decoration:underline}.breadcrumb-link:focus-visible{box-shadow:0 0 0 2px var(--snice-focus-ring-color)}.breadcrumb-text{padding:2px 4px;margin:-2px -4px;display:inline-flex;align-items:center;gap:.375rem}.breadcrumb-icon{display:inline-flex;align-items:center;justify-content:center;font-size:1.1em;width:1.2em;height:1.2em;line-height:1}.breadcrumb-icon svg{width:1.2em;height:1.2em}.breadcrumb-icon img{width:1.2em;height:1.2em;object-fit:contain}.breadcrumb-icon-image{width:1.2em;height:1.2em;object-fit:contain;vertical-align:middle}[hidden]{display:none!important}.breadcrumb-item--active{color:var(--breadcrumb-active-color);font-weight:500}.breadcrumb-item--active .breadcrumb-link{cursor:default;pointer-events:none}.breadcrumb-separator{margin:0 var(--breadcrumb-spacing);color:var(--breadcrumb-separator-color);user-select:none}.breadcrumb-ellipsis{display:flex;align-items:center;padding:2px 4px;margin:-2px -4px;cursor:pointer;color:var(--breadcrumb-color);border-radius:2px;transition:background .2s}.breadcrumb-ellipsis:hover{background:hsl(0 0% 0% / .05)}.breadcrumb-ellipsis:focus-visible{box-shadow:0 0 0 2px var(--snice-focus-ring-color);outline:0}:host([size=small]){--breadcrumb-font-size:12px;--breadcrumb-spacing:6px}:host([size=large]){--breadcrumb-font-size:16px;--breadcrumb-spacing:10px}.breadcrumb--collapsed .breadcrumb-item--hidden{display:none}@media (max-width:640px){.breadcrumb{font-size:calc(var(--breadcrumb-font-size) * .9)}}";
+  var cssContent = ":host{display:block;--breadcrumb-font-size:0.875rem;--breadcrumb-spacing:0.5rem;--breadcrumb-color:var(--snice-color-text-secondary, #525252);--breadcrumb-hover-color:var(--snice-color-primary, #2563eb);--breadcrumb-active-color:var(--snice-color-text, #171717);--breadcrumb-separator-color:var(--snice-color-text-tertiary, #a3a3a3)}case,default,if,when{display:contents}.breadcrumb{display:flex;align-items:center;flex-wrap:wrap;list-style:none;margin:0;padding:0;font-size:var(--breadcrumb-font-size);line-height:1.5}.breadcrumb-item{display:flex;align-items:center;color:var(--breadcrumb-color)}.breadcrumb-link{color:inherit;text-decoration:none;transition:color .2s;cursor:pointer;outline:0;border-radius:2px;padding:.125rem .25rem;margin:-.125rem -.25rem;display:inline-flex;align-items:center;gap:.375rem}.breadcrumb-link:hover{color:var(--breadcrumb-hover-color);text-decoration:underline}.breadcrumb-link:focus-visible{box-shadow:0 0 0 2px var(--snice-focus-ring-color)}.breadcrumb-text{padding:2px 4px;margin:-2px -4px;display:inline-flex;align-items:center;gap:.375rem}.breadcrumb-icon{display:inline-flex;align-items:center;justify-content:center;font-size:1.1em;width:1.2em;height:1.2em;line-height:1}.breadcrumb-icon svg{width:1.2em;height:1.2em}.breadcrumb-icon img{width:1.2em;height:1.2em;object-fit:contain}.breadcrumb-icon-image{width:1.2em;height:1.2em;object-fit:contain;vertical-align:middle}[hidden]{display:none!important}.breadcrumb-item--active{color:var(--breadcrumb-active-color);font-weight:500}.breadcrumb-item--active .breadcrumb-link{cursor:default;pointer-events:none}.breadcrumb-separator{margin:0 var(--breadcrumb-spacing);color:var(--breadcrumb-separator-color);user-select:none}.breadcrumb-ellipsis{display:flex;align-items:center;padding:2px 4px;margin:-2px -4px;cursor:pointer;color:var(--breadcrumb-color);background:0 0;border:none;font:inherit;border-radius:2px;transition:background .2s}.breadcrumb-ellipsis:hover{background:hsl(0 0% 0% / .05)}.breadcrumb-ellipsis:focus-visible{box-shadow:0 0 0 2px var(--snice-focus-ring-color);outline:0}:host([size=small]){--breadcrumb-font-size:12px;--breadcrumb-spacing:6px}:host([size=large]){--breadcrumb-font-size:16px;--breadcrumb-spacing:10px}.breadcrumb--collapsed .breadcrumb-item--hidden{display:none}@media (max-width:640px){.breadcrumb{font-size:calc(var(--breadcrumb-font-size) * .9)}}";
 
   (() => {
       let _classDecorators = [snice.element('snice-breadcrumbs')];