@lostgradient/cinder 0.1.1 → 0.2.0

package/dist/server/components/pricing-card/index.css

@@ -0,0 +1,131 @@
+/* src/components/pricing-card/pricing-card.css */
+@layer cinder.tokens, cinder.foundation, cinder.components, cinder.utilities;
+
+@layer cinder.components {
+  .cinder-pricing-card {
+    container-type: inline-size;
+    container-name: cinder-pricing-card;
+    display: flex;
+    border-radius: var(--cinder-radius-lg);
+    background: var(--cinder-surface-raised);
+    border: 1px solid var(--cinder-border-muted);
+    color: var(--cinder-text);
+    box-shadow: var(--cinder-shadow-sm);
+    overflow: hidden;
+    transition: border-color var(--cinder-duration-fast) var(--cinder-ease-standard), box-shadow var(--cinder-duration-fast) var(--cinder-ease-standard);
+    flex-direction: column;
+    inline-size: 100%;
+  }
+
+  .cinder-pricing-card[data-cinder-selected] {
+    border-color: var(--cinder-accent);
+    box-shadow: var(--cinder-shadow-sm), 0 0 0 2px color-mix(in oklch, var(--cinder-accent), transparent 70%);
+  }
+
+  .cinder-pricing-card__header {
+    display: flex;
+    gap: var(--cinder-space-1);
+    padding: var(--cinder-space-4) var(--cinder-space-4) var(--cinder-space-3);
+    border-bottom: 1px solid var(--cinder-border-muted);
+    flex-direction: column;
+  }
+
+  .cinder-pricing-card[data-cinder-selected] .cinder-pricing-card__header {
+    background: color-mix(in oklch, var(--cinder-accent), transparent 92%);
+  }
+
+  .cinder-pricing-card__heading-row {
+    display: flex;
+    justify-content: space-between;
+    align-items:  center;
+    gap: var(--cinder-space-2);
+  }
+
+  .cinder-pricing-card__selected-flag {
+    font-size: var(--cinder-text-xs);
+    font-weight: var(--cinder-font-semibold);
+    letter-spacing: .025em;
+    text-transform: uppercase;
+    color: var(--cinder-accent-text);
+    background: color-mix(in oklch, var(--cinder-accent), transparent 85%);
+    border-radius: var(--cinder-radius-full);
+    padding: var(--cinder-space-1) var(--cinder-space-2);
+    flex-shrink: 0;
+    line-height: 1;
+  }
+
+  .cinder-pricing-card__name {
+    font-size: var(--cinder-text-sm);
+    font-weight: var(--cinder-font-semibold);
+    color: var(--cinder-text);
+    letter-spacing: .025em;
+    text-transform: uppercase;
+    margin: 0;
+  }
+
+  .cinder-pricing-card[data-cinder-selected] .cinder-pricing-card__name {
+    color: var(--cinder-accent-text);
+  }
+
+  .cinder-pricing-card__price {
+    font-size: var(--cinder-text-3xl);
+    font-weight: var(--cinder-font-bold);
+    color: var(--cinder-text);
+    margin: 0;
+    line-height: 1;
+  }
+
+  .cinder-pricing-card__body {
+    display: flex;
+    gap: var(--cinder-space-3);
+    padding: var(--cinder-space-4);
+    flex-direction: column;
+    flex: 1;
+  }
+
+  .cinder-pricing-card__features {
+    list-style: none;
+    display: flex;
+    gap: var(--cinder-space-2);
+    flex-direction: column;
+    margin: 0;
+    padding: 0;
+  }
+
+  .cinder-pricing-card__feature {
+    display: flex;
+    align-items: baseline;
+    gap: var(--cinder-space-2);
+    font-size: var(--cinder-text-sm);
+    color: var(--cinder-text);
+  }
+
+  .cinder-pricing-card__feature:before {
+    content: "";
+    display: inline-block;
+    border-radius: var(--cinder-radius-full);
+    background: var(--cinder-accent);
+    flex-shrink: 0;
+    block-size: .375rem;
+    inline-size: .375rem;
+    translate: 0 .1em;
+  }
+
+  .cinder-pricing-card__caveat {
+    font-size: var(--cinder-text-xs);
+    color: var(--cinder-text-subtle);
+    margin: 0;
+    font-style: italic;
+  }
+
+  .cinder-pricing-card__footer {
+    padding: var(--cinder-space-3) var(--cinder-space-4) var(--cinder-space-4);
+    border-top: 1px solid var(--cinder-border-muted);
+  }
+
+  @container cinder-pricing-card (width <= 16rem) {
+    .cinder-pricing-card__price {
+      font-size: var(--cinder-text-2xl);
+    }
+  }
+}

package/dist/server/components/pricing-card/index.js

@@ -0,0 +1,258 @@
+import { createRequire } from "node:module";
+var __create = Object.create;
+var __getProtoOf = Object.getPrototypeOf;
+var __defProp = Object.defineProperty;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+function __accessProp(key) {
+  return this[key];
+}
+var __toESMCache_node;
+var __toESMCache_esm;
+var __toESM = (mod, isNodeMode, target) => {
+  var canCache = mod != null && typeof mod === "object";
+  if (canCache) {
+    var cache = isNodeMode ? __toESMCache_node ??= new WeakMap : __toESMCache_esm ??= new WeakMap;
+    var cached = cache.get(mod);
+    if (cached)
+      return cached;
+  }
+  target = mod != null ? __create(__getProtoOf(mod)) : {};
+  const to = isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target;
+  for (let key of __getOwnPropNames(mod))
+    if (!__hasOwnProp.call(to, key))
+      __defProp(to, key, {
+        get: __accessProp.bind(mod, key),
+        enumerable: true
+      });
+  if (canCache)
+    cache.set(mod, to);
+  return to;
+};
+var __commonJS = (cb, mod) => () => (mod || cb((mod = { exports: {} }).exports, mod), mod.exports);
+var __esm = (fn, res) => () => (fn && (res = fn(fn = 0)), res);
+var __require = /* @__PURE__ */ createRequire(import.meta.url);
+
+// src/components/pricing-card/pricing-card.svelte
+import * as $2 from "svelte/internal/server";
+
+// src/utilities/class-names.ts
+function classNames(...parts) {
+  return parts.filter((part) => typeof part === "string" && part.length > 0).join(" ");
+}
+
+// src/components/button/button.svelte
+import * as $ from "svelte/internal/server";
+
+// ../../node_modules/esm-env/false.js
+var false_default = false;
+// ../../node_modules/esm-env/true.js
+var true_default = true;
+// src/utilities/dev-warn.ts
+function devWarn(message, ...args) {
+  if (!true_default)
+    return;
+  console.warn(message, ...args);
+}
+
+// src/components/button/button.svelte
+function Button($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    const {
+      variant = "secondary",
+      size = "md",
+      fullWidth = false,
+      loading = false,
+      iconOnly = false,
+      leadingIcon,
+      trailingIcon,
+      children,
+      label,
+      class: customClassName,
+      href,
+      onclick: consumerOnClick,
+      "aria-disabled": consumerAriaDisabled,
+      "aria-busy": consumerAriaBusy,
+      "aria-label": ariaLabel,
+      "aria-labelledby": ariaLabelledBy,
+      "aria-expanded": ariaExpanded,
+      "aria-controls": ariaControls,
+      "aria-haspopup": ariaHaspopup,
+      $$slots,
+      $$events,
+      ...rest
+    } = $$props;
+    const mergedClassName = $.derived(() => classNames("cinder-button", customClassName));
+    const dataAttributes = $.derived(() => ({
+      "data-cinder-variant": variant,
+      "data-cinder-size": size,
+      "data-cinder-full-width": fullWidth ? "" : undefined,
+      "data-cinder-loading": loading ? "" : undefined,
+      "data-cinder-icon-only": iconOnly ? "" : undefined
+    }));
+    const resolvedAriaDisabled = $.derived(() => loading ? "true" : consumerAriaDisabled);
+    const resolvedAriaBusy = $.derived(() => loading ? "true" : consumerAriaBusy);
+    const resolvedAriaLabel = $.derived(() => typeof ariaLabel === "string" && ariaLabel.trim().length > 0 ? ariaLabel : undefined);
+    const resolvedAriaLabelledBy = $.derived(() => typeof ariaLabelledBy === "string" && ariaLabelledBy.trim().length > 0 ? ariaLabelledBy : undefined);
+    const anchorAttributes = rest;
+    const buttonAttributes = rest;
+    const anchorTabIndex = $.derived(() => rest.tabindex);
+    const buttonType = $.derived(() => rest.type);
+    const buttonDisabled = $.derived(() => rest.disabled ?? false);
+    function handleClick(event) {
+      if (loading) {
+        event.preventDefault();
+        return;
+      }
+      if (typeof consumerOnClick === "function") {
+        consumerOnClick(event);
+      }
+    }
+    function buttonContent($$renderer3) {
+      if (leadingIcon) {
+        $$renderer3.push("<!--[0-->");
+        $$renderer3.push(`<span class="cinder-button__icon" aria-hidden="true">`);
+        leadingIcon($$renderer3);
+        $$renderer3.push(`<!----></span>`);
+      } else {
+        $$renderer3.push("<!--[-1-->");
+      }
+      $$renderer3.push(`<!--]--> `);
+      if (iconOnly) {
+        $$renderer3.push("<!--[0-->");
+        if (!resolvedAriaLabel() && !resolvedAriaLabelledBy() && label) {
+          $$renderer3.push("<!--[0-->");
+          $$renderer3.push(`<span class="cinder-sr-only">${$.escape(label)}</span>`);
+        } else {
+          $$renderer3.push("<!--[-1-->");
+        }
+        $$renderer3.push(`<!--]--> `);
+        if (children) {
+          $$renderer3.push("<!--[0-->");
+          $$renderer3.push(`<span class="cinder-button__icon" aria-hidden="true">`);
+          children($$renderer3);
+          $$renderer3.push(`<!----></span>`);
+        } else {
+          $$renderer3.push("<!--[-1-->");
+        }
+        $$renderer3.push(`<!--]-->`);
+      } else if (children) {
+        $$renderer3.push("<!--[1-->");
+        children($$renderer3);
+        $$renderer3.push(`<!---->`);
+      } else {
+        $$renderer3.push("<!--[-1-->");
+        $$renderer3.push(`${$.escape(label)}`);
+      }
+      $$renderer3.push(`<!--]--> `);
+      if (trailingIcon) {
+        $$renderer3.push("<!--[0-->");
+        $$renderer3.push(`<span class="cinder-button__icon" aria-hidden="true">`);
+        trailingIcon($$renderer3);
+        $$renderer3.push(`<!----></span>`);
+      } else {
+        $$renderer3.push("<!--[-1-->");
+      }
+      $$renderer3.push(`<!--]-->`);
+    }
+    if (href !== undefined) {
+      $$renderer2.push("<!--[0-->");
+      $$renderer2.push(`<a${$.attributes({
+        ...anchorAttributes,
+        href: loading ? undefined : href,
+        tabindex: loading ? -1 : anchorTabIndex(),
+        class: $.clsx(mergedClassName()),
+        ...dataAttributes(),
+        "aria-disabled": resolvedAriaDisabled(),
+        "aria-busy": resolvedAriaBusy(),
+        "aria-label": resolvedAriaLabel(),
+        "aria-labelledby": resolvedAriaLabelledBy(),
+        "aria-expanded": ariaExpanded,
+        "aria-controls": ariaControls,
+        "aria-haspopup": ariaHaspopup
+      })}>`);
+      buttonContent($$renderer2);
+      $$renderer2.push(`<!----></a>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+      $$renderer2.push(`<button${$.attributes({
+        ...buttonAttributes,
+        type: buttonType() ?? "button",
+        class: $.clsx(mergedClassName()),
+        ...dataAttributes(),
+        disabled: buttonDisabled() || loading,
+        "aria-disabled": resolvedAriaDisabled(),
+        "aria-busy": resolvedAriaBusy(),
+        "aria-label": resolvedAriaLabel(),
+        "aria-labelledby": resolvedAriaLabelledBy(),
+        "aria-expanded": ariaExpanded,
+        "aria-controls": ariaControls,
+        "aria-haspopup": ariaHaspopup
+      })}>`);
+      buttonContent($$renderer2);
+      $$renderer2.push(`<!----></button>`);
+    }
+    $$renderer2.push(`<!--]-->`);
+  });
+}
+
+// src/components/pricing-card/pricing-card.svelte
+function Pricing_card($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    let {
+      name,
+      price,
+      features,
+      cta,
+      onselect,
+      caveat,
+      selected = false,
+      class: className,
+      $$slots,
+      $$events,
+      ...rest
+    } = $$props;
+    $$renderer2.push(`<div${$2.attributes({
+      class: $2.clsx(classNames("cinder-pricing-card", className)),
+      "data-cinder-selected": selected ? "" : undefined,
+      "aria-current": selected ? "true" : undefined,
+      ...rest
+    })}><div class="cinder-pricing-card__header"><div class="cinder-pricing-card__heading-row"><h3 class="cinder-pricing-card__name">${$2.escape(name)}</h3> `);
+    if (selected) {
+      $$renderer2.push("<!--[0-->");
+      $$renderer2.push(`<span class="cinder-pricing-card__selected-flag">Selected</span>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--></div> <p class="cinder-pricing-card__price">${$2.escape(price)}</p></div> <div class="cinder-pricing-card__body"><ul class="cinder-pricing-card__features"><!--[-->`);
+    const each_array = $2.ensure_array_like(features);
+    for (let index = 0, $$length = each_array.length;index < $$length; index++) {
+      let feature = each_array[index];
+      $$renderer2.push(`<li class="cinder-pricing-card__feature">${$2.escape(feature)}</li>`);
+    }
+    $$renderer2.push(`<!--]--></ul> `);
+    if (caveat) {
+      $$renderer2.push("<!--[0-->");
+      $$renderer2.push(`<p class="cinder-pricing-card__caveat" data-cinder-caveat="">${$2.escape(caveat)}</p>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--></div> <div class="cinder-pricing-card__footer">`);
+    Button($$renderer2, {
+      label: cta,
+      variant: selected ? "primary" : "secondary",
+      fullWidth: true,
+      onclick: onselect
+    });
+    $$renderer2.push(`<!----></div></div>`);
+  });
+}
+
+// src/components/pricing-card/index.ts
+var pricing_card_default = Pricing_card;
+export {
+  pricing_card_default as default,
+  Pricing_card as PricingCard
+};
+
+//# debugId=BC1684F093AA106164756E2164756E21

package/dist/server/components/pricing-card/pricing-card.schema.js

@@ -0,0 +1,82 @@
+import { createRequire } from "node:module";
+var __create = Object.create;
+var __getProtoOf = Object.getPrototypeOf;
+var __defProp = Object.defineProperty;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+function __accessProp(key) {
+  return this[key];
+}
+var __toESMCache_node;
+var __toESMCache_esm;
+var __toESM = (mod, isNodeMode, target) => {
+  var canCache = mod != null && typeof mod === "object";
+  if (canCache) {
+    var cache = isNodeMode ? __toESMCache_node ??= new WeakMap : __toESMCache_esm ??= new WeakMap;
+    var cached = cache.get(mod);
+    if (cached)
+      return cached;
+  }
+  target = mod != null ? __create(__getProtoOf(mod)) : {};
+  const to = isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target;
+  for (let key of __getOwnPropNames(mod))
+    if (!__hasOwnProp.call(to, key))
+      __defProp(to, key, {
+        get: __accessProp.bind(mod, key),
+        enumerable: true
+      });
+  if (canCache)
+    cache.set(mod, to);
+  return to;
+};
+var __commonJS = (cb, mod) => () => (mod || cb((mod = { exports: {} }).exports, mod), mod.exports);
+var __esm = (fn, res) => () => (fn && (res = fn(fn = 0)), res);
+var __require = /* @__PURE__ */ createRequire(import.meta.url);
+
+// src/components/pricing-card/pricing-card.schema.ts
+var schema = {
+  $schema: "https://json-schema.org/draft/2020-12/schema",
+  type: "object",
+  properties: {
+    name: {
+      type: "string",
+      description: "Plan name displayed as the card heading."
+    },
+    price: {
+      type: "string",
+      description: 'Price string, e.g. "$9/mo" or "Free".'
+    },
+    features: {
+      type: "array",
+      items: {
+        type: "string"
+      },
+      description: "Feature strings to display in the bulleted list."
+    },
+    cta: {
+      type: "string",
+      description: "Label for the call-to-action button."
+    },
+    caveat: {
+      type: "string",
+      description: "Optional footnote or caveat beneath the features list."
+    },
+    selected: {
+      type: "boolean",
+      description: "Whether this card is the currently selected plan.",
+      default: false
+    },
+    class: {
+      type: "string",
+      description: "Custom class merged with `.cinder-pricing-card`."
+    }
+  },
+  additionalProperties: false,
+  required: ["cta", "features", "name", "price"]
+};
+var pricing_card_schema_default = schema;
+export {
+  pricing_card_schema_default as default
+};
+
+//# debugId=F834E1DBE3128E4864756E2164756E21

package/dist/server/components/pricing-card/pricing-card.variables.js

@@ -0,0 +1,43 @@
+import { createRequire } from "node:module";
+var __create = Object.create;
+var __getProtoOf = Object.getPrototypeOf;
+var __defProp = Object.defineProperty;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+function __accessProp(key) {
+  return this[key];
+}
+var __toESMCache_node;
+var __toESMCache_esm;
+var __toESM = (mod, isNodeMode, target) => {
+  var canCache = mod != null && typeof mod === "object";
+  if (canCache) {
+    var cache = isNodeMode ? __toESMCache_node ??= new WeakMap : __toESMCache_esm ??= new WeakMap;
+    var cached = cache.get(mod);
+    if (cached)
+      return cached;
+  }
+  target = mod != null ? __create(__getProtoOf(mod)) : {};
+  const to = isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target;
+  for (let key of __getOwnPropNames(mod))
+    if (!__hasOwnProp.call(to, key))
+      __defProp(to, key, {
+        get: __accessProp.bind(mod, key),
+        enumerable: true
+      });
+  if (canCache)
+    cache.set(mod, to);
+  return to;
+};
+var __commonJS = (cb, mod) => () => (mod || cb((mod = { exports: {} }).exports, mod), mod.exports);
+var __esm = (fn, res) => () => (fn && (res = fn(fn = 0)), res);
+var __require = /* @__PURE__ */ createRequire(import.meta.url);
+
+// src/components/pricing-card/pricing-card.variables.ts
+var variables = [];
+var pricing_card_variables_default = variables;
+export {
+  pricing_card_variables_default as default
+};
+
+//# debugId=92AC78AE59F75EBD64756E2164756E21

package/dist/server/components/review-editor/index.css

@@ -236,7 +236,7 @@
   }
 
   .ProseMirror-selectednode {
-    outline: 2px solid #8cf;
+    outline: 2px solid var(--cinder-accent);
   }
 
   li.ProseMirror-selectednode {
@@ -246,8 +246,8 @@
   li.ProseMirror-selectednode:after {
     content: "";
     position: absolute;
+    border: 2px solid var(--cinder-accent);
     pointer-events: none;
-    border: 2px solid #8cf;
     inset: -2px -2px -2px -32px;
   }
 

package/dist/server/components/review-editor/index.js

@@ -2566,40 +2566,90 @@ function Dropdown_item($$renderer, $$props) {
       closeOnSelect = true,
       class: customClassName,
       onclick,
+      onkeydown,
+      href,
       children,
       $$slots,
       $$events,
       ...rest
     } = $$props;
     const context = getDropdownContext();
+    const isLink = $36.derived(() => href !== undefined);
+    const sharedClass = $36.derived(() => classNames("cinder-_option-row", "cinder-dropdown-item", inset && "cinder-dropdown-item--inset", customClassName));
     function handleClick(event) {
-      if (disabled)
+      if (disabled) {
+        event.preventDefault();
         return;
+      }
       if (typeof onclick === "function") {
-        onclick(event);
+        if (isLink()) {
+          onclick(event);
+        } else {
+          onclick(event);
+        }
       }
       if (closeOnSelect) {
         context.close();
       }
     }
-    $$renderer2.push(`<button${$36.attributes({
-      ...rest,
-      type: "button",
-      role: "menuitem",
-      class: $36.clsx(classNames("cinder-_option-row", "cinder-dropdown-item", inset && "cinder-dropdown-item--inset", customClassName)),
-      "data-cinder-variant": variant,
-      tabindex: -1,
-      "data-disabled": disabled ? "" : undefined,
-      "aria-disabled": disabled ? "true" : undefined
-    })}>`);
-    if (children) {
+    function handleAnchorKeydown(event) {
+      if (typeof onkeydown === "function") {
+        onkeydown(event);
+      }
+      if (event.defaultPrevented)
+        return;
+      if (event.key !== " " && event.key !== "Spacebar")
+        return;
+      event.preventDefault();
+      if (disabled)
+        return;
+      event.currentTarget.click();
+    }
+    const anchorAttributes = rest;
+    const buttonAttributes = rest;
+    const buttonType = $36.derived(() => rest.type ?? "button");
+    if (isLink()) {
       $$renderer2.push("<!--[0-->");
-      children($$renderer2);
-      $$renderer2.push(`<!---->`);
+      $$renderer2.push(`<a${$36.attributes({
+        ...anchorAttributes,
+        href,
+        role: "menuitem",
+        class: $36.clsx(sharedClass()),
+        "data-cinder-variant": variant,
+        tabindex: -1,
+        "data-disabled": disabled ? "" : undefined,
+        "aria-disabled": disabled ? "true" : undefined
+      })}>`);
+      if (children) {
+        $$renderer2.push("<!--[0-->");
+        children($$renderer2);
+        $$renderer2.push(`<!---->`);
+      } else {
+        $$renderer2.push("<!--[-1-->");
+      }
+      $$renderer2.push(`<!--]--></a>`);
     } else {
       $$renderer2.push("<!--[-1-->");
+      $$renderer2.push(`<button${$36.attributes({
+        ...buttonAttributes,
+        type: buttonType(),
+        role: "menuitem",
+        class: $36.clsx(sharedClass()),
+        "data-cinder-variant": variant,
+        tabindex: -1,
+        "data-disabled": disabled ? "" : undefined,
+        "aria-disabled": disabled ? "true" : undefined
+      })}>`);
+      if (children) {
+        $$renderer2.push("<!--[0-->");
+        children($$renderer2);
+        $$renderer2.push(`<!---->`);
+      } else {
+        $$renderer2.push("<!--[-1-->");
+      }
+      $$renderer2.push(`<!--]--></button>`);
     }
-    $$renderer2.push(`<!--]--></button>`);
+    $$renderer2.push(`<!--]-->`);
   });
 }
 
@@ -2962,6 +3012,9 @@ function Button($$renderer, $$props) {
       "aria-busy": consumerAriaBusy,
       "aria-label": ariaLabel,
       "aria-labelledby": ariaLabelledBy,
+      "aria-expanded": ariaExpanded,
+      "aria-controls": ariaControls,
+      "aria-haspopup": ariaHaspopup,
       $$slots,
       $$events,
       ...rest
@@ -3050,7 +3103,10 @@ function Button($$renderer, $$props) {
         "aria-disabled": resolvedAriaDisabled(),
         "aria-busy": resolvedAriaBusy(),
         "aria-label": resolvedAriaLabel(),
-        "aria-labelledby": resolvedAriaLabelledBy()
+        "aria-labelledby": resolvedAriaLabelledBy(),
+        "aria-expanded": ariaExpanded,
+        "aria-controls": ariaControls,
+        "aria-haspopup": ariaHaspopup
       })}>`);
       buttonContent($$renderer2);
       $$renderer2.push(`<!----></a>`);
@@ -3065,7 +3121,10 @@ function Button($$renderer, $$props) {
         "aria-disabled": resolvedAriaDisabled(),
         "aria-busy": resolvedAriaBusy(),
         "aria-label": resolvedAriaLabel(),
-        "aria-labelledby": resolvedAriaLabelledBy()
+        "aria-labelledby": resolvedAriaLabelledBy(),
+        "aria-expanded": ariaExpanded,
+        "aria-controls": ariaControls,
+        "aria-haspopup": ariaHaspopup
       })}>`);
       buttonContent($$renderer2);
       $$renderer2.push(`<!----></button>`);
@@ -5617,6 +5676,7 @@ function Badge($$renderer, $$props) {
     let {
       variant = "neutral",
       size = "md",
+      mono = false,
       class: customClassName,
       children,
       $$slots,
@@ -5627,6 +5687,7 @@ function Badge($$renderer, $$props) {
       class: $64.clsx(classNames("cinder-badge", customClassName)),
       "data-cinder-variant": variant,
       "data-cinder-size": size,
+      "data-cinder-mono": mono ? "" : undefined,
       ...rest
     })}>`);
     children?.($$renderer2);
@@ -9028,4 +9089,4 @@ export {
   Comment_composer as CommentComposer
 };
 
-//# debugId=023D6B7CA2BFF35264756E2164756E21
+//# debugId=57A7832F7A18038064756E2164756E21