@lostgradient/cinder 0.3.0 → 0.4.0

package/dist/server/components/payload-inspector/index.js

@@ -16,25 +16,92 @@ function classNames(...parts) {
 // src/components/badge/badge.svelte
 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": variant,
+      "data-cinder-variant": resolvedVariant(),
       "data-cinder-size": size,
       "data-cinder-mono": mono ? "" : undefined,
+      "data-cinder-subscription-state": subscriptionState,
       ...rest
     })}>`);
-    children?.($$renderer2);
-    $$renderer2.push(`<!----></span>`);
+    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>`);
   });
 }
 
@@ -54,7 +121,6 @@ function devWarn(message, ...args) {
 
 // src/components/copy-button/copy-button.svelte
 import * as $6 from "svelte/internal/server";
-import { onDestroy } from "svelte";
 
 // ../../node_modules/lucide-svelte/dist/icons/check.svelte
 import * as $3 from "svelte/internal/server";
@@ -262,10 +328,6 @@ function Copy_button($$renderer, $$props) {
         copied = false;
       }, confirmDuration);
     }
-    onDestroy(() => {
-      if (resetTimer)
-        clearTimeout(resetTimer);
-    });
     $$renderer2.push(`<button${$6.attributes({
       ...rest,
       type: "button",
@@ -416,7 +478,16 @@ import * as $9 from "svelte/internal/server";
 import { untrack } from "svelte";
 function _json_viewer_node($$renderer, $$props) {
   $$renderer.component(($$renderer2) => {
-    let { value, keyName, depth, initialDepth, maxDepth } = $$props;
+    let {
+      value,
+      keyName,
+      depth,
+      initialDepth,
+      maxDepth,
+      position,
+      setSize,
+      root = false
+    } = $$props;
     const isObject = $9.derived(() => value !== null && typeof value === "object");
     const isArray = $9.derived(() => Array.isArray(value));
     const tooDeep = $9.derived(() => depth >= maxDepth);
@@ -445,7 +516,7 @@ function _json_viewer_node($$renderer, $$props) {
     }
     if (isObject() && !tooDeep()) {
       $$renderer2.push("<!--[0-->");
-      $$renderer2.push(`<span${$9.attr_class($9.clsx(classNames("cinder-json-viewer__node")))}><button type="button" class="cinder-json-viewer__toggle"${$9.attr("aria-expanded", !collapsed)}${$9.attr("aria-label", toggleLabel())}>`);
+      $$renderer2.push(`<span${$9.attr_class($9.clsx(classNames("cinder-json-viewer__node")))} role="treeitem"${$9.attr("aria-expanded", !collapsed)}${$9.attr("aria-label", toggleLabel())}${$9.attr("aria-level", depth + 1)}${$9.attr("aria-posinset", position)}${$9.attr("aria-setsize", setSize)}${$9.attr("tabindex", root ? 0 : -1)}><button type="button" class="cinder-json-viewer__toggle"${$9.attr("aria-label", toggleLabel())} tabindex="-1">`);
       if (keyName !== undefined) {
         $$renderer2.push("<!--[0-->");
         $$renderer2.push(`<span class="cinder-json-viewer__key">${$9.escape(keyName)}:</span>`);
@@ -462,17 +533,19 @@ function _json_viewer_node($$renderer, $$props) {
       $$renderer2.push(`<!--]--></button> `);
       if (!collapsed) {
         $$renderer2.push("<!--[0-->");
-        $$renderer2.push(`<ul class="cinder-json-viewer__children"><!--[-->`);
+        $$renderer2.push(`<ul class="cinder-json-viewer__children" role="group"><!--[-->`);
         const each_array = $9.ensure_array_like(entries());
-        for (let $$index = 0, $$length = each_array.length;$$index < $$length; $$index++) {
-          let [k, v] = each_array[$$index];
-          $$renderer2.push(`<li>`);
+        for (let index = 0, $$length = each_array.length;index < $$length; index++) {
+          let [k, v] = each_array[index];
+          $$renderer2.push(`<li role="none">`);
           _json_viewer_node($$renderer2, {
             value: v,
             keyName: k,
             depth: depth + 1,
             initialDepth,
-            maxDepth
+            maxDepth,
+            position: index + 1,
+            setSize: entries().length
           });
           $$renderer2.push(`<!----></li>`);
         }
@@ -483,7 +556,7 @@ function _json_viewer_node($$renderer, $$props) {
       $$renderer2.push(`<!--]--></span>`);
     } else if (isObject() && tooDeep()) {
       $$renderer2.push("<!--[1-->");
-      $$renderer2.push(`<span class="cinder-json-viewer__node">`);
+      $$renderer2.push(`<span class="cinder-json-viewer__node" role="treeitem"${$9.attr("tabindex", root ? 0 : -1)}${$9.attr("aria-level", depth + 1)}${$9.attr("aria-posinset", position)}${$9.attr("aria-setsize", setSize)}>`);
       if (keyName !== undefined) {
         $$renderer2.push("<!--[0-->");
         $$renderer2.push(`<span class="cinder-json-viewer__key">${$9.escape(keyName)}:</span>`);
@@ -493,7 +566,7 @@ function _json_viewer_node($$renderer, $$props) {
       $$renderer2.push(`<!--]--> <span class="cinder-json-viewer__too-deep">…</span></span>`);
     } else {
       $$renderer2.push("<!--[-1-->");
-      $$renderer2.push(`<span class="cinder-json-viewer__node">`);
+      $$renderer2.push(`<span class="cinder-json-viewer__node" role="treeitem"${$9.attr("tabindex", root ? 0 : -1)}${$9.attr("aria-level", depth + 1)}${$9.attr("aria-posinset", position)}${$9.attr("aria-setsize", setSize)}>`);
       if (keyName !== undefined) {
         $$renderer2.push("<!--[0-->");
         $$renderer2.push(`<span class="cinder-json-viewer__key">${$9.escape(keyName)}:</span>`);
@@ -536,6 +609,57 @@ function Json_viewer($$renderer, $$props) {
     });
     const unserializable = $10.derived(() => !serialized().ok);
     const tooLarge = $10.derived(() => serialized().ok && serialized().size > maxBytes);
+    function handleTreeKeydown(event) {
+      const tree = event.currentTarget;
+      const items = Array.from(tree.querySelectorAll('[role="treeitem"]'));
+      const eventTarget = event.target instanceof HTMLElement ? event.target : null;
+      const current = eventTarget?.closest('[role="treeitem"]') ?? null;
+      const targetIsToggle = eventTarget?.closest(".cinder-json-viewer__toggle") !== null;
+      const currentIndex = current ? items.indexOf(current) : -1;
+      function focusItem(index) {
+        const item = items[index];
+        item?.focus();
+      }
+      if (event.key === "ArrowDown") {
+        event.preventDefault();
+        focusItem(Math.min(currentIndex + 1, items.length - 1));
+      } else if (event.key === "ArrowUp") {
+        event.preventDefault();
+        focusItem(Math.max(currentIndex - 1, 0));
+      } else if (event.key === "Home") {
+        event.preventDefault();
+        focusItem(0);
+      } else if (event.key === "End") {
+        event.preventDefault();
+        focusItem(items.length - 1);
+      } else if (event.key === "ArrowRight" && current && !targetIsToggle) {
+        if (current.getAttribute("aria-expanded") === "false") {
+          event.preventDefault();
+          current.querySelector(".cinder-json-viewer__toggle")?.click();
+        } else if (current.getAttribute("aria-expanded") === "true") {
+          const firstChild = current.querySelector('.cinder-json-viewer__children [role="treeitem"]');
+          if (firstChild) {
+            event.preventDefault();
+            firstChild.focus();
+          }
+        }
+      } else if (event.key === "ArrowLeft" && current && !targetIsToggle) {
+        if (current.getAttribute("aria-expanded") === "true") {
+          event.preventDefault();
+          current.querySelector(".cinder-json-viewer__toggle")?.click();
+        } else {
+          const parent = current.parentElement?.closest('[role="treeitem"]');
+          if (parent) {
+            event.preventDefault();
+            parent.focus();
+          }
+        }
+      } else if ((event.key === "Enter" || event.key === " " || event.key === "Spacebar") && current && !targetIsToggle) {
+        event.preventDefault();
+        const toggle = current.querySelector(".cinder-json-viewer__toggle");
+        toggle?.click();
+      }
+    }
     $$renderer2.push(`<div${$10.attr_class($10.clsx(classNames("cinder-json-viewer", className)))}>`);
     if (unserializable()) {
       $$renderer2.push("<!--[0-->");
@@ -546,7 +670,17 @@ function Json_viewer($$renderer, $$props) {
         is ${$10.escape(Math.round(maxBytes / 1024))} KB).</p> <p>Use the consumer's download or copy action to inspect the raw JSON.</p></div>`);
     } else {
       $$renderer2.push("<!--[-1-->");
-      _json_viewer_node($$renderer2, { value, depth: 0, initialDepth, maxDepth });
+      $$renderer2.push(`<div role="tree" aria-label="JSON tree" tabindex="-1">`);
+      _json_viewer_node($$renderer2, {
+        value,
+        depth: 0,
+        initialDepth,
+        maxDepth,
+        position: 1,
+        setSize: 1,
+        root: true
+      });
+      $$renderer2.push(`<!----></div>`);
     }
     $$renderer2.push(`<!--]--></div>`);
   });
@@ -630,12 +764,20 @@ function getFocusableIndex(selectedIndex, length, isDisabled) {
   return findFirstIndex(length, isDisabled, 0);
 }
 
+// src/utilities/value-change.ts
+function commitValue(proposed, onValueChange, setValue) {
+  const committed = onValueChange?.(proposed) ?? proposed;
+  setValue(committed);
+  return committed;
+}
+
 // src/components/tabs/tabs.svelte
 function Tabs($$renderer, $$props) {
   $$renderer.component(($$renderer2) => {
     const baseId = $11.props_id($$renderer2);
     let {
       value = "",
+      onValueChange,
       orientation = "horizontal",
       activateOnFocus,
       class: className,
@@ -706,7 +848,9 @@ function Tabs($$renderer, $$props) {
         if (focusedValue === undefined)
           return;
         event.preventDefault();
-        value = focusedValue;
+        commitValue(focusedValue, onValueChange, (next) => {
+          value = next;
+        });
         return;
       }
       const isHorizontal = orientation === "horizontal";
@@ -734,7 +878,9 @@ function Tabs($$renderer, $$props) {
         return;
       focusValue(nextValue);
       if (effectiveActivateOnFocus()) {
-        value = nextValue;
+        commitValue(nextValue, onValueChange, (next) => {
+          value = next;
+        });
       }
     }
     setTabsContext({
@@ -751,7 +897,9 @@ function Tabs($$renderer, $$props) {
         return baseId;
       },
       select(next) {
-        value = next;
+        commitValue(next, onValueChange, (nextValue) => {
+          value = nextValue;
+        });
       },
       isActive(candidate) {
         return value === candidate;
@@ -928,6 +1076,12 @@ function Payload_inspector($$renderer, $$props) {
       $$events,
       ...rest
     } = $$props;
+    function shouldParseString(raw) {
+      const trimmed = raw.trim();
+      if (/^[{\["]/.test(trimmed))
+        return true;
+      return /^(?:true|false|null|-?(?:0|[1-9]\d*)(?:\.\d+)?(?:[eE][+-]?\d+)?)$/.test(trimmed);
+    }
     const parseResult = $15.derived(() => {
       if (typeof value !== "string") {
         return { ok: true, parsed: value };
@@ -935,6 +1089,9 @@ function Payload_inspector($$renderer, $$props) {
       if (value.trim() === "") {
         return { ok: true, parsed: null };
       }
+      if (parse === undefined && !shouldParseString(value)) {
+        return { ok: true, parsed: value };
+      }
       try {
         const parser = parse ?? JSON.parse;
         return { ok: true, parsed: parser(value) };
@@ -1093,6 +1250,7 @@ function Payload_inspector($$renderer, $$props) {
           value: copyFormattedText(),
           label: "Copy formatted",
           copiedLabel: "Formatted copied",
+          title: "Copy formatted payload",
           iconOnly: true
         });
       } else {
@@ -1105,6 +1263,7 @@ function Payload_inspector($$renderer, $$props) {
           value: copyRawText(),
           label: "Copy raw",
           copiedLabel: "Raw copied",
+          title: "Copy raw payload",
           iconOnly: true
         });
       } else {
@@ -1319,4 +1478,4 @@ export {
   Payload_inspector as PayloadInspector
 };
 
-//# debugId=B5E90A18D845230E64756E2164756E21
+//# debugId=59126091D8692F2364756E2164756E21

package/dist/server/components/payload-inspector/payload-inspector.schema.js

@@ -7,6 +7,12 @@ var schema = {
   $schema: "https://json-schema.org/draft/2020-12/schema",
   type: "object",
   properties: {
+    value: {
+      description: `The payload value to inspect. Pass any JSON-serializable value — object,
+array, string, number, boolean, or null. Plain strings are rendered as
+string values; strings that look like serialized JSON are parsed. Pass
+\`undefined\` when no payload is available yet.`
+    },
     truncated: {
       type: "boolean",
       description: `When true, the payload has been truncated by the producer (e.g. because it
@@ -17,6 +23,26 @@ summary and a notice above the raw view.`
       type: "number",
       description: `Maximum byte size before the tree view is replaced with an oversize
 placeholder. Defaults to 1,048,576 (1 MB). Does not affect the raw view.`
+    },
+    meta: {
+      type: "object",
+      properties: {
+        contentType: {
+          type: "string",
+          description: 'Content type or serializer label, e.g. "application/json" or "Protobuf".'
+        },
+        source: {
+          type: "string",
+          description: "Optional source label, e.g. a workflow name, activity name, or endpoint path."
+        },
+        timestamp: {
+          type: "string",
+          description: "Optional ISO 8601 timestamp string rendered in the summary."
+        }
+      },
+      additionalProperties: false,
+      description: `Structured metadata shown in the summary panel. Pass contentType, source,
+and/or timestamp to populate the description list rows.`
     },
     activeView: {
       enum: ["summary", "tree", "raw"],
@@ -45,25 +71,11 @@ indentation. Use this to customize key ordering, indentation, or
 alternative serialization formats. Does not affect the Summary or Tree
 views, or the copy buttons. For redaction, transform the value upstream and
 pass the already-redacted value as \`value\`.`
-      },
-      {
-        name: "meta",
-        reason: "unknown-shape",
-        description: `Structured metadata shown in the summary panel. Pass contentType, source,
-and/or timestamp to populate the description list rows.`
       },
       {
         name: "parse",
         reason: "function-or-snippet",
         description: "Custom parser applied when `value` is a string. Receives the raw string\nand must return a parsed value or throw. Defaults to JSON.parse. Use this\nto support alternative serialization formats."
-      },
-      {
-        name: "value",
-        reason: "unknown-shape",
-        description: `The payload value to inspect. Pass any JSON-serializable value — object,
-array, string, number, boolean, or null. Pass a string for already-
-serialized JSON; the component will attempt to parse it. Pass \`undefined\`
-when no payload is available yet.`
       }
     ]
   }
@@ -73,4 +85,4 @@ export {
   payload_inspector_schema_default as default
 };
 
-//# debugId=E59152D896F3E8A564756E2164756E21
+//# debugId=E06F39CC7F6D8C5164756E2164756E21

package/dist/server/components/permission-matrix/index.css

@@ -118,6 +118,14 @@
     z-index: 1;
   }
 
+  @media (forced-colors: active) {
+    button.cinder-permission-matrix__cell-control:focus-visible {
+      outline: var(--cinder-ring-width) solid ButtonText;
+      outline-offset: 2px;
+      box-shadow: none;
+    }
+  }
+
   @media (hover: hover) {
     button.cinder-permission-matrix__cell-control:hover {
       background: var(--cinder-surface-hover);

package/dist/server/components/phone-input/index.js

@@ -75,6 +75,14 @@ function setFormFieldContext(context) {
 }
 var getFormFieldContext = optionalContext(getFormFieldContextStrict);
 
+// src/_internal/locale-context.ts
+import { createContext as createContext2 } from "svelte";
+var [getLocaleContextStrict, setLocaleContextRaw] = createContext2();
+function setLocaleContext(context) {
+  setLocaleContextRaw(context);
+}
+var getLocaleContext = optionalContext(getLocaleContextStrict);
+
 // src/utilities/class-names.ts
 function classNames(...parts) {
   return parts.filter((part) => typeof part === "string" && part.length > 0).join(" ");
@@ -4283,10 +4291,13 @@ function Phone_input($$renderer, $$props) {
       onchange
     } = $$props;
     const context = getFormFieldContext();
+    const localeContext = getLocaleContext();
     const $$d = $.derived(() => resolveCountryList(countries)), allowedCountries = $.derived(() => $$d().countries), usedFallback = $.derived(() => $$d().usedFallback);
     const resolvedLocale = $.derived(() => {
       if (locale)
         return locale;
+      if (localeContext?.locale)
+        return localeContext.locale;
       if (typeof navigator !== "undefined" && typeof navigator.language === "string") {
         return navigator.language;
       }
@@ -4311,7 +4322,7 @@ function Phone_input($$renderer, $$props) {
     function fallbackCountry() {
       return allowedCountries()[0] ?? "US";
     }
-    function synchronizeNationalDigitsToCountry(nextCountry, options) {
+    function synchronizeNationalDigitsToCountry(nextCountry, options = undefined) {
       const { recomputeValue = true } = options ?? {};
       const nationalDigits = digitsOnly(nationalDisplay);
       nationalDisplay = formatNationalAsYouType(nextCountry, nationalDigits);
@@ -4458,7 +4469,14 @@ function Phone_input($$renderer, $$props) {
     $$renderer2.push(`<div${$.attr_class($.clsx(classNames("cinder-phone-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-phone-input-field__label", hideLabel && "cinder-sr-only")))}${$.attr("data-disabled", resolvedDisabled() || undefined)}>${$.escape(label)}</span>`);
+      $$renderer2.push(`<span${$.attr("id", groupLabelId())}${$.attr_class($.clsx(classNames("cinder-phone-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-->");
     }
@@ -4516,4 +4534,4 @@ export {
   Phone_input as PhoneInput
 };
 
-//# debugId=3F101CDA7E19A00264756E2164756E21
+//# debugId=C161D25946D8C46D64756E2164756E21

package/dist/server/components/phone-input/phone-input.schema.js

@@ -520,7 +520,7 @@ var schema = {
     },
     locale: {
       type: "string",
-      description: "BCP-47 locale used to resolve `Intl.DisplayNames`. Defaults to\n`navigator.language` after mount and `'en-US'` during SSR."
+      description: "BCP-47 locale used to resolve `Intl.DisplayNames`. Defaults to the nearest\nLocaleProvider locale, then `navigator.language` after mount and `'en-US'`\nduring SSR."
     },
     label: {
       type: "string",
@@ -580,4 +580,4 @@ export {
   phone_input_schema_default as default
 };
 
-//# debugId=C63213E2C818CDF864756E2164756E21
+//# debugId=4AD40A1E0D8A655764756E2164756E21

package/dist/server/components/pin-input/index.js

@@ -128,10 +128,8 @@ function Pin_input($$renderer, $$props) {
       }
       return out;
     }
-    const segments = $.derived(() => {
-      const filtered = filterValue(value ?? "");
-      return Array.from({ length: normalizedLength() }, (_, index) => filtered[index] ?? "");
-    });
+    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));
@@ -276,7 +274,14 @@ function Pin_input($$renderer, $$props) {
     $$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)}</span>`);
+      $$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-->");
     }
@@ -289,7 +294,7 @@ function Pin_input($$renderer, $$props) {
     $$renderer2.push(`<!--]--></div> `);
     if (name) {
       $$renderer2.push("<!--[0-->");
-      $$renderer2.push(`<input type="hidden"${$.attr("name", name)}${$.attr("value", value)}${$.attr("required", resolvedRequired(), true)}${$.attr("disabled", resolvedDisabled(), true)}/>`);
+      $$renderer2.push(`<input type="hidden"${$.attr("name", name)}${$.attr("value", normalizedValue())}${$.attr("required", resolvedRequired(), true)}${$.attr("disabled", resolvedDisabled(), true)}/>`);
     } else {
       $$renderer2.push("<!--[-1-->");
     }
@@ -319,4 +324,4 @@ export {
   Pin_input as PinInput
 };
 
-//# debugId=BB0ACB93F37491B164756E2164756E21
+//# debugId=0E1E7532553D2D9564756E2164756E21

package/dist/server/components/pin-input/pin-input.schema.js

@@ -13,7 +13,14 @@ var schema = {
     },
     value: {
       type: "string",
-      description: "Bindable code value. Defaults to an empty string."
+      description: `Bindable code value. Defaults to an empty string.
+
+**No write-back normalization.** The bound prop reflects exactly what the
+consumer set — it is NOT mutated back to the filtered/length-capped value.
+The displayed and submitted value is normalized via \`$derived\`, but the
+binding itself is left untouched. This is intentional: the consumer owns
+the source of truth, and silent mutation of a bound prop is a surprising
+side-effect.`
     },
     length: {
       type: "number",
@@ -91,4 +98,4 @@ export {
   pin_input_schema_default as default
 };
 
-//# debugId=2A47487485A9240964756E2164756E21
+//# debugId=7B599EE8F0D1143964756E2164756E21

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

@@ -213,6 +213,10 @@ function restoreFocusTo(target) {
 }
 
 // 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) => {
@@ -220,17 +224,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;
         }
       }
@@ -424,4 +430,4 @@ export {
   Popover
 };
 
-//# debugId=6AB55E2032772FD064756E2164756E21
+//# debugId=121193E39683716564756E2164756E21