@lostgradient/cinder 0.1.1 → 0.2.0

package/dist/components/subscription-badge/index.js

@@ -0,0 +1,383 @@
+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 __returnValue = (v) => v;
+function __exportSetter(name, newValue) {
+  this[name] = __returnValue.bind(null, newValue);
+}
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, {
+      get: all[name],
+      enumerable: true,
+      configurable: true,
+      set: __exportSetter.bind(all, name)
+    });
+};
+var __esm = (fn, res) => () => (fn && (res = fn(fn = 0)), res);
+var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
+  get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
+}) : x)(function(x) {
+  if (typeof require !== "undefined")
+    return require.apply(this, arguments);
+  throw Error('Dynamic require of "' + x + '" is not supported');
+});
+
+// src/components/subscription-badge/index.ts
+import"@lostgradient/cinder/subscription-badge/styles";
+
+// src/components/subscription-badge/subscription-badge.svelte
+import"svelte/internal/disclose-version";
+import * as $9 from "svelte/internal/client";
+
+// ../../node_modules/lucide-svelte/dist/icons/circle-check.svelte
+import"svelte/internal/disclose-version";
+import"svelte/internal/flags/legacy";
+import * as $2 from "svelte/internal/client";
+
+// ../../node_modules/lucide-svelte/dist/Icon.svelte
+import"svelte/internal/disclose-version";
+import"svelte/internal/flags/legacy";
+import * as $ from "svelte/internal/client";
+
+// ../../node_modules/lucide-svelte/dist/defaultAttributes.js
+var defaultAttributes = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: 24,
+  height: 24,
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  "stroke-width": 2,
+  "stroke-linecap": "round",
+  "stroke-linejoin": "round"
+};
+var defaultAttributes_default = defaultAttributes;
+
+// ../../node_modules/lucide-svelte/dist/Icon.svelte
+var root = $.from_svg(`<svg><!><!></svg>`);
+function Icon($$anchor, $$props) {
+  const $$sanitized_props = $.legacy_rest_props($$props, ["children", "$$slots", "$$events", "$$legacy"]);
+  const $$restProps = $.legacy_rest_props($$sanitized_props, [
+    "name",
+    "color",
+    "size",
+    "strokeWidth",
+    "absoluteStrokeWidth",
+    "iconNode"
+  ]);
+  $.push($$props, false);
+  let name = $.prop($$props, "name", 8, undefined);
+  let color = $.prop($$props, "color", 8, "currentColor");
+  let size = $.prop($$props, "size", 8, 24);
+  let strokeWidth = $.prop($$props, "strokeWidth", 8, 2);
+  let absoluteStrokeWidth = $.prop($$props, "absoluteStrokeWidth", 8, false);
+  let iconNode = $.prop($$props, "iconNode", 24, () => []);
+  const mergeClasses = (...classes) => classes.filter((className, index2, array) => {
+    return Boolean(className) && array.indexOf(className) === index2;
+  }).join(" ");
+  $.init();
+  var svg = root();
+  $.attribute_effect(svg, ($0, $1) => ({
+    ...defaultAttributes_default,
+    ...$$restProps,
+    width: size(),
+    height: size(),
+    stroke: color(),
+    "stroke-width": $0,
+    class: $1
+  }), [
+    () => ($.deep_read_state(absoluteStrokeWidth()), $.deep_read_state(strokeWidth()), $.deep_read_state(size()), $.untrack(() => absoluteStrokeWidth() ? Number(strokeWidth()) * 24 / Number(size()) : strokeWidth())),
+    () => ($.deep_read_state(name()), $.deep_read_state($$sanitized_props), $.untrack(() => mergeClasses("lucide-icon", "lucide", name() ? `lucide-${name()}` : "", $$sanitized_props.class)))
+  ]);
+  var node = $.child(svg);
+  $.each(node, 1, iconNode, $.index, ($$anchor2, $$item) => {
+    var $$array = $.derived(() => $.to_array($.get($$item), 2));
+    let tag = () => $.get($$array)[0];
+    let attrs = () => $.get($$array)[1];
+    var fragment = $.comment();
+    var node_1 = $.first_child(fragment);
+    $.element(node_1, tag, true, ($$element, $$anchor3) => {
+      $.attribute_effect($$element, () => ({ ...attrs() }));
+    });
+    $.append($$anchor2, fragment);
+  });
+  var node_2 = $.sibling(node);
+  $.slot(node_2, $$props, "default", {}, null);
+  $.reset(svg);
+  $.append($$anchor, svg);
+  $.pop();
+}
+
+// ../../node_modules/lucide-svelte/dist/icons/circle-check.svelte
+function Circle_check($$anchor, $$props) {
+  const $$sanitized_props = $2.legacy_rest_props($$props, ["children", "$$slots", "$$events", "$$legacy"]);
+  const iconNode = [
+    ["circle", { cx: "12", cy: "12", r: "10" }],
+    ["path", { d: "m9 12 2 2 4-4" }]
+  ];
+  Icon($$anchor, $2.spread_props({ name: "circle-check" }, () => $$sanitized_props, {
+    get iconNode() {
+      return iconNode;
+    },
+    children: ($$anchor2, $$slotProps) => {
+      var fragment_1 = $2.comment();
+      var node = $2.first_child(fragment_1);
+      $2.slot(node, $$props, "default", {}, null);
+      $2.append($$anchor2, fragment_1);
+    },
+    $$slots: { default: true }
+  }));
+}
+// ../../node_modules/lucide-svelte/dist/icons/clock.svelte
+import"svelte/internal/disclose-version";
+import"svelte/internal/flags/legacy";
+import * as $3 from "svelte/internal/client";
+function Clock($$anchor, $$props) {
+  const $$sanitized_props = $3.legacy_rest_props($$props, ["children", "$$slots", "$$events", "$$legacy"]);
+  const iconNode = [
+    ["circle", { cx: "12", cy: "12", r: "10" }],
+    ["polyline", { points: "12 6 12 12 16 14" }]
+  ];
+  Icon($$anchor, $3.spread_props({ name: "clock" }, () => $$sanitized_props, {
+    get iconNode() {
+      return iconNode;
+    },
+    children: ($$anchor2, $$slotProps) => {
+      var fragment_1 = $3.comment();
+      var node = $3.first_child(fragment_1);
+      $3.slot(node, $$props, "default", {}, null);
+      $3.append($$anchor2, fragment_1);
+    },
+    $$slots: { default: true }
+  }));
+}
+// ../../node_modules/lucide-svelte/dist/icons/triangle-alert.svelte
+import"svelte/internal/disclose-version";
+import"svelte/internal/flags/legacy";
+import * as $4 from "svelte/internal/client";
+function Triangle_alert($$anchor, $$props) {
+  const $$sanitized_props = $4.legacy_rest_props($$props, ["children", "$$slots", "$$events", "$$legacy"]);
+  const iconNode = [
+    [
+      "path",
+      {
+        d: "m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3"
+      }
+    ],
+    ["path", { d: "M12 9v4" }],
+    ["path", { d: "M12 17h.01" }]
+  ];
+  Icon($$anchor, $4.spread_props({ name: "triangle-alert" }, () => $$sanitized_props, {
+    get iconNode() {
+      return iconNode;
+    },
+    children: ($$anchor2, $$slotProps) => {
+      var fragment_1 = $4.comment();
+      var node = $4.first_child(fragment_1);
+      $4.slot(node, $$props, "default", {}, null);
+      $4.append($$anchor2, fragment_1);
+    },
+    $$slots: { default: true }
+  }));
+}
+// ../../node_modules/lucide-svelte/dist/icons/circle-x.svelte
+import"svelte/internal/disclose-version";
+import"svelte/internal/flags/legacy";
+import * as $5 from "svelte/internal/client";
+function Circle_x($$anchor, $$props) {
+  const $$sanitized_props = $5.legacy_rest_props($$props, ["children", "$$slots", "$$events", "$$legacy"]);
+  const iconNode = [
+    ["circle", { cx: "12", cy: "12", r: "10" }],
+    ["path", { d: "m15 9-6 6" }],
+    ["path", { d: "m9 9 6 6" }]
+  ];
+  Icon($$anchor, $5.spread_props({ name: "circle-x" }, () => $$sanitized_props, {
+    get iconNode() {
+      return iconNode;
+    },
+    children: ($$anchor2, $$slotProps) => {
+      var fragment_1 = $5.comment();
+      var node = $5.first_child(fragment_1);
+      $5.slot(node, $$props, "default", {}, null);
+      $5.append($$anchor2, fragment_1);
+    },
+    $$slots: { default: true }
+  }));
+}
+// ../../node_modules/lucide-svelte/dist/icons/calendar-x.svelte
+import"svelte/internal/disclose-version";
+import"svelte/internal/flags/legacy";
+import * as $6 from "svelte/internal/client";
+function Calendar_x($$anchor, $$props) {
+  const $$sanitized_props = $6.legacy_rest_props($$props, ["children", "$$slots", "$$events", "$$legacy"]);
+  const iconNode = [
+    ["path", { d: "M8 2v4" }],
+    ["path", { d: "M16 2v4" }],
+    [
+      "rect",
+      { width: "18", height: "18", x: "3", y: "4", rx: "2" }
+    ],
+    ["path", { d: "M3 10h18" }],
+    ["path", { d: "m14 14-4 4" }],
+    ["path", { d: "m10 14 4 4" }]
+  ];
+  Icon($$anchor, $6.spread_props({ name: "calendar-x" }, () => $$sanitized_props, {
+    get iconNode() {
+      return iconNode;
+    },
+    children: ($$anchor2, $$slotProps) => {
+      var fragment_1 = $6.comment();
+      var node = $6.first_child(fragment_1);
+      $6.slot(node, $$props, "default", {}, null);
+      $6.append($$anchor2, fragment_1);
+    },
+    $$slots: { default: true }
+  }));
+}
+// ../../node_modules/lucide-svelte/dist/icons/rotate-ccw.svelte
+import"svelte/internal/disclose-version";
+import"svelte/internal/flags/legacy";
+import * as $7 from "svelte/internal/client";
+function Rotate_ccw($$anchor, $$props) {
+  const $$sanitized_props = $7.legacy_rest_props($$props, ["children", "$$slots", "$$events", "$$legacy"]);
+  const iconNode = [
+    [
+      "path",
+      { d: "M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8" }
+    ],
+    ["path", { d: "M3 3v5h5" }]
+  ];
+  Icon($$anchor, $7.spread_props({ name: "rotate-ccw" }, () => $$sanitized_props, {
+    get iconNode() {
+      return iconNode;
+    },
+    children: ($$anchor2, $$slotProps) => {
+      var fragment_1 = $7.comment();
+      var node = $7.first_child(fragment_1);
+      $7.slot(node, $$props, "default", {}, null);
+      $7.append($$anchor2, fragment_1);
+    },
+    $$slots: { default: true }
+  }));
+}
+// src/components/badge/badge.svelte
+import"svelte/internal/disclose-version";
+import * as $8 from "svelte/internal/client";
+
+// src/utilities/class-names.ts
+function classNames(...parts) {
+  return parts.filter((part) => typeof part === "string" && part.length > 0).join(" ");
+}
+
+// src/components/badge/badge.svelte
+var root2 = $8.from_html(`<span><!></span>`);
+function Badge($$anchor, $$props) {
+  $8.push($$props, true);
+  let variant = $8.prop($$props, "variant", 3, "neutral"), size = $8.prop($$props, "size", 3, "md"), mono = $8.prop($$props, "mono", 3, false), rest = $8.rest_props($$props, [
+    "$$slots",
+    "$$events",
+    "$$legacy",
+    "variant",
+    "size",
+    "mono",
+    "class",
+    "children"
+  ]);
+  var span = root2();
+  $8.attribute_effect(span, ($0) => ({
+    class: $0,
+    "data-cinder-variant": variant(),
+    "data-cinder-size": size(),
+    "data-cinder-mono": mono() ? "" : undefined,
+    ...rest
+  }), [() => classNames("cinder-badge", $$props.class)]);
+  var node = $8.child(span);
+  $8.snippet(node, () => $$props.children ?? $8.noop);
+  $8.reset(span);
+  $8.append($$anchor, span);
+  $8.pop();
+}
+
+// src/components/subscription-badge/subscription-badge.svelte
+var root_1 = $9.from_html(`<!> `, 1);
+function Subscription_badge($$anchor, $$props) {
+  $9.push($$props, true);
+  const STATE_CONFIG = {
+    active: { tone: "success", icon: Circle_check, label: "Active" },
+    trialing: { tone: "info", icon: Clock, label: "Trialing" },
+    "past-due": { tone: "warning", icon: Triangle_alert, label: "Past due" },
+    canceled: { tone: "neutral", icon: Circle_x, label: "Canceled" },
+    expired: { tone: "danger", icon: Calendar_x, label: "Expired" },
+    refunded: { tone: "info", icon: Rotate_ccw, label: "Refunded" }
+  };
+  let rest = $9.rest_props($$props, ["$$slots", "$$events", "$$legacy", "state", "class"]);
+  const config = $9.derived(() => STATE_CONFIG[$$props.state]);
+  const Icon2 = $9.derived(() => $9.get(config).icon);
+  const label = $9.derived(() => $9.get(config).label);
+  const tone = $9.derived(() => $9.get(config).tone);
+  {
+    let $0 = $9.derived(() => classNames("cinder-subscription-badge", $$props.class));
+    Badge($$anchor, $9.spread_props({
+      get variant() {
+        return $9.get(tone);
+      },
+      get class() {
+        return $9.get($0);
+      },
+      get "data-cinder-state"() {
+        return $$props.state;
+      }
+    }, () => rest, {
+      children: ($$anchor2, $$slotProps) => {
+        var fragment_1 = root_1();
+        var node = $9.first_child(fragment_1);
+        $9.component(node, () => $9.get(Icon2), ($$anchor3, Icon_1) => {
+          Icon_1($$anchor3, { class: "icon-sm", "aria-hidden": "true" });
+        });
+        var text = $9.sibling(node);
+        $9.template_effect(() => $9.set_text(text, ` ${$9.get(label) ?? ""}`));
+        $9.append($$anchor2, fragment_1);
+      },
+      $$slots: { default: true }
+    }));
+  }
+  $9.pop();
+}
+
+// src/components/subscription-badge/index.ts
+var subscription_badge_default = Subscription_badge;
+export {
+  subscription_badge_default as default,
+  Subscription_badge as SubscriptionBadge
+};
+
+//# debugId=1648E382FB09A2AE64756E2164756E21

package/dist/components/subscription-badge/subscription-badge.css

@@ -0,0 +1,18 @@
+@layer cinder.tokens, cinder.foundation, cinder.components, cinder.utilities;
+@layer cinder.components {
+  /* ========================================
+ * SUBSCRIPTION BADGE
+ *
+ * Thin wrapper over .cinder-badge that identifies subscription-state
+ * badge instances in the DOM. All visual styling (tone, size, layout)
+ * is inherited from Badge — this rule exists only to give the component
+ * a stable CSS anchor for host-application overrides and for the
+ * component graph invariant check that every component has a CSS entry.
+ * ======================================== */
+
+  .cinder-subscription-badge {
+    /* No additional overrides needed — Badge tones cover all six states.
+     * Host applications can target .cinder-subscription-badge to further
+     * customize without touching the base Badge rules. */
+  }
+}

package/dist/components/subscription-badge/subscription-badge.schema.d.ts

@@ -0,0 +1,3 @@
+import type { ComponentSchema } from '../../schema-types';
+declare const _default: ComponentSchema;
+export default _default;

package/dist/components/subscription-badge/subscription-badge.schema.js

@@ -0,0 +1,77 @@
+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 __returnValue = (v) => v;
+function __exportSetter(name, newValue) {
+  this[name] = __returnValue.bind(null, newValue);
+}
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, {
+      get: all[name],
+      enumerable: true,
+      configurable: true,
+      set: __exportSetter.bind(all, name)
+    });
+};
+var __esm = (fn, res) => () => (fn && (res = fn(fn = 0)), res);
+var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
+  get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
+}) : x)(function(x) {
+  if (typeof require !== "undefined")
+    return require.apply(this, arguments);
+  throw Error('Dynamic require of "' + x + '" is not supported');
+});
+
+// src/components/subscription-badge/subscription-badge.schema.ts
+var schema = {
+  $schema: "https://json-schema.org/draft/2020-12/schema",
+  type: "object",
+  properties: {
+    state: {
+      enum: ["active", "trialing", "past-due", "canceled", "expired", "refunded"],
+      description: `The billing lifecycle state to display.
+Determines the badge tone, icon, and label automatically.`
+    },
+    class: {
+      type: "string",
+      description: "Extra classes forwarded to the underlying Badge."
+    }
+  },
+  additionalProperties: false,
+  required: ["state"]
+};
+var subscription_badge_schema_default = schema;
+export {
+  subscription_badge_schema_default as default
+};
+
+//# debugId=C5A5B8106C4D64E664756E2164756E21

package/dist/components/subscription-badge/subscription-badge.svelte.d.ts

@@ -0,0 +1,19 @@
+/**
+ * @cinder
+ * @category data-display
+ * @status alpha
+ * @purpose Opinionated Badge variant that communicates billing subscription states with a standardized tone, icon, and human-readable label.
+ * @tag billing
+ * @tag subscription
+ * @tag status
+ * @useWhen Displaying the billing state of a subscription in a dashboard, invoice list, or account settings page.
+ * @useWhen Annotating a plan name, customer row, or invoice line with its current payment lifecycle state.
+ * @avoidWhen The subscription state is not one of the six recognized values — use Badge directly with a custom label instead.
+ * @avoidWhen You need an interactive control that lets users change the state — use a Button or Select.
+ * @related badge, status-dot, chip
+ */
+export type { SubscriptionBadgeProps, SubscriptionState } from './subscription-badge.types.ts';
+import type { SubscriptionBadgeProps } from './subscription-badge.types.ts';
+declare const SubscriptionBadge: import("svelte").Component<SubscriptionBadgeProps, {}, "">;
+type SubscriptionBadge = ReturnType<typeof SubscriptionBadge>;
+export default SubscriptionBadge;

package/dist/components/subscription-badge/subscription-badge.types.d.ts

@@ -0,0 +1,28 @@
+import type { HTMLAttributes } from 'svelte/elements';
+/**
+ * Billing lifecycle states for a subscription.
+ *
+ * Each value is stamped onto the root element as `data-cinder-state` and
+ * maps to a Badge tone and an icon in `subscription-badge.svelte`. Color is
+ * NOT the only differentiator — every state also carries a visible text label
+ * and an icon so the state is conveyed even to users who cannot distinguish
+ * colors (WCAG 1.4.1).
+ */
+export type SubscriptionState = 'active' | 'trialing' | 'past-due' | 'canceled' | 'expired' | 'refunded';
+/** Props for the SubscriptionBadge component. */
+export type SubscriptionBadgeProps = Omit<HTMLAttributes<HTMLSpanElement>, 'children'> & {
+    /** The billing lifecycle state to display. */
+    state: SubscriptionState;
+    /** Extra classes forwarded to the underlying Badge. */
+    class?: string;
+};
+/** Cinder-specific props for the SubscriptionBadge component, used by the schema generator. */
+export interface SubscriptionBadgeSchemaProps {
+    /**
+     * The billing lifecycle state to display.
+     * Determines the badge tone, icon, and label automatically.
+     */
+    state: SubscriptionState;
+    /** Extra classes forwarded to the underlying Badge. */
+    class?: string;
+}

package/dist/components/subscription-badge/subscription-badge.variables.d.ts

@@ -0,0 +1,2 @@
+declare const variables: readonly string[];
+export default variables;

package/dist/components/subscription-badge/subscription-badge.variables.js

@@ -0,0 +1,61 @@
+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 __returnValue = (v) => v;
+function __exportSetter(name, newValue) {
+  this[name] = __returnValue.bind(null, newValue);
+}
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, {
+      get: all[name],
+      enumerable: true,
+      configurable: true,
+      set: __exportSetter.bind(all, name)
+    });
+};
+var __esm = (fn, res) => () => (fn && (res = fn(fn = 0)), res);
+var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
+  get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
+}) : x)(function(x) {
+  if (typeof require !== "undefined")
+    return require.apply(this, arguments);
+  throw Error('Dynamic require of "' + x + '" is not supported');
+});
+
+// src/components/subscription-badge/subscription-badge.variables.ts
+var variables = [];
+var subscription_badge_variables_default = variables;
+export {
+  subscription_badge_variables_default as default
+};
+
+//# debugId=46B270A0C2B6EDD664756E2164756E21

package/dist/components/tab/index.js

@@ -60,6 +60,19 @@ import * as $ 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() {
@@ -181,4 +194,4 @@ export {
   Tab
 };
 
-//# debugId=27587B9017D6B74364756E2164756E21
+//# debugId=7CCBB5630D8C774A64756E2164756E21