@latty-ds/web 0.5.0 → 0.6.0

package/dist/components/button/index.js

@@ -266,7 +266,7 @@ var buttonStyles = css`
 import { html } from "lit";
 import { customElement, property as property2 } from "lit/decorators.js";
 
-// src/components/spinner/spineer.styles.ts
+// src/components/spinner/spinner.styles.ts
 import { css as css2 } from "lit";
 var spinnerStyles = css2`
   :host {

package/dist/components/combobox/index.js

@@ -1836,7 +1836,9 @@ var Combobox = class extends ThemeableElement {
     const inputWrap = this.shadowRoot.querySelector(".input-wrap");
     const dropdown = this.shadowRoot.querySelector(".dropdown");
     if (inputWrap && dropdown) {
-      this._floatingCleanup = await openFloating(inputWrap, dropdown, { matchWidth: true });
+      const cleanup = await openFloating(inputWrap, dropdown, { matchWidth: true });
+      if (this.open) this._floatingCleanup = cleanup;
+      else cleanup();
     }
   }
   closeDropdown() {

package/dist/components/date-input/index.js

@@ -2723,8 +2723,11 @@ var DateInput = class extends ThemeableElement {
     const btn = this.shadowRoot?.querySelector("#field-btn");
     const dropdown = this.shadowRoot?.querySelector(".dropdown");
     if (btn && dropdown) {
-      this._floatingCleanup = await openFloating(btn, dropdown);
+      const cleanup = await openFloating(btn, dropdown);
+      if (this._open) this._floatingCleanup = cleanup;
+      else cleanup();
     }
+    if (!this._open) return;
     this._cleanupClickOutside = createClickOutsideHandler(this, () => this._closeDropdown());
   }
   _closeDropdown() {

package/dist/components/dropdown/index.js

@@ -1723,7 +1723,8 @@ var Dropdown = class extends ThemeableElement {
       const menu = this.shadowRoot.querySelector("lt-surface.menu");
       if (menu) {
         openFloating(triggerEl, menu, { placement: this.placement }).then((cleanup) => {
-          this._floatingCleanup = cleanup;
+          if (this.open) this._floatingCleanup = cleanup;
+          else cleanup();
         });
       }
       requestAnimationFrame(() => this._items()[0]?.focus());
@@ -1766,7 +1767,7 @@ var Dropdown = class extends ThemeableElement {
         popover="manual"
         appearance="outlined"
         elevation="2"
-        background-color="--lt-bg-default"
+        background="--lt-bg-default"
         role="menu"
         aria-hidden=${this.open ? "false" : "true"}
       >

package/dist/components/select/index.js

@@ -2024,7 +2024,8 @@ var Select = class extends ThemeableElement {
       const selectTrigger = this.shadowRoot.querySelector(".select-trigger");
       const listbox = this.shadowRoot.querySelector("lt-surface.dropdown");
       openFloating(selectTrigger, listbox, { matchWidth: true }).then((cleanup) => {
-        this._floatingCleanup = cleanup;
+        if (this.isOpen) this._floatingCleanup = cleanup;
+        else cleanup();
       });
     } else {
       this.removeAttribute("open");

package/dist/components/spinner/index.js

@@ -37,7 +37,7 @@ __decorateClass([
 // src/components/spinner/spinner.ts
 import { customElement, property as property2 } from "lit/decorators.js";
 
-// src/components/spinner/spineer.styles.ts
+// src/components/spinner/spinner.styles.ts
 import { css } from "lit";
 var spinnerStyles = css`
   :host {

package/dist/index.cjs

@@ -2000,7 +2000,7 @@ var buttonStyles = i`
   }
 `;
 
-// src/components/spinner/spineer.styles.ts
+// src/components/spinner/spinner.styles.ts
 var spinnerStyles = i`
   :host {
     --lt-spinner-size: var(--lt-spacing-4, 1rem);
@@ -5819,7 +5819,8 @@ var Select = class extends ThemeableElement {
       const selectTrigger = this.shadowRoot.querySelector(".select-trigger");
       const listbox = this.shadowRoot.querySelector("lt-surface.dropdown");
       openFloating(selectTrigger, listbox, { matchWidth: true }).then((cleanup) => {
-        this._floatingCleanup = cleanup;
+        if (this.isOpen) this._floatingCleanup = cleanup;
+        else cleanup();
       });
     } else {
       this.removeAttribute("open");
@@ -9228,7 +9229,8 @@ var Dropdown = class extends ThemeableElement {
       const menu = this.shadowRoot.querySelector("lt-surface.menu");
       if (menu) {
         openFloating(triggerEl, menu, { placement: this.placement }).then((cleanup) => {
-          this._floatingCleanup = cleanup;
+          if (this.open) this._floatingCleanup = cleanup;
+          else cleanup();
         });
       }
       requestAnimationFrame(() => this._items()[0]?.focus());
@@ -9271,7 +9273,7 @@ var Dropdown = class extends ThemeableElement {
         popover="manual"
         appearance="outlined"
         elevation="2"
-        background-color="--lt-bg-default"
+        background="--lt-bg-default"
         role="menu"
         aria-hidden=${this.open ? "false" : "true"}
       >
@@ -11953,8 +11955,11 @@ var DateInput = class extends ThemeableElement {
     const btn = this.shadowRoot?.querySelector("#field-btn");
     const dropdown = this.shadowRoot?.querySelector(".dropdown");
     if (btn && dropdown) {
-      this._floatingCleanup = await openFloating(btn, dropdown);
+      const cleanup = await openFloating(btn, dropdown);
+      if (this._open) this._floatingCleanup = cleanup;
+      else cleanup();
     }
+    if (!this._open) return;
     this._cleanupClickOutside = createClickOutsideHandler(this, () => this._closeDropdown());
   }
   _closeDropdown() {
@@ -12330,7 +12335,9 @@ var Combobox = class extends ThemeableElement {
     const inputWrap = this.shadowRoot.querySelector(".input-wrap");
     const dropdown = this.shadowRoot.querySelector(".dropdown");
     if (inputWrap && dropdown) {
-      this._floatingCleanup = await openFloating(inputWrap, dropdown, { matchWidth: true });
+      const cleanup = await openFloating(inputWrap, dropdown, { matchWidth: true });
+      if (this.open) this._floatingCleanup = cleanup;
+      else cleanup();
     }
   }
   closeDropdown() {

package/dist/index.d.ts

@@ -3,35 +3,10 @@
  *
  * A collection of reusable, accessible web components built with Lit.
  *
- * Available components:
- * - Accordion: Collapsible content using native details/summary
- * - Alert: TODO: describe the Alert component
- * - Button: Interactive button with multiple variants and loading states
- * - Calendar: TODO: describe the Calendar component
- * - Checkbox: Checkbox input with support for indeterminate state
- * - ColorInput: TODO: describe the ColorInput component
- * - Dialog: Modal dialog with backdrop and accessibility features
- * - Dropdown: TODO: describe the Dropdown component
- * - Header: TODO: describe the Header component
- * - IconButton: Accessible icon-only button with ghost, filled, and outlined appearances
- * - Image: TODO: describe the Image component
- * - Link: TODO: describe the Link component
- * - List: Ordered and unordered lists with customizable marker colors
- * - Radio: Radio button for single selection within a group
- * - RadioGroup: Container for managing radio button groups
- * - Switch: Toggle switch with sliding animation
- * - Spinner: Loading indicator with customizable size and color
- * - Textfield: Text input with validation states and password toggle
- * - Select: Dropdown select with customizable options and variants
- * - SidePanel: TODO: describe the SidePanel component
- * - Slider: TODO: describe the Slider component
- * - Snackbar: TODO: describe the Snackbar component
- * - Surface: Container component with elevation and surface styling
- * - Tab: Individual tab element for use within tab groups
- * - TabGroup: Container for managing tabbed interfaces
- * - Table: Data table with sorting and responsive design
- * - Text: TODO: describe the Text component
- * - Tooltip: Floating label anchored to a trigger element
+ * Importing this entry point registers every `lt-*` custom element (see the
+ * `export *` list below for the full set). Each component also has its own
+ * module under `./components/<name>` for granular imports. Per-component docs
+ * live at https://latty-ds — and in each component's source JSDoc.
  *
  * @packageDocumentation
  *

package/dist/index.js

@@ -695,7 +695,7 @@ var buttonStyles = css3`
 import { html as html3 } from "lit";
 import { customElement as customElement3, property as property4 } from "lit/decorators.js";
 
-// src/components/spinner/spineer.styles.ts
+// src/components/spinner/spinner.styles.ts
 import { css as css4 } from "lit";
 var spinnerStyles = css4`
   :host {
@@ -4524,7 +4524,8 @@ var Select = class extends ThemeableElement {
       const selectTrigger = this.shadowRoot.querySelector(".select-trigger");
       const listbox = this.shadowRoot.querySelector("lt-surface.dropdown");
       openFloating(selectTrigger, listbox, { matchWidth: true }).then((cleanup) => {
-        this._floatingCleanup = cleanup;
+        if (this.isOpen) this._floatingCleanup = cleanup;
+        else cleanup();
       });
     } else {
       this.removeAttribute("open");
@@ -7899,7 +7900,8 @@ var Dropdown = class extends ThemeableElement {
       const menu = this.shadowRoot.querySelector("lt-surface.menu");
       if (menu) {
         openFloating(triggerEl, menu, { placement: this.placement }).then((cleanup) => {
-          this._floatingCleanup = cleanup;
+          if (this.open) this._floatingCleanup = cleanup;
+          else cleanup();
         });
       }
       requestAnimationFrame(() => this._items()[0]?.focus());
@@ -7942,7 +7944,7 @@ var Dropdown = class extends ThemeableElement {
         popover="manual"
         appearance="outlined"
         elevation="2"
-        background-color="--lt-bg-default"
+        background="--lt-bg-default"
         role="menu"
         aria-hidden=${this.open ? "false" : "true"}
       >
@@ -10686,8 +10688,11 @@ var DateInput = class extends ThemeableElement {
     const btn = this.shadowRoot?.querySelector("#field-btn");
     const dropdown = this.shadowRoot?.querySelector(".dropdown");
     if (btn && dropdown) {
-      this._floatingCleanup = await openFloating(btn, dropdown);
+      const cleanup = await openFloating(btn, dropdown);
+      if (this._open) this._floatingCleanup = cleanup;
+      else cleanup();
     }
+    if (!this._open) return;
     this._cleanupClickOutside = createClickOutsideHandler(this, () => this._closeDropdown());
   }
   _closeDropdown() {
@@ -11068,7 +11073,9 @@ var Combobox = class extends ThemeableElement {
     const inputWrap = this.shadowRoot.querySelector(".input-wrap");
     const dropdown = this.shadowRoot.querySelector(".dropdown");
     if (inputWrap && dropdown) {
-      this._floatingCleanup = await openFloating(inputWrap, dropdown, { matchWidth: true });
+      const cleanup = await openFloating(inputWrap, dropdown, { matchWidth: true });
+      if (this.open) this._floatingCleanup = cleanup;
+      else cleanup();
     }
   }
   closeDropdown() {

package/dist/manifest.json

@@ -200,6 +200,64 @@
       }
     ]
   },
+  "lt-alert": {
+    "members": [
+      {
+        "name": "variant",
+        "description": "Visual style.",
+        "type": "select",
+        "options": [
+          "default",
+          "success",
+          "warning",
+          "error",
+          "info"
+        ],
+        "default": "default"
+      },
+      {
+        "name": "appearance",
+        "description": "Visual treatment. `filled` uses a tinted background with border, `outlined` uses a white background with border, `solid` uses a solid color background with no border.",
+        "type": "select",
+        "options": [
+          "filled",
+          "outlined",
+          "solid"
+        ],
+        "default": "filled"
+      },
+      {
+        "name": "title",
+        "description": "Optional bold heading above the body content.",
+        "type": "text",
+        "default": ""
+      },
+      {
+        "name": "icon",
+        "description": "Icon to show before the body. Leave empty for auto (shows variant icon for status variants),\nset to `\"none\"` to suppress, or pass any icon name to override.",
+        "type": "icon",
+        "default": ""
+      },
+      {
+        "name": "closable",
+        "description": "Show a dismiss button. Clicking it fires lt-close and removes the element.",
+        "type": "boolean",
+        "default": false
+      },
+      {
+        "name": "background",
+        "description": "Background color override. Accepts a hex value (#1a1a2e) or a CSS token name (--lt-color-primary-600).",
+        "type": "color",
+        "default": ""
+      },
+      {
+        "name": "uppercase",
+        "description": "Renders the title in small caps with wider letter spacing.",
+        "type": "boolean",
+        "default": false
+      }
+    ]
+  },
   "lt-avatar": {
     "members": [
       {
@@ -260,64 +318,6 @@
       }
     ]
   },
-  "lt-alert": {
-    "members": [
-      {
-        "name": "variant",
-        "description": "Visual style.",
-        "type": "select",
-        "options": [
-          "default",
-          "success",
-          "warning",
-          "error",
-          "info"
-        ],
-        "default": "default"
-      },
-      {
-        "name": "appearance",
-        "description": "Visual treatment. `filled` uses a tinted background with border, `outlined` uses a white background with border, `solid` uses a solid color background with no border.",
-        "type": "select",
-        "options": [
-          "filled",
-          "outlined",
-          "solid"
-        ],
-        "default": "filled"
-      },
-      {
-        "name": "title",
-        "description": "Optional bold heading above the body content.",
-        "type": "text",
-        "default": ""
-      },
-      {
-        "name": "icon",
-        "description": "Icon to show before the body. Leave empty for auto (shows variant icon for status variants),\nset to `\"none\"` to suppress, or pass any icon name to override.",
-        "type": "icon",
-        "default": ""
-      },
-      {
-        "name": "closable",
-        "description": "Show a dismiss button. Clicking it fires lt-close and removes the element.",
-        "type": "boolean",
-        "default": false
-      },
-      {
-        "name": "background",
-        "description": "Background color override. Accepts a hex value (#1a1a2e) or a CSS token name (--lt-color-primary-600).",
-        "type": "color",
-        "default": ""
-      },
-      {
-        "name": "uppercase",
-        "description": "Renders the title in small caps with wider letter spacing.",
-        "type": "boolean",
-        "default": false
-      }
-    ]
-  },
   "lt-badge": {
     "members": [
       {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@latty-ds/web",
-  "version": "0.5.0",
+  "version": "0.6.0",
   "description": "Web Components for the Latty design system — framework-agnostic UI components built with Lit",
   "license": "MIT",
   "repository": {
@@ -8,7 +8,7 @@
     "url": "https://github.com/penhold3r/latty-ds.git",
     "directory": "packages/web"
   },
-  "homepage": "https://penhold3r.github.io/latty-ds",
+  "homepage": "https://latty-ds.com",
   "keywords": [
     "design-system",
     "web-components",
@@ -224,8 +224,8 @@
   },
   "dependencies": {
     "@floating-ui/dom": "^1.7.6",
-    "@latty-ds/icons": "0.5.0"
+    "@latty-ds/icons": "0.6.0"
   },
   "customElements": "custom-elements.json",
-  "gitHead": "e2fcd96cf67d8f9780970cbd16fd96a3e3915995"
+  "gitHead": "5f2e9dbee20f32bc24117a40f8f2f65a4de07979"
 }