@lostgradient/cinder 0.3.0 → 0.4.1

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

@@ -1,362 +1,17 @@
-import { createRequire } from "node:module";
-var __esm = (fn, res) => () => (fn && (res = fn(fn = 0)), res);
-var __require = /* @__PURE__ */ createRequire(import.meta.url);
-
-// src/components/rating/rating.svelte
-import * as $ from "svelte/internal/server";
-
-// src/_internal/field-control.ts
-function describeId(fieldId, hasDescription) {
-  return hasDescription ? `${fieldId}-description` : undefined;
-}
-function errorId(fieldId, hasError) {
-  return hasError ? `${fieldId}-error` : undefined;
-}
-function composeDescribedBy(...ids) {
-  const filtered = ids.flatMap((id) => typeof id === "string" ? id.trim().split(/\s+/).filter(Boolean) : []);
-  const unique = Array.from(new Set(filtered));
-  return unique.length > 0 ? unique.join(" ") : undefined;
-}
-function ariaInvalid(hasError) {
-  return hasError ? "true" : undefined;
-}
-function resolveFieldControl(input) {
-  const resolvedId = input.id ?? input.context?.controlId ?? input.generatedId;
-  const defaultDescriptionId = describeId(resolvedId, input.hasDescription ?? false);
-  const defaultErrorId = errorId(resolvedId, input.hasError ?? false);
-  const ownDescriptionId = defaultDescriptionId && defaultDescriptionId === input.context?.descriptionId && input.localIdNamespace ? `${resolvedId}-${input.localIdNamespace}-description` : defaultDescriptionId;
-  const ownErrorId = defaultErrorId && defaultErrorId === input.context?.errorId && input.localIdNamespace ? `${resolvedId}-${input.localIdNamespace}-error` : defaultErrorId;
-  const descriptionId = ownDescriptionId ?? input.context?.descriptionId;
-  const resolvedErrorId = ownErrorId ?? input.context?.errorId;
-  const explicitInvalid = ariaInvalid(input.hasError ?? false);
-  const consumerInvalid = input.consumerInvalid === true ? "true" : input.consumerInvalid === false ? undefined : input.consumerInvalid ?? undefined;
-  return {
-    id: resolvedId,
-    ownDescriptionId,
-    ownErrorId,
-    descriptionId,
-    errorId: resolvedErrorId,
-    describedBy: composeDescribedBy(descriptionId, ...input.additionalDescribedBy ?? [], resolvedErrorId, input.context?.describedBy, input.consumerDescribedBy),
-    ariaInvalid: explicitInvalid ?? input.context?.invalid ?? consumerInvalid,
-    required: input.required ?? input.context?.required ?? false,
-    disabled: input.disabled ?? input.context?.disabled ?? false
-  };
-}
-
-// src/_internal/form-field-context.ts
-import { createContext } from "svelte";
-
-// src/_internal/optional-context.ts
-function optionalContext(getStrict) {
-  return () => {
-    try {
-      return getStrict();
-    } catch {
-      return;
-    }
-  };
-}
-
-// src/_internal/form-field-context.ts
-var [getFormFieldContextStrict, setFormFieldContextRaw] = createContext();
-function setFormFieldContext(context) {
-  setFormFieldContextRaw(context);
-}
-var getFormFieldContext = optionalContext(getFormFieldContextStrict);
-
-// src/utilities/class-names.ts
-function classNames(...parts) {
-  return parts.filter((part) => typeof part === "string" && part.length > 0).join(" ");
-}
-
-// ../../node_modules/esm-env/false.js
-var false_default = false;
-// ../../node_modules/esm-env/true.js
-var true_default = true;
-// src/utilities/dev-warn.ts
-function devWarn(message, ...args) {
-  if (!true_default)
-    return;
-  console.warn(message, ...args);
-}
-
-// src/components/rating/rating.svelte
-function Rating($$renderer, $$props) {
-  $$renderer.component(($$renderer2) => {
-    let {
-      id,
-      value = 0,
-      count = 5,
-      precision = "whole",
-      label,
-      hideLabel = false,
-      "aria-label": ariaLabel,
-      "aria-labelledby": ariaLabelledBy,
-      description,
-      error,
-      disabled,
-      readonly = false,
-      required,
-      name,
-      class: className,
-      onchange
-    } = $$props;
-    const context = getFormFieldContext();
-    const normalizedCount = $.derived(() => {
-      if (!Number.isFinite(count))
-        return 5;
-      const truncated = Math.trunc(count);
-      if (truncated < 1)
-        return 1;
-      if (truncated > 10)
-        return 10;
-      return truncated;
-    });
-    const stepSize = $.derived(() => precision === "half" ? 0.5 : 1);
-    const valueOptions = $.derived(() => {
-      const out = [];
-      for (let step = stepSize();step <= normalizedCount() + stepSize() / 2; step += stepSize()) {
-        out.push(Number(step.toFixed(2)));
-      }
-      return out;
-    });
-    function snapToOption(raw) {
-      if (!Number.isFinite(raw) || raw <= 0)
-        return 0;
-      if (raw >= normalizedCount())
-        return normalizedCount();
-      const stepped = Math.round(raw / stepSize()) * stepSize();
-      const rounded = Number(stepped.toFixed(2));
-      return Math.max(0, Math.min(normalizedCount(), rounded));
-    }
-    const resolvedValue = $.derived(() => snapToOption(value ?? 0));
-    let hoverValue = null;
-    const displayValue = $.derived(() => hoverValue ?? resolvedValue());
-    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}-rating-description` : defaultDescriptionId());
-    const ownErrorId = $.derived(() => error && defaultErrorId() === context?.errorId ? `${id}-rating-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(() => {
-      if (groupLabelId())
-        return groupLabelId();
-      if (context?.labelId)
-        return context.labelId;
-      if (ariaLabelledBy)
-        return ariaLabelledBy;
-      return;
-    });
-    const groupAriaLabel = $.derived(() => !resolvedGroupLabelledBy() && !ariaLabelledBy ? ariaLabel : undefined);
-    const hasGroupAccessibleName = $.derived(() => !!label || !!context?.labelId || !!ariaLabelledBy || !!ariaLabel);
-    function optionId(option) {
-      return `${id}-option-${String(option).replace(".", "_")}`;
-    }
-    function describeOption(option) {
-      const noun = option === 1 ? "star" : "stars";
-      return `${option} ${noun} of ${normalizedCount()}`;
-    }
-    function readableValueText() {
-      if (resolvedValue() === 0)
-        return `Unrated, out of ${normalizedCount()}`;
-      const noun = resolvedValue() === 1 ? "star" : "stars";
-      return `${resolvedValue()} ${noun} out of ${normalizedCount()}`;
-    }
-    const readonlyValueTextId = $.derived(() => `${id}-rating-value`);
-    const readonlyLabelledBy = $.derived(() => resolvedGroupLabelledBy() ? `${resolvedGroupLabelledBy()} ${readonlyValueTextId()}` : ariaLabelledBy ? `${ariaLabelledBy} ${readonlyValueTextId()}` : undefined);
-    const readonlyAriaLabel = $.derived(() => {
-      if (readonlyLabelledBy())
-        return;
-      const consumerLabel = ariaLabel;
-      if (consumerLabel)
-        return `${consumerLabel}: ${readableValueText()}`;
-      return readableValueText();
-    });
-    function commit(next) {
-      const snapped = snapToOption(next);
-      if (snapped !== resolvedValue()) {
-        value = snapped;
-        onchange?.(snapped);
-      } else {}
-    }
-    function focusOption(option) {
-      if (typeof document === "undefined")
-        return;
-      const element = document.getElementById(optionId(option));
-      if (element instanceof HTMLElement)
-        element.focus();
-    }
-    function activeFocusTarget() {
-      if (resolvedValue() > 0)
-        return resolvedValue();
-      const first = valueOptions()[0];
-      return first ?? stepSize();
-    }
-    function handleClick(option) {
-      if (resolvedDisabled() || readonly)
-        return;
-      commit(option);
-    }
-    function handleKeyDown(event, option) {
-      if (resolvedDisabled() || readonly)
-        return;
-      const index = valueOptions().indexOf(option);
-      if (index === -1)
-        return;
-      let nextIndex = index;
-      switch (event.key) {
-        case "ArrowRight":
-        case "ArrowUp": {
-          nextIndex = (index + 1) % valueOptions().length;
-          if (resolvedValue() === 0) {
-            event.preventDefault();
-            const first = valueOptions()[0];
-            commit(first);
-            focusOption(first);
-            return;
-          }
-          break;
-        }
-        case "ArrowLeft":
-        case "ArrowDown": {
-          if (resolvedValue() === 0) {
-            event.preventDefault();
-            const last = valueOptions().at(-1);
-            commit(last);
-            focusOption(last);
-            return;
-          }
-          nextIndex = (index - 1 + valueOptions().length) % valueOptions().length;
-          break;
-        }
-        case "Home": {
-          nextIndex = 0;
-          break;
-        }
-        case "End": {
-          nextIndex = valueOptions().length - 1;
-          break;
-        }
-        case " ":
-        case "Enter":
-        case "Spacebar": {
-          if (resolvedValue() === 0) {
-            event.preventDefault();
-            const first = valueOptions()[0];
-            commit(first);
-            focusOption(first);
-            return;
-          }
-          event.preventDefault();
-          commit(option);
-          return;
-        }
-        default:
-          return;
-      }
-      event.preventDefault();
-      const next = valueOptions()[nextIndex];
-      commit(next);
-      focusOption(next);
-    }
-    function handlePointerEnter(option) {
-      if (resolvedDisabled() || readonly)
-        return;
-      hoverValue = option;
-    }
-    function handlePointerLeave() {
-      hoverValue = null;
-    }
-    function fillPercentForSlot(slot) {
-      const diff = displayValue() - (slot - 1);
-      if (diff <= 0)
-        return 0;
-      if (diff >= 1)
-        return 100;
-      return diff * 100;
-    }
-    function isOptionChecked(option) {
-      return resolvedValue() === option;
-    }
-    function tabIndexFor(option) {
-      if (resolvedDisabled())
-        return -1;
-      const focusTarget = activeFocusTarget();
-      return option === focusTarget ? 0 : -1;
-    }
-    $$renderer2.push(`<div${$.attr_class($.clsx(classNames("cinder-rating-field", readonly && "cinder-rating-field--readonly", className)))}${$.attr("data-cinder-disabled", resolvedDisabled() || undefined)}>`);
-    if (label) {
-      $$renderer2.push("<!--[0-->");
-      $$renderer2.push(`<span${$.attr("id", groupLabelId())}${$.attr_class($.clsx(classNames("cinder-rating-field__label", hideLabel && "cinder-sr-only")))}${$.attr("data-disabled", resolvedDisabled() || undefined)}>${$.escape(label)}</span>`);
-    } else {
-      $$renderer2.push("<!--[-1-->");
-    }
-    $$renderer2.push(`<!--]--> `);
-    if (readonly) {
-      $$renderer2.push("<!--[0-->");
-      $$renderer2.push(`<div class="cinder-rating cinder-rating--readonly" role="img"${$.attr("aria-labelledby", readonlyLabelledBy())}${$.attr("aria-label", readonlyAriaLabel())}${$.attr("aria-describedby", describedBy())}><!--[-->`);
-      const each_array = $.ensure_array_like(Array.from({ length: normalizedCount() }, (_, i) => i + 1));
-      for (let $$index = 0, $$length = each_array.length;$$index < $$length; $$index++) {
-        let slot = each_array[$$index];
-        $$renderer2.push(`<span class="cinder-rating__star" aria-hidden="true"><span class="cinder-rating__star-fill"${$.attr_style("", {
-          "--_cinder-rating-fill": `${$.stringify(fillPercentForSlot(slot))}%`
-        })}></span></span>`);
-      }
-      $$renderer2.push(`<!--]--> <span${$.attr("id", readonlyValueTextId())} class="cinder-sr-only">${$.escape(readableValueText())}</span></div>`);
-    } else {
-      $$renderer2.push("<!--[-1-->");
-      $$renderer2.push(`<div class="cinder-rating" role="radiogroup" tabindex="-1"${$.attr("aria-labelledby", resolvedGroupLabelledBy())}${$.attr("aria-label", groupAriaLabel())}${$.attr("aria-describedby", describedBy())}${$.attr("aria-invalid", resolvedAriaInvalid())}${$.attr("aria-required", resolvedRequired() || undefined)}${$.attr("aria-disabled", resolvedDisabled() || undefined)}><!--[-->`);
-      const each_array_1 = $.ensure_array_like(Array.from({ length: normalizedCount() }, (_, i) => i + 1));
-      for (let $$index_1 = 0, $$length = each_array_1.length;$$index_1 < $$length; $$index_1++) {
-        let slot = each_array_1[$$index_1];
-        $$renderer2.push(`<span class="cinder-rating__star" aria-hidden="true"><span class="cinder-rating__star-fill"${$.attr_style("", {
-          "--_cinder-rating-fill": `${$.stringify(fillPercentForSlot(slot))}%`
-        })}></span></span>`);
-      }
-      $$renderer2.push(`<!--]--> <div class="cinder-rating__hit-area"><!--[-->`);
-      const each_array_2 = $.ensure_array_like(valueOptions());
-      for (let $$index_2 = 0, $$length = each_array_2.length;$$index_2 < $$length; $$index_2++) {
-        let option = each_array_2[$$index_2];
-        $$renderer2.push(`<button${$.attr("id", optionId(option))} class="cinder-rating__option" type="button" role="radio"${$.attr("aria-checked", isOptionChecked(option))}${$.attr("aria-label", describeOption(option))}${$.attr("tabindex", tabIndexFor(option))}${$.attr("disabled", resolvedDisabled() || undefined, true)}${$.attr("data-cinder-rating-option", option)}></button>`);
-      }
-      $$renderer2.push(`<!--]--></div></div>`);
-    }
-    $$renderer2.push(`<!--]--> `);
-    if (name) {
-      $$renderer2.push("<!--[0-->");
-      $$renderer2.push(`<input type="hidden"${$.attr("name", name)}${$.attr("value", resolvedValue())}${$.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-rating-field__description">${$.escape(description)}</p>`);
-    } else {
-      $$renderer2.push("<!--[-1-->");
-    }
-    $$renderer2.push(`<!--]--> `);
-    if (error) {
-      $$renderer2.push("<!--[0-->");
-      $$renderer2.push(`<p${$.attr("id", ownErrorId())} class="cinder-rating-field__error" aria-live="polite" aria-atomic="true">${$.escape(error)}</p>`);
-    } else {
-      $$renderer2.push("<!--[-1-->");
-    }
-    $$renderer2.push(`<!--]--></div>`);
-    $.bind_props($$props, { value });
-  });
-}
-
-// src/components/rating/index.ts
-var rating_default = Rating;
+import {
+  Rating,
+  rating_default
+} from "../../index.server-k454ba7j.js";
+import"../../index.server-weae7gs2.js";
+import"../../index.server-abm21gz1.js";
+import"../../index.server-493m9fm5.js";
+import"../../index.server-nj8mebze.js";
+import"../../index.server-ge07r1p8.js";
+import"../../index.server-z7nvkz8v.js";
+import"../../index.server-37x76zdn.js";
 export {
   rating_default as default,
   Rating
 };
 
-//# debugId=8DCC11C0E036469E64756E2164756E21
+//# debugId=9C19305EDA707FEF64756E2164756E21

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

@@ -1,6 +1,4 @@
-import { createRequire } from "node:module";
-var __esm = (fn, res) => () => (fn && (res = fn(fn = 0)), res);
-var __require = /* @__PURE__ */ createRequire(import.meta.url);
+import"../../index.server-37x76zdn.js";
 
 // src/components/rating/rating.schema.ts
 var schema = {
@@ -13,7 +11,14 @@ var schema = {
     },
     value: {
       type: "number",
-      description: "Bindable rating value. `0` represents an unrated state. External values\nare clamped into `[0, count]` and snapped to the nearest precision step."
+      description: `Bindable rating value. \`0\` represents an unrated state. External values
+are clamped into \`[0, count]\` and snapped to the nearest precision step.
+
+**No write-back normalization.** The bound prop reflects exactly what the
+consumer set — it is NOT mutated back to the clamped/snapped 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.`
     },
     count: {
       type: "number",
@@ -86,4 +91,4 @@ export {
   rating_schema_default as default
 };
 
-//# debugId=7871D9752900F4FB64756E2164756E21
+//# debugId=33D235EEABD0B4D164756E2164756E21

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

@@ -1,6 +1,4 @@
-import { createRequire } from "node:module";
-var __esm = (fn, res) => () => (fn && (res = fn(fn = 0)), res);
-var __require = /* @__PURE__ */ createRequire(import.meta.url);
+import"../../index.server-37x76zdn.js";
 
 // src/components/rating/rating.variables.ts
 var variables = [];
@@ -9,4 +7,4 @@ export {
   rating_variables_default as default
 };
 
-//# debugId=69D70C42770F7D0364756E2164756E21
+//# debugId=A7FD5A00692A699764756E2164756E21