@lostgradient/cinder 0.6.0 → 0.8.0

package/dist/components/divider/index.js

@@ -64,22 +64,22 @@ function classNames(...parts) {
 }
 
 // src/components/divider/divider.svelte
-var root_2 = $.from_html(`<span></span>`);
-var root_3 = $.from_html(`<div></div>`);
-var root_4 = $.from_html(`<span></span>`);
-var root_5 = $.from_html(`<hr/>`);
+var rest_excludes = new Set([
+  "$$slots",
+  "$$events",
+  "$$legacy",
+  "class",
+  "orientation",
+  "inset",
+  "tone",
+  "decorative"
+]);
+var root = $.from_html(`<span></span>`);
+var root_1 = $.from_html(`<div></div>`);
+var root_2 = $.from_html(`<hr/>`);
 function Divider($$anchor, $$props) {
   $.push($$props, true);
-  let orientation = $.prop($$props, "orientation", 3, "horizontal"), inset = $.prop($$props, "inset", 3, false), tone = $.prop($$props, "tone", 3, "subtle"), decorative = $.prop($$props, "decorative", 3, true), rest = $.rest_props($$props, [
-    "$$slots",
-    "$$events",
-    "$$legacy",
-    "class",
-    "orientation",
-    "inset",
-    "tone",
-    "decorative"
-  ]);
+  let orientation = $.prop($$props, "orientation", 3, "horizontal"), inset = $.prop($$props, "inset", 3, false), tone = $.prop($$props, "tone", 3, "subtle"), decorative = $.prop($$props, "decorative", 3, true), rest = $.rest_props($$props, rest_excludes);
   const mergedClass = $.derived(() => classNames("cinder-divider", $$props.class));
   var fragment = $.comment();
   var node = $.first_child(fragment);
@@ -89,7 +89,7 @@ function Divider($$anchor, $$props) {
       var node_1 = $.first_child(fragment_1);
       {
         var consequent = ($$anchor3) => {
-          var span = root_2();
+          var span = root();
           $.attribute_effect(span, () => ({
             ...rest,
             class: $.get(mergedClass),
@@ -101,7 +101,7 @@ function Divider($$anchor, $$props) {
           $.append($$anchor3, span);
         };
         var alternate = ($$anchor3) => {
-          var div = root_3();
+          var div = root_1();
           $.attribute_effect(div, () => ({
             ...rest,
             class: $.get(mergedClass),
@@ -122,7 +122,7 @@ function Divider($$anchor, $$props) {
       $.append($$anchor2, fragment_1);
     };
     var consequent_2 = ($$anchor2) => {
-      var span_1 = root_4();
+      var span_1 = root();
       $.attribute_effect(span_1, () => ({
         ...rest,
         class: $.get(mergedClass),
@@ -135,7 +135,7 @@ function Divider($$anchor, $$props) {
       $.append($$anchor2, span_1);
     };
     var alternate_1 = ($$anchor2) => {
-      var hr = root_5();
+      var hr = root_2();
       $.attribute_effect(hr, () => ({
         ...rest,
         class: $.get(mergedClass),
@@ -165,4 +165,4 @@ export {
   Divider
 };
 
-//# debugId=1C2B109A67218C2064756E2164756E21
+//# debugId=2DD036FFF77D870D64756E2164756E21

package/dist/components/drawer/index.js

@@ -283,20 +283,21 @@ function createFocusTrap(options = {}) {
 }
 
 // src/components/focus-trap/focus-trap.svelte
+var rest_excludes = new Set([
+  "$$slots",
+  "$$events",
+  "$$legacy",
+  "active",
+  "restoreFocus",
+  "initialFocus",
+  "fallbackFocus",
+  "class",
+  "children"
+]);
 var root = $2.from_html(`<div><!></div>`);
 function Focus_trap($$anchor, $$props) {
   $2.push($$props, true);
-  let active = $2.prop($$props, "active", 3, true), restoreFocus = $2.prop($$props, "restoreFocus", 3, true), initialFocus = $2.prop($$props, "initialFocus", 3, null), fallbackFocus = $2.prop($$props, "fallbackFocus", 3, null), rest = $2.rest_props($$props, [
-    "$$slots",
-    "$$events",
-    "$$legacy",
-    "active",
-    "restoreFocus",
-    "initialFocus",
-    "fallbackFocus",
-    "class",
-    "children"
-  ]);
+  let active = $2.prop($$props, "active", 3, true), restoreFocus = $2.prop($$props, "restoreFocus", 3, true), initialFocus = $2.prop($$props, "initialFocus", 3, null), fallbackFocus = $2.prop($$props, "fallbackFocus", 3, null), rest = $2.rest_props($$props, rest_excludes);
   var div = root();
   $2.attribute_effect(div, ($0) => ({ class: $0, ...rest }), [() => classNames($$props.class)]);
   var node = $2.child(div);
@@ -754,31 +755,32 @@ function createSlidingDialogState(options) {
 }
 
 // src/components/drawer/drawer.svelte
-var root_2 = $5.from_html(`<button type="button" class="cinder-drawer__close" aria-label="Close drawer"><svg class="cinder-drawer__close-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true"><path d="M6.28 5.22a.75.75 0 00-1.06 1.06L8.94 10l-3.72 3.72a.75.75 0 101.06 1.06L10 11.06l3.72 3.72a.75.75 0 101.06-1.06L11.06 10l3.72-3.72a.75.75 0 00-1.06-1.06L10 8.94 6.28 5.22z"></path></svg></button>`);
-var root_5 = $5.from_html(`<h2 class="cinder-sr-only"> </h2>`);
-var root_4 = $5.from_html(`<!> <!>`, 1);
-var root_6 = $5.from_html(`<h2 class="cinder-drawer__title"> </h2>`);
-var root_7 = $5.from_html(`<div class="cinder-drawer__footer"><!></div>`);
-var root_3 = $5.from_html(`<div class="cinder-drawer__panel"><header class="cinder-drawer__header"><!> <!></header> <div class="cinder-drawer__body" tabindex="-1"><!></div> <!></div>`);
-var root_1 = $5.from_html(`<dialog><!></dialog>`);
+var rest_excludes2 = new Set([
+  "$$slots",
+  "$$events",
+  "$$legacy",
+  "open",
+  "side",
+  "size",
+  "title",
+  "class",
+  "triggerRef",
+  "ariaLabelledBy",
+  "header",
+  "children",
+  "footer"
+]);
+var root2 = $5.from_html(`<button type="button" class="cinder-drawer__close" aria-label="Close drawer"><svg class="cinder-drawer__close-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true"><path d="M6.28 5.22a.75.75 0 00-1.06 1.06L8.94 10l-3.72 3.72a.75.75 0 101.06 1.06L10 11.06l3.72 3.72a.75.75 0 101.06-1.06L11.06 10l3.72-3.72a.75.75 0 00-1.06-1.06L10 8.94 6.28 5.22z"></path></svg></button>`);
+var root_1 = $5.from_html(`<h2 class="cinder-sr-only"> </h2>`);
+var root_2 = $5.from_html(`<!> <!>`, 1);
+var root_3 = $5.from_html(`<h2 class="cinder-drawer__title"> </h2>`);
+var root_4 = $5.from_html(`<div class="cinder-drawer__footer"><!></div>`);
+var root_5 = $5.from_html(`<div class="cinder-drawer__panel"><header class="cinder-drawer__header"><!> <!></header> <div class="cinder-drawer__body" tabindex="-1"><!></div> <!></div>`);
+var root_6 = $5.from_html(`<dialog><!></dialog>`);
 function Drawer($$anchor, $$props) {
   const titleId = $5.props_id();
   $5.push($$props, true);
-  let open = $5.prop($$props, "open", 15, false), side = $5.prop($$props, "side", 3, "right"), size = $5.prop($$props, "size", 3, "md"), triggerRef = $5.prop($$props, "triggerRef", 3, null), rest = $5.rest_props($$props, [
-    "$$slots",
-    "$$events",
-    "$$legacy",
-    "open",
-    "side",
-    "size",
-    "title",
-    "class",
-    "triggerRef",
-    "ariaLabelledBy",
-    "header",
-    "children",
-    "footer"
-  ]);
+  let open = $5.prop($$props, "open", 15, false), side = $5.prop($$props, "side", 3, "right"), size = $5.prop($$props, "size", 3, "md"), triggerRef = $5.prop($$props, "triggerRef", 3, null), rest = $5.rest_props($$props, rest_excludes2);
   let dialogElement = $5.state(undefined);
   let panelElement = $5.state(undefined);
   let activeSide = $5.state($5.proxy(side()));
@@ -821,7 +823,7 @@ function Drawer($$anchor, $$props) {
   var node = $5.first_child(fragment);
   {
     var consequent_4 = ($$anchor2) => {
-      var dialog = root_1();
+      var dialog = root_6();
       var event_handler = () => dialogState.handleClose();
       var event_handler_1 = (event) => dialogState.handleNativeCancel(event);
       var event_handler_2 = (event) => dialogState.handleBackdropClick(event);
@@ -837,23 +839,23 @@ function Drawer($$anchor, $$props) {
       }), [() => classNames("cinder-drawer", $$props.class)]);
       {
         const closeButton = ($$anchor3) => {
-          var button = root_2();
+          var button = root2();
           $5.delegated("click", button, () => dialogState.requestClose());
           $5.append($$anchor3, button);
         };
         var node_1 = $5.child(dialog);
         {
           var consequent_3 = ($$anchor3) => {
-            var div = root_3();
+            var div = root_5();
             var header_1 = $5.child(div);
             var node_2 = $5.child(header_1);
             {
               var consequent_1 = ($$anchor4) => {
-                var fragment_1 = root_4();
+                var fragment_1 = root_2();
                 var node_3 = $5.first_child(fragment_1);
                 {
                   var consequent = ($$anchor5) => {
-                    var h2 = root_5();
+                    var h2 = root_1();
                     var text = $5.child(h2, true);
                     $5.reset(h2);
                     $5.template_effect(() => {
@@ -872,7 +874,7 @@ function Drawer($$anchor, $$props) {
                 $5.append($$anchor4, fragment_1);
               };
               var alternate = ($$anchor4) => {
-                var h2_1 = root_6();
+                var h2_1 = root_3();
                 var text_1 = $5.child(h2_1, true);
                 $5.reset(h2_1);
                 $5.template_effect(() => {
@@ -899,7 +901,7 @@ function Drawer($$anchor, $$props) {
             var node_7 = $5.sibling(div_1, 2);
             {
               var consequent_2 = ($$anchor4) => {
-                var div_2 = root_7();
+                var div_2 = root_4();
                 var node_8 = $5.child(div_2);
                 $5.snippet(node_8, () => $$props.footer);
                 $5.reset(div_2);
@@ -952,4 +954,4 @@ export {
   Drawer
 };
 
-//# debugId=34492278E3C49A1164756E2164756E21
+//# debugId=B57A465A58BF833364756E2164756E21

package/dist/components/dropdown/index.js

@@ -1684,7 +1684,7 @@ function rectsAreEqual(a, b) {
 function observeMove(element, onMove) {
   let io = null;
   let timeoutId;
-  const root4 = getDocumentElement(element);
+  const root5 = getDocumentElement(element);
   function cleanup() {
     var _io;
     clearTimeout(timeoutId);
@@ -1713,8 +1713,8 @@ function observeMove(element, onMove) {
       return;
     }
     const insetTop = floor(top);
-    const insetRight = floor(root4.clientWidth - (left + width));
-    const insetBottom = floor(root4.clientHeight - (top + height));
+    const insetRight = floor(root5.clientWidth - (left + width));
+    const insetBottom = floor(root5.clientHeight - (top + height));
     const insetLeft = floor(left);
     const rootMargin = -insetTop + "px " + -insetRight + "px " + -insetBottom + "px " + -insetLeft + "px";
     const options = {
@@ -1744,7 +1744,7 @@ function observeMove(element, onMove) {
     try {
       io = new IntersectionObserver(handleObserve, {
         ...options,
-        root: root4.ownerDocument
+        root: root5.ownerDocument
       });
     } catch (_e) {
       io = new IntersectionObserver(handleObserve, options);
@@ -2071,19 +2071,20 @@ function createPortalAttachment(options = {}) {
 }
 
 // src/components/portal/portal.svelte
+var rest_excludes = new Set([
+  "$$slots",
+  "$$events",
+  "$$legacy",
+  "target",
+  "disabled",
+  "class",
+  "inheritAttributes",
+  "children"
+]);
 var root = $2.from_html(`<div><!></div>`);
 function Portal($$anchor, $$props) {
   $2.push($$props, true);
-  let target = $2.prop($$props, "target", 3, null), disabled = $2.prop($$props, "disabled", 3, false), inheritAttributes = $2.prop($$props, "inheritAttributes", 3, true), rest = $2.rest_props($$props, [
-    "$$slots",
-    "$$events",
-    "$$legacy",
-    "target",
-    "disabled",
-    "class",
-    "inheritAttributes",
-    "children"
-  ]);
+  let target = $2.prop($$props, "target", 3, null), disabled = $2.prop($$props, "disabled", 3, false), inheritAttributes = $2.prop($$props, "inheritAttributes", 3, true), rest = $2.rest_props($$props, rest_excludes);
   let hasHydrated = $2.state(false);
   $2.user_effect(() => {
     $2.set(hasHydrated, true);
@@ -2128,18 +2129,19 @@ import"@lostgradient/cinder/dropdown/styles";
 // src/components/dropdown-group/dropdown-group.svelte
 import"svelte/internal/disclose-version";
 import * as $3 from "svelte/internal/client";
+var rest_excludes2 = new Set([
+  "$$slots",
+  "$$events",
+  "$$legacy",
+  "class",
+  "children",
+  "label",
+  "labelledBy"
+]);
 var root2 = $3.from_html(`<div><!></div>`);
 function Dropdown_group($$anchor, $$props) {
   $3.push($$props, true);
-  let rest = $3.rest_props($$props, [
-    "$$slots",
-    "$$events",
-    "$$legacy",
-    "class",
-    "children",
-    "label",
-    "labelledBy"
-  ]);
+  let rest = $3.rest_props($$props, rest_excludes2);
   function normalizeAccessibleName(value, propertyName) {
     if (value === undefined)
       return;
@@ -2201,26 +2203,27 @@ var [getDropdownSetOpenStrict, setDropdownSetOpen] = createContext();
 var getDropdownSetOpen = getDropdownSetOpenStrict;
 
 // src/components/dropdown-item/dropdown-item.svelte
-var root_1 = $4.from_html(`<a><!></a>`);
-var root_3 = $4.from_html(`<button><!></button>`);
+var rest_excludes3 = new Set([
+  "$$slots",
+  "$$events",
+  "$$legacy",
+  "variant",
+  "itemRole",
+  "checked",
+  "inset",
+  "disabled",
+  "closeOnSelect",
+  "class",
+  "onclick",
+  "onkeydown",
+  "href",
+  "children"
+]);
+var root3 = $4.from_html(`<a><!></a>`);
+var root_1 = $4.from_html(`<button><!></button>`);
 function Dropdown_item($$anchor, $$props) {
   $4.push($$props, true);
-  let variant = $4.prop($$props, "variant", 3, "default"), itemRole = $4.prop($$props, "itemRole", 3, "menuitem"), checked = $4.prop($$props, "checked", 3, false), inset = $4.prop($$props, "inset", 3, false), closeOnSelect = $4.prop($$props, "closeOnSelect", 3, true), rest = $4.rest_props($$props, [
-    "$$slots",
-    "$$events",
-    "$$legacy",
-    "variant",
-    "itemRole",
-    "checked",
-    "inset",
-    "disabled",
-    "closeOnSelect",
-    "class",
-    "onclick",
-    "onkeydown",
-    "href",
-    "children"
-  ]);
+  let variant = $4.prop($$props, "variant", 3, "default"), itemRole = $4.prop($$props, "itemRole", 3, "menuitem"), checked = $4.prop($$props, "checked", 3, false), inset = $4.prop($$props, "inset", 3, false), closeOnSelect = $4.prop($$props, "closeOnSelect", 3, true), rest = $4.rest_props($$props, rest_excludes3);
   const context = getDropdownContext();
   const isLink = $4.derived(() => $$props.href !== undefined);
   const sharedClass = $4.derived(() => classNames("cinder-_option-row", "cinder-dropdown-item", inset() && "cinder-dropdown-item--inset", $$props.class));
@@ -2261,7 +2264,7 @@ function Dropdown_item($$anchor, $$props) {
   var node = $4.first_child(fragment);
   {
     var consequent_1 = ($$anchor2) => {
-      var a = root_1();
+      var a = root3();
       $4.attribute_effect(a, () => ({
         ...$4.get(anchorAttributes),
         href: $$props.href,
@@ -2292,7 +2295,7 @@ function Dropdown_item($$anchor, $$props) {
       $4.append($$anchor2, a);
     };
     var alternate = ($$anchor2) => {
-      var button = root_3();
+      var button = root_1();
       $4.attribute_effect(button, () => ({
         ...$4.get(buttonAttributes),
         type: $4.get(buttonType),
@@ -2336,11 +2339,12 @@ function Dropdown_item($$anchor, $$props) {
 // src/components/dropdown-label/dropdown-label.svelte
 import"svelte/internal/disclose-version";
 import * as $5 from "svelte/internal/client";
-var root3 = $5.from_html(`<div><!></div>`);
+var rest_excludes4 = new Set(["$$slots", "$$events", "$$legacy", "class", "children"]);
+var root4 = $5.from_html(`<div><!></div>`);
 function Dropdown_label($$anchor, $$props) {
   $5.push($$props, true);
-  let rest = $5.rest_props($$props, ["$$slots", "$$events", "$$legacy", "class", "children"]);
-  var div = root3();
+  let rest = $5.rest_props($$props, rest_excludes4);
+  var div = root4();
   $5.attribute_effect(div, ($0) => ({ ...rest, class: $0, role: "presentation" }), [() => classNames("cinder-dropdown-label", $$props.class)]);
   var node = $5.child(div);
   {
@@ -2768,17 +2772,18 @@ class TypeaheadBuffer {
 }
 
 // src/components/dropdown-menu/dropdown-menu.svelte
-var root_12 = $7.from_html(`<div><!></div>`);
+var rest_excludes5 = new Set([
+  "$$slots",
+  "$$events",
+  "$$legacy",
+  "class",
+  "children",
+  "dir"
+]);
+var root5 = $7.from_html(`<div><!></div>`);
 function Dropdown_menu($$anchor, $$props) {
   $7.push($$props, true);
-  let rest = $7.rest_props($$props, [
-    "$$slots",
-    "$$events",
-    "$$legacy",
-    "class",
-    "children",
-    "dir"
-  ]);
+  let rest = $7.rest_props($$props, rest_excludes5);
   const context = getDropdownContext();
   const registerMenu = getDropdownRegister();
   const setOpen = getDropdownSetOpen();
@@ -2917,7 +2922,7 @@ function Dropdown_menu($$anchor, $$props) {
   var node = $7.first_child(fragment);
   {
     var consequent_1 = ($$anchor2) => {
-      var div = root_12();
+      var div = root5();
       $7.attribute_effect(div, ($0) => ({
         id: context.menuId,
         popover: context.supportsPopover ? "auto" : undefined,
@@ -2967,11 +2972,12 @@ function Dropdown_menu($$anchor, $$props) {
 // src/components/dropdown-separator/dropdown-separator.svelte
 import"svelte/internal/disclose-version";
 import * as $8 from "svelte/internal/client";
-var root4 = $8.from_html(`<div></div>`);
+var rest_excludes6 = new Set(["$$slots", "$$events", "$$legacy", "class"]);
+var root6 = $8.from_html(`<div></div>`);
 function Dropdown_separator($$anchor, $$props) {
   $8.push($$props, true);
-  let rest = $8.rest_props($$props, ["$$slots", "$$events", "$$legacy", "class"]);
-  var div = root4();
+  let rest = $8.rest_props($$props, rest_excludes6);
+  var div = root6();
   $8.attribute_effect(div, ($0) => ({ ...rest, class: $0, role: "separator" }), [() => classNames("cinder-dropdown-separator", $$props.class)]);
   $8.append($$anchor, div);
   $8.pop();
@@ -2980,19 +2986,20 @@ function Dropdown_separator($$anchor, $$props) {
 // src/components/dropdown-trigger/dropdown-trigger.svelte
 import"svelte/internal/disclose-version";
 import * as $9 from "svelte/internal/client";
-var root_2 = $9.from_svg(`<svg class="cinder-dropdown-trigger__caret" aria-hidden="true" focusable="false" viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M6 8l4 4 4-4"></path></svg>`);
-var root5 = $9.from_html(`<button><!> <!></button>`);
+var rest_excludes7 = new Set([
+  "$$slots",
+  "$$events",
+  "$$legacy",
+  "class",
+  "showCaret",
+  "children",
+  "onclick"
+]);
+var root7 = $9.from_svg(`<svg class="cinder-dropdown-trigger__caret" aria-hidden="true" focusable="false" viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M6 8l4 4 4-4"></path></svg>`);
+var root_12 = $9.from_html(`<button><!> <!></button>`);
 function Dropdown_trigger($$anchor, $$props) {
   $9.push($$props, true);
-  let showCaret = $9.prop($$props, "showCaret", 3, true), rest = $9.rest_props($$props, [
-    "$$slots",
-    "$$events",
-    "$$legacy",
-    "class",
-    "showCaret",
-    "children",
-    "onclick"
-  ]);
+  let showCaret = $9.prop($$props, "showCaret", 3, true), rest = $9.rest_props($$props, rest_excludes7);
   const context = getDropdownContext();
   const registerTrigger = getDropdownRegisterTrigger();
   const setOpen = getDropdownSetOpen();
@@ -3008,7 +3015,7 @@ function Dropdown_trigger($$anchor, $$props) {
       setOpen(!context.isOpen);
     }
   }
-  var button = root5();
+  var button = root_12();
   $9.attribute_effect(button, ($0) => ({
     type: "button",
     class: $0,
@@ -3036,7 +3043,7 @@ function Dropdown_trigger($$anchor, $$props) {
   var node_3 = $9.sibling(node_1, 2);
   {
     var consequent_1 = ($$anchor2) => {
-      var svg = root_2();
+      var svg = root7();
       $9.append($$anchor2, svg);
     };
     $9.if(node_3, ($$render) => {
@@ -3224,24 +3231,25 @@ function overflowFade() {
 }
 
 // src/components/dropdown/dropdown.svelte
-var root_32 = $10.from_html(`<div class="cinder-dropdown__menu" popover="auto" role="menu"><!></div>`);
-var root_5 = $10.from_html(`<div class="cinder-dropdown__menu" role="menu"><!></div>`);
-var root_13 = $10.from_html(`<div class="cinder-dropdown__trigger" role="presentation"><!></div> <!>`, 1);
-var root6 = $10.from_html(`<div><!></div>`);
+var rest_excludes8 = new Set([
+  "$$slots",
+  "$$events",
+  "$$legacy",
+  "id",
+  "open",
+  "placement",
+  "class",
+  "trigger",
+  "children"
+]);
+var root8 = $10.from_html(`<div class="cinder-dropdown__menu" popover="auto" role="menu"><!></div>`);
+var root_13 = $10.from_html(`<div class="cinder-dropdown__menu" role="menu"><!></div>`);
+var root_2 = $10.from_html(`<div class="cinder-dropdown__trigger" role="presentation"><!></div> <!>`, 1);
+var root_3 = $10.from_html(`<div><!></div>`);
 function Dropdown($$anchor, $$props) {
   const generatedId = $10.props_id();
   $10.push($$props, true);
-  let id = $10.prop($$props, "id", 3, generatedId), open = $10.prop($$props, "open", 15, false), placement = $10.prop($$props, "placement", 3, "bottom-start"), rest = $10.rest_props($$props, [
-    "$$slots",
-    "$$events",
-    "$$legacy",
-    "id",
-    "open",
-    "placement",
-    "class",
-    "trigger",
-    "children"
-  ]);
+  let id = $10.prop($$props, "id", 3, generatedId), open = $10.prop($$props, "open", 15, false), placement = $10.prop($$props, "placement", 3, "bottom-start"), rest = $10.rest_props($$props, rest_excludes8);
   let compoundMenuElement = $10.state(null);
   let compoundTriggerElement = $10.state(null);
   let compoundOpen = $10.state(false);
@@ -3349,7 +3357,7 @@ function Dropdown($$anchor, $$props) {
     const toggleEvent = event2;
     open(toggleEvent.newState === "open");
   }
-  var div = root6();
+  var div = root_3();
   $10.attribute_effect(div, ($0) => ({
     id: id(),
     class: $0,
@@ -3360,7 +3368,7 @@ function Dropdown($$anchor, $$props) {
   var node = $10.child(div);
   {
     var consequent_5 = ($$anchor2) => {
-      var fragment = root_13();
+      var fragment = root_2();
       var div_1 = $10.first_child(fragment);
       var node_1 = $10.child(div_1);
       {
@@ -3380,7 +3388,7 @@ function Dropdown($$anchor, $$props) {
       var node_3 = $10.sibling(div_1, 2);
       {
         var consequent_2 = ($$anchor3) => {
-          var div_2 = root_32();
+          var div_2 = root8();
           var node_4 = $10.child(div_2);
           {
             var consequent_1 = ($$anchor4) => {
@@ -3405,7 +3413,7 @@ function Dropdown($$anchor, $$props) {
           $10.append($$anchor3, div_2);
         };
         var consequent_4 = ($$anchor3) => {
-          var div_3 = root_5();
+          var div_3 = root_13();
           var node_6 = $10.child(div_3);
           {
             var consequent_3 = ($$anchor4) => {
@@ -3472,4 +3480,4 @@ export {
   Dropdown2 as Dropdown
 };
 
-//# debugId=D4A219EA875658EF64756E2164756E21
+//# debugId=F621FB63251C782264756E2164756E21

package/dist/components/dropdown-group/index.js

@@ -61,18 +61,19 @@ function classNames(...parts) {
 }
 
 // src/components/dropdown-group/dropdown-group.svelte
+var rest_excludes = new Set([
+  "$$slots",
+  "$$events",
+  "$$legacy",
+  "class",
+  "children",
+  "label",
+  "labelledBy"
+]);
 var root = $.from_html(`<div><!></div>`);
 function Dropdown_group($$anchor, $$props) {
   $.push($$props, true);
-  let rest = $.rest_props($$props, [
-    "$$slots",
-    "$$events",
-    "$$legacy",
-    "class",
-    "children",
-    "label",
-    "labelledBy"
-  ]);
+  let rest = $.rest_props($$props, rest_excludes);
   function normalizeAccessibleName(value, propertyName) {
     if (value === undefined)
       return;
@@ -125,4 +126,4 @@ export {
   Dropdown_group as DropdownGroup
 };
 
-//# debugId=6FE627363CFEBD3A64756E2164756E21
+//# debugId=204A3DC123F6947B64756E2164756E21