@kdcloudjs/shoelace 1.0.29 → 1.0.31

package/cdn/chunks/{chunk.OHEL4NP5.js → chunk.MNIYL75K.js}

@@ -1,9 +1,6 @@
-import {
-  animated_image_styles_default
-} from "./chunk.6GX7LAZ6.js";
 import {
   SlIcon
-} from "./chunk.ZNCN2NE6.js";
+} from "./chunk.2AP733KC.js";
 import {
   watch
 } from "./chunk.WID3TCT6.js";
@@ -16,6 +13,9 @@ import {
   n,
   r
 } from "./chunk.J5EDZ3U4.js";
+import {
+  animated_image_styles_default
+} from "./chunk.6GX7LAZ6.js";
 import {
   b
 } from "./chunk.7Z2GKZ7U.js";

package/cdn/chunks/{chunk.WP3ZMSVT.js → chunk.MOGUH7GN.js}

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

package/{dist/chunks/chunk.UT7IPPSO.js → cdn/chunks/chunk.MOXXBMVH.js}

@@ -1,6 +1,6 @@
 import {
   SlInput
-} from "./chunk.6VOY3F7S.js";
+} from "./chunk.T5VRBH5J.js";
 
 // src/components/input/input.ts
 var input_default = SlInput;

package/cdn/chunks/{chunk.FMPFP5OE.js → chunk.MRLC3567.js}

@@ -1,6 +1,6 @@
 import {
   SlMenuItem
-} from "./chunk.EY32EKVK.js";
+} from "./chunk.VQZYCZBT.js";
 
 // src/components/menu-item/menu-item.ts
 var menu_item_default = SlMenuItem;

package/{dist/chunks/chunk.IJ3VMW2R.js → cdn/chunks/chunk.MW477ANT.js}

@@ -1,6 +1,6 @@
 import {
   SlNav
-} from "./chunk.F3B2VXIE.js";
+} from "./chunk.WTJDLUX5.js";
 
 // src/react/nav/index.ts
 import * as React from "react";

package/cdn/chunks/{chunk.OCJROKVC.js → chunk.MYLFX5LX.js}

@@ -1,6 +1,6 @@
 import {
   SlOption
-} from "./chunk.BN5EFUPY.js";
+} from "./chunk.5RGUSMA7.js";
 
 // src/components/option/option.ts
 var option_default = SlOption;

package/cdn/chunks/{chunk.AIOAAHPL.js → chunk.NBCWBDT4.js}

@@ -18,7 +18,7 @@ import {
 } from "./chunk.ZLKEMKLZ.js";
 import {
   SlIcon
-} from "./chunk.ZNCN2NE6.js";
+} from "./chunk.2AP733KC.js";
 import {
   watch
 } from "./chunk.WID3TCT6.js";

package/cdn/chunks/{chunk.DN35DSU5.js → chunk.NBWMMBCI.js}

@@ -195,7 +195,7 @@ var think_styles_default = i`
 
     /* 2. Beam gradient — transparent endpoints let background-color show through;
      *    only the highlight peak produces a visible colour change. */
-    background-image: linear-gradient(90deg, transparent, var(--sl-c-think-TitleTextBlink-color, var(--sl-color-neutral-1000, #000), transparent);
+    background-image: linear-gradient(90deg, transparent, var(--sl-c-think-TitleTextBlink-color, var(--sl-color-neutral-1000, #000)), transparent);
 
     background-clip: text;
     -webkit-background-clip: text;

package/cdn/chunks/{chunk.MOV5RV53.js → chunk.NKXBOUPT.js}

@@ -1,6 +1,6 @@
 import {
   SlProgressBar
-} from "./chunk.HIUGXXPV.js";
+} from "./chunk.D2GTY7PE.js";
 
 // src/react/progress-bar/index.ts
 import * as React from "react";

package/cdn/chunks/{chunk.S23U5OGR.js → chunk.NPB5H3GH.js}

@@ -1,6 +1,6 @@
 import {
   SlIcon
-} from "./chunk.ZNCN2NE6.js";
+} from "./chunk.2AP733KC.js";
 
 // src/components/icon/icon.ts
 var icon_default = SlIcon;

package/cdn/chunks/{chunk.H7LVX6WK.js → chunk.NSCQ5BDB.js}

@@ -1,6 +1,6 @@
 import {
   SlSplitPanel
-} from "./chunk.3GW6TCA3.js";
+} from "./chunk.7P4TKLSC.js";
 
 // src/components/split-panel/split-panel.ts
 var split_panel_default = SlSplitPanel;

package/cdn/chunks/chunk.NYQXSK4K.js

@@ -0,0 +1,11 @@
+import {
+  SlSender
+} from "./chunk.M22RVKD5.js";
+
+// src/components/sender/sender.ts
+var sender_default = SlSender;
+SlSender.define("sl-sender");
+
+export {
+  sender_default
+};

package/cdn/chunks/{chunk.N7W7BBNU.js → chunk.NZU6BSSA.js}

@@ -278,6 +278,233 @@ var daterangepicker_styles_default = i`
   .daterangepicker--pill.daterangepicker--large {
     border-radius: var(--sl-input-height-large);
   }
+
+  /* ─── Mobile Styles ─── */
+
+  .daterangepicker-mobile__drawer {
+    --size: auto;
+    --sl-mobile-safe-area-bottom: env(safe-area-inset-bottom, 0px);
+  }
+
+  .daterangepicker-mobile__drawer::part(body) {
+    padding: 0 0 max(var(--sl-spacing-2x-small), var(--sl-mobile-safe-area-bottom)) 0;
+    display: flex;
+    flex-direction: column;
+    overflow: hidden;
+    position: relative;
+    min-height: 400px;
+  }
+
+  .daterangepicker-mobile__header {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding: var(--sl-spacing-2x-small) var(--sl-spacing-small);
+    background: var(--sl-color-neutral-50);
+    border-bottom: 1px solid var(--sl-color-neutral-200);
+    flex-shrink: 0;
+  }
+
+  .daterangepicker-mobile__header-left {
+    display: flex;
+    gap: var(--sl-spacing-2x-small);
+  }
+
+  .daterangepicker-mobile__header sl-button::part(base) {
+    font-size: var(--sl-button-font-size-medium);
+    color: var(--sl-color-neutral-900);
+  }
+
+  .daterangepicker-mobile__confirm-btn:not([disabled])::part(base) {
+    color: var(--sl-color-primary-600);
+  }
+
+  .daterangepicker-mobile__calendar {
+    flex: 1;
+    overflow: auto;
+  }
+
+  .daterangepicker-mobile__calendar sl-calendar {
+    width: 100%;
+  }
+
+  .daterangepicker-mobile__calendar sl-calendar::part(base) {
+    box-shadow: none;
+    border: none;
+  }
+
+  /* Footer */
+  .daterangepicker-mobile__footer {
+    display: flex;
+    align-items: center;
+    padding: var(--sl-spacing-x-small) var(--sl-spacing-medium);
+    border-top: 1px solid var(--sl-color-neutral-200);
+    background: var(--sl-color-neutral-0);
+    flex-shrink: 0;
+  }
+
+  .daterangepicker-mobile__footer-item {
+    flex: 1;
+    text-align: center;
+    padding: var(--sl-spacing-2x-small) var(--sl-spacing-small);
+    border-radius: var(--sl-border-radius-medium);
+    font-size: var(--sl-font-size-medium);
+    color: var(--sl-color-neutral-900);
+    cursor: pointer;
+    transition:
+      var(--sl-transition-fast) background-color,
+      var(--sl-transition-fast) color;
+    border: 1px solid transparent;
+  }
+
+  .daterangepicker-mobile__footer-item--empty {
+    color: var(--sl-color-neutral-400);
+  }
+
+  .daterangepicker-mobile__footer-item--active {
+    background: var(--sl-color-primary-50);
+  }
+
+  .daterangepicker-mobile__footer-separator {
+    padding: 0 var(--sl-spacing-x-small);
+    color: var(--sl-color-neutral-400);
+    user-select: none;
+  }
+
+  /* Wheel Picker (reused from date-panel pattern) */
+  .daterangepicker-mobile__wheel-picker {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    box-sizing: border-box;
+    padding-bottom: max(var(--sl-spacing-2x-small), env(safe-area-inset-bottom, 0px));
+    background: var(--sl-color-neutral-50);
+    z-index: 10;
+    display: flex;
+    flex-direction: column;
+  }
+
+  .daterangepicker-mobile__wheel-header {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding: var(--sl-spacing-2x-small) var(--sl-spacing-small);
+    flex-shrink: 0;
+    background: var(--sl-color-neutral-50);
+  }
+
+  .daterangepicker-mobile__wheel-header sl-button:first-child::part(base) {
+    color: var(--sl-color-neutral-900);
+  }
+
+  .daterangepicker-mobile__wheel-current {
+    text-align: center;
+    font-size: var(--sl-font-size-medium);
+    padding: var(--sl-spacing-x-small) 0;
+    color: var(--sl-color-neutral-900);
+    border-top: 1px solid var(--sl-color-neutral-200);
+    border-bottom: 1px solid var(--sl-color-neutral-200);
+  }
+
+  .daterangepicker-mobile__wheel-labels {
+    display: flex;
+    padding: var(--sl-spacing-x-small) 0;
+    background: var(--sl-color-neutral-100);
+  }
+
+  .daterangepicker-mobile__wheel-labels > div {
+    flex: 1;
+    text-align: center;
+    font-size: var(--sl-font-size-small);
+    color: var(--sl-color-neutral-500);
+  }
+
+  .daterangepicker-mobile__wheel-body {
+    flex: 1;
+    display: flex;
+    position: relative;
+    overflow: hidden;
+  }
+
+  .daterangepicker-mobile__wheel-column {
+    flex: 1;
+    overflow-y: scroll;
+    overflow-x: hidden;
+    scroll-snap-type: y mandatory;
+    scrollbar-width: none;
+    -ms-overflow-style: none;
+    position: relative;
+    z-index: 1;
+    touch-action: pan-y;
+    overscroll-behavior-x: none;
+    display: flex;
+    flex-direction: column;
+  }
+
+  .daterangepicker-mobile__wheel-column::-webkit-scrollbar {
+    display: none;
+  }
+
+  .daterangepicker-mobile__wheel-item {
+    height: 40px;
+    flex-shrink: 0;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    scroll-snap-align: center;
+    color: var(--sl-color-neutral-400);
+    transition: color 0.1s;
+    font-size: var(--sl-font-size-medium);
+    box-sizing: border-box;
+  }
+
+  .daterangepicker-mobile__wheel-item--selected {
+    color: var(--sl-color-neutral-900);
+  }
+
+  .daterangepicker-mobile__wheel-translate-top {
+    position: absolute;
+    top: 0;
+    height: calc(50% - 20px);
+    left: 0;
+    width: 100%;
+    background: linear-gradient(to bottom, var(--sl-color-neutral-50) 0%, rgba(245, 245, 245, 0) 100%);
+    pointer-events: none;
+    z-index: 2;
+  }
+
+  .daterangepicker-mobile__wheel-translate-bottom {
+    position: absolute;
+    bottom: 0;
+    height: calc(50% - 20px);
+    left: 0;
+    width: 100%;
+    background: linear-gradient(to top, var(--sl-color-neutral-50) 0%, rgba(245, 245, 245, 0) 100%);
+    pointer-events: none;
+    z-index: 2;
+  }
+
+  .daterangepicker-mobile__wheel-highlight {
+    position: absolute;
+    top: 50%;
+    left: 0;
+    width: 100%;
+    height: 40px;
+    margin-top: -20px;
+    opacity: 0.5;
+    border-top: 1px solid var(--sl-color-neutral-200);
+    border-bottom: 1px solid var(--sl-color-neutral-200);
+    pointer-events: none;
+    z-index: 3;
+    box-sizing: border-box;
+  }
+
+  .daterangepicker-mobile__wheel-spacer {
+    height: calc(50% - 20px);
+    flex-shrink: 0;
+  }
 `;
 
 export {

package/{dist/chunks/chunk.F5KDDEGG.js → cdn/chunks/chunk.NZXWOPL3.js}

@@ -1,6 +1,6 @@
 import {
   SlBreadcrumb
-} from "./chunk.3OVZFWLQ.js";
+} from "./chunk.XTZD43PS.js";
 
 // src/react/breadcrumb/index.ts
 import * as React from "react";

package/cdn/chunks/{chunk.3FO6PJTD.js → chunk.O7BMIARB.js}

@@ -1,6 +1,6 @@
 import {
   SlTab
-} from "./chunk.YWZB7GE3.js";
+} from "./chunk.3DRIHIOU.js";
 
 // src/react/tab/index.ts
 import * as React from "react";

package/cdn/chunks/{chunk.WFGZ25EF.js → chunk.OBQXUZUT.js}

@@ -12,21 +12,21 @@ import {
   i,
   u
 } from "./chunk.3ZG6RGJQ.js";
-import {
-  LocalizeController
-} from "./chunk.2SU6QBUU.js";
 import {
   o
 } from "./chunk.OJXBTTLD.js";
 import {
   HasSlotController
 } from "./chunk.NYIIDP5N.js";
+import {
+  LocalizeController
+} from "./chunk.2SU6QBUU.js";
 import {
   e
 } from "./chunk.ZLKEMKLZ.js";
 import {
   SlIcon
-} from "./chunk.ZNCN2NE6.js";
+} from "./chunk.2AP733KC.js";
 import {
   watch
 } from "./chunk.WID3TCT6.js";

package/cdn/chunks/{chunk.22L6GGEN.js → chunk.OPUWOUN3.js}

@@ -1,6 +1,6 @@
 import {
   SlDatePanel
-} from "./chunk.YOWALB6A.js";
+} from "./chunk.4EK6KNBC.js";
 
 // src/react/date-panel/index.ts
 import * as React from "react";

package/cdn/chunks/{chunk.XPSRGG4H.js → chunk.OTYDDGYD.js}

@@ -1,6 +1,6 @@
 import {
   SlPagination
-} from "./chunk.NVO6AEKX.js";
+} from "./chunk.IAH6V4O6.js";
 
 // src/react/pagination/index.ts
 import * as React from "react";

package/cdn/chunks/{chunk.TBG5G4ET.js → chunk.PBB7322Y.js}

@@ -1,6 +1,6 @@
 import {
   SlXMarkdown
-} from "./chunk.W2JTEAS7.js";
+} from "./chunk.WPESYCFW.js";
 
 // src/react/x-markdown/index.ts
 import * as React from "react";

package/cdn/chunks/{chunk.2CWFRKQO.js → chunk.PG6GVAA4.js}

@@ -1,9 +1,9 @@
+import {
+  SlTreeItem
+} from "./chunk.74D4HZDZ.js";
 import {
   tree_styles_default
 } from "./chunk.RGMJBCXA.js";
-import {
-  SlTreeItem
-} from "./chunk.24RHFOSL.js";
 import {
   clamp
 } from "./chunk.HF7GESMZ.js";

package/cdn/chunks/{chunk.ENXY5MW5.js → chunk.PLJLGB2U.js}

@@ -1,6 +1,6 @@
 import {
   SlTabGroup
-} from "./chunk.L27ZP5M3.js";
+} from "./chunk.AQCX7OCI.js";
 
 // src/components/tab-group/tab-group.ts
 var tab_group_default = SlTabGroup;

package/{dist/chunks/chunk.QZ6SOV43.js → cdn/chunks/chunk.POIE2XDG.js}

@@ -1,6 +1,6 @@
 import {
   SlThink
-} from "./chunk.ZDWVDDKH.js";
+} from "./chunk.XNGBMHEJ.js";
 
 // src/components/think/think.ts
 var think_default = SlThink;

package/cdn/chunks/{chunk.4KPHRQ7L.js → chunk.PTU5C4HV.js}

@@ -1,6 +1,6 @@
 import {
   SlProgressBar
-} from "./chunk.HIUGXXPV.js";
+} from "./chunk.D2GTY7PE.js";
 
 // src/components/progress-bar/progress-bar.ts
 var progress_bar_default = SlProgressBar;

package/{dist/chunks/chunk.I7A23GA6.js → cdn/chunks/chunk.QFZJJX6A.js}

@@ -1,6 +1,6 @@
 import {
   SlDrawer
-} from "./chunk.UUFFPP2C.js";
+} from "./chunk.VQ4QS2IG.js";
 
 // src/react/drawer/index.ts
 import * as React from "react";

package/cdn/chunks/chunk.QMAX5HQE.js

@@ -0,0 +1,11 @@
+import {
+  SlSenderSwitch
+} from "./chunk.UCVTBQUH.js";
+
+// src/components/sender-switch/sender-switch.ts
+var sender_switch_default = SlSenderSwitch;
+SlSenderSwitch.define("sl-sender-switch");
+
+export {
+  sender_switch_default
+};

package/cdn/chunks/{chunk.XCZ57DS7.js → chunk.QPXE274O.js}

@@ -1,6 +1,6 @@
 import {
   SlTimepicker
-} from "./chunk.UKLPQIYL.js";
+} from "./chunk.GZXB5Q7I.js";
 
 // src/react/timepicker/index.ts
 import * as React from "react";

package/{dist/chunks/chunk.CSVWI6Y4.js → cdn/chunks/chunk.QROBXPC7.js}

@@ -1,6 +1,6 @@
 import {
   SlCopyButton
-} from "./chunk.MU5AZVCP.js";
+} from "./chunk.XY7Q4XXB.js";
 
 // src/react/copy-button/index.ts
 import * as React from "react";

package/{dist/chunks/chunk.ID3OSK4H.js → cdn/chunks/chunk.RJ3FTBIG.js}

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

package/cdn/chunks/{chunk.DKLBJEHD.js → chunk.RNK6BFDN.js}

@@ -1,18 +1,18 @@
 import {
   SlVisuallyHidden
 } from "./chunk.7T7I4NV2.js";
-import {
-  SlDropdown
-} from "./chunk.XLNV2YNC.js";
 import {
   drag
 } from "./chunk.ESELY2US.js";
 import {
   o as o2
 } from "./chunk.TNQRIWXJ.js";
+import {
+  SlDropdown
+} from "./chunk.WUFUS2OW.js";
 import {
   SlInput
-} from "./chunk.KP4WXHNO.js";
+} from "./chunk.T5VRBH5J.js";
 import {
   color_picker_styles_default
 } from "./chunk.36S6SA3U.js";
@@ -22,27 +22,27 @@ import {
 import {
   defaultValue
 } from "./chunk.TWOCTPT4.js";
+import {
+  SlButtonGroup
+} from "./chunk.REVFQ5XX.js";
 import {
   SlButton
-} from "./chunk.WFGZ25EF.js";
+} from "./chunk.OBQXUZUT.js";
 import {
   FormControlController
 } from "./chunk.SY37VGFH.js";
 import {
-  SlButtonGroup
-} from "./chunk.REVFQ5XX.js";
+  o
+} from "./chunk.OJXBTTLD.js";
 import {
   LocalizeController
 } from "./chunk.2SU6QBUU.js";
-import {
-  o
-} from "./chunk.OJXBTTLD.js";
 import {
   e
 } from "./chunk.ZLKEMKLZ.js";
 import {
   SlIcon
-} from "./chunk.ZNCN2NE6.js";
+} from "./chunk.2AP733KC.js";
 import {
   watch
 } from "./chunk.WID3TCT6.js";

package/{dist/chunks/chunk.MEBOP6MN.js → cdn/chunks/chunk.RSOAZPCO.js}

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

package/cdn/chunks/{chunk.77A7ZSJQ.js → chunk.RSREJ5ZX.js}

@@ -1,6 +1,6 @@
 import {
   SlSplitPanel
-} from "./chunk.3GW6TCA3.js";
+} from "./chunk.7P4TKLSC.js";
 
 // src/react/split-panel/index.ts
 import * as React from "react";

package/cdn/chunks/{chunk.ARH726IJ.js → chunk.S35STP65.js}

@@ -1,6 +1,6 @@
 import {
   SlAlert
-} from "./chunk.AAHHK24C.js";
+} from "./chunk.HAFCRWWF.js";
 
 // src/components/alert/alert.ts
 var alert_default = SlAlert;

package/{dist/chunks/chunk.EBJFB5ED.js → cdn/chunks/chunk.S5S2NY35.js}

@@ -1,6 +1,6 @@
 import {
   SlCheckbox
-} from "./chunk.7IZ4S4JF.js";
+} from "./chunk.XTB2EMPO.js";
 
 // src/react/checkbox/index.ts
 import * as React from "react";

package/cdn/chunks/chunk.SFJXFFYI.js

@@ -0,0 +1,24 @@
+import {
+  SlFloatButton
+} from "./chunk.3Q6AWNUW.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/cdn/chunks/chunk.SGCGLCRE.js

@@ -0,0 +1,24 @@
+import {
+  SlSenderSwitch
+} from "./chunk.UCVTBQUH.js";
+
+// src/react/sender-switch/index.ts
+import * as React from "react";
+import { createComponent } from "@lit/react";
+import "@lit/react";
+var tagName = "sl-sender-switch";
+SlSenderSwitch.define("sl-sender-switch");
+var reactWrapper = createComponent({
+  tagName,
+  elementClass: SlSenderSwitch,
+  react: React,
+  events: {
+    onSlChange: "sl-change"
+  },
+  displayName: "SlSenderSwitch"
+});
+var sender_switch_default = reactWrapper;
+
+export {
+  sender_switch_default
+};

package/cdn/chunks/{chunk.2IJ4DOTI.js → chunk.SRPRGHBX.js}

@@ -1,6 +1,6 @@
 import {
   SlButton
-} from "./chunk.WFGZ25EF.js";
+} from "./chunk.OBQXUZUT.js";
 
 // src/components/button/button.ts
 var button_default = SlButton;