@lostgradient/cinder 0.3.0 → 0.4.0

package/dist/components/popover/index.js

@@ -1902,7 +1902,8 @@ function copyInheritedPortalAttributes(element, source, inheritAttributes, fallb
   dir: element.getAttribute("dir"),
   theme: element.getAttribute("data-cinder-theme")
 }) {
-  const inheritedDir = inheritAttributes && source ? source.closest("[dir]")?.getAttribute("dir") : null;
+  const preservesExplicitDirection = element.dataset["cinderExplicitDirection"] === "true";
+  const inheritedDir = inheritAttributes && source && !preservesExplicitDirection ? source.closest("[dir]")?.getAttribute("dir") : null;
   const nextDir = inheritedDir ?? fallbackAttributes.dir;
   if (nextDir) {
     element.setAttribute("dir", nextDir);
@@ -2275,6 +2276,10 @@ function createBodyScrollLock() {
     return release;
   };
 }
+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) => {
@@ -2282,17 +2287,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;
         }
       }
@@ -2604,4 +2611,4 @@ export {
   Popover
 };
 
-//# debugId=5EF41B07AD3B5C0064756E2164756E21
+//# debugId=2440E59DF3FCDCBD64756E2164756E21

package/dist/components/portal/index.js

@@ -71,7 +71,8 @@ function copyInheritedPortalAttributes(element, source, inheritAttributes, fallb
   dir: element.getAttribute("dir"),
   theme: element.getAttribute("data-cinder-theme")
 }) {
-  const inheritedDir = inheritAttributes && source ? source.closest("[dir]")?.getAttribute("dir") : null;
+  const preservesExplicitDirection = element.dataset["cinderExplicitDirection"] === "true";
+  const inheritedDir = inheritAttributes && source && !preservesExplicitDirection ? source.closest("[dir]")?.getAttribute("dir") : null;
   const nextDir = inheritedDir ?? fallbackAttributes.dir;
   if (nextDir) {
     element.setAttribute("dir", nextDir);
@@ -192,4 +193,4 @@ export {
   Portal
 };
 
-//# debugId=17F208F828531DFF64756E2164756E21
+//# debugId=361AC032B1783D8264756E2164756E21

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

@@ -33,10 +33,6 @@ function classNames(...parts) {
   return parts.filter((part) => typeof part === "string" && part.length > 0).join(" ");
 }
 
-// src/components/button/button.svelte
-import"svelte/internal/disclose-version";
-import * as $ from "svelte/internal/client";
-
 // ../../node_modules/esm-env/true.js
 var true_default = true;
 // src/utilities/dev-warn.ts
@@ -47,6 +43,8 @@ function devWarn(message, ...args) {
 }
 
 // src/components/button/button.svelte
+import"svelte/internal/disclose-version";
+import * as $ from "svelte/internal/client";
 var root_2 = $.from_html(`<span class="cinder-button__icon" aria-hidden="true"><!></span>`);
 var root_4 = $.from_html(`<span class="cinder-sr-only"> </span>`);
 var root_5 = $.from_html(`<span class="cinder-button__icon" aria-hidden="true"><!></span>`);
@@ -286,6 +284,23 @@ function Pricing_card($$anchor, $$props) {
     "selected",
     "class"
   ]);
+  const renderableFeatures = $2.derived(() => {
+    const seen = new Set;
+    const result = [];
+    let hasDuplicates = false;
+    for (const feature of $$props.features) {
+      if (seen.has(feature)) {
+        hasDuplicates = true;
+      } else {
+        seen.add(feature);
+        result.push(feature);
+      }
+    }
+    if (hasDuplicates) {
+      devWarn("[cinder/PricingCard] Duplicate feature values detected. Each feature must be unique when used as a list key. Duplicates were removed; only the first occurrence of each value is shown.");
+    }
+    return result;
+  });
   var div = root();
   $2.attribute_effect(div, ($0) => ({
     class: $0,
@@ -316,11 +331,11 @@ function Pricing_card($$anchor, $$props) {
   $2.reset(div_1);
   var div_3 = $2.sibling(div_1, 2);
   var ul = $2.child(div_3);
-  $2.each(ul, 21, () => $$props.features, $2.index, ($$anchor2, feature) => {
+  $2.each(ul, 20, () => $2.get(renderableFeatures), (feature) => feature, ($$anchor2, feature) => {
     var li = root_22();
     var text_2 = $2.child(li, true);
     $2.reset(li);
-    $2.template_effect(() => $2.set_text(text_2, $2.get(feature)));
+    $2.template_effect(() => $2.set_text(text_2, feature));
     $2.append($$anchor2, li);
   });
   $2.reset(ul);
@@ -373,4 +388,4 @@ export {
   Pricing_card as PricingCard
 };
 
-//# debugId=6B2F402124B1EDA564756E2164756E21
+//# debugId=4E55F12BC199C6CB64756E2164756E21

package/dist/components/radio-group/index.js

@@ -163,9 +163,21 @@ function Radio($$anchor, $$props) {
 // src/components/radio-group/radio-group.svelte
 import"svelte/internal/disclose-version";
 import * as $2 from "svelte/internal/client";
-var root_12 = $2.from_html(`<legend class="cinder-radio-group__legend"> </legend>`);
-var root_2 = $2.from_html(`<p class="cinder-radio-group__description"> </p>`);
-var root_3 = $2.from_html(`<p class="cinder-radio-group__error" aria-live="polite"> </p>`);
+
+// ../../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/radio-group/radio-group.svelte
+var root_2 = $2.from_html(`<span class="cinder-_required-marker" aria-hidden="true">*</span>`);
+var root_12 = $2.from_html(`<legend class="cinder-radio-group__legend"> <!></legend>`);
+var root_3 = $2.from_html(`<p class="cinder-radio-group__description"> </p>`);
+var root_4 = $2.from_html(`<p class="cinder-radio-group__error" aria-live="polite"> </p>`);
 var root2 = $2.from_html(`<fieldset><!> <div class="cinder-radio-group__items"><!></div> <!> <!></fieldset>`);
 function Radio_group($$anchor, $$props) {
   const groupId = $2.props_id();
@@ -194,29 +206,47 @@ function Radio_group($$anchor, $$props) {
       value(next2);
     }
   });
+  let hasWarnedNoLegend = false;
+  $2.user_effect(() => {
+    if (!$$props.label && !hasWarnedNoLegend) {
+      hasWarnedNoLegend = true;
+      devWarn("[cinder/RadioGroup] A <fieldset> was rendered without a label prop. The fieldset will have no <legend>, which makes it inaccessible. Provide a label prop to describe the group.");
+    }
+  });
   var fieldset = root2();
   var node = $2.child(fieldset);
   {
-    var consequent = ($$anchor2) => {
+    var consequent_1 = ($$anchor2) => {
       var legend_1 = root_12();
-      var text = $2.child(legend_1, true);
+      var text = $2.child(legend_1);
+      var node_1 = $2.sibling(text);
+      {
+        var consequent = ($$anchor3) => {
+          var span = root_2();
+          $2.append($$anchor3, span);
+        };
+        $2.if(node_1, ($$render) => {
+          if (required())
+            $$render(consequent);
+        });
+      }
       $2.reset(legend_1);
-      $2.template_effect(() => $2.set_text(text, $$props.legend));
+      $2.template_effect(() => $2.set_text(text, `${$$props.label ?? ""} `));
       $2.append($$anchor2, legend_1);
     };
     $2.if(node, ($$render) => {
-      if ($$props.legend)
-        $$render(consequent);
+      if ($$props.label)
+        $$render(consequent_1);
     });
   }
   var div = $2.sibling(node, 2);
-  var node_1 = $2.child(div);
-  $2.snippet(node_1, () => $$props.children);
+  var node_2 = $2.child(div);
+  $2.snippet(node_2, () => $$props.children);
   $2.reset(div);
-  var node_2 = $2.sibling(div, 2);
+  var node_3 = $2.sibling(div, 2);
   {
-    var consequent_1 = ($$anchor2) => {
-      var p = root_2();
+    var consequent_2 = ($$anchor2) => {
+      var p = root_3();
       var text_1 = $2.child(p, true);
       $2.reset(p);
       $2.template_effect(() => {
@@ -225,15 +255,15 @@ function Radio_group($$anchor, $$props) {
       });
       $2.append($$anchor2, p);
     };
-    $2.if(node_2, ($$render) => {
+    $2.if(node_3, ($$render) => {
       if ($$props.description)
-        $$render(consequent_1);
+        $$render(consequent_2);
     });
   }
-  var node_3 = $2.sibling(node_2, 2);
+  var node_4 = $2.sibling(node_3, 2);
   {
-    var consequent_2 = ($$anchor2) => {
-      var p_1 = root_3();
+    var consequent_3 = ($$anchor2) => {
+      var p_1 = root_4();
       var text_2 = $2.child(p_1, true);
       $2.reset(p_1);
       $2.template_effect(() => {
@@ -242,9 +272,9 @@ function Radio_group($$anchor, $$props) {
       });
       $2.append($$anchor2, p_1);
     };
-    $2.if(node_3, ($$render) => {
+    $2.if(node_4, ($$render) => {
       if ($$props.error)
-        $$render(consequent_2);
+        $$render(consequent_3);
     });
   }
   $2.reset(fieldset);
@@ -274,4 +304,4 @@ export {
   RadioGroup
 };
 
-//# debugId=E40AC4ADD069E28264756E2164756E21
+//# debugId=DA6038AEF0EA52B564756E2164756E21

package/dist/components/radio-group/radio-group.css

@@ -15,6 +15,9 @@
   }
 
   .cinder-radio-group__legend {
+    display: inline-flex;
+    align-items: center;
+    gap: var(--cinder-space-1);
     font-size: var(--cinder-text-xs);
     font-weight: var(--cinder-font-medium);
     color: var(--cinder-text);

package/dist/components/radio-group/radio-group.schema.js

@@ -34,9 +34,9 @@ var schema = {
       type: "string",
       description: "Shared `name` for all radios in the group; required for native form submission."
     },
-    legend: {
+    label: {
       type: "string",
-      description: "Optional legend rendered as a `<legend>` inside the `<fieldset>`."
+      description: "Visible group caption. Rendered as a `<legend>` inside the `<fieldset>`.\nNamed `label` for consistency with every other form control — the element\nis a `<legend>` because the group is a fieldset."
     },
     description: {
       type: "string",
@@ -81,4 +81,4 @@ export {
   radio_group_schema_default as default
 };
 
-//# debugId=6592E3B486A6393164756E2164756E21
+//# debugId=9C0C03614CD7F7E964756E2164756E21

package/dist/components/radio-group/radio-group.types.d.ts

@@ -24,8 +24,12 @@ export type RadioGroupProps = {
     value?: string;
     /** Shared `name` for all radios in the group; required for native form submission. */
     name: string;
-    /** Optional legend rendered as a `<legend>` inside the `<fieldset>`. */
-    legend?: string;
+    /**
+     * Visible group caption. Rendered as a `<legend>` inside the `<fieldset>`.
+     * Named `label` for consistency with every other form control — the element
+     * is a `<legend>` because the group is a fieldset.
+     */
+    label?: string;
     /** Helper text displayed below the group; wired via `aria-describedby` on the fieldset. */
     description?: string;
     /** Validation error message; sets `aria-invalid="true"` on the group's children. */

package/dist/components/rating/index.js

@@ -144,11 +144,6 @@ function Rating($$anchor, $$props) {
     return Math.max(0, Math.min($.get(normalizedCount), rounded));
   }
   const resolvedValue = $.derived(() => snapToOption(value() ?? 0));
-  $.user_effect(() => {
-    if ($.get(resolvedValue) !== value()) {
-      value($.get(resolvedValue));
-    }
-  });
   let hoverValue = $.state(null);
   const displayValue = $.derived(() => $.get(hoverValue) ?? $.get(resolvedValue));
   const groupLabelId = $.derived(() => $$props.label ? `${$$props.id}-label` : undefined);
@@ -493,4 +488,4 @@ export {
   Rating
 };
 
-//# debugId=9E38B586D13CC7F164756E2164756E21
+//# debugId=D2FA8B69F564C35364756E2164756E21

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

@@ -32,7 +32,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",
@@ -105,4 +112,4 @@ export {
   rating_schema_default as default
 };
 
-//# debugId=E28CE9F8BE410DBB64756E2164756E21
+//# debugId=F3F388F0EC3B04D464756E2164756E21

package/dist/components/rating/rating.types.d.ts

@@ -13,6 +13,12 @@ export type RatingProps = {
     /**
      * 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.
      */
     value?: number;
     /**

package/dist/components/review-editor/comment-list.svelte.d.ts

@@ -1,5 +1,5 @@
 import type { Comment } from '@lostgradient/cinder/commentary/comments';
-import type { ReviewMode } from './review-editor-types.ts';
+import type { ReviewMode } from './review-editor.types.ts';
 export type CommentListProps = {
     /** Comments to display */
     comments: Comment[];

package/dist/components/review-editor/index.d.ts

@@ -3,7 +3,7 @@ import ReviewEditor from './review-editor.svelte';
 export default ReviewEditor;
 export type { CommentAnchor, PersistedThread, ReviewState, Thread, } from '@lostgradient/cinder/commentary/comments';
 export { ReviewEditor };
-export type { PopoverPosition, ReviewEditorDiffViewMode, ReviewEditorProps, ReviewEditorViewType, ReviewFormData, ReviewMode, } from './review-editor-types';
+export type { PopoverPosition, ReviewEditorDiffViewMode, ReviewEditorProps, ReviewEditorViewType, ReviewFormData, ReviewMode, } from './review-editor.types.ts';
 export { createReviewEditorState } from './review-editor-state.svelte';
 export type { DiffStats, ReviewEditorState, ReviewEditorStateOptions, } from './review-editor-state.svelte';
 export { createThreadManager } from './review-editor-threads.svelte';