@lostgradient/cinder 0.7.0 → 0.9.0

package/dist/components/access-gate/index.js

@@ -56,7 +56,7 @@ import"@lostgradient/cinder/access-gate/styles";
 
 // src/components/access-gate/access-gate.svelte
 import"svelte/internal/disclose-version";
-import * as $44 from "svelte/internal/client";
+import * as $47 from "svelte/internal/client";
 
 // ../../node_modules/lucide-svelte/dist/Icon.svelte
 import"svelte/internal/disclose-version";
@@ -1081,19 +1081,19 @@ function Search($$anchor, $$props) {
   }));
 }
 
-// ../../node_modules/lucide-svelte/dist/icons/square.svelte
+// ../../node_modules/lucide-svelte/dist/icons/signal-high.svelte
 import"svelte/internal/disclose-version";
 import"svelte/internal/flags/legacy";
 import * as $37 from "svelte/internal/client";
-function Square($$anchor, $$props) {
+function Signal_high($$anchor, $$props) {
   const $$sanitized_props = $37.legacy_rest_props($$props, ["children", "$$slots", "$$events", "$$legacy"]);
   const iconNode = [
-    [
-      "rect",
-      { width: "18", height: "18", x: "3", y: "3", rx: "2" }
-    ]
+    ["path", { d: "M2 20h.01" }],
+    ["path", { d: "M7 20v-4" }],
+    ["path", { d: "M12 20v-8" }],
+    ["path", { d: "M17 20V8" }]
   ];
-  Icon($$anchor, $37.spread_props({ name: "square" }, () => $$sanitized_props, {
+  Icon($$anchor, $37.spread_props({ name: "signal-high" }, () => $$sanitized_props, {
     get iconNode() {
       return iconNode;
     },
@@ -1107,18 +1107,17 @@ function Square($$anchor, $$props) {
   }));
 }
 
-// ../../node_modules/lucide-svelte/dist/icons/strikethrough.svelte
+// ../../node_modules/lucide-svelte/dist/icons/signal-low.svelte
 import"svelte/internal/disclose-version";
 import"svelte/internal/flags/legacy";
 import * as $38 from "svelte/internal/client";
-function Strikethrough($$anchor, $$props) {
+function Signal_low($$anchor, $$props) {
   const $$sanitized_props = $38.legacy_rest_props($$props, ["children", "$$slots", "$$events", "$$legacy"]);
   const iconNode = [
-    ["path", { d: "M16 4H9a3 3 0 0 0-2.83 4" }],
-    ["path", { d: "M14 12a4 4 0 0 1 0 8H6" }],
-    ["line", { x1: "4", x2: "20", y1: "12", y2: "12" }]
+    ["path", { d: "M2 20h.01" }],
+    ["path", { d: "M7 20v-4" }]
   ];
-  Icon($$anchor, $38.spread_props({ name: "strikethrough" }, () => $$sanitized_props, {
+  Icon($$anchor, $38.spread_props({ name: "signal-low" }, () => $$sanitized_props, {
     get iconNode() {
       return iconNode;
     },
@@ -1132,12 +1131,88 @@ function Strikethrough($$anchor, $$props) {
   }));
 }
 
-// ../../node_modules/lucide-svelte/dist/icons/trash-2.svelte
+// ../../node_modules/lucide-svelte/dist/icons/signal-medium.svelte
 import"svelte/internal/disclose-version";
 import"svelte/internal/flags/legacy";
 import * as $39 from "svelte/internal/client";
-function Trash_2($$anchor, $$props) {
+function Signal_medium($$anchor, $$props) {
   const $$sanitized_props = $39.legacy_rest_props($$props, ["children", "$$slots", "$$events", "$$legacy"]);
+  const iconNode = [
+    ["path", { d: "M2 20h.01" }],
+    ["path", { d: "M7 20v-4" }],
+    ["path", { d: "M12 20v-8" }]
+  ];
+  Icon($$anchor, $39.spread_props({ name: "signal-medium" }, () => $$sanitized_props, {
+    get iconNode() {
+      return iconNode;
+    },
+    children: ($$anchor2, $$slotProps) => {
+      var fragment_1 = $39.comment();
+      var node = $39.first_child(fragment_1);
+      $39.slot(node, $$props, "default", {}, null);
+      $39.append($$anchor2, fragment_1);
+    },
+    $$slots: { default: true }
+  }));
+}
+
+// ../../node_modules/lucide-svelte/dist/icons/square.svelte
+import"svelte/internal/disclose-version";
+import"svelte/internal/flags/legacy";
+import * as $40 from "svelte/internal/client";
+function Square($$anchor, $$props) {
+  const $$sanitized_props = $40.legacy_rest_props($$props, ["children", "$$slots", "$$events", "$$legacy"]);
+  const iconNode = [
+    [
+      "rect",
+      { width: "18", height: "18", x: "3", y: "3", rx: "2" }
+    ]
+  ];
+  Icon($$anchor, $40.spread_props({ name: "square" }, () => $$sanitized_props, {
+    get iconNode() {
+      return iconNode;
+    },
+    children: ($$anchor2, $$slotProps) => {
+      var fragment_1 = $40.comment();
+      var node = $40.first_child(fragment_1);
+      $40.slot(node, $$props, "default", {}, null);
+      $40.append($$anchor2, fragment_1);
+    },
+    $$slots: { default: true }
+  }));
+}
+
+// ../../node_modules/lucide-svelte/dist/icons/strikethrough.svelte
+import"svelte/internal/disclose-version";
+import"svelte/internal/flags/legacy";
+import * as $41 from "svelte/internal/client";
+function Strikethrough($$anchor, $$props) {
+  const $$sanitized_props = $41.legacy_rest_props($$props, ["children", "$$slots", "$$events", "$$legacy"]);
+  const iconNode = [
+    ["path", { d: "M16 4H9a3 3 0 0 0-2.83 4" }],
+    ["path", { d: "M14 12a4 4 0 0 1 0 8H6" }],
+    ["line", { x1: "4", x2: "20", y1: "12", y2: "12" }]
+  ];
+  Icon($$anchor, $41.spread_props({ name: "strikethrough" }, () => $$sanitized_props, {
+    get iconNode() {
+      return iconNode;
+    },
+    children: ($$anchor2, $$slotProps) => {
+      var fragment_1 = $41.comment();
+      var node = $41.first_child(fragment_1);
+      $41.slot(node, $$props, "default", {}, null);
+      $41.append($$anchor2, fragment_1);
+    },
+    $$slots: { default: true }
+  }));
+}
+
+// ../../node_modules/lucide-svelte/dist/icons/trash-2.svelte
+import"svelte/internal/disclose-version";
+import"svelte/internal/flags/legacy";
+import * as $42 from "svelte/internal/client";
+function Trash_2($$anchor, $$props) {
+  const $$sanitized_props = $42.legacy_rest_props($$props, ["children", "$$slots", "$$events", "$$legacy"]);
   const iconNode = [
     ["path", { d: "M3 6h18" }],
     ["path", { d: "M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6" }],
@@ -1145,15 +1220,15 @@ function Trash_2($$anchor, $$props) {
     ["line", { x1: "10", x2: "10", y1: "11", y2: "17" }],
     ["line", { x1: "14", x2: "14", y1: "11", y2: "17" }]
   ];
-  Icon($$anchor, $39.spread_props({ name: "trash-2" }, () => $$sanitized_props, {
+  Icon($$anchor, $42.spread_props({ name: "trash-2" }, () => $$sanitized_props, {
     get iconNode() {
       return iconNode;
     },
     children: ($$anchor2, $$slotProps) => {
-      var fragment_1 = $39.comment();
-      var node = $39.first_child(fragment_1);
-      $39.slot(node, $$props, "default", {}, null);
-      $39.append($$anchor2, fragment_1);
+      var fragment_1 = $42.comment();
+      var node = $42.first_child(fragment_1);
+      $42.slot(node, $$props, "default", {}, null);
+      $42.append($$anchor2, fragment_1);
     },
     $$slots: { default: true }
   }));
@@ -1162,9 +1237,9 @@ function Trash_2($$anchor, $$props) {
 // ../../node_modules/lucide-svelte/dist/icons/undo-2.svelte
 import"svelte/internal/disclose-version";
 import"svelte/internal/flags/legacy";
-import * as $40 from "svelte/internal/client";
+import * as $43 from "svelte/internal/client";
 function Undo_2($$anchor, $$props) {
-  const $$sanitized_props = $40.legacy_rest_props($$props, ["children", "$$slots", "$$events", "$$legacy"]);
+  const $$sanitized_props = $43.legacy_rest_props($$props, ["children", "$$slots", "$$events", "$$legacy"]);
   const iconNode = [
     ["path", { d: "M9 14 4 9l5-5" }],
     [
@@ -1174,15 +1249,15 @@ function Undo_2($$anchor, $$props) {
       }
     ]
   ];
-  Icon($$anchor, $40.spread_props({ name: "undo-2" }, () => $$sanitized_props, {
+  Icon($$anchor, $43.spread_props({ name: "undo-2" }, () => $$sanitized_props, {
     get iconNode() {
       return iconNode;
     },
     children: ($$anchor2, $$slotProps) => {
-      var fragment_1 = $40.comment();
-      var node = $40.first_child(fragment_1);
-      $40.slot(node, $$props, "default", {}, null);
-      $40.append($$anchor2, fragment_1);
+      var fragment_1 = $43.comment();
+      var node = $43.first_child(fragment_1);
+      $43.slot(node, $$props, "default", {}, null);
+      $43.append($$anchor2, fragment_1);
     },
     $$slots: { default: true }
   }));
@@ -1191,9 +1266,9 @@ function Undo_2($$anchor, $$props) {
 // ../../node_modules/lucide-svelte/dist/icons/unlink.svelte
 import"svelte/internal/disclose-version";
 import"svelte/internal/flags/legacy";
-import * as $41 from "svelte/internal/client";
+import * as $44 from "svelte/internal/client";
 function Unlink($$anchor, $$props) {
-  const $$sanitized_props = $41.legacy_rest_props($$props, ["children", "$$slots", "$$events", "$$legacy"]);
+  const $$sanitized_props = $44.legacy_rest_props($$props, ["children", "$$slots", "$$events", "$$legacy"]);
   const iconNode = [
     [
       "path",
@@ -1212,15 +1287,15 @@ function Unlink($$anchor, $$props) {
     ["line", { x1: "16", x2: "16", y1: "19", y2: "22" }],
     ["line", { x1: "19", x2: "22", y1: "16", y2: "16" }]
   ];
-  Icon($$anchor, $41.spread_props({ name: "unlink" }, () => $$sanitized_props, {
+  Icon($$anchor, $44.spread_props({ name: "unlink" }, () => $$sanitized_props, {
     get iconNode() {
       return iconNode;
     },
     children: ($$anchor2, $$slotProps) => {
-      var fragment_1 = $41.comment();
-      var node = $41.first_child(fragment_1);
-      $41.slot(node, $$props, "default", {}, null);
-      $41.append($$anchor2, fragment_1);
+      var fragment_1 = $44.comment();
+      var node = $44.first_child(fragment_1);
+      $44.slot(node, $$props, "default", {}, null);
+      $44.append($$anchor2, fragment_1);
     },
     $$slots: { default: true }
   }));
@@ -1229,22 +1304,22 @@ function Unlink($$anchor, $$props) {
 // ../../node_modules/lucide-svelte/dist/icons/x.svelte
 import"svelte/internal/disclose-version";
 import"svelte/internal/flags/legacy";
-import * as $42 from "svelte/internal/client";
+import * as $45 from "svelte/internal/client";
 function X($$anchor, $$props) {
-  const $$sanitized_props = $42.legacy_rest_props($$props, ["children", "$$slots", "$$events", "$$legacy"]);
+  const $$sanitized_props = $45.legacy_rest_props($$props, ["children", "$$slots", "$$events", "$$legacy"]);
   const iconNode = [
     ["path", { d: "M18 6 6 18" }],
     ["path", { d: "m6 6 12 12" }]
   ];
-  Icon($$anchor, $42.spread_props({ name: "x" }, () => $$sanitized_props, {
+  Icon($$anchor, $45.spread_props({ name: "x" }, () => $$sanitized_props, {
     get iconNode() {
       return iconNode;
     },
     children: ($$anchor2, $$slotProps) => {
-      var fragment_1 = $42.comment();
-      var node = $42.first_child(fragment_1);
-      $42.slot(node, $$props, "default", {}, null);
-      $42.append($$anchor2, fragment_1);
+      var fragment_1 = $45.comment();
+      var node = $45.first_child(fragment_1);
+      $45.slot(node, $$props, "default", {}, null);
+      $45.append($$anchor2, fragment_1);
     },
     $$slots: { default: true }
   }));
@@ -1257,7 +1332,7 @@ function classNames(...parts) {
 
 // src/components/access-gate/access-gate-inline.svelte
 import"svelte/internal/disclose-version";
-import * as $43 from "svelte/internal/client";
+import * as $46 from "svelte/internal/client";
 var rest_excludes = new Set([
   "$$slots",
   "$$events",
@@ -1266,10 +1341,10 @@ var rest_excludes = new Set([
   "children",
   "class"
 ]);
-var root2 = $43.from_html(`<div><span class="cinder-sr-only">Unavailable action</span> <span class="cinder-access-gate__inline-content"><!></span> <span class="cinder-access-gate__inline-reason"><!> <span> </span></span></div>`);
+var root2 = $46.from_html(`<div><span class="cinder-sr-only">Unavailable action</span> <span class="cinder-access-gate__inline-content"><!></span> <span class="cinder-access-gate__inline-reason"><!> <span> </span></span></div>`);
 function Access_gate_inline($$anchor, $$props) {
-  const baseId = $43.props_id();
-  $43.push($$props, true);
+  const baseId = $46.props_id();
+  $46.push($$props, true);
   const INTERACTIVE_SELECTOR = [
     "button",
     "input",
@@ -1303,7 +1378,7 @@ function Access_gate_inline($$anchor, $$props) {
     '[role="radio"]',
     '[role="switch"]'
   ].join(",");
-  let rest = $43.rest_props($$props, rest_excludes);
+  let rest = $46.rest_props($$props, rest_excludes);
   const inlineTitleId = `${baseId}-title`;
   const inlineReasonId = `${baseId}-reason`;
   function isNativeDisableable(element2) {
@@ -1336,7 +1411,7 @@ function Access_gate_inline($$anchor, $$props) {
     const disabledControls = [];
     let ignoringGateMutations = false;
     let mutationResetVersion = 0;
-    $43.set(inlineContentDisabled, false);
+    $46.set(inlineContentDisabled, false);
     function disabledControlIndex(control) {
       return disabledControls.findIndex(([disabledControl]) => disabledControl === control);
     }
@@ -1547,9 +1622,9 @@ function Access_gate_inline($$anchor, $$props) {
       subtree: true
     });
     syncDisabledControls();
-    $43.set(inlineContentDisabled, true);
+    $46.set(inlineContentDisabled, true);
     return () => {
-      $43.set(inlineContentDisabled, false);
+      $46.set(inlineContentDisabled, false);
       mutationResetVersion += 1;
       observer.disconnect();
       for (const eventName of blockedPointerEvents) {
@@ -1566,10 +1641,10 @@ function Access_gate_inline($$anchor, $$props) {
       disabledControls.length = 0;
     };
   };
-  let inlineContentDisabled = $43.state(false);
-  const inlineContentRequiresHydrationGuard = $43.derived(() => !$43.get(inlineContentDisabled));
+  let inlineContentDisabled = $46.state(false);
+  const inlineContentRequiresHydrationGuard = $46.derived(() => !$46.get(inlineContentDisabled));
   var div = root2();
-  $43.attribute_effect(div, ($0) => ({
+  $46.attribute_effect(div, ($0) => ({
     ...rest,
     class: $0,
     "data-cinder-variant": "inline",
@@ -1577,28 +1652,28 @@ function Access_gate_inline($$anchor, $$props) {
     "aria-labelledby": inlineTitleId,
     "aria-describedby": inlineReasonId
   }), [() => classNames("cinder-access-gate", $$props.class)]);
-  var span = $43.child(div);
-  var span_1 = $43.sibling(span, 2);
-  var node = $43.child(span_1);
-  $43.snippet(node, () => $$props.children ?? $43.noop);
-  $43.reset(span_1);
-  $43.attach(span_1, () => disableDeniedControls);
-  var span_2 = $43.sibling(span_1, 2);
-  var node_1 = $43.child(span_2);
+  var span = $46.child(div);
+  var span_1 = $46.sibling(span, 2);
+  var node = $46.child(span_1);
+  $46.snippet(node, () => $$props.children ?? $46.noop);
+  $46.reset(span_1);
+  $46.attach(span_1, () => disableDeniedControls);
+  var span_2 = $46.sibling(span_1, 2);
+  var node_1 = $46.child(span_2);
   Lock(node_1, { size: 14, strokeWidth: 2, "aria-hidden": "true" });
-  var span_3 = $43.sibling(node_1, 2);
-  var text = $43.child(span_3, true);
-  $43.reset(span_3);
-  $43.reset(span_2);
-  $43.reset(div);
-  $43.template_effect(() => {
-    $43.set_attribute(span, "id", inlineTitleId);
-    span_1.inert = $43.get(inlineContentRequiresHydrationGuard);
-    $43.set_attribute(span_2, "id", inlineReasonId);
-    $43.set_text(text, $$props.reason);
+  var span_3 = $46.sibling(node_1, 2);
+  var text = $46.child(span_3, true);
+  $46.reset(span_3);
+  $46.reset(span_2);
+  $46.reset(div);
+  $46.template_effect(() => {
+    $46.set_attribute(span, "id", inlineTitleId);
+    span_1.inert = $46.get(inlineContentRequiresHydrationGuard);
+    $46.set_attribute(span_2, "id", inlineReasonId);
+    $46.set_text(text, $$props.reason);
   });
-  $43.append($$anchor, div);
-  $43.pop();
+  $46.append($$anchor, div);
+  $46.pop();
 }
 
 // src/components/access-gate/access-gate.svelte
@@ -1613,18 +1688,18 @@ var rest_excludes2 = new Set([
   "children",
   "class"
 ]);
-var root3 = $44.from_html(`<span><!></span>`);
-var root_1 = $44.from_html(`<span class="cinder-access-gate__requirement"><span class="cinder-access-gate__requirement-label">Required permission</span> <code class="cinder-access-gate__requirement-value"> </code></span>`);
-var root_2 = $44.from_html(`<section><span class="cinder-access-gate__section-icon" aria-hidden="true"><!></span> <span class="cinder-access-gate__section-copy"><span class="cinder-access-gate__section-title">Section locked</span> <span class="cinder-access-gate__section-reason"> </span> <!></span></section>`);
+var root3 = $47.from_html(`<span><!></span>`);
+var root_1 = $47.from_html(`<span class="cinder-access-gate__requirement"><span class="cinder-access-gate__requirement-label">Required permission</span> <code class="cinder-access-gate__requirement-value"> </code></span>`);
+var root_2 = $47.from_html(`<section><span class="cinder-access-gate__section-icon" aria-hidden="true"><!></span> <span class="cinder-access-gate__section-copy"><span class="cinder-access-gate__section-title">Section locked</span> <span class="cinder-access-gate__section-reason"> </span> <!></span></section>`);
 function Access_gate($$anchor, $$props) {
-  const baseId = $44.props_id();
-  $44.push($$props, true);
-  let variant = $44.prop($$props, "variant", 3, "inline"), rest = $44.rest_props($$props, rest_excludes2);
+  const baseId = $47.props_id();
+  $47.push($$props, true);
+  let variant = $47.prop($$props, "variant", 3, "inline"), rest = $47.rest_props($$props, rest_excludes2);
   const sectionTitleId = `${baseId}-title`;
   const sectionReasonId = `${baseId}-description`;
   const sectionRequirementId = `${baseId}-requirement`;
-  const sectionDescriptionIds = $44.derived(() => $$props.requirement ? `${sectionReasonId} ${sectionRequirementId}` : sectionReasonId);
-  const passthroughAttributes = $44.derived(() => stripOwnedAccessibilityAttributes(rest));
+  const sectionDescriptionIds = $47.derived(() => $$props.requirement ? `${sectionReasonId} ${sectionRequirementId}` : sectionReasonId);
+  const passthroughAttributes = $47.derived(() => stripOwnedAccessibilityAttributes(rest));
   function stripOwnedAccessibilityAttributes(attributes) {
     const {
       role: _role,
@@ -1634,68 +1709,68 @@ function Access_gate($$anchor, $$props) {
     } = attributes;
     return passthrough;
   }
-  var fragment = $44.comment();
-  var node = $44.first_child(fragment);
+  var fragment = $47.comment();
+  var node = $47.first_child(fragment);
   {
     var consequent = ($$anchor2) => {
       var span = root3();
-      $44.attribute_effect(span, () => ({
-        ...$44.get(passthroughAttributes),
+      $47.attribute_effect(span, () => ({
+        ...$47.get(passthroughAttributes),
         class: "cinder-access-gate__passthrough"
       }));
-      var node_1 = $44.child(span);
-      $44.snippet(node_1, () => $$props.children ?? $44.noop);
-      $44.reset(span);
-      $44.append($$anchor2, span);
+      var node_1 = $47.child(span);
+      $47.snippet(node_1, () => $$props.children ?? $47.noop);
+      $47.reset(span);
+      $47.append($$anchor2, span);
     };
     var consequent_2 = ($$anchor2) => {
       var section = root_2();
-      $44.attribute_effect(section, ($0) => ({
-        ...$44.get(passthroughAttributes),
+      $47.attribute_effect(section, ($0) => ({
+        ...$47.get(passthroughAttributes),
         class: $0,
         "data-cinder-variant": "section",
         "aria-labelledby": sectionTitleId,
-        "aria-describedby": $44.get(sectionDescriptionIds)
+        "aria-describedby": $47.get(sectionDescriptionIds)
       }), [() => classNames("cinder-access-gate", $$props.class)]);
-      var span_1 = $44.child(section);
-      var node_2 = $44.child(span_1);
+      var span_1 = $47.child(section);
+      var node_2 = $47.child(span_1);
       Lock(node_2, { size: 20, strokeWidth: 2 });
-      $44.reset(span_1);
-      var span_2 = $44.sibling(span_1, 2);
-      var span_3 = $44.child(span_2);
-      var span_4 = $44.sibling(span_3, 2);
-      var text = $44.child(span_4, true);
-      $44.reset(span_4);
-      var node_3 = $44.sibling(span_4, 2);
+      $47.reset(span_1);
+      var span_2 = $47.sibling(span_1, 2);
+      var span_3 = $47.child(span_2);
+      var span_4 = $47.sibling(span_3, 2);
+      var text = $47.child(span_4, true);
+      $47.reset(span_4);
+      var node_3 = $47.sibling(span_4, 2);
       {
         var consequent_1 = ($$anchor3) => {
           var span_5 = root_1();
-          var code = $44.sibling($44.child(span_5), 2);
-          var text_1 = $44.child(code, true);
-          $44.reset(code);
-          $44.reset(span_5);
-          $44.template_effect(() => {
-            $44.set_attribute(span_5, "id", sectionRequirementId);
-            $44.set_text(text_1, $$props.requirement);
+          var code = $47.sibling($47.child(span_5), 2);
+          var text_1 = $47.child(code, true);
+          $47.reset(code);
+          $47.reset(span_5);
+          $47.template_effect(() => {
+            $47.set_attribute(span_5, "id", sectionRequirementId);
+            $47.set_text(text_1, $$props.requirement);
           });
-          $44.append($$anchor3, span_5);
+          $47.append($$anchor3, span_5);
         };
-        $44.if(node_3, ($$render) => {
+        $47.if(node_3, ($$render) => {
           if ($$props.requirement)
             $$render(consequent_1);
         });
       }
-      $44.reset(span_2);
-      $44.reset(section);
-      $44.template_effect(() => {
-        $44.set_attribute(span_3, "id", sectionTitleId);
-        $44.set_attribute(span_4, "id", sectionReasonId);
-        $44.set_text(text, $$props.reason);
+      $47.reset(span_2);
+      $47.reset(section);
+      $47.template_effect(() => {
+        $47.set_attribute(span_3, "id", sectionTitleId);
+        $47.set_attribute(span_4, "id", sectionReasonId);
+        $47.set_text(text, $$props.reason);
       });
-      $44.append($$anchor2, section);
+      $47.append($$anchor2, section);
     };
     var alternate = ($$anchor2) => {
-      Access_gate_inline($$anchor2, $44.spread_props(() => $44.get(passthroughAttributes), {
+      Access_gate_inline($$anchor2, $47.spread_props(() => $47.get(passthroughAttributes), {
         get class() {
           return $$props.class;
         },
@@ -1703,15 +1778,15 @@ function Access_gate($$anchor, $$props) {
           return $$props.reason;
         },
         children: ($$anchor3, $$slotProps) => {
-          var fragment_2 = $44.comment();
-          var node_4 = $44.first_child(fragment_2);
-          $44.snippet(node_4, () => $$props.children ?? $44.noop);
-          $44.append($$anchor3, fragment_2);
+          var fragment_2 = $47.comment();
+          var node_4 = $47.first_child(fragment_2);
+          $47.snippet(node_4, () => $$props.children ?? $47.noop);
+          $47.append($$anchor3, fragment_2);
         },
         $$slots: { default: true }
       }));
     };
-    $44.if(node, ($$render) => {
+    $47.if(node, ($$render) => {
       if ($$props.granted)
         $$render(consequent);
       else if (variant() === "section")
@@ -1720,8 +1795,8 @@ function Access_gate($$anchor, $$props) {
         $$render(alternate, -1);
     });
   }
-  $44.append($$anchor, fragment);
-  $44.pop();
+  $47.append($$anchor, fragment);
+  $47.pop();
 }
 
 // src/components/access-gate/index.ts
@@ -1731,4 +1806,4 @@ export {
   Access_gate as AccessGate
 };
 
-//# debugId=2C37EC8815123AB464756E2164756E21
+//# debugId=60AD89C0B80A856364756E2164756E21

package/dist/components/approval-card/approval-card-actions.svelte.d.ts

@@ -0,0 +1,16 @@
+import type { ApprovalResolution } from './approval-card.types.ts';
+type ApprovalCardActionsProps = {
+    /** Base for the ids of the controls this region renders. */
+    idBase: string;
+    /** Identity of the approval request; form state resets when it changes. */
+    requestKey: string;
+    /** Whether the approve-with-edits flow is available. */
+    canEditArguments: boolean;
+    /** Normalized arguments value used to seed the JSON editor. */
+    argumentsValue: unknown;
+    /** Resolution sink; the parent guards actionability before forwarding. */
+    resolve: (resolution: ApprovalResolution) => void;
+};
+declare const ApprovalCardActions: import("svelte").Component<ApprovalCardActionsProps, {}, "">;
+type ApprovalCardActions = ReturnType<typeof ApprovalCardActions>;
+export default ApprovalCardActions;

package/dist/components/approval-card/approval-card-state.d.ts

@@ -1,3 +1,68 @@
 import type { ApprovalState } from './approval-card.types.ts';
+/** Character budget for the serialized arguments preview before truncation. */
+export declare const ARGUMENTS_PREVIEW_MAX_CHARACTERS = 4096;
+/** Visible label for each risk level. */
+export declare const RISK_LABELS: {
+    readonly low: "Low risk";
+    readonly medium: "Medium risk";
+    readonly high: "High risk";
+};
+/** Visible label for each approval state. */
+export declare const STATE_LABELS: {
+    readonly pending: "Pending";
+    readonly approved: "Approved";
+    readonly approved_with_edits: "Approved with edits";
+    readonly denied: "Denied";
+    readonly expired: "Expired";
+    readonly cancelled: "Cancelled";
+};
+/** StatusDot status for each approval state. */
+export declare const STATE_DOT_STATUS: {
+    readonly pending: "pending";
+    readonly approved: "success";
+    readonly approved_with_edits: "success";
+    readonly denied: "danger";
+    readonly expired: "neutral";
+    readonly cancelled: "offline";
+};
+/**
+ * Resolves the state shown to the approver: a pending approval whose
+ * expiration timestamp has passed presents as expired.
+ */
 export declare function resolveEffectiveApprovalState(approvalState: ApprovalState, expirationTimestamp: number | undefined, currentTime: number | undefined): ApprovalState;
+/** Whether approval actions may still be taken on the request. */
 export declare function isApprovalActionable(approvalState: ApprovalState, expirationTimestamp: number | undefined, currentTime: number | undefined): boolean;
+/** Parses an ISO expiration timestamp, returning undefined for invalid input. */
+export declare function parseExpirationTimestamp(value: string | undefined): number | undefined;
+/** Formats a millisecond duration as a compact countdown such as `2h 5m` or `45s`. */
+export declare function formatRemainingTime(milliseconds: number): string;
+/**
+ * Accepts serialized JSON strings as argument previews by parsing them into
+ * their structured form; any other value passes through unchanged.
+ */
+export declare function normalizeArgumentsPreviewValue(value: unknown): unknown;
+/**
+ * Bounds the arguments preview: values whose serialized form exceeds the
+ * character budget are replaced with a truncation notice and an excerpt.
+ */
+export declare function prepareArgumentsPreview(value: unknown): {
+    value: unknown;
+    truncated: boolean;
+};
+/** Serializes the arguments preview as the editable JSON seed text. */
+export declare function formatEditableArguments(value: unknown): string;
+/** Parses editor text as JSON, returning a friendly error for invalid input. */
+export declare function parseJsonText(text: string): {
+    ok: true;
+    value: unknown;
+} | {
+    ok: false;
+    message: string;
+};
+/**
+ * Reduces environment entries to unique variable names. Values accidentally
+ * supplied as `NAME=value` are stripped so no secret material is rendered.
+ */
+export declare function sanitizeEnvironmentNames(names: string[]): string[];
+/** Collapses duplicate file paths while preserving first-seen order. */
+export declare function dedupeFilePaths(paths: string[]): string[];