@threadlabs/looma 0.1.2 → 0.1.4

package/layout.css

@@ -1,13 +1,14 @@
-/* Unlayered: isolation contract (hard guarantees). */
-:where(ui-stack, ui-inline, ui-cluster, ui-grid, ui-center, ui-separator),
-:where(ui-stack, ui-inline, ui-cluster, ui-grid, ui-center, ui-separator) *,
-:where(ui-stack, ui-inline, ui-cluster, ui-grid, ui-center, ui-separator) *::before,
-:where(ui-stack, ui-inline, ui-cluster, ui-grid, ui-center, ui-separator) *::after {
+/* Unlayered: box-model guarantees that remain safe for host composition. */
+:where(ui-stack, ui-inline, ui-cluster, ui-grid, ui-center, ui-switcher, ui-sidebar, ui-reel, ui-separator),
+:where(ui-stack, ui-inline, ui-cluster, ui-grid, ui-center, ui-switcher, ui-sidebar, ui-reel, ui-separator) *,
+:where(ui-stack, ui-inline, ui-cluster, ui-grid, ui-center, ui-switcher, ui-sidebar, ui-reel, ui-separator) *::before,
+:where(ui-stack, ui-inline, ui-cluster, ui-grid, ui-center, ui-switcher, ui-sidebar, ui-reel, ui-separator) *::after {
   box-sizing: border-box;
 }
 
-:where(ui-stack, ui-inline, ui-cluster, ui-grid, ui-center, ui-separator) {
-  all: revert;
+:where(ui-stack, ui-inline, ui-cluster, ui-grid, ui-center, ui-switcher, ui-sidebar, ui-reel, ui-separator) {
+  /* Reveal Looma's component layer instead of reverting past it. */
+  all: revert-layer;
   box-sizing: border-box;
   margin: 0;
   font-family: var(--ui-font-family-sans);
@@ -16,7 +17,7 @@
   color: var(--ui-text-primary);
 }
 
-:where(ui-stack, ui-inline, ui-cluster, ui-grid, ui-center, ui-separator)[data-ui-inherit-typography] {
+:where(ui-stack, ui-inline, ui-cluster, ui-grid, ui-center, ui-switcher, ui-sidebar, ui-reel, ui-separator)[data-ui-inherit-typography] {
   font-family: inherit;
   font-size: inherit;
   line-height: inherit;
@@ -31,6 +32,11 @@
 }
 
 @layer components {
+  :where(ui-stack, ui-inline, ui-cluster, ui-grid, ui-center, ui-switcher, ui-sidebar, ui-reel, ui-separator) {
+    min-inline-size: 0;
+    max-inline-size: 100%;
+  }
+
   ui-stack {
     --ui-layout-gap: var(--ui-space-4, 1rem);
     --ui-layout-align: stretch;
@@ -79,7 +85,7 @@
     --ui-grid-min: 16rem;
     display: grid;
     gap: var(--ui-grid-gap);
-    grid-template-columns: repeat(auto-fit, minmax(var(--ui-grid-min), 1fr));
+    grid-template-columns: repeat(auto-fit, minmax(min(var(--ui-grid-min), 100%), 1fr));
   }
 
   ui-grid[gap="xs"] { --ui-grid-gap: var(--ui-space-2, 0.5rem); }
@@ -94,6 +100,7 @@
     --ui-center-measure: 65ch;
     --ui-center-gutters: var(--ui-space-4, 1rem);
     display: block;
+    inline-size: 100%;
     max-inline-size: var(--ui-center-measure);
     margin-inline: auto;
     padding-inline: var(--ui-center-gutters);
@@ -105,6 +112,103 @@
   ui-center[gutters="m"] { --ui-center-gutters: var(--ui-space-4, 1rem); }
   ui-center[gutters="l"] { --ui-center-gutters: var(--ui-space-5, 1.5rem); }
 
+  ui-switcher {
+    --ui-switcher-gap: var(--ui-space-4, 1rem);
+    --ui-switcher-threshold: 30rem;
+    --ui-switcher-align: stretch;
+    display: flex;
+    flex-wrap: wrap;
+    gap: var(--ui-switcher-gap);
+    align-items: var(--ui-switcher-align);
+  }
+
+  ui-switcher > * {
+    min-inline-size: 0;
+    flex-grow: 1;
+    flex-basis: calc((var(--ui-switcher-threshold) - 100%) * 999);
+  }
+
+  ui-switcher[gap="xs"] { --ui-switcher-gap: var(--ui-space-2, 0.5rem); }
+  ui-switcher[gap="s"] { --ui-switcher-gap: var(--ui-space-3, 0.75rem); }
+  ui-switcher[gap="m"] { --ui-switcher-gap: var(--ui-space-4, 1rem); }
+  ui-switcher[gap="l"] { --ui-switcher-gap: var(--ui-space-5, 1.5rem); }
+  ui-switcher[threshold="xs"] { --ui-switcher-threshold: 20rem; }
+  ui-switcher[threshold="sm"] { --ui-switcher-threshold: 30rem; }
+  ui-switcher[threshold="md"] { --ui-switcher-threshold: 45rem; }
+  ui-switcher[threshold="lg"] { --ui-switcher-threshold: 60rem; }
+  ui-switcher[align="start"] { --ui-switcher-align: flex-start; }
+  ui-switcher[align="center"] { --ui-switcher-align: center; }
+  ui-switcher[align="end"] { --ui-switcher-align: flex-end; }
+
+  ui-sidebar {
+    --ui-sidebar-gap: var(--ui-space-4, 1rem);
+    --ui-sidebar-width: 18rem;
+    --ui-sidebar-content-min: 50%;
+    --ui-sidebar-align: stretch;
+    display: flex;
+    flex-wrap: wrap;
+    gap: var(--ui-sidebar-gap);
+    align-items: var(--ui-sidebar-align);
+  }
+
+  ui-sidebar > * { min-inline-size: 0; }
+  ui-sidebar > :first-child {
+    flex-basis: var(--ui-sidebar-width);
+    flex-grow: 1;
+  }
+  ui-sidebar > :last-child {
+    flex-basis: 0;
+    flex-grow: 999;
+    min-inline-size: min(var(--ui-sidebar-content-min), 100%);
+  }
+  ui-sidebar[side="end"] > :first-child {
+    flex-basis: 0;
+    flex-grow: 999;
+    min-inline-size: min(var(--ui-sidebar-content-min), 100%);
+  }
+  ui-sidebar[side="end"] > :last-child {
+    flex-basis: var(--ui-sidebar-width);
+    flex-grow: 1;
+    min-inline-size: 0;
+  }
+  ui-sidebar[gap="xs"] { --ui-sidebar-gap: var(--ui-space-2, 0.5rem); }
+  ui-sidebar[gap="s"] { --ui-sidebar-gap: var(--ui-space-3, 0.75rem); }
+  ui-sidebar[gap="m"] { --ui-sidebar-gap: var(--ui-space-4, 1rem); }
+  ui-sidebar[gap="l"] { --ui-sidebar-gap: var(--ui-space-5, 1.5rem); }
+  ui-sidebar[width="narrow"] { --ui-sidebar-width: 14rem; }
+  ui-sidebar[width="wide"] { --ui-sidebar-width: 24rem; }
+  ui-sidebar[align="start"] { --ui-sidebar-align: flex-start; }
+  ui-sidebar[align="center"] { --ui-sidebar-align: center; }
+  ui-sidebar[align="end"] { --ui-sidebar-align: flex-end; }
+
+  ui-reel {
+    --ui-reel-gap: var(--ui-space-4, 1rem);
+    --ui-reel-item-width: auto;
+    display: flex;
+    inline-size: 100%;
+    gap: var(--ui-reel-gap);
+    overflow-x: auto;
+    overflow-y: hidden;
+    overscroll-behavior-inline: contain;
+    -webkit-overflow-scrolling: touch;
+  }
+
+  ui-reel > * {
+    min-inline-size: 0;
+    flex: 0 0 var(--ui-reel-item-width);
+  }
+  ui-reel[gap="xs"] { --ui-reel-gap: var(--ui-space-2, 0.5rem); }
+  ui-reel[gap="s"] { --ui-reel-gap: var(--ui-space-3, 0.75rem); }
+  ui-reel[gap="m"] { --ui-reel-gap: var(--ui-space-4, 1rem); }
+  ui-reel[gap="l"] { --ui-reel-gap: var(--ui-space-5, 1.5rem); }
+  ui-reel[item-width="sm"] { --ui-reel-item-width: 12rem; }
+  ui-reel[item-width="md"] { --ui-reel-item-width: 16rem; }
+  ui-reel[item-width="lg"] { --ui-reel-item-width: 20rem; }
+  ui-reel[snap="start"],
+  ui-reel[snap="center"] { scroll-snap-type: inline mandatory; }
+  ui-reel[snap="start"] > * { scroll-snap-align: start; }
+  ui-reel[snap="center"] > * { scroll-snap-align: center; }
+
   ui-separator {
     --ui-separator-color: var(--ui-border-default, #d0d5dd);
     --ui-separator-space: var(--ui-space-4, 1rem);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@threadlabs/looma",
-  "version": "0.1.2",
+  "version": "0.1.4",
   "type": "module",
   "description": "Looma web components, layout primitives, editor UI, and supported Vue adapters.",
   "license": "MIT",

package/styles.css

@@ -1,4 +1,4 @@
-/* Unlayered: isolation contract (hard guarantees). Layered rules lose to unlayered page CSS. */
+/* Unlayered: box-model guarantees. Later page CSS can still compose component hosts. */
 :where(
   ui-button,
   ui-input,
@@ -107,7 +107,8 @@
   ui-avatar,
   ui-avatar-group
 ) {
-  all: revert;
+  /* Reveal Looma's component layer instead of reverting past it. */
+  all: revert-layer;
   box-sizing: border-box;
   margin: 0;
   font-family: var(--ui-font-family-sans);
@@ -187,7 +188,7 @@
   ui-button > button {
     appearance: none;
     border: 1px solid var(--ui-border-default);
-    border-radius: var(--ui-radius-2);
+    border-radius: var(--ui-button-radius, var(--ui-radius-2));
     background: var(--ui-surface-default);
     color: inherit;
     font: inherit;
@@ -199,7 +200,8 @@
       background-color var(--ui-motion-fast) var(--ui-motion-ease),
       border-color var(--ui-motion-fast) var(--ui-motion-ease),
       color var(--ui-motion-fast) var(--ui-motion-ease),
-      box-shadow var(--ui-motion-fast) var(--ui-motion-ease);
+      box-shadow var(--ui-motion-fast) var(--ui-motion-ease),
+      transform var(--ui-motion-fast) var(--ui-motion-ease);
     margin: 0;
   }
 
@@ -222,55 +224,59 @@
     background: var(--ui-surface-subtle);
   }
 
-  ui-button[data-variant="solid"] > button {
+  ui-button[variant="solid"] > button {
     border-color: var(--ui-accent-solid);
     background: var(--ui-accent-solid);
     color: var(--ui-text-on-accent);
-    box-shadow: var(--ui-shadow-xs);
+    box-shadow: var(--ui-button-solid-shadow, inset 0 1px rgb(255 255 255 / 0.16), var(--ui-shadow-xs));
   }
 
-  ui-button[data-variant="solid"] > button:hover:enabled {
+  ui-button[variant="solid"] > button:hover:enabled {
     background: var(--ui-accent-hover);
     border-color: var(--ui-accent-hover);
     box-shadow: var(--ui-shadow-sm);
+    transform: translateY(-1px);
   }
 
-  ui-button[data-variant="solid"] > button:active:enabled {
+  ui-button[variant="solid"] > button:active:enabled {
     background: var(--ui-accent-active);
     border-color: var(--ui-accent-active);
     box-shadow: none;
+    transform: translateY(0);
   }
 
-  ui-button[data-variant="destructive"] > button {
+  ui-button[variant="destructive"] > button {
     border-color: var(--ui-danger-solid);
     background: var(--ui-danger-solid);
     color: var(--ui-text-on-accent);
-    box-shadow: var(--ui-shadow-xs);
+    box-shadow: var(--ui-button-destructive-shadow, inset 0 1px rgb(255 255 255 / 0.14), var(--ui-shadow-xs));
   }
 
-  ui-button[data-variant="destructive"] > button:hover:enabled {
+  ui-button[variant="destructive"] > button:hover:enabled {
     background: var(--ui-danger-hover);
     border-color: var(--ui-danger-hover);
     box-shadow: var(--ui-shadow-sm);
+    transform: translateY(-1px);
   }
 
-  ui-button[data-variant="destructive"] > button:active:enabled {
+  ui-button[variant="destructive"] > button:active:enabled {
     background: var(--ui-danger-hover);
     border-color: var(--ui-danger-hover);
     box-shadow: none;
+    transform: translateY(0);
   }
 
-  ui-button[data-variant="ghost"] > button {
+  ui-button[variant="ghost"] > button {
     border-color: transparent;
     background: transparent;
   }
 
-  ui-button[data-variant="ghost"] > button:hover:enabled {
+  ui-button[variant="ghost"] > button:hover:enabled {
     background: var(--ui-surface-muted);
     border-color: transparent;
   }
 
-  ui-button[data-variant="ghost"] > button:active:enabled {
+  ui-button[variant="ghost"] > button:active:enabled {
     background: var(--ui-surface-subtle);
     border-color: transparent;
   }
@@ -508,11 +514,11 @@
   }
 
   /* Dialog: hidden when closed so multiple instances don’t stack in layout */
-  ui-dialog:not([open]) {
+  ui-dialog:not([data-open]) {
     display: none;
   }
 
-  ui-dialog[open] {
+  ui-dialog[data-open] {
     display: block;
   }
 

package/theme-dark.css

@@ -17,9 +17,9 @@
       --ui-border-default: #333330;
       --ui-border-strong: #4a4a46;
 
-      --ui-danger-solid: #ff6644;
-      --ui-danger-hover: #ff7755;
-      --ui-danger-soft: #2d1a16;
+      --ui-danger-solid: #ef6f86;
+      --ui-danger-hover: #f58a9d;
+      --ui-danger-soft: #321b22;
       --ui-success-solid: #33cc66;
       --ui-success-soft: #162a1f;
       --ui-warning-solid: #ffaa22;
@@ -46,9 +46,9 @@
     --ui-border-default: #333330;
     --ui-border-strong: #4a4a46;
 
-    --ui-danger-solid: #ff6644;
-    --ui-danger-hover: #ff7755;
-    --ui-danger-soft: #2d1a16;
+    --ui-danger-solid: #ef6f86;
+    --ui-danger-hover: #f58a9d;
+    --ui-danger-soft: #321b22;
     --ui-success-solid: #33cc66;
     --ui-success-soft: #162a1f;
     --ui-warning-solid: #ffaa22;

package/theme-light.css

@@ -17,9 +17,9 @@
     --ui-border-default: #e4e4e0;
     --ui-border-strong: #c8c8c4;
 
-    --ui-danger-solid: #cc3300;
-    --ui-danger-hover: #a32900;
-    --ui-danger-soft: #fdf0ed;
+    --ui-danger-solid: #b4233f;
+    --ui-danger-hover: #941d35;
+    --ui-danger-soft: #fceef1;
     --ui-success-solid: #007a33;
     --ui-success-soft: #edf7f1;
     --ui-warning-solid: #cc8800;

package/tokens.css

@@ -86,16 +86,16 @@
     --ui-border-subtle: #ecece8;
     --ui-border-default: #e4e4e0;
     --ui-border-strong: #c8c8c4;
-    --ui-focus-ring: #0066cc;
+    --ui-focus-ring: #5b55d6;
 
-    --ui-accent-solid: #0066cc;
-    --ui-accent-hover: #0052a3;
-    --ui-accent-active: #003d7a;
-    --ui-accent-soft: #e8f0fb;
+    --ui-accent-solid: #5b55d6;
+    --ui-accent-hover: #4b45bd;
+    --ui-accent-active: #3e399e;
+    --ui-accent-soft: #efeffc;
 
-    --ui-danger-solid: #cc3300;
-    --ui-danger-hover: #a32900;
-    --ui-danger-soft: #fdf0ed;
+    --ui-danger-solid: #b4233f;
+    --ui-danger-hover: #941d35;
+    --ui-danger-soft: #fceef1;
     --ui-success-solid: #007a33;
     --ui-success-soft: #edf7f1;
     --ui-warning-solid: #cc8800;
@@ -120,16 +120,16 @@
       --ui-border-subtle: oklch(0.9 0.01 250);
       --ui-border-default: oklch(0.84 0.01 250);
       --ui-border-strong: oklch(0.7 0.02 250);
-      --ui-focus-ring: oklch(0.62 0.18 250);
+      --ui-focus-ring: oklch(0.57 0.17 285);
 
-      --ui-accent-solid: oklch(0.62 0.18 250);
-      --ui-accent-hover: oklch(0.57 0.2 250);
-      --ui-accent-active: oklch(0.52 0.2 250);
-      --ui-accent-soft: oklch(0.95 0.03 250);
+      --ui-accent-solid: oklch(0.57 0.17 285);
+      --ui-accent-hover: oklch(0.52 0.18 285);
+      --ui-accent-active: oklch(0.46 0.16 285);
+      --ui-accent-soft: oklch(0.96 0.025 285);
 
-      --ui-danger-solid: oklch(0.55 0.2 25);
-      --ui-danger-hover: oklch(0.5 0.2 25);
-      --ui-danger-soft: oklch(0.97 0.02 25);
+      --ui-danger-solid: oklch(0.5 0.17 18);
+      --ui-danger-hover: oklch(0.44 0.16 18);
+      --ui-danger-soft: oklch(0.97 0.025 18);
       --ui-success-solid: oklch(0.5 0.15 145);
       --ui-success-soft: oklch(0.96 0.03 145);
       --ui-warning-solid: oklch(0.7 0.15 85);

package/vue/{chunk-J4UBEIIL.js → chunk-P72L3GWE.js}

@@ -65,6 +65,7 @@ function createAdapterComponent(tagName, displayName, additionalEventBindings =
         return h(
           tagName,
           {
+            "data-allow-mismatch": forwardedAttrs["data-allow-mismatch"] ?? "class",
             ...forwardedAttrs,
             ref: (value) => {
               elementRef.value = toHTMLElement(value);

package/vue/editor/index.js

@@ -1,7 +1,7 @@
 import {
   createAdapterComponent,
   toHTMLElement
-} from "../chunk-J4UBEIIL.js";
+} from "../chunk-P72L3GWE.js";
 
 // src/editor/index.ts
 import "@threadlabs/looma/editor";

package/vue/index.d.ts

@@ -47,6 +47,15 @@ declare const Grid: vue.DefineComponent<{}, () => vue.VNode<vue.RendererNode, vu
 declare const Center: vue.DefineComponent<{}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
     [key: string]: any;
 }>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+declare const Switcher: vue.DefineComponent<{}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+declare const Sidebar: vue.DefineComponent<{}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+declare const Reel: vue.DefineComponent<{}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 declare const Separator: vue.DefineComponent<{}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
     [key: string]: any;
 }>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
@@ -134,6 +143,9 @@ declare const ADAPTER_COMPONENT_TAG_MAP: {
     readonly Cluster: "ui-cluster";
     readonly Grid: "ui-grid";
     readonly Center: "ui-center";
+    readonly Switcher: "ui-switcher";
+    readonly Sidebar: "ui-sidebar";
+    readonly Reel: "ui-reel";
     readonly Separator: "ui-separator";
     readonly Disclosure: "ui-disclosure";
     readonly Tabs: "ui-tabs";
@@ -164,4 +176,4 @@ declare const ADAPTER_COMPONENT_TAG_MAP: {
 };
 declare const VUE_ADAPTER_NOTE = "Thin adapter only: attrs and slots pass through to custom elements and DOM events map to typed callbacks.";
 
-export { ADAPTER_COMPONENT_TAG_MAP, Avatar, AvatarGroup, Badge, Button, Center, Checkbox, Cluster, ContextMenu, Dialog, Disclosure, FloatingActionButton, FormField, Grid, IconButton, Inline, Input, Menu, MenuItem, Popover, Radio, RadioGroup, SearchResultRow, SearchShell, Select, Separator, Stack, Switch, Tabs, Textarea, ToastRegion, Tooltip, TopBar, VUE_ADAPTER_NOTE, type VueAdapterEventMap };
+export { ADAPTER_COMPONENT_TAG_MAP, Avatar, AvatarGroup, Badge, Button, Center, Checkbox, Cluster, ContextMenu, Dialog, Disclosure, FloatingActionButton, FormField, Grid, IconButton, Inline, Input, Menu, MenuItem, Popover, Radio, RadioGroup, Reel, SearchResultRow, SearchShell, Select, Separator, Sidebar, Stack, Switch, Switcher, Tabs, Textarea, ToastRegion, Tooltip, TopBar, VUE_ADAPTER_NOTE, type VueAdapterEventMap };

package/vue/index.js

@@ -1,6 +1,6 @@
 import {
   createAdapterComponent
-} from "./chunk-J4UBEIIL.js";
+} from "./chunk-P72L3GWE.js";
 
 // src/index.ts
 import "@threadlabs/looma/layout";
@@ -10,6 +10,9 @@ var Inline = createAdapterComponent("ui-inline", "Inline");
 var Cluster = createAdapterComponent("ui-cluster", "Cluster");
 var Grid = createAdapterComponent("ui-grid", "Grid");
 var Center = createAdapterComponent("ui-center", "Center");
+var Switcher = createAdapterComponent("ui-switcher", "Switcher");
+var Sidebar = createAdapterComponent("ui-sidebar", "Sidebar");
+var Reel = createAdapterComponent("ui-reel", "Reel");
 var Separator = createAdapterComponent("ui-separator", "Separator");
 var Disclosure = createAdapterComponent("ui-disclosure", "Disclosure");
 var Tabs = createAdapterComponent("ui-tabs", "Tabs");
@@ -46,6 +49,9 @@ var ADAPTER_COMPONENT_TAG_MAP = {
   Cluster: "ui-cluster",
   Grid: "ui-grid",
   Center: "ui-center",
+  Switcher: "ui-switcher",
+  Sidebar: "ui-sidebar",
+  Reel: "ui-reel",
   Separator: "ui-separator",
   Disclosure: "ui-disclosure",
   Tabs: "ui-tabs",
@@ -98,12 +104,15 @@ export {
   Popover,
   Radio,
   RadioGroup,
+  Reel,
   SearchResultRow,
   SearchShell,
   Select,
   Separator,
+  Sidebar,
   Stack,
   Switch,
+  Switcher,
   Tabs,
   Textarea,
   ToastRegion,

package/dist/components/p-WvL4iAhX.js

@@ -1 +0,0 @@
-import{p as e,H as t,h as i,c as r,t as o}from"./p-CIA4RyEp.js";import{d as s,e as a}from"./p-JwSoedEO.js";const n=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}get host(){return this}open=!1;defaultOpen=!1;internalOpen=!1;syncFromProp(){this.internalOpen=this.open}componentDidLoad(){this.syncFromProp(),this.internalOpen=this.internalOpen||this.defaultOpen,this.host.addEventListener("click",this.onItemClick),this.host.addEventListener("keydown",this.onKeydown)}disconnectedCallback(){this.host.removeEventListener("click",this.onItemClick),this.host.removeEventListener("keydown",this.onKeydown)}getItems(){return Array.from(this.host.querySelectorAll("ui-menu-item"))}isItemDisabled(e){return"true"===e.getAttribute("aria-disabled")||e.hasAttribute("disabled")||"true"===e.getAttribute("disabled")||!0===e.disabled}onItemClick=e=>{const t=e.target.closest?.("ui-menu-item");if(!t||t.getRootNode()!==this.host.getRootNode())return;if(this.isItemDisabled(t))return;const i=t.getAttribute("value")??t.getAttribute("data-value")??"";s(this.host,"select",{value:i,trigger:a(e)}),s(this.host,"close",{open:!1,reason:"action",trigger:a(e)}),this.internalOpen=!1};onKeydown=e=>{const i=this.getItems().filter((e=>!this.isItemDisabled(e)));if(0===i.length)return;const r=e.target.closest?.("ui-menu-item"),o=r&&r instanceof t?i.indexOf(r):-1;if("Enter"!==e.key&&" "!==e.key)"ArrowDown"!==e.key&&"ArrowUp"!==e.key||(e.preventDefault(),i["ArrowDown"===e.key?o<0?0:Math.min(o+1,i.length-1):o<=0?i.length-1:o-1].focus());else if(e.preventDefault(),r&&o>=0){const e=r.getAttribute("value")??r.getAttribute("data-value")??"";s(this.host,"select",{value:e,trigger:"keyboard"}),s(this.host,"close",{open:!1,reason:"action",trigger:"keyboard"}),this.internalOpen=!1}};render(){return i(r,{key:"f06ad0f8c09060495757ced2da095817409720b7",role:"menu","aria-orientation":"vertical","data-open":this.internalOpen?"":void 0},i("slot",{key:"d504fd3c33894d0e464b957ce67c75fe8a24899c"}))}static get watchers(){return{open:[{syncFromProp:0}]}}static get style(){return":host{display:flex;flex-direction:column;min-width:12rem;padding:var(--ui-space-1);background:var(--ui-surface-elevated);border:1px solid var(--ui-border-default);border-radius:var(--ui-radius-3);box-shadow:var(--ui-shadow-lg)}::slotted(ui-menu-item){display:block;width:100%;padding:var(--ui-space-2) var(--ui-space-3);text-align:left;background:none;border:none;border-radius:var(--ui-radius-2);color:var(--ui-text-primary);font-size:var(--ui-font-size-md);font-weight:var(--ui-font-medium, 500);cursor:pointer;transition:background-color var(--ui-motion-fast) var(--ui-motion-ease),     color var(--ui-motion-fast) var(--ui-motion-ease)}::slotted(ui-menu-item:hover:not([aria-disabled='true']):not([disabled])){background:var(--ui-surface-subtle)}::slotted(ui-menu-item[aria-disabled='true']),::slotted(ui-menu-item[disabled]){opacity:0.6;cursor:not-allowed}"}},[769,"ui-menu",{open:[4],defaultOpen:[4,"default-open"],internalOpen:[32]},void 0,{open:[{syncFromProp:0}]}]);function u(){"undefined"!=typeof customElements&&["ui-menu"].forEach((e=>{"ui-menu"===e&&(customElements.get(o(e))||customElements.define(o(e),n))}))}export{n as U,u as d}

package/dist/looma/p-52c537fa.entry.js

@@ -1 +0,0 @@
-import{r as e,g as a,h as i,H as t}from"./p-CEeiinfk.js";function s(e){return!!e&&e.assignedNodes({flatten:!0}).some((e=>e.nodeType!==Node.TEXT_NODE||Boolean(e.textContent?.trim())))}const r=class{constructor(a){e(this,a)}get host(){return a(this)}hasLeading=!1;hasSearch=!1;hasActions=!1;leadingSlot;searchSlot;actionsSlot;componentDidLoad(){this.syncSlots()}syncSlots=()=>{this.hasLeading=s(this.leadingSlot),this.hasSearch=s(this.searchSlot),this.hasActions=s(this.actionsSlot)};render(){return i(t,{key:"23cbff2fdb06a40f0380dbf217d064cb1b9f7a9c"},i("header",{key:"9472960f4445f8ed7d0800d71db3cbac020fca3f",class:"top-bar",part:"base"},i("div",{key:"d408be025d90fdcf1416213b9e76f3b780f47d97",class:"top-bar__leading",hidden:!this.hasLeading},i("slot",{key:"3dc4db316a040ff10a8b8b218b42799d3e1a7b97",name:"leading",ref:e=>this.leadingSlot=e,onSlotchange:this.syncSlots})),i("div",{key:"1b362f19f9a738600afb266e9641c0ee5c8870c9",class:"top-bar__title"},i("slot",{key:"bb93d34a3dea15c697dcd19dc0ecc3488ee390c8"})),i("div",{key:"3d61d781b654ee1d91a6ce5ba64db9732ee1f8ee",class:"top-bar__search",hidden:!this.hasSearch},i("slot",{key:"5731817be644f10ed745fdc0868b85b66a9c06d4",name:"search",ref:e=>this.searchSlot=e,onSlotchange:this.syncSlots})),i("div",{key:"2ee868b93f5195832830900382545b2131e78bb8",class:"top-bar__actions",hidden:!this.hasActions},i("slot",{key:"1d410fa60f112904cfb866cff5a3f2fb18021c93",name:"actions",ref:e=>this.actionsSlot=e,onSlotchange:this.syncSlots}))))}};r.style=":host{position:sticky;inset-block-start:0;z-index:var(--ui-top-bar-z-index, 100);display:block}.top-bar{min-block-size:var(--ui-top-bar-height, 56px);display:flex;align-items:center;gap:var(--ui-top-bar-gap, var(--ui-space-3, 0.75rem));padding-inline:var(--ui-top-bar-padding-inline, var(--ui-space-4, 1rem));background:var(--ui-top-bar-bg, var(--ui-surface, #ffffff));border-block-end:1px solid var(--ui-top-bar-border, var(--ui-border, #e5e7eb))}.top-bar__leading,.top-bar__search,.top-bar__actions{display:flex;align-items:center;flex-shrink:0}.top-bar__actions{gap:var(--ui-top-bar-actions-gap, var(--ui-space-1, 0.25rem))}.top-bar__title{min-inline-size:0;flex:1}[hidden]{display:none}@media (min-width: 768px){:host{display:none}}";export{r as ui_top_bar}

package/dist/looma/p-649dad92.entry.js

@@ -1 +0,0 @@
-import{r as e,g as s,h as t,H as o}from"./p-CEeiinfk.js";import{o as r,c as i,r as a}from"./p-CR7f2MQC.js";import{d as n}from"./p-JwSoedEO.js";const h=class{constructor(s){e(this,s)}get host(){return s(this)}open=!1;defaultOpen=!1;internalOpen=!1;overlayId=`ui-popover-${Math.random().toString(36).slice(2,11)}`;syncFromProp(){this.internalOpen=this.open}onOpenChange(){this.syncOverlay(),this.internalOpen?n(this.host,"open",{open:!0,reason:"programmatic",trigger:"programmatic"}):n(this.host,"close",{open:!1,reason:"programmatic",trigger:"programmatic"})}syncOverlay(){this.internalOpen?r({id:this.overlayId,modal:!1,element:this.host,dismissible:!0,requestClose:(e,s)=>this.handleRequestClose(e,s)}):i(this.overlayId)}componentDidLoad(){this.syncFromProp(),this.internalOpen=this.internalOpen||this.defaultOpen,this.host.addEventListener("keydown",this.onKeydown),this.syncOverlay()}disconnectedCallback(){this.host.removeEventListener("keydown",this.onKeydown),i(this.overlayId)}componentDidUpdate(){this.syncOverlay()}handleRequestClose(e,s){this.internalOpen=!1,n(this.host,"close",{open:!1,reason:e,trigger:s})}onKeydown=e=>{"Escape"===e.key&&a("escape","keyboard")};render(){return t(o,{key:"121482cf2fe9ba972ae6b902568389790b9accaa","data-open":this.internalOpen?"":void 0,onKeyDown:this.onKeydown},t("slot",{key:"095ce0c147ed8c8411114563c9efcb5fe775fcae"}))}static get watchers(){return{open:[{syncFromProp:0}],internalOpen:[{onOpenChange:0}]}}};h.style=":host{padding:var(--ui-space-3);background:var(--ui-surface-elevated);border:1px solid var(--ui-border-default);border-radius:var(--ui-radius-3);box-shadow:var(--ui-shadow-lg);max-width:min(20rem, 90vw)}";export{h as ui_popover}

package/dist/looma/p-ab4151d5.entry.js

@@ -1 +0,0 @@
-import{r as e,g as t,h as i,H as r}from"./p-CEeiinfk.js";import{d as o,e as a}from"./p-JwSoedEO.js";const s=class{constructor(t){e(this,t)}get host(){return t(this)}open=!1;defaultOpen=!1;internalOpen=!1;syncFromProp(){this.internalOpen=this.open}componentDidLoad(){this.syncFromProp(),this.internalOpen=this.internalOpen||this.defaultOpen,this.host.addEventListener("click",this.onItemClick),this.host.addEventListener("keydown",this.onKeydown)}disconnectedCallback(){this.host.removeEventListener("click",this.onItemClick),this.host.removeEventListener("keydown",this.onKeydown)}getItems(){return Array.from(this.host.querySelectorAll("ui-menu-item"))}isItemDisabled(e){return"true"===e.getAttribute("aria-disabled")||e.hasAttribute("disabled")||"true"===e.getAttribute("disabled")||!0===e.disabled}onItemClick=e=>{const t=e.target.closest?.("ui-menu-item");if(!t||t.getRootNode()!==this.host.getRootNode())return;if(this.isItemDisabled(t))return;const i=t.getAttribute("value")??t.getAttribute("data-value")??"";o(this.host,"select",{value:i,trigger:a(e)}),o(this.host,"close",{open:!1,reason:"action",trigger:a(e)}),this.internalOpen=!1};onKeydown=e=>{const t=this.getItems().filter((e=>!this.isItemDisabled(e)));if(0===t.length)return;const i=e.target.closest?.("ui-menu-item"),r=i&&i instanceof HTMLElement?t.indexOf(i):-1;if("Enter"!==e.key&&" "!==e.key)"ArrowDown"!==e.key&&"ArrowUp"!==e.key||(e.preventDefault(),t["ArrowDown"===e.key?r<0?0:Math.min(r+1,t.length-1):r<=0?t.length-1:r-1].focus());else if(e.preventDefault(),i&&r>=0){const e=i.getAttribute("value")??i.getAttribute("data-value")??"";o(this.host,"select",{value:e,trigger:"keyboard"}),o(this.host,"close",{open:!1,reason:"action",trigger:"keyboard"}),this.internalOpen=!1}};render(){return i(r,{key:"f06ad0f8c09060495757ced2da095817409720b7",role:"menu","aria-orientation":"vertical","data-open":this.internalOpen?"":void 0},i("slot",{key:"d504fd3c33894d0e464b957ce67c75fe8a24899c"}))}static get watchers(){return{open:[{syncFromProp:0}]}}};s.style=":host{display:flex;flex-direction:column;min-width:12rem;padding:var(--ui-space-1);background:var(--ui-surface-elevated);border:1px solid var(--ui-border-default);border-radius:var(--ui-radius-3);box-shadow:var(--ui-shadow-lg)}::slotted(ui-menu-item){display:block;width:100%;padding:var(--ui-space-2) var(--ui-space-3);text-align:left;background:none;border:none;border-radius:var(--ui-radius-2);color:var(--ui-text-primary);font-size:var(--ui-font-size-md);font-weight:var(--ui-font-medium, 500);cursor:pointer;transition:background-color var(--ui-motion-fast) var(--ui-motion-ease),     color var(--ui-motion-fast) var(--ui-motion-ease)}::slotted(ui-menu-item:hover:not([aria-disabled='true']):not([disabled])){background:var(--ui-surface-subtle)}::slotted(ui-menu-item[aria-disabled='true']),::slotted(ui-menu-item[disabled]){opacity:0.6;cursor:not-allowed}";export{s as ui_menu}

package/dist/looma/p-dff144bd.entry.js

@@ -1 +0,0 @@
-import{r as i,h as o,H as t}from"./p-CEeiinfk.js";const n=class{constructor(o){i(this,o)}disabled=!1;mobileOnly=!1;label="";render(){return o(t,{key:"4b5b5eb530e4ab424e1189cff83d697f28432d84","data-disabled":this.disabled?"":void 0},o("button",{key:"f8a4b8ac90bf306434b2b905030b46c1fcbcb000",type:"button","aria-label":this.label||void 0,disabled:this.disabled},o("slot",{key:"500d0606ea7166669f104e42813591395fc81c3f"})))}};n.style=":host{position:fixed;inset-block-end:calc(     var(--ui-floating-action-button-bottom, var(--ui-space-6, 1.5rem)) + env(safe-area-inset-bottom)   );inset-inline-end:var(--ui-floating-action-button-inline-end, var(--ui-space-5, 1.25rem));inline-size:var(--ui-floating-action-button-size, 56px);block-size:var(--ui-floating-action-button-size, 56px);display:inline-flex;z-index:var(--ui-floating-action-button-z-index, 100)}button{appearance:none;inline-size:100%;block-size:100%;border:none;border-radius:999px;margin:0;padding:0;display:inline-flex;align-items:center;justify-content:center;background:var(--ui-floating-action-button-bg, var(--ui-accent-solid));color:var(--ui-floating-action-button-color, var(--ui-text-on-accent));box-shadow:var(     --ui-floating-action-button-shadow,     0 4px 12px color-mix(in srgb, var(--ui-accent-solid) 40%, transparent)   );cursor:pointer;transition:background-color var(--ui-motion-fast, 160ms) var(--ui-motion-ease, ease),     transform var(--ui-motion-fast, 160ms) var(--ui-motion-ease, ease),     box-shadow var(--ui-motion-fast, 160ms) var(--ui-motion-ease, ease)}button:hover:enabled{background:var(--ui-floating-action-button-hover-bg, var(--ui-accent-hover));box-shadow:var(     --ui-floating-action-button-hover-shadow,     0 6px 16px color-mix(in srgb, var(--ui-accent-solid) 50%, transparent)   )}button:active:enabled{transform:scale(var(--ui-floating-action-button-active-scale, 0.94))}button:focus-visible{outline:2px solid var(--ui-focus-ring);outline-offset:2px}button:disabled,:host([disabled]){opacity:0.6;cursor:not-allowed}::slotted(svg){inline-size:var(--ui-floating-action-button-icon-size, 24px);block-size:var(--ui-floating-action-button-icon-size, 24px);flex-shrink:0}@media (min-width: 768px){:host([mobile-only]){display:none}}";export{n as ui_floating_action_button}

package/dist/looma/p-ebb74106.entry.js

@@ -1 +0,0 @@
-import{r as t,g as a,h as r,H as i}from"./p-CEeiinfk.js";import{d as s,e}from"./p-JwSoedEO.js";const o=class{constructor(a){t(this,a)}get host(){return a(this)}open=!0;internalOpen=!0;syncFromProp(){this.internalOpen=this.open}componentDidLoad(){this.syncFromProp(),this.host.addEventListener("click",this.onClick)}disconnectedCallback(){this.host.removeEventListener("click",this.onClick)}getToasts(){return Array.from(this.host.querySelectorAll("[data-ui-toast]"))}updateOpenState(){const t=this.getToasts();this.internalOpen=t.length>0}onClick=t=>{const a=t.target.closest?.("[data-ui-toast-dismiss]");if(!a)return;const r=a.closest?.("[data-ui-toast]");if(!r)return;const i=r.id??"";r.setAttribute("aria-hidden","true"),r.remove(),s(this.host,"dismiss",{id:i,reason:"action",trigger:e(t)}),this.updateOpenState(),0===this.getToasts().length&&s(this.host,"close",{open:!1,reason:"action",trigger:e(t)})};render(){return r(i,{key:"8e99577d8770984b8d6d29e442931570c1f1bc4d",role:"region","aria-label":"Notifications","data-open":this.internalOpen?"":void 0},r("slot",{key:"06f2c6cf39c4795afc0937669aa2104821aef3d6"}))}static get watchers(){return{open:[{syncFromProp:0}]}}};o.style=":host{position:fixed;top:var(--ui-space-4);left:50%;transform:translateX(-50%);z-index:9999;display:grid;gap:var(--ui-space-2);max-width:min(24rem, 90vw);pointer-events:none}:host>*{pointer-events:auto}::slotted([data-ui-toast]){display:grid;grid-template-columns:1fr auto;gap:var(--ui-space-2);align-items:start;border:1px solid var(--ui-border-default);border-radius:var(--ui-radius-3);padding:var(--ui-space-3) var(--ui-space-4);background:var(--ui-surface-elevated);color:var(--ui-text-primary);box-shadow:var(--ui-shadow-lg);animation:ui-toast-enter 0.25s var(--ui-motion-ease) forwards}@keyframes ui-toast-enter{from{opacity:0;transform:translateY(-0.5rem)}to{opacity:1;transform:translateY(0)}}::slotted([data-ui-toast][aria-hidden='true']){display:none}::slotted([data-ui-toast-dismiss]){border:0;background:transparent;color:var(--ui-text-secondary);cursor:pointer;font:inherit}";export{o as ui_toast_region}

package/dist/looma/p-ecb5739b.entry.js

@@ -1 +0,0 @@
-import{r as i,g as o,h as a,H as e}from"./p-CEeiinfk.js";import{o as t,c as r,r as s}from"./p-CR7f2MQC.js";import{d as n}from"./p-JwSoedEO.js";const d=class{constructor(o){i(this,o)}get host(){return o(this)}open=!1;defaultOpen=!1;modal=!0;dismissible=!0;internalOpen=!1;overlayId=`ui-dialog-${Math.random().toString(36).slice(2,11)}`;dialogRef;syncFromProp(){this.internalOpen=this.open}syncOpen(){this.dialogRef&&(this.internalOpen?(this.dialogRef.showModal(),t({id:this.overlayId,modal:this.modal,element:this.host,dismissible:this.dismissible,requestClose:(i,o)=>this.handleRequestClose(i,o)})):(this.dialogRef.close(),r(this.overlayId)))}componentDidLoad(){this.syncFromProp(),this.internalOpen=this.internalOpen||this.defaultOpen,this.dialogRef?.addEventListener("close",this.onDialogClose),this.syncOpen()}disconnectedCallback(){this.dialogRef?.removeEventListener("close",this.onDialogClose),r(this.overlayId)}componentDidUpdate(){this.syncOpen()}handleRequestClose(i,o){this.internalOpen=!1,n(this.host,"close",{open:!1,reason:i,trigger:o})}onDialogClose=()=>{this.internalOpen&&(this.internalOpen=!1,r(this.overlayId),n(this.host,"close",{open:!1,reason:"programmatic",trigger:"programmatic"}))};onKeydown=i=>{"Escape"===i.key&&s("escape","keyboard")};render(){return a(e,{key:"2a2fcdfa1e3fac5eb3c0e3d6748cebdf388c216d","data-open":this.internalOpen?"":void 0,onKeyDown:this.onKeydown},a("dialog",{key:"c3eef2bb3bec77fa518269fce38c19c2ededda49",ref:i=>this.dialogRef=i,open:this.internalOpen},a("slot",{key:"9ae5c30d57096184ec287fd9dd134ff566b9fd39"})))}static get watchers(){return{open:[{syncFromProp:0}],internalOpen:[{syncOpen:0}]}}};d.style=":host{display:block}:host:not([open]){display:none}:host dialog{--ui-dialog-duration:var(--ui-motion-base);position:fixed;inset:var(--ui-space-4);width:min(100%, 440px);max-width:min(100%, 440px);margin:auto;padding:var(--ui-space-4);background:var(--ui-surface-elevated);border:1px solid var(--ui-border-default);border-radius:var(--ui-radius-dialog);box-shadow:var(--ui-shadow-dialog);visibility:hidden;pointer-events:none;opacity:0;transform:scale(0.96);transition:opacity var(--ui-dialog-duration) var(--ui-motion-ease),     transform var(--ui-dialog-duration) var(--ui-motion-ease),     visibility var(--ui-dialog-duration),     display var(--ui-dialog-duration) var(--ui-motion-ease) allow-discrete,     overlay var(--ui-dialog-duration) var(--ui-motion-ease) allow-discrete}:host dialog[open]{visibility:visible;pointer-events:auto;opacity:1;transform:scale(1);animation:ui-dialog-enter var(--ui-dialog-duration) var(--ui-motion-ease)}@keyframes ui-dialog-enter{from{opacity:0;transform:scale(0.96)}}:host dialog::backdrop{background-color:transparent;transition:background-color var(--ui-dialog-duration) var(--ui-motion-ease),     display var(--ui-dialog-duration) var(--ui-motion-ease) allow-discrete,     overlay var(--ui-dialog-duration) var(--ui-motion-ease) allow-discrete}:host dialog[open]::backdrop{background-color:var(--ui-overlay-backdrop);animation:ui-dialog-backdrop-enter var(--ui-dialog-duration) var(--ui-motion-ease)}@keyframes ui-dialog-backdrop-enter{from{background-color:transparent}}";export{d as ui_dialog}

package/dist/looma/p-fa4659c4.entry.js

@@ -1 +0,0 @@
-import{r as t,g as o,h as a,H as r}from"./p-CEeiinfk.js";import{i as e}from"./p-JwSoedEO.js";const i=class{constructor(o){t(this,o)}get host(){return o(this)}variant;size;disabled=!1;slotRef;syncToButton(){const t=this.getButton();t&&(this.host.dataset.variant=this.variant||"",this.host.dataset.size=this.size||"",this.host.dataset.disabled=this.disabled?"true":"",t.disabled=this.disabled)}componentDidLoad(){this.slotRef?.addEventListener("slotchange",(()=>this.syncToButton())),this.syncToButton()}componentDidUpdate(){this.syncToButton()}getButton(){const t=this.host.shadowRoot?.querySelector("slot");return(t?.assignedElements()??Array.from(this.host.children)).find((t=>"BUTTON"===t.tagName))??null}onKeydown=t=>{this.getButton()||this.disabled||!e(t)||(t.preventDefault(),this.host.click())};render(){return a(r,{key:"01011aa13228b9e8d10ed11b99c95ef1df91326d","data-variant":this.variant||void 0,"data-size":this.size||void 0,"data-disabled":this.disabled?"":void 0,onKeyDown:this.onKeydown},a("slot",{key:"2bf0274d2732ea46fdf016a46d85bbe6e0d96bba",ref:t=>this.slotRef=t}))}static get watchers(){return{variant:[{syncToButton:0}],size:[{syncToButton:0}],disabled:[{syncToButton:0}]}}};i.style=":host{display:inline-flex;vertical-align:middle;color:var(--ui-text-primary)}::slotted(button){appearance:none;border:1px solid var(--ui-border-default);border-radius:var(--ui-radius-2);background:var(--ui-surface-default);color:inherit;font:inherit;font-weight:var(--ui-font-medium, 500);line-height:var(--ui-line-height-tight);padding:var(--ui-space-2) var(--ui-space-3);cursor:pointer;transition:background-color var(--ui-motion-fast) var(--ui-motion-ease),     border-color var(--ui-motion-fast) var(--ui-motion-ease),     color var(--ui-motion-fast) var(--ui-motion-ease),     box-shadow var(--ui-motion-fast) var(--ui-motion-ease);margin:0}:host([data-size='sm'])::slotted(button){padding:var(--ui-space-1) var(--ui-space-2);font-size:0.875rem}:host([data-size='lg'])::slotted(button){padding:var(--ui-space-3) var(--ui-space-4);font-size:1rem}::slotted(button:hover:enabled){background:var(--ui-surface-muted);border-color:var(--ui-border-strong)}::slotted(button:active:enabled){background:var(--ui-surface-subtle)}:host([data-variant='solid'])::slotted(button){border-color:var(--ui-accent-solid);background:var(--ui-accent-solid);color:var(--ui-text-on-accent);box-shadow:var(--ui-shadow-xs)}:host([data-variant='solid'])::slotted(button:hover:enabled){background:var(--ui-accent-hover);border-color:var(--ui-accent-hover);box-shadow:var(--ui-shadow-sm)}:host([data-variant='solid'])::slotted(button:active:enabled){background:var(--ui-accent-active);border-color:var(--ui-accent-active);box-shadow:none}:host([data-variant='destructive'])::slotted(button){border-color:var(--ui-danger-solid);background:var(--ui-danger-solid);color:var(--ui-text-on-accent);box-shadow:var(--ui-shadow-xs)}:host([data-variant='destructive'])::slotted(button:hover:enabled){background:var(--ui-danger-hover);border-color:var(--ui-danger-hover);box-shadow:var(--ui-shadow-sm)}:host([data-variant='ghost'])::slotted(button){border-color:transparent;background:transparent}:host([data-variant='ghost'])::slotted(button:hover:enabled){background:var(--ui-surface-muted);border-color:transparent}:host([data-variant='ghost'])::slotted(button:active:enabled){background:var(--ui-surface-subtle);border-color:transparent}::slotted(button:focus-visible){outline:2px solid var(--ui-focus-ring);outline-offset:2px}::slotted(button:disabled),:host([data-disabled]){opacity:0.6;cursor:not-allowed}";export{i as ui_button}

package/dist/ui-button.entry-LNJBEJFE.js

@@ -1,72 +0,0 @@
-import {
-  isActivationKey
-} from "./chunk-UL7UIUJZ.js";
-import {
-  Host,
-  getElement,
-  h,
-  registerInstance
-} from "./chunk-YK4MTZGJ.js";
-
-// dist/esm/ui-button.entry.js
-var uiButtonCss = () => `:host{display:inline-flex;vertical-align:middle;color:var(--ui-text-primary)}::slotted(button){appearance:none;border:1px solid var(--ui-border-default);border-radius:var(--ui-radius-2);background:var(--ui-surface-default);color:inherit;font:inherit;font-weight:var(--ui-font-medium, 500);line-height:var(--ui-line-height-tight);padding:var(--ui-space-2) var(--ui-space-3);cursor:pointer;transition:background-color var(--ui-motion-fast) var(--ui-motion-ease),     border-color var(--ui-motion-fast) var(--ui-motion-ease),     color var(--ui-motion-fast) var(--ui-motion-ease),     box-shadow var(--ui-motion-fast) var(--ui-motion-ease);margin:0}:host([data-size='sm'])::slotted(button){padding:var(--ui-space-1) var(--ui-space-2);font-size:0.875rem}:host([data-size='lg'])::slotted(button){padding:var(--ui-space-3) var(--ui-space-4);font-size:1rem}::slotted(button:hover:enabled){background:var(--ui-surface-muted);border-color:var(--ui-border-strong)}::slotted(button:active:enabled){background:var(--ui-surface-subtle)}:host([data-variant='solid'])::slotted(button){border-color:var(--ui-accent-solid);background:var(--ui-accent-solid);color:var(--ui-text-on-accent);box-shadow:var(--ui-shadow-xs)}:host([data-variant='solid'])::slotted(button:hover:enabled){background:var(--ui-accent-hover);border-color:var(--ui-accent-hover);box-shadow:var(--ui-shadow-sm)}:host([data-variant='solid'])::slotted(button:active:enabled){background:var(--ui-accent-active);border-color:var(--ui-accent-active);box-shadow:none}:host([data-variant='destructive'])::slotted(button){border-color:var(--ui-danger-solid);background:var(--ui-danger-solid);color:var(--ui-text-on-accent);box-shadow:var(--ui-shadow-xs)}:host([data-variant='destructive'])::slotted(button:hover:enabled){background:var(--ui-danger-hover);border-color:var(--ui-danger-hover);box-shadow:var(--ui-shadow-sm)}:host([data-variant='ghost'])::slotted(button){border-color:transparent;background:transparent}:host([data-variant='ghost'])::slotted(button:hover:enabled){background:var(--ui-surface-muted);border-color:transparent}:host([data-variant='ghost'])::slotted(button:active:enabled){background:var(--ui-surface-subtle);border-color:transparent}::slotted(button:focus-visible){outline:2px solid var(--ui-focus-ring);outline-offset:2px}::slotted(button:disabled),:host([data-disabled]){opacity:0.6;cursor:not-allowed}`;
-var UIButton = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-  }
-  get host() {
-    return getElement(this);
-  }
-  variant;
-  size;
-  disabled = false;
-  slotRef;
-  syncToButton() {
-    const btn = this.getButton();
-    if (!btn)
-      return;
-    this.host.dataset.variant = this.variant || "";
-    this.host.dataset.size = this.size || "";
-    this.host.dataset.disabled = this.disabled ? "true" : "";
-    btn.disabled = this.disabled;
-  }
-  componentDidLoad() {
-    this.slotRef?.addEventListener("slotchange", () => this.syncToButton());
-    this.syncToButton();
-  }
-  componentDidUpdate() {
-    this.syncToButton();
-  }
-  getButton() {
-    const slot = this.host.shadowRoot?.querySelector("slot");
-    const nodes = slot?.assignedElements() ?? Array.from(this.host.children);
-    return nodes.find((el) => el.tagName === "BUTTON") ?? null;
-  }
-  onKeydown = (e) => {
-    const btn = this.getButton();
-    if (btn || this.disabled || !isActivationKey(e))
-      return;
-    e.preventDefault();
-    this.host.click();
-  };
-  render() {
-    return h(Host, { key: "01011aa13228b9e8d10ed11b99c95ef1df91326d", "data-variant": this.variant || void 0, "data-size": this.size || void 0, "data-disabled": this.disabled ? "" : void 0, onKeyDown: this.onKeydown }, h("slot", { key: "2bf0274d2732ea46fdf016a46d85bbe6e0d96bba", ref: (el) => this.slotRef = el }));
-  }
-  static get watchers() {
-    return {
-      "variant": [{
-        "syncToButton": 0
-      }],
-      "size": [{
-        "syncToButton": 0
-      }],
-      "disabled": [{
-        "syncToButton": 0
-      }]
-    };
-  }
-};
-UIButton.style = uiButtonCss();
-export {
-  UIButton as ui_button
-};