@spectral_labs/ui 1.1.1 → 1.1.2

package/dist/components/tree/__tests__/TreeLabelContentTest.svelte

@@ -0,0 +1,21 @@
+<script lang='ts'>
+  import * as Tree from '../index.js'
+</script>
+
+<!--
+  Test fixture for the `labelContent` snippet on Tree.Item. Renders a
+  custom HTML structure (icon stand-in + text span) in place of the
+  built-in plain-text label, so the test can assert that the snippet
+  output reaches the DOM exactly where the `label` string used to.
+-->
+<Tree.Root selectionMode='single' aria-label='Label-content tree'>
+  <Tree.Item id='lib' hasChildren textValue='My Library'>
+    {#snippet labelContent()}
+      <svg data-testid='lib-icon' aria-hidden='true' width='16' height='16' viewBox='0 0 24 24'>
+        <path d='M3 21h18M5 21V7l7-4 7 4v14' />
+      </svg>
+      <span data-testid='lib-label'>My Library</span>
+    {/snippet}
+    <Tree.Item id='col-1' label='Design' />
+  </Tree.Item>
+</Tree.Root>

package/dist/components/tree/__tests__/tree.test.svelte.js

@@ -1,5 +1,6 @@
 import { flushSync, mount, unmount } from 'svelte';
 import { afterEach, describe, expect, it } from 'vitest';
+import TreeLabelContentTest from './TreeLabelContentTest.svelte';
 import TreeTest from './TreeTest.svelte';
 describe('tree', () => {
     let target;
@@ -196,4 +197,33 @@ describe('tree', () => {
         flushSync();
         expect(target.querySelector('[data-tree-item="root-b"][data-selected]')).toBeNull();
     });
+    describe('labelContent snippet', () => {
+        let snippetTarget;
+        let snippetInstance;
+        function setupSnippet() {
+            snippetTarget = document.createElement('div');
+            document.body.appendChild(snippetTarget);
+            snippetInstance = mount(TreeLabelContentTest, { target: snippetTarget });
+            flushSync();
+        }
+        afterEach(() => {
+            if (snippetInstance)
+                unmount(snippetInstance);
+            snippetInstance = undefined;
+            snippetTarget?.remove();
+        });
+        it('renders the labelContent snippet inside .sp-tree-item-content', () => {
+            setupSnippet();
+            const item = snippetTarget.querySelector('[data-tree-item="lib"]');
+            const content = item?.querySelector('.sp-tree-item-content');
+            expect(content).toBeTruthy();
+            // The custom snippet's children land inside the content slot —
+            // both the icon and the named label span are reachable.
+            expect(content?.querySelector('[data-testid="lib-icon"]')).toBeTruthy();
+            expect(content?.querySelector('[data-testid="lib-label"]')?.textContent).toBe('My Library');
+            // The plain-text label fallback path is bypassed when the snippet
+            // is provided — the content slot has no stray text-only child.
+            expect(content?.textContent?.trim()).toBe('My Library');
+        });
+    });
 });

package/dist/components/tree/components/tree-item.svelte

@@ -6,6 +6,7 @@
   const {
     id,
     label,
+    labelContent,
     textValue,
     hasChildren = false,
     disabled = false,
@@ -81,7 +82,15 @@
         aria-hidden='true'
         onclick={onChevronClick}
       >
-        <svg viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' aria-hidden='true'>
+        <svg
+          viewBox='0 0 24 24'
+          fill='none'
+          stroke='currentColor'
+          stroke-width='2'
+          stroke-linecap='round'
+          stroke-linejoin='round'
+          aria-hidden='true'
+        >
           <polyline points='9 18 15 12 9 6'></polyline>
         </svg>
       </button>
@@ -89,7 +98,11 @@
       <span class='sp-tree-item-spacer'></span>
     {/if}
     <span class='sp-tree-item-content'>
-      {label ?? ''}
+      {#if labelContent}
+        {@render labelContent()}
+      {:else}
+        {label ?? ''}
+      {/if}
     </span>
   </div>
   {#if hasChildren && isExpanded}
@@ -133,7 +146,11 @@
   }
 
   .sp-tree-item[data-selected] > .sp-tree-item-row:hover {
-    background: color-mix(in oklch, var(--sp-sys-color-primary) 90%, var(--sp-sys-color-on-primary));
+    background: color-mix(
+      in oklch,
+      var(--sp-sys-color-primary) 90%,
+      var(--sp-sys-color-on-primary)
+    );
   }
 
   .sp-tree-item:focus-visible > .sp-tree-item-row {
@@ -169,7 +186,8 @@
     color: inherit;
     cursor: pointer;
     flex-shrink: 0;
-    transition: rotate var(--sp-sys-motion-duration-short2, 100ms) var(--sp-sys-motion-easing-standard, ease);
+    transition: rotate var(--sp-sys-motion-duration-short2, 100ms)
+      var(--sp-sys-motion-easing-standard, ease);
   }
 
   .sp-tree-item-chevron svg {
@@ -186,14 +204,29 @@
     flex-shrink: 0;
   }
 
+  /* Row content slot. Inline-flex (with gap) makes the `labelContent`
+     snippet usage natural — `<Icon/><span>label</span>` aligns out of the
+     box. For the plain-text `label` case the inline-flex container is
+     idempotent (a single inline child renders identically to a `display:
+     inline` parent). The ellipsis is scoped to the inner text via the
+     child rule below so an icon + text combo still truncates cleanly. */
   .sp-tree-item-content {
     flex: 1;
     min-width: 0;
+    display: inline-flex;
+    align-items: center;
+    gap: 0.5rem;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
   }
 
+  .sp-tree-item-content > :global(span) {
+    min-width: 0;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+
   .sp-tree-item-children {
     /* Children are nested inside the item */
   }

package/dist/components/tree/components/tree-item.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tree-item.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/tree/components/tree-item.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAoFhD,QAAA,MAAM,QAAQ,mDAAwC,CAAC;AACvD,KAAK,QAAQ,GAAG,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAC;AAC5C,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"tree-item.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/tree/components/tree-item.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAyFhD,QAAA,MAAM,QAAQ,mDAAwC,CAAC;AACvD,KAAK,QAAQ,GAAG,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAC;AAC5C,eAAe,QAAQ,CAAC"}

package/dist/components/tree/components/tree-root.svelte

@@ -16,9 +16,15 @@
   }: TreeProps = $props()
 
   const { context } = createTree({
-    get selectionMode() { return selectionMode },
-    get selectedKeys() { return selectedKeys },
-    get expandedKeys() { return expandedKeys },
+    get selectionMode() {
+      return selectionMode
+    },
+    get selectedKeys() {
+      return selectedKeys
+    },
+    get expandedKeys() {
+      return expandedKeys
+    },
     onSelectionChange: (keys) => {
       selectedKeys = keys
       onSelectionChange?.(keys)
@@ -27,8 +33,12 @@
       expandedKeys = keys
       onExpandedChange?.(keys)
     },
-    get disabled() { return disabled },
-    get direction() { return direction },
+    get disabled() {
+      return disabled
+    },
+    get direction() {
+      return direction
+    },
   })
 
   setTreeContext(context)

package/dist/components/tree/components/tree-root.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tree-root.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/tree/components/tree-root.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AA+C5C,QAAA,MAAM,QAAQ,4GAAwC,CAAC;AACvD,KAAK,QAAQ,GAAG,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAC;AAC5C,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"tree-root.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/tree/components/tree-root.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AAyD5C,QAAA,MAAM,QAAQ,4GAAwC,CAAC;AACvD,KAAK,QAAQ,GAAG,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAC;AAC5C,eAAe,QAAQ,CAAC"}

package/dist/components/tree/index.d.ts

@@ -1,4 +1,4 @@
 export { default as Item } from './components/tree-item.svelte';
 export { default as Root } from './components/tree-root.svelte';
-export type { TreeItemProps, TreeNode, TreeProps, } from './types.js';
+export type { TreeItemProps, TreeNode, TreeProps } from './types.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/tree/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/components/tree/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,+BAA+B,CAAA;AAC/D,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,+BAA+B,CAAA;AAC/D,YAAY,EACV,aAAa,EACb,QAAQ,EACR,SAAS,GACV,MAAM,YAAY,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/components/tree/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,+BAA+B,CAAA;AAC/D,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,+BAA+B,CAAA;AAC/D,YAAY,EAAE,aAAa,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,YAAY,CAAA"}

package/dist/components/tree/tree.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tree.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/components/tree/tree.svelte.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAOH,MAAM,WAAW,WAAW;IAC1B,sBAAsB;IACtB,aAAa,EAAE,MAAM,GAAG,QAAQ,GAAG,UAAU,CAAA;IAC7C,oCAAoC;IACpC,QAAQ,EAAE,OAAO,CAAA;IACjB,sBAAsB;IACtB,SAAS,EAAE,KAAK,GAAG,KAAK,CAAA;IACxB,mCAAmC;IACnC,UAAU,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,OAAO,CAAA;IACnC,yCAAyC;IACzC,cAAc,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;IACpC,mCAAmC;IACnC,UAAU,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,OAAO,CAAA;IACnC,mCAAmC;IACnC,eAAe,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,OAAO,EAAE,OAAO,CAAC,EAAE,OAAO,KAAK,IAAI,CAAA;IAC5E,gDAAgD;IAChD,YAAY,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,WAAW,EAAE,QAAQ,CAAC,EAAE,MAAM,EAAE,WAAW,CAAC,EAAE,OAAO,KAAK,IAAI,CAAA;IAClG,0BAA0B;IAC1B,cAAc,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;IACpC,8CAA8C;IAC9C,iBAAiB,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,aAAa,KAAK,IAAI,CAAA;IAC7D,wCAAwC;IACxC,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,MAAM,CAAA;CACjC;AAED,wBAAgB,cAAc,CAAC,GAAG,EAAE,WAAW,GAAG,IAAI,CAErD;AAED,wBAAgB,cAAc,IAAI,WAAW,CAE5C;AAID,MAAM,WAAW,iBAAiB;IAChC,aAAa,EAAE,MAAM,GAAG,QAAQ,GAAG,UAAU,CAAA;IAC7C,YAAY,EAAE,GAAG,CAAC,MAAM,CAAC,CAAA;IACzB,YAAY,EAAE,GAAG,CAAC,MAAM,CAAC,CAAA;IACzB,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,CAAC,MAAM,CAAC,KAAK,IAAI,CAAA;IAC/C,gBAAgB,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,CAAC,MAAM,CAAC,KAAK,IAAI,CAAA;IAC9C,QAAQ,EAAE,OAAO,CAAA;IACjB,SAAS,EAAE,KAAK,GAAG,KAAK,CAAA;CACzB;AAQD,wBAAgB,UAAU,CAAC,IAAI,EAAE,iBAAiB;;EA+MjD"}
+{"version":3,"file":"tree.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/components/tree/tree.svelte.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAOH,MAAM,WAAW,WAAW;IAC1B,sBAAsB;IACtB,aAAa,EAAE,MAAM,GAAG,QAAQ,GAAG,UAAU,CAAA;IAC7C,oCAAoC;IACpC,QAAQ,EAAE,OAAO,CAAA;IACjB,sBAAsB;IACtB,SAAS,EAAE,KAAK,GAAG,KAAK,CAAA;IACxB,mCAAmC;IACnC,UAAU,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,OAAO,CAAA;IACnC,yCAAyC;IACzC,cAAc,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;IACpC,mCAAmC;IACnC,UAAU,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,OAAO,CAAA;IACnC,mCAAmC;IACnC,eAAe,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,OAAO,EAAE,OAAO,CAAC,EAAE,OAAO,KAAK,IAAI,CAAA;IAC5E,gDAAgD;IAChD,YAAY,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,WAAW,EAAE,QAAQ,CAAC,EAAE,MAAM,EAAE,WAAW,CAAC,EAAE,OAAO,KAAK,IAAI,CAAA;IAClG,0BAA0B;IAC1B,cAAc,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;IACpC,8CAA8C;IAC9C,iBAAiB,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,aAAa,KAAK,IAAI,CAAA;IAC7D,wCAAwC;IACxC,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,MAAM,CAAA;CACjC;AAED,wBAAgB,cAAc,CAAC,GAAG,EAAE,WAAW,GAAG,IAAI,CAErD;AAED,wBAAgB,cAAc,IAAI,WAAW,CAE5C;AAID,MAAM,WAAW,iBAAiB;IAChC,aAAa,EAAE,MAAM,GAAG,QAAQ,GAAG,UAAU,CAAA;IAC7C,YAAY,EAAE,GAAG,CAAC,MAAM,CAAC,CAAA;IACzB,YAAY,EAAE,GAAG,CAAC,MAAM,CAAC,CAAA;IACzB,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,CAAC,MAAM,CAAC,KAAK,IAAI,CAAA;IAC/C,gBAAgB,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,CAAC,MAAM,CAAC,KAAK,IAAI,CAAA;IAC9C,QAAQ,EAAE,OAAO,CAAA;IACjB,SAAS,EAAE,KAAK,GAAG,KAAK,CAAA;CACzB;AAQD,wBAAgB,UAAU,CAAC,IAAI,EAAE,iBAAiB;;EAqNjD"}

package/dist/components/tree/tree.svelte.js

@@ -178,9 +178,15 @@ export function createTree(opts) {
     }
     // ── Context ──────────────────────────────────────────────────────────
     const context = {
-        get selectionMode() { return opts.selectionMode; },
-        get disabled() { return opts.disabled; },
-        get direction() { return opts.direction; },
+        get selectionMode() {
+            return opts.selectionMode;
+        },
+        get disabled() {
+            return opts.disabled;
+        },
+        get direction() {
+            return opts.direction;
+        },
         isExpanded,
         toggleExpanded,
         isSelected,

package/dist/components/tree/types.d.ts

@@ -30,6 +30,27 @@ export interface TreeItemProps {
     id: string;
     /** Display label for the item row. */
     label?: string;
+    /**
+     * Optional snippet that overrides the plain-text `label` for the row
+     * content. Use when the row needs more than text — for example a leading
+     * icon, a trailing badge, or a multi-segment label.
+     *
+     * When provided, the snippet is rendered inside `.sp-tree-item-content`
+     * (which is flex-styled) so a typical pattern is
+     * `<Icon/> <span>label text</span>` :
+     *
+     *   <Tree.Item id="lib" hasChildren>
+     *     {#snippet labelContent()}
+     *       <Library size={16} />
+     *       <span>My Library</span>
+     *     {/snippet}
+     *     ...children
+     *   </Tree.Item>
+     *
+     * `textValue` should still be set (or `label` left in place as a
+     * fallback) so typeahead and accessibility have a string to work with.
+     */
+    labelContent?: Snippet;
     /** Text value for typeahead and accessibility (defaults to label). */
     textValue?: string;
     /** Whether this item has children (shows expand chevron). */

package/dist/components/tree/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/lib/components/tree/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAA;AAIrC,MAAM,WAAW,QAAQ;IACvB,yBAAyB;IACzB,EAAE,EAAE,MAAM,CAAA;IACV,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAA;CACvB;AAID,MAAM,WAAW,SAAS,CAAC,EAAE,SAAS,QAAQ,GAAG,QAAQ;IACvD,sBAAsB;IACtB,eAAe,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,UAAU,CAAA;IAChD,yCAAyC;IACzC,cAAc,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,CAAA;IAC5B,yCAAyC;IACzC,cAAc,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,CAAA;IAC5B,qCAAqC;IACrC,mBAAmB,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,CAAC,MAAM,CAAC,KAAK,IAAI,CAAA;IACjD,wCAAwC;IACxC,kBAAkB,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,CAAC,MAAM,CAAC,KAAK,IAAI,CAAA;IAChD,sBAAsB;IACtB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,sBAAsB;IACtB,WAAW,CAAC,EAAE,KAAK,GAAG,KAAK,CAAA;IAC3B,wBAAwB;IACxB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,4BAA4B;IAC5B,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB;AAID,MAAM,WAAW,aAAa;IAC5B,sBAAsB;IACtB,EAAE,EAAE,MAAM,CAAA;IACV,sCAAsC;IACtC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,sEAAsE;IACtE,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,6DAA6D;IAC7D,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,qCAAqC;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,4BAA4B;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,gEAAgE;IAChE,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAID,MAAM,WAAW,oBAAoB;IACnC,qEAAqE;IACrE,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,4BAA4B;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/lib/components/tree/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAA;AAIrC,MAAM,WAAW,QAAQ;IACvB,yBAAyB;IACzB,EAAE,EAAE,MAAM,CAAA;IACV,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAA;CACvB;AAID,MAAM,WAAW,SAAS,CAAC,EAAE,SAAS,QAAQ,GAAG,QAAQ;IACvD,sBAAsB;IACtB,eAAe,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,UAAU,CAAA;IAChD,yCAAyC;IACzC,cAAc,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,CAAA;IAC5B,yCAAyC;IACzC,cAAc,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,CAAA;IAC5B,qCAAqC;IACrC,mBAAmB,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,CAAC,MAAM,CAAC,KAAK,IAAI,CAAA;IACjD,wCAAwC;IACxC,kBAAkB,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,CAAC,MAAM,CAAC,KAAK,IAAI,CAAA;IAChD,sBAAsB;IACtB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,sBAAsB;IACtB,WAAW,CAAC,EAAE,KAAK,GAAG,KAAK,CAAA;IAC3B,wBAAwB;IACxB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,4BAA4B;IAC5B,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB;AAID,MAAM,WAAW,aAAa;IAC5B,sBAAsB;IACtB,EAAE,EAAE,MAAM,CAAA;IACV,sCAAsC;IACtC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd;;;;;;;;;;;;;;;;;;;OAmBG;IACH,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,sEAAsE;IACtE,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,6DAA6D;IAC7D,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,qCAAqC;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,4BAA4B;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,gEAAgE;IAChE,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAID,MAAM,WAAW,oBAAoB;IACnC,qEAAqE;IACrE,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,4BAA4B;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@spectral_labs/ui",
   "type": "module",
-  "version": "1.1.1",
+  "version": "1.1.2",
   "publishConfig": {
     "registry": "https://registry.npmjs.org",
     "access": "public"