@cordwainer/cw-elements 1.5.0-alpha.1 → 1.5.0-alpha.2

package/dist/react/switch/index.js

@@ -1,7 +1,7 @@
 import {
   switch_default
-} from "../../chunks/chunk.4EZG3I52.js";
-import "../../chunks/chunk.LTVIQ6NH.js";
+} from "../../chunks/chunk.VAZKSADT.js";
+import "../../chunks/chunk.HC3MMHUF.js";
 import "../../chunks/chunk.THHNFW65.js";
 import "../../chunks/chunk.GI7VDIWX.js";
 import "../../chunks/chunk.YBI2MSEM.js";
@@ -9,7 +9,7 @@ import "../../chunks/chunk.PH2VNONO.js";
 import "../../chunks/chunk.BVGZUUCX.js";
 import "../../chunks/chunk.GQZ7EGMM.js";
 import "../../chunks/chunk.TUVJKY7S.js";
-import "../../chunks/chunk.WMOTPERU.js";
+import "../../chunks/chunk.BETCLSJX.js";
 import "../../chunks/chunk.Q44EX5TP.js";
 export {
   switch_default as default

package/dist/react/tab/index.js

@@ -1,20 +1,20 @@
 import {
   tab_default
-} from "../../chunks/chunk.U2VB7WLL.js";
-import "../../chunks/chunk.GK567LTL.js";
+} from "../../chunks/chunk.WM36HTPK.js";
+import "../../chunks/chunk.KSG56NI3.js";
 import "../../chunks/chunk.R3YIHCDD.js";
-import "../../chunks/chunk.274QNJ33.js";
+import "../../chunks/chunk.IHTRVJLK.js";
 import "../../chunks/chunk.IRARCVGH.js";
 import "../../chunks/chunk.3FPCQD76.js";
 import "../../chunks/chunk.5M6BDG2U.js";
-import "../../chunks/chunk.5R62IR27.js";
+import "../../chunks/chunk.IA4FR3UV.js";
 import "../../chunks/chunk.QLXRCYS4.js";
 import "../../chunks/chunk.6PG467MA.js";
 import "../../chunks/chunk.CJFFVBAI.js";
 import "../../chunks/chunk.A2UR3ULB.js";
 import "../../chunks/chunk.GQZ7EGMM.js";
 import "../../chunks/chunk.TUVJKY7S.js";
-import "../../chunks/chunk.WMOTPERU.js";
+import "../../chunks/chunk.BETCLSJX.js";
 import "../../chunks/chunk.4EHT37C5.js";
 import "../../chunks/chunk.Q44EX5TP.js";
 export {

package/dist/react/tab-group/index.js

@@ -1,24 +1,24 @@
 import {
   tab_group_default
-} from "../../chunks/chunk.XLB7ZDRR.js";
-import "../../chunks/chunk.7VZ7LAAM.js";
+} from "../../chunks/chunk.FNJDUSB2.js";
+import "../../chunks/chunk.IOAADNY7.js";
 import "../../chunks/chunk.4WNB7WDT.js";
-import "../../chunks/chunk.4YKHDRKH.js";
+import "../../chunks/chunk.H6K3ACGL.js";
 import "../../chunks/chunk.5VKIB4HA.js";
 import "../../chunks/chunk.PH2N3MLE.js";
 import "../../chunks/chunk.ZH2AND3P.js";
-import "../../chunks/chunk.274QNJ33.js";
+import "../../chunks/chunk.IHTRVJLK.js";
 import "../../chunks/chunk.IRARCVGH.js";
 import "../../chunks/chunk.3FPCQD76.js";
 import "../../chunks/chunk.5M6BDG2U.js";
-import "../../chunks/chunk.5R62IR27.js";
+import "../../chunks/chunk.IA4FR3UV.js";
 import "../../chunks/chunk.QLXRCYS4.js";
 import "../../chunks/chunk.6PG467MA.js";
 import "../../chunks/chunk.CJFFVBAI.js";
 import "../../chunks/chunk.A2UR3ULB.js";
 import "../../chunks/chunk.GQZ7EGMM.js";
 import "../../chunks/chunk.TUVJKY7S.js";
-import "../../chunks/chunk.WMOTPERU.js";
+import "../../chunks/chunk.BETCLSJX.js";
 import "../../chunks/chunk.4EHT37C5.js";
 import "../../chunks/chunk.Q44EX5TP.js";
 export {

package/dist/react/tab-panel/index.js

@@ -1,11 +1,11 @@
 import {
   tab_panel_default
-} from "../../chunks/chunk.A2DI45V2.js";
-import "../../chunks/chunk.AHAU4GHT.js";
+} from "../../chunks/chunk.NRAS7P2U.js";
+import "../../chunks/chunk.2MFDR7BC.js";
 import "../../chunks/chunk.BQSEJD7X.js";
 import "../../chunks/chunk.GQZ7EGMM.js";
 import "../../chunks/chunk.TUVJKY7S.js";
-import "../../chunks/chunk.WMOTPERU.js";
+import "../../chunks/chunk.BETCLSJX.js";
 import "../../chunks/chunk.Q44EX5TP.js";
 export {
   tab_panel_default as default

package/dist/react/tag/index.js

@@ -1,20 +1,20 @@
 import {
   tag_default
-} from "../../chunks/chunk.AYOKXRIP.js";
-import "../../chunks/chunk.TFG5Y7IH.js";
+} from "../../chunks/chunk.2D5H2LDM.js";
+import "../../chunks/chunk.BP5GUX2X.js";
 import "../../chunks/chunk.T4SZVEJD.js";
-import "../../chunks/chunk.274QNJ33.js";
+import "../../chunks/chunk.IHTRVJLK.js";
 import "../../chunks/chunk.IRARCVGH.js";
 import "../../chunks/chunk.3FPCQD76.js";
 import "../../chunks/chunk.5M6BDG2U.js";
-import "../../chunks/chunk.5R62IR27.js";
+import "../../chunks/chunk.IA4FR3UV.js";
 import "../../chunks/chunk.QLXRCYS4.js";
 import "../../chunks/chunk.6PG467MA.js";
 import "../../chunks/chunk.CJFFVBAI.js";
 import "../../chunks/chunk.A2UR3ULB.js";
 import "../../chunks/chunk.GQZ7EGMM.js";
 import "../../chunks/chunk.TUVJKY7S.js";
-import "../../chunks/chunk.WMOTPERU.js";
+import "../../chunks/chunk.BETCLSJX.js";
 import "../../chunks/chunk.4EHT37C5.js";
 import "../../chunks/chunk.Q44EX5TP.js";
 export {

package/dist/react/textarea/index.js

@@ -1,7 +1,7 @@
 import {
   textarea_default
-} from "../../chunks/chunk.DV22W6X7.js";
-import "../../chunks/chunk.UQHPUKER.js";
+} from "../../chunks/chunk.IERWZNXV.js";
+import "../../chunks/chunk.WGFKKR55.js";
 import "../../chunks/chunk.NQ4WINHZ.js";
 import "../../chunks/chunk.GI7VDIWX.js";
 import "../../chunks/chunk.YBI2MSEM.js";
@@ -9,7 +9,7 @@ import "../../chunks/chunk.PH2VNONO.js";
 import "../../chunks/chunk.BVGZUUCX.js";
 import "../../chunks/chunk.GQZ7EGMM.js";
 import "../../chunks/chunk.TUVJKY7S.js";
-import "../../chunks/chunk.WMOTPERU.js";
+import "../../chunks/chunk.BETCLSJX.js";
 import "../../chunks/chunk.Q44EX5TP.js";
 export {
   textarea_default as default

package/dist/react/time-picker/index.js

@@ -1,13 +1,13 @@
 import {
   time_picker_default
-} from "../../chunks/chunk.2YOM64NQ.js";
-import "../../chunks/chunk.SJ6JX2DJ.js";
+} from "../../chunks/chunk.I54ZCGU6.js";
+import "../../chunks/chunk.MZREZELP.js";
 import "../../chunks/chunk.EYA3B3XL.js";
-import "../../chunks/chunk.WG2SV2QG.js";
+import "../../chunks/chunk.ILH2OQTZ.js";
 import "../../chunks/chunk.HWLR3F4N.js";
 import "../../chunks/chunk.PH2N3MLE.js";
 import "../../chunks/chunk.YBI2MSEM.js";
-import "../../chunks/chunk.IUVCI46O.js";
+import "../../chunks/chunk.LK6P25LO.js";
 import "../../chunks/chunk.RZ7LFYD5.js";
 import "../../chunks/chunk.PH2VNONO.js";
 import "../../chunks/chunk.SPWJX47D.js";
@@ -16,14 +16,14 @@ import "../../chunks/chunk.TJQYJP53.js";
 import "../../chunks/chunk.3FPCQD76.js";
 import "../../chunks/chunk.5M6BDG2U.js";
 import "../../chunks/chunk.BVGZUUCX.js";
-import "../../chunks/chunk.5R62IR27.js";
+import "../../chunks/chunk.IA4FR3UV.js";
 import "../../chunks/chunk.QLXRCYS4.js";
 import "../../chunks/chunk.6PG467MA.js";
 import "../../chunks/chunk.CJFFVBAI.js";
 import "../../chunks/chunk.A2UR3ULB.js";
 import "../../chunks/chunk.GQZ7EGMM.js";
 import "../../chunks/chunk.TUVJKY7S.js";
-import "../../chunks/chunk.WMOTPERU.js";
+import "../../chunks/chunk.BETCLSJX.js";
 import "../../chunks/chunk.4EHT37C5.js";
 import "../../chunks/chunk.Q44EX5TP.js";
 export {

package/dist/react/tooltip/index.js

@@ -1,9 +1,9 @@
 import {
   tooltip_default
-} from "../../chunks/chunk.R7YFVQCW.js";
-import "../../chunks/chunk.J2VI37LS.js";
+} from "../../chunks/chunk.VJJCJL5J.js";
+import "../../chunks/chunk.MWUWSNHI.js";
 import "../../chunks/chunk.3WW7HIYN.js";
-import "../../chunks/chunk.IUVCI46O.js";
+import "../../chunks/chunk.LK6P25LO.js";
 import "../../chunks/chunk.RZ7LFYD5.js";
 import "../../chunks/chunk.SPWJX47D.js";
 import "../../chunks/chunk.B4BZKR24.js";
@@ -12,7 +12,7 @@ import "../../chunks/chunk.3FPCQD76.js";
 import "../../chunks/chunk.5M6BDG2U.js";
 import "../../chunks/chunk.GQZ7EGMM.js";
 import "../../chunks/chunk.TUVJKY7S.js";
-import "../../chunks/chunk.WMOTPERU.js";
+import "../../chunks/chunk.BETCLSJX.js";
 import "../../chunks/chunk.Q44EX5TP.js";
 export {
   tooltip_default as default

package/dist/react/tree/index.js

@@ -1,16 +1,16 @@
 import {
   tree_default
-} from "../../chunks/chunk.RIB27BEJ.js";
-import "../../chunks/chunk.7PMJ2XIR.js";
-import "../../chunks/chunk.TUA5ZU6X.js";
-import "../../chunks/chunk.TNNIO5PL.js";
+} from "../../chunks/chunk.C5A63XOR.js";
+import "../../chunks/chunk.QX6LHGML.js";
 import "../../chunks/chunk.U4A4EIV4.js";
-import "../../chunks/chunk.CG5APFEO.js";
+import "../../chunks/chunk.FTBXON56.js";
+import "../../chunks/chunk.TNNIO5PL.js";
+import "../../chunks/chunk.Y3QISL55.js";
 import "../../chunks/chunk.V7YQP6NA.js";
 import "../../chunks/chunk.GI7VDIWX.js";
 import "../../chunks/chunk.YBI2MSEM.js";
 import "../../chunks/chunk.HF7GESMZ.js";
-import "../../chunks/chunk.4PLOWUWC.js";
+import "../../chunks/chunk.JVP3ICGA.js";
 import "../../chunks/chunk.MT4VCX5G.js";
 import "../../chunks/chunk.PH2VNONO.js";
 import "../../chunks/chunk.SPWJX47D.js";
@@ -18,14 +18,14 @@ import "../../chunks/chunk.TJQYJP53.js";
 import "../../chunks/chunk.3FPCQD76.js";
 import "../../chunks/chunk.5M6BDG2U.js";
 import "../../chunks/chunk.BVGZUUCX.js";
-import "../../chunks/chunk.5R62IR27.js";
+import "../../chunks/chunk.IA4FR3UV.js";
 import "../../chunks/chunk.QLXRCYS4.js";
 import "../../chunks/chunk.6PG467MA.js";
 import "../../chunks/chunk.CJFFVBAI.js";
 import "../../chunks/chunk.A2UR3ULB.js";
 import "../../chunks/chunk.GQZ7EGMM.js";
 import "../../chunks/chunk.TUVJKY7S.js";
-import "../../chunks/chunk.WMOTPERU.js";
+import "../../chunks/chunk.BETCLSJX.js";
 import "../../chunks/chunk.4EHT37C5.js";
 import "../../chunks/chunk.Q44EX5TP.js";
 export {

package/dist/react/tree-item/index.js

@@ -1,13 +1,13 @@
 import {
   tree_item_default
-} from "../../chunks/chunk.FI6B3NG3.js";
-import "../../chunks/chunk.TUA5ZU6X.js";
+} from "../../chunks/chunk.BAONZJ7Z.js";
+import "../../chunks/chunk.FTBXON56.js";
 import "../../chunks/chunk.TNNIO5PL.js";
-import "../../chunks/chunk.CG5APFEO.js";
+import "../../chunks/chunk.Y3QISL55.js";
 import "../../chunks/chunk.V7YQP6NA.js";
 import "../../chunks/chunk.GI7VDIWX.js";
 import "../../chunks/chunk.YBI2MSEM.js";
-import "../../chunks/chunk.4PLOWUWC.js";
+import "../../chunks/chunk.JVP3ICGA.js";
 import "../../chunks/chunk.MT4VCX5G.js";
 import "../../chunks/chunk.PH2VNONO.js";
 import "../../chunks/chunk.SPWJX47D.js";
@@ -15,14 +15,14 @@ import "../../chunks/chunk.TJQYJP53.js";
 import "../../chunks/chunk.3FPCQD76.js";
 import "../../chunks/chunk.5M6BDG2U.js";
 import "../../chunks/chunk.BVGZUUCX.js";
-import "../../chunks/chunk.5R62IR27.js";
+import "../../chunks/chunk.IA4FR3UV.js";
 import "../../chunks/chunk.QLXRCYS4.js";
 import "../../chunks/chunk.6PG467MA.js";
 import "../../chunks/chunk.CJFFVBAI.js";
 import "../../chunks/chunk.A2UR3ULB.js";
 import "../../chunks/chunk.GQZ7EGMM.js";
 import "../../chunks/chunk.TUVJKY7S.js";
-import "../../chunks/chunk.WMOTPERU.js";
+import "../../chunks/chunk.BETCLSJX.js";
 import "../../chunks/chunk.4EHT37C5.js";
 import "../../chunks/chunk.Q44EX5TP.js";
 export {

package/dist/react/visually-hidden/index.js

@@ -1,10 +1,10 @@
 import {
   visually_hidden_default
-} from "../../chunks/chunk.BVJZRGG6.js";
-import "../../chunks/chunk.JETEMMA2.js";
+} from "../../chunks/chunk.Q7U5UMMK.js";
+import "../../chunks/chunk.ZSDCCLWP.js";
 import "../../chunks/chunk.YKKSQ2FG.js";
 import "../../chunks/chunk.TUVJKY7S.js";
-import "../../chunks/chunk.WMOTPERU.js";
+import "../../chunks/chunk.BETCLSJX.js";
 import "../../chunks/chunk.Q44EX5TP.js";
 export {
   visually_hidden_default as default

package/dist/types/vue/index.d.ts

@@ -46,6 +46,7 @@ import type { CwMenuLabel } from "../../components/menu-label/menu-label.compone
 import type { CwMutationObserver } from "../../components/mutation-observer/mutation-observer.component.js";
 import type { CwOption } from "../../components/option/option.component.js";
 import type { CwPagination } from "../../components/pagination/pagination.component.js";
+import type { CwPopover } from "../../components/popover/popover.component.js";
 import type { CwPopup } from "../../components/popup/popup.component.js";
 import type { CwPrimaryNavigation } from "../../components/primary-navigation/primary-navigation.component.js";
 import type { CwPrimaryNavigationItem } from "../../components/primary-navigation-item/primary-navigation-item.component.js";
@@ -1230,6 +1231,36 @@ type CwPaginationProps = {
   "oncw-change"?: (e: CustomEvent<never>) => void;
 };
 
+type CwPopoverProps = {
+  /** Indicates whether or not the popover is open. You can toggle this attribute to show and hide the popover, or you
+can use the `show()` and `hide()` methods. Clicking outside the popover or pressing Escape closes it too. */
+  open?: CwPopover["open"];
+  /** The preferred placement of the popover. Note that the actual placement may vary as needed to keep the popover
+inside of the viewport. */
+  placement?: CwPopover["placement"];
+  /** Disables the popover so it can't be opened. */
+  disabled?: CwPopover["disabled"];
+  /** The distance in pixels from which to offset the popover away from its trigger. */
+  distance?: CwPopover["distance"];
+  /** The distance in pixels from which to offset the popover along its trigger. */
+  skidding?: CwPopover["skidding"];
+  /** Attaches an arrow to the popover, pointing at the trigger. The arrow's size and color can be customized using
+the `--arrow-size` and `--arrow-color` custom properties, or via `::part(arrow)`. */
+  arrow?: CwPopover["arrow"];
+  /**  */
+  trigger?: CwPopover["trigger"];
+  /**  */
+  popup?: CwPopover["popup"];
+  /** Emitted when the popover opens. */
+  "oncw-show"?: (e: CustomEvent<never>) => void;
+  /** Emitted after the popover opens and all animations are complete. */
+  "oncw-after-show"?: (e: CustomEvent<never>) => void;
+  /** Emitted when the popover closes, whether via `hide()`/toggling `open`, or dismissed natively (clicking outside, pressing Escape). */
+  "oncw-hide"?: (e: CustomEvent<never>) => void;
+  /** Emitted after the popover closes and all animations are complete. */
+  "oncw-after-hide"?: (e: CustomEvent<never>) => void;
+};
+
 type CwPopupProps = {
   /** The element the popup will be anchored to. If the anchor lives outside of the popup, you can provide the anchor
 element `id`, a DOM element reference, or a `VirtualElement`. If the anchor lives inside the popup, use the
@@ -3149,6 +3180,39 @@ export type CustomElements = {
    */
   "cw-pagination": DefineComponent<CwPaginationProps>;
 
+  /**
+   * Popovers display rich content anchored to a trigger, positioned with floating-ui and rendered via the
+   * native Popover API's top layer — a good fit for content that doesn't belong in a tooltip (hover-only) or a
+   * dropdown (menu-focused).
+   * ---
+   *
+   *
+   * ### **Events:**
+   *  - **cw-show** - Emitted when the popover opens.
+   * - **cw-after-show** - Emitted after the popover opens and all animations are complete.
+   * - **cw-hide** - Emitted when the popover closes, whether via `hide()`/toggling `open`, or dismissed natively (clicking outside, pressing Escape).
+   * - **cw-after-hide** - Emitted after the popover closes and all animations are complete.
+   *
+   * ### **Methods:**
+   *  - **show()** - Shows the popover.
+   * - **hide()** - Hides the popover.
+   * - **reposition()** - Instructs the popover to recalculate and update its position. Useful if the trigger's size or position changes.
+   *
+   * ### **Slots:**
+   *  - _default_ - The popover's content.
+   * - **trigger** - The element that anchors and toggles the popover, usually a `<cw-button>`.
+   *
+   * ### **CSS Properties:**
+   *  - **--arrow-size** - The size of the arrow. Note that an arrow won't be shown unless the `arrow` attribute is used. _(default: 6px)_
+   * - **--arrow-color** - The color of the arrow. _(default: var(--cw-color-neutral-0))_
+   *
+   * ### **CSS Parts:**
+   *  - **trigger** - The container that wraps the trigger.
+   * - **popup** - The popup's container, the element the native Popover API and floating-ui both act on.
+   * - **arrow** - The arrow's container, present only when the `arrow` attribute is set.
+   */
+  "cw-popover": DefineComponent<CwPopoverProps>;
+
   /**
    * Popup is a utility that lets you declaratively anchor "popup" containers to another element.
    * ---

package/dist/vscode.html-custom-data.json

@@ -2039,6 +2039,62 @@
         }
       ]
     },
+    {
+      "name": "cw-popover",
+      "description": "Popovers display rich content anchored to a trigger, positioned with floating-ui and rendered via the\nnative Popover API's top layer — a good fit for content that doesn't belong in a tooltip (hover-only) or a\ndropdown (menu-focused).\n---\n\n\n### **Events:**\n - **cw-show** - Emitted when the popover opens.\n- **cw-after-show** - Emitted after the popover opens and all animations are complete.\n- **cw-hide** - Emitted when the popover closes, whether via `hide()`/toggling `open`, or dismissed natively (clicking outside, pressing Escape).\n- **cw-after-hide** - Emitted after the popover closes and all animations are complete.\n\n### **Methods:**\n - **show()** - Shows the popover.\n- **hide()** - Hides the popover.\n- **reposition()** - Instructs the popover to recalculate and update its position. Useful if the trigger's size or position changes.\n\n### **Slots:**\n - _default_ - The popover's content.\n- **trigger** - The element that anchors and toggles the popover, usually a `<cw-button>`.\n\n### **CSS Properties:**\n - **--arrow-size** - The size of the arrow. Note that an arrow won't be shown unless the `arrow` attribute is used. _(default: 6px)_\n- **--arrow-color** - The color of the arrow. _(default: var(--cw-color-neutral-0))_\n\n### **CSS Parts:**\n - **trigger** - The container that wraps the trigger.\n- **popup** - The popup's container, the element the native Popover API and floating-ui both act on.\n- **arrow** - The arrow's container, present only when the `arrow` attribute is set.",
+      "attributes": [
+        {
+          "name": "open",
+          "description": "Indicates whether or not the popover is open. You can toggle this attribute to show and hide the popover, or you\ncan use the `show()` and `hide()` methods. Clicking outside the popover or pressing Escape closes it too.",
+          "values": []
+        },
+        {
+          "name": "placement",
+          "description": "The preferred placement of the popover. Note that the actual placement may vary as needed to keep the popover\ninside of the viewport.",
+          "values": [
+            { "name": "" },
+            { "name": "top" },
+            { "name": "top-start" },
+            { "name": "top-end" },
+            { "name": "bottom" },
+            { "name": "bottom-start" },
+            { "name": "bottom-end" },
+            { "name": "right" },
+            { "name": "right-start" },
+            { "name": "right-end" },
+            { "name": "left" },
+            { "name": "left-start" },
+            { "name": "left-end" }
+          ]
+        },
+        {
+          "name": "disabled",
+          "description": "Disables the popover so it can't be opened.",
+          "values": []
+        },
+        {
+          "name": "distance",
+          "description": "The distance in pixels from which to offset the popover away from its trigger.",
+          "values": []
+        },
+        {
+          "name": "skidding",
+          "description": "The distance in pixels from which to offset the popover along its trigger.",
+          "values": []
+        },
+        {
+          "name": "arrow",
+          "description": "Attaches an arrow to the popover, pointing at the trigger. The arrow's size and color can be customized using\nthe `--arrow-size` and `--arrow-color` custom properties, or via `::part(arrow)`.",
+          "values": []
+        }
+      ],
+      "references": [
+        {
+          "name": "Documentation",
+          "url": "https://cordwainer.dev/components/popover"
+        }
+      ]
+    },
     {
       "name": "cw-popup",
       "description": "Popup is a utility that lets you declaratively anchor \"popup\" containers to another element.\n---\n\n\n### **Events:**\n - **cw-reposition** - Emitted when the popup is repositioned. This event can fire a lot, so avoid putting expensive operations in your listener or consider debouncing it.\n\n### **Methods:**\n - **reposition()** - Forces the popup to recalculate and reposition itself.\n\n### **Slots:**\n - _default_ - The popup's content.\n- **anchor** - The element the popup will be anchored to. If the anchor lives outside of the popup, you can use the `anchor` attribute or property instead.\n\n### **CSS Properties:**\n - **--arrow-size** - The size of the arrow. Note that an arrow won't be shown unless the `arrow` attribute is used. _(default: 6px)_\n- **--arrow-color** - The color of the arrow. _(default: var(--cw-color-neutral-0))_\n- **--auto-size-available-width** - A read-only custom property that determines the amount of width the popup can be before overflowing. Useful for positioning child elements that need to overflow. This property is only available when using `auto-size`. _(default: undefined)_\n- **--auto-size-available-height** - A read-only custom property that determines the amount of height the popup can be before overflowing. Useful for positioning child elements that need to overflow. This property is only available when using `auto-size`. _(default: undefined)_\n\n### **CSS Parts:**\n - **arrow** - The arrow's container. Avoid setting `top|bottom|left|right` properties, as these values are assigned dynamically as the popup moves. This is most useful for applying a background color to match the popup, and maybe a border or box shadow.\n- **popup** - The popup's container. Useful for setting a background color, box shadow, etc.\n- **hover-bridge** - The hover bridge element. Only available when the `hover-bridge` option is enabled.",

package/dist/web-types.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "name": "@cordwainer/cw-elements",
-  "version": "1.5.0-alpha.1",
+  "version": "1.5.0-alpha.2",
   "description-markup": "markdown",
   "contributions": {
     "html": {
@@ -4709,6 +4709,125 @@
             ]
           }
         },
+        {
+          "name": "cw-popover",
+          "description": "Popovers display rich content anchored to a trigger, positioned with floating-ui and rendered via the\nnative Popover API's top layer — a good fit for content that doesn't belong in a tooltip (hover-only) or a\ndropdown (menu-focused).\n---\n\n\n### **Events:**\n - **cw-show** - Emitted when the popover opens.\n- **cw-after-show** - Emitted after the popover opens and all animations are complete.\n- **cw-hide** - Emitted when the popover closes, whether via `hide()`/toggling `open`, or dismissed natively (clicking outside, pressing Escape).\n- **cw-after-hide** - Emitted after the popover closes and all animations are complete.\n\n### **Methods:**\n - **show()** - Shows the popover.\n- **hide()** - Hides the popover.\n- **reposition()** - Instructs the popover to recalculate and update its position. Useful if the trigger's size or position changes.\n\n### **Slots:**\n - _default_ - The popover's content.\n- **trigger** - The element that anchors and toggles the popover, usually a `<cw-button>`.\n\n### **CSS Properties:**\n - **--arrow-size** - The size of the arrow. Note that an arrow won't be shown unless the `arrow` attribute is used. _(default: 6px)_\n- **--arrow-color** - The color of the arrow. _(default: var(--cw-color-neutral-0))_\n\n### **CSS Parts:**\n - **trigger** - The container that wraps the trigger.\n- **popup** - The popup's container, the element the native Popover API and floating-ui both act on.\n- **arrow** - The arrow's container, present only when the `arrow` attribute is set.",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "open",
+              "description": "Indicates whether or not the popover is open. You can toggle this attribute to show and hide the popover, or you\ncan use the `show()` and `hide()` methods. Clicking outside the popover or pressing Escape closes it too.",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "placement",
+              "description": "The preferred placement of the popover. Note that the actual placement may vary as needed to keep the popover\ninside of the viewport.",
+              "value": {
+                "type": "| 'top'\n    | 'top-start'\n    | 'top-end'\n    | 'bottom'\n    | 'bottom-start'\n    | 'bottom-end'\n    | 'right'\n    | 'right-start'\n    | 'right-end'\n    | 'left'\n    | 'left-start'\n    | 'left-end'",
+                "default": "'top'"
+              }
+            },
+            {
+              "name": "disabled",
+              "description": "Disables the popover so it can't be opened.",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "distance",
+              "description": "The distance in pixels from which to offset the popover away from its trigger.",
+              "value": { "type": "number", "default": "0" }
+            },
+            {
+              "name": "skidding",
+              "description": "The distance in pixels from which to offset the popover along its trigger.",
+              "value": { "type": "number", "default": "0" }
+            },
+            {
+              "name": "arrow",
+              "description": "Attaches an arrow to the popover, pointing at the trigger. The arrow's size and color can be customized using\nthe `--arrow-size` and `--arrow-color` custom properties, or via `::part(arrow)`.",
+              "value": { "type": "boolean", "default": "false" }
+            }
+          ],
+          "slots": [
+            { "name": "", "description": "The popover's content." },
+            {
+              "name": "trigger",
+              "description": "The element that anchors and toggles the popover, usually a `<cw-button>`."
+            }
+          ],
+          "events": [
+            {
+              "name": "cw-show",
+              "description": "Emitted when the popover opens."
+            },
+            {
+              "name": "cw-after-show",
+              "description": "Emitted after the popover opens and all animations are complete."
+            },
+            {
+              "name": "cw-hide",
+              "description": "Emitted when the popover closes, whether via `hide()`/toggling `open`, or dismissed natively (clicking outside, pressing Escape)."
+            },
+            {
+              "name": "cw-after-hide",
+              "description": "Emitted after the popover closes and all animations are complete."
+            }
+          ],
+          "js": {
+            "properties": [
+              { "name": "trigger", "type": "HTMLSlotElement" },
+              { "name": "popup", "type": "HTMLElement" },
+              {
+                "name": "open",
+                "description": "Indicates whether or not the popover is open. You can toggle this attribute to show and hide the popover, or you\ncan use the `show()` and `hide()` methods. Clicking outside the popover or pressing Escape closes it too.",
+                "type": "boolean"
+              },
+              {
+                "name": "placement",
+                "description": "The preferred placement of the popover. Note that the actual placement may vary as needed to keep the popover\ninside of the viewport.",
+                "type": "| 'top'\n    | 'top-start'\n    | 'top-end'\n    | 'bottom'\n    | 'bottom-start'\n    | 'bottom-end'\n    | 'right'\n    | 'right-start'\n    | 'right-end'\n    | 'left'\n    | 'left-start'\n    | 'left-end'"
+              },
+              {
+                "name": "disabled",
+                "description": "Disables the popover so it can't be opened.",
+                "type": "boolean"
+              },
+              {
+                "name": "distance",
+                "description": "The distance in pixels from which to offset the popover away from its trigger.",
+                "type": "number"
+              },
+              {
+                "name": "skidding",
+                "description": "The distance in pixels from which to offset the popover along its trigger.",
+                "type": "number"
+              },
+              {
+                "name": "arrow",
+                "description": "Attaches an arrow to the popover, pointing at the trigger. The arrow's size and color can be customized using\nthe `--arrow-size` and `--arrow-color` custom properties, or via `::part(arrow)`.",
+                "type": "boolean"
+              }
+            ],
+            "events": [
+              {
+                "name": "cw-show",
+                "description": "Emitted when the popover opens."
+              },
+              {
+                "name": "cw-after-show",
+                "description": "Emitted after the popover opens and all animations are complete."
+              },
+              {
+                "name": "cw-hide",
+                "description": "Emitted when the popover closes, whether via `hide()`/toggling `open`, or dismissed natively (clicking outside, pressing Escape)."
+              },
+              {
+                "name": "cw-after-hide",
+                "description": "Emitted after the popover closes and all animations are complete."
+              }
+            ]
+          }
+        },
         {
           "name": "cw-popup",
           "description": "Popup is a utility that lets you declaratively anchor \"popup\" containers to another element.\n---\n\n\n### **Events:**\n - **cw-reposition** - Emitted when the popup is repositioned. This event can fire a lot, so avoid putting expensive operations in your listener or consider debouncing it.\n\n### **Methods:**\n - **reposition()** - Forces the popup to recalculate and reposition itself.\n\n### **Slots:**\n - _default_ - The popup's content.\n- **anchor** - The element the popup will be anchored to. If the anchor lives outside of the popup, you can use the `anchor` attribute or property instead.\n\n### **CSS Properties:**\n - **--arrow-size** - The size of the arrow. Note that an arrow won't be shown unless the `arrow` attribute is used. _(default: 6px)_\n- **--arrow-color** - The color of the arrow. _(default: var(--cw-color-neutral-0))_\n- **--auto-size-available-width** - A read-only custom property that determines the amount of width the popup can be before overflowing. Useful for positioning child elements that need to overflow. This property is only available when using `auto-size`. _(default: undefined)_\n- **--auto-size-available-height** - A read-only custom property that determines the amount of height the popup can be before overflowing. Useful for positioning child elements that need to overflow. This property is only available when using `auto-size`. _(default: undefined)_\n\n### **CSS Parts:**\n - **arrow** - The arrow's container. Avoid setting `top|bottom|left|right` properties, as these values are assigned dynamically as the popup moves. This is most useful for applying a background color to match the popup, and maybe a border or box shadow.\n- **popup** - The popup's container. Useful for setting a background color, box shadow, etc.\n- **hover-bridge** - The hover bridge element. Only available when the `hover-bridge` option is enabled.",

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@cordwainer/cw-elements",
   "description": "Cordwainer Elements — Web Component Library, a hard fork of Shoelace (@shoelace-style/shoelace).",
-  "version": "1.5.0-alpha.1",
+  "version": "1.5.0-alpha.2",
   "homepage": "https://cordwainer.dev",
   "author": "Matt Hand",
   "license": "MIT",

package/cdn/chunks/chunk.2APO6LES.js

@@ -1,11 +0,0 @@
-import {
-  CwMutationObserver
-} from "./chunk.AYNXQISB.js";
-
-// src/components/mutation-observer/mutation-observer.ts
-var mutation_observer_default = CwMutationObserver;
-CwMutationObserver.define("cw-mutation-observer");
-
-export {
-  mutation_observer_default
-};

package/cdn/chunks/chunk.2KVDZBLS.js

@@ -1,28 +0,0 @@
-import {
-  CwSwitch
-} from "./chunk.VLSVTULP.js";
-
-// src/react/switch/index.ts
-import * as React from "react";
-import { createComponent } from "@lit/react";
-import "@lit/react";
-var tagName = "cw-switch";
-CwSwitch.define("cw-switch");
-var reactWrapper = createComponent({
-  tagName,
-  elementClass: CwSwitch,
-  react: React,
-  events: {
-    onCwBlur: "cw-blur",
-    onCwChange: "cw-change",
-    onCwInput: "cw-input",
-    onCwFocus: "cw-focus",
-    onCwInvalid: "cw-invalid"
-  },
-  displayName: "CwSwitch"
-});
-var switch_default = reactWrapper;
-
-export {
-  switch_default
-};