@kdcloudjs/shoelace 1.0.29 → 1.0.31

package/dist/chunks/chunk.AZTRAFIF.js

@@ -0,0 +1,86 @@
+import {
+  sender_header_styles_default
+} from "./chunk.BW24FEPY.js";
+import {
+  SlButton
+} from "./chunk.4V3MCNCG.js";
+import {
+  SlIcon
+} from "./chunk.XRCLRCVM.js";
+import {
+  ShoelaceElement
+} from "./chunk.JRE3XEGV.js";
+import {
+  __decorateClass
+} from "./chunk.W5KB6T3Z.js";
+
+// src/components/sender-header/sender-header.component.ts
+import { html, nothing } from "lit";
+import { property } from "lit/decorators.js";
+import { classMap } from "lit/directives/class-map.js";
+var SlSenderHeader = class extends ShoelaceElement {
+  constructor() {
+    super(...arguments);
+    this.open = true;
+    this.closable = true;
+    this.title = "";
+    this.forceRender = false;
+  }
+  handleToggleOpen() {
+    const nextOpen = !this.open;
+    this.open = nextOpen;
+    this.emit("sl-open-change", { detail: { open: nextOpen } });
+  }
+  render() {
+    const showContent = this.open || this.forceRender;
+    return html`
+      <div part="base" class=${classMap({ "sender-header": true, "sender-header--closed": !this.open })}>
+        ${this.title || this.closable ? html`
+          <div class="header" part="header">
+            <div class="header__title" part="title">
+              <slot name="title">${this.title}</slot>
+            </div>
+            ${this.closable ? html`
+              <sl-button variant="text" size="small" @click=${this.handleToggleOpen}>
+                <sl-icon name="x-lg" label="Close"></sl-icon>
+              </sl-button>
+            ` : ""}
+          </div>
+        ` : ""}
+
+        ${showContent ? html`
+          <div
+            class=${classMap({
+      "content": true,
+      "content--closed": !this.open
+    })}
+            part="content"
+          >
+            <slot></slot>
+          </div>
+        ` : nothing}
+      </div>
+    `;
+  }
+};
+SlSenderHeader.styles = [sender_header_styles_default];
+SlSenderHeader.dependencies = {
+  "sl-button": SlButton,
+  "sl-icon": SlIcon
+};
+__decorateClass([
+  property({ type: Boolean, reflect: true })
+], SlSenderHeader.prototype, "open", 2);
+__decorateClass([
+  property({ type: Boolean })
+], SlSenderHeader.prototype, "closable", 2);
+__decorateClass([
+  property({ type: String })
+], SlSenderHeader.prototype, "title", 2);
+__decorateClass([
+  property({ type: Boolean, attribute: "force-render" })
+], SlSenderHeader.prototype, "forceRender", 2);
+
+export {
+  SlSenderHeader
+};

package/dist/chunks/{chunk.D3Y3WW77.js → chunk.BDR6VFV5.js}

@@ -1,6 +1,6 @@
 import {
   SlRating
-} from "./chunk.3MI6FFND.js";
+} from "./chunk.7FBPST7K.js";
 
 // src/react/rating/index.ts
 import * as React from "react";

package/dist/chunks/chunk.BW24FEPY.js

@@ -0,0 +1,42 @@
+// src/components/sender-header/sender-header.styles.ts
+import { css } from "lit";
+var sender_header_styles_default = css`
+  :host {
+    display: block;
+  }
+
+  .sender-header {
+    overflow: hidden;
+    transition: height var(--sl-transition-medium) ease-in-out;
+  }
+
+  .header {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: var(--sl-spacing-small);
+    margin-bottom: var(--sl-spacing-small);
+  }
+
+  .header__title {
+    font-weight: var(--sl-font-weight-bold);
+    flex: 1;
+  }
+
+  .content {
+    overflow: hidden;
+    transition: max-height var(--sl-transition-medium) ease-in-out, opacity var(--sl-transition-medium) ease-in-out;
+    max-height: 1000px;
+    opacity: 1;
+  }
+
+  .content--closed {
+    max-height: 0;
+    opacity: 0;
+    margin-bottom: 0;
+  }
+`;
+
+export {
+  sender_header_styles_default
+};

package/dist/chunks/{chunk.XLVA5ZEI.js → chunk.CBSZF36H.js}

@@ -1,6 +1,6 @@
 import {
   SlImageComparer
-} from "./chunk.5VMZZO5N.js";
+} from "./chunk.U546SMOX.js";
 
 // src/components/image-comparer/image-comparer.ts
 var image_comparer_default = SlImageComparer;

package/dist/chunks/{chunk.QEB3AMG2.js → chunk.CJJNKIGS.js}

@@ -1,6 +1,6 @@
 import {
   SlThoughtChainItem
-} from "./chunk.PRNRZ46M.js";
+} from "./chunk.HUEJ6FJI.js";
 
 // src/components/thought-chain-item/thought-chain-item.ts
 var thought_chain_item_default = SlThoughtChainItem;

package/dist/chunks/{chunk.LDYNEEPR.js → chunk.CMHVCSO3.js}

@@ -1,6 +1,6 @@
 import {
   SlTabGroup
-} from "./chunk.PKSNYBHX.js";
+} from "./chunk.I3E7XRJD.js";
 
 // src/react/tab-group/index.ts
 import * as React from "react";

package/dist/chunks/chunk.CMQDL7CN.js

@@ -0,0 +1,25 @@
+import {
+  SlFloatButtonGroup
+} from "./chunk.RS2GWDLW.js";
+
+// src/react/float-button-group/index.ts
+import * as React from "react";
+import { createComponent } from "@lit/react";
+import "@lit/react";
+var tagName = "sl-float-button-group";
+SlFloatButtonGroup.define("sl-float-button-group");
+var reactWrapper = createComponent({
+  tagName,
+  elementClass: SlFloatButtonGroup,
+  react: React,
+  events: {
+    onSlShow: "sl-show",
+    onSlHide: "sl-hide"
+  },
+  displayName: "SlFloatButtonGroup"
+});
+var float_button_group_default = reactWrapper;
+
+export {
+  float_button_group_default
+};

package/dist/chunks/{chunk.VOXZIPYZ.js → chunk.COGPFCGH.js}

@@ -1,6 +1,6 @@
 import {
   SlNav
-} from "./chunk.F3B2VXIE.js";
+} from "./chunk.2T32M5MK.js";
 
 // src/components/nav/nav.ts
 var nav_default = SlNav;

package/dist/chunks/{chunk.7Q6JJ7KV.js → chunk.CPYCCN74.js}

@@ -1,6 +1,6 @@
 import {
   SlTable
-} from "./chunk.5AT3BVD5.js";
+} from "./chunk.YT7X6G4Q.js";
 
 // src/react/table/index.ts
 import * as React from "react";

package/{cdn/chunks/chunk.OSXVD4NI.js → dist/chunks/chunk.CS3KGM3I.js}

@@ -1,6 +1,6 @@
 import {
   SlMenuItem
-} from "./chunk.EY32EKVK.js";
+} from "./chunk.ZIK6UFCB.js";
 
 // src/react/menu-item/index.ts
 import * as React from "react";

package/dist/chunks/{chunk.2AQN4JQJ.js → chunk.CSJDM3I6.js}

@@ -6,23 +6,23 @@ import {
 } from "./chunk.AJYW62WJ.js";
 import {
   SlDatePanel
-} from "./chunk.HUZFXLTR.js";
-import {
-  SlDrawer
-} from "./chunk.UUFFPP2C.js";
+} from "./chunk.4UNNJGN7.js";
 import {
   SlInput
-} from "./chunk.6VOY3F7S.js";
+} from "./chunk.IBO3W47J.js";
 import {
   SlPopup
 } from "./chunk.YPHENAEZ.js";
+import {
+  SlDrawer
+} from "./chunk.5XQT43Z6.js";
 import {
   formatDatetime,
   parseDatetime
-} from "./chunk.MDNVBBZH.js";
+} from "./chunk.D7XNHHL2.js";
 import {
   SlTimePanel
-} from "./chunk.QHAMOKMK.js";
+} from "./chunk.W6RAVHWZ.js";
 import {
   watch
 } from "./chunk.55S3OOTM.js";
@@ -183,6 +183,7 @@ var SlTimepicker = class extends PickerBase {
         <sl-time-panel
           part="panel"
           exportparts="
+            base: time-base,
             header:time-header,
             columns:time-columns,
             column:time-column,

package/dist/chunks/chunk.CVSDG6FV.js

@@ -0,0 +1,24 @@
+import {
+  SlFloatButton
+} from "./chunk.IPRT4PW2.js";
+
+// src/react/float-button/index.ts
+import * as React from "react";
+import { createComponent } from "@lit/react";
+import "@lit/react";
+var tagName = "sl-float-button";
+SlFloatButton.define("sl-float-button");
+var reactWrapper = createComponent({
+  tagName,
+  elementClass: SlFloatButton,
+  react: React,
+  events: {
+    onSlClick: "sl-click"
+  },
+  displayName: "SlFloatButton"
+});
+var float_button_default = reactWrapper;
+
+export {
+  float_button_default
+};

package/dist/chunks/chunk.D23WFKHD.js

@@ -0,0 +1,31 @@
+// src/components/sender-switch/sender-switch.styles.ts
+import { css } from "lit";
+var sender_switch_styles_default = css`
+  :host {
+    display: inline-block;
+  }
+
+  .sender-switch::part(base) {
+    background-color: #fff;
+  }
+
+  .sender-switch:hover::part(base) {
+    background-color: rgba(0, 0, 0, 0.04);
+  }
+
+  .sender-switch.switch--checked::part(base) {
+    border-color: var(--sl-color-primary-600);
+    color: var(--sl-color-primary-600);
+    background-color: rgba(22,119,255,0.08);
+  }
+
+  .sender-switch.switch--checked sl-button:hover::part(base) {
+    border-color: var(--sl-color-primary-500);
+    color: var(--sl-color-primary-500);
+    background-color: rgba(22,119,255,0.08);
+  }
+`;
+
+export {
+  sender_switch_styles_default
+};

package/{cdn/chunks/chunk.72QKDL6S.js → dist/chunks/chunk.D46NZRNK.js}

@@ -1,6 +1,6 @@
 import {
   SlDatepicker
-} from "./chunk.HDUGD4BT.js";
+} from "./chunk.SL5TVNJJ.js";
 
 // src/react/datepicker/index.ts
 import * as React from "react";

package/dist/chunks/{chunk.MDNVBBZH.js → chunk.D7XNHHL2.js}

@@ -1,12 +1,12 @@
 import {
   SlTimePanel
-} from "./chunk.QHAMOKMK.js";
+} from "./chunk.W6RAVHWZ.js";
 import {
   SlButton
-} from "./chunk.SJQBLTVX.js";
+} from "./chunk.4V3MCNCG.js";
 import {
   SlIcon
-} from "./chunk.TJTYBIR7.js";
+} from "./chunk.XRCLRCVM.js";
 import {
   watch
 } from "./chunk.55S3OOTM.js";
@@ -233,6 +233,7 @@ var calendar_style_default = css`
     box-shadow: var(--sl-shadow-large);
     border-radius: var(--sl-border-radius-medium);
     overflow: hidden;
+    background-color: var(--sl-color-neutral-0);
   }
 
   .calendar__content {

package/{cdn/chunks/chunk.QRPICAKD.js → dist/chunks/chunk.DEITFGBS.js}

@@ -1,6 +1,6 @@
 import {
   SlTab
-} from "./chunk.YWZB7GE3.js";
+} from "./chunk.4XRAGUIQ.js";
 
 // src/components/tab/tab.ts
 var tab_default = SlTab;

package/{cdn/chunks/chunk.62S3UIKH.js → dist/chunks/chunk.DKX5VTND.js}

@@ -1,6 +1,6 @@
 import {
   SlIcon
-} from "./chunk.ZNCN2NE6.js";
+} from "./chunk.XRCLRCVM.js";
 
 // src/react/icon/index.ts
 import * as React from "react";

package/dist/chunks/chunk.DNWRKWYS.js

@@ -0,0 +1,11 @@
+import {
+  SlFloatButtonGroup
+} from "./chunk.RS2GWDLW.js";
+
+// src/components/float-button-group/float-button-group.ts
+var float_button_group_default = SlFloatButtonGroup;
+SlFloatButtonGroup.define("sl-float-button-group");
+
+export {
+  float_button_group_default
+};

package/dist/chunks/{chunk.ADTP5OV5.js → chunk.DQABKHDM.js}

@@ -1,15 +1,15 @@
 import {
   SlVisuallyHidden
 } from "./chunk.OUNPBRRD.js";
-import {
-  SlDropdown
-} from "./chunk.LJNA7HKE.js";
 import {
   drag
 } from "./chunk.ESELY2US.js";
+import {
+  SlDropdown
+} from "./chunk.LJNA7HKE.js";
 import {
   SlInput
-} from "./chunk.6VOY3F7S.js";
+} from "./chunk.IBO3W47J.js";
 import {
   color_picker_styles_default
 } from "./chunk.O6CEROC7.js";
@@ -19,21 +19,21 @@ import {
 import {
   defaultValue
 } from "./chunk.GI7VDIWX.js";
+import {
+  SlButtonGroup
+} from "./chunk.ACFWV6JZ.js";
 import {
   SlButton
-} from "./chunk.SJQBLTVX.js";
+} from "./chunk.4V3MCNCG.js";
 import {
   FormControlController
 } from "./chunk.WBWPWG4N.js";
-import {
-  SlButtonGroup
-} from "./chunk.ACFWV6JZ.js";
 import {
   LocalizeController
 } from "./chunk.6CTB5ZDJ.js";
 import {
   SlIcon
-} from "./chunk.TJTYBIR7.js";
+} from "./chunk.XRCLRCVM.js";
 import {
   watch
 } from "./chunk.55S3OOTM.js";

package/dist/chunks/{chunk.PLFXQQK7.js → chunk.DTKQCP3B.js}

@@ -1,6 +1,6 @@
 import {
   SlDetails
-} from "./chunk.CD3W4OKL.js";
+} from "./chunk.S3JB2UHY.js";
 
 // src/react/details/index.ts
 import * as React from "react";

package/dist/chunks/{chunk.WYGWB63T.js → chunk.DVZSBAMK.js}

@@ -1,6 +1,6 @@
 import {
   SlDrawer
-} from "./chunk.UUFFPP2C.js";
+} from "./chunk.5XQT43Z6.js";
 
 // src/components/drawer/drawer.ts
 var drawer_default = SlDrawer;

package/dist/chunks/{chunk.IDAAUGHM.js → chunk.F3YAUNWY.js}

@@ -1,6 +1,6 @@
 import {
   SlXMarkdown
-} from "./chunk.PAHARZQS.js";
+} from "./chunk.XGK7HEDC.js";
 
 // src/components/x-markdown/x-markdown.ts
 var x_markdown_default = SlXMarkdown;

package/dist/chunks/{chunk.7DCG5NJM.js → chunk.FJR4PM7P.js}

@@ -1,6 +1,6 @@
 import {
   SlRange
-} from "./chunk.MBBHJ5GO.js";
+} from "./chunk.P6QATVJO.js";
 
 // src/components/range/range.ts
 var range_default = SlRange;

package/dist/chunks/{chunk.QYRMBDMM.js → chunk.FZW6GDBE.js}

@@ -1,6 +1,6 @@
 import {
   SlDialog
-} from "./chunk.UH4QRZF2.js";
+} from "./chunk.4X653G5O.js";
 
 // src/react/dialog/index.ts
 import * as React from "react";