@lostgradient/cinder 0.12.1 → 0.13.0

package/dist/server/components/diff-viewer/index.js

@@ -1,12 +1,12 @@
 import {
   diff_viewer_default
-} from "../../index.server-jj76374p.js";
+} from "../../index.server-p071e531.js";
 import {
   Diff_viewer
-} from "../../index.server-5gzyqv78.js";
+} from "../../index.server-v3arexq8.js";
 import"../../index.server-x1dha7bk.js";
-import"../../index.server-xeqtpv61.js";
-import"../../index.server-sedjxt36.js";
+import"../../index.server-mr68brd6.js";
+import"../../index.server-e89qfamd.js";
 import"../../index.server-02tkmzvs.js";
 import"../../index.server-d2nn25sg.js";
 import"../../index.server-gmh5ar16.js";

package/dist/server/components/json-schema-editor/index.js

@@ -1,7 +1,7 @@
 import {
   Json_schema_editor,
   json_schema_editor_default
-} from "../../index.server-jfrssta6.js";
+} from "../../index.server-ck3fwrab.js";
 import"../../index.server-xjnge1yw.js";
 import"../../index.server-hcsd5gdb.js";
 import"../../index.server-smw54qtg.js";
@@ -9,10 +9,10 @@ import"../../index.server-49m5nntq.js";
 import"../../index.server-js3eva86.js";
 import"../../index.server-435sj5m6.js";
 import"../../index.server-vp3b93er.js";
-import"../../index.server-5gzyqv78.js";
+import"../../index.server-v3arexq8.js";
 import"../../index.server-x1dha7bk.js";
-import"../../index.server-xeqtpv61.js";
-import"../../index.server-sedjxt36.js";
+import"../../index.server-mr68brd6.js";
+import"../../index.server-e89qfamd.js";
 import"../../index.server-02tkmzvs.js";
 import"../../index.server-d2nn25sg.js";
 import"../../index.server-gmh5ar16.js";

package/dist/server/components/markdown-editor/index.js

@@ -1,9 +1,9 @@
 import {
   Markdown_editor
-} from "../../index.server-pag862vz.js";
+} from "../../index.server-grgv455a.js";
 import"../../index.server-5exh7rmw.js";
-import"../../index.server-xeqtpv61.js";
-import"../../index.server-sedjxt36.js";
+import"../../index.server-mr68brd6.js";
+import"../../index.server-e89qfamd.js";
 import"../../index.server-8xvc73zh.js";
 import"../../index.server-42qeekwc.js";
 import"../../index.server-0a8m173j.js";

package/dist/server/components/review-editor/index.js

@@ -1,6 +1,6 @@
 import {
   Markdown_editor
-} from "../../index.server-pag862vz.js";
+} from "../../index.server-grgv455a.js";
 import {
   Selection_popover
 } from "../../index.server-np3c7kx0.js";
@@ -13,14 +13,14 @@ import {
 } from "../../index.server-5mc2vsy0.js";
 import {
   Diff_viewer
-} from "../../index.server-5gzyqv78.js";
+} from "../../index.server-v3arexq8.js";
 import"../../index.server-x1dha7bk.js";
 import {
   Segmented_control
-} from "../../index.server-xeqtpv61.js";
+} from "../../index.server-mr68brd6.js";
 import {
   Segment
-} from "../../index.server-sedjxt36.js";
+} from "../../index.server-e89qfamd.js";
 import"../../index.server-02tkmzvs.js";
 import"../../index.server-d2nn25sg.js";
 import"../../index.server-gmh5ar16.js";

package/dist/server/components/schedule-builder/index.js

@@ -1,13 +1,13 @@
 import {
   Schedule_builder,
   schedule_builder_default
-} from "../../index.server-qbkxz7r2.js";
+} from "../../index.server-nx9c2ep1.js";
 import"../../index.server-c42b462p.js";
 import"../../index.server-ex3ea9z0.js";
 import"../../index.server-d146g8pr.js";
 import"../../index.server-chh0fzxj.js";
-import"../../index.server-xeqtpv61.js";
-import"../../index.server-sedjxt36.js";
+import"../../index.server-mr68brd6.js";
+import"../../index.server-e89qfamd.js";
 import"../../index.server-8xvc73zh.js";
 import"../../index.server-42qeekwc.js";
 import"../../index.server-b6jr01st.js";

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

@@ -1,9 +1,9 @@
 import {
   segment_default
-} from "../../index.server-jgb8yh5k.js";
+} from "../../index.server-2m1kenak.js";
 import {
   Segment
-} from "../../index.server-sedjxt36.js";
+} from "../../index.server-e89qfamd.js";
 import"../../index.server-0a8m173j.js";
 import"../../index.server-h54v6c32.js";
 import"../../index.server-bn02606y.js";

package/dist/server/components/segmented-control/index.js

@@ -1,12 +1,12 @@
 import {
   segmented_control_default
-} from "../../index.server-85p4ydph.js";
+} from "../../index.server-zzd5wpbw.js";
 import {
   Segmented_control
-} from "../../index.server-xeqtpv61.js";
+} from "../../index.server-mr68brd6.js";
 import {
   Segment
-} from "../../index.server-sedjxt36.js";
+} from "../../index.server-e89qfamd.js";
 import"../../index.server-0a8m173j.js";
 import"../../index.server-h54v6c32.js";
 import"../../index.server-bn02606y.js";

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

@@ -1,7 +1,9 @@
 import {
+  SIDEBAR_MOBILE_BREAKPOINT,
+  SIDEBAR_MOBILE_MEDIA_QUERY,
   Sidebar,
   sidebar_default
-} from "../../index.server-2qj6s2mh.js";
+} from "../../index.server-j570vb03.js";
 import"../../index.server-6sh11ap6.js";
 import"../../index.server-6zgzghtm.js";
 import"../../index.server-78d33trm.js";
@@ -16,7 +18,9 @@ import"../../index.server-z7nvkz8v.js";
 import"../../index.server-0v6na3yp.js";
 export {
   sidebar_default as default,
-  Sidebar
+  Sidebar,
+  SIDEBAR_MOBILE_MEDIA_QUERY,
+  SIDEBAR_MOBILE_BREAKPOINT
 };
 
-//# debugId=06655606E401B50864756E2164756E21
+//# debugId=B443088303BD8A2D64756E2164756E21

package/dist/server/index.js

@@ -127,8 +127,10 @@ import {
   side_navigation_item_default
 } from "./index.server-k1fyyae7.js";
 import {
+  SIDEBAR_MOBILE_BREAKPOINT,
+  SIDEBAR_MOBILE_MEDIA_QUERY,
   sidebar_default
-} from "./index.server-2qj6s2mh.js";
+} from "./index.server-j570vb03.js";
 import {
   skeleton_default
 } from "./index.server-5fypkt27.js";
@@ -152,7 +154,7 @@ import {
 } from "./index.server-1221p7e4.js";
 import {
   segmented_control_default
-} from "./index.server-85p4ydph.js";
+} from "./index.server-zzd5wpbw.js";
 import {
   select_default
 } from "./index.server-8ak2cftv.js";
@@ -182,7 +184,7 @@ import {
 } from "./index.server-g5jgq3jp.js";
 import {
   schedule_builder_default
-} from "./index.server-qbkxz7r2.js";
+} from "./index.server-nx9c2ep1.js";
 import"./index.server-c42b462p.js";
 import {
   readSchemaFormData,
@@ -203,7 +205,7 @@ import {
 } from "./index.server-gn10jdzk.js";
 import {
   segment_default
-} from "./index.server-jgb8yh5k.js";
+} from "./index.server-2m1kenak.js";
 import {
   pricing_card_default
 } from "./index.server-5c8qde3q.js";
@@ -346,7 +348,7 @@ import {
 import {
   json_schema_editor_default,
   useHistory
-} from "./index.server-jfrssta6.js";
+} from "./index.server-ck3fwrab.js";
 import"./index.server-xjnge1yw.js";
 import"./index.server-hcsd5gdb.js";
 import"./index.server-smw54qtg.js";
@@ -463,11 +465,11 @@ import {
 import"./index.server-5mc2vsy0.js";
 import {
   diff_viewer_default
-} from "./index.server-jj76374p.js";
-import"./index.server-5gzyqv78.js";
+} from "./index.server-p071e531.js";
+import"./index.server-v3arexq8.js";
 import"./index.server-x1dha7bk.js";
-import"./index.server-xeqtpv61.js";
-import"./index.server-sedjxt36.js";
+import"./index.server-mr68brd6.js";
+import"./index.server-e89qfamd.js";
 import"./index.server-02tkmzvs.js";
 import"./index.server-d2nn25sg.js";
 import {
@@ -931,6 +933,8 @@ var ShortcutHintExport = shortcut_hint_default;
 var SideNavigationExport = side_navigation_default;
 var SideNavigationGroupExport = side_navigation_group_default;
 var SideNavigationItemExport = side_navigation_item_default;
+var SIDEBAR_MOBILE_BREAKPOINTExport = SIDEBAR_MOBILE_BREAKPOINT;
+var SIDEBAR_MOBILE_MEDIA_QUERYExport = SIDEBAR_MOBILE_MEDIA_QUERY;
 var SidebarExport = sidebar_default;
 var SortableListExport = sortable_list_default;
 var SkeletonExport = skeleton_default;
@@ -1078,6 +1082,8 @@ export {
   ScrollAreaExport as ScrollArea,
   SchemaFormExport as SchemaForm,
   ScheduleBuilderExport as ScheduleBuilder,
+  SIDEBAR_MOBILE_MEDIA_QUERYExport as SIDEBAR_MOBILE_MEDIA_QUERY,
+  SIDEBAR_MOBILE_BREAKPOINTExport as SIDEBAR_MOBILE_BREAKPOINT,
   RunStepTimelineExport as RunStepTimeline,
   ResizablePanelsExport as ResizablePanels,
   RatingExport as Rating,
@@ -1214,4 +1220,4 @@ export {
   AccessGateExport as AccessGate
 };
 
-//# debugId=F0C951E819A724F664756E2164756E21
+//# debugId=8624E3AEE433122364756E2164756E21

package/dist/server/{index.server-jgb8yh5k.js → index.server-2m1kenak.js}

@@ -1,6 +1,6 @@
 import {
   Segment
-} from "./index.server-sedjxt36.js";
+} from "./index.server-e89qfamd.js";
 
 // src/components/segment/index.ts
 var segment_default = Segment;

package/dist/server/{index.server-jfrssta6.js → index.server-ck3fwrab.js}

@@ -18,7 +18,7 @@ import {
 } from "./index.server-vp3b93er.js";
 import {
   Diff_viewer
-} from "./index.server-5gzyqv78.js";
+} from "./index.server-v3arexq8.js";
 import {
   Input
 } from "./index.server-8xvc73zh.js";

package/dist/server/{index.server-sedjxt36.js → index.server-e89qfamd.js}

@@ -150,22 +150,30 @@ function Segment($$renderer, $$props) {
   $$renderer.component(($$renderer2) => {
     let {
       value,
+      href,
+      download,
+      target,
+      rel,
+      current = false,
+      currentToken = "page",
       disabled = false,
       controls,
       leading,
       trailing,
       children,
       class: customClassName,
+      onclick,
       $$slots,
       $$events,
       ...rest
     } = $$props;
     const context = getSegmentedControlContext();
+    const buttonValue = $2.derived(() => value ?? href ?? "");
     const registerSegment = (node) => {
       return untrack(() => context.register({
         node,
         get value() {
-          return value;
+          return buttonValue();
         },
         get disabled() {
           return disabled || context.controlDisabled;
@@ -175,49 +183,85 @@ function Segment($$renderer, $$props) {
         }
       }));
     };
-    const isSelected = $2.derived(() => context.isSelected(value));
-    const isFocusable = $2.derived(() => context.isFocusable(value));
+    const isSelected = $2.derived(() => context.isSelected(buttonValue()));
+    const isFocusable = $2.derived(() => context.isFocusable(buttonValue()));
     const effectiveDisabled = $2.derived(() => disabled || context.controlDisabled);
+    const isNavigationItem = $2.derived(() => context.variant === "navigation");
+    const anchorDisabled = $2.derived(() => effectiveDisabled() || href === undefined);
+    const elementAttributes = $2.derived(() => rest);
+    const anchorTabindex = $2.derived(() => anchorDisabled() ? -1 : elementAttributes().tabindex);
     const role = $2.derived(() => context.selectionMode === "multiple" ? undefined : context.variant === "tablist" ? "tab" : "radio");
-    $$renderer2.push(`<button${$2.attributes({
-      ...rest,
-      type: "button",
-      role: role(),
-      "data-cinder-segment-value": value,
-      "aria-checked": role() === "radio" ? isSelected() : undefined,
-      "aria-selected": role() === "tab" ? isSelected() : undefined,
-      "aria-pressed": context.selectionMode === "multiple" ? isSelected() : undefined,
-      "aria-controls": role() === "tab" ? controls : undefined,
-      "aria-disabled": effectiveDisabled() ? "true" : undefined,
-      disabled: context.selectionMode === "multiple" ? effectiveDisabled() : undefined,
-      tabindex: isFocusable() ? 0 : -1,
-      class: $2.clsx(classNames("cinder-segmented-control-option", customClassName)),
-      "data-cinder-selected": isSelected() ? "" : undefined,
-      "data-cinder-pressed": context.selectionMode === "multiple" && isSelected() ? "" : undefined
-    })}>`);
-    if (leading) {
-      $$renderer2.push("<!--[0-->");
-      $$renderer2.push(`<span class="cinder-segmented-control-option-icon" aria-hidden="true">`);
-      leading($$renderer2);
-      $$renderer2.push(`<!----></span>`);
-    } else {
-      $$renderer2.push("<!--[-1-->");
+    function handleAnchorClick(event) {
+      if (anchorDisabled()) {
+        event.preventDefault();
+        return;
+      }
+      onclick?.(event);
+    }
+    function content($$renderer3) {
+      if (leading) {
+        $$renderer3.push("<!--[0-->");
+        $$renderer3.push(`<span class="cinder-segmented-control-option-icon" aria-hidden="true">`);
+        leading($$renderer3);
+        $$renderer3.push(`<!----></span>`);
+      } else {
+        $$renderer3.push("<!--[-1-->");
+      }
+      $$renderer3.push(`<!--]--> `);
+      children?.($$renderer3);
+      $$renderer3.push(`<!----> `);
+      if (trailing) {
+        $$renderer3.push("<!--[0-->");
+        $$renderer3.push(`<span class="cinder-segmented-control-option-trailing" aria-hidden="true">`);
+        trailing($$renderer3);
+        $$renderer3.push(`<!----></span>`);
+      } else {
+        $$renderer3.push("<!--[-1-->");
+      }
+      $$renderer3.push(`<!--]-->`);
     }
-    $$renderer2.push(`<!--]--> `);
-    children?.($$renderer2);
-    $$renderer2.push(`<!----> `);
-    if (trailing) {
+    if (isNavigationItem()) {
       $$renderer2.push("<!--[0-->");
-      $$renderer2.push(`<span class="cinder-segmented-control-option-trailing" aria-hidden="true">`);
-      trailing($$renderer2);
-      $$renderer2.push(`<!----></span>`);
+      $$renderer2.push(`<a${$2.attributes({
+        ...elementAttributes(),
+        href: anchorDisabled() ? undefined : href,
+        download,
+        target,
+        rel,
+        "data-cinder-segment-value": buttonValue(),
+        "aria-current": current ? currentToken : undefined,
+        "aria-disabled": anchorDisabled() ? "true" : undefined,
+        tabindex: anchorTabindex(),
+        class: $2.clsx(classNames("cinder-segmented-control-option", customClassName)),
+        "data-cinder-current": current ? "" : undefined
+      })}>`);
+      content($$renderer2);
+      $$renderer2.push(`<!----></a>`);
     } else {
       $$renderer2.push("<!--[-1-->");
+      $$renderer2.push(`<button${$2.attributes({
+        ...elementAttributes(),
+        type: "button",
+        role: role(),
+        "data-cinder-segment-value": buttonValue(),
+        "aria-checked": role() === "radio" ? isSelected() : undefined,
+        "aria-selected": role() === "tab" ? isSelected() : undefined,
+        "aria-pressed": context.selectionMode === "multiple" ? isSelected() : undefined,
+        "aria-controls": role() === "tab" ? controls : undefined,
+        "aria-disabled": effectiveDisabled() ? "true" : undefined,
+        disabled: context.selectionMode === "multiple" ? effectiveDisabled() : undefined,
+        tabindex: isFocusable() ? 0 : -1,
+        class: $2.clsx(classNames("cinder-segmented-control-option", customClassName)),
+        "data-cinder-selected": isSelected() ? "" : undefined,
+        "data-cinder-pressed": context.selectionMode === "multiple" && isSelected() ? "" : undefined
+      })}>`);
+      content($$renderer2);
+      $$renderer2.push(`<!----></button>`);
     }
-    $$renderer2.push(`<!--]--></button>`);
+    $$renderer2.push(`<!--]-->`);
   }, Segment);
 }
 
 export { setSegmentedControlContext, SegmentedControlController, Segment };
 
-//# debugId=09DC6D8F3FE30AE564756E2164756E21
+//# debugId=22B39BFFD2E4825964756E2164756E21

package/dist/server/{index.server-pag862vz.js → index.server-grgv455a.js}

@@ -3,10 +3,10 @@ import {
 } from "./index.server-5exh7rmw.js";
 import {
   Segmented_control
-} from "./index.server-xeqtpv61.js";
+} from "./index.server-mr68brd6.js";
 import {
   Segment
-} from "./index.server-sedjxt36.js";
+} from "./index.server-e89qfamd.js";
 import {
   Input
 } from "./index.server-8xvc73zh.js";

package/dist/server/{index.server-2qj6s2mh.js → index.server-j570vb03.js}

@@ -20,6 +20,10 @@ function setSidebarContext(context) {
 }
 var getSidebarContext = optionalContext(getSidebarContextStrict);
 
+// src/components/sidebar/sidebar.constants.ts
+var SIDEBAR_MOBILE_BREAKPOINT = "47.99rem";
+var SIDEBAR_MOBILE_MEDIA_QUERY = `(max-width: ${SIDEBAR_MOBILE_BREAKPOINT})`;
+
 // src/components/sidebar/sidebar.svelte
 function Sidebar($$renderer, $$props) {
   $$renderer.component(($$renderer2) => {
@@ -46,7 +50,7 @@ function Sidebar($$renderer, $$props) {
     const navigationLabel = $.derived(() => `${validatedLabel()} navigation`);
     const hasMatchMedia = typeof window !== "undefined" && typeof window.matchMedia === "function";
     const usesSsrResponsiveFallback = !hasMatchMedia;
-    const mobile = hasMatchMedia ? new MediaQuery("(max-width: 47.99rem)", false) : { current: false };
+    const mobile = hasMatchMedia ? new MediaQuery(SIDEBAR_MOBILE_MEDIA_QUERY, false) : { current: false };
     const context = {
       get collapsed() {
         return collapsed;
@@ -139,6 +143,6 @@ function Sidebar($$renderer, $$props) {
 
 // src/components/sidebar/index.ts
 var sidebar_default = Sidebar;
-export { Sidebar, sidebar_default };
+export { SIDEBAR_MOBILE_BREAKPOINT, SIDEBAR_MOBILE_MEDIA_QUERY, Sidebar, sidebar_default };
 
-//# debugId=4AE415A204BE6FC264756E2164756E21
+//# debugId=26ACAE732F6718FE64756E2164756E21

package/dist/server/{index.server-xeqtpv61.js → index.server-mr68brd6.js}

@@ -1,7 +1,7 @@
 import {
   SegmentedControlController,
   setSegmentedControlContext
-} from "./index.server-sedjxt36.js";
+} from "./index.server-e89qfamd.js";
 import {
   classNames
 } from "./index.server-z7nvkz8v.js";
@@ -38,9 +38,11 @@ function Segmented_control($$renderer, $$props) {
     let resetSyncTimeout;
     const initialSingleValue = untrack(() => typeof value === "string" ? value : undefined);
     const initialMultipleValues = untrack(() => selectionMode === "multiple" && value instanceof SvelteSet ? Array.from(value) : undefined);
+    const effectiveVariant = $.derived(() => selectionMode === "multiple" && variant !== "radiogroup" ? "radiogroup" : variant);
+    const rendersNavigation = $.derived(() => effectiveVariant() === "navigation");
     const controller = new SegmentedControlController({
       selectionMode: () => selectionMode,
-      variant: () => variant,
+      variant: () => effectiveVariant(),
       orientation: () => orientation,
       controlDisabled: () => disabled,
       disallowEmptySelection: () => disallowEmptySelection,
@@ -55,7 +57,7 @@ function Segmented_control($$renderer, $$props) {
         return selectionMode;
       },
       get variant() {
-        return variant;
+        return effectiveVariant();
       },
       get controlDisabled() {
         return disabled;
@@ -66,7 +68,7 @@ function Segmented_control($$renderer, $$props) {
       toggle: (segmentValue) => controller.toggle(segmentValue)
     };
     setSegmentedControlContext(contextValue);
-    const groupRole = $.derived(() => selectionMode === "multiple" ? "group" : variant === "tablist" ? "tablist" : "radiogroup");
+    const groupRole = $.derived(() => selectionMode === "multiple" ? "group" : variant === "navigation" ? undefined : variant === "tablist" ? "tablist" : "radiogroup");
     const effectiveSize = $.derived(() => density === "toolbar" ? "sm" : size);
     const selectedValues = $.derived(() => selectionMode === "multiple" ? value instanceof SvelteSet ? Array.from(value) : [] : typeof value === "string" ? [value] : []);
     function resetToInitialValue(event) {
@@ -83,25 +85,48 @@ function Segmented_control($$renderer, $$props) {
         value = initialSingleValue;
       }, 0);
     }
-    $$renderer2.push(`<div class="cinder-segmented-control-container"><span${$.attr("id", `${id}-label`)}${$.attr_class($.clsx(classNames("cinder-segmented-control-label", hideLabel && "cinder-sr-only")))}>${$.escape(label)}</span> <div${$.attributes({
-      ...rest,
-      id,
-      role: groupRole(),
-      "aria-labelledby": `${id}-label`,
-      "aria-disabled": disabled ? "true" : undefined,
-      "aria-orientation": selectionMode === "single" ? orientation : undefined,
-      "data-cinder-orientation": orientation,
-      "data-cinder-size": effectiveSize(),
-      "data-cinder-density": density === "toolbar" ? "toolbar" : undefined,
-      "data-cinder-selection-mode": selectionMode,
-      "data-cinder-detached": detached ? "" : undefined,
-      "data-cinder-full-width": fullWidth ? "" : undefined,
-      "data-cinder-variant": variant,
-      class: $.clsx(classNames("cinder-segmented-control", customClassName))
-    })}>`);
-    children($$renderer2);
-    $$renderer2.push(`<!----></div> `);
-    if (name) {
+    $$renderer2.push(`<div class="cinder-segmented-control-container"><span${$.attr("id", `${id}-label`)}${$.attr_class($.clsx(classNames("cinder-segmented-control-label", hideLabel && "cinder-sr-only")))}>${$.escape(label)}</span> `);
+    if (rendersNavigation()) {
+      $$renderer2.push("<!--[0-->");
+      $$renderer2.push(`<nav${$.attributes({
+        ...rest,
+        id,
+        role: "navigation",
+        "aria-labelledby": `${id}-label`,
+        "data-cinder-orientation": orientation,
+        "data-cinder-size": effectiveSize(),
+        "data-cinder-density": density === "toolbar" ? "toolbar" : undefined,
+        "data-cinder-selection-mode": selectionMode,
+        "data-cinder-detached": detached ? "" : undefined,
+        "data-cinder-full-width": fullWidth ? "" : undefined,
+        "data-cinder-variant": effectiveVariant(),
+        class: $.clsx(classNames("cinder-segmented-control", customClassName))
+      })}>`);
+      children($$renderer2);
+      $$renderer2.push(`<!----></nav>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+      $$renderer2.push(`<div${$.attributes({
+        ...rest,
+        id,
+        role: groupRole(),
+        "aria-labelledby": `${id}-label`,
+        "aria-disabled": disabled ? "true" : undefined,
+        "aria-orientation": selectionMode === "single" ? orientation : undefined,
+        "data-cinder-orientation": orientation,
+        "data-cinder-size": effectiveSize(),
+        "data-cinder-density": density === "toolbar" ? "toolbar" : undefined,
+        "data-cinder-selection-mode": selectionMode,
+        "data-cinder-detached": detached ? "" : undefined,
+        "data-cinder-full-width": fullWidth ? "" : undefined,
+        "data-cinder-variant": effectiveVariant(),
+        class: $.clsx(classNames("cinder-segmented-control", customClassName))
+      })}>`);
+      children($$renderer2);
+      $$renderer2.push(`<!----></div>`);
+    }
+    $$renderer2.push(`<!--]--> `);
+    if (name && !rendersNavigation()) {
       $$renderer2.push("<!--[0-->");
       $$renderer2.push(`<input type="hidden" disabled=""/> <!--[-->`);
       const each_array = $.ensure_array_like(selectedValues());
@@ -120,4 +145,4 @@ function Segmented_control($$renderer, $$props) {
 
 export { Segmented_control };
 
-//# debugId=29124683D3F7021064756E2164756E21
+//# debugId=2670B4695EBCBA5F64756E2164756E21

package/dist/server/{index.server-qbkxz7r2.js → index.server-nx9c2ep1.js}

@@ -9,10 +9,10 @@ import {
 } from "./index.server-d146g8pr.js";
 import {
   Segmented_control
-} from "./index.server-xeqtpv61.js";
+} from "./index.server-mr68brd6.js";
 import {
   Segment
-} from "./index.server-sedjxt36.js";
+} from "./index.server-e89qfamd.js";
 import {
   Input
 } from "./index.server-8xvc73zh.js";

package/dist/server/{index.server-jj76374p.js → index.server-p071e531.js}

@@ -1,6 +1,6 @@
 import {
   Diff_viewer
-} from "./index.server-5gzyqv78.js";
+} from "./index.server-v3arexq8.js";
 
 // src/components/diff-viewer/index.ts
 var diff_viewer_default = Diff_viewer;

package/dist/server/{index.server-5gzyqv78.js → index.server-v3arexq8.js}

@@ -3,10 +3,10 @@ import {
 } from "./index.server-x1dha7bk.js";
 import {
   Segmented_control
-} from "./index.server-xeqtpv61.js";
+} from "./index.server-mr68brd6.js";
 import {
   Segment
-} from "./index.server-sedjxt36.js";
+} from "./index.server-e89qfamd.js";
 import {
   Kbd
 } from "./index.server-02tkmzvs.js";

package/dist/server/{index.server-85p4ydph.js → index.server-zzd5wpbw.js}

@@ -1,6 +1,6 @@
 import {
   Segmented_control
-} from "./index.server-xeqtpv61.js";
+} from "./index.server-mr68brd6.js";
 
 // src/components/segmented-control/index.ts
 var segmented_control_default = Segmented_control;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lostgradient/cinder",
-  "version": "0.12.1",
+  "version": "0.13.0",
   "description": "A Svelte 5 component library and design system focused on accessibility, theming, and per-component tree-shaking.",
   "keywords": [
     "svelte",