@lostgradient/cinder 0.4.0 → 0.4.1

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

@@ -0,0 +1,189 @@
+import {
+  useResizeObserver
+} from "./index.server-9w7qdn8h.js";
+import {
+  dataTableClass,
+  formatNumericValue
+} from "./index.server-chj73na5.js";
+import {
+  classNames
+} from "./index.server-z7nvkz8v.js";
+
+// src/components/spectrum-chart/spectrum-chart.svelte
+import * as $ from "svelte/internal/server";
+function Spectrum_chart($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    const generatedId = $.props_id($$renderer2);
+    let {
+      label,
+      description,
+      bins,
+      height = 160,
+      loading = false,
+      dataTableVisibility = "screen-reader-only",
+      dataTableCaption,
+      class: customClassName,
+      empty,
+      loadingContent,
+      id,
+      $$slots,
+      $$events,
+      ...rest
+    } = $$props;
+    const rootId = $.derived(() => id ?? generatedId);
+    const descriptionId = $.derived(() => description ? `${rootId()}-description` : undefined);
+    const marginTop = 8;
+    const marginRight = 8;
+    const marginBottom = 32;
+    const marginLeft = 40;
+    let measuredWidth = 400;
+    const observeResize = useResizeObserver((entries) => {
+      const entry = entries[0];
+      if (entry && entry.contentRect.width > 0)
+        measuredWidth = entry.contentRect.width;
+    });
+    const plotWidth = $.derived(() => Math.max(1, measuredWidth - marginLeft - marginRight));
+    const plotHeight = $.derived(() => Math.max(1, height - marginTop - marginBottom));
+    const isEmpty = $.derived(() => bins.length === 0);
+    function sanitizeMagnitude(value) {
+      return Number.isFinite(value) && value > 0 ? value : 0;
+    }
+    const maxValue = $.derived(() => {
+      let max = 0;
+      for (const bin of bins) {
+        const magnitude = sanitizeMagnitude(bin.value);
+        if (magnitude > max)
+          max = magnitude;
+      }
+      return max;
+    });
+    const tickCount = 5;
+    const yTicks = $.derived(() => {
+      if (maxValue() <= 0)
+        return [0];
+      return Array.from({ length: tickCount }, (_, index) => maxValue() * index / (tickCount - 1));
+    });
+    function scaleY(value) {
+      if (maxValue() <= 0)
+        return plotHeight();
+      return plotHeight() - value / maxValue() * plotHeight();
+    }
+    const barWidth = $.derived(() => bins.length > 0 ? plotWidth() / bins.length : 0);
+    const spectrumBars = $.derived(() => {
+      return bins.map((bin, index) => {
+        const magnitude = sanitizeMagnitude(bin.value);
+        const barHeight = maxValue() > 0 ? magnitude / maxValue() * plotHeight() : 0;
+        return {
+          x: index * barWidth() + 1,
+          y: plotHeight() - barHeight,
+          barHeight,
+          barWidth: Math.max(1, barWidth() - 2),
+          label: bin.label,
+          value: magnitude
+        };
+      });
+    });
+    const maxXLabels = 8;
+    const xLabelStep = $.derived(() => Math.max(1, Math.ceil(bins.length / maxXLabels)));
+    const hasDataTable = $.derived(() => dataTableVisibility !== "hidden");
+    $$renderer2.push(`<figure${$.attributes({
+      ...rest,
+      id: rootId(),
+      class: $.clsx(classNames("cinder-spectrum-chart", customClassName)),
+      "aria-label": label,
+      "aria-describedby": descriptionId()
+    })}>`);
+    if (description) {
+      $$renderer2.push("<!--[0-->");
+      $$renderer2.push(`<p${$.attr("id", descriptionId())} class="cinder-spectrum-chart__description">${$.escape(description)}</p>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--> <div class="cinder-spectrum-chart__viewport"${$.attr("data-cinder-loading", loading || undefined)}${$.attr_style("", { height: `${$.stringify(height)}px` })}>`);
+    if (loading) {
+      $$renderer2.push("<!--[0-->");
+      $$renderer2.push(`<div class="cinder-spectrum-chart__state">`);
+      if (loadingContent) {
+        $$renderer2.push("<!--[0-->");
+        loadingContent($$renderer2);
+        $$renderer2.push(`<!---->`);
+      } else {
+        $$renderer2.push("<!--[-1-->");
+        $$renderer2.push(`Loading…`);
+      }
+      $$renderer2.push(`<!--]--></div>`);
+    } else if (isEmpty()) {
+      $$renderer2.push("<!--[1-->");
+      $$renderer2.push(`<div class="cinder-spectrum-chart__state">`);
+      if (empty) {
+        $$renderer2.push("<!--[0-->");
+        empty($$renderer2);
+        $$renderer2.push(`<!---->`);
+      } else {
+        $$renderer2.push("<!--[-1-->");
+        $$renderer2.push(`No spectrum data`);
+      }
+      $$renderer2.push(`<!--]--></div>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--> <svg role="img"${$.attr("viewBox", `0 0 ${measuredWidth} ${height}`)}${$.attr("aria-hidden", loading || isEmpty() ? "true" : undefined)}${$.attr("aria-labelledby", !loading && !isEmpty() ? `${rootId()}-svg-title` : undefined)}>`);
+    if (!loading && !isEmpty()) {
+      $$renderer2.push("<!--[0-->");
+      $$renderer2.push(`<title${$.attr("id", `${$.stringify(rootId())}-svg-title`)}>${$.escape(label)}</title>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]-->`);
+    if (!loading && !isEmpty()) {
+      $$renderer2.push("<!--[0-->");
+      $$renderer2.push(`<g${$.attr("transform", `translate(${marginLeft}, ${marginTop})`)}><!--[-->`);
+      const each_array = $.ensure_array_like(yTicks());
+      for (let index = 0, $$length = each_array.length;index < $$length; index++) {
+        let tick = each_array[index];
+        $$renderer2.push(`<text class="cinder-spectrum-chart__tick-label"${$.attr("x", -6)}${$.attr("y", scaleY(tick))} text-anchor="end" dominant-baseline="middle">${$.escape(formatNumericValue(tick, undefined, undefined, { index }))}</text><line class="cinder-spectrum-chart__grid-line" x1="0"${$.attr("x2", plotWidth())}${$.attr("y1", scaleY(tick))}${$.attr("y2", scaleY(tick))} aria-hidden="true"></line>`);
+      }
+      $$renderer2.push(`<!--]--><!--[-->`);
+      const each_array_1 = $.ensure_array_like(spectrumBars());
+      for (let index = 0, $$length = each_array_1.length;index < $$length; index++) {
+        let bar = each_array_1[index];
+        $$renderer2.push(`<rect class="cinder-spectrum-chart__bar"${$.attr("x", bar.x)}${$.attr("y", bar.y)}${$.attr("width", bar.barWidth)}${$.attr("height", bar.barHeight)} aria-hidden="true"${$.attr("data-cinder-bin", bar.label)}></rect>`);
+      }
+      $$renderer2.push(`<!--]--><!--[-->`);
+      const each_array_2 = $.ensure_array_like(spectrumBars());
+      for (let index = 0, $$length = each_array_2.length;index < $$length; index++) {
+        let bar = each_array_2[index];
+        if (index % xLabelStep() === 0) {
+          $$renderer2.push("<!--[0-->");
+          $$renderer2.push(`<text class="cinder-spectrum-chart__tick-label"${$.attr("x", bar.x + bar.barWidth / 2)}${$.attr("y", plotHeight() + 16)} text-anchor="middle" dominant-baseline="auto">${$.escape(bar.label)}</text>`);
+        } else {
+          $$renderer2.push("<!--[-1-->");
+        }
+        $$renderer2.push(`<!--]-->`);
+      }
+      $$renderer2.push(`<!--]--></g>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--></svg></div> `);
+    if (hasDataTable()) {
+      $$renderer2.push("<!--[0-->");
+      $$renderer2.push(`<table${$.attr_class($.clsx(dataTableClass(dataTableVisibility)))}><caption>${$.escape(dataTableCaption ?? label)}</caption><thead><tr><th scope="col">Frequency</th><th scope="col">Magnitude</th></tr></thead><tbody><!--[-->`);
+      const each_array_3 = $.ensure_array_like(spectrumBars());
+      for (let index = 0, $$length = each_array_3.length;index < $$length; index++) {
+        let bar = each_array_3[index];
+        $$renderer2.push(`<tr><td>${$.escape(bar.label)}</td><td>${$.escape(formatNumericValue(bar.value, undefined, undefined, { index }))}</td></tr>`);
+      }
+      $$renderer2.push(`<!--]--></tbody></table>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--></figure>`);
+  });
+}
+
+// src/components/spectrum-chart/index.ts
+var spectrum_chart_default = Spectrum_chart;
+export { Spectrum_chart, spectrum_chart_default };
+
+//# debugId=0B45D7FF658E977364756E2164756E21

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

@@ -0,0 +1,49 @@
+// src/utilities/use-mutation-observer.svelte.ts
+import * as $ from "svelte/internal/server";
+function useMutationObserver(onMutate, options = {}) {
+  const {
+    childList,
+    attributes,
+    characterData,
+    subtree,
+    attributeFilter,
+    attributeOldValue,
+    characterDataOldValue,
+    enabled = () => true
+  } = options;
+  const init = {};
+  if (childList !== undefined)
+    init.childList = childList;
+  if (attributes !== undefined)
+    init.attributes = attributes;
+  if (characterData !== undefined)
+    init.characterData = characterData;
+  if (subtree !== undefined)
+    init.subtree = subtree;
+  if (attributeFilter !== undefined)
+    init.attributeFilter = attributeFilter;
+  if (attributeOldValue !== undefined)
+    init.attributeOldValue = attributeOldValue;
+  if (characterDataOldValue !== undefined)
+    init.characterDataOldValue = characterDataOldValue;
+  if (init.childList === undefined && init.attributes === undefined && init.characterData === undefined) {
+    init.childList = true;
+  }
+  return (node) => {
+    if (typeof MutationObserver === "undefined") {
+      return () => {};
+    }
+    let observer = null;
+    const disconnectObserver = () => {
+      observer?.disconnect();
+      observer = null;
+    };
+    return () => {
+      disconnectObserver();
+    };
+  };
+}
+
+export { useMutationObserver };
+
+//# debugId=EFE5C1C7D7CF785A64756E2164756E21

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

@@ -0,0 +1,40 @@
+// src/_internal/collection.ts
+function createSingleSelection(getValue, setValue) {
+  return {
+    get value() {
+      return getValue();
+    },
+    select(next) {
+      setValue(next);
+    },
+    isSelected(candidate) {
+      return getValue() === candidate;
+    }
+  };
+}
+function createMultiSelection(getValues, setValues) {
+  return {
+    get values() {
+      return getValues();
+    },
+    toggle(item) {
+      const current = getValues();
+      const index = current.indexOf(item);
+      if (index === -1) {
+        setValues([...current, item]);
+      } else {
+        setValues(current.filter((existing) => existing !== item));
+      }
+    },
+    isSelected(candidate) {
+      return getValues().includes(candidate);
+    }
+  };
+}
+function rovingTabIndex(isActive) {
+  return isActive ? 0 : -1;
+}
+
+export { createSingleSelection, createMultiSelection, rovingTabIndex };
+
+//# debugId=06C4BB518824C12664756E2164756E21

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

@@ -0,0 +1,9 @@
+import {
+  Chip
+} from "./index.server-xp53vmj5.js";
+
+// src/components/chip/index.ts
+var chip_default = Chip;
+export { chip_default };
+
+//# debugId=E2186FFCDD3AFD0864756E2164756E21

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

@@ -0,0 +1,37 @@
+import {
+  Icon
+} from "./index.server-2ymxf0ra.js";
+
+// ../../node_modules/lucide-svelte/dist/icons/file-code.svelte
+import * as $ from "svelte/internal/server";
+function File_code($$renderer, $$props) {
+  const $$sanitized_props = $.sanitize_props($$props);
+  const iconNode = [
+    ["path", { d: "M10 12.5 8 15l2 2.5" }],
+    ["path", { d: "m14 12.5 2 2.5-2 2.5" }],
+    ["path", { d: "M14 2v4a2 2 0 0 0 2 2h4" }],
+    [
+      "path",
+      {
+        d: "M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7z"
+      }
+    ]
+  ];
+  Icon($$renderer, $.spread_props([
+    { name: "file-code" },
+    $$sanitized_props,
+    {
+      iconNode,
+      children: ($$renderer2) => {
+        $$renderer2.push(`<!--[-->`);
+        $.slot($$renderer2, $$props, "default", {}, null);
+        $$renderer2.push(`<!--]-->`);
+      },
+      $$slots: { default: true }
+    }
+  ]));
+}
+
+export { File_code };
+
+//# debugId=D500C779F923382864756E2164756E21

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

@@ -0,0 +1,9 @@
+import {
+  Drawer
+} from "./index.server-s0xz0vmh.js";
+
+// src/components/drawer/index.ts
+var drawer_default = Drawer;
+export { drawer_default };
+
+//# debugId=6D073A35C93EE62864756E2164756E21

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

@@ -0,0 +1,72 @@
+import {
+  classNames
+} from "./index.server-z7nvkz8v.js";
+
+// src/components/status-dot/status-dot.svelte
+import * as $ from "svelte/internal/server";
+function Status_dot($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    const connectionStatusMap = {
+      connected: "online",
+      connecting: "warning",
+      disconnected: "offline",
+      error: "danger"
+    };
+    const connectionLabels = {
+      connected: "Connected",
+      connecting: "Connecting",
+      disconnected: "Disconnected",
+      error: "Error"
+    };
+    let {
+      status,
+      connectionState,
+      label,
+      live,
+      showLabel = true,
+      size = "md",
+      class: className,
+      "aria-label": ariaLabel,
+      $$slots,
+      $$events,
+      ...rest
+    } = $$props;
+    const normalizedAriaLabel = $.derived(() => ariaLabel?.trim() ? ariaLabel.trim() : undefined);
+    const resolvedStatus = $.derived(() => status ?? (connectionState === undefined ? "neutral" : connectionStatusMap[connectionState]));
+    const resolvedLive = $.derived(() => live ?? connectionState !== undefined);
+    const normalizedLabel = $.derived(() => label?.trim() ? label.trim() : connectionState === undefined ? undefined : connectionLabels[connectionState]);
+    const hasVisibleLabel = $.derived(() => showLabel && normalizedLabel() !== undefined);
+    const resolvedAriaLabel = $.derived(() => normalizedAriaLabel() ?? normalizedLabel() ?? resolvedStatus());
+    const visibleLabelIsLiveDuplicate = $.derived(() => resolvedLive() && normalizedLabel() !== undefined && resolvedAriaLabel() !== normalizedLabel());
+    const needsHiddenLiveLabel = $.derived(() => resolvedLive() && (!hasVisibleLabel() || visibleLabelIsLiveDuplicate()));
+    $$renderer2.push(`<span${$.attributes({
+      ...rest,
+      class: $.clsx(classNames("cinder-status-dot", className)),
+      "data-cinder-status": resolvedStatus(),
+      "data-cinder-state": connectionState,
+      "data-cinder-size": size,
+      role: resolvedLive() ? "status" : "img",
+      "aria-live": resolvedLive() ? "polite" : undefined,
+      "aria-atomic": resolvedLive() ? "true" : undefined,
+      "aria-label": resolvedLive() ? undefined : resolvedAriaLabel()
+    })}><span class="cinder-status-dot__indicator" aria-hidden="true"></span> `);
+    if (hasVisibleLabel()) {
+      $$renderer2.push("<!--[0-->");
+      $$renderer2.push(`<span class="cinder-status-dot__label"${$.attr("aria-hidden", visibleLabelIsLiveDuplicate() ? "true" : undefined)}>${$.escape(normalizedLabel())}</span>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--> `);
+    if (needsHiddenLiveLabel()) {
+      $$renderer2.push("<!--[0-->");
+      $$renderer2.push(`<span class="cinder-sr-only">${$.escape(resolvedAriaLabel())}</span>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--></span>`);
+  });
+}
+
+export { Status_dot };
+
+//# debugId=6A3C1E01BB32CE1B64756E2164756E21

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

@@ -0,0 +1,117 @@
+import {
+  copyToClipboard
+} from "./index.server-vmsmaztb.js";
+import {
+  _visually_hidden_live_region
+} from "./index.server-hmw4afhn.js";
+import {
+  classNames
+} from "./index.server-z7nvkz8v.js";
+
+// src/components/secret-value-field/secret-value-field.svelte
+import * as $ from "svelte/internal/server";
+import { onDestroy, untrack } from "svelte";
+function Secret_value_field($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    const fieldId = $.props_id($$renderer2);
+    let {
+      value,
+      prefix,
+      suffix,
+      label = "Secret value",
+      allowReveal = false,
+      initiallyRevealed = false,
+      confirmDuration = 1500,
+      copiedLabel = "Copied",
+      warning,
+      class: className,
+      $$slots,
+      $$events,
+      ...rest
+    } = $$props;
+    let revealed = untrack(() => initiallyRevealed);
+    let previousValue = untrack(() => value);
+    let copied = false;
+    let resetTimer;
+    const copiedAnnouncement = $.derived(() => copied ? copiedLabel : "");
+    const MASK = "••••••••••••••••";
+    async function handleCopy() {
+      const ok = await copyToClipboard(value);
+      if (!ok)
+        return;
+      copied = true;
+      if (resetTimer)
+        clearTimeout(resetTimer);
+      resetTimer = setTimeout(() => {
+        copied = false;
+      }, confirmDuration);
+    }
+    function handleRevealToggle() {
+      if (!allowReveal)
+        return;
+      revealed = !revealed;
+    }
+    onDestroy(() => {
+      if (resetTimer)
+        clearTimeout(resetTimer);
+    });
+    $$renderer2.push(`<div${$.attributes({
+      ...rest,
+      class: $.clsx(classNames("cinder-secret-value-field", className)),
+      "data-cinder-copied": copied || undefined,
+      "data-cinder-revealed": revealed || undefined
+    })}><span${$.attr("id", fieldId)} class="cinder-secret-value-field__label">${$.escape(label)}</span> <div class="cinder-secret-value-field__row" role="group"${$.attr("aria-labelledby", fieldId)}>`);
+    if (prefix) {
+      $$renderer2.push("<!--[0-->");
+      $$renderer2.push(`<span class="cinder-secret-value-field__prefix" aria-hidden="true">${$.escape(prefix)}</span>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--> <span class="cinder-secret-value-field__value"${$.attr("aria-label", revealed ? `${label}, revealed` : `${label}, masked`)}${$.attr("data-cinder-masked", !revealed || undefined)}>${$.escape(revealed ? value : MASK)}</span> `);
+    if (suffix) {
+      $$renderer2.push("<!--[0-->");
+      $$renderer2.push(`<span class="cinder-secret-value-field__suffix" aria-hidden="true">${$.escape(suffix)}</span>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--> <div class="cinder-secret-value-field__actions">`);
+    if (allowReveal) {
+      $$renderer2.push("<!--[0-->");
+      $$renderer2.push(`<button type="button" class="cinder-secret-value-field__toggle"${$.attr("aria-pressed", revealed)}${$.attr("aria-label", revealed ? `Hide ${label}` : `Reveal ${label}`)}>`);
+      if (revealed) {
+        $$renderer2.push("<!--[0-->");
+        $$renderer2.push(`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="cinder-secret-value-field__icon" aria-hidden="true"><path fill-rule="evenodd" d="M3.28 2.22a.75.75 0 00-1.06 1.06l14.5 14.5a.75.75 0 101.06-1.06l-1.745-1.745a10.029 10.029 0 003.3-4.38 1.651 1.651 0 000-1.185A10.004 10.004 0 009.999 3a9.956 9.956 0 00-4.744 1.194L3.28 2.22zM7.752 6.69l1.092 1.092a2.5 2.5 0 013.374 3.373l1.091 1.092a4 4 0 00-5.557-5.557z" clip-rule="evenodd"></path><path d="M10.748 13.93l2.523 2.524a9.987 9.987 0 01-3.27.547c-4.258 0-7.894-2.66-9.337-6.41a1.651 1.651 0 010-1.186A10.007 10.007 0 012.839 6.02L6.07 9.252a4 4 0 004.678 4.678z"></path></svg>`);
+      } else {
+        $$renderer2.push("<!--[-1-->");
+        $$renderer2.push(`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="cinder-secret-value-field__icon" aria-hidden="true"><path d="M10 12.5a2.5 2.5 0 100-5 2.5 2.5 0 000 5z"></path><path fill-rule="evenodd" d="M.664 10.59a1.651 1.651 0 010-1.186A10.004 10.004 0 0110 3c4.257 0 7.893 2.66 9.336 6.41.147.381.146.804 0 1.186A10.004 10.004 0 0110 17c-4.257 0-7.893-2.66-9.336-6.41zM14 10a4 4 0 11-8 0 4 4 0 018 0z" clip-rule="evenodd"></path></svg>`);
+      }
+      $$renderer2.push(`<!--]--></button>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--> <button type="button" class="cinder-secret-value-field__copy"${$.attr("aria-label", `Copy ${label}`)}${$.attr("data-cinder-copied", copied || undefined)}>`);
+    if (copied) {
+      $$renderer2.push("<!--[0-->");
+      $$renderer2.push(`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="cinder-secret-value-field__icon" aria-hidden="true"><path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 01.143 1.052l-8 10.5a.75.75 0 01-1.127.075l-4.5-4.5a.75.75 0 011.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 011.05-.143z" clip-rule="evenodd"></path></svg>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+      $$renderer2.push(`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="cinder-secret-value-field__icon" aria-hidden="true"><path d="M7 3.5A1.5 1.5 0 018.5 2h3.879a1.5 1.5 0 011.06.44l3.122 3.12A1.5 1.5 0 0117 6.622V12.5a1.5 1.5 0 01-1.5 1.5h-1v-3.379a3 3 0 00-.879-2.121L10.5 5.379A3 3 0 008.379 4.5H7v-1z"></path><path d="M4.5 6A1.5 1.5 0 003 7.5v9A1.5 1.5 0 004.5 18h7a1.5 1.5 0 001.5-1.5v-5.879a1.5 1.5 0 00-.44-1.06L9.44 6.439A1.5 1.5 0 008.378 6H4.5z"></path></svg>`);
+    }
+    $$renderer2.push(`<!--]--></button></div></div> `);
+    if (warning) {
+      $$renderer2.push("<!--[0-->");
+      $$renderer2.push(`<div class="cinder-secret-value-field__warning">`);
+      warning($$renderer2);
+      $$renderer2.push(`<!----></div>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--> `);
+    _visually_hidden_live_region($$renderer2, { message: copiedAnnouncement() });
+    $$renderer2.push(`<!----></div>`);
+  });
+}
+
+export { Secret_value_field };
+
+//# debugId=446A36D00153E0A064756E2164756E21

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

@@ -0,0 +1,9 @@
+import {
+  Search_field
+} from "./index.server-zbf09rvx.js";
+
+// src/components/search-field/index.ts
+var search_field_default = Search_field;
+export { search_field_default };
+
+//# debugId=4EB6B6A9317BC7BB64756E2164756E21

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

@@ -0,0 +1,9 @@
+import {
+  Table_row
+} from "./index.server-5s9645md.js";
+
+// src/components/table-row/index.ts
+var table_row_default = Table_row;
+export { table_row_default };
+
+//# debugId=E67F6D16E66CD59064756E2164756E21

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

@@ -0,0 +1,126 @@
+import {
+  createAnchoredOverlay
+} from "./index.server-94b7tjs5.js";
+import {
+  createPortalAttachment
+} from "./index.server-mm4g29h0.js";
+import {
+  createClickOutside
+} from "./index.server-1vsv7ngz.js";
+import {
+  classNames
+} from "./index.server-z7nvkz8v.js";
+
+// src/components/popover/popover.svelte
+import * as $ from "svelte/internal/server";
+import { onDestroy, untrack } from "svelte";
+function Popover($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    const generatedPanelId = $.props_id($$renderer2);
+    let {
+      id: panelIdProp,
+      open = false,
+      placement = "bottom-start",
+      offset = 8,
+      showArrow = false,
+      label,
+      ariaLabelledby,
+      triggerRef = null,
+      trigger,
+      children,
+      role = "dialog",
+      focusManagement = "panel",
+      wireTriggerAria = true,
+      closeOnEscape = true,
+      widthMode = "content",
+      class: className
+    } = $$props;
+    const FOCUSABLE_SELECTOR = 'button:not([disabled]), a[href], [tabindex]:not([tabindex="-1"]), input:not([disabled]), select:not([disabled]), textarea:not([disabled])';
+    function findFirstFocusable(container) {
+      if (!container)
+        return null;
+      const candidates = container.querySelectorAll(FOCUSABLE_SELECTOR);
+      for (const el of candidates) {
+        if (el.closest('[hidden], [inert], [aria-hidden="true"]'))
+          continue;
+        return el;
+      }
+      return null;
+    }
+    let triggerWrapper = undefined;
+    let panelElement = undefined;
+    let arrowElement = undefined;
+    const panelId = $.derived(() => panelIdProp ?? generatedPanelId);
+    const anchorElement = $.derived(() => triggerRef && triggerRef.isConnected ? triggerRef : findFirstFocusable(triggerWrapper) ?? null);
+    const resolvedAriaLabel = $.derived(() => ariaLabelledby ? undefined : role === "dialog" ? label ?? "Popover" : label);
+    let mounted = false;
+    let capturedFocus = null;
+    let resolvedAnchorAtOpen = null;
+    let pendingInitialFocus = false;
+    let openSessionFocusManagement = "panel";
+    let isDestroyed = false;
+    onDestroy(() => {
+      isDestroyed = true;
+    });
+    const portalAttachment = createPortalAttachment({
+      target: () => document.body,
+      inheritAttributes: true,
+      source: () => anchorElement() ?? null
+    });
+    const anchoredOverlay = createAnchoredOverlay({
+      open: () => open,
+      anchor: () => anchorElement(),
+      panel: () => panelElement,
+      arrow: () => arrowElement,
+      placement: () => placement,
+      offset: () => offset,
+      showArrow: () => showArrow,
+      widthMode: () => widthMode
+    });
+    const dismissOnOutsideMousedown = $.derived(() => createClickOutside({
+      handler: () => {
+        open = false;
+      },
+      enabled: () => open,
+      eventType: "mousedown",
+      capture: true,
+      ignoreRefs: [() => resolvedAnchorAtOpen ?? null]
+    }));
+    function moveFocusIntoPanel() {
+      if (isDestroyed || !panelElement)
+        return;
+      const focusable = findFirstFocusable(panelElement);
+      (focusable ?? panelElement).focus();
+    }
+    if (trigger) {
+      $$renderer2.push("<!--[0-->");
+      $$renderer2.push(`<div class="cinder-popover__trigger">`);
+      trigger($$renderer2);
+      $$renderer2.push(`<!----></div>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--> `);
+    if (mounted && open && anchorElement()) {
+      $$renderer2.push("<!--[0-->");
+      $$renderer2.push(`<div${$.attr("id", panelId())}${$.attr("role", role)}${$.attr("aria-label", resolvedAriaLabel())}${$.attr("aria-labelledby", ariaLabelledby)}${$.attr("aria-hidden", anchoredOverlay.positionReady ? undefined : "true")}${$.attr_class($.clsx(classNames("cinder-_floating-surface", "cinder-popover", className)))}${$.attr("data-cinder-placement", anchoredOverlay.resolvedPlacement)}${$.attr("data-cinder-position-ready", anchoredOverlay.positionReady)}${$.attr_style(anchoredOverlay.positionStyle)} tabindex="-1">`);
+      children($$renderer2);
+      $$renderer2.push(`<!----> `);
+      if (showArrow) {
+        $$renderer2.push("<!--[0-->");
+        $$renderer2.push(`<span class="cinder-popover__arrow" aria-hidden="true"${$.attr_style(anchoredOverlay.arrowStyle)}></span>`);
+      } else {
+        $$renderer2.push("<!--[-1-->");
+      }
+      $$renderer2.push(`<!--]--></div>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]-->`);
+    $.bind_props($$props, { open });
+  });
+}
+
+export { Popover };
+
+//# debugId=3F16DF5D0E5D812E64756E2164756E21