@lostgradient/cinder 0.9.0 → 0.12.0

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

@@ -0,0 +1,3176 @@
+var __create = Object.create;
+var __getProtoOf = Object.getPrototypeOf;
+var __defProp = Object.defineProperty;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+function __accessProp(key) {
+  return this[key];
+}
+var __toESMCache_node;
+var __toESMCache_esm;
+var __toESM = (mod, isNodeMode, target) => {
+  var canCache = mod != null && typeof mod === "object";
+  if (canCache) {
+    var cache = isNodeMode ? __toESMCache_node ??= new WeakMap : __toESMCache_esm ??= new WeakMap;
+    var cached = cache.get(mod);
+    if (cached)
+      return cached;
+  }
+  target = mod != null ? __create(__getProtoOf(mod)) : {};
+  const to = isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target;
+  for (let key of __getOwnPropNames(mod))
+    if (!__hasOwnProp.call(to, key))
+      __defProp(to, key, {
+        get: __accessProp.bind(mod, key),
+        enumerable: true
+      });
+  if (canCache)
+    cache.set(mod, to);
+  return to;
+};
+var __commonJS = (cb, mod) => () => (mod || cb((mod = { exports: {} }).exports, mod), mod.exports);
+var __returnValue = (v) => v;
+function __exportSetter(name, newValue) {
+  this[name] = __returnValue.bind(null, newValue);
+}
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, {
+      get: all[name],
+      enumerable: true,
+      configurable: true,
+      set: __exportSetter.bind(all, name)
+    });
+};
+var __esm = (fn, res) => () => (fn && (res = fn(fn = 0)), res);
+var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
+  get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
+}) : x)(function(x) {
+  if (typeof require !== "undefined")
+    return require.apply(this, arguments);
+  throw Error('Dynamic require of "' + x + '" is not supported');
+});
+
+// src/components/schedule-builder/index.ts
+import"@lostgradient/cinder/schedule-builder/styles";
+
+// src/components/schedule-builder/schedule-builder.svelte
+import"svelte/internal/disclose-version";
+import * as $9 from "svelte/internal/client";
+
+// src/utilities/class-names.ts
+function classNames(...parts) {
+  return parts.filter((part) => typeof part === "string" && part.length > 0).join(" ");
+}
+
+// src/components/chip/chip.svelte
+import"svelte/internal/disclose-version";
+import * as $ from "svelte/internal/client";
+var rest_excludes = new Set(["$$slots", "$$events", "$$legacy"]);
+var root = $.from_html(`<span class="cinder-chip__icon" aria-hidden="true"><!></span>`);
+var root_1 = $.from_html(`<button><!> <span class="cinder-chip__label"> </span></button>`);
+var root_2 = $.from_html(`<span><!> <span class="cinder-chip__label"> </span> <button type="button" class="cinder-chip__remove"><span aria-hidden="true">×</span></button></span>`);
+var root_3 = $.from_html(`<span><!> <span class="cinder-chip__label"> </span></span>`);
+function Chip($$anchor, $$props) {
+  $.push($$props, true);
+  let props = $.rest_props($$props, rest_excludes);
+  const mode = $.derived(() => $$props.mode ?? "display");
+  const label = $.derived(() => $$props.label);
+  const variant = $.derived(() => $$props.variant ?? "neutral");
+  const size = $.derived(() => $$props.size ?? "md");
+  const density = $.derived(() => $$props.density);
+  const customClassName = $.derived(() => $$props.class);
+  const leadingIcon = $.derived(() => $$props.leadingIcon);
+  const pressed = $.derived(() => $.get(mode) === "toggle" ? $$props.pressed : false);
+  const onpressedchange = $.derived(() => $.get(mode) === "toggle" ? $$props.onpressedchange : undefined);
+  const disabled = $.derived(() => $.get(mode) !== "display" ? $$props.disabled : undefined);
+  const consumerOnClick = $.derived(() => $.get(mode) === "toggle" ? $$props.onclick : undefined);
+  const ariaLabelRaw = $.derived(() => $.get(mode) === "toggle" ? props["aria-label"] : undefined);
+  const ariaLabel = $.derived(() => typeof $.get(ariaLabelRaw) === "string" && $.get(ariaLabelRaw).trim().length > 0 ? $.get(ariaLabelRaw) : undefined);
+  const onremove = $.derived(() => $.get(mode) === "removable" ? $$props.onremove : undefined);
+  const removeAriaLabel = $.derived(() => {
+    if ($.get(mode) !== "removable")
+      return;
+    const raw = $$props.removeAriaLabel;
+    return typeof raw === "string" && raw.trim().length > 0 ? raw : undefined;
+  });
+  const BESPOKE_KEYS = new Set([
+    "mode",
+    "label",
+    "variant",
+    "size",
+    "density",
+    "leadingIcon",
+    "class",
+    "pressed",
+    "onpressedchange",
+    "disabled",
+    "onremove",
+    "removeAriaLabel"
+  ]);
+  const rest = $.derived(() => {
+    const result = {};
+    for (const [key, value] of Object.entries(props)) {
+      if (!BESPOKE_KEYS.has(key)) {
+        result[key] = value;
+      }
+    }
+    return result;
+  });
+  const removableAriaLabel = $.derived(() => {
+    const forwarded = $.get(rest)["aria-label"];
+    return typeof forwarded === "string" && forwarded.trim().length > 0 ? forwarded : $.get(label);
+  });
+  var fragment = $.comment();
+  var node = $.first_child(fragment);
+  {
+    var consequent_1 = ($$anchor2) => {
+      var button = root_1();
+      var event_handler = (event) => {
+        if ($.get(disabled))
+          return;
+        $.get(consumerOnClick)?.(event);
+        if (!event.defaultPrevented) {
+          $.get(onpressedchange)?.(!$.get(pressed));
+        }
+      };
+      $.attribute_effect(button, ($0) => ({
+        ...$.get(rest),
+        type: "button",
+        "data-cinder-mode": "toggle",
+        "data-cinder-variant": $.get(variant),
+        "data-cinder-size": $.get(size),
+        "data-cinder-density": $.get(density) === "toolbar" ? "toolbar" : undefined,
+        class: $0,
+        "aria-pressed": $.get(pressed),
+        "aria-label": $.get(ariaLabel),
+        disabled: $.get(disabled),
+        onclick: event_handler
+      }), [() => classNames("cinder-chip", $.get(customClassName))]);
+      var node_1 = $.child(button);
+      {
+        var consequent = ($$anchor3) => {
+          var span = root();
+          var node_2 = $.child(span);
+          $.snippet(node_2, () => $.get(leadingIcon));
+          $.reset(span);
+          $.append($$anchor3, span);
+        };
+        $.if(node_1, ($$render) => {
+          if ($.get(leadingIcon))
+            $$render(consequent);
+        });
+      }
+      var span_1 = $.sibling(node_1, 2);
+      var text = $.child(span_1, true);
+      $.reset(span_1);
+      $.reset(button);
+      $.template_effect(() => $.set_text(text, $.get(label)));
+      $.append($$anchor2, button);
+    };
+    var consequent_3 = ($$anchor2) => {
+      var span_2 = root_2();
+      $.attribute_effect(span_2, ($0) => ({
+        ...$.get(rest),
+        role: "group",
+        "aria-label": $.get(removableAriaLabel),
+        "data-cinder-mode": "removable",
+        "data-cinder-variant": $.get(variant),
+        "data-cinder-size": $.get(size),
+        "data-cinder-density": $.get(density) === "toolbar" ? "toolbar" : undefined,
+        "data-cinder-disabled": $.get(disabled) || undefined,
+        "aria-disabled": $.get(disabled) || undefined,
+        class: $0
+      }), [() => classNames("cinder-chip", $.get(customClassName))]);
+      var node_3 = $.child(span_2);
+      {
+        var consequent_2 = ($$anchor3) => {
+          var span_3 = root();
+          var node_4 = $.child(span_3);
+          $.snippet(node_4, () => $.get(leadingIcon));
+          $.reset(span_3);
+          $.append($$anchor3, span_3);
+        };
+        $.if(node_3, ($$render) => {
+          if ($.get(leadingIcon))
+            $$render(consequent_2);
+        });
+      }
+      var span_4 = $.sibling(node_3, 2);
+      var text_1 = $.child(span_4, true);
+      $.reset(span_4);
+      var button_1 = $.sibling(span_4, 2);
+      $.reset(span_2);
+      $.template_effect(() => {
+        $.set_text(text_1, $.get(label));
+        $.set_attribute(button_1, "aria-label", $.get(removeAriaLabel) ?? `Remove ${$.get(label)}`);
+        button_1.disabled = $.get(disabled);
+      });
+      $.delegated("click", button_1, () => {
+        if (!$.get(disabled))
+          $.get(onremove)?.();
+      });
+      $.append($$anchor2, span_2);
+    };
+    var alternate = ($$anchor2) => {
+      var span_5 = root_3();
+      $.attribute_effect(span_5, ($0) => ({
+        ...$.get(rest),
+        "data-cinder-mode": "display",
+        "data-cinder-variant": $.get(variant),
+        "data-cinder-size": $.get(size),
+        "data-cinder-density": $.get(density) === "toolbar" ? "toolbar" : undefined,
+        class: $0
+      }), [() => classNames("cinder-chip", $.get(customClassName))]);
+      var node_5 = $.child(span_5);
+      {
+        var consequent_4 = ($$anchor3) => {
+          var span_6 = root();
+          var node_6 = $.child(span_6);
+          $.snippet(node_6, () => $.get(leadingIcon));
+          $.reset(span_6);
+          $.append($$anchor3, span_6);
+        };
+        $.if(node_5, ($$render) => {
+          if ($.get(leadingIcon))
+            $$render(consequent_4);
+        });
+      }
+      var span_7 = $.sibling(node_5, 2);
+      var text_2 = $.child(span_7, true);
+      $.reset(span_7);
+      $.reset(span_5);
+      $.template_effect(() => $.set_text(text_2, $.get(label)));
+      $.append($$anchor2, span_5);
+    };
+    $.if(node, ($$render) => {
+      if ($.get(mode) === "toggle")
+        $$render(consequent_1);
+      else if ($.get(mode) === "removable")
+        $$render(consequent_3, 1);
+      else
+        $$render(alternate, -1);
+    });
+  }
+  $.append($$anchor, fragment);
+  $.pop();
+}
+$.delegate(["click"]);
+
+// src/components/input/input.svelte
+import"svelte/internal/disclose-version";
+import * as $2 from "svelte/internal/client";
+
+// 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);
+
+// ../../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/utilities/value-change.ts
+function commitValue(proposed, onValueChange, setValue) {
+  const committed = onValueChange?.(proposed) ?? proposed;
+  setValue(committed);
+  return committed;
+}
+
+// src/components/input/input.svelte
+var calendarIcon = ($$anchor) => {
+  var svg = root2();
+  $2.append($$anchor, svg);
+};
+var rest_excludes2 = new Set([
+  "$$slots",
+  "$$events",
+  "$$legacy",
+  "id",
+  "value",
+  "onValueChange",
+  "label",
+  "hideLabel",
+  "description",
+  "error",
+  "disabled",
+  "required",
+  "type",
+  "class",
+  "leading",
+  "trailing",
+  "leadingInteractive",
+  "trailingInteractive",
+  "aria-describedby",
+  "aria-invalid",
+  "oninput"
+]);
+var root2 = $2.from_svg(`<svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="4" width="18" height="18" rx="2" ry="2"></rect><line x1="16" y1="2" x2="16" y2="6"></line><line x1="8" y1="2" x2="8" y2="6"></line><line x1="3" y1="10" x2="21" y2="10"></line></svg>`);
+var root_12 = $2.from_html(`<input/>`);
+var root_22 = $2.from_html(`<span class="cinder-_required-marker" aria-hidden="true">*</span>`);
+var root_32 = $2.from_html(`<label> <!></label>`);
+var root_4 = $2.from_html(`<span class="cinder-input-group__leading cinder-_truncate"><!></span>`);
+var root_5 = $2.from_html(`<span class="cinder-input-group__trailing cinder-_truncate"><!></span>`);
+var root_6 = $2.from_html(`<span class="cinder-input-group__trailing cinder-input-group__date-icon cinder-_truncate" aria-hidden="true"><!></span>`);
+var root_7 = $2.from_html(`<div class="cinder-input-group"><!> <!> <!></div>`);
+var root_8 = $2.from_html(`<p class="cinder-input-field__description"> </p>`);
+var root_9 = $2.from_html(`<p class="cinder-input-field__error" aria-live="polite"> </p>`);
+var root_10 = $2.from_html(`<div class="cinder-input-field"><!> <!> <!> <!></div>`);
+function Input($$anchor, $$props) {
+  $2.push($$props, true);
+  const inputElement = ($$anchor2) => {
+    var input = root_12();
+    $2.attribute_effect(input, ($0) => ({
+      id: $$props.id,
+      type: type(),
+      ...rest,
+      disabled: $2.get(resolvedDisabled),
+      required: $2.get(resolvedRequired),
+      value: value(),
+      oninput: handleInput,
+      class: $0,
+      "data-cinder-native-date": $2.get(rendersNativeDateIcon) ? "" : undefined,
+      "aria-invalid": $2.get(resolvedAriaInvalid),
+      "aria-describedby": $2.get(describedBy)
+    }), [() => classNames("cinder-input", $$props.class)], undefined, undefined, undefined, true);
+    $2.bind_this(input, ($$value) => $2.set(inputNode, $$value), () => $2.get(inputNode));
+    $2.append($$anchor2, input);
+  };
+  let value = $2.prop($$props, "value", 15, ""), hideLabel = $2.prop($$props, "hideLabel", 3, false), type = $2.prop($$props, "type", 3, "text"), leadingInteractive = $2.prop($$props, "leadingInteractive", 3, false), trailingInteractive = $2.prop($$props, "trailingInteractive", 3, false), rest = $2.rest_props($$props, rest_excludes2);
+  const context = getFormFieldContext();
+  $2.user_effect(() => {
+    if (context && context.controlId !== $$props.id) {
+      devWarn(`[cinder/Input] id mismatch: Input id="${$$props.id}" but wrapping FormField expects controlId="${context.controlId}". Set the same id on both.`);
+    }
+  });
+  const field = $2.derived(() => resolveFieldControl({
+    id: $$props.id,
+    generatedId: $$props.id,
+    context,
+    hasDescription: !!$$props.description,
+    hasError: !!$$props.error,
+    localIdNamespace: "input",
+    consumerDescribedBy: $$props["aria-describedby"],
+    consumerInvalid: $$props["aria-invalid"],
+    required: $$props.required,
+    disabled: $$props.disabled
+  }));
+  const ownDescriptionId = $2.derived(() => $2.get(field).ownDescriptionId);
+  const ownErrorId = $2.derived(() => $2.get(field).ownErrorId);
+  const describedBy = $2.derived(() => $2.get(field).describedBy);
+  const resolvedAriaInvalid = $2.derived(() => $2.get(field).ariaInvalid);
+  const resolvedRequired = $2.derived(() => $2.get(field).required);
+  const resolvedDisabled = $2.derived(() => $2.get(field).disabled);
+  const isNativeDateInput = $2.derived(() => type() === "date");
+  const rendersNativeDateIcon = $2.derived(() => $2.get(isNativeDateInput) && !$$props.trailing);
+  const hasTrailing = $2.derived(() => !!$$props.trailing || $2.get(isNativeDateInput));
+  const hasGroupWrapper = $2.derived(() => !!$$props.leading || $2.get(hasTrailing));
+  const isInvalid = $2.derived(() => $2.get(resolvedAriaInvalid) === "true");
+  let inputNode = $2.state(undefined);
+  let resetSyncTimeout;
+  function syncValueAfterFormReset() {
+    if (resetSyncTimeout !== undefined)
+      clearTimeout(resetSyncTimeout);
+    resetSyncTimeout = setTimeout(() => {
+      resetSyncTimeout = undefined;
+      if ($2.get(inputNode))
+        value($2.get(inputNode).value);
+    }, 0);
+  }
+  $2.user_effect(() => {
+    const form = $2.get(inputNode)?.form;
+    if (!form)
+      return;
+    form.addEventListener("reset", syncValueAfterFormReset);
+    return () => {
+      form.removeEventListener("reset", syncValueAfterFormReset);
+      if (resetSyncTimeout !== undefined) {
+        clearTimeout(resetSyncTimeout);
+        resetSyncTimeout = undefined;
+      }
+    };
+  });
+  function handleInput(event) {
+    const target = event.currentTarget;
+    const committed = commitValue(target.value, $$props.onValueChange, (next) => {
+      value(next);
+    });
+    target.value = committed;
+    $$props.oninput?.(event);
+  }
+  var div = root_10();
+  var node = $2.child(div);
+  {
+    var consequent_1 = ($$anchor2) => {
+      var label_1 = root_32();
+      var text = $2.child(label_1);
+      var node_1 = $2.sibling(text);
+      {
+        var consequent = ($$anchor3) => {
+          var span = root_22();
+          $2.append($$anchor3, span);
+        };
+        $2.if(node_1, ($$render) => {
+          if ($2.get(resolvedRequired))
+            $$render(consequent);
+        });
+      }
+      $2.reset(label_1);
+      $2.template_effect(($0) => {
+        $2.set_attribute(label_1, "for", $$props.id);
+        $2.set_class(label_1, 1, $0);
+        $2.set_attribute(label_1, "data-disabled", $2.get(resolvedDisabled) || undefined);
+        $2.set_text(text, `${$$props.label ?? ""} `);
+      }, [
+        () => $2.clsx(classNames("cinder-input-field__label", hideLabel() && "cinder-sr-only"))
+      ]);
+      $2.append($$anchor2, label_1);
+    };
+    $2.if(node, ($$render) => {
+      if ($$props.label)
+        $$render(consequent_1);
+    });
+  }
+  var node_2 = $2.sibling(node, 2);
+  {
+    var consequent_5 = ($$anchor2) => {
+      var div_1 = root_7();
+      var node_3 = $2.child(div_1);
+      {
+        var consequent_2 = ($$anchor3) => {
+          var span_1 = root_4();
+          var node_4 = $2.child(span_1);
+          $2.snippet(node_4, () => $$props.leading);
+          $2.reset(span_1);
+          $2.template_effect(() => $2.set_attribute(span_1, "aria-hidden", leadingInteractive() ? undefined : "true"));
+          $2.append($$anchor3, span_1);
+        };
+        $2.if(node_3, ($$render) => {
+          if ($$props.leading)
+            $$render(consequent_2);
+        });
+      }
+      var node_5 = $2.sibling(node_3, 2);
+      inputElement(node_5);
+      var node_6 = $2.sibling(node_5, 2);
+      {
+        var consequent_3 = ($$anchor3) => {
+          var span_2 = root_5();
+          var node_7 = $2.child(span_2);
+          $2.snippet(node_7, () => $$props.trailing);
+          $2.reset(span_2);
+          $2.template_effect(() => $2.set_attribute(span_2, "aria-hidden", trailingInteractive() ? undefined : "true"));
+          $2.append($$anchor3, span_2);
+        };
+        var consequent_4 = ($$anchor3) => {
+          var span_3 = root_6();
+          var node_8 = $2.child(span_3);
+          calendarIcon(node_8);
+          $2.reset(span_3);
+          $2.append($$anchor3, span_3);
+        };
+        $2.if(node_6, ($$render) => {
+          if ($$props.trailing)
+            $$render(consequent_3);
+          else if ($2.get(rendersNativeDateIcon))
+            $$render(consequent_4, 1);
+        });
+      }
+      $2.reset(div_1);
+      $2.template_effect(() => {
+        $2.set_attribute(div_1, "data-leading", $$props.leading ? "" : undefined);
+        $2.set_attribute(div_1, "data-trailing", $2.get(hasTrailing) ? "" : undefined);
+        $2.set_attribute(div_1, "data-native-date", $2.get(rendersNativeDateIcon) ? "" : undefined);
+        $2.set_attribute(div_1, "data-disabled", $2.get(resolvedDisabled) ? "" : undefined);
+        $2.set_attribute(div_1, "data-invalid", $2.get(isInvalid) ? "" : undefined);
+      });
+      $2.append($$anchor2, div_1);
+    };
+    var alternate = ($$anchor2) => {
+      inputElement($$anchor2);
+    };
+    $2.if(node_2, ($$render) => {
+      if ($2.get(hasGroupWrapper))
+        $$render(consequent_5);
+      else
+        $$render(alternate, -1);
+    });
+  }
+  var node_9 = $2.sibling(node_2, 2);
+  {
+    var consequent_6 = ($$anchor2) => {
+      var p = root_8();
+      var text_1 = $2.child(p, true);
+      $2.reset(p);
+      $2.template_effect(() => {
+        $2.set_attribute(p, "id", $2.get(ownDescriptionId));
+        $2.set_text(text_1, $$props.description);
+      });
+      $2.append($$anchor2, p);
+    };
+    $2.if(node_9, ($$render) => {
+      if ($$props.description)
+        $$render(consequent_6);
+    });
+  }
+  var node_10 = $2.sibling(node_9, 2);
+  {
+    var consequent_7 = ($$anchor2) => {
+      var p_1 = root_9();
+      var text_2 = $2.child(p_1, true);
+      $2.reset(p_1);
+      $2.template_effect(() => {
+        $2.set_attribute(p_1, "id", $2.get(ownErrorId));
+        $2.set_text(text_2, $$props.error);
+      });
+      $2.append($$anchor2, p_1);
+    };
+    $2.if(node_10, ($$render) => {
+      if ($$props.error)
+        $$render(consequent_7);
+    });
+  }
+  $2.reset(div);
+  $2.append($$anchor, div);
+  $2.pop();
+}
+
+// src/components/number-input/number-input.svelte
+import"svelte/internal/disclose-version";
+import * as $3 from "svelte/internal/client";
+import { untrack } from "svelte";
+
+// 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/format-number.ts
+function formatNumber(value, locale = "en-US", options) {
+  return new Intl.NumberFormat(locale, options).format(value);
+}
+
+// src/utilities/parse-locale-number.ts
+function escapeRegex(s) {
+  return s.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+}
+function parseLocaleNumber(text, locale, format) {
+  if (text.trim() === "")
+    return { value: null, status: "empty" };
+  let working = text;
+  const digitFormatter = new Intl.NumberFormat(locale, {
+    useGrouping: false,
+    maximumFractionDigits: 0
+  });
+  for (let d = 0;d <= 9; d++) {
+    const glyph = digitFormatter.format(d);
+    if (glyph !== String(d)) {
+      working = working.split(glyph).join(String(d));
+    }
+  }
+  const sepParts = new Intl.NumberFormat(locale, {
+    useGrouping: true,
+    minimumFractionDigits: 1,
+    maximumFractionDigits: 1
+  }).formatToParts(-12345.6);
+  const groupSep = sepParts.find((p) => p.type === "group")?.value ?? "";
+  const decimalSep = sepParts.find((p) => p.type === "decimal")?.value ?? ".";
+  working = working.replace(/[؜‎‏‪-‮⁦-⁩]/g, "");
+  const localeMinus = sepParts.find((p) => p.type === "minusSign")?.value ?? "-";
+  if (localeMinus !== "-") {
+    working = working.split(localeMinus).join("-");
+  }
+  let isNegativeByFormatAffix = false;
+  if (format) {
+    const positiveAffixValues = new Set(new Intl.NumberFormat(locale, format).formatToParts(0).filter((part) => part.type === "currency" || part.type === "percentSign" || part.type === "literal" || part.type === "unit" || part.type === "compact").map((part) => part.value));
+    const negativeParts = new Intl.NumberFormat(locale, format).formatToParts(-1);
+    const negativeOnlyAffixes = negativeParts.filter((part) => (part.type === "currency" || part.type === "percentSign" || part.type === "literal" || part.type === "unit" || part.type === "compact") && part.value.trim() !== "" && !positiveAffixValues.has(part.value)).map((part) => part.value);
+    isNegativeByFormatAffix = negativeOnlyAffixes.length > 0 && negativeOnlyAffixes.every((part) => working.includes(part));
+    const stripSamples = [0, -1];
+    for (const sample of stripSamples) {
+      const parts = new Intl.NumberFormat(locale, format).formatToParts(sample);
+      for (const part of parts) {
+        if (part.type === "currency" || part.type === "percentSign" || part.type === "literal" || part.type === "unit" || part.type === "compact") {
+          if (part.value)
+            working = working.split(part.value).join("");
+        }
+      }
+    }
+  }
+  if (isNegativeByFormatAffix && !/^[+-]/.test(working)) {
+    working = "-" + working;
+  }
+  working = working.split("%").join("");
+  working = working.replace(/^[\s  ]+|[\s  ]+$/g, "");
+  if (working === "")
+    return { value: null, status: "empty" };
+  const decimalSplit = working.split(decimalSep);
+  if (decimalSplit.length > 2)
+    return { value: null, status: "malformed" };
+  const integerPart = decimalSplit[0] ?? "";
+  const fractionPart = decimalSplit[1];
+  if (groupSep && integerPart.includes(groupSep)) {
+    const probeParts = new Intl.NumberFormat(locale, {
+      useGrouping: true
+    }).formatToParts(12345678);
+    const integerRuns = [];
+    for (const p of probeParts) {
+      if (p.type === "integer")
+        integerRuns.push(p.value);
+    }
+    const primary = integerRuns.length > 0 ? (integerRuns[integerRuns.length - 1] ?? "").length : 3;
+    const secondary = integerRuns.length > 1 ? (integerRuns[integerRuns.length - 2] ?? "").length : primary;
+    const groupEsc = escapeRegex(groupSep);
+    const grouped = new RegExp(`^[+-]?\\d{1,${secondary}}(${groupEsc}\\d{${secondary}})*${groupEsc}\\d{${primary}}$`);
+    if (!grouped.test(integerPart))
+      return { value: null, status: "malformed" };
+  }
+  let normalized = groupSep.length > 0 ? integerPart.split(groupSep).join("") : integerPart;
+  if (fractionPart !== undefined)
+    normalized += "." + fractionPart;
+  if (!/^[+-]?(\d+\.?\d*|\.\d+)$/.test(normalized)) {
+    return { value: null, status: "malformed" };
+  }
+  const parsed = parseFloat(normalized);
+  if (!Number.isFinite(parsed))
+    return { value: null, status: "malformed" };
+  return { value: parsed, status: "valid" };
+}
+
+// src/components/number-input/number-input.svelte
+var rest_excludes3 = new Set([
+  "$$slots",
+  "$$events",
+  "$$legacy",
+  "id",
+  "defaultValue",
+  "value",
+  "min",
+  "max",
+  "step",
+  "format",
+  "locale",
+  "disabled",
+  "required",
+  "name",
+  "label",
+  "description",
+  "error",
+  "class",
+  "onchange",
+  "onblur",
+  "aria-describedby"
+]);
+var root3 = $3.from_html(`<span class="cinder-_required-marker" aria-hidden="true">*</span>`);
+var root_13 = $3.from_html(`<label class="cinder-input-field__label"> <!></label>`);
+var root_23 = $3.from_html(`<input type="hidden"/>`);
+var root_33 = $3.from_html(`<p class="cinder-input-field__description"> </p>`);
+var root_42 = $3.from_html(`<p class="cinder-input-field__error" aria-live="polite"> </p>`);
+var root_52 = $3.from_html(`<div><!> <div class="cinder-number-input"><input/> <button type="button" class="cinder-number-input__stepper cinder-number-input__stepper--increment" tabindex="-1"><span aria-hidden="true">+</span></button> <button type="button" class="cinder-number-input__stepper cinder-number-input__stepper--decrement" tabindex="-1"><span aria-hidden="true">&#x2212;</span></button></div> <!> <!> <!></div>`);
+function Number_input($$anchor, $$props) {
+  $3.push($$props, true);
+  let defaultValue = $3.prop($$props, "defaultValue", 3, null), value = $3.prop($$props, "value", 15, null), rest = $3.rest_props($$props, rest_excludes3);
+  const context = getFormFieldContext();
+  const localeContext = getLocaleContext();
+  let editorBuffer = $3.state("");
+  let isFocused = $3.state(false);
+  let hasMounted = $3.state(false);
+  let inputElement = $3.state(undefined);
+  $3.user_effect(() => {
+    $3.set(hasMounted, true);
+  });
+  let malformedError = $3.state(false);
+  let requiredEmptyError = $3.state(false);
+  untrack(() => {
+    if (value() === null && defaultValue() !== null) {
+      value(defaultValue());
+    }
+  });
+  const resolvedLocale = $3.derived(() => $$props.locale ?? localeContext?.locale ?? ($3.get(hasMounted) ? navigator.language : "en-US"));
+  const resolvedMin = $3.derived(() => typeof $$props.min === "number" && Number.isFinite($$props.min) ? $$props.min : -Infinity);
+  const resolvedMax = $3.derived(() => typeof $$props.max === "number" && Number.isFinite($$props.max) ? $$props.max : Infinity);
+  const isValidStep = (s) => typeof s === "number" && Number.isFinite(s) && s > 0;
+  const incrementStep = $3.derived(() => isValidStep($$props.step) ? $$props.step : 1);
+  const snapStep = $3.derived(() => isValidStep($$props.step) ? $$props.step : null);
+  const resolvedRequired = $3.derived(() => $$props.required ?? context?.required ?? false);
+  const resolvedDisabled = $3.derived(() => $$props.disabled ?? context?.disabled ?? false);
+  function roundToPrecision(n, digits) {
+    return Number(n.toFixed(Math.min(digits, 12)));
+  }
+  function fractionalDigits(n) {
+    if (!Number.isFinite(n))
+      return 0;
+    const s = String(n);
+    if (s.includes("e") || s.includes("E")) {
+      const parts = s.toLowerCase().split("e");
+      const mantissa = parts[0] ?? "";
+      const expStr = parts[1] ?? "0";
+      const exp = Number(expStr);
+      const fracOfMantissa = mantissa.split(".")[1]?.length ?? 0;
+      return Math.max(0, fracOfMantissa - exp);
+    }
+    return s.split(".")[1]?.length ?? 0;
+  }
+  function commit(next, parseStatus, emitChange) {
+    const nextMalformed = !$3.get(resolvedDisabled) && parseStatus === "malformed";
+    const nextRequiredEmpty = !$3.get(resolvedDisabled) && !nextMalformed && $3.get(resolvedRequired) && next === null;
+    if ($3.get(inputElement)) {
+      if (nextMalformed) {
+        $3.get(inputElement).setCustomValidity("Please enter a valid number.");
+      } else if (nextRequiredEmpty) {
+        $3.get(inputElement).setCustomValidity("Please enter a number.");
+      } else {
+        $3.get(inputElement).setCustomValidity("");
+      }
+    }
+    $3.set(malformedError, nextMalformed, true);
+    $3.set(requiredEmptyError, nextRequiredEmpty, true);
+    if (!Object.is(next, value())) {
+      $3.set(isInternalValueChange, true);
+      value(next);
+    }
+    if (emitChange) {
+      $$props.onchange?.(next);
+    }
+    return next;
+  }
+  function commitFromNumber(source, raw, parseStatus = "valid") {
+    if (raw === null)
+      return commit(null, parseStatus, true);
+    if (!Number.isFinite(raw))
+      return commit(null, "malformed", true);
+    let result = raw;
+    if (source === "typed" && $3.get(snapStep) !== null) {
+      const origin = Number.isFinite($3.get(resolvedMin)) ? $3.get(resolvedMin) : 0;
+      result = origin + Math.round((raw - origin) / $3.get(snapStep)) * $3.get(snapStep);
+      result = roundToPrecision(result, fractionalDigits($3.get(snapStep)));
+    } else if (source === "delta" && $3.get(snapStep) !== null) {
+      const cleanRaw = roundToPrecision(raw, 12);
+      result = roundToPrecision(raw, Math.max(fractionalDigits($3.get(snapStep)), fractionalDigits(cleanRaw)));
+    }
+    const clamped = Math.min($3.get(resolvedMax), Math.max($3.get(resolvedMin), result));
+    return commit(clamped, parseStatus, true);
+  }
+  function commitFromText(source, text) {
+    const result = parseLocaleNumber(text, $3.get(resolvedLocale), $$props.format);
+    if (result.status !== "valid") {
+      return commit(null, result.status, true);
+    }
+    const canonical = $$props.format?.style === "percent" ? roundToPrecision(result.value / 100, Math.max(2, fractionalDigits(result.value) + 2)) : result.value;
+    return commitFromNumber(source, canonical, "valid");
+  }
+  let isInternalValueChange = $3.state(false);
+  let enterKeyFlushed = false;
+  const displayValue = $3.derived(() => $3.get(isFocused) ? $3.get(editorBuffer) : $3.get(malformedError) ? $3.get(editorBuffer) : value() === null || value() === undefined ? "" : formatNumber(value(), $3.get(resolvedLocale), $$props.format));
+  const parentValueSignature = $3.derived(() => `${value() ?? ""}|${$3.get(resolvedLocale)}|${JSON.stringify($$props.format ?? null)}`);
+  let lastSeenParentSignature = untrack(() => $3.get(parentValueSignature));
+  $3.user_effect(() => {
+    const signature = $3.get(parentValueSignature);
+    if (signature === lastSeenParentSignature)
+      return;
+    lastSeenParentSignature = signature;
+    if ($3.get(isInternalValueChange)) {
+      $3.set(isInternalValueChange, false);
+      return;
+    }
+    if (!$3.get(isFocused))
+      return;
+    $3.set(editorBuffer, value() === null || value() === undefined ? "" : buildEditDisplay(value()), true);
+  });
+  $3.user_effect(() => {
+    if (!$3.get(inputElement))
+      return;
+    if ($3.get(resolvedDisabled)) {
+      $3.get(inputElement).setCustomValidity("");
+      $3.set(malformedError, false);
+      $3.set(requiredEmptyError, false);
+    } else if (value() !== null && value() !== undefined && !$3.get(isInternalValueChange)) {
+      $3.set(malformedError, false);
+      $3.set(requiredEmptyError, false);
+      $3.get(inputElement).setCustomValidity("");
+    } else if ($3.get(malformedError)) {} else if (!$3.get(isFocused) && $3.get(resolvedRequired) && (value() === null || value() === undefined)) {
+      $3.get(inputElement).setCustomValidity("Please enter a number.");
+      $3.set(requiredEmptyError, true);
+    } else if ($3.get(isFocused) && $3.get(requiredEmptyError)) {
+      $3.get(inputElement).setCustomValidity("");
+      $3.set(requiredEmptyError, false);
+    } else if (value() !== null && value() !== undefined) {
+      $3.get(inputElement).setCustomValidity("");
+      $3.set(requiredEmptyError, false);
+    }
+  });
+  function buildEditDisplay(v) {
+    const editFormat = {
+      ...$$props.format,
+      style: "decimal",
+      useGrouping: false,
+      currency: undefined,
+      currencyDisplay: undefined,
+      notation: "standard",
+      compactDisplay: undefined
+    };
+    if ($$props.format?.style === "percent") {
+      const asPercent = roundToPrecision(v * 100, 12);
+      return formatNumber(asPercent, $3.get(resolvedLocale), editFormat);
+    }
+    return formatNumber(v, $3.get(resolvedLocale), editFormat);
+  }
+  function ariaValueNowFromText(text) {
+    const result = parseLocaleNumber(text, $3.get(resolvedLocale), $$props.format);
+    if (result.status !== "valid")
+      return;
+    return Number.isFinite(result.value) ? result.value : undefined;
+  }
+  const resolvedAriaValueNow = $3.derived(() => $3.get(isFocused) ? ariaValueNowFromText($3.get(editorBuffer)) : value() === null || value() === undefined ? undefined : $$props.format?.style === "percent" ? roundToPrecision(value() * 100, 12) : value());
+  const resolvedAriaValueMin = $3.derived(() => Number.isFinite($3.get(resolvedMin)) ? $$props.format?.style === "percent" ? roundToPrecision($3.get(resolvedMin) * 100, 12) : $3.get(resolvedMin) : undefined);
+  const resolvedAriaValueMax = $3.derived(() => Number.isFinite($3.get(resolvedMax)) ? $$props.format?.style === "percent" ? roundToPrecision($3.get(resolvedMax) * 100, 12) : $3.get(resolvedMax) : undefined);
+  function onFocus() {
+    if (!$3.get(malformedError)) {
+      $3.set(editorBuffer, value() === null || value() === undefined ? "" : buildEditDisplay(value()), true);
+    }
+    $3.set(isFocused, true);
+  }
+  function onBlur(event) {
+    const buffered = $3.get(editorBuffer);
+    $3.set(isFocused, false);
+    commitFromText("typed", buffered);
+    $$props.onblur?.(event);
+  }
+  function onInput(event) {
+    $3.set(editorBuffer, event.currentTarget.value, true);
+    if ($3.get(malformedError)) {
+      $3.set(malformedError, false);
+      $3.get(inputElement)?.setCustomValidity("");
+    }
+  }
+  function getBaseForStep(direction) {
+    const parsed = $3.get(isFocused) ? parseLocaleNumber($3.get(editorBuffer), $3.get(resolvedLocale), $$props.format) : null;
+    let baseFromDisplay = null;
+    if (parsed && parsed.status === "valid") {
+      baseFromDisplay = $$props.format?.style === "percent" ? roundToPrecision(parsed.value / 100, Math.max(2, fractionalDigits(parsed.value) + 2)) : parsed.value;
+    }
+    const defaultStart = direction === "increment" ? Number.isFinite($3.get(resolvedMin)) ? $3.get(resolvedMin) : 0 : Number.isFinite($3.get(resolvedMax)) ? $3.get(resolvedMax) : 0;
+    return baseFromDisplay ?? value() ?? defaultStart;
+  }
+  function stepBy(direction, multiplier = 1) {
+    const base = getBaseForStep(direction);
+    const delta = $3.get(incrementStep) * multiplier * (direction === "increment" ? 1 : -1);
+    const next = commitFromNumber("delta", base + delta);
+    if ($3.get(isFocused)) {
+      $3.set(editorBuffer, next === null ? "" : buildEditDisplay(next), true);
+    }
+    $3.get(inputElement)?.focus();
+  }
+  function onKeyDown(event) {
+    if ($3.get(resolvedDisabled))
+      return;
+    switch (event.key) {
+      case "ArrowUp":
+        event.preventDefault();
+        stepBy("increment");
+        break;
+      case "ArrowDown":
+        event.preventDefault();
+        stepBy("decrement");
+        break;
+      case "PageUp":
+        event.preventDefault();
+        stepBy("increment", 10);
+        break;
+      case "PageDown":
+        event.preventDefault();
+        stepBy("decrement", 10);
+        break;
+      case "Home":
+        if (Number.isFinite($3.get(resolvedMin))) {
+          event.preventDefault();
+          const homeNext = commitFromNumber("delta", $3.get(resolvedMin));
+          if ($3.get(isFocused))
+            $3.set(editorBuffer, homeNext === null ? "" : buildEditDisplay(homeNext), true);
+        }
+        break;
+      case "End":
+        if (Number.isFinite($3.get(resolvedMax))) {
+          event.preventDefault();
+          const endNext = commitFromNumber("delta", $3.get(resolvedMax));
+          if ($3.get(isFocused))
+            $3.set(editorBuffer, endNext === null ? "" : buildEditDisplay(endNext), true);
+        }
+        break;
+      case "Enter": {
+        event.preventDefault();
+        commitFromText("typed", $3.get(isFocused) ? $3.get(editorBuffer) : "");
+        const form = $3.get(inputElement)?.closest("form");
+        if (form) {
+          if (form.checkValidity()) {
+            enterKeyFlushed = true;
+            form.requestSubmit();
+          } else {
+            form.reportValidity();
+          }
+        }
+        break;
+      }
+    }
+  }
+  $3.user_effect(() => {
+    if (!$3.get(inputElement))
+      return;
+    const form = $3.get(inputElement).closest("form");
+    if (!form)
+      return;
+    const onSubmit = () => {
+      if ($3.get(resolvedDisabled))
+        return;
+      if (enterKeyFlushed) {
+        enterKeyFlushed = false;
+        return;
+      }
+      if ($3.get(isFocused))
+        commitFromText("typed", $3.get(editorBuffer));
+    };
+    const onReset = () => {
+      if ($3.get(resolvedDisabled))
+        return;
+      commitFromNumber("reset", defaultValue() ?? null, defaultValue() === null ? "empty" : "valid");
+    };
+    form.addEventListener("submit", onSubmit, true);
+    form.addEventListener("reset", onReset);
+    return () => {
+      form.removeEventListener("submit", onSubmit, true);
+      form.removeEventListener("reset", onReset);
+    };
+  });
+  const internalErrorMessage = $3.derived(() => !$$props.error && $3.get(malformedError) ? "Please enter a valid number." : !$$props.error && $3.get(requiredEmptyError) ? "Please enter a number." : null);
+  const internalErrorId = $3.derived(() => $3.get(internalErrorMessage) ? `${$$props.id}-internal-error` : undefined);
+  const internalInvalid = $3.derived(() => $3.get(malformedError) || $3.get(requiredEmptyError) ? "true" : undefined);
+  const field = $3.derived(() => resolveFieldControl({
+    id: $$props.id,
+    generatedId: $$props.id,
+    context,
+    hasDescription: !!$$props.description,
+    hasError: !!$$props.error,
+    localIdNamespace: "number-input",
+    consumerDescribedBy: $$props["aria-describedby"],
+    consumerInvalid: $3.get(internalInvalid) ?? rest["aria-invalid"],
+    additionalDescribedBy: [$3.get(internalErrorId)],
+    required: $$props.required,
+    disabled: $$props.disabled
+  }));
+  const ownDescriptionId = $3.derived(() => $3.get(field).ownDescriptionId);
+  const ownErrorId = $3.derived(() => $3.get(field).ownErrorId);
+  const describedBy = $3.derived(() => $3.get(field).describedBy);
+  const resolvedAriaInvalid = $3.derived(() => $3.get(field).ariaInvalid);
+  const incrementDisabled = $3.derived(() => $3.get(resolvedDisabled) || value() !== null && value() !== undefined && value() >= $3.get(resolvedMax));
+  const decrementDisabled = $3.derived(() => $3.get(resolvedDisabled) || value() !== null && value() !== undefined && value() <= $3.get(resolvedMin));
+  const showHiddenInput = $3.derived(() => typeof $$props.name === "string" && $$props.name.length > 0 && !$3.get(resolvedDisabled));
+  const stepperLabelSuffix = $3.derived(() => $$props.label ? ` ${$$props.label} by ${$3.get(incrementStep)}` : ` by ${$3.get(incrementStep)}`);
+  var div = root_52();
+  var node = $3.child(div);
+  {
+    var consequent_1 = ($$anchor2) => {
+      var label_1 = root_13();
+      var text_1 = $3.child(label_1);
+      var node_1 = $3.sibling(text_1);
+      {
+        var consequent = ($$anchor3) => {
+          var span = root3();
+          $3.append($$anchor3, span);
+        };
+        $3.if(node_1, ($$render) => {
+          if ($3.get(resolvedRequired))
+            $$render(consequent);
+        });
+      }
+      $3.reset(label_1);
+      $3.template_effect(() => {
+        $3.set_attribute(label_1, "for", $$props.id);
+        $3.set_attribute(label_1, "data-disabled", $3.get(resolvedDisabled) || undefined);
+        $3.set_text(text_1, `${$$props.label ?? ""} `);
+      });
+      $3.append($$anchor2, label_1);
+    };
+    $3.if(node, ($$render) => {
+      if ($$props.label)
+        $$render(consequent_1);
+    });
+  }
+  var div_1 = $3.sibling(node, 2);
+  var input = $3.child(div_1);
+  $3.attribute_effect(input, () => ({
+    id: $$props.id,
+    type: "text",
+    role: "spinbutton",
+    inputmode: "decimal",
+    value: $3.get(displayValue),
+    disabled: $3.get(resolvedDisabled),
+    required: $3.get(resolvedRequired),
+    class: "cinder-input cinder-number-input__input",
+    ...rest,
+    "aria-invalid": $3.get(resolvedAriaInvalid),
+    "aria-describedby": $3.get(describedBy),
+    "aria-valuenow": $3.get(resolvedAriaValueNow),
+    "aria-valuemin": $3.get(resolvedAriaValueMin),
+    "aria-valuemax": $3.get(resolvedAriaValueMax),
+    oninput: onInput,
+    onfocus: onFocus,
+    onblur: onBlur,
+    onkeydown: onKeyDown
+  }), undefined, undefined, undefined, undefined, true);
+  $3.bind_this(input, ($$value) => $3.set(inputElement, $$value), () => $3.get(inputElement));
+  var button = $3.sibling(input, 2);
+  var button_1 = $3.sibling(button, 2);
+  $3.reset(div_1);
+  var node_2 = $3.sibling(div_1, 2);
+  {
+    var consequent_2 = ($$anchor2) => {
+      var input_1 = root_23();
+      $3.remove_input_defaults(input_1);
+      $3.template_effect(($0) => {
+        $3.set_attribute(input_1, "name", $$props.name);
+        $3.set_value(input_1, $0);
+      }, [
+        () => value() === null || value() === undefined ? "" : String(value())
+      ]);
+      $3.append($$anchor2, input_1);
+    };
+    $3.if(node_2, ($$render) => {
+      if ($3.get(showHiddenInput))
+        $$render(consequent_2);
+    });
+  }
+  var node_3 = $3.sibling(node_2, 2);
+  {
+    var consequent_3 = ($$anchor2) => {
+      var p = root_33();
+      var text_2 = $3.child(p, true);
+      $3.reset(p);
+      $3.template_effect(() => {
+        $3.set_attribute(p, "id", $3.get(ownDescriptionId));
+        $3.set_text(text_2, $$props.description);
+      });
+      $3.append($$anchor2, p);
+    };
+    $3.if(node_3, ($$render) => {
+      if ($$props.description)
+        $$render(consequent_3);
+    });
+  }
+  var node_4 = $3.sibling(node_3, 2);
+  {
+    var consequent_4 = ($$anchor2) => {
+      var p_1 = root_42();
+      var text_3 = $3.child(p_1, true);
+      $3.reset(p_1);
+      $3.template_effect(() => {
+        $3.set_attribute(p_1, "id", $3.get(ownErrorId));
+        $3.set_text(text_3, $$props.error);
+      });
+      $3.append($$anchor2, p_1);
+    };
+    var consequent_5 = ($$anchor2) => {
+      var p_2 = root_42();
+      var text_4 = $3.child(p_2, true);
+      $3.reset(p_2);
+      $3.template_effect(() => {
+        $3.set_attribute(p_2, "id", $3.get(internalErrorId));
+        $3.set_text(text_4, $3.get(internalErrorMessage));
+      });
+      $3.append($$anchor2, p_2);
+    };
+    $3.if(node_4, ($$render) => {
+      if ($$props.error)
+        $$render(consequent_4);
+      else if ($3.get(internalErrorMessage))
+        $$render(consequent_5, 1);
+    });
+  }
+  $3.reset(div);
+  $3.template_effect(($0) => {
+    $3.set_class(div, 1, $0);
+    $3.set_attribute(div_1, "data-disabled", $3.get(resolvedDisabled) ? "" : undefined);
+    $3.set_attribute(button, "aria-label", `Increment${$3.get(stepperLabelSuffix)}`);
+    button.disabled = $3.get(incrementDisabled);
+    $3.set_attribute(button_1, "aria-label", `Decrement${$3.get(stepperLabelSuffix)}`);
+    button_1.disabled = $3.get(decrementDisabled);
+  }, [
+    () => $3.clsx(classNames("cinder-input-field", $$props.class))
+  ]);
+  $3.delegated("click", button, () => stepBy("increment"));
+  $3.delegated("click", button_1, () => stepBy("decrement"));
+  $3.append($$anchor, div);
+  $3.pop();
+}
+$3.delegate(["click"]);
+
+// src/components/segment/segment.svelte
+import"svelte/internal/disclose-version";
+import * as $5 from "svelte/internal/client";
+import { untrack as untrack2 } from "svelte";
+
+// src/components/segmented-control/segmented-control-state.svelte.ts
+import * as $4 from "svelte/internal/client";
+
+// src/_internal/strict-stable-context.ts
+import { getContext, setContext } from "svelte";
+function strictStableContext(key, missingMessage) {
+  const contextKey = Symbol.for(key);
+  return [
+    () => {
+      const context = getContext(contextKey);
+      if (context === undefined) {
+        throw new Error(`missing_context: ${missingMessage}`);
+      }
+      return context;
+    },
+    (context) => setContext(contextKey, context)
+  ];
+}
+
+// src/utilities/document-order.ts
+var DOCUMENT_POSITION_PRECEDING = 2;
+var DOCUMENT_POSITION_FOLLOWING = 4;
+function inDocumentOrder(items) {
+  const sortedItems = [...items];
+  sortedItems.sort((a, b) => {
+    if (a.node === b.node)
+      return 0;
+    const position = a.node.compareDocumentPosition(b.node);
+    if (position & DOCUMENT_POSITION_FOLLOWING)
+      return -1;
+    if (position & DOCUMENT_POSITION_PRECEDING)
+      return 1;
+    return 0;
+  });
+  return sortedItems;
+}
+
+// src/utilities/roving-tabindex.ts
+var ROVING_KEYS = new Set(["ArrowLeft", "ArrowRight", "ArrowUp", "ArrowDown", "Home", "End"]);
+function isRovingKey(key) {
+  return ROVING_KEYS.has(key);
+}
+function findNextIndex(currentIndex, length, direction, isDisabled) {
+  if (length === 0)
+    return -1;
+  if (!isDisabled) {
+    return (currentIndex + direction + length) % length;
+  }
+  for (let offset = 1;offset <= length; offset += 1) {
+    const candidateIndex = (currentIndex + offset * direction + length * offset) % length;
+    if (!isDisabled(candidateIndex)) {
+      return candidateIndex;
+    }
+  }
+  return currentIndex;
+}
+function findFirstIndex(length, isDisabled, currentIndex = 0) {
+  if (length === 0)
+    return -1;
+  if (!isDisabled)
+    return 0;
+  for (let index = 0;index < length; index += 1) {
+    if (!isDisabled(index))
+      return index;
+  }
+  return currentIndex;
+}
+function findLastIndex(length, isDisabled, currentIndex = 0) {
+  if (length === 0)
+    return -1;
+  if (!isDisabled)
+    return length - 1;
+  for (let index = length - 1;index >= 0; index -= 1) {
+    if (!isDisabled(index))
+      return index;
+  }
+  return currentIndex;
+}
+function handleRovingKeydown(event, currentIndex, length, options = {}) {
+  const { isDisabled, vertical = true, horizontal = true } = options;
+  if (length === 0)
+    return null;
+  switch (event.key) {
+    case "ArrowRight":
+      return horizontal ? findNextIndex(currentIndex, length, 1, isDisabled) : null;
+    case "ArrowDown":
+      return vertical ? findNextIndex(currentIndex, length, 1, isDisabled) : null;
+    case "ArrowLeft":
+      return horizontal ? findNextIndex(currentIndex, length, -1, isDisabled) : null;
+    case "ArrowUp":
+      return vertical ? findNextIndex(currentIndex, length, -1, isDisabled) : null;
+    case "Home":
+      return findFirstIndex(length, isDisabled, currentIndex);
+    case "End":
+      return findLastIndex(length, isDisabled, currentIndex);
+    default:
+      return null;
+  }
+}
+function getFocusableIndex(selectedIndex, length, isDisabled) {
+  if (length === 0)
+    return -1;
+  if (selectedIndex >= 0 && selectedIndex < length)
+    return selectedIndex;
+  return findFirstIndex(length, isDisabled, 0);
+}
+
+// src/components/segmented-control/segmented-control-state.svelte.ts
+var [getSegmentedControlContext, setSegmentedControlContext] = strictStableContext("@lostgradient/cinder/segmented-control/context", "Segment must be rendered inside a SegmentedControl");
+class SegmentedControlController {
+  #registrations = [];
+  #version = $4.state(0);
+  #options;
+  constructor(options) {
+    this.#options = options;
+  }
+  get segments() {
+    $4.get(this.#version);
+    return inDocumentOrder(this.#registrations);
+  }
+  get selectionMode() {
+    return this.#options.selectionMode();
+  }
+  get variant() {
+    return this.#options.variant();
+  }
+  get controlDisabled() {
+    return this.#options.controlDisabled();
+  }
+  register(registration) {
+    this.#registrations.push(registration);
+    $4.set(this.#version, $4.get(this.#version) + 1);
+    return () => {
+      const index = this.#registrations.indexOf(registration);
+      if (index >= 0)
+        this.#registrations.splice(index, 1);
+      $4.set(this.#version, $4.get(this.#version) + 1);
+    };
+  }
+  isSelected(value) {
+    const current = this.#options.getValue();
+    if (this.#options.selectionMode() === "multiple") {
+      if (!current || typeof current === "string")
+        return false;
+      return current.has(value);
+    }
+    return current === value;
+  }
+  isFocusable(value) {
+    if (this.#options.selectionMode() !== "single") {
+      const segment = this.segments.find((entry) => entry.value === value);
+      if (!segment)
+        return false;
+      return !segment.disabled && !this.#options.controlDisabled();
+    }
+    const focusableValue = this.#computeFocusableValue();
+    return focusableValue === value;
+  }
+  #computeFocusableValue() {
+    const segments = this.segments;
+    if (segments.length === 0)
+      return null;
+    const current = this.#options.getValue();
+    const isMultiple = this.#options.selectionMode() === "multiple";
+    if (!isMultiple && typeof current === "string") {
+      const selectedSegment = segments.find((segment) => segment.value === current);
+      if (selectedSegment && !selectedSegment.disabled && !this.#options.controlDisabled()) {
+        return selectedSegment.value;
+      }
+    }
+    if (this.#options.controlDisabled())
+      return null;
+    const firstEnabled = segments.find((segment) => !segment.disabled);
+    return firstEnabled?.value ?? null;
+  }
+  toggle(value) {
+    if (this.#options.controlDisabled())
+      return;
+    const segment = this.segments.find((entry) => entry.value === value);
+    if (!segment || segment.disabled)
+      return;
+    if (this.#options.selectionMode() === "multiple") {
+      const set4 = this.#options.getValue();
+      if (!set4 || typeof set4 === "string")
+        return;
+      if (set4.has(value))
+        set4.delete(value);
+      else
+        set4.add(value);
+      return;
+    }
+    const current = this.#options.getValue();
+    if (current === value) {
+      if (!this.#options.disallowEmptySelection()) {
+        this.#options.setValue(undefined);
+      }
+      return;
+    }
+    this.#options.setValue(value);
+    this.#options.onChange?.(value);
+  }
+  handleKeydown(event) {
+    if (this.#options.controlDisabled())
+      return;
+    if (this.#options.selectionMode() !== "single")
+      return;
+    const segments = this.segments;
+    if (segments.length === 0)
+      return;
+    const focusedSegment = typeof document === "undefined" ? null : segments.find((segment) => segment.node === document.activeElement) ?? null;
+    const value = this.#options.getValue();
+    const currentValue = focusedSegment?.value ?? (typeof value === "string" ? value : null);
+    const currentIndex = currentValue === null ? segments.findIndex((segment) => !segment.disabled) : segments.findIndex((segment) => segment.value === currentValue);
+    const safeCurrentIndex = currentIndex >= 0 ? currentIndex : getFocusableIndex(-1, segments.length, (index) => segments[index]?.disabled ?? false);
+    if (safeCurrentIndex < 0)
+      return;
+    const orientation = this.#options.orientation();
+    const nextIndex = handleRovingKeydown(event, safeCurrentIndex, segments.length, {
+      isDisabled: (index) => segments[index]?.disabled ?? false,
+      vertical: true,
+      horizontal: orientation !== "vertical"
+    });
+    if (nextIndex === null)
+      return;
+    event.preventDefault();
+    if (nextIndex === safeCurrentIndex)
+      return;
+    const nextSegment = segments[nextIndex];
+    if (!nextSegment)
+      return;
+    this.toggle(nextSegment.value);
+    nextSegment.node.focus();
+  }
+}
+
+// src/components/segment/segment.svelte
+var rest_excludes4 = new Set([
+  "$$slots",
+  "$$events",
+  "$$legacy",
+  "value",
+  "disabled",
+  "controls",
+  "leading",
+  "trailing",
+  "children",
+  "class"
+]);
+var root4 = $5.from_html(`<span class="cinder-segmented-control-option-icon" aria-hidden="true"><!></span>`);
+var root_14 = $5.from_html(`<span class="cinder-segmented-control-option-trailing" aria-hidden="true"><!></span>`);
+var root_24 = $5.from_html(`<button><!> <!> <!></button>`);
+function Segment($$anchor, $$props) {
+  $5.push($$props, true);
+  let disabled = $5.prop($$props, "disabled", 3, false), rest = $5.rest_props($$props, rest_excludes4);
+  const context = getSegmentedControlContext();
+  const registerSegment = (node) => {
+    return untrack2(() => context.register({
+      node,
+      get value() {
+        return $$props.value;
+      },
+      get disabled() {
+        return disabled() || context.controlDisabled;
+      },
+      get controls() {
+        return $$props.controls;
+      }
+    }));
+  };
+  const isSelected = $5.derived(() => context.isSelected($$props.value));
+  const isFocusable = $5.derived(() => context.isFocusable($$props.value));
+  const effectiveDisabled = $5.derived(() => disabled() || context.controlDisabled);
+  const role = $5.derived(() => context.selectionMode === "multiple" ? undefined : context.variant === "tablist" ? "tab" : "radio");
+  var button = root_24();
+  var event_handler = () => context.toggle($$props.value);
+  $5.attribute_effect(button, ($0) => ({
+    ...rest,
+    type: "button",
+    role: $5.get(role),
+    "data-cinder-segment-value": $$props.value,
+    "aria-checked": $5.get(role) === "radio" ? $5.get(isSelected) : undefined,
+    "aria-selected": $5.get(role) === "tab" ? $5.get(isSelected) : undefined,
+    "aria-pressed": context.selectionMode === "multiple" ? $5.get(isSelected) : undefined,
+    "aria-controls": $5.get(role) === "tab" ? $$props.controls : undefined,
+    "aria-disabled": $5.get(effectiveDisabled) ? "true" : undefined,
+    disabled: context.selectionMode === "multiple" ? $5.get(effectiveDisabled) : undefined,
+    tabindex: $5.get(isFocusable) ? 0 : -1,
+    class: $0,
+    "data-cinder-selected": $5.get(isSelected) ? "" : undefined,
+    "data-cinder-pressed": context.selectionMode === "multiple" && $5.get(isSelected) ? "" : undefined,
+    onclick: event_handler
+  }), [
+    () => classNames("cinder-segmented-control-option", $$props.class)
+  ]);
+  var node_1 = $5.child(button);
+  {
+    var consequent = ($$anchor2) => {
+      var span = root4();
+      var node_2 = $5.child(span);
+      $5.snippet(node_2, () => $$props.leading);
+      $5.reset(span);
+      $5.append($$anchor2, span);
+    };
+    $5.if(node_1, ($$render) => {
+      if ($$props.leading)
+        $$render(consequent);
+    });
+  }
+  var node_3 = $5.sibling(node_1, 2);
+  $5.snippet(node_3, () => $$props.children ?? $5.noop);
+  var node_4 = $5.sibling(node_3, 2);
+  {
+    var consequent_1 = ($$anchor2) => {
+      var span_1 = root_14();
+      var node_5 = $5.child(span_1);
+      $5.snippet(node_5, () => $$props.trailing);
+      $5.reset(span_1);
+      $5.append($$anchor2, span_1);
+    };
+    $5.if(node_4, ($$render) => {
+      if ($$props.trailing)
+        $$render(consequent_1);
+    });
+  }
+  $5.reset(button);
+  $5.attach(button, () => registerSegment);
+  $5.append($$anchor, button);
+  $5.pop();
+}
+
+// src/components/segmented-control/segmented-control.svelte
+import"svelte/internal/disclose-version";
+import * as $6 from "svelte/internal/client";
+import { untrack as untrack3 } from "svelte";
+import { SvelteSet } from "svelte/reactivity";
+var rest_excludes5 = new Set([
+  "$$slots",
+  "$$events",
+  "$$legacy",
+  "id",
+  "value",
+  "label",
+  "name",
+  "hideLabel",
+  "disabled",
+  "size",
+  "density",
+  "orientation",
+  "detached",
+  "fullWidth",
+  "variant",
+  "selectionMode",
+  "disallowEmptySelection",
+  "class",
+  "onchange",
+  "children"
+]);
+var root5 = $6.from_html(`<input type="hidden"/>`);
+var root_15 = $6.from_html(`<input type="hidden" disabled=""/> <!>`, 1);
+var root_25 = $6.from_html(`<div class="cinder-segmented-control-container"><span> </span> <div><!></div> <!></div>`);
+function Segmented_control($$anchor, $$props) {
+  $6.push($$props, true);
+  let value = $6.prop($$props, "value", 15), hideLabel = $6.prop($$props, "hideLabel", 3, false), disabled = $6.prop($$props, "disabled", 3, false), size = $6.prop($$props, "size", 3, "md"), orientation = $6.prop($$props, "orientation", 3, "horizontal"), detached = $6.prop($$props, "detached", 3, false), fullWidth = $6.prop($$props, "fullWidth", 3, false), variant = $6.prop($$props, "variant", 3, "radiogroup"), selectionMode = $6.prop($$props, "selectionMode", 3, "single"), disallowEmptySelection = $6.prop($$props, "disallowEmptySelection", 3, true), rest = $6.rest_props($$props, rest_excludes5);
+  let resetInputElement = $6.state(null);
+  let resetSyncTimeout;
+  const initialSingleValue = untrack3(() => typeof value() === "string" ? value() : undefined);
+  const initialMultipleValues = untrack3(() => selectionMode() === "multiple" && value() instanceof SvelteSet ? Array.from(value()) : undefined);
+  const controller = new SegmentedControlController({
+    selectionMode: () => selectionMode(),
+    variant: () => variant(),
+    orientation: () => orientation(),
+    controlDisabled: () => disabled(),
+    disallowEmptySelection: () => disallowEmptySelection(),
+    getValue: () => value(),
+    setValue: (next) => {
+      value(next);
+    },
+    onChange: (selected) => $$props.onchange?.(selected)
+  });
+  const contextValue = {
+    get selectionMode() {
+      return selectionMode();
+    },
+    get variant() {
+      return variant();
+    },
+    get controlDisabled() {
+      return disabled();
+    },
+    register: (registration) => controller.register(registration),
+    isSelected: (segmentValue) => controller.isSelected(segmentValue),
+    isFocusable: (segmentValue) => controller.isFocusable(segmentValue),
+    toggle: (segmentValue) => controller.toggle(segmentValue)
+  };
+  setSegmentedControlContext(contextValue);
+  const groupRole = $6.derived(() => selectionMode() === "multiple" ? "group" : variant() === "tablist" ? "tablist" : "radiogroup");
+  const effectiveSize = $6.derived(() => $$props.density === "toolbar" ? "sm" : size());
+  const selectedValues = $6.derived(() => selectionMode() === "multiple" ? value() instanceof SvelteSet ? Array.from(value()) : [] : typeof value() === "string" ? [value()] : []);
+  function resetToInitialValue(event) {
+    if (resetSyncTimeout !== undefined)
+      clearTimeout(resetSyncTimeout);
+    resetSyncTimeout = setTimeout(() => {
+      resetSyncTimeout = undefined;
+      if (event.defaultPrevented)
+        return;
+      if (selectionMode() === "multiple") {
+        value(initialMultipleValues === undefined ? undefined : new SvelteSet(initialMultipleValues));
+        return;
+      }
+      value(initialSingleValue);
+    }, 0);
+  }
+  $6.user_effect(() => {
+    const input = $6.get(resetInputElement);
+    if (input === null)
+      return;
+    const form = input.form;
+    form?.addEventListener("reset", resetToInitialValue);
+    return () => {
+      form?.removeEventListener("reset", resetToInitialValue);
+      if (resetSyncTimeout !== undefined) {
+        clearTimeout(resetSyncTimeout);
+        resetSyncTimeout = undefined;
+      }
+    };
+  });
+  var div = root_25();
+  var span = $6.child(div);
+  var text = $6.child(span, true);
+  $6.reset(span);
+  var div_1 = $6.sibling(span, 2);
+  var event_handler = (event) => controller.handleKeydown(event);
+  $6.attribute_effect(div_1, ($0) => ({
+    ...rest,
+    id: $$props.id,
+    role: $6.get(groupRole),
+    "aria-labelledby": `${$$props.id}-label`,
+    "aria-disabled": disabled() ? "true" : undefined,
+    "aria-orientation": selectionMode() === "single" ? orientation() : undefined,
+    "data-cinder-orientation": orientation(),
+    "data-cinder-size": $6.get(effectiveSize),
+    "data-cinder-density": $$props.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: $0,
+    onkeydown: event_handler
+  }), [() => classNames("cinder-segmented-control", $$props.class)]);
+  var node = $6.child(div_1);
+  $6.snippet(node, () => $$props.children);
+  $6.reset(div_1);
+  var node_1 = $6.sibling(div_1, 2);
+  {
+    var consequent = ($$anchor2) => {
+      var fragment = root_15();
+      var input_1 = $6.first_child(fragment);
+      $6.bind_this(input_1, ($$value) => $6.set(resetInputElement, $$value), () => $6.get(resetInputElement));
+      var node_2 = $6.sibling(input_1, 2);
+      $6.each(node_2, 16, () => $6.get(selectedValues), (selectedValue) => selectedValue, ($$anchor3, selectedValue) => {
+        var input_2 = root5();
+        $6.remove_input_defaults(input_2);
+        $6.template_effect(() => {
+          $6.set_attribute(input_2, "name", $$props.name);
+          $6.set_value(input_2, selectedValue);
+          input_2.disabled = disabled();
+        });
+        $6.append($$anchor3, input_2);
+      });
+      $6.append($$anchor2, fragment);
+    };
+    $6.if(node_1, ($$render) => {
+      if ($$props.name)
+        $$render(consequent);
+    });
+  }
+  $6.reset(div);
+  $6.template_effect(($0) => {
+    $6.set_attribute(span, "id", `${$$props.id}-label`);
+    $6.set_class(span, 1, $0);
+    $6.set_text(text, $$props.label);
+  }, [
+    () => $6.clsx(classNames("cinder-segmented-control-label", hideLabel() && "cinder-sr-only"))
+  ]);
+  $6.append($$anchor, div);
+  $6.pop();
+}
+
+// src/components/select/select.svelte
+import"svelte/internal/disclose-version";
+import * as $7 from "svelte/internal/client";
+var rest_excludes6 = new Set([
+  "$$slots",
+  "$$events",
+  "$$legacy",
+  "id",
+  "value",
+  "options",
+  "label",
+  "description",
+  "error",
+  "required",
+  "disabled",
+  "class",
+  "aria-describedby",
+  "aria-invalid"
+]);
+var root6 = $7.from_html(`<span class="cinder-_required-marker" aria-hidden="true">*</span>`);
+var root_16 = $7.from_html(`<label class="cinder-select-field__label"> <!></label>`);
+var root_26 = $7.from_html(`<select></select>`);
+var root_34 = $7.from_html(`<option> </option>`);
+var root_43 = $7.from_html(`<p class="cinder-select-field__description"> </p>`);
+var root_53 = $7.from_html(`<div><!> <span class="cinder-select-field__control"><!> <span class="cinder-select-field__chevron" aria-hidden="true"></span></span> <!> <p class="cinder-select-field__error" aria-live="polite"> </p></div>`);
+function Select($$anchor, $$props) {
+  $7.push($$props, true);
+  let value = $7.prop($$props, "value", 15), rest = $7.rest_props($$props, rest_excludes6);
+  const context = getFormFieldContext();
+  const field = $7.derived(() => resolveFieldControl({
+    id: $$props.id,
+    generatedId: $$props.id,
+    context,
+    hasDescription: !!$$props.description,
+    hasError: !!$$props.error,
+    localIdNamespace: "select",
+    consumerDescribedBy: $$props["aria-describedby"],
+    consumerInvalid: $$props["aria-invalid"],
+    required: $$props.required,
+    disabled: $$props.disabled
+  }));
+  const stableLocalErrorId = $7.derived(() => context?.errorId === `${$7.get(field).id}-error` ? `${$7.get(field).id}-select-error` : `${$7.get(field).id}-error`);
+  $7.user_effect(() => {
+    if ($$props.options.length === 0) {
+      devWarn("[cinder/Select] options is empty — pass at least one option, or ignore during async load.");
+    }
+  });
+  var div = root_53();
+  var node = $7.child(div);
+  {
+    var consequent_1 = ($$anchor2) => {
+      var label_1 = root_16();
+      var text = $7.child(label_1);
+      var node_1 = $7.sibling(text);
+      {
+        var consequent = ($$anchor3) => {
+          var span = root6();
+          $7.append($$anchor3, span);
+        };
+        $7.if(node_1, ($$render) => {
+          if ($7.get(field).required)
+            $$render(consequent);
+        });
+      }
+      $7.reset(label_1);
+      $7.template_effect(() => {
+        $7.set_attribute(label_1, "for", $$props.id);
+        $7.set_attribute(label_1, "data-disabled", $7.get(field).disabled || undefined);
+        $7.set_text(text, `${$$props.label ?? ""} `);
+      });
+      $7.append($$anchor2, label_1);
+    };
+    $7.if(node, ($$render) => {
+      if ($$props.label)
+        $$render(consequent_1);
+    });
+  }
+  var span_1 = $7.sibling(node, 2);
+  var node_2 = $7.child(span_1);
+  {
+    var consequent_2 = ($$anchor2) => {
+      var select = root_26();
+      $7.attribute_effect(select, () => ({
+        id: $$props.id,
+        class: "cinder-_input-frame cinder-select",
+        disabled: $7.get(field).disabled,
+        required: $7.get(field).required,
+        "data-cinder-empty": "true",
+        ...rest,
+        "aria-describedby": $7.get(field).describedBy,
+        "aria-invalid": $7.get(field).ariaInvalid
+      }));
+      $7.append($$anchor2, select);
+    };
+    var alternate = ($$anchor2) => {
+      var select_1 = root_26();
+      $7.attribute_effect(select_1, () => ({
+        id: $$props.id,
+        class: "cinder-_input-frame cinder-select",
+        disabled: $7.get(field).disabled,
+        required: $7.get(field).required,
+        ...rest,
+        "aria-describedby": $7.get(field).describedBy,
+        "aria-invalid": $7.get(field).ariaInvalid
+      }));
+      $7.each(select_1, 21, () => $$props.options, (option) => option.value, ($$anchor3, option) => {
+        var option_1 = root_34();
+        var text_1 = $7.child(option_1, true);
+        $7.reset(option_1);
+        var option_1_value = {};
+        $7.template_effect(() => {
+          option_1.disabled = $7.get(option).disabled;
+          $7.set_text(text_1, $7.get(option).label);
+          if (option_1_value !== (option_1_value = $7.get(option).value)) {
+            option_1.value = (option_1.__value = $7.get(option).value) ?? "";
+          }
+        });
+        $7.append($$anchor3, option_1);
+      });
+      $7.reset(select_1);
+      $7.bind_select_value(select_1, value);
+      $7.append($$anchor2, select_1);
+    };
+    $7.if(node_2, ($$render) => {
+      if ($$props.options.length === 0)
+        $$render(consequent_2);
+      else
+        $$render(alternate, -1);
+    });
+  }
+  $7.next(2);
+  $7.reset(span_1);
+  var node_3 = $7.sibling(span_1, 2);
+  {
+    var consequent_3 = ($$anchor2) => {
+      var p = root_43();
+      var text_2 = $7.child(p, true);
+      $7.reset(p);
+      $7.template_effect(() => {
+        $7.set_attribute(p, "id", $7.get(field).ownDescriptionId);
+        $7.set_text(text_2, $$props.description);
+      });
+      $7.append($$anchor2, p);
+    };
+    $7.if(node_3, ($$render) => {
+      if ($$props.description)
+        $$render(consequent_3);
+    });
+  }
+  var p_1 = $7.sibling(node_3, 2);
+  var text_3 = $7.child(p_1, true);
+  $7.reset(p_1);
+  $7.reset(div);
+  $7.template_effect(($0) => {
+    $7.set_class(div, 1, $0);
+    $7.set_attribute(p_1, "id", $7.get(field).ownErrorId ?? $7.get(stableLocalErrorId));
+    $7.set_attribute(p_1, "data-cinder-error", !!$$props.error || undefined);
+    $7.set_text(text_3, $$props.error ?? "");
+  }, [
+    () => $7.clsx(classNames("cinder-select-field", $$props.class))
+  ]);
+  $7.append($$anchor, div);
+  $7.pop();
+}
+
+// src/components/time-field/time-field.svelte
+import"svelte/internal/disclose-version";
+import * as $8 from "svelte/internal/client";
+import { untrack as untrack4 } from "svelte";
+
+// src/_internal/time-parts.ts
+var TIME_PATTERN = /^(?<hours>\d{2}):(?<minutes>\d{2})(?::(?<seconds>\d{2}))?$/;
+function parseTimeString(value) {
+  const trimmedValue = value.trim();
+  if (trimmedValue.length === 0)
+    return null;
+  const match = TIME_PATTERN.exec(trimmedValue);
+  if (!match?.groups)
+    return null;
+  const hours = Number(match.groups["hours"]);
+  const minutes = Number(match.groups["minutes"]);
+  const seconds = Number(match.groups["seconds"] ?? "0");
+  if (!Number.isInteger(hours) || hours < 0 || hours > 23)
+    return null;
+  if (!Number.isInteger(minutes) || minutes < 0 || minutes > 59)
+    return null;
+  if (!Number.isInteger(seconds) || seconds < 0 || seconds > 59)
+    return null;
+  return { hours, minutes, seconds };
+}
+function serializeTimeParts(parts, includeSeconds) {
+  const hours = String(parts.hours).padStart(2, "0");
+  const minutes = String(parts.minutes).padStart(2, "0");
+  const seconds = String(parts.seconds).padStart(2, "0");
+  return includeSeconds ? `${hours}:${minutes}:${seconds}` : `${hours}:${minutes}`;
+}
+
+// src/components/time-field/time-field.svelte
+var rest_excludes7 = new Set([
+  "$$slots",
+  "$$events",
+  "$$legacy",
+  "id",
+  "value",
+  "defaultValue",
+  "granularity",
+  "timezones",
+  "timezone",
+  "timezoneName",
+  "label",
+  "description",
+  "error",
+  "disabled",
+  "readonly",
+  "required",
+  "name",
+  "class",
+  "aria-label",
+  "aria-labelledby",
+  "aria-describedby",
+  "aria-invalid",
+  "onchange"
+]);
+var root7 = $8.from_html(`<label class="cinder-time-field__label"> </label>`);
+var root_17 = $8.from_html(`<input type="hidden"/>`);
+var root_27 = $8.from_html(`<option> </option>`);
+var root_35 = $8.from_html(`<span class="cinder-sr-only">timezone</span> <select class="cinder-time-field__timezone"></select>`, 1);
+var root_44 = $8.from_html(`<p class="cinder-time-field__description"> </p>`);
+var root_54 = $8.from_html(`<p class="cinder-time-field__error" aria-live="polite"> </p>`);
+var root_62 = $8.from_html(`<div><!> <div class="cinder-time-field__controls"><input class="cinder-time-field__input" type="time"/> <!> <!> <!></div> <!> <!></div>`);
+function Time_field($$anchor, $$props) {
+  const generatedId = $8.props_id();
+  $8.push($$props, true);
+  let value = $8.prop($$props, "value", 15, undefined), defaultValue = $8.prop($$props, "defaultValue", 3, ""), granularity = $8.prop($$props, "granularity", 3, "minute"), timezone = $8.prop($$props, "timezone", 15, undefined), disabled = $8.prop($$props, "disabled", 3, false), readonly = $8.prop($$props, "readonly", 3, false), required = $8.prop($$props, "required", 3, false), rest = $8.rest_props($$props, rest_excludes7);
+  const formField = getFormFieldContext();
+  const includeSeconds = $8.derived(() => granularity() === "second");
+  const inputStep = $8.derived(() => $8.get(includeSeconds) ? 1 : 60);
+  let inputMirrorValue = $8.state(undefined);
+  let inputMirrorSourceValue = $8.state(undefined);
+  const submittedValue = $8.derived(() => canonicalTimeValue($8.get(inputMirrorValue) ?? value()));
+  let resetTimezoneBaseline = $8.state(undefined);
+  let skipTimezoneBaselineUpdate = false;
+  untrack4(() => {
+    if (value() === undefined)
+      value(canonicalTimeValue(defaultValue()));
+    if (timezone() === undefined && $$props.timezones && $$props.timezones.length > 0)
+      timezone($$props.timezones[0]);
+    $8.set(resetTimezoneBaseline, timezone(), true);
+  });
+  $8.user_effect(() => {
+    if (!$$props.timezones || $$props.timezones.length === 0) {
+      return;
+    }
+    if (timezone() === undefined || !$$props.timezones.includes(timezone())) {
+      timezone($$props.timezones[0]);
+    }
+  });
+  $8.user_effect(() => {
+    if (skipTimezoneBaselineUpdate) {
+      skipTimezoneBaselineUpdate = false;
+      return;
+    }
+    $8.set(resetTimezoneBaseline, timezone(), true);
+  });
+  $8.user_effect(() => {
+    if ($8.get(inputMirrorValue) === undefined)
+      return;
+    if ($8.get(inputMirrorSourceValue) === value())
+      return;
+    $8.set(inputMirrorValue, undefined);
+    $8.set(inputMirrorSourceValue, undefined);
+  });
+  $8.user_effect(() => {
+    if (value() === undefined)
+      return;
+    const nextValue = canonicalTimeValue(value());
+    if (value() === nextValue)
+      return;
+    $8.set(inputMirrorValue, undefined);
+    $8.set(inputMirrorSourceValue, undefined);
+    value(nextValue);
+  });
+  const field = $8.derived(() => resolveFieldControl({
+    id: formField?.controlId ?? $$props.id,
+    generatedId,
+    context: formField,
+    localIdNamespace: "time-field",
+    hasDescription: !!$$props.description,
+    hasError: !!$$props.error,
+    consumerDescribedBy: $$props["aria-describedby"],
+    consumerInvalid: $$props["aria-invalid"],
+    required: required() ? true : undefined,
+    disabled: disabled() ? true : undefined
+  }));
+  const inputId = $8.derived(() => $8.get(field).id);
+  const labelId = $8.derived(() => $$props.label ? `${$8.get(inputId)}-label` : formField?.labelId);
+  const timezoneLabelId = $8.derived(() => `${$8.get(inputId)}-timezone-label`);
+  const descriptionId = $8.derived(() => $8.get(field).ownDescriptionId);
+  const errorId2 = $8.derived(() => $8.get(field).ownErrorId);
+  const describedBy = $8.derived(() => $8.get(field).describedBy);
+  const invalid = $8.derived(() => $8.get(field).ariaInvalid);
+  const resolvedDisabled = $8.derived(() => $8.get(field).disabled);
+  const resolvedRequired = $8.derived(() => $8.get(field).required);
+  const inputAriaLabel = $8.derived(() => $$props.label || formField?.labelId ? undefined : normalizeAriaText($$props["aria-label"]));
+  const inputAriaLabelledBy = $8.derived(() => $$props.label ? undefined : normalizeAriaText($$props["aria-labelledby"]) ?? formField?.labelId);
+  const timezoneAriaLabelledBy = $8.derived(() => $8.get(labelId) ? `${$8.get(labelId)} ${$8.get(timezoneLabelId)}` : $8.get(inputAriaLabelledBy) ? `${$8.get(inputAriaLabelledBy)} ${$8.get(timezoneLabelId)}` : undefined);
+  const timezoneAriaLabel = $8.derived(() => $8.get(timezoneAriaLabelledBy) ? undefined : $8.get(inputAriaLabel) ? `${$8.get(inputAriaLabel)} timezone` : "Timezone");
+  const resolvedTimezoneName = $8.derived(() => timezone() !== undefined ? $$props.timezoneName ?? ($$props.name ? `${$$props.name}-timezone` : undefined) : undefined);
+  function emit(nextValue, nextTimezone = timezone()) {
+    $$props.onchange?.({ value: nextValue, timezone: nextTimezone });
+  }
+  function normalizeAriaText(text) {
+    return typeof text === "string" && text.trim().length > 0 ? text : undefined;
+  }
+  function resetTimezoneFor(options) {
+    if (!options || options.length === 0)
+      return $8.get(resetTimezoneBaseline);
+    return $8.get(resetTimezoneBaseline) && options.includes($8.get(resetTimezoneBaseline)) ? $8.get(resetTimezoneBaseline) : options[0];
+  }
+  function canonicalTimeValue(nextValue) {
+    if (!nextValue)
+      return "";
+    const parsed = parseTimeString(nextValue);
+    return parsed ? serializeTimeParts(parsed, $8.get(includeSeconds)) : "";
+  }
+  function handleInputChange(event) {
+    if ($8.get(resolvedDisabled) || readonly())
+      return;
+    const target = event.currentTarget;
+    const nextValue = canonicalTimeValue(target.value);
+    $8.set(inputMirrorValue, undefined);
+    $8.set(inputMirrorSourceValue, undefined);
+    value(nextValue);
+    emit(nextValue);
+  }
+  function handleInput(event) {
+    if ($8.get(resolvedDisabled) || readonly())
+      return;
+    $8.set(inputMirrorSourceValue, value(), true);
+    $8.set(inputMirrorValue, event.currentTarget.value, true);
+  }
+  function handleTimezoneChange(event) {
+    if ($8.get(resolvedDisabled) || readonly())
+      return;
+    const target = event.currentTarget;
+    skipTimezoneBaselineUpdate = true;
+    timezone(target.value);
+    const nextValue = canonicalTimeValue(value());
+    $8.set(inputMirrorValue, undefined);
+    $8.set(inputMirrorSourceValue, undefined);
+    value(nextValue);
+    emit(nextValue, timezone());
+  }
+  $8.user_effect(() => {
+    const input = document.getElementById($8.get(inputId));
+    const form = input instanceof HTMLInputElement ? input.form : null;
+    if (!form)
+      return;
+    const resetValue = canonicalTimeValue(defaultValue());
+    const resetTimezone = resetTimezoneFor($$props.timezones);
+    const handleReset = () => {
+      if ($8.get(resolvedDisabled))
+        return;
+      $8.set(inputMirrorValue, undefined);
+      $8.set(inputMirrorSourceValue, undefined);
+      value(resetValue);
+      timezone(resetTimezone);
+    };
+    form.addEventListener("reset", handleReset);
+    return () => form.removeEventListener("reset", handleReset);
+  });
+  var div = root_62();
+  $8.attribute_effect(div, ($0) => ({ ...rest, class: $0 }), [() => classNames("cinder-time-field", $$props.class)]);
+  var node = $8.child(div);
+  {
+    var consequent = ($$anchor2) => {
+      var label_1 = root7();
+      var text_1 = $8.child(label_1, true);
+      $8.reset(label_1);
+      $8.template_effect(() => {
+        $8.set_attribute(label_1, "id", $8.get(labelId));
+        $8.set_attribute(label_1, "for", $8.get(inputId));
+        $8.set_text(text_1, $$props.label);
+      });
+      $8.append($$anchor2, label_1);
+    };
+    $8.if(node, ($$render) => {
+      if ($$props.label)
+        $$render(consequent);
+    });
+  }
+  var div_1 = $8.sibling(node, 2);
+  var input_1 = $8.child(div_1);
+  $8.remove_input_defaults(input_1);
+  var node_1 = $8.sibling(input_1, 2);
+  {
+    var consequent_1 = ($$anchor2) => {
+      var input_2 = root_17();
+      $8.remove_input_defaults(input_2);
+      $8.template_effect(() => {
+        $8.set_attribute(input_2, "name", $$props.name);
+        $8.set_value(input_2, $8.get(submittedValue));
+        input_2.disabled = $8.get(resolvedDisabled);
+      });
+      $8.append($$anchor2, input_2);
+    };
+    $8.if(node_1, ($$render) => {
+      if ($$props.name)
+        $$render(consequent_1);
+    });
+  }
+  var node_2 = $8.sibling(node_1, 2);
+  {
+    var consequent_2 = ($$anchor2) => {
+      var fragment = root_35();
+      var span = $8.first_child(fragment);
+      var select = $8.sibling(span, 2);
+      $8.each(select, 20, () => $$props.timezones, (option) => option, ($$anchor3, option) => {
+        var option_1 = root_27();
+        var text_2 = $8.child(option_1, true);
+        $8.reset(option_1);
+        var option_1_value = {};
+        $8.template_effect(() => {
+          $8.set_text(text_2, option);
+          if (option_1_value !== (option_1_value = option)) {
+            option_1.value = (option_1.__value = option) ?? "";
+          }
+        });
+        $8.append($$anchor3, option_1);
+      });
+      $8.reset(select);
+      var select_value;
+      $8.init_select(select);
+      $8.template_effect(() => {
+        $8.set_attribute(span, "id", $8.get(timezoneLabelId));
+        $8.set_attribute(select, "aria-label", $8.get(timezoneAriaLabel));
+        $8.set_attribute(select, "aria-labelledby", $8.get(timezoneAriaLabelledBy));
+        $8.set_attribute(select, "aria-describedby", $8.get(describedBy));
+        select.disabled = $8.get(resolvedDisabled) || readonly();
+        if (select_value !== (select_value = timezone())) {
+          select.value = (select.__value = timezone()) ?? "", $8.select_option(select, timezone());
+        }
+      });
+      $8.delegated("change", select, handleTimezoneChange);
+      $8.append($$anchor2, fragment);
+    };
+    $8.if(node_2, ($$render) => {
+      if ($$props.timezones && $$props.timezones.length > 0)
+        $$render(consequent_2);
+    });
+  }
+  var node_3 = $8.sibling(node_2, 2);
+  {
+    var consequent_3 = ($$anchor2) => {
+      var input_3 = root_17();
+      $8.remove_input_defaults(input_3);
+      $8.template_effect(() => {
+        $8.set_attribute(input_3, "name", $8.get(resolvedTimezoneName));
+        $8.set_value(input_3, timezone());
+        input_3.disabled = $8.get(resolvedDisabled);
+      });
+      $8.append($$anchor2, input_3);
+    };
+    $8.if(node_3, ($$render) => {
+      if ($8.get(resolvedTimezoneName))
+        $$render(consequent_3);
+    });
+  }
+  $8.reset(div_1);
+  var node_4 = $8.sibling(div_1, 2);
+  {
+    var consequent_4 = ($$anchor2) => {
+      var p = root_44();
+      var text_3 = $8.child(p, true);
+      $8.reset(p);
+      $8.template_effect(() => {
+        $8.set_attribute(p, "id", $8.get(descriptionId));
+        $8.set_text(text_3, $$props.description);
+      });
+      $8.append($$anchor2, p);
+    };
+    $8.if(node_4, ($$render) => {
+      if ($$props.description)
+        $$render(consequent_4);
+    });
+  }
+  var node_5 = $8.sibling(node_4, 2);
+  {
+    var consequent_5 = ($$anchor2) => {
+      var p_1 = root_54();
+      var text_4 = $8.child(p_1, true);
+      $8.reset(p_1);
+      $8.template_effect(() => {
+        $8.set_attribute(p_1, "id", $8.get(errorId2));
+        $8.set_text(text_4, $$props.error);
+      });
+      $8.append($$anchor2, p_1);
+    };
+    $8.if(node_5, ($$render) => {
+      if ($$props.error)
+        $$render(consequent_5);
+    });
+  }
+  $8.reset(div);
+  $8.template_effect(() => {
+    $8.set_attribute(input_1, "id", $8.get(inputId));
+    $8.set_attribute(input_1, "step", $8.get(inputStep));
+    $8.set_value(input_1, $8.get(inputMirrorValue) ?? value() ?? "");
+    input_1.disabled = $8.get(resolvedDisabled);
+    input_1.readOnly = readonly();
+    input_1.required = $8.get(resolvedRequired);
+    $8.set_attribute(input_1, "aria-label", $8.get(inputAriaLabel));
+    $8.set_attribute(input_1, "aria-labelledby", $8.get(inputAriaLabelledBy));
+    $8.set_attribute(input_1, "aria-describedby", $8.get(describedBy));
+    $8.set_attribute(input_1, "aria-invalid", $8.get(invalid));
+  });
+  $8.delegated("input", input_1, handleInput);
+  $8.delegated("change", input_1, handleInputChange);
+  $8.append($$anchor, div);
+  $8.pop();
+}
+$8.delegate(["input", "change"]);
+
+// src/components/schedule-builder/schedule-builder.utilities.ts
+var INTERVAL_UNITS = [
+  "minutes",
+  "hours",
+  "days",
+  "weeks"
+];
+var WEEKDAYS = [
+  { value: 1, short: "Mon", long: "Monday" },
+  { value: 2, short: "Tue", long: "Tuesday" },
+  { value: 3, short: "Wed", long: "Wednesday" },
+  { value: 4, short: "Thu", long: "Thursday" },
+  { value: 5, short: "Fri", long: "Friday" },
+  { value: 6, short: "Sat", long: "Saturday" },
+  { value: 0, short: "Sun", long: "Sunday" }
+];
+var CRON_FIELDS = [
+  { name: "Minute", min: 0, max: 59, hint: "0–59" },
+  { name: "Hour", min: 0, max: 23, hint: "0–23" },
+  { name: "Day of month", min: 1, max: 31, hint: "1–31" },
+  { name: "Month", min: 1, max: 12, hint: "1–12" },
+  { name: "Day of week", min: 0, max: 6, hint: "0–6 (Sun–Sat)" }
+];
+function defaultScheduleValue() {
+  return { mode: "interval", every: 15, unit: "minutes" };
+}
+function singularUnit(unit) {
+  return unit.slice(0, -1);
+}
+function validateCronField(rawValue, fieldIndex) {
+  const field = CRON_FIELDS[fieldIndex];
+  if (!field)
+    return "Unknown field.";
+  const value = rawValue.trim();
+  if (value === "")
+    return "Required.";
+  const inRange = (n) => Number.isInteger(n) && n >= field.min && n <= field.max;
+  for (const part of value.split(",")) {
+    const token = part.trim();
+    if (token === "")
+      return "Empty list item.";
+    if (token === "*")
+      continue;
+    const stepMatch = token.match(/^(\*|\d+-\d+)\/(\d+)$/);
+    if (stepMatch) {
+      const step = Number(stepMatch[2] ?? "");
+      if (!Number.isInteger(step) || step <= 0)
+        return "Step must be a positive integer.";
+      if (step > field.max)
+        return `Step is larger than ${field.hint}.`;
+      const rangeText = stepMatch[1] ?? "*";
+      if (rangeText !== "*") {
+        const [a, b] = rangeText.split("-").map(Number);
+        if (a === undefined || b === undefined || !inRange(a) || !inRange(b)) {
+          return `Out of range (${field.hint}).`;
+        }
+        if (a > b)
+          return "Range start is after its end.";
+      }
+      continue;
+    }
+    const rangeMatch = token.match(/^(\d+)-(\d+)$/);
+    if (rangeMatch) {
+      const a = Number(rangeMatch[1]);
+      const b = Number(rangeMatch[2]);
+      if (!inRange(a) || !inRange(b))
+        return `Out of range (${field.hint}).`;
+      if (a > b)
+        return "Range start is after its end.";
+      continue;
+    }
+    if (/^\d+$/.test(token)) {
+      if (!inRange(Number(token)))
+        return `Out of range (${field.hint}).`;
+      continue;
+    }
+    return "Not a valid cron token.";
+  }
+  return;
+}
+function cronFieldsValid(fields) {
+  return fields.length === 5 && fields.every((value, index) => validateCronField(value, index) === undefined);
+}
+function joinCron(fields) {
+  return fields.map((field) => field.trim()).join(" ");
+}
+function splitCron(expression) {
+  const parts = expression.trim().split(/\s+/).filter(Boolean);
+  const lastField = parts.length > 5 ? parts.slice(4).join(" ") : parts[4];
+  return [parts[0] ?? "*", parts[1] ?? "*", parts[2] ?? "*", parts[3] ?? "*", lastField ?? "*"];
+}
+function parseTime(time) {
+  const match = time.trim().match(/^(\d{1,2}):(\d{2})$/);
+  if (!match)
+    return { hour: 0, minute: 0 };
+  const hour = Math.min(23, Math.max(0, Number(match[1])));
+  const minute = Math.min(59, Math.max(0, Number(match[2])));
+  return { hour, minute };
+}
+function lowerEveryN(every, unit) {
+  const safeEvery = Number.isInteger(every) && every > 0 ? every : 1;
+  return { mode: "interval", every: safeEvery, unit };
+}
+function lowerDailyAt(time) {
+  const { hour, minute } = parseTime(time);
+  return { mode: "cron", expression: `${minute} ${hour} * * *` };
+}
+function lowerWeeklyAt(days, time) {
+  const { hour, minute } = parseTime(time);
+  const sortedDays = [...days];
+  sortedDays.sort((a, b) => a - b);
+  const dow = sortedDays.length > 0 ? sortedDays.join(",") : "*";
+  return { mode: "cron", expression: `${minute} ${hour} * * ${dow}` };
+}
+function lowerMonthlyOnDay(day, time) {
+  const { hour, minute } = parseTime(time);
+  const safeDay = Math.min(31, Math.max(1, Math.trunc(day)));
+  return { mode: "cron", expression: `${minute} ${hour} ${safeDay} * *` };
+}
+function isEvenDivisorStep(every, cycleLength) {
+  return Number.isInteger(every) && every > 0 && every < cycleLength && cycleLength % every === 0;
+}
+function valueToCronFields(value) {
+  if (value.mode === "cron")
+    return splitCron(value.expression);
+  switch (value.unit) {
+    case "minutes":
+      if (isEvenDivisorStep(value.every, 60))
+        return [`*/${value.every}`, "*", "*", "*", "*"];
+      if (value.every % 60 === 0)
+        return hoursIntervalFields(value.every / 60);
+      return ["0", "0", "*", "*", "*"];
+    case "hours":
+      return hoursIntervalFields(value.every);
+    case "days":
+    case "weeks":
+      return ["0", "0", "*", "*", "*"];
+  }
+}
+function hoursIntervalFields(everyHours) {
+  if (everyHours === 1)
+    return ["0", "*", "*", "*", "*"];
+  if (isEvenDivisorStep(everyHours, 24))
+    return ["0", `*/${everyHours}`, "*", "*", "*"];
+  return ["0", "0", "*", "*", "*"];
+}
+function valueToInterval(value) {
+  if (value.mode === "interval")
+    return { every: value.every, unit: value.unit };
+  const [minute, hour, dom, month, dow] = splitCron(value.expression);
+  if (month !== "*" || dow !== "*")
+    return;
+  if (dom === "*" && hour === "*" && minute === "*")
+    return { every: 1, unit: "minutes" };
+  if (dom === "*" && hour === "*" && minute === "0")
+    return { every: 1, unit: "hours" };
+  const minuteStep = cronFieldStep(minute);
+  if (minuteStep && isEvenDivisorStep(minuteStep, 60) && hour === "*" && dom === "*") {
+    return { every: minuteStep, unit: "minutes" };
+  }
+  const hourStep = cronFieldStep(hour);
+  if (hourStep && isEvenDivisorStep(hourStep, 24) && minute === "0" && dom === "*") {
+    return { every: hourStep, unit: "hours" };
+  }
+  return;
+}
+function cronFieldStep(token) {
+  const match = token.match(/^\*\/(\d+)$/);
+  return match ? Number(match[1]) : undefined;
+}
+var DOW_NAMES = ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"];
+function pad2(n) {
+  return n.toString().padStart(2, "0");
+}
+function isFixedInRange(token, min, max) {
+  if (!/^\d+$/.test(token))
+    return false;
+  const n = Number(token);
+  return Number.isInteger(n) && n >= min && n <= max;
+}
+function describeValue(value) {
+  if (value.mode === "interval") {
+    return value.every === 1 ? `Every ${singularUnit(value.unit)}` : `Every ${value.every} ${value.unit}`;
+  }
+  const [minute, hour, dom, month, dow] = splitCron(value.expression);
+  const timeIsFixed = isFixedInRange(minute, 0, 59) && isFixedInRange(hour, 0, 23);
+  const at = timeIsFixed ? ` at ${pad2(Number(hour))}:${pad2(Number(minute))}` : "";
+  if (timeIsFixed && dom === "*" && month === "*" && dow !== "*" && /^[\d,]+$/.test(dow)) {
+    const dayNumbers = dow.split(",").map(Number);
+    const allDaysInRange = dayNumbers.every((day) => Number.isInteger(day) && day >= 0 && day <= 6);
+    if (allDaysInRange) {
+      const names = dayNumbers.map((day) => DOW_NAMES[day] ?? "").join(", ");
+      return `Weekly on ${names}${at}`;
+    }
+  }
+  if (timeIsFixed && isFixedInRange(dom, 1, 31) && month === "*" && dow === "*") {
+    return `Monthly on day ${dom}${at}`;
+  }
+  if (dom === "*" && month === "*" && dow === "*" && timeIsFixed) {
+    return `Daily${at}`;
+  }
+  return `Cron: ${joinCron([minute, hour, dom, month, dow])}`;
+}
+
+// src/components/schedule-builder/schedule-builder.svelte
+var rest_excludes8 = new Set([
+  "$$slots",
+  "$$events",
+  "$$legacy",
+  "value",
+  "onchange",
+  "computeNextFires",
+  "previewCount",
+  "timezoneLabel",
+  "timezone",
+  "label",
+  "class",
+  "aria-label",
+  "aria-labelledby"
+]);
+var root8 = $9.from_html(`<!> <!> <!>`, 1);
+var root_18 = $9.from_html(`<!> <!> <!> <!>`, 1);
+var root_28 = $9.from_html(`<div class="cinder-schedule-builder__field-row"><!> <!></div>`);
+var root_36 = $9.from_html(`<div class="cinder-schedule-builder__weekday-group" role="group" aria-label="Days of week"></div> <!>`, 1);
+var root_45 = $9.from_html(`<div role="tabpanel" class="cinder-schedule-builder__panel" data-sb-panel="presets"><!> <!></div>`);
+var root_55 = $9.from_html(`<div role="tabpanel" class="cinder-schedule-builder__panel" data-sb-panel="cron"><div class="cinder-schedule-builder__cron-fields"></div></div>`);
+var root_63 = $9.from_html(`<div role="tabpanel" class="cinder-schedule-builder__panel" data-sb-panel="interval"><div class="cinder-schedule-builder__field-row"><!> <!></div></div>`);
+var root_72 = $9.from_html(`<p class="cinder-schedule-builder__empty">Preview unavailable — fix the cron expression above.</p>`);
+var root_82 = $9.from_html(`<p class="cinder-schedule-builder__empty">Preview unavailable.</p>`);
+var root_92 = $9.from_html(`<li class="cinder-schedule-builder__preview-item"> </li>`);
+var root_102 = $9.from_html(`<ul class="cinder-schedule-builder__preview-list"></ul>`);
+var root_11 = $9.from_html(`<p class="cinder-schedule-builder__empty">No upcoming fires.</p>`);
+var root_122 = $9.from_html(`<div class="cinder-schedule-builder__preview"><span class="cinder-schedule-builder__section-label">Upcoming fires</span> <!></div>`);
+var root_132 = $9.from_html(`<span class="cinder-schedule-builder__empty">Not set</span>`);
+var root_142 = $9.from_html(`<div><!> <!> <dl class="cinder-schedule-builder__summary"><dt class="cinder-schedule-builder__section-label">Summary</dt> <dd class="cinder-schedule-builder__summary-text"> </dd></dl> <!> <dl class="cinder-schedule-builder__timezone"><dt class="cinder-schedule-builder__section-label">Timezone</dt> <dd class="cinder-schedule-builder__timezone-value"><!></dd></dl></div>`);
+function Schedule_builder($$anchor, $$props) {
+  const baseId = $9.props_id();
+  $9.push($$props, true);
+  const PRESET_EVERY_UNIT_OPTIONS = [
+    { value: "minutes", label: "Minutes" },
+    { value: "hours", label: "Hours" }
+  ];
+  const INTERVAL_UNIT_LABELS = {
+    minutes: "Minutes",
+    hours: "Hours",
+    days: "Days",
+    weeks: "Weeks"
+  };
+  const INTERVAL_UNIT_OPTIONS = INTERVAL_UNITS.map((unit) => ({ value: unit, label: INTERVAL_UNIT_LABELS[unit] }));
+  let previewCount = $9.prop($$props, "previewCount", 3, 5), label = $9.prop($$props, "label", 3, "Schedule"), rest = $9.rest_props($$props, rest_excludes8);
+  const normalizedAriaLabel = $9.derived(() => typeof $$props["aria-label"] === "string" && $$props["aria-label"].trim().length > 0 ? $$props["aria-label"] : undefined);
+  const normalizedAriaLabelledby = $9.derived(() => typeof $$props["aria-labelledby"] === "string" && $$props["aria-labelledby"].trim().length > 0 ? $$props["aria-labelledby"] : undefined);
+  const resolvedAriaLabel = $9.derived(() => $9.get(normalizedAriaLabelledby) === undefined && $9.get(normalizedAriaLabel) === undefined ? label() : $9.get(normalizedAriaLabel));
+  const seedValue = $$props.value ?? defaultScheduleValue();
+  function scheduleValuesEqual(a, b) {
+    if (a.mode !== b.mode)
+      return false;
+    if (a.mode === "cron" && b.mode === "cron")
+      return a.expression === b.expression;
+    if (a.mode === "interval" && b.mode === "interval") {
+      return a.every === b.every && a.unit === b.unit;
+    }
+    return false;
+  }
+  function initialAuthoringMode(candidateValue) {
+    if (candidateValue === undefined)
+      return "presets";
+    if (candidateValue.mode === "cron")
+      return "cron";
+    return candidateValue.unit === "minutes" || candidateValue.unit === "hours" ? "presets" : "interval";
+  }
+  function seedFieldsFromValue(seededValue) {
+    const interval = valueToInterval(seededValue);
+    const isMinutesOrHours = interval !== undefined && (interval.unit === "minutes" || interval.unit === "hours");
+    return {
+      authoringMode: initialAuthoringMode(seededValue),
+      cronFields: valueToCronFields(seededValue),
+      intervalEvery: interval?.every ?? 15,
+      intervalUnit: interval?.unit ?? "minutes",
+      presetKind: "every",
+      presetEveryValue: isMinutesOrHours ? interval.every : 15,
+      presetEveryUnit: isMinutesOrHours ? interval.unit : "minutes",
+      presetDailyTime: "09:00",
+      presetWeeklyDays: [],
+      presetWeeklyTime: "09:00",
+      presetMonthlyDay: 1,
+      presetMonthlyTime: "09:00"
+    };
+  }
+  const initialSeed = seedFieldsFromValue(seedValue);
+  let authoringMode = $9.state($9.proxy(initialSeed.authoringMode));
+  let presetKind = $9.state($9.proxy(initialSeed.presetKind));
+  let cronFields = $9.state($9.proxy(initialSeed.cronFields));
+  let intervalEvery = $9.state($9.proxy(initialSeed.intervalEvery));
+  let intervalUnit = $9.state($9.proxy(initialSeed.intervalUnit));
+  let presetEveryValue = $9.state($9.proxy(initialSeed.presetEveryValue));
+  let presetEveryUnit = $9.state($9.proxy(initialSeed.presetEveryUnit));
+  let presetDailyTime = $9.state($9.proxy(initialSeed.presetDailyTime));
+  let presetWeeklyDays = $9.state($9.proxy(initialSeed.presetWeeklyDays));
+  let presetWeeklyTime = $9.state($9.proxy(initialSeed.presetWeeklyTime));
+  let presetMonthlyDay = $9.state($9.proxy(initialSeed.presetMonthlyDay));
+  let presetMonthlyTime = $9.state($9.proxy(initialSeed.presetMonthlyTime));
+  function valueForPresets() {
+    switch ($9.get(presetKind)) {
+      case "every":
+        return lowerEveryN($9.get(presetEveryValue), $9.get(presetEveryUnit));
+      case "daily":
+        return lowerDailyAt($9.get(presetDailyTime));
+      case "weekly":
+        return lowerWeeklyAt($9.get(presetWeeklyDays), $9.get(presetWeeklyTime));
+      case "monthly":
+        return lowerMonthlyOnDay($9.get(presetMonthlyDay), $9.get(presetMonthlyTime));
+    }
+  }
+  function valueForMode(mode) {
+    if (mode === "cron")
+      return { mode: "cron", expression: joinCron($9.get(cronFields)) };
+    if (mode === "interval")
+      return {
+        mode: "interval",
+        every: $9.get(intervalEvery),
+        unit: $9.get(intervalUnit)
+      };
+    return valueForPresets();
+  }
+  const currentValue = $9.derived(() => valueForMode($9.get(authoringMode)));
+  const currentValueIsValid = $9.derived(() => $9.get(authoringMode) !== "cron" || cronFieldsValid($9.get(cronFields)));
+  const resolvedPreviewCount = $9.derived(() => Number.isInteger(previewCount()) && previewCount() > 0 ? previewCount() : 5);
+  const previewResult = $9.derived(() => {
+    if (!$$props.computeNextFires)
+      return { status: "hidden" };
+    if (!$9.get(currentValueIsValid))
+      return { status: "invalid" };
+    try {
+      return {
+        status: "ok",
+        fires: $$props.computeNextFires($9.get(currentValue), $9.get(resolvedPreviewCount))
+      };
+    } catch {
+      return { status: "error" };
+    }
+  });
+  let lastKnownValue = seedValue;
+  let previousValueProp = $$props.value;
+  $9.user_effect(() => {
+    const incoming = $$props.value;
+    const propChanged = incoming !== previousValueProp;
+    previousValueProp = incoming;
+    if (!propChanged)
+      return;
+    const resolved = incoming ?? defaultScheduleValue();
+    if (incoming !== undefined && scheduleValuesEqual(resolved, lastKnownValue))
+      return;
+    const seed = seedFieldsFromValue(resolved);
+    $9.set(authoringMode, seed.authoringMode, true);
+    $9.set(cronFields, seed.cronFields, true);
+    $9.set(intervalEvery, seed.intervalEvery, true);
+    $9.set(intervalUnit, seed.intervalUnit, true);
+    $9.set(presetKind, seed.presetKind, true);
+    $9.set(presetEveryValue, seed.presetEveryValue, true);
+    $9.set(presetEveryUnit, seed.presetEveryUnit, true);
+    $9.set(presetDailyTime, seed.presetDailyTime, true);
+    $9.set(presetWeeklyDays, seed.presetWeeklyDays, true);
+    $9.set(presetWeeklyTime, seed.presetWeeklyTime, true);
+    $9.set(presetMonthlyDay, seed.presetMonthlyDay, true);
+    $9.set(presetMonthlyTime, seed.presetMonthlyTime, true);
+    lastKnownValue = resolved;
+  });
+  function emitChange() {
+    lastKnownValue = $9.get(currentValue);
+    $$props.onchange?.($9.get(currentValue));
+  }
+  function handleAuthoringModeChange(nextMode) {
+    if (nextMode === $9.get(authoringMode))
+      return;
+    $9.set(authoringMode, nextMode, true);
+    if (nextMode === "cron") {
+      $9.set(cronFields, valueToCronFields(lastKnownValue), true);
+    } else if (nextMode === "interval") {
+      const interval = valueToInterval(lastKnownValue);
+      if (interval) {
+        $9.set(intervalEvery, interval.every, true);
+        $9.set(intervalUnit, interval.unit, true);
+      }
+    } else if (nextMode === "presets") {
+      const seed = seedFieldsFromValue(lastKnownValue);
+      $9.set(presetKind, seed.presetKind, true);
+      $9.set(presetEveryValue, seed.presetEveryValue, true);
+      $9.set(presetEveryUnit, seed.presetEveryUnit, true);
+      $9.set(presetDailyTime, seed.presetDailyTime, true);
+      $9.set(presetWeeklyDays, seed.presetWeeklyDays, true);
+      $9.set(presetWeeklyTime, seed.presetWeeklyTime, true);
+      $9.set(presetMonthlyDay, seed.presetMonthlyDay, true);
+      $9.set(presetMonthlyTime, seed.presetMonthlyTime, true);
+    }
+  }
+  function handlePresetKindChange(nextKind) {
+    if (nextKind === $9.get(presetKind))
+      return;
+    $9.set(presetKind, nextKind, true);
+    emitChange();
+  }
+  function handleCronFieldChange(index, raw) {
+    const next3 = [...$9.get(cronFields)];
+    next3[index] = raw;
+    $9.set(cronFields, next3, true);
+    if (cronFieldsValid(next3))
+      emitChange();
+  }
+  function toPositiveInteger(next3) {
+    if (next3 === null || !Number.isFinite(next3) || next3 < 1)
+      return 1;
+    return Math.trunc(next3);
+  }
+  function handleIntervalEveryChange(next3) {
+    $9.set(intervalEvery, toPositiveInteger(next3), true);
+    emitChange();
+  }
+  function handleIntervalUnitChange(event) {
+    $9.set(intervalUnit, event.currentTarget.value, true);
+    emitChange();
+  }
+  function handlePresetEveryValueChange(next3) {
+    $9.set(presetEveryValue, toPositiveInteger(next3), true);
+    emitChange();
+  }
+  function handlePresetEveryUnitChange(event) {
+    $9.set(presetEveryUnit, event.currentTarget.value, true);
+    emitChange();
+  }
+  function acceptPresetTime(next3, commit) {
+    if (!next3)
+      return;
+    commit(next3);
+    emitChange();
+  }
+  function handlePresetDailyTimeChange(next3) {
+    acceptPresetTime(next3, (time) => $9.set(presetDailyTime, time, true));
+  }
+  function toggleWeeklyDay(day) {
+    $9.set(presetWeeklyDays, $9.get(presetWeeklyDays).includes(day) ? $9.get(presetWeeklyDays).filter((existing) => existing !== day) : [...$9.get(presetWeeklyDays), day], true);
+    emitChange();
+  }
+  function handlePresetWeeklyTimeChange(next3) {
+    acceptPresetTime(next3, (time) => $9.set(presetWeeklyTime, time, true));
+  }
+  function handlePresetMonthlyDayChange(next3) {
+    $9.set(presetMonthlyDay, next3 && next3 >= 1 ? Math.min(31, Math.trunc(next3)) : 1, true);
+    emitChange();
+  }
+  function handlePresetMonthlyTimeChange(next3) {
+    acceptPresetTime(next3, (time) => $9.set(presetMonthlyTime, time, true));
+  }
+  const modeTabId = (mode) => `${baseId}-mode-${mode}-tab`;
+  const modePanelId = (mode) => `${baseId}-mode-${mode}-panel`;
+  var div = root_142();
+  $9.attribute_effect(div, ($0) => ({
+    ...rest,
+    class: $0,
+    role: "group",
+    "aria-label": $9.get(resolvedAriaLabel),
+    "aria-labelledby": $9.get(normalizedAriaLabelledby),
+    "data-sb-mode": $9.get(authoringMode)
+  }), [() => classNames("cinder-schedule-builder", $$props.class)]);
+  var node = $9.child(div);
+  {
+    let $0 = $9.derived(() => `${baseId}-mode`);
+    Segmented_control(node, {
+      get id() {
+        return $9.get($0);
+      },
+      label: "Schedule authoring mode",
+      variant: "tablist",
+      get value() {
+        return $9.get(authoringMode);
+      },
+      onchange: handleAuthoringModeChange,
+      class: "cinder-schedule-builder__mode-switch",
+      children: ($$anchor2, $$slotProps) => {
+        var fragment = root8();
+        var node_1 = $9.first_child(fragment);
+        {
+          let $02 = $9.derived(() => modeTabId("presets"));
+          let $1 = $9.derived(() => modePanelId("presets"));
+          Segment(node_1, {
+            get id() {
+              return $9.get($02);
+            },
+            value: "presets",
+            get controls() {
+              return $9.get($1);
+            },
+            children: ($$anchor3, $$slotProps2) => {
+              $9.next();
+              var text2 = $9.text("Presets");
+              $9.append($$anchor3, text2);
+            },
+            $$slots: { default: true }
+          });
+        }
+        var node_2 = $9.sibling(node_1, 2);
+        {
+          let $02 = $9.derived(() => modeTabId("cron"));
+          let $1 = $9.derived(() => modePanelId("cron"));
+          Segment(node_2, {
+            get id() {
+              return $9.get($02);
+            },
+            value: "cron",
+            get controls() {
+              return $9.get($1);
+            },
+            children: ($$anchor3, $$slotProps2) => {
+              $9.next();
+              var text_1 = $9.text("Cron");
+              $9.append($$anchor3, text_1);
+            },
+            $$slots: { default: true }
+          });
+        }
+        var node_3 = $9.sibling(node_2, 2);
+        {
+          let $02 = $9.derived(() => modeTabId("interval"));
+          let $1 = $9.derived(() => modePanelId("interval"));
+          Segment(node_3, {
+            get id() {
+              return $9.get($02);
+            },
+            value: "interval",
+            get controls() {
+              return $9.get($1);
+            },
+            children: ($$anchor3, $$slotProps2) => {
+              $9.next();
+              var text_2 = $9.text("Interval");
+              $9.append($$anchor3, text_2);
+            },
+            $$slots: { default: true }
+          });
+        }
+        $9.append($$anchor2, fragment);
+      },
+      $$slots: { default: true }
+    });
+  }
+  var node_4 = $9.sibling(node, 2);
+  {
+    var consequent_3 = ($$anchor2) => {
+      var div_1 = root_45();
+      var node_5 = $9.child(div_1);
+      {
+        let $0 = $9.derived(() => `${baseId}-preset-kind`);
+        Segmented_control(node_5, {
+          get id() {
+            return $9.get($0);
+          },
+          label: "Preset kind",
+          get value() {
+            return $9.get(presetKind);
+          },
+          onchange: handlePresetKindChange,
+          class: "cinder-schedule-builder__preset-kind",
+          children: ($$anchor3, $$slotProps) => {
+            var fragment_1 = root_18();
+            var node_6 = $9.first_child(fragment_1);
+            {
+              let $02 = $9.derived(() => `${baseId}-preset-kind-every`);
+              Segment(node_6, {
+                get id() {
+                  return $9.get($02);
+                },
+                value: "every",
+                children: ($$anchor4, $$slotProps2) => {
+                  $9.next();
+                  var text_3 = $9.text("Every N");
+                  $9.append($$anchor4, text_3);
+                },
+                $$slots: { default: true }
+              });
+            }
+            var node_7 = $9.sibling(node_6, 2);
+            {
+              let $02 = $9.derived(() => `${baseId}-preset-kind-daily`);
+              Segment(node_7, {
+                get id() {
+                  return $9.get($02);
+                },
+                value: "daily",
+                children: ($$anchor4, $$slotProps2) => {
+                  $9.next();
+                  var text_4 = $9.text("Daily");
+                  $9.append($$anchor4, text_4);
+                },
+                $$slots: { default: true }
+              });
+            }
+            var node_8 = $9.sibling(node_7, 2);
+            {
+              let $02 = $9.derived(() => `${baseId}-preset-kind-weekly`);
+              Segment(node_8, {
+                get id() {
+                  return $9.get($02);
+                },
+                value: "weekly",
+                children: ($$anchor4, $$slotProps2) => {
+                  $9.next();
+                  var text_5 = $9.text("Weekly");
+                  $9.append($$anchor4, text_5);
+                },
+                $$slots: { default: true }
+              });
+            }
+            var node_9 = $9.sibling(node_8, 2);
+            {
+              let $02 = $9.derived(() => `${baseId}-preset-kind-monthly`);
+              Segment(node_9, {
+                get id() {
+                  return $9.get($02);
+                },
+                value: "monthly",
+                children: ($$anchor4, $$slotProps2) => {
+                  $9.next();
+                  var text_6 = $9.text("Monthly");
+                  $9.append($$anchor4, text_6);
+                },
+                $$slots: { default: true }
+              });
+            }
+            $9.append($$anchor3, fragment_1);
+          },
+          $$slots: { default: true }
+        });
+      }
+      var node_10 = $9.sibling(node_5, 2);
+      {
+        var consequent = ($$anchor3) => {
+          var div_2 = root_28();
+          var node_11 = $9.child(div_2);
+          var bind_get = () => $9.get(presetEveryValue);
+          var bind_set = handlePresetEveryValueChange;
+          {
+            let $0 = $9.derived(() => `${baseId}-preset-every-value`);
+            Number_input(node_11, {
+              get id() {
+                return $9.get($0);
+              },
+              label: "Every",
+              min: 1,
+              step: 1,
+              get value() {
+                return bind_get();
+              },
+              set value($$value) {
+                bind_set($$value);
+              }
+            });
+          }
+          var node_12 = $9.sibling(node_11, 2);
+          {
+            let $0 = $9.derived(() => `${baseId}-preset-every-unit`);
+            Select(node_12, {
+              get id() {
+                return $9.get($0);
+              },
+              label: "Unit",
+              get options() {
+                return PRESET_EVERY_UNIT_OPTIONS;
+              },
+              get value() {
+                return $9.get(presetEveryUnit);
+              },
+              onchange: handlePresetEveryUnitChange
+            });
+          }
+          $9.reset(div_2);
+          $9.append($$anchor3, div_2);
+        };
+        var consequent_1 = ($$anchor3) => {
+          var bind_get_1 = () => $9.get(presetDailyTime);
+          var bind_set_1 = handlePresetDailyTimeChange;
+          {
+            let $0 = $9.derived(() => `${baseId}-preset-daily-time`);
+            Time_field($$anchor3, {
+              get id() {
+                return $9.get($0);
+              },
+              label: "At",
+              get value() {
+                return bind_get_1();
+              },
+              set value($$value) {
+                bind_set_1($$value);
+              }
+            });
+          }
+        };
+        var consequent_2 = ($$anchor3) => {
+          var fragment_3 = root_36();
+          var div_3 = $9.first_child(fragment_3);
+          $9.each(div_3, 21, () => WEEKDAYS, (day) => day.value, ($$anchor4, day) => {
+            {
+              let $0 = $9.derived(() => $9.get(presetWeeklyDays).includes($9.get(day).value));
+              Chip($$anchor4, {
+                mode: "toggle",
+                get label() {
+                  return $9.get(day).short;
+                },
+                get "aria-label"() {
+                  return $9.get(day).long;
+                },
+                get pressed() {
+                  return $9.get($0);
+                },
+                onpressedchange: () => toggleWeeklyDay($9.get(day).value)
+              });
+            }
+          });
+          $9.reset(div_3);
+          var node_13 = $9.sibling(div_3, 2);
+          var bind_get_2 = () => $9.get(presetWeeklyTime);
+          var bind_set_2 = handlePresetWeeklyTimeChange;
+          {
+            let $0 = $9.derived(() => `${baseId}-preset-weekly-time`);
+            Time_field(node_13, {
+              get id() {
+                return $9.get($0);
+              },
+              label: "At",
+              get value() {
+                return bind_get_2();
+              },
+              set value($$value) {
+                bind_set_2($$value);
+              }
+            });
+          }
+          $9.append($$anchor3, fragment_3);
+        };
+        var alternate = ($$anchor3) => {
+          var div_4 = root_28();
+          var node_14 = $9.child(div_4);
+          var bind_get_3 = () => $9.get(presetMonthlyDay);
+          var bind_set_3 = handlePresetMonthlyDayChange;
+          {
+            let $0 = $9.derived(() => `${baseId}-preset-monthly-day`);
+            Number_input(node_14, {
+              get id() {
+                return $9.get($0);
+              },
+              label: "Day of month",
+              min: 1,
+              max: 31,
+              get value() {
+                return bind_get_3();
+              },
+              set value($$value) {
+                bind_set_3($$value);
+              }
+            });
+          }
+          var node_15 = $9.sibling(node_14, 2);
+          var bind_get_4 = () => $9.get(presetMonthlyTime);
+          var bind_set_4 = handlePresetMonthlyTimeChange;
+          {
+            let $0 = $9.derived(() => `${baseId}-preset-monthly-time`);
+            Time_field(node_15, {
+              get id() {
+                return $9.get($0);
+              },
+              label: "At",
+              get value() {
+                return bind_get_4();
+              },
+              set value($$value) {
+                bind_set_4($$value);
+              }
+            });
+          }
+          $9.reset(div_4);
+          $9.append($$anchor3, div_4);
+        };
+        $9.if(node_10, ($$render) => {
+          if ($9.get(presetKind) === "every")
+            $$render(consequent);
+          else if ($9.get(presetKind) === "daily")
+            $$render(consequent_1, 1);
+          else if ($9.get(presetKind) === "weekly")
+            $$render(consequent_2, 2);
+          else
+            $$render(alternate, -1);
+        });
+      }
+      $9.reset(div_1);
+      $9.template_effect(($0, $1) => {
+        $9.set_attribute(div_1, "id", $0);
+        $9.set_attribute(div_1, "aria-labelledby", $1);
+      }, [() => modePanelId("presets"), () => modeTabId("presets")]);
+      $9.append($$anchor2, div_1);
+    };
+    var consequent_4 = ($$anchor2) => {
+      var div_5 = root_55();
+      var div_6 = $9.child(div_5);
+      $9.each(div_6, 23, () => CRON_FIELDS, (field) => field.name, ($$anchor3, field, index) => {
+        const fieldError = $9.derived(() => validateCronField($9.get(cronFields)[$9.get(index)] ?? "*", $9.get(index)));
+        var bind_get_5 = () => $9.get(cronFields)[$9.get(index)] ?? "*";
+        var bind_set_5 = (next3) => handleCronFieldChange($9.get(index), next3);
+        {
+          let $0 = $9.derived(() => `${baseId}-cron-field-${$9.get(index)}`);
+          Input($$anchor3, $9.spread_props({
+            get id() {
+              return $9.get($0);
+            },
+            get label() {
+              return $9.get(field).name;
+            },
+            get description() {
+              return $9.get(field).hint;
+            },
+            get value() {
+              return bind_get_5();
+            },
+            set value($$value) {
+              bind_set_5($$value);
+            }
+          }, () => $9.get(fieldError) ? { error: $9.get(fieldError) } : {}));
+        }
+      });
+      $9.reset(div_6);
+      $9.reset(div_5);
+      $9.template_effect(($0, $1) => {
+        $9.set_attribute(div_5, "id", $0);
+        $9.set_attribute(div_5, "aria-labelledby", $1);
+      }, [() => modePanelId("cron"), () => modeTabId("cron")]);
+      $9.append($$anchor2, div_5);
+    };
+    var alternate_1 = ($$anchor2) => {
+      var div_7 = root_63();
+      var div_8 = $9.child(div_7);
+      var node_16 = $9.child(div_8);
+      var bind_get_6 = () => $9.get(intervalEvery);
+      var bind_set_6 = handleIntervalEveryChange;
+      {
+        let $0 = $9.derived(() => `${baseId}-interval-every`);
+        Number_input(node_16, {
+          get id() {
+            return $9.get($0);
+          },
+          label: "Every",
+          min: 1,
+          step: 1,
+          get value() {
+            return bind_get_6();
+          },
+          set value($$value) {
+            bind_set_6($$value);
+          }
+        });
+      }
+      var node_17 = $9.sibling(node_16, 2);
+      {
+        let $0 = $9.derived(() => `${baseId}-interval-unit`);
+        Select(node_17, {
+          get id() {
+            return $9.get($0);
+          },
+          label: "Unit",
+          get options() {
+            return INTERVAL_UNIT_OPTIONS;
+          },
+          get value() {
+            return $9.get(intervalUnit);
+          },
+          onchange: handleIntervalUnitChange
+        });
+      }
+      $9.reset(div_8);
+      $9.reset(div_7);
+      $9.template_effect(($0, $1) => {
+        $9.set_attribute(div_7, "id", $0);
+        $9.set_attribute(div_7, "aria-labelledby", $1);
+      }, [() => modePanelId("interval"), () => modeTabId("interval")]);
+      $9.append($$anchor2, div_7);
+    };
+    $9.if(node_4, ($$render) => {
+      if ($9.get(authoringMode) === "presets")
+        $$render(consequent_3);
+      else if ($9.get(authoringMode) === "cron")
+        $$render(consequent_4, 1);
+      else
+        $$render(alternate_1, -1);
+    });
+  }
+  var dl = $9.sibling(node_4, 2);
+  var dd = $9.sibling($9.child(dl), 2);
+  var text_7 = $9.child(dd, true);
+  $9.reset(dd);
+  $9.reset(dl);
+  var node_18 = $9.sibling(dl, 2);
+  {
+    var consequent_8 = ($$anchor2) => {
+      var div_9 = root_122();
+      var span = $9.child(div_9);
+      var node_19 = $9.sibling(span, 2);
+      {
+        var consequent_5 = ($$anchor3) => {
+          var p = root_72();
+          $9.append($$anchor3, p);
+        };
+        var consequent_6 = ($$anchor3) => {
+          var p_1 = root_82();
+          $9.append($$anchor3, p_1);
+        };
+        var consequent_7 = ($$anchor3) => {
+          var ul = root_102();
+          $9.each(ul, 21, () => $9.get(previewResult).fires, (fire) => fire.id, ($$anchor4, fire) => {
+            var li = root_92();
+            var text_8 = $9.child(li, true);
+            $9.reset(li);
+            $9.template_effect(() => $9.set_text(text_8, $9.get(fire).label));
+            $9.append($$anchor4, li);
+          });
+          $9.reset(ul);
+          $9.template_effect(() => $9.set_attribute(ul, "aria-labelledby", `${baseId}-preview-label`));
+          $9.append($$anchor3, ul);
+        };
+        var alternate_2 = ($$anchor3) => {
+          var p_2 = root_11();
+          $9.append($$anchor3, p_2);
+        };
+        $9.if(node_19, ($$render) => {
+          if ($9.get(previewResult).status === "invalid")
+            $$render(consequent_5);
+          else if ($9.get(previewResult).status === "error")
+            $$render(consequent_6, 1);
+          else if ($9.get(previewResult).fires.length > 0)
+            $$render(consequent_7, 2);
+          else
+            $$render(alternate_2, -1);
+        });
+      }
+      $9.reset(div_9);
+      $9.template_effect(() => $9.set_attribute(span, "id", `${baseId}-preview-label`));
+      $9.append($$anchor2, div_9);
+    };
+    $9.if(node_18, ($$render) => {
+      if ($9.get(previewResult).status !== "hidden")
+        $$render(consequent_8);
+    });
+  }
+  var dl_1 = $9.sibling(node_18, 2);
+  var dd_1 = $9.sibling($9.child(dl_1), 2);
+  var node_20 = $9.child(dd_1);
+  {
+    var consequent_9 = ($$anchor2) => {
+      var fragment_6 = $9.comment();
+      var node_21 = $9.first_child(fragment_6);
+      $9.snippet(node_21, () => $$props.timezone);
+      $9.append($$anchor2, fragment_6);
+    };
+    var consequent_10 = ($$anchor2) => {
+      var text_9 = $9.text();
+      $9.template_effect(() => $9.set_text(text_9, $$props.timezoneLabel));
+      $9.append($$anchor2, text_9);
+    };
+    var alternate_3 = ($$anchor2) => {
+      var span_1 = root_132();
+      $9.append($$anchor2, span_1);
+    };
+    $9.if(node_20, ($$render) => {
+      if ($$props.timezone)
+        $$render(consequent_9);
+      else if ($$props.timezoneLabel)
+        $$render(consequent_10, 1);
+      else
+        $$render(alternate_3, -1);
+    });
+  }
+  $9.reset(dd_1);
+  $9.reset(dl_1);
+  $9.reset(div);
+  $9.template_effect(($0) => $9.set_text(text_7, $0), [() => describeValue($9.get(currentValue))]);
+  $9.append($$anchor, div);
+  $9.pop();
+}
+
+// src/components/schedule-builder/index.ts
+var schedule_builder_default = Schedule_builder;
+export {
+  schedule_builder_default as default,
+  Schedule_builder as ScheduleBuilder
+};
+
+//# debugId=E9DA60597E63E03B64756E2164756E21