@lostgradient/cinder 0.2.0 → 0.4.0

package/dist/server/components/select/select.schema.js

@@ -1,35 +1,4 @@
 import { createRequire } from "node:module";
-var __create = Object.create;
-var __getProtoOf = Object.getPrototypeOf;
-var __defProp = Object.defineProperty;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-function __accessProp(key) {
-  return this[key];
-}
-var __toESMCache_node;
-var __toESMCache_esm;
-var __toESM = (mod, isNodeMode, target) => {
-  var canCache = mod != null && typeof mod === "object";
-  if (canCache) {
-    var cache = isNodeMode ? __toESMCache_node ??= new WeakMap : __toESMCache_esm ??= new WeakMap;
-    var cached = cache.get(mod);
-    if (cached)
-      return cached;
-  }
-  target = mod != null ? __create(__getProtoOf(mod)) : {};
-  const to = isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target;
-  for (let key of __getOwnPropNames(mod))
-    if (!__hasOwnProp.call(to, key))
-      __defProp(to, key, {
-        get: __accessProp.bind(mod, key),
-        enumerable: true
-      });
-  if (canCache)
-    cache.set(mod, to);
-  return to;
-};
-var __commonJS = (cb, mod) => () => (mod || cb((mod = { exports: {} }).exports, mod), mod.exports);
 var __esm = (fn, res) => () => (fn && (res = fn(fn = 0)), res);
 var __require = /* @__PURE__ */ createRequire(import.meta.url);
 
@@ -69,15 +38,19 @@ var schema = {
     unsupportedProps: [
       {
         name: "class",
-        reason: "unknown-shape"
+        reason: "unknown-shape",
+        description: "Extra class names merged with `.cinder-select-field`."
       },
       {
         name: "options",
-        reason: "unknown-shape"
+        reason: "unknown-shape",
+        required: true,
+        description: "Options to render as `<option>` children. The sole inference source for T."
       },
       {
         name: "value",
-        reason: "generic-type-parameter"
+        reason: "generic-type-parameter",
+        description: "Bound selected value. `undefined` when nothing is selected."
       }
     ]
   }
@@ -87,4 +60,4 @@ export {
   select_schema_default as default
 };
 
-//# debugId=F2F70C3C43C71D4F64756E2164756E21
+//# debugId=A2F1ABA26C8FA59C64756E2164756E21

package/dist/server/components/select/select.variables.js

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

package/dist/server/components/selection-popover/index.js

@@ -1,35 +1,4 @@
 import { createRequire } from "node:module";
-var __create = Object.create;
-var __getProtoOf = Object.getPrototypeOf;
-var __defProp = Object.defineProperty;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-function __accessProp(key) {
-  return this[key];
-}
-var __toESMCache_node;
-var __toESMCache_esm;
-var __toESM = (mod, isNodeMode, target) => {
-  var canCache = mod != null && typeof mod === "object";
-  if (canCache) {
-    var cache = isNodeMode ? __toESMCache_node ??= new WeakMap : __toESMCache_esm ??= new WeakMap;
-    var cached = cache.get(mod);
-    if (cached)
-      return cached;
-  }
-  target = mod != null ? __create(__getProtoOf(mod)) : {};
-  const to = isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target;
-  for (let key of __getOwnPropNames(mod))
-    if (!__hasOwnProp.call(to, key))
-      __defProp(to, key, {
-        get: __accessProp.bind(mod, key),
-        enumerable: true
-      });
-  if (canCache)
-    cache.set(mod, to);
-  return to;
-};
-var __commonJS = (cb, mod) => () => (mod || cb((mod = { exports: {} }).exports, mod), mod.exports);
 var __esm = (fn, res) => () => (fn && (res = fn(fn = 0)), res);
 var __require = /* @__PURE__ */ createRequire(import.meta.url);
 
@@ -191,7 +160,7 @@ function onEscapeKeydown(event) {
   const handler = escapeStack.at(-1);
   if (!handler)
     return;
-  handler();
+  handler(event);
 }
 var scrollLockCount = 0;
 var originalBodyOverflow = null;
@@ -226,6 +195,10 @@ function captureFocus() {
 }
 
 // src/utilities/attachments.ts
+function isInsideEventPath(event, element) {
+  const path = event.composedPath();
+  return path.some((entry) => entry instanceof Node && element.contains(entry));
+}
 function createClickOutside(options) {
   const { handler, enabled = true, eventType = "click", capture = true, ignoreRefs } = options;
   return (node) => {
@@ -233,17 +206,19 @@ function createClickOutside(options) {
       const isEnabled = typeof enabled === "function" ? enabled() : enabled;
       if (!isEnabled)
         return;
+      if (event.type === "touchstart" && !event.cancelable)
+        return;
       const target = event.target;
       if (!(target instanceof Node)) {
         handler();
         return;
       }
-      if (node.contains(target))
+      if (isInsideEventPath(event, node))
         return;
       if (ignoreRefs) {
         for (const ref of ignoreRefs) {
           const element = ref();
-          if (element && element.contains(target))
+          if (element && isInsideEventPath(event, element))
             return;
         }
       }
@@ -347,6 +322,7 @@ function Selection_popover($$renderer, $$props) {
     const virtualAnchor = $4.derived(() => {
       if (!position)
         return null;
+      const selectionHeight = position.height ?? 0;
       return {
         getBoundingClientRect: () => ({
           x: position.x,
@@ -354,9 +330,9 @@ function Selection_popover($$renderer, $$props) {
           top: position.y,
           left: position.x,
           right: position.x,
-          bottom: position.y,
+          bottom: position.y + selectionHeight,
           width: 0,
-          height: 0
+          height: selectionHeight
         })
       };
     });
@@ -469,4 +445,4 @@ export {
   Selection_popover as SelectionPopover
 };
 
-//# debugId=DDF77B72A273ED7C64756E2164756E21
+//# debugId=C37B29A4B7CB18F364756E2164756E21

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

@@ -1,35 +1,4 @@
 import { createRequire } from "node:module";
-var __create = Object.create;
-var __getProtoOf = Object.getPrototypeOf;
-var __defProp = Object.defineProperty;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-function __accessProp(key) {
-  return this[key];
-}
-var __toESMCache_node;
-var __toESMCache_esm;
-var __toESM = (mod, isNodeMode, target) => {
-  var canCache = mod != null && typeof mod === "object";
-  if (canCache) {
-    var cache = isNodeMode ? __toESMCache_node ??= new WeakMap : __toESMCache_esm ??= new WeakMap;
-    var cached = cache.get(mod);
-    if (cached)
-      return cached;
-  }
-  target = mod != null ? __create(__getProtoOf(mod)) : {};
-  const to = isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target;
-  for (let key of __getOwnPropNames(mod))
-    if (!__hasOwnProp.call(to, key))
-      __defProp(to, key, {
-        get: __accessProp.bind(mod, key),
-        enumerable: true
-      });
-  if (canCache)
-    cache.set(mod, to);
-  return to;
-};
-var __commonJS = (cb, mod) => () => (mod || cb((mod = { exports: {} }).exports, mod), mod.exports);
 var __esm = (fn, res) => () => (fn && (res = fn(fn = 0)), res);
 var __require = /* @__PURE__ */ createRequire(import.meta.url);
 
@@ -57,23 +26,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."
       }
     ]
   }
@@ -83,4 +58,4 @@ export {
   selection_popover_schema_default as default
 };
 
-//# debugId=A6FE961CA671604D64756E2164756E21
+//# debugId=235154CA95D14F5364756E2164756E21

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

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

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

@@ -26,7 +26,7 @@
   }
 
   .cinder-share-card__title {
-    font-weight: 600;
+    font-weight: var(--cinder-font-semibold);
     font-size: var(--cinder-text-sm);
     color: var(--cinder-text);
     margin: 0;
@@ -78,9 +78,9 @@
     color: var(--cinder-text);
     cursor: pointer;
     font-size: var(--cinder-text-sm);
+    font-weight: var(--cinder-font-medium);
+    transition: background-color var(--cinder-duration-fast) var(--cinder-ease-standard), border-color var(--cinder-duration-fast) var(--cinder-ease-standard);
     white-space: nowrap;
-    transition: background-color .15s, border-color .15s;
-    font-weight: 500;
   }
 
   @media (hover: hover) {
@@ -95,6 +95,14 @@
     box-shadow: 0 0 0 var(--cinder-ring-offset) var(--cinder-ring-offset-color), 0 0 0 calc(var(--cinder-ring-offset)  + var(--cinder-ring-width)) var(--cinder-ring-color);
   }
 
+  @media (forced-colors: active) {
+    .cinder-share-card__action:focus-visible {
+      outline: var(--cinder-ring-width) solid ButtonText;
+      outline-offset: 3px;
+      box-shadow: none;
+    }
+  }
+
   .cinder-share-card__action[data-cinder-copied] {
     color: var(--cinder-color-success-fg);
     border-color: var(--cinder-color-success-border);

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

@@ -1,46 +1,10 @@
 import { createRequire } from "node:module";
-var __create = Object.create;
-var __getProtoOf = Object.getPrototypeOf;
-var __defProp = Object.defineProperty;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-function __accessProp(key) {
-  return this[key];
-}
-var __toESMCache_node;
-var __toESMCache_esm;
-var __toESM = (mod, isNodeMode, target) => {
-  var canCache = mod != null && typeof mod === "object";
-  if (canCache) {
-    var cache = isNodeMode ? __toESMCache_node ??= new WeakMap : __toESMCache_esm ??= new WeakMap;
-    var cached = cache.get(mod);
-    if (cached)
-      return cached;
-  }
-  target = mod != null ? __create(__getProtoOf(mod)) : {};
-  const to = isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target;
-  for (let key of __getOwnPropNames(mod))
-    if (!__hasOwnProp.call(to, key))
-      __defProp(to, key, {
-        get: __accessProp.bind(mod, key),
-        enumerable: true
-      });
-  if (canCache)
-    cache.set(mod, to);
-  return to;
-};
-var __commonJS = (cb, mod) => () => (mod || cb((mod = { exports: {} }).exports, mod), mod.exports);
 var __esm = (fn, res) => () => (fn && (res = fn(fn = 0)), res);
 var __require = /* @__PURE__ */ createRequire(import.meta.url);
 
 // src/components/share-card/share-card.svelte
 import * as $2 from "svelte/internal/server";
-import { onDestroy } from "svelte";
 
-// ../../node_modules/esm-env/false.js
-var false_default = false;
-// ../../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(" ");
@@ -62,6 +26,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);
@@ -80,7 +46,12 @@ function legacyCopy(text) {
 import * as $ from "svelte/internal/server";
 function _visually_hidden_live_region($$renderer, $$props) {
   $$renderer.component(($$renderer2) => {
-    let { message = "", priority = "polite", class: className } = $$props;
+    let {
+      message = "",
+      announcementSequence = 0,
+      priority = "polite",
+      class: className
+    } = $$props;
     let rendered = "";
     let setTimeoutId = null;
     let version = 0;
@@ -110,7 +81,8 @@ function Share_card($$renderer, $$props) {
     let copiedKey = null;
     let resetTimer;
     let announcement = "";
-    const canNativeShare = $2.derived(() => false_default && typeof navigator !== "undefined" && typeof navigator.share === "function");
+    let hydrated = false;
+    const canNativeShare = $2.derived(() => hydrated && typeof navigator !== "undefined" && typeof navigator.share === "function");
     let announceTimer;
     function clearTimer() {
       if (resetTimer !== undefined) {
@@ -179,18 +151,31 @@ function Share_card($$renderer, $$props) {
       }
     }
     const valueRegionLabel = $2.derived(() => looksLikeUrl(value) ? "Link to share" : "Text to share");
-    onDestroy(() => {
-      clearTimer();
-    });
-    const resolvedActions = $2.derived(() => {
-      if (actions)
-        return actions;
-      const defaultActions = [{ key: "copy-link", label: copyLinkLabel, copyValue: value }];
-      if (canNativeShare()) {
-        defaultActions.push({ key: "native-share", label: shareLabel, useNativeShare: true });
+    const defaultActions = $2.derived(() => [{ key: "copy-link", label: copyLinkLabel, copyValue: value }]);
+    const resolvedActions = $2.derived(() => actions ?? defaultActions());
+    function shareButton($$renderer3, action) {
+      const shareCopied = copiedKey === "share-fallback";
+      $$renderer3.push(`<button type="button" class="cinder-share-card__action"${$2.attr("data-cinder-action", action.key)}${$2.attr("data-cinder-copied", shareCopied ? "" : undefined)}${$2.attr("aria-label", shareCopied ? copiedLabel : action.label)}>`);
+      if (shareCopied) {
+        $$renderer3.push("<!--[0-->");
+        $$renderer3.push(`<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> ${$2.escape(copiedLabel)}`);
+      } else {
+        $$renderer3.push("<!--[-1-->");
+        $$renderer3.push(`<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> ${$2.escape(action.label)}`);
+      }
+      $$renderer3.push(`<!--]--></button>`);
+    }
+    function copyButton($$renderer3, action) {
+      $$renderer3.push(`<button type="button" class="cinder-share-card__action"${$2.attr("data-cinder-action", action.key)}${$2.attr("data-cinder-copied", copiedKey === action.key ? "" : undefined)}${$2.attr("aria-label", copiedKey === action.key ? copiedLabel : action.label)}>`);
+      if (copiedKey === action.key) {
+        $$renderer3.push("<!--[0-->");
+        $$renderer3.push(`<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> ${$2.escape(copiedLabel)}`);
+      } else {
+        $$renderer3.push("<!--[-1-->");
+        $$renderer3.push(`<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> ${$2.escape(action.label)}`);
       }
-      return defaultActions;
-    });
+      $$renderer3.push(`<!--]--></button>`);
+    }
     $$renderer2.push(`<div${$2.attributes({
       ...rest,
       class: $2.clsx(classNames("cinder-share-card", customClassName))
@@ -230,31 +215,21 @@ function Share_card($$renderer, $$props) {
       let action = each_array[$$index];
       if (action.key === "native-share" || action.useNativeShare) {
         $$renderer2.push("<!--[0-->");
-        const shareCopied = copiedKey === "share-fallback";
-        $$renderer2.push(`<button type="button" class="cinder-share-card__action"${$2.attr("data-cinder-action", action.key)}${$2.attr("data-cinder-copied", shareCopied ? "" : undefined)}${$2.attr("aria-label", shareCopied ? copiedLabel : action.label)}>`);
-        if (shareCopied) {
-          $$renderer2.push("<!--[0-->");
-          $$renderer2.push(`<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> ${$2.escape(copiedLabel)}`);
-        } else {
-          $$renderer2.push("<!--[-1-->");
-          $$renderer2.push(`<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> ${$2.escape(action.label)}`);
-        }
-        $$renderer2.push(`<!--]--></button>`);
+        shareButton($$renderer2, action);
       } else {
         $$renderer2.push("<!--[-1-->");
-        $$renderer2.push(`<button type="button" class="cinder-share-card__action"${$2.attr("data-cinder-action", action.key)}${$2.attr("data-cinder-copied", copiedKey === action.key ? "" : undefined)}${$2.attr("aria-label", copiedKey === action.key ? copiedLabel : action.label)}>`);
-        if (copiedKey === action.key) {
-          $$renderer2.push("<!--[0-->");
-          $$renderer2.push(`<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> ${$2.escape(copiedLabel)}`);
-        } else {
-          $$renderer2.push("<!--[-1-->");
-          $$renderer2.push(`<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> ${$2.escape(action.label)}`);
-        }
-        $$renderer2.push(`<!--]--></button>`);
+        copyButton($$renderer2, action);
       }
       $$renderer2.push(`<!--]-->`);
     }
-    $$renderer2.push(`<!--]--></div></div> `);
+    $$renderer2.push(`<!--]--> `);
+    if (!actions && canNativeShare()) {
+      $$renderer2.push("<!--[0-->");
+      shareButton($$renderer2, { key: "native-share", label: shareLabel, useNativeShare: true });
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--></div></div>   `);
     _visually_hidden_live_region($$renderer2, { message: announcement });
     $$renderer2.push(`<!---->`);
   });
@@ -267,4 +242,4 @@ export {
   Share_card as ShareCard
 };
 
-//# debugId=C8026A490865A88464756E2164756E21
+//# debugId=32D803EEAA351B3364756E2164756E21

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

@@ -1,35 +1,4 @@
 import { createRequire } from "node:module";
-var __create = Object.create;
-var __getProtoOf = Object.getPrototypeOf;
-var __defProp = Object.defineProperty;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-function __accessProp(key) {
-  return this[key];
-}
-var __toESMCache_node;
-var __toESMCache_esm;
-var __toESM = (mod, isNodeMode, target) => {
-  var canCache = mod != null && typeof mod === "object";
-  if (canCache) {
-    var cache = isNodeMode ? __toESMCache_node ??= new WeakMap : __toESMCache_esm ??= new WeakMap;
-    var cached = cache.get(mod);
-    if (cached)
-      return cached;
-  }
-  target = mod != null ? __create(__getProtoOf(mod)) : {};
-  const to = isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target;
-  for (let key of __getOwnPropNames(mod))
-    if (!__hasOwnProp.call(to, key))
-      __defProp(to, key, {
-        get: __accessProp.bind(mod, key),
-        enumerable: true
-      });
-  if (canCache)
-    cache.set(mod, to);
-  return to;
-};
-var __commonJS = (cb, mod) => () => (mod || cb((mod = { exports: {} }).exports, mod), mod.exports);
 var __esm = (fn, res) => () => (fn && (res = fn(fn = 0)), res);
 var __require = /* @__PURE__ */ createRequire(import.meta.url);
 
@@ -78,11 +47,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."
       }
     ]
   }
@@ -92,4 +63,4 @@ export {
   share_card_schema_default as default
 };
 
-//# debugId=18B2E98DE4158BBF64756E2164756E21
+//# debugId=2D8E598125FB7F6864756E2164756E21

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

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