@cordwainer/cw-elements 1.3.0-alpha.3 → 1.3.0-beta.0

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

@@ -1246,6 +1246,23 @@
         }
       ]
     },
+    {
+      "name": "cw-footer",
+      "description": "Site footer region composing branding, a flat link list, arbitrary \"about\" content, and a bottom bar\nwith copyright and social links.\n---\n\n\n### **Slots:**\n - **logo** - A `<cw-logo>`.\n- **menu** - Plain `<a>` links. Not a repeating item component — a flat list that reflows into columns (3 wide, 1 narrow) via CSS, no grouping or headings.\n- **about** - Arbitrary content, rendered full width.\n- **social** - Any number of `<cw-social-link>` elements.\n\n### **CSS Parts:**\n - **base** - The component's base wrapper, a `<footer>` landmark element.\n- **logo** - The container that wraps the slotted logo.\n- **menu** - The container that wraps the slotted menu links.\n- **about** - The container that wraps the slotted about content.\n- **bottom** - The bottom bar that wraps the copyright text and social links.\n- **copyright** - The copyright text.\n- **social** - The container that wraps the slotted social links.",
+      "attributes": [
+        {
+          "name": "owner",
+          "description": "The copyright owner's name. When set, the footer renders `© {currentYear} {owner}`. Renders nothing if unset.",
+          "values": []
+        }
+      ],
+      "references": [
+        {
+          "name": "Documentation",
+          "url": "https://cordwainer.dev/components/footer"
+        }
+      ]
+    },
     {
       "name": "cw-format-bytes",
       "description": "Formats a number as a human readable bytes value.\n---\n",
@@ -1522,6 +1539,11 @@
           "description": "Tells the browser to download the linked file as this filename. Only used when `href` is set.",
           "values": []
         },
+        {
+          "name": "rel",
+          "description": "The `rel` attribute for the link. Only used when `href` is set. Defaults to `noreferrer noopener` when `target`\nis set and this is left unset — pass an explicit value (e.g. `me noreferrer noopener`) to override it.",
+          "values": []
+        },
         {
           "name": "label",
           "description": "A description that gets read by assistive devices. For optimal accessibility, you should always include a label\nthat describes what the icon button does.",
@@ -2190,7 +2212,7 @@
     },
     {
       "name": "cw-primary-navigation-item",
-      "description": "A top-level entry in a `<cw-primary-navigation>`, rendered as a link or, when it has a\n`<cw-primary-navigation-menu>` slotted in, a disclosure trigger for a dropdown of sub-links.\n---\n\n\n### **Events:**\n - **cw-show** - Emitted when the item's dropdown opens.\n- **cw-after-show** - Emitted after the item's dropdown opens and all animations are complete.\n- **cw-hide** - Emitted when the item's dropdown closes.\n- **cw-after-hide** - Emitted after the item's dropdown closes and all animations are complete.\n\n### **Methods:**\n - **show()** - Opens the item's dropdown, if it has one. No-op for link/plain items.\n- **hide()** - Closes the item's dropdown, if it has one. No-op for link/plain items.\n\n### **Slots:**\n - _default_ - The item's label content (text, or an icon + text).\n- **menu** - A `<cw-primary-navigation-menu>` with this item's dropdown links. Its presence switches the item from a link to a disclosure trigger. Ignored when `href` is also set.\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **link** - The internal `<a>`, present only when `href` is set.\n- **trigger** - The internal `<cw-dropdown>`, present only when a dropdown menu is slotted in.",
+      "description": "A top-level entry in a `<cw-primary-navigation>`, rendered as a link or, when it has a\n`<cw-primary-navigation-menu>` slotted in, a disclosure trigger for a dropdown of sub-links. Above the parent\nnavigation's mobile breakpoint, the dropdown is a floating panel; below it, the menu expands inline, full width,\nin place — matching the rest of the mobile hamburger menu.\n---\n\n\n### **Events:**\n - **cw-show** - Emitted when the item's dropdown opens.\n- **cw-after-show** - Emitted after the item's dropdown opens and all animations are complete.\n- **cw-hide** - Emitted when the item's dropdown closes.\n- **cw-after-hide** - Emitted after the item's dropdown closes and all animations are complete.\n\n### **Methods:**\n - **show()** - Opens the item's dropdown, if it has one. No-op for link/plain items.\n- **hide()** - Closes the item's dropdown, if it has one. No-op for link/plain items.\n\n### **Slots:**\n - _default_ - The item's label content (text, or an icon + text).\n- **menu** - A `<cw-primary-navigation-menu>` with this item's dropdown links. Its presence switches the item from a link to a disclosure trigger. Ignored when `href` is also set.\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **link** - The internal `<a>`, present only when `href` is set.\n- **trigger** - The internal `<cw-dropdown>` above `mobile`, or the disclosure `<button>` below it — present only when a dropdown menu is slotted in.\n- **panel** - The inline menu panel shown below `mobile`, present only when a dropdown menu is slotted in.",
       "attributes": [
         {
           "name": "href",
@@ -2216,6 +2238,11 @@
           "name": "current",
           "description": "Indicates this item represents the current page. Reflects `aria-current=\"page\"` on the internal link. The\ncomponent has no router/URL awareness — consumers set this explicitly based on their own routing state.",
           "values": []
+        },
+        {
+          "name": "mobile",
+          "description": "Set automatically by the parent `<cw-primary-navigation>` when it's in its mobile, hamburger-toggled layout —\nswitches a dropdown menu from a floating panel to an inline, full-width disclosure. Not intended to be set\ndirectly.",
+          "values": []
         }
       ],
       "references": [
@@ -2228,7 +2255,13 @@
     {
       "name": "cw-primary-navigation-menu",
       "description": "A simple flat list of links shown in a `<cw-primary-navigation-item>`'s dropdown. Deliberately\nminimal — no headings, grouping, multi-column layout, or promo slot; styles plain `<a>` elements only.\n---\n\n\n### **Slots:**\n - _default_ - One or more plain `<a>` elements.\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",
-      "attributes": [],
+      "attributes": [
+        {
+          "name": "mobile",
+          "description": "Set automatically by the parent `<cw-primary-navigation-item>` when its own dropdown is rendered inline for a\nmobile hamburger menu rather than as a floating panel — swaps the card-like floating appearance (border,\nshadow, fixed minimum width) for a full-width, unbordered look that matches the rest of the mobile menu. Not\nintended to be set directly.",
+          "values": []
+        }
+      ],
       "references": [
         {
           "name": "Documentation",
@@ -2807,6 +2840,58 @@
         }
       ]
     },
+    {
+      "name": "cw-social-link",
+      "description": "A link to a social or fediverse profile, rendered as a single icon. Purpose-built for this domain rather\nthan a generic icon-link: set `platform` for one of the common networks and both the icon and accessible label\nare filled in for you.\n---\n\n\n### **CSS Parts:**\n - **base** - The internal `<cw-icon-button>`'s exported `base` part.\n- **base__icon-button** - An alias of `base`, kept for consistency with other components that forward an icon-button's exported `base` part.",
+      "attributes": [
+        {
+          "name": "href",
+          "description": "The URL of the profile to link to.",
+          "values": []
+        },
+        {
+          "name": "target",
+          "description": "Tells the browser where to open the link. Defaults to a new tab, since a social link always points off-site.",
+          "values": [
+            { "name": "_blank" },
+            { "name": "_parent" },
+            { "name": "_self" },
+            { "name": "_top" }
+          ]
+        },
+        {
+          "name": "rel",
+          "description": "The `rel` attribute for the link. Defaults to `noreferrer noopener`. To mark this link as a verified profile\nreference — the IndieWeb `rel=\"me\"` convention Mastodon and the wider fediverse use for identity verification —\ninclude `me` yourself, e.g. `rel=\"me noreferrer noopener\"`.",
+          "values": []
+        },
+        {
+          "name": "platform",
+          "description": "One of the common social/fediverse platforms. When set, both the icon and the accessible `label` default to\nthat platform's — set `name`/`library` and/or `label` explicitly to override either, or to support a platform\nnot in this list.",
+          "values": [{ "name": "Platform" }]
+        },
+        {
+          "name": "name",
+          "description": "The name of the icon to draw. Defaults to `platform`'s icon when set.",
+          "values": []
+        },
+        {
+          "name": "library",
+          "description": "The name of a registered custom icon library. Defaults to `system` when `platform` is set.",
+          "values": []
+        },
+        {
+          "name": "label",
+          "description": "A description that gets read by assistive devices. Defaults to `platform`'s name when set.",
+          "values": []
+        }
+      ],
+      "references": [
+        {
+          "name": "Documentation",
+          "url": "https://cordwainer.dev/components/social-link"
+        }
+      ]
+    },
     {
       "name": "cw-spinner",
       "description": "Spinners are used to show the progress of an indeterminate operation.\n---\n\n\n### **CSS Properties:**\n - **--track-width** - The width of the track. _(default: undefined)_\n- **--track-color** - The color of the track. _(default: undefined)_\n- **--indicator-color** - The color of the spinner's indicator. _(default: undefined)_\n- **--speed** - The time it takes for the spinner to complete one animation cycle. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",

package/cdn/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.3.0-alpha.3",
+  "version": "1.3.0-beta.0",
   "description-markup": "markdown",
   "contributions": {
     "html": {
@@ -3072,6 +3072,44 @@
             ]
           }
         },
+        {
+          "name": "cw-footer",
+          "description": "Site footer region composing branding, a flat link list, arbitrary \"about\" content, and a bottom bar\nwith copyright and social links.\n---\n\n\n### **Slots:**\n - **logo** - A `<cw-logo>`.\n- **menu** - Plain `<a>` links. Not a repeating item component — a flat list that reflows into columns (3 wide, 1 narrow) via CSS, no grouping or headings.\n- **about** - Arbitrary content, rendered full width.\n- **social** - Any number of `<cw-social-link>` elements.\n\n### **CSS Parts:**\n - **base** - The component's base wrapper, a `<footer>` landmark element.\n- **logo** - The container that wraps the slotted logo.\n- **menu** - The container that wraps the slotted menu links.\n- **about** - The container that wraps the slotted about content.\n- **bottom** - The bottom bar that wraps the copyright text and social links.\n- **copyright** - The copyright text.\n- **social** - The container that wraps the slotted social links.",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "owner",
+              "description": "The copyright owner's name. When set, the footer renders `© {currentYear} {owner}`. Renders nothing if unset.",
+              "value": { "type": "string", "default": "''" }
+            }
+          ],
+          "slots": [
+            { "name": "logo", "description": "A `<cw-logo>`." },
+            {
+              "name": "menu",
+              "description": "Plain `<a>` links. Not a repeating item component — a flat list that reflows into columns (3 wide, 1 narrow) via CSS, no grouping or headings."
+            },
+            {
+              "name": "about",
+              "description": "Arbitrary content, rendered full width."
+            },
+            {
+              "name": "social",
+              "description": "Any number of `<cw-social-link>` elements."
+            }
+          ],
+          "events": [],
+          "js": {
+            "properties": [
+              {
+                "name": "owner",
+                "description": "The copyright owner's name. When set, the footer renders `© {currentYear} {owner}`. Renders nothing if unset.",
+                "type": "string"
+              }
+            ],
+            "events": []
+          }
+        },
         {
           "name": "cw-format-bytes",
           "description": "Formats a number as a human readable bytes value.\n---\n",
@@ -3585,6 +3623,11 @@
               "description": "Tells the browser to download the linked file as this filename. Only used when `href` is set.",
               "value": { "type": "string | undefined" }
             },
+            {
+              "name": "rel",
+              "description": "The `rel` attribute for the link. Only used when `href` is set. Defaults to `noreferrer noopener` when `target`\nis set and this is left unset — pass an explicit value (e.g. `me noreferrer noopener`) to override it.",
+              "value": { "type": "string | undefined" }
+            },
             {
               "name": "label",
               "description": "A description that gets read by assistive devices. For optimal accessibility, you should always include a label\nthat describes what the icon button does.",
@@ -3642,6 +3685,11 @@
                 "description": "Tells the browser to download the linked file as this filename. Only used when `href` is set.",
                 "type": "string | undefined"
               },
+              {
+                "name": "rel",
+                "description": "The `rel` attribute for the link. Only used when `href` is set. Defaults to `noreferrer noopener` when `target`\nis set and this is left unset — pass an explicit value (e.g. `me noreferrer noopener`) to override it.",
+                "type": "string | undefined"
+              },
               {
                 "name": "label",
                 "description": "A description that gets read by assistive devices. For optimal accessibility, you should always include a label\nthat describes what the icon button does.",
@@ -5004,7 +5052,7 @@
         },
         {
           "name": "cw-primary-navigation-item",
-          "description": "A top-level entry in a `<cw-primary-navigation>`, rendered as a link or, when it has a\n`<cw-primary-navigation-menu>` slotted in, a disclosure trigger for a dropdown of sub-links.\n---\n\n\n### **Events:**\n - **cw-show** - Emitted when the item's dropdown opens.\n- **cw-after-show** - Emitted after the item's dropdown opens and all animations are complete.\n- **cw-hide** - Emitted when the item's dropdown closes.\n- **cw-after-hide** - Emitted after the item's dropdown closes and all animations are complete.\n\n### **Methods:**\n - **show()** - Opens the item's dropdown, if it has one. No-op for link/plain items.\n- **hide()** - Closes the item's dropdown, if it has one. No-op for link/plain items.\n\n### **Slots:**\n - _default_ - The item's label content (text, or an icon + text).\n- **menu** - A `<cw-primary-navigation-menu>` with this item's dropdown links. Its presence switches the item from a link to a disclosure trigger. Ignored when `href` is also set.\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **link** - The internal `<a>`, present only when `href` is set.\n- **trigger** - The internal `<cw-dropdown>`, present only when a dropdown menu is slotted in.",
+          "description": "A top-level entry in a `<cw-primary-navigation>`, rendered as a link or, when it has a\n`<cw-primary-navigation-menu>` slotted in, a disclosure trigger for a dropdown of sub-links. Above the parent\nnavigation's mobile breakpoint, the dropdown is a floating panel; below it, the menu expands inline, full width,\nin place — matching the rest of the mobile hamburger menu.\n---\n\n\n### **Events:**\n - **cw-show** - Emitted when the item's dropdown opens.\n- **cw-after-show** - Emitted after the item's dropdown opens and all animations are complete.\n- **cw-hide** - Emitted when the item's dropdown closes.\n- **cw-after-hide** - Emitted after the item's dropdown closes and all animations are complete.\n\n### **Methods:**\n - **show()** - Opens the item's dropdown, if it has one. No-op for link/plain items.\n- **hide()** - Closes the item's dropdown, if it has one. No-op for link/plain items.\n\n### **Slots:**\n - _default_ - The item's label content (text, or an icon + text).\n- **menu** - A `<cw-primary-navigation-menu>` with this item's dropdown links. Its presence switches the item from a link to a disclosure trigger. Ignored when `href` is also set.\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **link** - The internal `<a>`, present only when `href` is set.\n- **trigger** - The internal `<cw-dropdown>` above `mobile`, or the disclosure `<button>` below it — present only when a dropdown menu is slotted in.\n- **panel** - The inline menu panel shown below `mobile`, present only when a dropdown menu is slotted in.",
           "doc-url": "",
           "attributes": [
             {
@@ -5028,6 +5076,11 @@
               "name": "current",
               "description": "Indicates this item represents the current page. Reflects `aria-current=\"page\"` on the internal link. The\ncomponent has no router/URL awareness — consumers set this explicitly based on their own routing state.",
               "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "mobile",
+              "description": "Set automatically by the parent `<cw-primary-navigation>` when it's in its mobile, hamburger-toggled layout —\nswitches a dropdown menu from a floating panel to an inline, full-width disclosure. Not intended to be set\ndirectly.",
+              "value": { "type": "boolean", "default": "false" }
             }
           ],
           "slots": [
@@ -5062,6 +5115,7 @@
             "properties": [
               { "name": "dropdown", "type": "CwDropdown | undefined" },
               { "name": "menuSlot", "type": "HTMLSlotElement | undefined" },
+              { "name": "panel", "type": "HTMLElement | undefined" },
               {
                 "name": "open",
                 "description": "Whether the item's dropdown is currently open. Always `false` for link/plain items.",
@@ -5086,6 +5140,11 @@
                 "name": "current",
                 "description": "Indicates this item represents the current page. Reflects `aria-current=\"page\"` on the internal link. The\ncomponent has no router/URL awareness — consumers set this explicitly based on their own routing state.",
                 "type": "boolean"
+              },
+              {
+                "name": "mobile",
+                "description": "Set automatically by the parent `<cw-primary-navigation>` when it's in its mobile, hamburger-toggled layout —\nswitches a dropdown menu from a floating panel to an inline, full-width disclosure. Not intended to be set\ndirectly.",
+                "type": "boolean"
               }
             ],
             "events": [
@@ -5112,12 +5171,27 @@
           "name": "cw-primary-navigation-menu",
           "description": "A simple flat list of links shown in a `<cw-primary-navigation-item>`'s dropdown. Deliberately\nminimal — no headings, grouping, multi-column layout, or promo slot; styles plain `<a>` elements only.\n---\n\n\n### **Slots:**\n - _default_ - One or more plain `<a>` elements.\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",
           "doc-url": "",
-          "attributes": [],
+          "attributes": [
+            {
+              "name": "mobile",
+              "description": "Set automatically by the parent `<cw-primary-navigation-item>` when its own dropdown is rendered inline for a\nmobile hamburger menu rather than as a floating panel — swaps the card-like floating appearance (border,\nshadow, fixed minimum width) for a full-width, unbordered look that matches the rest of the mobile menu. Not\nintended to be set directly.",
+              "value": { "type": "boolean", "default": "false" }
+            }
+          ],
           "slots": [
             { "name": "", "description": "One or more plain `<a>` elements." }
           ],
           "events": [],
-          "js": { "properties": [], "events": [] }
+          "js": {
+            "properties": [
+              {
+                "name": "mobile",
+                "description": "Set automatically by the parent `<cw-primary-navigation-item>` when its own dropdown is rendered inline for a\nmobile hamburger menu rather than as a floating panel — swaps the card-like floating appearance (border,\nshadow, fixed minimum width) for a full-width, unbordered look that matches the rest of the mobile menu. Not\nintended to be set directly.",
+                "type": "boolean"
+              }
+            ],
+            "events": []
+          }
         },
         {
           "name": "cw-progress-bar",
@@ -6428,6 +6502,92 @@
             "events": []
           }
         },
+        {
+          "name": "cw-social-link",
+          "description": "A link to a social or fediverse profile, rendered as a single icon. Purpose-built for this domain rather\nthan a generic icon-link: set `platform` for one of the common networks and both the icon and accessible label\nare filled in for you.\n---\n\n\n### **CSS Parts:**\n - **base** - The internal `<cw-icon-button>`'s exported `base` part.\n- **base__icon-button** - An alias of `base`, kept for consistency with other components that forward an icon-button's exported `base` part.",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "href",
+              "description": "The URL of the profile to link to.",
+              "value": { "type": "string", "default": "''" }
+            },
+            {
+              "name": "target",
+              "description": "Tells the browser where to open the link. Defaults to a new tab, since a social link always points off-site.",
+              "value": {
+                "type": "'_blank' | '_parent' | '_self' | '_top'",
+                "default": "'_blank'"
+              }
+            },
+            {
+              "name": "rel",
+              "description": "The `rel` attribute for the link. Defaults to `noreferrer noopener`. To mark this link as a verified profile\nreference — the IndieWeb `rel=\"me\"` convention Mastodon and the wider fediverse use for identity verification —\ninclude `me` yourself, e.g. `rel=\"me noreferrer noopener\"`.",
+              "value": { "type": "string", "default": "'noreferrer noopener'" }
+            },
+            {
+              "name": "platform",
+              "description": "One of the common social/fediverse platforms. When set, both the icon and the accessible `label` default to\nthat platform's — set `name`/`library` and/or `label` explicitly to override either, or to support a platform\nnot in this list.",
+              "value": { "type": "Platform | undefined" }
+            },
+            {
+              "name": "name",
+              "description": "The name of the icon to draw. Defaults to `platform`'s icon when set.",
+              "value": { "type": "string | undefined" }
+            },
+            {
+              "name": "library",
+              "description": "The name of a registered custom icon library. Defaults to `system` when `platform` is set.",
+              "value": { "type": "string | undefined" }
+            },
+            {
+              "name": "label",
+              "description": "A description that gets read by assistive devices. Defaults to `platform`'s name when set.",
+              "value": { "type": "string | undefined" }
+            }
+          ],
+          "events": [],
+          "js": {
+            "properties": [
+              {
+                "name": "href",
+                "description": "The URL of the profile to link to.",
+                "type": "string"
+              },
+              {
+                "name": "target",
+                "description": "Tells the browser where to open the link. Defaults to a new tab, since a social link always points off-site.",
+                "type": "'_blank' | '_parent' | '_self' | '_top'"
+              },
+              {
+                "name": "rel",
+                "description": "The `rel` attribute for the link. Defaults to `noreferrer noopener`. To mark this link as a verified profile\nreference — the IndieWeb `rel=\"me\"` convention Mastodon and the wider fediverse use for identity verification —\ninclude `me` yourself, e.g. `rel=\"me noreferrer noopener\"`.",
+                "type": "string"
+              },
+              {
+                "name": "platform",
+                "description": "One of the common social/fediverse platforms. When set, both the icon and the accessible `label` default to\nthat platform's — set `name`/`library` and/or `label` explicitly to override either, or to support a platform\nnot in this list.",
+                "type": "Platform | undefined"
+              },
+              {
+                "name": "name",
+                "description": "The name of the icon to draw. Defaults to `platform`'s icon when set.",
+                "type": "string | undefined"
+              },
+              {
+                "name": "library",
+                "description": "The name of a registered custom icon library. Defaults to `system` when `platform` is set.",
+                "type": "string | undefined"
+              },
+              {
+                "name": "label",
+                "description": "A description that gets read by assistive devices. Defaults to `platform`'s name when set.",
+                "type": "string | undefined"
+              }
+            ],
+            "events": []
+          }
+        },
         {
           "name": "cw-spinner",
           "description": "Spinners are used to show the progress of an indeterminate operation.\n---\n\n\n### **CSS Properties:**\n - **--track-width** - The width of the track. _(default: undefined)_\n- **--track-color** - The color of the track. _(default: undefined)_\n- **--indicator-color** - The color of the spinner's indicator. _(default: undefined)_\n- **--speed** - The time it takes for the spinner to complete one animation cycle. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",

package/dist/chunks/chunk.23EHQXZW.js

@@ -0,0 +1,109 @@
+import {
+  avatar_styles_default
+} from "./chunk.C6Y5XPUO.js";
+import {
+  CwIcon
+} from "./chunk.4QFXWB46.js";
+import {
+  watch
+} from "./chunk.GQZ7EGMM.js";
+import {
+  component_styles_default
+} from "./chunk.TUVJKY7S.js";
+import {
+  CwElement
+} from "./chunk.Z2HD6GN7.js";
+import {
+  __decorateClass
+} from "./chunk.Q44EX5TP.js";
+
+// src/components/avatar/avatar.component.ts
+import { classMap } from "lit/directives/class-map.js";
+import { html } from "lit";
+import { property, state } from "lit/decorators.js";
+var CwAvatar = class extends CwElement {
+  constructor() {
+    super(...arguments);
+    this.hasError = false;
+    this.image = "";
+    this.label = "";
+    this.initials = "";
+    this.loading = "eager";
+    this.shape = "circle";
+  }
+  handleImageChange() {
+    this.hasError = false;
+  }
+  handleImageLoadError() {
+    this.hasError = true;
+    this.emit("cw-error");
+  }
+  render() {
+    const avatarWithImage = html`
+      <img
+        part="image"
+        class="avatar__image"
+        src="${this.image}"
+        loading="${this.loading}"
+        alt=""
+        @error="${this.handleImageLoadError}"
+      />
+    `;
+    let avatarWithoutImage = html``;
+    if (this.initials) {
+      avatarWithoutImage = html`<div part="initials" class="avatar__initials">${this.initials}</div>`;
+    } else {
+      avatarWithoutImage = html`
+        <div part="icon" class="avatar__icon" aria-hidden="true">
+          <slot name="icon">
+            <cw-icon name="person-fill" library="system"></cw-icon>
+          </slot>
+        </div>
+      `;
+    }
+    return html`
+      <div
+        part="base"
+        class=${classMap({
+      avatar: true,
+      "avatar--circle": this.shape === "circle",
+      "avatar--rounded": this.shape === "rounded",
+      "avatar--square": this.shape === "square"
+    })}
+        role="img"
+        aria-label=${this.label}
+      >
+        ${this.image && !this.hasError ? avatarWithImage : avatarWithoutImage}
+      </div>
+    `;
+  }
+};
+CwAvatar.styles = [component_styles_default, avatar_styles_default];
+CwAvatar.dependencies = {
+  "cw-icon": CwIcon
+};
+__decorateClass([
+  state()
+], CwAvatar.prototype, "hasError", 2);
+__decorateClass([
+  property()
+], CwAvatar.prototype, "image", 2);
+__decorateClass([
+  property()
+], CwAvatar.prototype, "label", 2);
+__decorateClass([
+  property()
+], CwAvatar.prototype, "initials", 2);
+__decorateClass([
+  property()
+], CwAvatar.prototype, "loading", 2);
+__decorateClass([
+  property({ reflect: true })
+], CwAvatar.prototype, "shape", 2);
+__decorateClass([
+  watch("image")
+], CwAvatar.prototype, "handleImageChange", 1);
+
+export {
+  CwAvatar
+};

package/dist/chunks/chunk.2CZ6GUJ6.js

@@ -0,0 +1,29 @@
+import {
+  CwTreeItem
+} from "./chunk.OH3DGZBP.js";
+
+// src/react/tree-item/index.ts
+import * as React from "react";
+import { createComponent } from "@lit/react";
+import "@lit/react";
+var tagName = "cw-tree-item";
+CwTreeItem.define("cw-tree-item");
+var reactWrapper = createComponent({
+  tagName,
+  elementClass: CwTreeItem,
+  react: React,
+  events: {
+    onCwExpand: "cw-expand",
+    onCwAfterExpand: "cw-after-expand",
+    onCwCollapse: "cw-collapse",
+    onCwAfterCollapse: "cw-after-collapse",
+    onCwLazyChange: "cw-lazy-change",
+    onCwLazyLoad: "cw-lazy-load"
+  },
+  displayName: "CwTreeItem"
+});
+var tree_item_default = reactWrapper;
+
+export {
+  tree_item_default
+};

package/dist/chunks/chunk.2DX2XLPB.js

@@ -0,0 +1,25 @@
+import {
+  CwIconButton
+} from "./chunk.4LYTQNWC.js";
+
+// src/react/icon-button/index.ts
+import * as React from "react";
+import { createComponent } from "@lit/react";
+import "@lit/react";
+var tagName = "cw-icon-button";
+CwIconButton.define("cw-icon-button");
+var reactWrapper = createComponent({
+  tagName,
+  elementClass: CwIconButton,
+  react: React,
+  events: {
+    onCwBlur: "cw-blur",
+    onCwFocus: "cw-focus"
+  },
+  displayName: "CwIconButton"
+});
+var icon_button_default = reactWrapper;
+
+export {
+  icon_button_default
+};

package/dist/chunks/chunk.2JBORDXP.js

@@ -0,0 +1,21 @@
+import {
+  CwOption
+} from "./chunk.OYL57UNR.js";
+
+// src/react/option/index.ts
+import * as React from "react";
+import { createComponent } from "@lit/react";
+var tagName = "cw-option";
+CwOption.define("cw-option");
+var reactWrapper = createComponent({
+  tagName,
+  elementClass: CwOption,
+  react: React,
+  events: {},
+  displayName: "CwOption"
+});
+var option_default = reactWrapper;
+
+export {
+  option_default
+};

package/dist/chunks/chunk.2R26XY33.js

@@ -0,0 +1,21 @@
+import {
+  CwTabPanel
+} from "./chunk.K3SHQPTG.js";
+
+// src/react/tab-panel/index.ts
+import * as React from "react";
+import { createComponent } from "@lit/react";
+var tagName = "cw-tab-panel";
+CwTabPanel.define("cw-tab-panel");
+var reactWrapper = createComponent({
+  tagName,
+  elementClass: CwTabPanel,
+  react: React,
+  events: {},
+  displayName: "CwTabPanel"
+});
+var tab_panel_default = reactWrapper;
+
+export {
+  tab_panel_default
+};

package/dist/chunks/chunk.2T3F6CUO.js

@@ -0,0 +1,11 @@
+import {
+  CwRadioButton
+} from "./chunk.KNI65A2B.js";
+
+// src/components/radio-button/radio-button.ts
+var radio_button_default = CwRadioButton;
+CwRadioButton.define("cw-radio-button");
+
+export {
+  radio_button_default
+};

package/dist/chunks/chunk.2U54AED7.js

@@ -0,0 +1,33 @@
+import {
+  CwTimePicker
+} from "./chunk.6NIJSKDX.js";
+
+// src/react/time-picker/index.ts
+import * as React from "react";
+import { createComponent } from "@lit/react";
+import "@lit/react";
+var tagName = "cw-time-picker";
+CwTimePicker.define("cw-time-picker");
+var reactWrapper = createComponent({
+  tagName,
+  elementClass: CwTimePicker,
+  react: React,
+  events: {
+    onCwChange: "cw-change",
+    onCwClear: "cw-clear",
+    onCwInput: "cw-input",
+    onCwFocus: "cw-focus",
+    onCwBlur: "cw-blur",
+    onCwShow: "cw-show",
+    onCwAfterShow: "cw-after-show",
+    onCwHide: "cw-hide",
+    onCwAfterHide: "cw-after-hide",
+    onCwInvalid: "cw-invalid"
+  },
+  displayName: "CwTimePicker"
+});
+var time_picker_default = reactWrapper;
+
+export {
+  time_picker_default
+};

package/dist/chunks/chunk.32VBKSDE.js

@@ -0,0 +1,27 @@
+import {
+  CwDetails
+} from "./chunk.4IJXYXG5.js";
+
+// src/react/details/index.ts
+import * as React from "react";
+import { createComponent } from "@lit/react";
+import "@lit/react";
+var tagName = "cw-details";
+CwDetails.define("cw-details");
+var reactWrapper = createComponent({
+  tagName,
+  elementClass: CwDetails,
+  react: React,
+  events: {
+    onCwShow: "cw-show",
+    onCwAfterShow: "cw-after-show",
+    onCwHide: "cw-hide",
+    onCwAfterHide: "cw-after-hide"
+  },
+  displayName: "CwDetails"
+});
+var details_default = reactWrapper;
+
+export {
+  details_default
+};