@lostgradient/cinder 0.3.0 → 0.4.1

package/dist/server/index.server-fankxd0h.js

@@ -0,0 +1,362 @@
+import {
+  classNames
+} from "./index.server-z7nvkz8v.js";
+
+// src/components/invocation-rule-builder/invocation-rule-builder.svelte
+import * as $ from "svelte/internal/server";
+import { tick } from "svelte";
+function Invocation_rule_builder($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    const baseId = $.props_id($$renderer2);
+    let {
+      rules,
+      onchange,
+      fieldOptions,
+      operatorOptions,
+      actionOptions,
+      readonly = false,
+      addRuleLabel = "Add rule",
+      addConditionLabel = "Add condition",
+      addActionLabel = "Add action",
+      label,
+      class: className,
+      "aria-label": ariaLabel,
+      "aria-labelledby": ariaLabelledby,
+      $$slots,
+      $$events,
+      ...rest
+    } = $$props;
+    const sectionAriaLabel = $.derived(() => ariaLabelledby ? undefined : ariaLabel ?? label ?? "Invocation rules");
+    const effectiveReadonly = $.derived(() => readonly || onchange === undefined);
+    let announcement = "";
+    let ruleLabelDrafts = {};
+    function announce(message) {
+      announcement = "";
+      tick().then(() => {
+        announcement = message;
+      });
+    }
+    function generateId() {
+      return `${Math.random().toString(36).slice(2)}-${Date.now()}`;
+    }
+    function updateRules(ruleId, updater) {
+      return rules.map((rule) => rule.id === ruleId ? updater(rule) : rule);
+    }
+    function handleAddRule() {
+      const ruleId = generateId();
+      const nextRules = [
+        ...rules,
+        {
+          id: ruleId,
+          label: `Rule ${rules.length + 1}`,
+          conditions: [],
+          actions: []
+        }
+      ];
+      const change = { type: "add-rule", ruleId };
+      onchange?.(nextRules, change);
+      announce("Rule added.");
+    }
+    function handleRemoveRule(ruleId, ruleLabel, ruleIndex) {
+      const nextRules = rules.filter((rule) => rule.id !== ruleId);
+      const change = { type: "remove-rule", ruleId };
+      onchange?.(nextRules, change);
+      announce(`${ruleLabel} removed.`);
+      tick().then(() => {
+        const targetIndex = ruleIndex > 0 ? ruleIndex - 1 : 0;
+        const ruleElements = document.querySelectorAll(`[data-irb-region="${baseId}"] [data-irb-rule-remove]`);
+        const targetButton = ruleElements[targetIndex] ?? document.querySelector(`[data-irb-region="${baseId}"] [data-irb-add-rule]`);
+        targetButton?.focus();
+      });
+    }
+    function handleMoveRule(ruleId, fromIndex, direction) {
+      const toIndex = fromIndex + direction;
+      if (toIndex < 0 || toIndex >= rules.length)
+        return;
+      const nextRules = [...rules];
+      const [moved] = nextRules.splice(fromIndex, 1);
+      nextRules.splice(toIndex, 0, moved);
+      const change = { type: "move-rule", ruleId, fromIndex, toIndex };
+      onchange?.(nextRules, change);
+      announce(`${moved.label} moved to position ${toIndex + 1} of ${nextRules.length}.`);
+    }
+    function handleRenameRule(ruleId, label2) {
+      const nextLabel = label2.trim() || "Untitled rule";
+      const { [ruleId]: _removedDraft, ...remainingDrafts } = ruleLabelDrafts;
+      ruleLabelDrafts = remainingDrafts;
+      const currentLabel = rules.find((rule) => rule.id === ruleId)?.label;
+      if (currentLabel === nextLabel)
+        return;
+      const nextRules = updateRules(ruleId, (rule) => ({ ...rule, label: nextLabel }));
+      const change = { type: "rename-rule", ruleId };
+      onchange?.(nextRules, change);
+    }
+    function ruleLabelDraft(rule) {
+      const draft = ruleLabelDrafts[rule.id];
+      return draft?.baseLabel === rule.label ? draft.value : rule.label;
+    }
+    function handleAddCondition(ruleId) {
+      const conditionId = generateId();
+      const firstField = fieldOptions[0]?.value ?? "";
+      const firstOperator = operatorOptions[0]?.value ?? "";
+      const nextRules = updateRules(ruleId, (rule) => ({
+        ...rule,
+        conditions: [
+          ...rule.conditions,
+          {
+            id: conditionId,
+            field: firstField,
+            operator: firstOperator,
+            value: ""
+          }
+        ]
+      }));
+      const change = { type: "add-condition", ruleId, conditionId };
+      onchange?.(nextRules, change);
+      announce("Condition added.");
+    }
+    function handleRemoveCondition(ruleId, conditionId, conditionIndex, ruleIndex) {
+      const nextRules = updateRules(ruleId, (rule) => ({
+        ...rule,
+        conditions: rule.conditions.filter((condition) => condition.id !== conditionId)
+      }));
+      const change = { type: "remove-condition", ruleId, conditionId };
+      onchange?.(nextRules, change);
+      announce("Condition removed.");
+      tick().then(() => {
+        const ruleEl = document.querySelector(`[data-irb-region="${baseId}"] [data-irb-rule="${ruleIndex}"]`);
+        const removeButtons = ruleEl?.querySelectorAll("[data-irb-condition-remove]");
+        const addBtn = ruleEl?.querySelector("[data-irb-add-condition]");
+        const targetButton = (removeButtons && removeButtons[conditionIndex > 0 ? conditionIndex - 1 : 0]) ?? addBtn;
+        targetButton?.focus();
+      });
+    }
+    function handleUpdateCondition(ruleId, conditionId, field, value) {
+      const nextRules = updateRules(ruleId, (rule) => ({
+        ...rule,
+        conditions: rule.conditions.map((condition) => condition.id === conditionId ? { ...condition, [field]: value } : condition)
+      }));
+      const change = { type: "update-condition", ruleId, conditionId, field };
+      onchange?.(nextRules, change);
+    }
+    function handleAddAction(ruleId) {
+      const actionId = generateId();
+      const firstTarget = actionOptions[0]?.value ?? "";
+      const nextRules = updateRules(ruleId, (rule) => ({
+        ...rule,
+        actions: [...rule.actions, { id: actionId, target: firstTarget }]
+      }));
+      const change = { type: "add-action", ruleId, actionId };
+      onchange?.(nextRules, change);
+      announce("Action added.");
+    }
+    function handleRemoveAction(ruleId, actionId, actionIndex, ruleIndex) {
+      const nextRules = updateRules(ruleId, (rule) => ({
+        ...rule,
+        actions: rule.actions.filter((action) => action.id !== actionId)
+      }));
+      const change = { type: "remove-action", ruleId, actionId };
+      onchange?.(nextRules, change);
+      announce("Action removed.");
+      tick().then(() => {
+        const ruleEl = document.querySelector(`[data-irb-region="${baseId}"] [data-irb-rule="${ruleIndex}"]`);
+        const removeButtons = ruleEl?.querySelectorAll("[data-irb-action-remove]");
+        const addBtn = ruleEl?.querySelector("[data-irb-add-action]");
+        const targetButton = (removeButtons && removeButtons[actionIndex > 0 ? actionIndex - 1 : 0]) ?? addBtn;
+        targetButton?.focus();
+      });
+    }
+    function handleUpdateAction(ruleId, actionId, target) {
+      const nextRules = updateRules(ruleId, (rule) => ({
+        ...rule,
+        actions: rule.actions.map((action) => action.id === actionId ? { ...action, target } : action)
+      }));
+      const change = { type: "update-action", ruleId, actionId };
+      onchange?.(nextRules, change);
+    }
+    function fieldLabel(value) {
+      return fieldOptions.find((option) => option.value === value)?.label ?? value;
+    }
+    function operatorLabel(value) {
+      return operatorOptions.find((option) => option.value === value)?.label ?? value;
+    }
+    function actionTargetLabel(value) {
+      return actionOptions.find((option) => option.value === value)?.label ?? value;
+    }
+    function conditionSummary(condition) {
+      return `${fieldLabel(condition.field)} ${operatorLabel(condition.operator)} "${condition.value}"`;
+    }
+    function actionSummary(action) {
+      return `Invoke ${actionTargetLabel(action.target)}`;
+    }
+    $$renderer2.push(`<section${$.attributes({
+      ...rest,
+      class: $.clsx(classNames("cinder-invocation-rule-builder", className)),
+      "aria-label": sectionAriaLabel(),
+      "aria-labelledby": ariaLabelledby,
+      "data-irb-region": baseId
+    })}><!--[-->`);
+    const each_array = $.ensure_array_like(rules);
+    for (let ruleIndex = 0, $$length = each_array.length;ruleIndex < $$length; ruleIndex++) {
+      let rule = each_array[ruleIndex];
+      $$renderer2.push(`<div class="cinder-invocation-rule-builder__rule"${$.attr("data-irb-rule", ruleIndex)}><div class="cinder-invocation-rule-builder__rule-header">`);
+      if (effectiveReadonly()) {
+        $$renderer2.push("<!--[0-->");
+        $$renderer2.push(`<h3 class="cinder-invocation-rule-builder__rule-label">${$.escape(rule.label)}</h3>`);
+      } else {
+        $$renderer2.push("<!--[-1-->");
+        $$renderer2.push(`<label class="cinder-invocation-rule-builder__rule-label-field"><span class="cinder-sr-only">Rule name</span> <input class="cinder-invocation-rule-builder__rule-label-input"${$.attr("value", ruleLabelDraft(rule))}${$.attr("aria-label", `Rule name for ${rule.label}`)}/></label>`);
+      }
+      $$renderer2.push(`<!--]--> `);
+      if (!effectiveReadonly()) {
+        $$renderer2.push("<!--[0-->");
+        $$renderer2.push(`<div class="cinder-invocation-rule-builder__rule-controls"><button type="button" class="cinder-invocation-rule-builder__icon-btn"${$.attr("aria-label", `Move ${rule.label} up`)}${$.attr("disabled", ruleIndex === 0, true)}><svg viewBox="0 0 16 16" width="12" height="12" aria-hidden="true"><path d="M8 3l5 6H3z"></path></svg></button> <button type="button" class="cinder-invocation-rule-builder__icon-btn"${$.attr("aria-label", `Move ${rule.label} down`)}${$.attr("disabled", ruleIndex === rules.length - 1, true)}><svg viewBox="0 0 16 16" width="12" height="12" aria-hidden="true"><path d="M8 13l-5-6h10z"></path></svg></button> <button type="button" class="cinder-invocation-rule-builder__icon-btn"${$.attr("aria-label", `Remove ${rule.label}`)} data-irb-rule-remove=""><svg viewBox="0 0 16 16" width="12" height="12" aria-hidden="true"><path d="M4 4l8 8M12 4l-8 8" stroke="currentColor" stroke-width="2" fill="none"></path></svg></button></div>`);
+      } else {
+        $$renderer2.push("<!--[-1-->");
+      }
+      $$renderer2.push(`<!--]--></div> <div><span${$.attr("id", `${baseId}-rule-${ruleIndex}-conditions-label`)} class="cinder-invocation-rule-builder__section-heading">Conditions</span> `);
+      if (!effectiveReadonly() && rule.conditions.length === 0) {
+        $$renderer2.push("<!--[0-->");
+        $$renderer2.push(`<p class="cinder-invocation-rule-builder__validation" role="status">Add at least one condition or this rule will always fire.</p>`);
+      } else {
+        $$renderer2.push("<!--[-1-->");
+      }
+      $$renderer2.push(`<!--]--> `);
+      if (effectiveReadonly()) {
+        $$renderer2.push("<!--[0-->");
+        $$renderer2.push(`<div class="cinder-invocation-rule-builder__summary"${$.attr("aria-label", `Conditions for ${rule.label}`)}>`);
+        if (rule.conditions.length === 0) {
+          $$renderer2.push("<!--[0-->");
+          $$renderer2.push(`<p class="cinder-invocation-rule-builder__empty">No conditions — rule always fires.</p>`);
+        } else {
+          $$renderer2.push("<!--[-1-->");
+          $$renderer2.push(`<!--[-->`);
+          const each_array_1 = $.ensure_array_like(rule.conditions);
+          for (let $$index = 0, $$length2 = each_array_1.length;$$index < $$length2; $$index++) {
+            let condition = each_array_1[$$index];
+            $$renderer2.push(`<div class="cinder-invocation-rule-builder__summary-row">${$.escape(conditionSummary(condition))}</div>`);
+          }
+          $$renderer2.push(`<!--]-->`);
+        }
+        $$renderer2.push(`<!--]--></div>`);
+      } else {
+        $$renderer2.push("<!--[-1-->");
+        $$renderer2.push(`<div class="cinder-invocation-rule-builder__conditions" role="list"${$.attr("aria-labelledby", `${baseId}-rule-${ruleIndex}-conditions-label`)}><!--[-->`);
+        const each_array_2 = $.ensure_array_like(rule.conditions);
+        for (let conditionIndex = 0, $$length2 = each_array_2.length;conditionIndex < $$length2; conditionIndex++) {
+          let condition = each_array_2[conditionIndex];
+          $$renderer2.push(`<div class="cinder-invocation-rule-builder__condition" role="listitem">`);
+          $$renderer2.select({
+            class: "cinder-invocation-rule-builder__condition-select",
+            "aria-label": `Field for condition ${conditionIndex + 1} of ${rule.label}`,
+            value: condition.field,
+            onchange: (event) => handleUpdateCondition(rule.id, condition.id, "field", event.target.value)
+          }, ($$renderer3) => {
+            $$renderer3.push(`<!--[-->`);
+            const each_array_3 = $.ensure_array_like(fieldOptions);
+            for (let $$index_1 = 0, $$length3 = each_array_3.length;$$index_1 < $$length3; $$index_1++) {
+              let option = each_array_3[$$index_1];
+              $$renderer3.option({ value: option.value }, ($$renderer4) => {
+                $$renderer4.push(`${$.escape(option.label)}`);
+              });
+            }
+            $$renderer3.push(`<!--]-->`);
+          });
+          $$renderer2.push(` `);
+          $$renderer2.select({
+            class: "cinder-invocation-rule-builder__condition-select",
+            "aria-label": `Operator for condition ${conditionIndex + 1} of ${rule.label}`,
+            value: condition.operator,
+            onchange: (event) => handleUpdateCondition(rule.id, condition.id, "operator", event.target.value)
+          }, ($$renderer3) => {
+            $$renderer3.push(`<!--[-->`);
+            const each_array_4 = $.ensure_array_like(operatorOptions);
+            for (let $$index_2 = 0, $$length3 = each_array_4.length;$$index_2 < $$length3; $$index_2++) {
+              let option = each_array_4[$$index_2];
+              $$renderer3.option({ value: option.value }, ($$renderer4) => {
+                $$renderer4.push(`${$.escape(option.label)}`);
+              });
+            }
+            $$renderer3.push(`<!--]-->`);
+          });
+          $$renderer2.push(` <input type="text" class="cinder-invocation-rule-builder__condition-value"${$.attr("aria-label", `Value for condition ${conditionIndex + 1} of ${rule.label}`)} placeholder="Value to compare"${$.attr("value", condition.value)}/> <button type="button" class="cinder-invocation-rule-builder__icon-btn"${$.attr("aria-label", `Remove condition ${conditionIndex + 1} of ${rule.label}`)} data-irb-condition-remove=""><svg viewBox="0 0 16 16" width="12" height="12" aria-hidden="true"><path d="M4 4l8 8M12 4l-8 8" stroke="currentColor" stroke-width="2" fill="none"></path></svg></button></div>`);
+        }
+        $$renderer2.push(`<!--]--></div> <button type="button" class="cinder-invocation-rule-builder__add-btn"${$.attr("aria-label", `${addConditionLabel} to ${rule.label}`)} data-irb-add-condition="">+ ${$.escape(addConditionLabel)}</button>`);
+      }
+      $$renderer2.push(`<!--]--></div> <div><span${$.attr("id", `${baseId}-rule-${ruleIndex}-actions-label`)} class="cinder-invocation-rule-builder__section-heading">Actions</span> `);
+      if (!effectiveReadonly() && rule.actions.length === 0) {
+        $$renderer2.push("<!--[0-->");
+        $$renderer2.push(`<p class="cinder-invocation-rule-builder__validation" role="status">Add at least one action for this rule.</p>`);
+      } else {
+        $$renderer2.push("<!--[-1-->");
+      }
+      $$renderer2.push(`<!--]--> `);
+      if (effectiveReadonly()) {
+        $$renderer2.push("<!--[0-->");
+        $$renderer2.push(`<div class="cinder-invocation-rule-builder__summary"${$.attr("aria-label", `Actions for ${rule.label}`)}>`);
+        if (rule.actions.length === 0) {
+          $$renderer2.push("<!--[0-->");
+          $$renderer2.push(`<p class="cinder-invocation-rule-builder__empty">No actions configured.</p>`);
+        } else {
+          $$renderer2.push("<!--[-1-->");
+          $$renderer2.push(`<!--[-->`);
+          const each_array_5 = $.ensure_array_like(rule.actions);
+          for (let $$index_4 = 0, $$length2 = each_array_5.length;$$index_4 < $$length2; $$index_4++) {
+            let action = each_array_5[$$index_4];
+            $$renderer2.push(`<div class="cinder-invocation-rule-builder__summary-row">${$.escape(actionSummary(action))}</div>`);
+          }
+          $$renderer2.push(`<!--]-->`);
+        }
+        $$renderer2.push(`<!--]--></div>`);
+      } else {
+        $$renderer2.push("<!--[-1-->");
+        $$renderer2.push(`<div class="cinder-invocation-rule-builder__actions" role="list"${$.attr("aria-labelledby", `${baseId}-rule-${ruleIndex}-actions-label`)}><!--[-->`);
+        const each_array_6 = $.ensure_array_like(rule.actions);
+        for (let actionIndex = 0, $$length2 = each_array_6.length;actionIndex < $$length2; actionIndex++) {
+          let action = each_array_6[actionIndex];
+          $$renderer2.push(`<div class="cinder-invocation-rule-builder__action" role="listitem">`);
+          $$renderer2.select({
+            class: "cinder-invocation-rule-builder__action-select",
+            "aria-label": `Action ${actionIndex + 1} target for ${rule.label}`,
+            value: action.target,
+            onchange: (event) => handleUpdateAction(rule.id, action.id, event.target.value)
+          }, ($$renderer3) => {
+            $$renderer3.push(`<!--[-->`);
+            const each_array_7 = $.ensure_array_like(actionOptions);
+            for (let $$index_5 = 0, $$length3 = each_array_7.length;$$index_5 < $$length3; $$index_5++) {
+              let option = each_array_7[$$index_5];
+              $$renderer3.option({ value: option.value }, ($$renderer4) => {
+                $$renderer4.push(`${$.escape(option.label)}`);
+              });
+            }
+            $$renderer3.push(`<!--]-->`);
+          });
+          $$renderer2.push(` <button type="button" class="cinder-invocation-rule-builder__icon-btn"${$.attr("aria-label", `Remove action ${actionIndex + 1} of ${rule.label}`)} data-irb-action-remove=""><svg viewBox="0 0 16 16" width="12" height="12" aria-hidden="true"><path d="M4 4l8 8M12 4l-8 8" stroke="currentColor" stroke-width="2" fill="none"></path></svg></button></div>`);
+        }
+        $$renderer2.push(`<!--]--></div> <button type="button" class="cinder-invocation-rule-builder__add-btn"${$.attr("aria-label", `${addActionLabel} to ${rule.label}`)} data-irb-add-action="">+ ${$.escape(addActionLabel)}</button>`);
+      }
+      $$renderer2.push(`<!--]--></div></div>`);
+    }
+    $$renderer2.push(`<!--]--> `);
+    if (!effectiveReadonly()) {
+      $$renderer2.push("<!--[0-->");
+      $$renderer2.push(`<button type="button" class="cinder-invocation-rule-builder__add-btn cinder-invocation-rule-builder__add-rule-btn" data-irb-add-rule="">+ ${$.escape(addRuleLabel)}</button>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--> `);
+    if (rules.length === 0 && effectiveReadonly()) {
+      $$renderer2.push("<!--[0-->");
+      $$renderer2.push(`<p class="cinder-invocation-rule-builder__empty">No rules configured.</p>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--></section> <div role="status" aria-live="polite" aria-atomic="true" class="cinder-invocation-rule-builder__announcer">${$.escape(announcement)}</div>`);
+  });
+}
+
+// src/components/invocation-rule-builder/index.ts
+var invocation_rule_builder_default = Invocation_rule_builder;
+export { Invocation_rule_builder, invocation_rule_builder_default };
+
+//# debugId=DF1412AB8817760D64756E2164756E21

package/dist/server/index.server-fcgycatb.js

@@ -0,0 +1,9 @@
+import {
+  Kbd
+} from "./index.server-h68sx7bz.js";
+
+// src/components/kbd/index.ts
+var kbd_default = Kbd;
+export { kbd_default };
+
+//# debugId=A973DF83CF01D0B264756E2164756E21

package/dist/server/index.server-fdmb571x.js

@@ -0,0 +1,116 @@
+import {
+  classNames
+} from "./index.server-z7nvkz8v.js";
+
+// src/components/capability-gate/capability-gate.svelte
+import * as $ from "svelte/internal/server";
+var DEFAULT_STATUS_TEXT = {
+  supported: "Available",
+  unsupported: "Not supported in this browser",
+  "permission-needed": "Permission required",
+  "permission-denied": "Permission was denied",
+  loading: "Checking availability…",
+  unavailable: "Not available"
+};
+function Capability_gate($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    const KNOWN_STATES = [
+      "supported",
+      "unsupported",
+      "permission-needed",
+      "permission-denied",
+      "loading",
+      "unavailable"
+    ];
+    let {
+      feature,
+      state: stateProp,
+      variant = "inline",
+      primaryAction,
+      onprimaryaction,
+      fallbackAction,
+      fallbackHref,
+      onfallbackaction,
+      dismissAction,
+      ondismiss,
+      children,
+      class: customClassName,
+      $$slots,
+      $$events,
+      ...rest
+    } = $$props;
+    const availabilityState = $.derived(() => KNOWN_STATES.includes(stateProp) ? stateProp : "unavailable");
+    let visible = true;
+    let dismissButton = undefined;
+    const statusText = $.derived(() => DEFAULT_STATUS_TEXT[availabilityState()] ?? availabilityState());
+    const isLoading = $.derived(() => availabilityState() === "loading");
+    const isError = $.derived(() => availabilityState() === "permission-denied" || availabilityState() === "unsupported");
+    const isWarning = $.derived(() => availabilityState() === "permission-needed");
+    const isSuccess = $.derived(() => availabilityState() === "supported");
+    const resolvedVariant = $.derived(() => isError() ? "error" : isWarning() ? "warning" : isSuccess() ? "success" : "info");
+    function handleDismiss() {
+      dismissButton?.blur();
+      visible = false;
+      ondismiss?.();
+    }
+    if (visible) {
+      $$renderer2.push("<!--[0-->");
+      $$renderer2.push(`<div${$.attributes({
+        ...rest,
+        class: $.clsx(classNames("cinder-capability-gate", customClassName)),
+        "data-cinder-state": availabilityState(),
+        "data-cinder-variant": resolvedVariant(),
+        "data-cinder-presentation": variant
+      })}><div class="cinder-capability-gate__status" role="status" aria-live="polite"${$.attr("aria-busy", isLoading() ? "true" : undefined)}><span class="cinder-capability-gate__feature">${$.escape(feature)}</span> <span class="cinder-capability-gate__state-text">${$.escape(statusText())}</span></div> `);
+      if (children) {
+        $$renderer2.push("<!--[0-->");
+        $$renderer2.push(`<div class="cinder-capability-gate__content">`);
+        children($$renderer2);
+        $$renderer2.push(`<!----></div>`);
+      } else {
+        $$renderer2.push("<!--[-1-->");
+      }
+      $$renderer2.push(`<!--]--> `);
+      if (primaryAction || fallbackAction || fallbackHref || dismissAction) {
+        $$renderer2.push("<!--[0-->");
+        $$renderer2.push(`<div class="cinder-capability-gate__actions">`);
+        if (primaryAction) {
+          $$renderer2.push("<!--[0-->");
+          $$renderer2.push(`<button type="button" class="cinder-capability-gate__primary"${$.attr("aria-label", `${$.stringify(primaryAction)} for ${$.stringify(feature)}`)}>${$.escape(primaryAction)}</button>`);
+        } else {
+          $$renderer2.push("<!--[-1-->");
+        }
+        $$renderer2.push(`<!--]--> `);
+        if (fallbackHref) {
+          $$renderer2.push("<!--[0-->");
+          $$renderer2.push(`<a${$.attr("href", fallbackHref)} class="cinder-capability-gate__fallback"${$.attr("aria-label", `${$.stringify(fallbackAction ?? "Alternative option")} for ${$.stringify(feature)}`)}>${$.escape(fallbackAction ?? "Alternative option")}</a>`);
+        } else if (fallbackAction) {
+          $$renderer2.push("<!--[1-->");
+          $$renderer2.push(`<button type="button" class="cinder-capability-gate__fallback"${$.attr("aria-label", `${$.stringify(fallbackAction)} for ${$.stringify(feature)}`)}>${$.escape(fallbackAction)}</button>`);
+        } else {
+          $$renderer2.push("<!--[-1-->");
+        }
+        $$renderer2.push(`<!--]--> `);
+        if (dismissAction) {
+          $$renderer2.push("<!--[0-->");
+          $$renderer2.push(`<button type="button" class="cinder-capability-gate__dismiss"${$.attr("aria-label", dismissAction)}>${$.escape(dismissAction)}</button>`);
+        } else {
+          $$renderer2.push("<!--[-1-->");
+        }
+        $$renderer2.push(`<!--]--></div>`);
+      } else {
+        $$renderer2.push("<!--[-1-->");
+      }
+      $$renderer2.push(`<!--]--></div>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]-->`);
+  });
+}
+
+// src/components/capability-gate/index.ts
+var capability_gate_default = Capability_gate;
+export { Capability_gate, capability_gate_default };
+
+//# debugId=9EE987F56C15828264756E2164756E21

package/dist/server/index.server-fgpfrjbw.js

@@ -0,0 +1,9 @@
+import {
+  Table_cell
+} from "./index.server-qz23rh6j.js";
+
+// src/components/table-cell/index.ts
+var table_cell_default = Table_cell;
+export { table_cell_default };
+
+//# debugId=3F0A0AB2E95A896264756E2164756E21

package/dist/server/index.server-fhnhfrf4.js

@@ -0,0 +1,9 @@
+import {
+  Feed_event
+} from "./index.server-zbcza3tc.js";
+
+// src/components/feed-event/index.ts
+var feed_event_default = Feed_event;
+export { feed_event_default };
+
+//# debugId=F1392464F477AC1864756E2164756E21