@lostgradient/cinder 0.1.1 → 0.2.0

package/dist/components/dropdown/index.js

@@ -295,7 +295,8 @@ var [getDropdownSetOpenStrict, setDropdownSetOpen] = createContext();
 var getDropdownSetOpen = getDropdownSetOpenStrict;
 
 // src/components/dropdown-item/dropdown-item.svelte
-var root3 = $4.from_html(`<button><!></button>`);
+var root_1 = $4.from_html(`<a><!></a>`);
+var root_3 = $4.from_html(`<button><!></button>`);
 function Dropdown_item($$anchor, $$props) {
   $4.push($$props, true);
   let variant = $4.prop($$props, "variant", 3, "default"), inset = $4.prop($$props, "inset", 3, false), closeOnSelect = $4.prop($$props, "closeOnSelect", 3, true), rest = $4.rest_props($$props, [
@@ -308,59 +309,127 @@ function Dropdown_item($$anchor, $$props) {
     "closeOnSelect",
     "class",
     "onclick",
+    "onkeydown",
+    "href",
     "children"
   ]);
   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));
   function handleClick(event) {
-    if ($$props.disabled)
+    if ($$props.disabled) {
+      event.preventDefault();
       return;
+    }
     if (typeof $$props.onclick === "function") {
-      $$props.onclick(event);
+      if ($4.get(isLink)) {
+        $$props.onclick(event);
+      } else {
+        $$props.onclick(event);
+      }
     }
     if (closeOnSelect()) {
       context.close();
     }
   }
-  var button = root3();
-  $4.attribute_effect(button, ($0) => ({
-    ...rest,
-    type: "button",
-    role: "menuitem",
-    class: $0,
-    "data-cinder-variant": variant(),
-    tabindex: -1,
-    "data-disabled": $$props.disabled ? "" : undefined,
-    "aria-disabled": $$props.disabled ? "true" : undefined,
-    onclick: handleClick
-  }), [
-    () => classNames("cinder-_option-row", "cinder-dropdown-item", inset() && "cinder-dropdown-item--inset", $$props.class)
-  ]);
-  var node = $4.child(button);
+  function handleAnchorKeydown(event) {
+    if (typeof $$props.onkeydown === "function") {
+      $$props.onkeydown(event);
+    }
+    if (event.defaultPrevented)
+      return;
+    if (event.key !== " " && event.key !== "Spacebar")
+      return;
+    event.preventDefault();
+    if ($$props.disabled)
+      return;
+    event.currentTarget.click();
+  }
+  const anchorAttributes = rest;
+  const buttonAttributes = rest;
+  const buttonType = $4.derived(() => $$props.type ?? "button");
+  var fragment = $4.comment();
+  var node = $4.first_child(fragment);
   {
-    var consequent = ($$anchor2) => {
-      var fragment = $4.comment();
-      var node_1 = $4.first_child(fragment);
-      $4.snippet(node_1, () => $$props.children);
-      $4.append($$anchor2, fragment);
+    var consequent_1 = ($$anchor2) => {
+      var a = root_1();
+      $4.attribute_effect(a, () => ({
+        ...anchorAttributes,
+        href: $$props.href,
+        role: "menuitem",
+        class: $4.get(sharedClass),
+        "data-cinder-variant": variant(),
+        tabindex: -1,
+        "data-disabled": $$props.disabled ? "" : undefined,
+        "aria-disabled": $$props.disabled ? "true" : undefined,
+        onclick: handleClick,
+        onkeydown: handleAnchorKeydown
+      }));
+      var node_1 = $4.child(a);
+      {
+        var consequent = ($$anchor3) => {
+          var fragment_1 = $4.comment();
+          var node_2 = $4.first_child(fragment_1);
+          $4.snippet(node_2, () => $$props.children);
+          $4.append($$anchor3, fragment_1);
+        };
+        $4.if(node_1, ($$render) => {
+          if ($$props.children)
+            $$render(consequent);
+        });
+      }
+      $4.reset(a);
+      $4.append($$anchor2, a);
+    };
+    var alternate = ($$anchor2) => {
+      var button = root_3();
+      $4.attribute_effect(button, () => ({
+        ...buttonAttributes,
+        type: $4.get(buttonType),
+        role: "menuitem",
+        class: $4.get(sharedClass),
+        "data-cinder-variant": variant(),
+        tabindex: -1,
+        "data-disabled": $$props.disabled ? "" : undefined,
+        "aria-disabled": $$props.disabled ? "true" : undefined,
+        onclick: handleClick,
+        onkeydown: $$props.onkeydown
+      }));
+      var node_3 = $4.child(button);
+      {
+        var consequent_2 = ($$anchor3) => {
+          var fragment_2 = $4.comment();
+          var node_4 = $4.first_child(fragment_2);
+          $4.snippet(node_4, () => $$props.children);
+          $4.append($$anchor3, fragment_2);
+        };
+        $4.if(node_3, ($$render) => {
+          if ($$props.children)
+            $$render(consequent_2);
+        });
+      }
+      $4.reset(button);
+      $4.append($$anchor2, button);
     };
     $4.if(node, ($$render) => {
-      if ($$props.children)
-        $$render(consequent);
+      if ($4.get(isLink))
+        $$render(consequent_1);
+      else
+        $$render(alternate, -1);
     });
   }
-  $4.reset(button);
-  $4.append($$anchor, button);
+  $4.append($$anchor, fragment);
   $4.pop();
 }
 
 // src/components/dropdown-label/dropdown-label.svelte
 import"svelte/internal/disclose-version";
 import * as $5 from "svelte/internal/client";
-var root4 = $5.from_html(`<div><!></div>`);
+var root3 = $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 = root4();
+  var div = root3();
   $5.attribute_effect(div, ($0) => ({ ...rest, class: $0, role: "presentation" }), [() => classNames("cinder-dropdown-label", $$props.class)]);
   var node = $5.child(div);
   {
@@ -1626,7 +1695,7 @@ function rectsAreEqual(a, b) {
 function observeMove(element, onMove) {
   let io = null;
   let timeoutId;
-  const root5 = getDocumentElement(element);
+  const root4 = getDocumentElement(element);
   function cleanup() {
     var _io;
     clearTimeout(timeoutId);
@@ -1655,8 +1724,8 @@ function observeMove(element, onMove) {
       return;
     }
     const insetTop = floor(top);
-    const insetRight = floor(root5.clientWidth - (left + width));
-    const insetBottom = floor(root5.clientHeight - (top + height));
+    const insetRight = floor(root4.clientWidth - (left + width));
+    const insetBottom = floor(root4.clientHeight - (top + height));
     const insetLeft = floor(left);
     const rootMargin = -insetTop + "px " + -insetRight + "px " + -insetBottom + "px " + -insetLeft + "px";
     const options = {
@@ -1686,7 +1755,7 @@ function observeMove(element, onMove) {
     try {
       io = new IntersectionObserver(handleObserve, {
         ...options,
-        root: root5.ownerDocument
+        root: root4.ownerDocument
       });
     } catch (_e) {
       io = new IntersectionObserver(handleObserve, options);
@@ -1921,7 +1990,7 @@ function createAnchoredOverlay(options) {
 }
 
 // src/components/dropdown-menu/dropdown-menu.svelte
-var root_1 = $7.from_html(`<div><!></div>`);
+var root_12 = $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"]);
@@ -2021,7 +2090,7 @@ function Dropdown_menu($$anchor, $$props) {
   var node = $7.first_child(fragment);
   {
     var consequent_1 = ($$anchor2) => {
-      var div = root_1();
+      var div = root_12();
       $7.attribute_effect(div, ($0) => ({
         id: context.menuId,
         popover: context.supportsPopover ? "auto" : undefined,
@@ -2067,11 +2136,11 @@ 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 root5 = $8.from_html(`<div></div>`);
+var root4 = $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 = root5();
+  var div = root4();
   $8.attribute_effect(div, ($0) => ({ ...rest, class: $0, role: "separator" }), [() => classNames("cinder-dropdown-separator", $$props.class)]);
   $8.append($$anchor, div);
   $8.pop();
@@ -2081,7 +2150,7 @@ function Dropdown_separator($$anchor, $$props) {
 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 root6 = $9.from_html(`<button><!> <!></button>`);
+var root5 = $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, [
@@ -2109,7 +2178,7 @@ function Dropdown_trigger($$anchor, $$props) {
       setOpen(!context.isOpen);
     }
   }
-  var button = root6();
+  var button = root5();
   $9.attribute_effect(button, ($0) => ({
     type: "button",
     class: $0,
@@ -2319,10 +2388,10 @@ function overflowFade() {
 }
 
 // src/components/dropdown/dropdown.svelte
-var root_3 = $10.from_html(`<div class="cinder-dropdown__menu" popover="auto" role="menu"><!></div>`);
+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_12 = $10.from_html(`<div class="cinder-dropdown__trigger" role="presentation"><!></div> <!>`, 1);
-var root7 = $10.from_html(`<div><!></div>`);
+var root_13 = $10.from_html(`<div class="cinder-dropdown__trigger" role="presentation"><!></div> <!>`, 1);
+var root6 = $10.from_html(`<div><!></div>`);
 function Dropdown($$anchor, $$props) {
   const generatedId = $10.props_id();
   $10.push($$props, true);
@@ -2444,7 +2513,7 @@ function Dropdown($$anchor, $$props) {
     const toggleEvent = event2;
     open(toggleEvent.newState === "open");
   }
-  var div = root7();
+  var div = root6();
   $10.attribute_effect(div, ($0) => ({
     id: id(),
     class: $0,
@@ -2455,7 +2524,7 @@ function Dropdown($$anchor, $$props) {
   var node = $10.child(div);
   {
     var consequent_5 = ($$anchor2) => {
-      var fragment = root_12();
+      var fragment = root_13();
       var div_1 = $10.first_child(fragment);
       var node_1 = $10.child(div_1);
       {
@@ -2475,7 +2544,7 @@ function Dropdown($$anchor, $$props) {
       var node_3 = $10.sibling(div_1, 2);
       {
         var consequent_2 = ($$anchor3) => {
-          var div_2 = root_3();
+          var div_2 = root_32();
           var node_4 = $10.child(div_2);
           {
             var consequent_1 = ($$anchor4) => {
@@ -2567,4 +2636,4 @@ export {
   Dropdown2 as Dropdown
 };
 
-//# debugId=1FBD3DCD3915D3F264756E2164756E21
+//# debugId=F11B4202011E54FF64756E2164756E21

package/dist/components/dropdown-item/dropdown-item.schema.js

@@ -67,6 +67,18 @@ var schema = {
     },
     class: {
       type: "string"
+    },
+    disabled: {
+      type: "boolean",
+      description: "When true the item is inert: click is blocked and aria-disabled is set."
+    },
+    href: {
+      type: "string",
+      description: "Destination URL. Any defined value — including an empty string — selects\nthe anchor branch and renders an `<a>`. Omit `href` entirely to render a\n`<button>`."
+    },
+    type: {
+      enum: ["button", "submit", "reset"],
+      description: 'Button type forwarded to the `<button>` element. Defaults to `"button"`.\n\nNOTE: `type="submit"` only submits a surrounding `<form>` when the menu\nstays inside that form\'s DOM subtree. DropdownMenu portals its panel to\n`document.body` on the non-popover fallback path, so a submit item is then\nNOT a form descendant and native submission is skipped. To submit a form\nfrom a portaled menu, set `form="<form-id>"` to associate the button with\nthe form by id, or handle submission in `onclick`.'
     }
   },
   additionalProperties: false,
@@ -84,4 +96,4 @@ export {
   dropdown_item_schema_default as default
 };
 
-//# debugId=75392E3FA0D1103E64756E2164756E21
+//# debugId=D7998D874F16E2B564756E2164756E21

package/dist/components/dropdown-item/dropdown-item.svelte.d.ts

@@ -11,7 +11,7 @@
  * @avoidWhen Grouping a static heading row above menu items — use dropdown-label.
  * @related dropdown, dropdown-menu, dropdown-label, dropdown-separator
  */
-export type { DropdownItemProps, DropdownItemVariant } from './dropdown-item.types.ts';
+export type { DropdownItemAnchorProps, DropdownItemButtonProps, DropdownItemProps, DropdownItemVariant, } from './dropdown-item.types.ts';
 import type { DropdownItemProps } from './dropdown-item.types.ts';
 declare const DropdownItem: import("svelte").Component<DropdownItemProps, {}, "">;
 type DropdownItem = ReturnType<typeof DropdownItem>;

package/dist/components/dropdown-item/dropdown-item.types.d.ts

@@ -1,10 +1,54 @@
 import type { Snippet } from 'svelte';
-import type { HTMLButtonAttributes } from 'svelte/elements';
+import type { HTMLAnchorAttributes, HTMLAttributes, HTMLButtonAttributes } from 'svelte/elements';
 export type DropdownItemVariant = 'default' | 'danger';
-export type DropdownItemProps = Omit<HTMLButtonAttributes, 'class'> & {
+type DropdownItemBase = Omit<HTMLAttributes<HTMLElement>, 'class'> & {
     variant?: DropdownItemVariant;
     inset?: boolean;
     closeOnSelect?: boolean;
     class?: string;
     children?: Snippet;
+    /** When true the item is inert: click is blocked and aria-disabled is set. */
+    disabled?: boolean | undefined;
 };
+/**
+ * Button variant — renders a `<button>`. Forwards every button-specific
+ * attribute (`name`, `value`, `form`, `formaction`, `formmethod`,
+ * `formnovalidate`, `formtarget`, `formenctype`, …) by subtracting the shared
+ * `HTMLElement` surface — which the base already provides with `HTMLElement`-typed
+ * event handlers — so a form-submitting menu item (`type="submit"` with `name`/
+ * `value`) keeps full typing without reintroducing the inline-handler
+ * contravariance trap. `disabled` is owned by the base (a managed click guard +
+ * aria-disabled), not the native attribute.
+ */
+export type DropdownItemButtonProps = DropdownItemBase & Omit<HTMLButtonAttributes, keyof HTMLAttributes<HTMLElement> | 'class' | 'disabled' | 'type'> & {
+    href?: undefined;
+    /**
+     * Button type forwarded to the `<button>` element. Defaults to `"button"`.
+     *
+     * NOTE: `type="submit"` only submits a surrounding `<form>` when the menu
+     * stays inside that form's DOM subtree. DropdownMenu portals its panel to
+     * `document.body` on the non-popover fallback path, so a submit item is then
+     * NOT a form descendant and native submission is skipped. To submit a form
+     * from a portaled menu, set `form="<form-id>"` to associate the button with
+     * the form by id, or handle submission in `onclick`.
+     */
+    type?: 'button' | 'submit' | 'reset';
+};
+/**
+ * Anchor variant — renders an `<a href>`. `disabled` blocks navigation and sets
+ * aria-disabled. Forwards every anchor-specific attribute (`target`, `rel`,
+ * `download`, `ping`, `hreflang`, `referrerpolicy`, …) by subtracting the shared
+ * `HTMLElement` surface — which the base already provides with `HTMLElement`-typed
+ * event handlers — so the inline-handler contravariance trap never reappears.
+ */
+export type DropdownItemAnchorProps = DropdownItemBase & Omit<HTMLAnchorAttributes, keyof HTMLAttributes<HTMLElement> | 'class' | 'href'> & {
+    /**
+     * Destination URL. Any defined value — including an empty string — selects
+     * the anchor branch and renders an `<a>`. Omit `href` entirely to render a
+     * `<button>`.
+     */
+    href: string;
+    type?: undefined;
+};
+export type DropdownItemProps = DropdownItemButtonProps | DropdownItemAnchorProps;
+export {};

package/dist/components/dropdown-item/index.d.ts

@@ -1,4 +1,4 @@
 import DropdownItem from './dropdown-item.svelte';
 export default DropdownItem;
-export type { DropdownItemProps, DropdownItemVariant } from './dropdown-item.types.ts';
+export type { DropdownItemAnchorProps, DropdownItemButtonProps, DropdownItemProps, DropdownItemVariant, } from './dropdown-item.types.ts';
 export { DropdownItem };

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

@@ -72,7 +72,8 @@ var [getDropdownSetOpenStrict, setDropdownSetOpen] = createContext();
 var getDropdownSetOpen = getDropdownSetOpenStrict;
 
 // src/components/dropdown-item/dropdown-item.svelte
-var root = $.from_html(`<button><!></button>`);
+var root_1 = $.from_html(`<a><!></a>`);
+var root_3 = $.from_html(`<button><!></button>`);
 function Dropdown_item($$anchor, $$props) {
   $.push($$props, true);
   let variant = $.prop($$props, "variant", 3, "default"), inset = $.prop($$props, "inset", 3, false), closeOnSelect = $.prop($$props, "closeOnSelect", 3, true), rest = $.rest_props($$props, [
@@ -85,48 +86,116 @@ function Dropdown_item($$anchor, $$props) {
     "closeOnSelect",
     "class",
     "onclick",
+    "onkeydown",
+    "href",
     "children"
   ]);
   const context = getDropdownContext();
+  const isLink = $.derived(() => $$props.href !== undefined);
+  const sharedClass = $.derived(() => classNames("cinder-_option-row", "cinder-dropdown-item", inset() && "cinder-dropdown-item--inset", $$props.class));
   function handleClick(event) {
-    if ($$props.disabled)
+    if ($$props.disabled) {
+      event.preventDefault();
       return;
+    }
     if (typeof $$props.onclick === "function") {
-      $$props.onclick(event);
+      if ($.get(isLink)) {
+        $$props.onclick(event);
+      } else {
+        $$props.onclick(event);
+      }
     }
     if (closeOnSelect()) {
       context.close();
     }
   }
-  var button = root();
-  $.attribute_effect(button, ($0) => ({
-    ...rest,
-    type: "button",
-    role: "menuitem",
-    class: $0,
-    "data-cinder-variant": variant(),
-    tabindex: -1,
-    "data-disabled": $$props.disabled ? "" : undefined,
-    "aria-disabled": $$props.disabled ? "true" : undefined,
-    onclick: handleClick
-  }), [
-    () => classNames("cinder-_option-row", "cinder-dropdown-item", inset() && "cinder-dropdown-item--inset", $$props.class)
-  ]);
-  var node = $.child(button);
+  function handleAnchorKeydown(event) {
+    if (typeof $$props.onkeydown === "function") {
+      $$props.onkeydown(event);
+    }
+    if (event.defaultPrevented)
+      return;
+    if (event.key !== " " && event.key !== "Spacebar")
+      return;
+    event.preventDefault();
+    if ($$props.disabled)
+      return;
+    event.currentTarget.click();
+  }
+  const anchorAttributes = rest;
+  const buttonAttributes = rest;
+  const buttonType = $.derived(() => $$props.type ?? "button");
+  var fragment = $.comment();
+  var node = $.first_child(fragment);
   {
-    var consequent = ($$anchor2) => {
-      var fragment = $.comment();
-      var node_1 = $.first_child(fragment);
-      $.snippet(node_1, () => $$props.children);
-      $.append($$anchor2, fragment);
+    var consequent_1 = ($$anchor2) => {
+      var a = root_1();
+      $.attribute_effect(a, () => ({
+        ...anchorAttributes,
+        href: $$props.href,
+        role: "menuitem",
+        class: $.get(sharedClass),
+        "data-cinder-variant": variant(),
+        tabindex: -1,
+        "data-disabled": $$props.disabled ? "" : undefined,
+        "aria-disabled": $$props.disabled ? "true" : undefined,
+        onclick: handleClick,
+        onkeydown: handleAnchorKeydown
+      }));
+      var node_1 = $.child(a);
+      {
+        var consequent = ($$anchor3) => {
+          var fragment_1 = $.comment();
+          var node_2 = $.first_child(fragment_1);
+          $.snippet(node_2, () => $$props.children);
+          $.append($$anchor3, fragment_1);
+        };
+        $.if(node_1, ($$render) => {
+          if ($$props.children)
+            $$render(consequent);
+        });
+      }
+      $.reset(a);
+      $.append($$anchor2, a);
+    };
+    var alternate = ($$anchor2) => {
+      var button = root_3();
+      $.attribute_effect(button, () => ({
+        ...buttonAttributes,
+        type: $.get(buttonType),
+        role: "menuitem",
+        class: $.get(sharedClass),
+        "data-cinder-variant": variant(),
+        tabindex: -1,
+        "data-disabled": $$props.disabled ? "" : undefined,
+        "aria-disabled": $$props.disabled ? "true" : undefined,
+        onclick: handleClick,
+        onkeydown: $$props.onkeydown
+      }));
+      var node_3 = $.child(button);
+      {
+        var consequent_2 = ($$anchor3) => {
+          var fragment_2 = $.comment();
+          var node_4 = $.first_child(fragment_2);
+          $.snippet(node_4, () => $$props.children);
+          $.append($$anchor3, fragment_2);
+        };
+        $.if(node_3, ($$render) => {
+          if ($$props.children)
+            $$render(consequent_2);
+        });
+      }
+      $.reset(button);
+      $.append($$anchor2, button);
     };
     $.if(node, ($$render) => {
-      if ($$props.children)
-        $$render(consequent);
+      if ($.get(isLink))
+        $$render(consequent_1);
+      else
+        $$render(alternate, -1);
     });
   }
-  $.reset(button);
-  $.append($$anchor, button);
+  $.append($$anchor, fragment);
   $.pop();
 }
 
@@ -137,4 +206,4 @@ export {
   Dropdown_item as DropdownItem
 };
 
-//# debugId=4773A0BDC7A6D9EC64756E2164756E21
+//# debugId=EC58EC164929182064756E2164756E21

package/dist/components/floating-action-button/floating-action-button.css

@@ -179,9 +179,11 @@
     }
   }
 
-  /* :active placed after hover media so press feedback fires on tap as well */
+  /* :active placed after hover media so press feedback fires on tap as well.
+     Uses the gentler on-fill pressed token so the --cinder-accent-contrast label stays
+     AA-legible on the pressed fill (see --cinder-accent-active-on-fill in tokens-base.css). */
   .cinder-fab[data-cinder-color='primary']:active:not(:disabled):not([aria-disabled='true']) {
-    background: var(--cinder-accent-active);
+    background: var(--cinder-accent-active-on-fill);
   }
 
   .cinder-fab[data-cinder-color='secondary']:active:not(:disabled):not([aria-disabled='true']) {

package/dist/components/json-schema-editor/index.js

@@ -7704,12 +7704,13 @@ import * as $4 from "svelte/internal/client";
 var root2 = $4.from_html(`<span><!></span>`);
 function Badge($$anchor, $$props) {
   $4.push($$props, true);
-  let variant = $4.prop($$props, "variant", 3, "neutral"), size = $4.prop($$props, "size", 3, "md"), rest = $4.rest_props($$props, [
+  let variant = $4.prop($$props, "variant", 3, "neutral"), size = $4.prop($$props, "size", 3, "md"), mono = $4.prop($$props, "mono", 3, false), rest = $4.rest_props($$props, [
     "$$slots",
     "$$events",
     "$$legacy",
     "variant",
     "size",
+    "mono",
     "class",
     "children"
   ]);
@@ -7718,6 +7719,7 @@ function Badge($$anchor, $$props) {
     class: $0,
     "data-cinder-variant": variant(),
     "data-cinder-size": size(),
+    "data-cinder-mono": mono() ? "" : undefined,
     ...rest
   }), [() => classNames("cinder-badge", $$props.class)]);
   var node = $4.child(span);
@@ -7733,6 +7735,19 @@ import * as $5 from "svelte/internal/client";
 import { untrack } from "svelte";
 
 // src/_internal/collection.ts
+function createSingleSelection(getValue, setValue) {
+  return {
+    get value() {
+      return getValue();
+    },
+    select(next) {
+      setValue(next);
+    },
+    isSelected(candidate) {
+      return getValue() === candidate;
+    }
+  };
+}
 function createMultiSelection(getValues, setValues) {
   return {
     get values() {
@@ -8170,6 +8185,7 @@ function Alert($$anchor, $$props) {
     "children",
     "icon"
   ]);
+  const resolvedVariant = $9.derived(() => variant() === "danger" ? "error" : variant());
   let visible = $9.state(true);
   let rootElement = $9.state(undefined);
   async function handleDismiss() {
@@ -8221,7 +8237,7 @@ function Alert($$anchor, $$props) {
       $9.attribute_effect(div, ($0) => ({
         ...$9.get(restWithoutForbidden),
         class: $0,
-        "data-cinder-variant": variant(),
+        "data-cinder-variant": $9.get(resolvedVariant),
         role: "alert"
       }), [
         () => classNames("cinder-alert", "cinder-_status-surface", $$props.class)
@@ -8388,7 +8404,10 @@ function Button($$anchor, $$props) {
     "aria-disabled",
     "aria-busy",
     "aria-label",
-    "aria-labelledby"
+    "aria-labelledby",
+    "aria-expanded",
+    "aria-controls",
+    "aria-haspopup"
   ]);
   const mergedClassName = $10.derived(() => classNames("cinder-button", $$props.class));
   const dataAttributes = $10.derived(() => ({
@@ -8446,6 +8465,9 @@ function Button($$anchor, $$props) {
         "aria-busy": $10.get(resolvedAriaBusy),
         "aria-label": $10.get(resolvedAriaLabel),
         "aria-labelledby": $10.get(resolvedAriaLabelledBy),
+        "aria-expanded": $$props["aria-expanded"],
+        "aria-controls": $$props["aria-controls"],
+        "aria-haspopup": $$props["aria-haspopup"],
         onclick: handleClick
       }));
       var node_10 = $10.child(a);
@@ -8465,6 +8487,9 @@ function Button($$anchor, $$props) {
         "aria-busy": $10.get(resolvedAriaBusy),
         "aria-label": $10.get(resolvedAriaLabel),
         "aria-labelledby": $10.get(resolvedAriaLabelledBy),
+        "aria-expanded": $$props["aria-expanded"],
+        "aria-controls": $$props["aria-controls"],
+        "aria-haspopup": $$props["aria-haspopup"],
         onclick: handleClick
       }));
       var node_11 = $10.child(button);
@@ -16253,4 +16278,4 @@ export {
   Json_schema_editor as JsonSchemaEditor
 };
 
-//# debugId=510E29AB931AFA4A64756E2164756E21
+//# debugId=B16D7F2D564143D764756E2164756E21

package/dist/components/keyboard-shortcuts/index.d.ts

@@ -0,0 +1,5 @@
+import './keyboard-shortcuts.css';
+import KeyboardShortcuts from './keyboard-shortcuts.svelte';
+export default KeyboardShortcuts;
+export type { KeyboardShortcutEntry, KeyboardShortcutGroup, KeyboardShortcutsProps, } from './keyboard-shortcuts.types.ts';
+export { KeyboardShortcuts };