@lostgradient/cinder 0.12.0 → 0.13.0

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

@@ -1,9 +1,9 @@
 import {
   Accordion,
   accordion_default
-} from "../../index.server-y83kqayt.js";
+} from "../../index.server-h3nzp8g8.js";
 import"../../index.server-p3aw22qv.js";
-import"../../index.server-hfx487zj.js";
+import"../../index.server-jwvxxjvc.js";
 import"../../index.server-bn02606y.js";
 import"../../index.server-z7nvkz8v.js";
 import"../../index.server-0v6na3yp.js";

package/dist/server/components/accordion-item/index.js

@@ -1,9 +1,9 @@
 import {
   accordion_item_default
-} from "../../index.server-cf6pxeyg.js";
+} from "../../index.server-0rzd71e0.js";
 import {
   Accordion_item
-} from "../../index.server-hfx487zj.js";
+} from "../../index.server-jwvxxjvc.js";
 import"../../index.server-bn02606y.js";
 import"../../index.server-z7nvkz8v.js";
 import"../../index.server-0v6na3yp.js";

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 {
@@ -707,12 +709,12 @@ import"./index.server-rqe5bqgm.js";
 import"./index.server-yq9evnp4.js";
 import {
   accordion_default
-} from "./index.server-y83kqayt.js";
+} from "./index.server-h3nzp8g8.js";
 import"./index.server-p3aw22qv.js";
 import {
   accordion_item_default
-} from "./index.server-cf6pxeyg.js";
-import"./index.server-hfx487zj.js";
+} from "./index.server-0rzd71e0.js";
+import"./index.server-jwvxxjvc.js";
 import"./index.server-bn02606y.js";
 import {
   action_row_default
@@ -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-cf6pxeyg.js → index.server-0rzd71e0.js}

@@ -1,6 +1,6 @@
 import {
   Accordion_item
-} from "./index.server-hfx487zj.js";
+} from "./index.server-jwvxxjvc.js";
 
 // src/components/accordion-item/index.ts
 var accordion_item_default = Accordion_item;

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-y83kqayt.js → index.server-h3nzp8g8.js}

@@ -4,7 +4,7 @@ import {
 import {
   Accordion_item,
   setAccordionContext
-} from "./index.server-hfx487zj.js";
+} from "./index.server-jwvxxjvc.js";
 import {
   classNames
 } from "./index.server-z7nvkz8v.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-jwvxxjvc.js

@@ -0,0 +1,50 @@
+import {
+  strictStableContext
+} from "./index.server-bn02606y.js";
+import {
+  classNames
+} from "./index.server-z7nvkz8v.js";
+
+// src/components/accordion-item/accordion-item.svelte
+import * as $ from "svelte/internal/server";
+
+// src/components/accordion/accordion.context.ts
+var [getAccordionContext, setAccordionContext] = strictStableContext("@lostgradient/cinder/accordion/context", "AccordionItem must be rendered inside an Accordion");
+
+// src/components/accordion-item/accordion-item.svelte
+function Accordion_item($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    const instanceId = $.props_id($$renderer2);
+    let {
+      id,
+      title,
+      disabled = false,
+      class: className,
+      style,
+      children
+    } = $$props;
+    const context = getAccordionContext();
+    const isExpanded = $.derived(() => context.expandedIds.includes(id));
+    const headerId = $.derived(() => `${instanceId}-header`);
+    const panelId = $.derived(() => `${instanceId}-panel`);
+    function handleClick() {
+      if (disabled)
+        return;
+      context.toggle(id);
+    }
+    $$renderer2.push(`<div${$.attr_class($.clsx(classNames("cinder-accordion-item", className)))}${$.attr_style(style)}${$.attr("data-cinder-expanded", isExpanded() ? "" : undefined)}${$.attr("data-cinder-disabled", disabled ? "" : undefined)}><h3 class="cinder-accordion-item__heading"><button type="button"${$.attr("id", headerId())} class="cinder-accordion-item__trigger"${$.attr("aria-expanded", isExpanded())}${$.attr("aria-controls", panelId())}${$.attr("disabled", disabled, true)}><span class="cinder-accordion-item__title">${$.escape(title)}</span> <svg class="cinder-accordion-item__chevron" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" focusable="false"><path fill-rule="evenodd" d="M5.22 8.22a.75.75 0 0 1 1.06 0L10 11.94l3.72-3.72a.75.75 0 1 1 1.06 1.06l-4.25 4.25a.75.75 0 0 1-1.06 0L5.22 9.28a.75.75 0 0 1 0-1.06z" clip-rule="evenodd"></path></svg></button></h3> <div${$.attr("id", panelId())} class="cinder-accordion-item__panel"${$.attr("hidden", !isExpanded())}>`);
+    if (isExpanded()) {
+      $$renderer2.push("<!--[0-->");
+      $$renderer2.push(`<div class="cinder-accordion-item__panel-inner">`);
+      children($$renderer2);
+      $$renderer2.push(`<!----></div>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--></div></div>`);
+  }, Accordion_item);
+}
+
+export { setAccordionContext, Accordion_item };
+
+//# debugId=D9BC38A69C5EE29564756E2164756E21