@threadlabs/looma 0.1.2 → 0.1.3

package/dist/{ui-form-field.entry-73YOVICF.js → ui-form-field.entry-DZSNUUXG.js}

@@ -6,7 +6,7 @@ import {
   getElement,
   h,
   registerInstance
-} from "./chunk-YK4MTZGJ.js";
+} from "./chunk-UDP2LUZ2.js";
 
 // dist/esm/ui-form-field.entry.js
 var uiFormFieldCss = () => `:host{display:grid;gap:var(--ui-space-2);color:var(--ui-text-primary)}::slotted(label){color:var(--ui-text-secondary);font-size:0.95rem}::slotted([data-slot='help']){color:var(--ui-text-muted);font-size:0.875rem}::slotted([data-slot='error']),::slotted([role='alert']){color:var(--ui-accent-active);font-size:0.875rem}`;

package/dist/{ui-icon-button.entry-MNXGPG36.js → ui-icon-button.entry-QKEQNOKJ.js}

@@ -2,7 +2,7 @@ import {
   Host,
   h,
   registerInstance
-} from "./chunk-YK4MTZGJ.js";
+} from "./chunk-UDP2LUZ2.js";
 
 // dist/esm/ui-icon-button.entry.js
 var uiIconButtonCss = () => `:host{display:inline-flex;color:var(--ui-text-secondary)}button{appearance:none;inline-size:var(--ui-icon-button-size, 2.5rem);block-size:var(--ui-icon-button-size, 2.5rem);min-inline-size:var(--ui-icon-button-size, 2.5rem);min-block-size:var(--ui-icon-button-size, 2.5rem);padding:0;margin:0;border:1px solid transparent;border-radius:var(--ui-icon-button-radius, var(--ui-radius-2));background:var(--ui-icon-button-bg, transparent);color:inherit;display:inline-flex;align-items:center;justify-content:center;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),     transform var(--ui-motion-fast) var(--ui-motion-ease)}:host([size='sm']) button{inline-size:var(--ui-icon-button-size-sm, 2rem);block-size:var(--ui-icon-button-size-sm, 2rem);min-inline-size:var(--ui-icon-button-size-sm, 2rem);min-block-size:var(--ui-icon-button-size-sm, 2rem)}:host([size='lg']) button{inline-size:var(--ui-icon-button-size-lg, 2.75rem);block-size:var(--ui-icon-button-size-lg, 2.75rem);min-inline-size:var(--ui-icon-button-size-lg, 2.75rem);min-block-size:var(--ui-icon-button-size-lg, 2.75rem)}:host([variant='outline']) button{border-color:var(--ui-icon-button-border, var(--ui-border-default));background:var(--ui-icon-button-outline-bg, var(--ui-surface-default));color:var(--ui-icon-button-outline-color, var(--ui-text-primary))}:host([variant='solid']) button{background:var(--ui-icon-button-solid-bg, var(--ui-accent-solid));color:var(--ui-icon-button-solid-color, var(--ui-text-on-accent));box-shadow:var(     --ui-icon-button-solid-shadow,     0 1px 2px color-mix(in srgb, var(--ui-accent-solid) 18%, transparent)   )}button:hover:enabled{background:var(--ui-icon-button-hover-bg, var(--ui-surface-muted));color:var(--ui-icon-button-hover-color, var(--ui-text-primary))}:host([variant='outline']) button:hover:enabled{border-color:var(--ui-icon-button-hover-border, var(--ui-border-strong))}:host([variant='solid']) button:hover:enabled{background:var(--ui-icon-button-solid-hover-bg, var(--ui-accent-hover))}button:active:enabled{transform:scale(var(--ui-icon-button-active-scale, 0.96))}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-icon-button-icon-size, 1.125rem);block-size:var(--ui-icon-button-icon-size, 1.125rem);flex-shrink:0;stroke-width:var(--ui-icon-button-icon-stroke-width, 1.75)}`;

package/dist/{ui-input.entry-UWRVAOSW.js → ui-input.entry-BI74QOJP.js}

@@ -7,7 +7,7 @@ import {
   getElement,
   h,
   registerInstance
-} from "./chunk-YK4MTZGJ.js";
+} from "./chunk-UDP2LUZ2.js";
 
 // dist/esm/ui-input.entry.js
 var uiInputCss = () => `:host{display:inline-flex;color:var(--ui-text-primary)}::slotted(input){width:100%;appearance:none;border:1px solid var(--ui-border-default);border-radius:var(--ui-radius-2);background:var(--ui-surface-default);color:inherit;font:inherit;line-height:var(--ui-line-height-md);padding:var(--ui-space-2) var(--ui-space-3);margin:0;transition:border-color var(--ui-motion-fast) var(--ui-motion-ease),     box-shadow var(--ui-motion-fast) var(--ui-motion-ease),     background-color var(--ui-motion-fast) var(--ui-motion-ease)}::slotted(input:hover:not(:focus):not(:disabled)){border-color:var(--ui-border-strong)}::slotted(input:focus){border-color:var(--ui-focus-ring);box-shadow:0 0 0 3px var(--ui-accent-soft)}:host([data-invalid='true'])::slotted(input),::slotted(input[aria-invalid='true']){border-color:var(--ui-accent-active)}::slotted(input:disabled){background:var(--ui-surface-muted);color:var(--ui-text-muted);cursor:not-allowed}::slotted(input:focus-visible){outline:2px solid var(--ui-focus-ring);outline-offset:2px}`;

package/dist/{ui-menu-item.entry-5AOJO5MP.js → ui-menu-item.entry-GB462MWK.js}

@@ -2,7 +2,7 @@ import {
   Host,
   h,
   registerInstance
-} from "./chunk-YK4MTZGJ.js";
+} from "./chunk-UDP2LUZ2.js";
 
 // dist/esm/ui-menu-item.entry.js
 var uiMenuItemCss = () => `:host{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)}:host(:hover:not([aria-disabled='true']):not([disabled])){background:var(--ui-surface-subtle)}:host([aria-disabled='true']),:host([disabled]){opacity:0.6;cursor:not-allowed}`;

package/dist/{ui-menu.entry-YDS6UMB5.js → ui-menu.entry-RUJ5XZ7Y.js}

@@ -7,7 +7,7 @@ import {
   getElement,
   h,
   registerInstance
-} from "./chunk-YK4MTZGJ.js";
+} from "./chunk-UDP2LUZ2.js";
 
 // dist/esm/ui-menu.entry.js
 var uiMenuCss = () => `: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}`;

package/dist/{ui-popover.entry-PGWDCQIX.js → ui-popover.entry-QW26NSSB.js}

@@ -11,7 +11,7 @@ import {
   getElement,
   h,
   registerInstance
-} from "./chunk-YK4MTZGJ.js";
+} from "./chunk-UDP2LUZ2.js";
 
 // dist/esm/ui-popover.entry.js
 var uiPopoverCss = () => `: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)}`;

package/dist/{ui-radio-group.entry-RHP5GNWU.js → ui-radio-group.entry-LC2BSS35.js}

@@ -7,7 +7,7 @@ import {
   getElement,
   h,
   registerInstance
-} from "./chunk-YK4MTZGJ.js";
+} from "./chunk-UDP2LUZ2.js";
 
 // dist/esm/ui-radio-group.entry.js
 var uiRadioGroupCss = () => `:host{display:inline-flex;align-items:center;gap:var(--ui-space-2)}:host([data-orientation='vertical']){display:inline-grid;justify-items:start}`;

package/dist/{ui-radio.entry-5WRWPSTK.js → ui-radio.entry-2RQD4K5L.js}

@@ -7,7 +7,7 @@ import {
   getElement,
   h,
   registerInstance
-} from "./chunk-YK4MTZGJ.js";
+} from "./chunk-UDP2LUZ2.js";
 
 // dist/esm/ui-radio.entry.js
 var uiRadioCss = () => `:host{display:inline-flex;align-items:center;gap:var(--ui-space-2);color:var(--ui-text-primary)}:host([data-disabled='true']),:host([aria-disabled='true']){opacity:0.6;cursor:not-allowed}::slotted(input[type='radio']){accent-color:var(--ui-accent-solid);cursor:pointer}::slotted(input[type='radio']:focus-visible){outline:2px solid var(--ui-accent-solid);outline-offset:2px}`;

package/dist/{ui-search-result-row.entry-IKJB2SJJ.js → ui-search-result-row.entry-BAHYKCAZ.js}

@@ -2,7 +2,7 @@ import {
   Host,
   h,
   registerInstance
-} from "./chunk-YK4MTZGJ.js";
+} from "./chunk-UDP2LUZ2.js";
 
 // dist/esm/ui-search-result-row.entry.js
 var uiSearchResultRowCss = () => `:host{display:block}.search-result-row{appearance:none;inline-size:100%;min-block-size:var(--ui-search-result-row-min-height, 56px);margin:0;padding-block:var(--ui-search-result-row-padding-block, var(--ui-space-3, 0.75rem));padding-inline:var(--ui-search-result-row-padding-inline, var(--ui-space-4, 1rem));display:flex;align-items:flex-start;gap:var(--ui-search-result-row-gap, var(--ui-space-3, 0.75rem));background:var(--ui-search-result-row-bg, transparent);border:none;border-block-end:1px solid var(--ui-search-result-row-border, var(--ui-border, #e5e7eb));color:inherit;cursor:pointer;text-align:left;transition:background-color var(--ui-motion-fast, 160ms) var(--ui-motion-ease, ease)}:host(:last-child) .search-result-row{border-block-end:none}.search-result-row:hover:enabled{background:var(--ui-search-result-row-hover-bg, color-mix(in srgb, var(--ui-surface, #ffffff) 85%, black 3%))}:host([selected]) .search-result-row{background:var(     --ui-search-result-row-selected-bg,     var(--ui-search-result-row-hover-bg, color-mix(in srgb, var(--ui-surface, #ffffff) 85%, black 3%))   )}.search-result-row:focus-visible{outline:2px solid var(--ui-focus-ring, #2563eb);outline-offset:-2px}.search-result-row:disabled,:host([disabled]) .search-result-row{opacity:0.6;cursor:not-allowed}.search-result-row__leading,.search-result-row__trailing{display:inline-flex;align-items:flex-start;flex-shrink:0}.search-result-row__content{min-inline-size:0;flex:1;display:flex;flex-direction:column}.search-result-row__title,.search-result-row__meta,.search-result-row__excerpt{display:block;min-inline-size:0}[hidden]{display:none}::slotted([slot='title']),::slotted([slot='meta']),::slotted([slot='excerpt']){display:block;margin:0}`;

package/dist/{ui-search-shell.entry-ZIWF4ZHH.js → ui-search-shell.entry-PW2AF6HX.js}

@@ -1,7 +1,7 @@
 import {
   h,
   registerInstance
-} from "./chunk-YK4MTZGJ.js";
+} from "./chunk-UDP2LUZ2.js";
 
 // dist/esm/ui-search-shell.entry.js
 var uiSearchShellCss = () => `:host{position:fixed;inset:0;z-index:var(--ui-search-shell-z-index, 400);display:block}.search-shell{position:absolute;inset:0;display:flex;align-items:flex-start;justify-content:center;padding-block-start:var(--ui-search-shell-padding-top, 10vh)}.search-shell__panel{position:relative;inline-size:min(     calc(100% - (var(--ui-search-shell-margin-inline, var(--ui-space-4, 1rem)) * 2)),     var(--ui-search-shell-max-width, 640px)   );max-block-size:var(--ui-search-shell-max-height, 80vh);display:flex;flex-direction:column;overflow:hidden;background:var(--ui-search-shell-bg, var(--ui-surface, #ffffff));border:1px solid var(--ui-search-shell-border, var(--ui-border, #e5e7eb));border-radius:var(--ui-search-shell-radius, var(--ui-radius-xl, 1rem));box-shadow:var(--ui-search-shell-shadow, var(--ui-shadow-lg, 0 8px 24px rgba(0, 0, 0, 0.12)))}.search-shell__search,.search-shell__status,.search-shell__footer{flex-shrink:0}.search-shell__body{flex:1;min-block-size:0}[hidden]{display:none}@media (max-width: 767px){.search-shell{padding-block-start:0;align-items:stretch}.search-shell__panel{inline-size:100%;max-block-size:100dvh;border-radius:0;border-inline:none;border-block-start:none}}`;

package/dist/{ui-select.entry-N5TIKHR7.js → ui-select.entry-NHWCGJQH.js}

@@ -7,7 +7,7 @@ import {
   getElement,
   h,
   registerInstance
-} from "./chunk-YK4MTZGJ.js";
+} from "./chunk-UDP2LUZ2.js";
 
 // dist/esm/ui-select.entry.js
 var uiSelectCss = () => `:host{display:inline-flex;color:var(--ui-text-primary)}::slotted(select){width:100%;appearance:none;border:1px solid var(--ui-border-default);border-radius:var(--ui-radius-2);background-color:var(--ui-surface-default);color:inherit;font:inherit;line-height:var(--ui-line-height-md);padding-block:var(--ui-select-padding-block, var(--ui-space-2));padding-inline-start:var(--ui-select-padding-inline-start, var(--ui-space-3));padding-inline-end:var(--ui-select-padding-inline-end, calc(var(--ui-space-6) + var(--ui-space-3)));margin:0;background-image:linear-gradient(45deg, transparent 50%, currentColor 50%),     linear-gradient(135deg, currentColor 50%, transparent 50%);background-position:calc(100% - 1rem) calc(50% - 2px),     calc(100% - 0.7rem) calc(50% - 2px);background-size:0.35rem 0.35rem, 0.35rem 0.35rem;background-repeat:no-repeat;transition:border-color var(--ui-motion-fast) var(--ui-motion-ease),     box-shadow var(--ui-motion-fast) var(--ui-motion-ease),     background-color var(--ui-motion-fast) var(--ui-motion-ease)}::slotted(select:hover:not(:focus):not(:disabled)){border-color:var(--ui-border-strong)}::slotted(select:focus){border-color:var(--ui-focus-ring);box-shadow:0 0 0 3px var(--ui-accent-soft)}:host([data-invalid='true'])::slotted(select),::slotted(select[aria-invalid='true']){border-color:var(--ui-accent-active)}::slotted(select:disabled){background-color:var(--ui-surface-muted);color:var(--ui-text-muted);cursor:not-allowed}::slotted(select:focus-visible){outline:2px solid var(--ui-focus-ring);outline-offset:2px}::slotted(select[multiple]),::slotted(select[size]:not([size='1'])){background-image:none;padding-inline-end:var(--ui-select-padding-inline-start, var(--ui-space-3))}`;

package/dist/{ui-switch.entry-WUSZTXIR.js → ui-switch.entry-76KOUHCH.js}

@@ -6,7 +6,7 @@ import {
   getElement,
   h,
   registerInstance
-} from "./chunk-YK4MTZGJ.js";
+} from "./chunk-UDP2LUZ2.js";
 
 // dist/esm/ui-switch.entry.js
 var uiSwitchCss = () => `:host{display:inline-flex;align-items:center;gap:var(--ui-space-2);color:var(--ui-text-primary)}:host([aria-disabled='true']),:host([data-disabled='true']){opacity:0.6;cursor:not-allowed}:host([role='switch']){cursor:pointer}:host input[type='checkbox']{appearance:none;-webkit-appearance:none;display:block;position:relative;width:2.25rem;height:1.25rem;padding:0;border:1px solid var(--ui-border-default);border-radius:999px;background:var(--ui-surface-muted);cursor:pointer;transition:background-color var(--ui-motion-fast) var(--ui-motion-ease),     border-color var(--ui-motion-fast) var(--ui-motion-ease);margin:0}:host input[type='checkbox']::after{content:'';position:absolute;top:2px;left:2px;width:0.875rem;height:0.875rem;border-radius:999px;background:var(--ui-surface-default);border:1px solid var(--ui-border-default);transition:transform var(--ui-motion-fast) var(--ui-motion-ease)}:host input[type='checkbox']:checked{background:var(--ui-accent-solid);border-color:var(--ui-accent-solid)}:host input[type='checkbox']:checked::after{transform:translateX(calc(2.25rem - 0.875rem - 4px));background:var(--ui-text-on-accent);border-color:var(--ui-text-on-accent)}:host input[type='checkbox']:focus-visible{outline:2px solid var(--ui-accent-solid);outline-offset:2px}`;

package/dist/{ui-tabs.entry-UFAVAQIF.js → ui-tabs.entry-5PZGTNKM.js}

@@ -7,7 +7,7 @@ import {
   getElement,
   h,
   registerInstance
-} from "./chunk-YK4MTZGJ.js";
+} from "./chunk-UDP2LUZ2.js";
 
 // dist/esm/ui-tabs.entry.js
 var uiTabsCss = () => `:host{display:flex;flex-direction:column;gap:0}:host([data-orientation='vertical']){flex-direction:row}::slotted([role='tablist']){display:flex;gap:0;border-bottom:1px solid var(--ui-border-default)}:host([data-orientation='vertical']) ::slotted([role='tablist']){flex-direction:column;border-bottom:none;border-inline-end:1px solid var(--ui-border-default)}::slotted(button[role='tab']),::slotted([role='tab']),::slotted(ui-button) button[role='tab']{padding:var(--ui-space-2) var(--ui-space-3);font-size:var(--ui-font-size-sm);font-weight:var(--ui-font-medium, 500);color:var(--ui-text-secondary);background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-1px;cursor:pointer;transition:color var(--ui-motion-fast) var(--ui-motion-ease);box-shadow:none}::slotted(button[role='tab']:hover),::slotted([role='tab']:hover){color:var(--ui-text-primary)}::slotted(button[role='tab'][aria-selected='true']),::slotted([role='tab'][aria-selected='true']){color:var(--ui-accent-solid);border-bottom-color:var(--ui-accent-solid)}:host([data-orientation='vertical']) ::slotted(button[role='tab']),:host([data-orientation='vertical']) ::slotted([role='tab']){border-bottom:none;border-inline-end:2px solid transparent;margin-bottom:0;margin-inline-end:-1px}:host([data-orientation='vertical']) ::slotted(button[role='tab'][aria-selected='true']),:host([data-orientation='vertical']) ::slotted([role='tab'][aria-selected='true']){border-inline-end-color:var(--ui-accent-solid)}::slotted([role='tabpanel']){padding:var(--ui-space-4)}`;

package/dist/{ui-textarea.entry-BYT47RAQ.js → ui-textarea.entry-IQHQHO3L.js}

@@ -7,7 +7,7 @@ import {
   getElement,
   h,
   registerInstance
-} from "./chunk-YK4MTZGJ.js";
+} from "./chunk-UDP2LUZ2.js";
 
 // dist/esm/ui-textarea.entry.js
 var uiTextareaCss = () => `:host{display:inline-flex;color:var(--ui-text-primary)}::slotted(textarea){width:100%;appearance:none;border:1px solid var(--ui-border-default);border-radius:var(--ui-radius-2);background:var(--ui-surface-default);color:inherit;font:inherit;line-height:var(--ui-line-height-md);min-block-size:calc(var(--ui-space-12, 3rem) * 2);padding:var(--ui-space-2) var(--ui-space-3);margin:0;resize:vertical;transition:border-color var(--ui-motion-fast) var(--ui-motion-ease),     box-shadow var(--ui-motion-fast) var(--ui-motion-ease),     background-color var(--ui-motion-fast) var(--ui-motion-ease)}::slotted(textarea:hover:not(:focus):not(:disabled)){border-color:var(--ui-border-strong)}::slotted(textarea:focus){border-color:var(--ui-focus-ring);box-shadow:0 0 0 3px var(--ui-accent-soft)}:host([data-invalid='true'])::slotted(textarea),::slotted(textarea[aria-invalid='true']){border-color:var(--ui-accent-active)}::slotted(textarea:disabled){background:var(--ui-surface-muted);color:var(--ui-text-muted);cursor:not-allowed}::slotted(textarea:focus-visible){outline:2px solid var(--ui-focus-ring);outline-offset:2px}`;

package/dist/{ui-toast-region.entry-6UYR3ZU2.js → ui-toast-region.entry-2LT2RTPJ.js}

@@ -7,7 +7,7 @@ import {
   getElement,
   h,
   registerInstance
-} from "./chunk-YK4MTZGJ.js";
+} from "./chunk-UDP2LUZ2.js";
 
 // dist/esm/ui-toast-region.entry.js
 var uiToastRegionCss = () => `: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}`;

package/dist/{ui-tooltip.entry-YS7UX4FS.js → ui-tooltip.entry-42V5BSUT.js}

@@ -11,7 +11,7 @@ import {
   getElement,
   h,
   registerInstance
-} from "./chunk-YK4MTZGJ.js";
+} from "./chunk-UDP2LUZ2.js";
 
 // dist/esm/ui-tooltip.entry.js
 var uiTooltipCss = () => `:host{display:inline-block;border:1px solid var(--ui-border-default);border-radius:var(--ui-radius-2);background:var(--ui-surface-elevated);color:var(--ui-text-primary);padding:var(--ui-space-2) var(--ui-space-3);font-size:var(--ui-font-size-sm);box-shadow:var(--ui-shadow-md)}:host([hidden]){display:none !important}`;

package/dist/{ui-top-bar.entry-V27H6NFO.js → ui-top-bar.entry-UZTSRNFZ.js}

@@ -3,7 +3,7 @@ import {
   getElement,
   h,
   registerInstance
-} from "./chunk-YK4MTZGJ.js";
+} from "./chunk-UDP2LUZ2.js";
 
 // dist/esm/ui-top-bar.entry.js
 var uiTopBarCss = () => `: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}}`;

package/editor/{chunk-PQAV4KXC.js → chunk-CWCXYQMT.js}

@@ -543,18 +543,18 @@ if (typeof HTMLElement !== "undefined") {
         return;
       }
       let html = '<div class="ui-editor-table-overlay" aria-label="Table insertion controls">';
-      html += `<div class="ui-editor-table-overlay__rows" style="--ui-editor-table-overlay-row-boundaries:${this.#rows + 1};">`;
+      html += '<div class="ui-editor-table-overlay__rows">';
       for (let i = 0; i <= this.#rows; i++) {
         const action = i === 0 ? "add-row-before" : "add-row-after";
         const controlKey = `row:${i}`;
-        html += `<button type="button" class="ui-editor-table-overlay__control ui-editor-table-overlay__control--row" data-action="${action}" data-boundary-index="${i}" data-control-key="${controlKey}" data-active="${this.#activeControlKey === controlKey ? "true" : "false"}" aria-label="Add row"><span class="ui-editor-table-overlay__handle" aria-hidden="true">+</span></button>`;
+        html += `<button type="button" class="ui-editor-table-overlay__control ui-editor-table-overlay__control--row" style="--ui-editor-table-overlay-boundary-index:${i};--ui-editor-table-overlay-segments:${this.#rows};" data-action="${action}" data-boundary-index="${i}" data-control-key="${controlKey}" data-active="${this.#activeControlKey === controlKey ? "true" : "false"}" aria-label="Add row"><span class="ui-editor-table-overlay__handle" aria-hidden="true">+</span></button>`;
       }
       html += "</div>";
-      html += `<div class="ui-editor-table-overlay__cols" style="--ui-editor-table-overlay-col-boundaries:${this.#cols + 1};">`;
+      html += '<div class="ui-editor-table-overlay__cols">';
       for (let i = 0; i <= this.#cols; i++) {
         const action = i === 0 ? "add-column-before" : "add-column-after";
         const controlKey = `col:${i}`;
-        html += `<button type="button" class="ui-editor-table-overlay__control ui-editor-table-overlay__control--col" data-action="${action}" data-boundary-index="${i}" data-control-key="${controlKey}" data-active="${this.#activeControlKey === controlKey ? "true" : "false"}" aria-label="Add column"><span class="ui-editor-table-overlay__handle" aria-hidden="true">+</span></button>`;
+        html += `<button type="button" class="ui-editor-table-overlay__control ui-editor-table-overlay__control--col" style="--ui-editor-table-overlay-boundary-index:${i};--ui-editor-table-overlay-segments:${this.#cols};" data-action="${action}" data-boundary-index="${i}" data-control-key="${controlKey}" data-active="${this.#activeControlKey === controlKey ? "true" : "false"}" aria-label="Add column"><span class="ui-editor-table-overlay__handle" aria-hidden="true">+</span></button>`;
       }
       html += "</div>";
       html += "</div>";

package/editor/index.js

@@ -1,4 +1,4 @@
-import "./chunk-PQAV4KXC.js";
+import "./chunk-CWCXYQMT.js";
 import {
   LoomaTable,
   LoomaTableCell,

package/editor/ui.js

@@ -1 +1 @@
-import "./chunk-PQAV4KXC.js";
+import "./chunk-CWCXYQMT.js";

package/editor.css

@@ -37,6 +37,21 @@ ui-editor-toolbar::-webkit-scrollbar {
   display: none;
 }
 
+ui-editor-toolbar[floating] {
+  position: static;
+  top: auto;
+  width: max-content;
+  max-width: min(calc(100vw - 24px), 100%);
+  min-height: auto;
+  padding: var(--ui-editor-toolbar-floating-padding, 4px);
+  overflow-x: visible;
+  background: color-mix(in srgb, var(--ui-editor-toolbar-bg, var(--ui-surface, #fff)) 96%, transparent);
+  border: 1px solid var(--ui-editor-toolbar-border, var(--ui-border, #e5e7eb));
+  border-radius: var(--ui-editor-toolbar-floating-radius, var(--ui-radius-lg, 10px));
+  box-shadow: var(--ui-editor-toolbar-floating-shadow, var(--ui-shadow-lg, 0 10px 24px rgb(0 0 0 / 0.12)));
+  backdrop-filter: blur(10px);
+}
+
 @media (max-width: 767px) {
   ui-editor-toolbar {
     position: fixed;
@@ -49,6 +64,15 @@ ui-editor-toolbar::-webkit-scrollbar {
     border-bottom: none;
     box-shadow: var(--ui-editor-toolbar-mobile-shadow, 0 -2px 8px rgb(0 0 0 / 0.06));
   }
+
+  ui-editor-toolbar[floating] {
+    position: static;
+    inset: auto;
+    min-height: auto;
+    border: 1px solid var(--ui-editor-toolbar-border, var(--ui-border, #e5e7eb));
+    border-radius: var(--ui-editor-toolbar-floating-radius, var(--ui-radius-lg, 10px));
+    box-shadow: var(--ui-editor-toolbar-floating-shadow, var(--ui-shadow-lg, 0 10px 24px rgb(0 0 0 / 0.12)));
+  }
 }
 
 .ui-editor-toolbar__divider {
@@ -212,12 +236,13 @@ ui-editor-toolbar::-webkit-scrollbar {
 
 /* Table context menu */
 .ui-editor-table-context-menu {
-  min-width: 12rem;
+  min-width: 14rem;
+  max-width: min(17rem, calc(100vw - 24px));
   max-height: min(28rem, calc(100vh - 24px));
-  padding: var(--ui-space-1, 4px);
+  padding: var(--ui-space-1-5, 6px);
   background: var(--ui-surface, #fff);
   border: 1px solid var(--ui-border, #e5e7eb);
-  border-radius: var(--ui-radius-md, 6px);
+  border-radius: var(--ui-radius-lg, 10px);
   box-shadow: var(--ui-shadow-lg, 0 10px 15px -3px rgb(0 0 0 / 0.1));
   display: flex;
   flex-direction: column;
@@ -230,18 +255,19 @@ ui-editor-toolbar::-webkit-scrollbar {
 .ui-editor-table-context-menu__section {
   display: flex;
   flex-direction: column;
-  gap: 2px;
+  gap: 3px;
 }
 
 .ui-editor-table-context-menu button {
   display: block;
   width: 100%;
   text-align: left;
-  padding: var(--ui-space-2, 8px) var(--ui-space-3, 12px);
+  min-height: 32px;
+  padding: var(--ui-space-1-5, 6px) var(--ui-space-2, 8px);
   border: none;
   border-radius: var(--ui-radius-sm, 4px);
   background: none;
-  font-size: var(--ui-text-sm, 0.875rem);
+  font-size: var(--ui-font-size-sm, 0.875rem);
   cursor: pointer;
   color: var(--ui-text, #111);
 }
@@ -261,7 +287,7 @@ ui-editor-toolbar::-webkit-scrollbar {
 .ui-editor-table-context-menu__swatches {
   display: grid;
   grid-template-columns: repeat(3, minmax(0, 1fr));
-  gap: 4px;
+  gap: 3px;
 }
 
 .ui-editor-table-context-menu__swatch-button {
@@ -300,7 +326,7 @@ ui-editor-toolbar::-webkit-scrollbar {
 }
 
 .ui-editor-table-context-menu__heading {
-  padding: var(--ui-space-1, 4px) var(--ui-space-3, 12px) var(--ui-space-1, 4px) var(--ui-space-2, 8px);
+  padding: var(--ui-space-1, 4px) var(--ui-space-2, 8px);
   font-size: 0.6875rem;
   font-weight: 700;
   letter-spacing: 0.05em;
@@ -330,7 +356,10 @@ ui-editor-toolbar::-webkit-scrollbar {
 .ui-editor-table-toolbar__group {
   display: inline-flex;
   align-items: center;
-  gap: var(--ui-space-1, 4px);
+  gap: 0;
+  overflow: hidden;
+  border: 1px solid var(--ui-border, #e5e7eb);
+  border-radius: var(--ui-radius-md, 6px);
 }
 
 .ui-editor-table-toolbar__sep {
@@ -348,7 +377,7 @@ ui-editor-toolbar::-webkit-scrollbar {
   align-items: center;
   justify-content: center;
   min-height: 32px;
-  border: 1px solid transparent;
+  border: 0;
   border-radius: var(--ui-radius-sm, 4px);
   background: transparent;
   color: var(--ui-text-primary, #111827);
@@ -366,10 +395,22 @@ ui-editor-toolbar::-webkit-scrollbar {
 
 .ui-editor-table-toolbar button[data-active="true"] {
   background: var(--ui-accent-soft, var(--ui-accent-subtle, #e8f0fb));
-  border-color: var(--ui-accent-solid, #0066cc);
   color: var(--ui-accent-active, #003d7a);
 }
 
+.ui-editor-table-toolbar__group button {
+  border-radius: 0;
+}
+
+.ui-editor-table-toolbar__group button + button {
+  border-left: 1px solid var(--ui-border, #e5e7eb);
+}
+
+.ui-editor-table-toolbar__more {
+  border: 1px solid var(--ui-border, #e5e7eb) !important;
+  border-radius: var(--ui-radius-md, 6px) !important;
+}
+
 .ui-editor-table-toolbar button[data-tone="danger"] {
   color: var(--ui-danger, #dc2626);
 }
@@ -489,25 +530,21 @@ ui-editor-toolbar::-webkit-scrollbar {
 .ui-editor-table-overlay__cols {
   pointer-events: none;
   position: absolute;
-  display: grid;
-  gap: 0;
 }
 
 .ui-editor-table-overlay__rows {
   inset: 0;
   width: 100%;
-  grid-template-rows: repeat(var(--ui-editor-table-overlay-row-boundaries, 1), 1fr);
 }
 
 .ui-editor-table-overlay__cols {
   inset: 0;
   height: 100%;
-  grid-template-columns: repeat(var(--ui-editor-table-overlay-col-boundaries, 1), 1fr);
 }
 
 .ui-editor-table-overlay__control {
-  pointer-events: auto;
-  position: relative;
+  pointer-events: none;
+  position: absolute;
   border: none;
   background: none;
   cursor: pointer;
@@ -537,7 +574,7 @@ ui-editor-toolbar::-webkit-scrollbar {
     opacity var(--ui-motion-fast, 120ms) ease,
     transform var(--ui-motion-fast, 120ms) ease,
     color var(--ui-motion-fast, 120ms) ease;
-  pointer-events: none;
+  pointer-events: auto;
 }
 
 .ui-editor-table-overlay__control:is([data-active="true"], :focus-visible) .ui-editor-table-overlay__handle {
@@ -547,11 +584,12 @@ ui-editor-toolbar::-webkit-scrollbar {
 }
 
 .ui-editor-table-overlay__control--row {
-  justify-self: stretch;
-  align-self: center;
+  left: 0;
+  right: 0;
+  top: calc(var(--ui-editor-table-overlay-boundary-index) * 100% / var(--ui-editor-table-overlay-segments));
   width: 100%;
   height: 16px;
-  margin-top: -8px;
+  transform: translateY(-50%);
 }
 
 .ui-editor-table-overlay__control--row .ui-editor-table-overlay__handle {
@@ -582,11 +620,12 @@ ui-editor-toolbar::-webkit-scrollbar {
 }
 
 .ui-editor-table-overlay__control--col {
-  justify-self: center;
-  align-self: stretch;
+  top: 0;
+  bottom: 0;
+  left: calc(var(--ui-editor-table-overlay-boundary-index) * 100% / var(--ui-editor-table-overlay-segments));
   width: 16px;
   height: 100%;
-  margin-left: -8px;
+  transform: translateX(-50%);
 }
 
 .ui-editor-table-overlay__control--col .ui-editor-table-overlay__handle {
@@ -632,6 +671,11 @@ ui-editor-toolbar::-webkit-scrollbar {
   table-layout: fixed;
 }
 
+.ProseMirror table.ProseMirror-selectednode,
+.ProseMirror .tableWrapper.ProseMirror-selectednode {
+  outline: none;
+}
+
 .ProseMirror th,
 .ProseMirror td {
   border: 1px solid var(--ui-border, #e5e7eb);

package/package.json

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

package/styles.css

@@ -187,7 +187,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 +199,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 +223,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;
   }

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);