@lostgradient/cinder 0.2.0 → 0.3.0

package/dist/components/selection-popover/selection-popover.schema.js

@@ -1,34 +1,4 @@
-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);
@@ -75,23 +45,29 @@ var schema = {
     unsupportedProps: [
       {
         name: "oncancel",
-        reason: "function-or-snippet"
+        reason: "function-or-snippet",
+        description: "Called when the composer is canceled."
       },
       {
         name: "onclose",
-        reason: "function-or-snippet"
+        reason: "function-or-snippet",
+        description: "Called when the popover should close."
       },
       {
         name: "oncommentsubmit",
-        reason: "function-or-snippet"
+        reason: "function-or-snippet",
+        description: "Called when a comment is submitted."
       },
       {
         name: "onexpand",
-        reason: "function-or-snippet"
+        reason: "function-or-snippet",
+        description: "Called when the compact action expands into the composer."
       },
       {
         name: "position",
-        reason: "unknown-shape"
+        reason: "unknown-shape",
+        required: true,
+        description: "Viewport-relative anchor point for the popover."
       }
     ]
   }
@@ -101,4 +77,4 @@ export {
   selection_popover_schema_default as default
 };
 
-//# debugId=6EEB1E332BECF91A64756E2164756E21
+//# debugId=F9415228DF7B80C064756E2164756E21

package/dist/components/selection-popover/selection-popover.types.d.ts

@@ -2,6 +2,14 @@ import type { HTMLAttributes } from 'svelte/elements';
 export type SelectionPopoverPosition = {
     x: number;
     y: number;
+    /**
+     * Height of the selection rect in CSS pixels. When provided, the virtual
+     * anchor exposes the correct `bottom` edge (`y + height`) to floating-ui so
+     * that `flip` places the panel below the selection's actual bottom edge
+     * instead of overlapping it. Defaults to 0 when omitted (zero-height point
+     * anchor — the original behaviour, which causes overlap when flipped).
+     */
+    height?: number;
 };
 export type SelectionPopoverProps = Omit<HTMLAttributes<HTMLDivElement>, 'class'> & {
     /** Unique identifier for the popover. */

package/dist/components/selection-popover/selection-popover.variables.js

@@ -1,34 +1,4 @@
-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);
@@ -58,4 +28,4 @@ export {
   selection_popover_variables_default as default
 };
 
-//# debugId=F42BCE6AE0DF306164756E2164756E21
+//# debugId=A78089E1146D641964756E2164756E21

package/dist/components/share-card/index.js

@@ -1,34 +1,4 @@
-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);
@@ -59,8 +29,6 @@ import"svelte/internal/disclose-version";
 import * as $2 from "svelte/internal/client";
 import { onDestroy } from "svelte";
 
-// ../../node_modules/esm-env/true.js
-var true_default = true;
 // src/utilities/class-names.ts
 function classNames(...parts) {
   return parts.filter((part) => typeof part === "string" && part.length > 0).join(" ");
@@ -82,6 +50,8 @@ function legacyCopy(text) {
   const textarea = document.createElement("textarea");
   textarea.value = text;
   textarea.setAttribute("readonly", "");
+  textarea.setAttribute("aria-hidden", "true");
+  textarea.setAttribute("tabindex", "-1");
   textarea.style.position = "absolute";
   textarea.style.left = "-9999px";
   document.body.appendChild(textarea);
@@ -102,7 +72,7 @@ import * as $ from "svelte/internal/client";
 var root = $.from_html(`<div aria-atomic="true"> </div>`);
 function _visually_hidden_live_region($$anchor, $$props) {
   $.push($$props, true);
-  let message = $.prop($$props, "message", 3, ""), priority = $.prop($$props, "priority", 3, "polite");
+  let message = $.prop($$props, "message", 3, ""), announcementSequence = $.prop($$props, "announcementSequence", 3, 0), priority = $.prop($$props, "priority", 3, "polite");
   let rendered = $.state("");
   let setTimeoutId = null;
   let version = 0;
@@ -118,6 +88,7 @@ function _visually_hidden_live_region($$anchor, $$props) {
   });
   $.user_effect(() => {
     const next = message();
+    announcementSequence();
     const current = ++version;
     if (setTimeoutId) {
       clearTimeout(setTimeoutId);
@@ -147,19 +118,92 @@ function _visually_hidden_live_region($$anchor, $$props) {
 }
 
 // src/components/share-card/share-card.svelte
-var root_1 = $2.from_html(`<div class="cinder-share-card__preview"><!></div>`);
-var root_3 = $2.from_html(`<p class="cinder-share-card__title"> </p>`);
-var root_4 = $2.from_html(`<p class="cinder-share-card__description"> </p>`);
-var root_2 = $2.from_html(`<div class="cinder-share-card__meta"><!> <!></div>`);
-var root_7 = $2.from_html(`<span class="cinder-share-card__action-icon" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="cinder-share-card__icon"><polyline points="20,6 9,17 4,12"></polyline></svg></span> `, 1);
-var root_8 = $2.from_html(`<span class="cinder-share-card__action-icon" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="cinder-share-card__icon"><circle cx="18" cy="5" r="3"></circle><circle cx="6" cy="12" r="3"></circle><circle cx="18" cy="19" r="3"></circle><line x1="8.59" y1="13.51" x2="15.42" y2="17.49"></line><line x1="15.41" y1="6.51" x2="8.59" y2="10.49"></line></svg></span> `, 1);
-var root_6 = $2.from_html(`<button type="button" class="cinder-share-card__action"><!></button>`);
-var root_10 = $2.from_html(`<span class="cinder-share-card__action-icon" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="cinder-share-card__icon"><polyline points="20,6 9,17 4,12"></polyline></svg></span> `, 1);
-var root_11 = $2.from_html(`<span class="cinder-share-card__action-icon" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="cinder-share-card__icon"><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"></path></svg></span> `, 1);
-var root_9 = $2.from_html(`<button type="button" class="cinder-share-card__action"><!></button>`);
-var root2 = $2.from_html(`<div><!> <!> <div class="cinder-share-card__value"><span class="cinder-share-card__value-text"> </span></div> <div class="cinder-share-card__actions" role="group" aria-label="Share actions"></div></div> <!>`, 1);
+var root_2 = $2.from_html(`<span class="cinder-share-card__action-icon" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="cinder-share-card__icon"><polyline points="20,6 9,17 4,12"></polyline></svg></span> `, 1);
+var root_3 = $2.from_html(`<span class="cinder-share-card__action-icon" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="cinder-share-card__icon"><circle cx="18" cy="5" r="3"></circle><circle cx="6" cy="12" r="3"></circle><circle cx="18" cy="19" r="3"></circle><line x1="8.59" y1="13.51" x2="15.42" y2="17.49"></line><line x1="15.41" y1="6.51" x2="8.59" y2="10.49"></line></svg></span> `, 1);
+var root_1 = $2.from_html(`<button type="button" class="cinder-share-card__action"><!></button>`);
+var root_5 = $2.from_html(`<span class="cinder-share-card__action-icon" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="cinder-share-card__icon"><polyline points="20,6 9,17 4,12"></polyline></svg></span> `, 1);
+var root_6 = $2.from_html(`<span class="cinder-share-card__action-icon" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="cinder-share-card__icon"><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"></path></svg></span> `, 1);
+var root_4 = $2.from_html(`<button type="button" class="cinder-share-card__action"><!></button>`);
+var root_7 = $2.from_html(`<div class="cinder-share-card__preview"><!></div>`);
+var root_9 = $2.from_html(`<p class="cinder-share-card__title"> </p>`);
+var root_10 = $2.from_html(`<p class="cinder-share-card__description"> </p>`);
+var root_8 = $2.from_html(`<div class="cinder-share-card__meta"><!> <!></div>`);
+var root2 = $2.from_html(`<div><!> <!> <div class="cinder-share-card__value"><span class="cinder-share-card__value-text"> </span></div> <div class="cinder-share-card__actions" role="group" aria-label="Share actions"><!> <!></div></div>   <!>`, 1);
 function Share_card($$anchor, $$props) {
   $2.push($$props, true);
+  const shareButton = ($$anchor2, action = $2.noop) => {
+    const shareCopied = $2.derived(() => $2.get(copiedKey) === "share-fallback");
+    var button = root_1();
+    var node = $2.child(button);
+    {
+      var consequent = ($$anchor3) => {
+        var fragment = root_2();
+        var text_1 = $2.sibling($2.first_child(fragment));
+        $2.template_effect(() => $2.set_text(text_1, ` ${copiedLabel() ?? ""}`));
+        $2.append($$anchor3, fragment);
+      };
+      var alternate = ($$anchor3) => {
+        var fragment_1 = root_3();
+        var text_2 = $2.sibling($2.first_child(fragment_1));
+        $2.template_effect(() => $2.set_text(text_2, ` ${action().label ?? ""}`));
+        $2.append($$anchor3, fragment_1);
+      };
+      $2.if(node, ($$render) => {
+        if ($2.get(shareCopied))
+          $$render(consequent);
+        else
+          $$render(alternate, -1);
+      });
+    }
+    $2.reset(button);
+    $2.template_effect(() => {
+      $2.set_attribute(button, "data-cinder-action", action().key);
+      $2.set_attribute(button, "data-cinder-copied", $2.get(shareCopied) ? "" : undefined);
+      $2.set_attribute(button, "aria-label", $2.get(shareCopied) ? copiedLabel() : action().label);
+    });
+    $2.delegated("click", button, () => {
+      action().onClick?.();
+      handleNativeShare();
+    });
+    $2.append($$anchor2, button);
+  };
+  const copyButton = ($$anchor2, action = $2.noop) => {
+    var button_1 = root_4();
+    var node_1 = $2.child(button_1);
+    {
+      var consequent_1 = ($$anchor3) => {
+        var fragment_2 = root_5();
+        var text_3 = $2.sibling($2.first_child(fragment_2));
+        $2.template_effect(() => $2.set_text(text_3, ` ${copiedLabel() ?? ""}`));
+        $2.append($$anchor3, fragment_2);
+      };
+      var alternate_1 = ($$anchor3) => {
+        var fragment_3 = root_6();
+        var text_4 = $2.sibling($2.first_child(fragment_3));
+        $2.template_effect(() => $2.set_text(text_4, ` ${action().label ?? ""}`));
+        $2.append($$anchor3, fragment_3);
+      };
+      $2.if(node_1, ($$render) => {
+        if ($2.get(copiedKey) === action().key)
+          $$render(consequent_1);
+        else
+          $$render(alternate_1, -1);
+      });
+    }
+    $2.reset(button_1);
+    $2.template_effect(() => {
+      $2.set_attribute(button_1, "data-cinder-action", action().key);
+      $2.set_attribute(button_1, "data-cinder-copied", $2.get(copiedKey) === action().key ? "" : undefined);
+      $2.set_attribute(button_1, "aria-label", $2.get(copiedKey) === action().key ? copiedLabel() : action().label);
+    });
+    $2.delegated("click", button_1, () => {
+      action().onClick?.();
+      if (action().copyValue !== undefined) {
+        handleCopy(action().key, action().copyValue);
+      }
+    });
+    $2.append($$anchor2, button_1);
+  };
   let copyLinkLabel = $2.prop($$props, "copyLinkLabel", 3, "Copy link"), copiedLabel = $2.prop($$props, "copiedLabel", 3, "Copied!"), shareLabel = $2.prop($$props, "shareLabel", 3, "Share"), confirmDuration = $2.prop($$props, "confirmDuration", 3, 2000), rest = $2.rest_props($$props, [
     "$$slots",
     "$$events",
@@ -178,7 +222,11 @@ function Share_card($$anchor, $$props) {
   let copiedKey = $2.state(null);
   let resetTimer;
   let announcement = $2.state("");
-  const canNativeShare = $2.derived(() => true_default && typeof navigator !== "undefined" && typeof navigator.share === "function");
+  let hydrated = $2.state(false);
+  $2.user_effect(() => {
+    $2.set(hydrated, true);
+  });
+  const canNativeShare = $2.derived(() => $2.get(hydrated) && typeof navigator !== "undefined" && typeof navigator.share === "function");
   let announceTimer;
   function clearTimer() {
     if (resetTimer !== undefined) {
@@ -250,178 +298,115 @@ function Share_card($$anchor, $$props) {
   onDestroy(() => {
     clearTimer();
   });
-  const resolvedActions = $2.derived(() => {
-    if ($$props.actions)
-      return $$props.actions;
-    const defaultActions = [
-      {
-        key: "copy-link",
-        label: copyLinkLabel(),
-        copyValue: $$props.value
-      }
-    ];
-    if ($2.get(canNativeShare)) {
-      defaultActions.push({
-        key: "native-share",
-        label: shareLabel(),
-        useNativeShare: true
-      });
+  const defaultActions = $2.derived(() => [
+    {
+      key: "copy-link",
+      label: copyLinkLabel(),
+      copyValue: $$props.value
     }
-    return defaultActions;
-  });
-  var fragment = root2();
-  var div = $2.first_child(fragment);
+  ]);
+  const resolvedActions = $2.derived(() => $$props.actions ?? $2.get(defaultActions));
+  var fragment_4 = root2();
+  var div = $2.first_child(fragment_4);
   $2.attribute_effect(div, ($0) => ({ ...rest, class: $0 }), [() => classNames("cinder-share-card", $$props.class)]);
-  var node = $2.child(div);
+  var node_2 = $2.child(div);
   {
-    var consequent = ($$anchor2) => {
-      var div_1 = root_1();
-      var node_1 = $2.child(div_1);
-      $2.snippet(node_1, () => $$props.preview);
+    var consequent_2 = ($$anchor2) => {
+      var div_1 = root_7();
+      var node_3 = $2.child(div_1);
+      $2.snippet(node_3, () => $$props.preview);
       $2.reset(div_1);
       $2.append($$anchor2, div_1);
     };
-    $2.if(node, ($$render) => {
+    $2.if(node_2, ($$render) => {
       if ($$props.preview)
-        $$render(consequent);
+        $$render(consequent_2);
     });
   }
-  var node_2 = $2.sibling(node, 2);
+  var node_4 = $2.sibling(node_2, 2);
   {
-    var consequent_3 = ($$anchor2) => {
-      var div_2 = root_2();
-      var node_3 = $2.child(div_2);
+    var consequent_5 = ($$anchor2) => {
+      var div_2 = root_8();
+      var node_5 = $2.child(div_2);
       {
-        var consequent_1 = ($$anchor3) => {
-          var p = root_3();
-          var text_1 = $2.child(p, true);
+        var consequent_3 = ($$anchor3) => {
+          var p = root_9();
+          var text_5 = $2.child(p, true);
           $2.reset(p);
-          $2.template_effect(() => $2.set_text(text_1, $$props.title));
+          $2.template_effect(() => $2.set_text(text_5, $$props.title));
           $2.append($$anchor3, p);
         };
-        $2.if(node_3, ($$render) => {
+        $2.if(node_5, ($$render) => {
           if ($$props.title)
-            $$render(consequent_1);
+            $$render(consequent_3);
         });
       }
-      var node_4 = $2.sibling(node_3, 2);
+      var node_6 = $2.sibling(node_5, 2);
       {
-        var consequent_2 = ($$anchor3) => {
-          var p_1 = root_4();
-          var text_2 = $2.child(p_1, true);
+        var consequent_4 = ($$anchor3) => {
+          var p_1 = root_10();
+          var text_6 = $2.child(p_1, true);
           $2.reset(p_1);
-          $2.template_effect(() => $2.set_text(text_2, $$props.description));
+          $2.template_effect(() => $2.set_text(text_6, $$props.description));
           $2.append($$anchor3, p_1);
         };
-        $2.if(node_4, ($$render) => {
+        $2.if(node_6, ($$render) => {
           if ($$props.description)
-            $$render(consequent_2);
+            $$render(consequent_4);
         });
       }
       $2.reset(div_2);
       $2.append($$anchor2, div_2);
     };
-    $2.if(node_2, ($$render) => {
+    $2.if(node_4, ($$render) => {
       if ($$props.title || $$props.description)
-        $$render(consequent_3);
+        $$render(consequent_5);
     });
   }
-  var div_3 = $2.sibling(node_2, 2);
+  var div_3 = $2.sibling(node_4, 2);
   var span = $2.child(div_3);
-  var text_3 = $2.child(span, true);
+  var text_7 = $2.child(span, true);
   $2.reset(span);
   $2.reset(div_3);
   var div_4 = $2.sibling(div_3, 2);
-  $2.each(div_4, 21, () => $2.get(resolvedActions), (action) => action.key, ($$anchor2, action) => {
-    var fragment_1 = $2.comment();
-    var node_5 = $2.first_child(fragment_1);
+  var node_7 = $2.child(div_4);
+  $2.each(node_7, 17, () => $2.get(resolvedActions), (action) => action.key, ($$anchor2, action) => {
+    var fragment_5 = $2.comment();
+    var node_8 = $2.first_child(fragment_5);
     {
-      var consequent_5 = ($$anchor3) => {
-        const shareCopied = $2.derived(() => $2.get(copiedKey) === "share-fallback");
-        var button = root_6();
-        var node_6 = $2.child(button);
-        {
-          var consequent_4 = ($$anchor4) => {
-            var fragment_2 = root_7();
-            var text_4 = $2.sibling($2.first_child(fragment_2));
-            $2.template_effect(() => $2.set_text(text_4, ` ${copiedLabel() ?? ""}`));
-            $2.append($$anchor4, fragment_2);
-          };
-          var alternate = ($$anchor4) => {
-            var fragment_3 = root_8();
-            var text_5 = $2.sibling($2.first_child(fragment_3));
-            $2.template_effect(() => $2.set_text(text_5, ` ${$2.get(action).label ?? ""}`));
-            $2.append($$anchor4, fragment_3);
-          };
-          $2.if(node_6, ($$render) => {
-            if ($2.get(shareCopied))
-              $$render(consequent_4);
-            else
-              $$render(alternate, -1);
-          });
-        }
-        $2.reset(button);
-        $2.template_effect(() => {
-          $2.set_attribute(button, "data-cinder-action", $2.get(action).key);
-          $2.set_attribute(button, "data-cinder-copied", $2.get(shareCopied) ? "" : undefined);
-          $2.set_attribute(button, "aria-label", $2.get(shareCopied) ? copiedLabel() : $2.get(action).label);
-        });
-        $2.delegated("click", button, () => {
-          $2.get(action).onClick?.();
-          handleNativeShare();
-        });
-        $2.append($$anchor3, button);
+      var consequent_6 = ($$anchor3) => {
+        shareButton($$anchor3, () => $2.get(action));
       };
       var alternate_2 = ($$anchor3) => {
-        var button_1 = root_9();
-        var node_7 = $2.child(button_1);
-        {
-          var consequent_6 = ($$anchor4) => {
-            var fragment_4 = root_10();
-            var text_6 = $2.sibling($2.first_child(fragment_4));
-            $2.template_effect(() => $2.set_text(text_6, ` ${copiedLabel() ?? ""}`));
-            $2.append($$anchor4, fragment_4);
-          };
-          var alternate_1 = ($$anchor4) => {
-            var fragment_5 = root_11();
-            var text_7 = $2.sibling($2.first_child(fragment_5));
-            $2.template_effect(() => $2.set_text(text_7, ` ${$2.get(action).label ?? ""}`));
-            $2.append($$anchor4, fragment_5);
-          };
-          $2.if(node_7, ($$render) => {
-            if ($2.get(copiedKey) === $2.get(action).key)
-              $$render(consequent_6);
-            else
-              $$render(alternate_1, -1);
-          });
-        }
-        $2.reset(button_1);
-        $2.template_effect(() => {
-          $2.set_attribute(button_1, "data-cinder-action", $2.get(action).key);
-          $2.set_attribute(button_1, "data-cinder-copied", $2.get(copiedKey) === $2.get(action).key ? "" : undefined);
-          $2.set_attribute(button_1, "aria-label", $2.get(copiedKey) === $2.get(action).key ? copiedLabel() : $2.get(action).label);
-        });
-        $2.delegated("click", button_1, () => {
-          $2.get(action).onClick?.();
-          if ($2.get(action).copyValue !== undefined) {
-            handleCopy($2.get(action).key, $2.get(action).copyValue);
-          }
-        });
-        $2.append($$anchor3, button_1);
+        copyButton($$anchor3, () => $2.get(action));
       };
-      $2.if(node_5, ($$render) => {
+      $2.if(node_8, ($$render) => {
         if ($2.get(action).key === "native-share" || $2.get(action).useNativeShare)
-          $$render(consequent_5);
+          $$render(consequent_6);
         else
           $$render(alternate_2, -1);
       });
     }
-    $2.append($$anchor2, fragment_1);
+    $2.append($$anchor2, fragment_5);
   });
+  var node_9 = $2.sibling(node_7, 2);
+  {
+    var consequent_7 = ($$anchor2) => {
+      shareButton($$anchor2, () => ({
+        key: "native-share",
+        label: shareLabel(),
+        useNativeShare: true
+      }));
+    };
+    $2.if(node_9, ($$render) => {
+      if (!$$props.actions && $2.get(canNativeShare))
+        $$render(consequent_7);
+    });
+  }
   $2.reset(div_4);
   $2.reset(div);
-  var node_8 = $2.sibling(div, 2);
-  _visually_hidden_live_region(node_8, {
+  var node_10 = $2.sibling(div, 2);
+  _visually_hidden_live_region(node_10, {
     get message() {
       return $2.get(announcement);
     }
@@ -429,9 +414,9 @@ function Share_card($$anchor, $$props) {
   $2.template_effect(() => {
     $2.set_attribute(div_3, "aria-label", $2.get(valueRegionLabel));
     $2.set_attribute(span, "title", $$props.value);
-    $2.set_text(text_3, $$props.value);
+    $2.set_text(text_7, $$props.value);
   });
-  $2.append($$anchor, fragment);
+  $2.append($$anchor, fragment_4);
   $2.pop();
 }
 $2.delegate(["click"]);
@@ -443,4 +428,4 @@ export {
   Share_card as ShareCard
 };
 
-//# debugId=D6EA2C2DE6BF30CE64756E2164756E21
+//# debugId=FCEF2CA386D1DCE064756E2164756E21

package/dist/components/share-card/share-card.schema.js

@@ -1,34 +1,4 @@
-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);
@@ -96,11 +66,13 @@ var schema = {
     unsupportedProps: [
       {
         name: "actions",
-        reason: "unknown-shape"
+        reason: "unknown-shape",
+        description: "Explicit actions to show. When omitted, default copy + native-share actions render."
       },
       {
         name: "preview",
-        reason: "function-or-snippet"
+        reason: "function-or-snippet",
+        description: "Preview content slot rendered above the actions."
       }
     ]
   }
@@ -110,4 +82,4 @@ export {
   share_card_schema_default as default
 };
 
-//# debugId=C8758E3697505CB264756E2164756E21
+//# debugId=50C7138F22CC78CA64756E2164756E21