@lostgradient/cinder 0.4.0 → 0.5.0

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

@@ -0,0 +1,68 @@
+import {
+  getDropdownContext,
+  getDropdownRegisterTrigger,
+  getDropdownSetOpen
+} from "./index.server-et3p2cfq.js";
+import {
+  classNames
+} from "./index.server-z7nvkz8v.js";
+
+// src/components/dropdown-trigger/dropdown-trigger.svelte
+import * as $ from "svelte/internal/server";
+function Dropdown_trigger($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    let {
+      class: customClassName,
+      showCaret = true,
+      children,
+      onclick,
+      $$slots,
+      $$events,
+      ...rest
+    } = $$props;
+    const context = getDropdownContext();
+    const registerTrigger = getDropdownRegisterTrigger();
+    const setOpen = getDropdownSetOpen();
+    function attachTrigger(node) {
+      registerTrigger(node);
+      return () => registerTrigger(null);
+    }
+    function handleClick(event) {
+      if (typeof onclick === "function") {
+        onclick(event);
+      }
+      if (!event.defaultPrevented && !context.supportsPopover) {
+        setOpen(!context.isOpen);
+      }
+    }
+    $$renderer2.push(`<button${$.attributes({
+      type: "button",
+      class: $.clsx(classNames("cinder-dropdown-trigger", customClassName)),
+      style: `anchor-name: --${context.menuId};`,
+      "aria-haspopup": "menu",
+      "aria-expanded": context.isOpen,
+      "aria-controls": context.menuId,
+      popovertarget: context.supportsPopover ? context.menuId : undefined,
+      ...rest
+    })}>`);
+    if (children) {
+      $$renderer2.push("<!--[0-->");
+      children($$renderer2);
+      $$renderer2.push(`<!---->`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--> `);
+    if (showCaret) {
+      $$renderer2.push("<!--[0-->");
+      $$renderer2.push(`<svg class="cinder-dropdown-trigger__caret" aria-hidden="true" focusable="false" viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M6 8l4 4 4-4"></path></svg>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--></button>`);
+  }, Dropdown_trigger);
+}
+
+export { Dropdown_trigger };
+
+//# debugId=ECCE1F7A5380515F64756E2164756E21

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

@@ -0,0 +1,9 @@
+import {
+  Table_header_cell
+} from "./index.server-8gv0tm3r.js";
+
+// src/components/table-header-cell/index.ts
+var table_header_cell_default = Table_header_cell;
+export { table_header_cell_default };
+
+//# debugId=B9F403371B14F4EB64756E2164756E21

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

@@ -0,0 +1,100 @@
+import {
+  classNames
+} from "./index.server-z7nvkz8v.js";
+
+// src/components/badge/badge.svelte
+import * as $ from "svelte/internal/server";
+function Badge($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    const subscriptionStateConfigurations = {
+      active: { variant: "success", label: "Active" },
+      trialing: { variant: "info", label: "Trialing" },
+      "past-due": { variant: "warning", label: "Past due" },
+      canceled: { variant: "neutral", label: "Canceled" },
+      expired: { variant: "danger", label: "Expired" },
+      refunded: { variant: "neutral", label: "Refunded" }
+    };
+    const subscriptionStateIconPaths = {
+      active: ["M21.801 10A10 10 0 1 1 17 3.335", "m9 11 3 3L22 4"],
+      trialing: ["M12 6v6l4 2", "M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"],
+      "past-due": [
+        "m21.73 18-8-14a2 2 0 0 0-3.46 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3Z",
+        "M12 9v4",
+        "M12 17h.01"
+      ],
+      canceled: [
+        "M15 9 9 15",
+        "M9 9l6 6",
+        "M22 12A10 10 0 1 1 12 2a10 10 0 0 1 10 10Z"
+      ],
+      expired: [
+        "M8 2v4",
+        "M16 2v4",
+        "M21 13V6a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h8",
+        "M3 10h18",
+        "m17 14-5-5",
+        "m12 14 5 5"
+      ],
+      refunded: [
+        "M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8",
+        "M3 3v5h5"
+      ]
+    };
+    let {
+      variant = "neutral",
+      size = "md",
+      mono = false,
+      subscriptionState,
+      class: customClassName,
+      children,
+      $$slots,
+      $$events,
+      ...rest
+    } = $$props;
+    const subscriptionStateConfiguration = $.derived(() => subscriptionState === undefined ? undefined : subscriptionStateConfigurations[subscriptionState]);
+    const resolvedVariant = $.derived(() => subscriptionStateConfiguration()?.variant ?? variant);
+    const resolvedSubscriptionIconPaths = $.derived(() => subscriptionState === undefined ? undefined : subscriptionStateIconPaths[subscriptionState]);
+    $$renderer2.push(`<span${$.attributes({
+      class: $.clsx(classNames("cinder-badge", customClassName)),
+      "data-cinder-variant": resolvedVariant(),
+      "data-cinder-size": size,
+      "data-cinder-mono": mono ? "" : undefined,
+      "data-cinder-subscription-state": subscriptionState,
+      ...rest
+    })}>`);
+    if (subscriptionStateConfiguration()) {
+      $$renderer2.push("<!--[0-->");
+      if (resolvedSubscriptionIconPaths()) {
+        $$renderer2.push("<!--[0-->");
+        $$renderer2.push(`<svg class="icon-sm" aria-hidden="true" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><!--[-->`);
+        const each_array = $.ensure_array_like(resolvedSubscriptionIconPaths());
+        for (let $$index = 0, $$length = each_array.length;$$index < $$length; $$index++) {
+          let iconPath = each_array[$$index];
+          $$renderer2.push(`<path${$.attr("d", iconPath)}></path>`);
+        }
+        $$renderer2.push(`<!--]--></svg>`);
+      } else {
+        $$renderer2.push("<!--[-1-->");
+      }
+      $$renderer2.push(`<!--]--> `);
+      if (children) {
+        $$renderer2.push("<!--[0-->");
+        children($$renderer2);
+        $$renderer2.push(`<!---->`);
+      } else {
+        $$renderer2.push("<!--[-1-->");
+        $$renderer2.push(`${$.escape(subscriptionStateConfiguration().label)}`);
+      }
+      $$renderer2.push(`<!--]-->`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+      children?.($$renderer2);
+      $$renderer2.push(`<!---->`);
+    }
+    $$renderer2.push(`<!--]--></span>`);
+  }, Badge);
+}
+
+export { Badge };
+
+//# debugId=666D09814EB53FC964756E2164756E21

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

@@ -0,0 +1,62 @@
+import {
+  classNames
+} from "./index.server-z7nvkz8v.js";
+
+// src/components/feed-event/feed-event.svelte
+import * as $ from "svelte/internal/server";
+function Feed_event($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    let {
+      datetime,
+      variant = "icon",
+      class: className,
+      icon,
+      children,
+      timestamp,
+      timestampLabel,
+      $$slots,
+      $$events,
+      ...rest
+    } = $$props;
+    $$renderer2.push(`<li${$.attributes({
+      ...rest,
+      class: $.clsx(classNames("cinder-feed-event", className)),
+      "data-cinder-variant": variant
+    })}><span class="cinder-feed-event-rail" aria-hidden="true">`);
+    if (variant === "icon") {
+      $$renderer2.push("<!--[0-->");
+      $$renderer2.push(`<span class="cinder-feed-event-icon">`);
+      icon($$renderer2);
+      $$renderer2.push(`<!----></span>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+      $$renderer2.push(`<span class="cinder-feed-event-dot"></span>`);
+    }
+    $$renderer2.push(`<!--]--></span> <div class="cinder-feed-event-body">`);
+    if (children) {
+      $$renderer2.push("<!--[0-->");
+      $$renderer2.push(`<div class="cinder-feed-event-content">`);
+      children($$renderer2);
+      $$renderer2.push(`<!----></div>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--> <time class="cinder-feed-event-time"${$.attr("datetime", datetime)}>`);
+    if (timestampLabel) {
+      $$renderer2.push("<!--[0-->");
+      timestampLabel($$renderer2);
+      $$renderer2.push(`<!---->`);
+    } else if (timestamp !== undefined) {
+      $$renderer2.push("<!--[1-->");
+      $$renderer2.push(`${$.escape(timestamp)}`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+      $$renderer2.push(`${$.escape(datetime)}`);
+    }
+    $$renderer2.push(`<!--]--></time></div></li>`);
+  }, Feed_event);
+}
+
+export { Feed_event };
+
+//# debugId=CD0426ADE7B7B69464756E2164756E21

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

@@ -0,0 +1,151 @@
+import {
+  Lock_keyhole,
+  Minus
+} from "./index.server-3f2jzg7q.js";
+import {
+  Check
+} from "./index.server-wwk0f944.js";
+import {
+  classNames
+} from "./index.server-z7nvkz8v.js";
+
+// src/components/permission-matrix/permission-matrix.svelte
+import * as $ from "svelte/internal/server";
+function Permission_matrix($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    const generatedId = $.props_id($$renderer2);
+    let {
+      label,
+      description,
+      rows,
+      columns,
+      getCellState,
+      onCellClick,
+      stateLabels,
+      rowHeaderLabel = "Scope",
+      loading = false,
+      class: customClassName,
+      empty,
+      loadingContent,
+      id,
+      $$slots,
+      $$events,
+      ...rest
+    } = $$props;
+    const rootId = $.derived(() => id ?? generatedId);
+    const descriptionId = $.derived(() => description ? `${rootId()}-description` : undefined);
+    const isEmpty = $.derived(() => rows.length === 0 || columns.length === 0);
+    const defaultStateLabels = {
+      granted: "granted",
+      denied: "denied",
+      "not-applicable": "not applicable"
+    };
+    const mergedStateLabels = $.derived(() => ({ ...defaultStateLabels, ...stateLabels ?? {} }));
+    function stateLabel(state) {
+      return mergedStateLabels()[state];
+    }
+    function cellLabel(row, column, state) {
+      return `${row.label} × ${column.label}: ${stateLabel(state)}`;
+    }
+    $$renderer2.push(`<figure${$.attributes({
+      ...rest,
+      id: rootId(),
+      class: $.clsx(classNames("cinder-permission-matrix", customClassName)),
+      "aria-label": label,
+      "aria-describedby": descriptionId()
+    })}><figcaption class="cinder-permission-matrix__caption">${$.escape(label)}</figcaption> `);
+    if (description) {
+      $$renderer2.push("<!--[0-->");
+      $$renderer2.push(`<p${$.attr("id", descriptionId())} class="cinder-permission-matrix__description">${$.escape(description)}</p>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--> <div class="cinder-permission-matrix__viewport"${$.attr("data-cinder-loading", loading || undefined)}>`);
+    if (loading) {
+      $$renderer2.push("<!--[0-->");
+      $$renderer2.push(`<div class="cinder-permission-matrix__state">`);
+      if (loadingContent) {
+        $$renderer2.push("<!--[0-->");
+        loadingContent($$renderer2);
+        $$renderer2.push(`<!---->`);
+      } else {
+        $$renderer2.push("<!--[-1-->");
+        $$renderer2.push(`Loading matrix…`);
+      }
+      $$renderer2.push(`<!--]--></div>`);
+    } else if (isEmpty()) {
+      $$renderer2.push("<!--[1-->");
+      $$renderer2.push(`<div class="cinder-permission-matrix__state">`);
+      if (empty) {
+        $$renderer2.push("<!--[0-->");
+        empty($$renderer2);
+        $$renderer2.push(`<!---->`);
+      } else {
+        $$renderer2.push("<!--[-1-->");
+        $$renderer2.push(`No matrix data`);
+      }
+      $$renderer2.push(`<!--]--></div>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+      $$renderer2.push(`<div class="cinder-permission-matrix__scroll" data-cinder-scroll-container=""><table class="cinder-permission-matrix__table"><caption class="cinder-sr-only">${$.escape(label)}</caption><thead><tr><th class="cinder-permission-matrix__corner" scope="col">${$.escape(rowHeaderLabel)}</th><!--[-->`);
+      const each_array = $.ensure_array_like(columns);
+      for (let $$index = 0, $$length = each_array.length;$$index < $$length; $$index++) {
+        let column = each_array[$$index];
+        $$renderer2.push(`<th class="cinder-permission-matrix__column-header" scope="col">${$.escape(column.label)}</th>`);
+      }
+      $$renderer2.push(`<!--]--></tr></thead><tbody><!--[-->`);
+      const each_array_1 = $.ensure_array_like(rows);
+      for (let $$index_2 = 0, $$length = each_array_1.length;$$index_2 < $$length; $$index_2++) {
+        let row = each_array_1[$$index_2];
+        $$renderer2.push(`<tr><th class="cinder-permission-matrix__row-header" scope="row">${$.escape(row.label)}</th><!--[-->`);
+        const each_array_2 = $.ensure_array_like(columns);
+        for (let $$index_1 = 0, $$length2 = each_array_2.length;$$index_1 < $$length2; $$index_1++) {
+          let column = each_array_2[$$index_1];
+          const state = getCellState(row, column);
+          const accessibleLabel = cellLabel(row, column, state);
+          const visibleLabel = stateLabel(state);
+          $$renderer2.push(`<td class="cinder-permission-matrix__cell"${$.attr("data-cinder-state", state)}${$.attr("aria-label", accessibleLabel)}>`);
+          if (onCellClick) {
+            $$renderer2.push("<!--[0-->");
+            $$renderer2.push(`<button type="button" class="cinder-permission-matrix__cell-control"${$.attr("aria-label", accessibleLabel)}${$.attr("data-cinder-row", row.id)}${$.attr("data-cinder-column", column.id)}${$.attr("data-cinder-state", state)}><span class="cinder-permission-matrix__cell-token" aria-hidden="true">`);
+            if (state === "granted") {
+              $$renderer2.push("<!--[0-->");
+              Check($$renderer2, { size: 16, strokeWidth: 2.25 });
+            } else if (state === "denied") {
+              $$renderer2.push("<!--[1-->");
+              Lock_keyhole($$renderer2, { size: 16, strokeWidth: 2.25 });
+            } else {
+              $$renderer2.push("<!--[-1-->");
+              Minus($$renderer2, { size: 16, strokeWidth: 2.25 });
+            }
+            $$renderer2.push(`<!--]--></span> <span class="cinder-permission-matrix__cell-label">${$.escape(visibleLabel)}</span></button>`);
+          } else {
+            $$renderer2.push("<!--[-1-->");
+            $$renderer2.push(`<span class="cinder-permission-matrix__cell-control"${$.attr("data-cinder-row", row.id)}${$.attr("data-cinder-column", column.id)}${$.attr("data-cinder-state", state)}><span class="cinder-permission-matrix__cell-token" aria-hidden="true">`);
+            if (state === "granted") {
+              $$renderer2.push("<!--[0-->");
+              Check($$renderer2, { size: 16, strokeWidth: 2.25 });
+            } else if (state === "denied") {
+              $$renderer2.push("<!--[1-->");
+              Lock_keyhole($$renderer2, { size: 16, strokeWidth: 2.25 });
+            } else {
+              $$renderer2.push("<!--[-1-->");
+              Minus($$renderer2, { size: 16, strokeWidth: 2.25 });
+            }
+            $$renderer2.push(`<!--]--></span> <span class="cinder-permission-matrix__cell-label">${$.escape(visibleLabel)}</span></span>`);
+          }
+          $$renderer2.push(`<!--]--></td>`);
+        }
+        $$renderer2.push(`<!--]--></tr>`);
+      }
+      $$renderer2.push(`<!--]--></tbody></table></div>`);
+    }
+    $$renderer2.push(`<!--]--></div></figure>`);
+  }, Permission_matrix);
+}
+
+// src/components/permission-matrix/index.ts
+var permission_matrix_default = Permission_matrix;
+export { Permission_matrix, permission_matrix_default };
+
+//# debugId=29FC074A8CF219E264756E2164756E21

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

@@ -0,0 +1,8 @@
+// src/utilities/format-number.ts
+function formatNumber(value, locale = "en-US", options) {
+  return new Intl.NumberFormat(locale, options).format(value);
+}
+
+export { formatNumber };
+
+//# debugId=62411F4E0EA3733464756E2164756E21

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

@@ -0,0 +1,256 @@
+import {
+  getFormFieldContext
+} from "./index.server-weae7gs2.js";
+import {
+  ariaInvalid,
+  composeDescribedBy,
+  describeId,
+  errorId
+} from "./index.server-abm21gz1.js";
+import {
+  classNames
+} from "./index.server-z7nvkz8v.js";
+
+// src/components/pin-input/pin-input.svelte
+import * as $ from "svelte/internal/server";
+function Pin_input($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    let {
+      id,
+      value = "",
+      length = 6,
+      mode = "numeric",
+      masked = false,
+      label,
+      hideLabel = false,
+      "aria-label": ariaLabel,
+      "aria-labelledby": ariaLabelledBy,
+      description,
+      error,
+      disabled,
+      required,
+      name,
+      autocomplete = "one-time-code",
+      class: className,
+      onchange
+    } = $$props;
+    const context = getFormFieldContext();
+    const normalizedLength = $.derived(() => {
+      if (!Number.isFinite(length))
+        return 6;
+      const truncated = Math.trunc(length);
+      if (truncated < 1)
+        return 1;
+      if (truncated > 12)
+        return 12;
+      return truncated;
+    });
+    function isAllowedChar(character) {
+      if (mode === "numeric")
+        return /^[0-9]$/.test(character);
+      return /^[A-Za-z0-9]$/.test(character);
+    }
+    function filterValue(input) {
+      let out = "";
+      for (const character of input) {
+        if (isAllowedChar(character))
+          out += character;
+        if (out.length >= normalizedLength())
+          break;
+      }
+      return out;
+    }
+    const normalizedValue = $.derived(() => filterValue(value ?? ""));
+    const segments = $.derived(() => Array.from({ length: normalizedLength() }, (_, index) => normalizedValue()[index] ?? ""));
+    const groupLabelId = $.derived(() => label ? `${id}-label` : undefined);
+    const defaultDescriptionId = $.derived(() => describeId(id, !!description));
+    const defaultErrorId = $.derived(() => errorId(id, !!error));
+    const ownDescriptionId = $.derived(() => description && defaultDescriptionId() === context?.descriptionId ? `${id}-pin-description` : defaultDescriptionId());
+    const ownErrorId = $.derived(() => error && defaultErrorId() === context?.errorId ? `${id}-pin-error` : defaultErrorId());
+    const resolvedDescriptionId = $.derived(() => ownDescriptionId() ?? context?.descriptionId);
+    const resolvedErrorId = $.derived(() => ownErrorId() ?? context?.errorId);
+    const describedBy = $.derived(() => composeDescribedBy(resolvedDescriptionId(), resolvedErrorId()));
+    const resolvedAriaInvalid = $.derived(() => error ? ariaInvalid(true) : context?.invalid);
+    const resolvedRequired = $.derived(() => required ?? context?.required ?? false);
+    const resolvedDisabled = $.derived(() => disabled ?? context?.disabled ?? false);
+    const resolvedGroupLabelledBy = $.derived(() => {
+      const ids = [];
+      if (groupLabelId())
+        ids.push(groupLabelId());
+      else if (context?.labelId)
+        ids.push(context.labelId);
+      else if (ariaLabelledBy)
+        ids.push(ariaLabelledBy);
+      if (ids.length === 0)
+        return;
+      return ids.join(" ");
+    });
+    const groupAriaLabel = $.derived(() => !resolvedGroupLabelledBy() && !ariaLabelledBy ? ariaLabel : undefined);
+    const hasGroupAccessibleName = $.derived(() => !!label || !!context?.labelId || !!ariaLabelledBy || !!ariaLabel);
+    function segmentId(index) {
+      return `${id}-segment-${index}`;
+    }
+    function segmentLabelId(index) {
+      return `${id}-segment-${index}-label`;
+    }
+    function segmentLabelledBy(index) {
+      if (resolvedGroupLabelledBy()) {
+        return `${resolvedGroupLabelledBy()} ${segmentLabelId(index)}`;
+      }
+      if (ariaLabelledBy) {
+        return `${ariaLabelledBy} ${segmentLabelId(index)}`;
+      }
+      return;
+    }
+    function segmentAriaLabel(index) {
+      if (resolvedGroupLabelledBy() || ariaLabelledBy)
+        return;
+      const base = ariaLabel ?? "Code";
+      return `${base} character ${index + 1} of ${normalizedLength()}`;
+    }
+    function commit(nextSegments) {
+      const joined = nextSegments.join("");
+      if (joined !== value) {
+        value = joined;
+      }
+      onchange?.(joined);
+    }
+    function focusSegment(index) {
+      if (typeof document === "undefined")
+        return;
+      const clamped = Math.max(0, Math.min(normalizedLength() - 1, index));
+      const element = document.getElementById(segmentId(clamped));
+      if (element instanceof HTMLInputElement) {
+        element.focus();
+        element.select();
+      }
+    }
+    function distributeFrom(startIndex, rawInput) {
+      const filtered = filterValue(rawInput);
+      if (filtered.length === 0)
+        return;
+      const next = segments().slice();
+      let cursor = startIndex;
+      for (const character of filtered) {
+        if (cursor >= normalizedLength())
+          break;
+        next[cursor] = character;
+        cursor++;
+      }
+      commit(next);
+      focusSegment(Math.min(cursor, normalizedLength() - 1));
+    }
+    function handleInput(event, index) {
+      const target = event.target;
+      if (!(target instanceof HTMLInputElement))
+        return;
+      const rawValue = target.value;
+      if (rawValue.length === 0) {
+        const next = segments().slice();
+        next[index] = "";
+        commit(next);
+        return;
+      }
+      target.value = segments()[index] ?? "";
+      distributeFrom(index, rawValue);
+    }
+    function handleKeyDown(event, index) {
+      if (event.key === "Backspace") {
+        const current = segments()[index] ?? "";
+        if (current === "") {
+          if (index > 0) {
+            const next = segments().slice();
+            next[index - 1] = "";
+            commit(next);
+            focusSegment(index - 1);
+            event.preventDefault();
+          }
+        } else {
+          const next = segments().slice();
+          next[index] = "";
+          commit(next);
+          event.preventDefault();
+        }
+        return;
+      }
+      if (event.key === "ArrowLeft" && index > 0) {
+        event.preventDefault();
+        focusSegment(index - 1);
+        return;
+      }
+      if (event.key === "ArrowRight" && index < normalizedLength() - 1) {
+        event.preventDefault();
+        focusSegment(index + 1);
+        return;
+      }
+      if (event.key === "Home") {
+        event.preventDefault();
+        focusSegment(0);
+        return;
+      }
+      if (event.key === "End") {
+        event.preventDefault();
+        focusSegment(normalizedLength() - 1);
+        return;
+      }
+    }
+    function handlePaste(event, index) {
+      const text = event.clipboardData?.getData("text") ?? "";
+      if (text.length === 0)
+        return;
+      event.preventDefault();
+      distributeFrom(index, text);
+    }
+    const segmentType = $.derived(() => masked ? "password" : mode === "numeric" ? "tel" : "text");
+    const segmentInputMode = $.derived(() => mode === "numeric" ? "numeric" : "text");
+    $$renderer2.push(`<div${$.attr_class($.clsx(classNames("cinder-pin-input-field", className)))}${$.attr("data-cinder-disabled", resolvedDisabled() || undefined)}>`);
+    if (label) {
+      $$renderer2.push("<!--[0-->");
+      $$renderer2.push(`<span${$.attr("id", groupLabelId())}${$.attr_class($.clsx(classNames("cinder-pin-input-field__label", hideLabel && "cinder-sr-only")))}${$.attr("data-disabled", resolvedDisabled() || undefined)}>${$.escape(label)} `);
+      if (resolvedRequired()) {
+        $$renderer2.push("<!--[0-->");
+        $$renderer2.push(`<span class="cinder-_required-marker" aria-hidden="true">*</span>`);
+      } else {
+        $$renderer2.push("<!--[-1-->");
+      }
+      $$renderer2.push(`<!--]--></span>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]-->  <div class="cinder-pin-input" role="group"${$.attr("aria-labelledby", resolvedGroupLabelledBy())}${$.attr("aria-label", groupAriaLabel())}${$.attr("aria-describedby", describedBy())}${$.attr("aria-invalid", resolvedAriaInvalid())}${$.attr("aria-disabled", resolvedDisabled() || undefined)}><!--[-->`);
+    const each_array = $.ensure_array_like(Array.from({ length: normalizedLength() }, (_, i) => i));
+    for (let $$index = 0, $$length = each_array.length;$$index < $$length; $$index++) {
+      let index = each_array[$$index];
+      $$renderer2.push(`<span${$.attr("id", segmentLabelId(index))} class="cinder-sr-only">Character ${$.escape(index + 1)} of ${$.escape(normalizedLength())}</span> <input${$.attr("id", segmentId(index))} class="cinder-pin-input__segment"${$.attr("type", segmentType())}${$.attr("inputmode", segmentInputMode())}${$.attr("autocomplete", index === 0 ? autocomplete : "off")} autocapitalize="none" spellcheck="false" maxlength="1"${$.attr("value", segments()[index] ?? "")}${$.attr("disabled", resolvedDisabled(), true)}${$.attr("required", resolvedRequired(), true)}${$.attr("aria-labelledby", segmentLabelledBy(index))}${$.attr("aria-label", segmentAriaLabel(index))}${$.attr("aria-describedby", describedBy())}${$.attr("aria-required", resolvedRequired() || undefined)}${$.attr("data-cinder-pin-segment", index)}/>`);
+    }
+    $$renderer2.push(`<!--]--></div> `);
+    if (name) {
+      $$renderer2.push("<!--[0-->");
+      $$renderer2.push(`<input type="hidden"${$.attr("name", name)}${$.attr("value", normalizedValue())}${$.attr("required", resolvedRequired(), true)}${$.attr("disabled", resolvedDisabled(), true)}/>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--> `);
+    if (description) {
+      $$renderer2.push("<!--[0-->");
+      $$renderer2.push(`<p${$.attr("id", ownDescriptionId())} class="cinder-pin-input-field__description">${$.escape(description)}</p>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--> `);
+    if (error) {
+      $$renderer2.push("<!--[0-->");
+      $$renderer2.push(`<p${$.attr("id", ownErrorId())} class="cinder-pin-input-field__error" aria-live="polite" aria-atomic="true">${$.escape(error)}</p>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--></div>`);
+    $.bind_props($$props, { value });
+  }, Pin_input);
+}
+
+// src/components/pin-input/index.ts
+var pin_input_default = Pin_input;
+export { Pin_input, pin_input_default };
+
+//# debugId=892C46C18060F33B64756E2164756E21

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

@@ -0,0 +1,9 @@
+import {
+  Copy_button
+} from "./index.server-w8y3eqhp.js";
+
+// src/components/copy-button/index.ts
+var copy_button_default = Copy_button;
+export { copy_button_default };
+
+//# debugId=E631FD8E0C71F97264756E2164756E21