@kdcloudjs/shoelace 0.0.2 → 1.0.0

package/cdn/chunks/{chunk.ZITR7CNV.js → chunk.23LEVUAD.js}

@@ -1,6 +1,6 @@
 import {
   SlBadge
-} from "./chunk.HJNLDS3G.js";
+} from "./chunk.YSDEXDWJ.js";
 
 // src/components/badge/badge.ts
 var badge_default = SlBadge;

package/cdn/chunks/{chunk.IUHTUI3I.js → chunk.2DQM7KR3.js}

@@ -1,6 +1,6 @@
 import {
   SlSelect
-} from "./chunk.D7ICQTLU.js";
+} from "./chunk.H7PLVQKX.js";
 
 // src/react/select/index.ts
 import * as React from "react";

package/cdn/chunks/{chunk.7ADEH4EC.js → chunk.2LZSKJ2T.js}

@@ -1,6 +1,6 @@
 import {
   SlCarousel
-} from "./chunk.HGOSNLLN.js";
+} from "./chunk.BQM4EFTD.js";
 
 // src/components/carousel/carousel.ts
 var carousel_default = SlCarousel;

package/cdn/chunks/{chunk.2PRYPMT2.js → chunk.2MEQUOQT.js}

@@ -1,6 +1,6 @@
 import {
   SlIcon
-} from "./chunk.CNYZO7IJ.js";
+} from "./chunk.EN6IZDYW.js";
 import {
   watch
 } from "./chunk.OY5V3CPY.js";
@@ -12,7 +12,7 @@ import {
   e,
   n,
   r
-} from "./chunk.HYLK53IJ.js";
+} from "./chunk.U6LIZH2N.js";
 import {
   animated_image_styles_default
 } from "./chunk.KEII62OL.js";

package/cdn/chunks/{chunk.T2U3HEUX.js → chunk.2R5GUAS4.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk.2SU6QBUU.js";
 import {
   SlIcon
-} from "./chunk.CNYZO7IJ.js";
+} from "./chunk.EN6IZDYW.js";
 import {
   component_styles_default
 } from "./chunk.EFE6XYM5.js";
@@ -14,7 +14,7 @@ import {
   ShoelaceElement,
   e,
   n
-} from "./chunk.HYLK53IJ.js";
+} from "./chunk.U6LIZH2N.js";
 import {
   x
 } from "./chunk.ZKRJ3RUK.js";

package/cdn/chunks/{chunk.L5ZTEK4M.js → chunk.2ZRKTSMX.js}

@@ -1,6 +1,6 @@
 import {
   SlRadio
-} from "./chunk.PEK7MQKH.js";
+} from "./chunk.R5VGZ4LD.js";
 
 // src/components/radio/radio.ts
 var radio_default = SlRadio;

package/cdn/chunks/{chunk.FZX25RCS.js → chunk.3AHSZRMI.js}

@@ -1,6 +1,6 @@
 import {
   SlProgressRing
-} from "./chunk.GMEJKUXT.js";
+} from "./chunk.T6QOKWOR.js";
 
 // src/react/progress-ring/index.ts
 import * as React from "react";

package/{dist/chunks/chunk.DENOFRR7.js → cdn/chunks/chunk.3DQ7BNHZ.js}

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

package/cdn/chunks/{chunk.ZJXBRQW5.js → chunk.3GBNNACM.js}

@@ -1,6 +1,6 @@
 import {
   SlSwitch
-} from "./chunk.5ZXTOQGQ.js";
+} from "./chunk.64HCJCNI.js";
 
 // src/react/switch/index.ts
 import * as React from "react";

package/cdn/chunks/chunk.3IN3JGBF.js

@@ -0,0 +1,21 @@
+import {
+  SlDatepicker
+} from "./chunk.ZHRDFBUU.js";
+
+// src/react/datepicker/index.ts
+import * as React from "react";
+import { createComponent } from "@lit/react";
+var tagName = "sl-datepicker";
+SlDatepicker.define("sl-datepicker");
+var reactWrapper = createComponent({
+  tagName,
+  elementClass: SlDatepicker,
+  react: React,
+  events: {},
+  displayName: "SlDatepicker"
+});
+var datepicker_default = reactWrapper;
+
+export {
+  datepicker_default
+};

package/{dist/chunks/chunk.HWOUAQ7Z.js → cdn/chunks/chunk.3IRFJ4MS.js}

@@ -1,6 +1,6 @@
 import {
   SlMenu
-} from "./chunk.BMTK6KWU.js";
+} from "./chunk.GCPKKFNW.js";
 
 // src/components/menu/menu.ts
 var menu_default = SlMenu;

package/cdn/chunks/{chunk.K33XKJNC.js → chunk.3QRURD7I.js}

@@ -1,13 +1,13 @@
 import {
   dropdown_styles_default
 } from "./chunk.WMJU7K44.js";
-import {
-  SlPopup
-} from "./chunk.SWZRPLND.js";
 import {
   getDeepestActiveElement,
   getTabbableBoundary
 } from "./chunk.A67DT75I.js";
+import {
+  SlPopup
+} from "./chunk.MMN6BEAM.js";
 import {
   getAnimation,
   setDefaultAnimation
@@ -19,12 +19,12 @@ import {
   animateTo,
   stopAnimations
 } from "./chunk.UPXT4IT3.js";
-import {
-  LocalizeController
-} from "./chunk.2SU6QBUU.js";
 import {
   o
 } from "./chunk.COPAJV25.js";
+import {
+  LocalizeController
+} from "./chunk.2SU6QBUU.js";
 import {
   e
 } from "./chunk.ZLZKOPYV.js";
@@ -38,7 +38,7 @@ import {
   ShoelaceElement,
   e as e2,
   n
-} from "./chunk.HYLK53IJ.js";
+} from "./chunk.U6LIZH2N.js";
 import {
   x
 } from "./chunk.ZKRJ3RUK.js";

package/cdn/chunks/{chunk.PVG2VMLA.js → chunk.3WDJGGPP.js}

@@ -1,3 +1,6 @@
+import {
+  dialog_styles_default
+} from "./chunk.MTNCCBBC.js";
 import {
   Modal
 } from "./chunk.GB5OWZJX.js";
@@ -5,15 +8,12 @@ import {
   lockBodyScrolling,
   unlockBodyScrolling
 } from "./chunk.RWUUFNUL.js";
-import {
-  dialog_styles_default
-} from "./chunk.MTNCCBBC.js";
 import {
   blurActiveElement
 } from "./chunk.LD4M4QGE.js";
 import {
   SlIconButton
-} from "./chunk.G63JV5S4.js";
+} from "./chunk.YUBWOTKQ.js";
 import {
   getAnimation,
   setDefaultAnimation
@@ -25,15 +25,15 @@ import {
   animateTo,
   stopAnimations
 } from "./chunk.UPXT4IT3.js";
-import {
-  LocalizeController
-} from "./chunk.2SU6QBUU.js";
 import {
   o
 } from "./chunk.COPAJV25.js";
 import {
   HasSlotController
 } from "./chunk.NYIIDP5N.js";
+import {
+  LocalizeController
+} from "./chunk.2SU6QBUU.js";
 import {
   e
 } from "./chunk.ZLZKOPYV.js";
@@ -47,7 +47,7 @@ import {
   ShoelaceElement,
   e as e2,
   n
-} from "./chunk.HYLK53IJ.js";
+} from "./chunk.U6LIZH2N.js";
 import {
   x
 } from "./chunk.ZKRJ3RUK.js";

package/cdn/chunks/{chunk.D62MVCEC.js → chunk.4BOWZB3Y.js}

@@ -1,32 +1,32 @@
 import {
   SlSpinner
-} from "./chunk.FN3O6Q3N.js";
+} from "./chunk.WPAIOHRM.js";
 import {
   FormControlController,
   validValidityState
 } from "./chunk.VM65EBLN.js";
 import {
   button_styles_default
-} from "./chunk.M4FZWFCH.js";
+} from "./chunk.XEP3MV3Z.js";
 import {
   i,
   u
 } from "./chunk.FVRO7M4G.js";
-import {
-  LocalizeController
-} from "./chunk.2SU6QBUU.js";
 import {
   o
 } from "./chunk.COPAJV25.js";
 import {
   HasSlotController
 } from "./chunk.NYIIDP5N.js";
+import {
+  LocalizeController
+} from "./chunk.2SU6QBUU.js";
 import {
   e
 } from "./chunk.ZLZKOPYV.js";
 import {
   SlIcon
-} from "./chunk.CNYZO7IJ.js";
+} from "./chunk.EN6IZDYW.js";
 import {
   watch
 } from "./chunk.OY5V3CPY.js";
@@ -38,7 +38,7 @@ import {
   e as e2,
   n,
   r
-} from "./chunk.HYLK53IJ.js";
+} from "./chunk.U6LIZH2N.js";
 import {
   __decorateClass
 } from "./chunk.IMHLNNT7.js";

package/cdn/chunks/{chunk.DMDB3P76.js → chunk.4MLXM2Q2.js}

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

package/cdn/chunks/{chunk.TYW6KXQW.js → chunk.57GYZVBY.js}

@@ -1,6 +1,6 @@
 import {
   SlSkeleton
-} from "./chunk.OSGITGO6.js";
+} from "./chunk.HD2E6OHH.js";
 
 // src/react/skeleton/index.ts
 import * as React from "react";

package/cdn/chunks/{chunk.VV2HOWBQ.js → chunk.5BFPIXSL.js}

@@ -1,6 +1,6 @@
 import {
   SlSelect
-} from "./chunk.D7ICQTLU.js";
+} from "./chunk.H7PLVQKX.js";
 
 // src/components/select/select.ts
 var select_default = SlSelect;

package/cdn/chunks/{chunk.LS5W66UZ.js → chunk.5GSXGIFL.js}

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

package/cdn/chunks/{chunk.EL3BR24R.js → chunk.5SUMIOIU.js}

@@ -10,7 +10,7 @@ import {
 import {
   ShoelaceElement,
   n
-} from "./chunk.HYLK53IJ.js";
+} from "./chunk.U6LIZH2N.js";
 import {
   x
 } from "./chunk.ZKRJ3RUK.js";

package/cdn/chunks/{chunk.R7VBPZW6.js → chunk.5SZDGBQF.js}

@@ -37,7 +37,7 @@ var tree_item_styles_default = i`
   .tree-item__checkbox,
   .tree-item__label {
     font-family: var(--sl-font-sans);
-    font-size: var(--sl-font-size-medium);
+    font-size: var(--sl-font-size-small);
     font-weight: var(--sl-font-weight-normal);
     line-height: var(--sl-line-height-dense);
     letter-spacing: var(--sl-letter-spacing-normal);
@@ -104,6 +104,14 @@ var tree_item_styles_default = i`
     cursor: not-allowed;
   }
 
+  :host(:not([aria-disabled='true'])) .tree-item__item:hover {
+    background-color: var(--sl-color-neutral-100);
+  }
+
+  :host(:not([aria-disabled='true'])) .tree-item__item:active .tree-item__label {
+    color: var(--sl-color-primary-600);
+  }
+
   :host(:focus-visible) .tree-item__item {
     outline: var(--sl-focus-ring);
     outline-offset: var(--sl-focus-ring-offset);
@@ -111,8 +119,13 @@ var tree_item_styles_default = i`
   }
 
   :host(:not([aria-disabled='true'])) .tree-item--selected .tree-item__item {
-    background-color: var(--sl-color-neutral-100);
-    border-inline-start-color: var(--sl-color-primary-600);
+    background-color: var(--sl-color-primary-100);
+    border-inline-start-color: transparent;
+    color: var(--sl-color-primary-600);
+  }
+
+  :host(:not([aria-disabled='true'])) .tree-item--selected .tree-item__label {
+    color: var(--sl-color-primary-600);
   }
 
   :host(:not([aria-disabled='true'])) .tree-item__expand-button {

package/cdn/chunks/{chunk.MN2P6Q7I.js → chunk.622XCQBN.js}

@@ -1,6 +1,6 @@
 import {
   SlMenuLabel
-} from "./chunk.GUZG6QKY.js";
+} from "./chunk.T2F5SLB3.js";
 
 // src/react/menu-label/index.ts
 import * as React from "react";

package/cdn/chunks/{chunk.MHUQSVOW.js → chunk.63IG2JBO.js}

@@ -15,14 +15,17 @@ var alert_styles_default = i`
     position: relative;
     display: flex;
     align-items: stretch;
-    background-color: var(--sl-panel-background-color);
-    border: solid var(--sl-panel-border-width) var(--sl-panel-border-color);
-    border-top-width: calc(var(--sl-panel-border-width) * 3);
+    /* Use semantic -50 scale tokens for alert backgrounds for clearer intent */
+    background-color: var(--sl-color-neutral-50);
+    /* Use semantic neutral as the default border color instead of the generic panel border color */
+    border: solid var(--sl-panel-border-width) var(--sl-color-neutral-200);
+    border-top-width: calc(var(--sl-panel-border-width) * 1);
     border-radius: var(--sl-border-radius-medium);
     font-family: var(--sl-font-sans);
     font-size: var(--sl-font-size-small);
     font-weight: var(--sl-font-weight-normal);
-    line-height: 1.6;
+    line-height: 1.5;
+    /* Use semantic -700 tokens for text to follow variant semantics (default to neutral-700) */
     color: var(--sl-color-neutral-700);
     margin: inherit;
     overflow: hidden;
@@ -36,17 +39,23 @@ var alert_styles_default = i`
   .alert__icon {
     flex: 0 0 auto;
     display: flex;
-    align-items: center;
-    font-size: var(--sl-font-size-large);
-    padding-inline-start: var(--sl-spacing-large);
+    font-size: var(--sl-font-size-medium);
+    padding-inline-start: var(--sl-spacing-small);
+    padding-inline-end: var(--sl-spacing-small);
+    padding-block-start: var(--sl-spacing-small);
   }
 
   .alert--has-countdown {
     border-bottom: none;
   }
 
+  /* Variant borders use semantic colors */
   .alert--primary {
-    border-top-color: var(--sl-color-primary-600);
+    border-color: var(--sl-color-primary-200);
+    /* light semantic background for primary alerts */
+    background-color: var(--sl-color-primary-50);
+    /* text follows semantic primary -700 */
+    color: var(--sl-color-primary-700);
   }
 
   .alert--primary .alert__icon {
@@ -54,7 +63,11 @@ var alert_styles_default = i`
   }
 
   .alert--success {
-    border-top-color: var(--sl-color-success-600);
+    border-color: var(--sl-color-success-200);
+    /* light semantic background for success alerts */
+    background-color: var(--sl-color-success-50);
+    /* text follows semantic success -700 */
+    color: var(--sl-color-success-700);
   }
 
   .alert--success .alert__icon {
@@ -62,7 +75,11 @@ var alert_styles_default = i`
   }
 
   .alert--neutral {
-    border-top-color: var(--sl-color-neutral-600);
+    border-color: var(--sl-color-neutral-200);
+    /* neutral alerts use the neutral-50 background */
+    background-color: var(--sl-color-neutral-50);
+    /* text follows semantic neutral -700 */
+    color: var(--sl-color-neutral-700);
   }
 
   .alert--neutral .alert__icon {
@@ -70,7 +87,11 @@ var alert_styles_default = i`
   }
 
   .alert--warning {
-    border-top-color: var(--sl-color-warning-600);
+    border-color: var(--sl-color-warning-200);
+    /* light semantic background for warning alerts */
+    background-color: var(--sl-color-warning-50);
+    /* text follows semantic warning -700 */
+    color: var(--sl-color-warning-700);
   }
 
   .alert--warning .alert__icon {
@@ -78,7 +99,11 @@ var alert_styles_default = i`
   }
 
   .alert--danger {
-    border-top-color: var(--sl-color-danger-600);
+    border-color: var(--sl-color-danger-200);
+    /* light semantic background for danger alerts */
+    background-color: var(--sl-color-danger-50);
+    /* text follows semantic danger -700 */
+    color: var(--sl-color-danger-700);
   }
 
   .alert--danger .alert__icon {
@@ -88,17 +113,28 @@ var alert_styles_default = i`
   .alert__message {
     flex: 1 1 auto;
     display: block;
-    padding: var(--sl-spacing-large);
+    padding-block: var(--sl-spacing-x-small);
+    padding-inline-start: 0;
+    padding-inline-end: var(--sl-spacing-small);
     overflow: hidden;
   }
 
+  .alert__message strong,
+  .alert__message br {
+    display: none;
+  }
+
+  .alert:not(.alert--has-icon) .alert__message {
+    padding-inline-start: var(--sl-spacing-small);
+  }
+
   .alert__close-button {
     flex: 0 0 auto;
     display: flex;
     align-items: center;
     font-size: var(--sl-font-size-medium);
-    margin-inline-end: var(--sl-spacing-medium);
-    align-self: center;
+    padding-inline-start: 0;
+    padding-inline-end: var(--sl-spacing-small);
   }
 
   .alert__countdown {

package/cdn/chunks/{chunk.5ZXTOQGQ.js → chunk.64HCJCNI.js}

@@ -1,6 +1,6 @@
 import {
   switch_styles_default
-} from "./chunk.KMG5K64B.js";
+} from "./chunk.LDNVPVIS.js";
 import {
   defaultValue,
   l
@@ -31,7 +31,7 @@ import {
   e as e2,
   n,
   r
-} from "./chunk.HYLK53IJ.js";
+} from "./chunk.U6LIZH2N.js";
 import {
   x
 } from "./chunk.ZKRJ3RUK.js";

package/cdn/chunks/{chunk.PYZ4ASAK.js → chunk.6W7LTM2T.js}

@@ -1,6 +1,6 @@
 import {
   SlPopup
-} from "./chunk.SWZRPLND.js";
+} from "./chunk.MMN6BEAM.js";
 
 // src/components/popup/popup.ts
 var popup_default = SlPopup;

package/cdn/chunks/{chunk.5NZJJWRA.js → chunk.72WPILAC.js}

@@ -1,28 +1,28 @@
-import {
-  SubmenuController
-} from "./chunk.ZHDYZSPI.js";
 import {
   menu_item_styles_default
 } from "./chunk.KUN2355C.js";
+import {
+  SubmenuController
+} from "./chunk.ZHDYZSPI.js";
 import {
   SlPopup
-} from "./chunk.SWZRPLND.js";
+} from "./chunk.MMN6BEAM.js";
 import {
   SlSpinner
-} from "./chunk.FN3O6Q3N.js";
-import {
-  LocalizeController
-} from "./chunk.2SU6QBUU.js";
+} from "./chunk.WPAIOHRM.js";
 import {
   HasSlotController,
   getTextContent
 } from "./chunk.NYIIDP5N.js";
+import {
+  LocalizeController
+} from "./chunk.2SU6QBUU.js";
 import {
   e
 } from "./chunk.ZLZKOPYV.js";
 import {
   SlIcon
-} from "./chunk.CNYZO7IJ.js";
+} from "./chunk.EN6IZDYW.js";
 import {
   watch
 } from "./chunk.OY5V3CPY.js";
@@ -33,7 +33,7 @@ import {
   ShoelaceElement,
   e as e2,
   n
-} from "./chunk.HYLK53IJ.js";
+} from "./chunk.U6LIZH2N.js";
 import {
   x
 } from "./chunk.ZKRJ3RUK.js";