@lostgradient/cinder 0.1.0 → 0.2.0

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

@@ -0,0 +1,446 @@
+var __create = Object.create;
+var __getProtoOf = Object.getPrototypeOf;
+var __defProp = Object.defineProperty;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+function __accessProp(key) {
+  return this[key];
+}
+var __toESMCache_node;
+var __toESMCache_esm;
+var __toESM = (mod, isNodeMode, target) => {
+  var canCache = mod != null && typeof mod === "object";
+  if (canCache) {
+    var cache = isNodeMode ? __toESMCache_node ??= new WeakMap : __toESMCache_esm ??= new WeakMap;
+    var cached = cache.get(mod);
+    if (cached)
+      return cached;
+  }
+  target = mod != null ? __create(__getProtoOf(mod)) : {};
+  const to = isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target;
+  for (let key of __getOwnPropNames(mod))
+    if (!__hasOwnProp.call(to, key))
+      __defProp(to, key, {
+        get: __accessProp.bind(mod, key),
+        enumerable: true
+      });
+  if (canCache)
+    cache.set(mod, to);
+  return to;
+};
+var __commonJS = (cb, mod) => () => (mod || cb((mod = { exports: {} }).exports, mod), mod.exports);
+var __returnValue = (v) => v;
+function __exportSetter(name, newValue) {
+  this[name] = __returnValue.bind(null, newValue);
+}
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, {
+      get: all[name],
+      enumerable: true,
+      configurable: true,
+      set: __exportSetter.bind(all, name)
+    });
+};
+var __esm = (fn, res) => () => (fn && (res = fn(fn = 0)), res);
+var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
+  get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
+}) : x)(function(x) {
+  if (typeof require !== "undefined")
+    return require.apply(this, arguments);
+  throw Error('Dynamic require of "' + x + '" is not supported');
+});
+
+// src/components/share-card/index.ts
+import"@lostgradient/cinder/share-card/styles";
+
+// src/components/share-card/share-card.svelte
+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(" ");
+}
+
+// src/utilities/clipboard.ts
+async function copyToClipboard(text) {
+  if (typeof navigator !== "undefined" && navigator.clipboard?.writeText) {
+    try {
+      await navigator.clipboard.writeText(text);
+      return true;
+    } catch {}
+  }
+  return legacyCopy(text);
+}
+function legacyCopy(text) {
+  if (typeof document === "undefined")
+    return false;
+  const textarea = document.createElement("textarea");
+  textarea.value = text;
+  textarea.setAttribute("readonly", "");
+  textarea.style.position = "absolute";
+  textarea.style.left = "-9999px";
+  document.body.appendChild(textarea);
+  textarea.select();
+  let succeeded = false;
+  try {
+    succeeded = document.execCommand("copy");
+  } catch {
+    succeeded = false;
+  }
+  textarea.remove();
+  return succeeded;
+}
+
+// src/components/_visually-hidden-live-region.svelte
+import"svelte/internal/disclose-version";
+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 rendered = $.state("");
+  let setTimeoutId = null;
+  let version = 0;
+  let isDestroyed = false;
+  $.user_effect(() => {
+    return () => {
+      isDestroyed = true;
+      if (setTimeoutId) {
+        clearTimeout(setTimeoutId);
+        setTimeoutId = null;
+      }
+    };
+  });
+  $.user_effect(() => {
+    const next = message();
+    const current = ++version;
+    if (setTimeoutId) {
+      clearTimeout(setTimeoutId);
+      setTimeoutId = null;
+    }
+    $.set(rendered, "");
+    if (next === "")
+      return;
+    setTimeoutId = setTimeout(() => {
+      if (isDestroyed || version !== current)
+        return;
+      $.set(rendered, next, true);
+      setTimeoutId = null;
+    }, 0);
+  });
+  var div = root();
+  var text = $.child(div, true);
+  $.reset(div);
+  $.template_effect(($0) => {
+    $.set_attribute(div, "role", priority() === "assertive" ? "alert" : "status");
+    $.set_attribute(div, "aria-live", priority() === "assertive" ? "assertive" : "polite");
+    $.set_class(div, 1, $0);
+    $.set_text(text, $.get(rendered));
+  }, [() => $.clsx(classNames("cinder-sr-only", $$props.class))]);
+  $.append($$anchor, div);
+  $.pop();
+}
+
+// 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);
+function Share_card($$anchor, $$props) {
+  $2.push($$props, true);
+  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",
+    "$$legacy",
+    "value",
+    "title",
+    "description",
+    "actions",
+    "copyLinkLabel",
+    "copiedLabel",
+    "shareLabel",
+    "confirmDuration",
+    "preview",
+    "class"
+  ]);
+  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 announceTimer;
+  function clearTimer() {
+    if (resetTimer !== undefined) {
+      clearTimeout(resetTimer);
+      resetTimer = undefined;
+    }
+    if (announceTimer !== undefined) {
+      clearTimeout(announceTimer);
+      announceTimer = undefined;
+    }
+  }
+  function announce(message) {
+    if (announceTimer !== undefined)
+      clearTimeout(announceTimer);
+    $2.set(announcement, message, true);
+    announceTimer = setTimeout(() => {
+      $2.set(announcement, "");
+    }, confirmDuration());
+  }
+  async function handleCopy(key, text, successMessage = copiedLabel()) {
+    let succeeded = false;
+    try {
+      succeeded = await copyToClipboard(text);
+    } catch {
+      succeeded = false;
+    }
+    if (!succeeded) {
+      clearTimer();
+      $2.set(copiedKey, null);
+      announce("Copy failed");
+      return;
+    }
+    clearTimer();
+    $2.set(copiedKey, key, true);
+    announce(successMessage);
+    resetTimer = setTimeout(() => {
+      $2.set(copiedKey, null);
+    }, confirmDuration());
+  }
+  function looksLikeUrl(candidate) {
+    return /^https?:\/\//i.test(candidate.trim());
+  }
+  function buildShareData() {
+    const shareData = looksLikeUrl($$props.value) ? { url: $$props.value } : { text: $$props.value };
+    if ($$props.title)
+      shareData.title = $$props.title;
+    return shareData;
+  }
+  async function handleNativeShare() {
+    if (!$2.get(canNativeShare)) {
+      await handleCopy("share-fallback", $$props.value);
+      return;
+    }
+    const shareData = buildShareData();
+    if (typeof navigator.canShare === "function" && !navigator.canShare(shareData)) {
+      await handleCopy("share-fallback", $$props.value);
+      return;
+    }
+    try {
+      await navigator.share(shareData);
+      announce("Shared successfully");
+    } catch (error) {
+      if (error instanceof DOMException && error.name === "AbortError")
+        return;
+      await handleCopy("share-fallback", $$props.value, "Share failed. Copied to clipboard instead.");
+    }
+  }
+  const valueRegionLabel = $2.derived(() => looksLikeUrl($$props.value) ? "Link to share" : "Text to share");
+  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
+      });
+    }
+    return defaultActions;
+  });
+  var fragment = root2();
+  var div = $2.first_child(fragment);
+  $2.attribute_effect(div, ($0) => ({ ...rest, class: $0 }), [() => classNames("cinder-share-card", $$props.class)]);
+  var node = $2.child(div);
+  {
+    var consequent = ($$anchor2) => {
+      var div_1 = root_1();
+      var node_1 = $2.child(div_1);
+      $2.snippet(node_1, () => $$props.preview);
+      $2.reset(div_1);
+      $2.append($$anchor2, div_1);
+    };
+    $2.if(node, ($$render) => {
+      if ($$props.preview)
+        $$render(consequent);
+    });
+  }
+  var node_2 = $2.sibling(node, 2);
+  {
+    var consequent_3 = ($$anchor2) => {
+      var div_2 = root_2();
+      var node_3 = $2.child(div_2);
+      {
+        var consequent_1 = ($$anchor3) => {
+          var p = root_3();
+          var text_1 = $2.child(p, true);
+          $2.reset(p);
+          $2.template_effect(() => $2.set_text(text_1, $$props.title));
+          $2.append($$anchor3, p);
+        };
+        $2.if(node_3, ($$render) => {
+          if ($$props.title)
+            $$render(consequent_1);
+        });
+      }
+      var node_4 = $2.sibling(node_3, 2);
+      {
+        var consequent_2 = ($$anchor3) => {
+          var p_1 = root_4();
+          var text_2 = $2.child(p_1, true);
+          $2.reset(p_1);
+          $2.template_effect(() => $2.set_text(text_2, $$props.description));
+          $2.append($$anchor3, p_1);
+        };
+        $2.if(node_4, ($$render) => {
+          if ($$props.description)
+            $$render(consequent_2);
+        });
+      }
+      $2.reset(div_2);
+      $2.append($$anchor2, div_2);
+    };
+    $2.if(node_2, ($$render) => {
+      if ($$props.title || $$props.description)
+        $$render(consequent_3);
+    });
+  }
+  var div_3 = $2.sibling(node_2, 2);
+  var span = $2.child(div_3);
+  var text_3 = $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 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 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);
+      };
+      $2.if(node_5, ($$render) => {
+        if ($2.get(action).key === "native-share" || $2.get(action).useNativeShare)
+          $$render(consequent_5);
+        else
+          $$render(alternate_2, -1);
+      });
+    }
+    $2.append($$anchor2, fragment_1);
+  });
+  $2.reset(div_4);
+  $2.reset(div);
+  var node_8 = $2.sibling(div, 2);
+  _visually_hidden_live_region(node_8, {
+    get message() {
+      return $2.get(announcement);
+    }
+  });
+  $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.append($$anchor, fragment);
+  $2.pop();
+}
+$2.delegate(["click"]);
+
+// src/components/share-card/index.ts
+var share_card_default = Share_card;
+export {
+  share_card_default as default,
+  Share_card as ShareCard
+};
+
+//# debugId=D6EA2C2DE6BF30CE64756E2164756E21

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

@@ -0,0 +1,115 @@
+@layer cinder.tokens, cinder.foundation, cinder.components, cinder.utilities;
+@layer cinder.components {
+  .cinder-share-card {
+    display: flex;
+    flex-direction: column;
+    gap: var(--cinder-space-2);
+    padding: var(--cinder-space-3);
+    border: 1px solid var(--cinder-border);
+    border-radius: var(--cinder-radius-md);
+    background-color: var(--cinder-surface);
+    color: var(--cinder-text);
+  }
+
+  .cinder-share-card__preview {
+    border-radius: var(--cinder-radius-sm);
+    overflow: hidden;
+    border: 1px solid var(--cinder-border);
+  }
+
+  .cinder-share-card__meta {
+    display: flex;
+    flex-direction: column;
+    gap: var(--cinder-space-1);
+  }
+
+  .cinder-share-card__title {
+    font-weight: 600;
+    font-size: var(--cinder-text-sm);
+    margin: 0;
+    color: var(--cinder-text);
+  }
+
+  .cinder-share-card__description {
+    font-size: var(--cinder-text-xs);
+    color: var(--cinder-text-muted);
+    margin: 0;
+  }
+
+  .cinder-share-card__value {
+    display: flex;
+    align-items: center;
+    gap: var(--cinder-space-1);
+    padding: var(--cinder-space-1) var(--cinder-space-2);
+    border: 1px solid var(--cinder-border);
+    border-radius: var(--cinder-radius-sm);
+    background-color: var(--cinder-surface-inset);
+    font-size: var(--cinder-text-xs);
+    font-family: var(--cinder-font-mono, monospace);
+    min-width: 0;
+  }
+
+  .cinder-share-card__value-text {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    flex: 1;
+    min-width: 0;
+    color: var(--cinder-text-muted);
+    user-select: all;
+  }
+
+  .cinder-share-card__actions {
+    display: flex;
+    flex-wrap: wrap;
+    gap: var(--cinder-space-1);
+  }
+
+  .cinder-share-card__action {
+    display: inline-flex;
+    align-items: center;
+    gap: var(--cinder-space-1);
+    padding: var(--cinder-space-1) var(--cinder-space-2);
+    border: 1px solid var(--cinder-border);
+    border-radius: var(--cinder-radius-sm);
+    background-color: var(--cinder-surface);
+    color: var(--cinder-text);
+    cursor: pointer;
+    font-size: var(--cinder-text-sm);
+    font-weight: 500;
+    transition:
+      background-color 0.15s ease,
+      border-color 0.15s ease;
+    white-space: nowrap;
+  }
+
+  @media (hover: hover) {
+    .cinder-share-card__action:hover {
+      background-color: var(--cinder-surface-raised);
+      border-color: var(--cinder-border-strong);
+    }
+  }
+
+  .cinder-share-card__action:focus-visible {
+    outline: var(--cinder-ring-width) solid transparent;
+    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);
+  }
+
+  .cinder-share-card__action[data-cinder-copied] {
+    color: var(--cinder-color-success-fg);
+    border-color: var(--cinder-color-success-border);
+  }
+
+  .cinder-share-card__action-icon {
+    display: inline-flex;
+    align-items: center;
+    flex-shrink: 0;
+  }
+
+  .cinder-share-card__icon {
+    width: 1em;
+    height: 1em;
+  }
+}

package/dist/components/share-card/share-card.schema.d.ts

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

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

@@ -0,0 +1,113 @@
+var __create = Object.create;
+var __getProtoOf = Object.getPrototypeOf;
+var __defProp = Object.defineProperty;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+function __accessProp(key) {
+  return this[key];
+}
+var __toESMCache_node;
+var __toESMCache_esm;
+var __toESM = (mod, isNodeMode, target) => {
+  var canCache = mod != null && typeof mod === "object";
+  if (canCache) {
+    var cache = isNodeMode ? __toESMCache_node ??= new WeakMap : __toESMCache_esm ??= new WeakMap;
+    var cached = cache.get(mod);
+    if (cached)
+      return cached;
+  }
+  target = mod != null ? __create(__getProtoOf(mod)) : {};
+  const to = isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target;
+  for (let key of __getOwnPropNames(mod))
+    if (!__hasOwnProp.call(to, key))
+      __defProp(to, key, {
+        get: __accessProp.bind(mod, key),
+        enumerable: true
+      });
+  if (canCache)
+    cache.set(mod, to);
+  return to;
+};
+var __commonJS = (cb, mod) => () => (mod || cb((mod = { exports: {} }).exports, mod), mod.exports);
+var __returnValue = (v) => v;
+function __exportSetter(name, newValue) {
+  this[name] = __returnValue.bind(null, newValue);
+}
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, {
+      get: all[name],
+      enumerable: true,
+      configurable: true,
+      set: __exportSetter.bind(all, name)
+    });
+};
+var __esm = (fn, res) => () => (fn && (res = fn(fn = 0)), res);
+var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
+  get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
+}) : x)(function(x) {
+  if (typeof require !== "undefined")
+    return require.apply(this, arguments);
+  throw Error('Dynamic require of "' + x + '" is not supported');
+});
+
+// src/components/share-card/share-card.schema.ts
+var schema = {
+  $schema: "https://json-schema.org/draft/2020-12/schema",
+  type: "object",
+  properties: {
+    value: {
+      type: "string",
+      description: "The URL or text to share/copy."
+    },
+    title: {
+      type: "string",
+      description: "Human-readable title for the share card."
+    },
+    description: {
+      type: "string",
+      description: "Additional descriptive text."
+    },
+    copyLinkLabel: {
+      type: "string",
+      description: "Label for the copy-link button."
+    },
+    copiedLabel: {
+      type: "string",
+      description: "Label shown after a successful copy."
+    },
+    shareLabel: {
+      type: "string",
+      description: "Label for the native-share button."
+    },
+    confirmDuration: {
+      type: "number",
+      description: "Duration in ms to show the copied confirmation state.",
+      default: 2000
+    },
+    class: {
+      type: "string",
+      description: "Additional class names merged with `.cinder-share-card`."
+    }
+  },
+  additionalProperties: false,
+  required: ["value"],
+  metadata: {
+    unsupportedProps: [
+      {
+        name: "actions",
+        reason: "unknown-shape"
+      },
+      {
+        name: "preview",
+        reason: "function-or-snippet"
+      }
+    ]
+  }
+};
+var share_card_schema_default = schema;
+export {
+  share_card_schema_default as default
+};
+
+//# debugId=C8758E3697505CB264756E2164756E21

package/dist/components/share-card/share-card.svelte.d.ts

@@ -0,0 +1,18 @@
+/**
+ * @cinder
+ * @category action
+ * @status alpha
+ * @purpose Compact share card with copy-link, copy-text, and native navigator.share actions, with accessible success announcements and graceful fallback when navigator.share is unavailable.
+ * @tag action
+ * @tag clipboard
+ * @useWhen Offering a quick way to share a link or text with copy and native share options.
+ * @useWhen Presenting a result, invite link, or exported report link with sharing affordances.
+ * @avoidWhen Generating the share text or images — compose ShareCard with your own copy generation logic.
+ * @avoidWhen Posting directly to social media or analytics — wire those externally.
+ * @related copy-button, card, button
+ */
+export type { ShareCardAction, ShareCardProps } from './share-card.types.ts';
+import type { ShareCardProps } from './share-card.types.ts';
+declare const ShareCard: import("svelte").Component<ShareCardProps, {}, "">;
+type ShareCard = ReturnType<typeof ShareCard>;
+export default ShareCard;