@lostgradient/cinder 0.5.0 → 0.7.0

package/dist/server/index.server-dp9j2kkr.js

@@ -0,0 +1,291 @@
+import {
+  Date_picker
+} from "./index.server-n39drzes.js";
+import {
+  composeDescribedBy,
+  describeId,
+  errorId
+} from "./index.server-abm21gz1.js";
+import {
+  classNames
+} from "./index.server-z7nvkz8v.js";
+
+// src/components/date-range-field/date-range-field.svelte
+import * as $ from "svelte/internal/server";
+function Date_range_field($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    const generatedId = $.props_id($$renderer2);
+    let {
+      id,
+      value = { start: undefined, end: undefined },
+      label,
+      startLabel,
+      endLabel,
+      granularity = "day",
+      presets,
+      hidePresets = false,
+      description,
+      error,
+      disabled = false,
+      class: className,
+      onchange,
+      "aria-describedby": consumerDescribedBy,
+      $$slots,
+      $$events,
+      ...rest
+    } = $$props;
+    const defaultPresets = [
+      {
+        id: "today",
+        label: "Today",
+        resolve: () => {
+          const now = new Date;
+          return {
+            start: formatDateRangePresetValue(startOfDay(now), granularity),
+            end: formatDateRangePresetEndValue(now, granularity)
+          };
+        }
+      },
+      {
+        id: "yesterday-today",
+        label: "Yesterday & today",
+        resolve: () => {
+          const now = new Date;
+          const yesterday = new Date(now);
+          yesterday.setDate(now.getDate() - 1);
+          return {
+            start: formatDateRangePresetValue(startOfDay(yesterday), granularity),
+            end: formatDateRangePresetEndValue(now, granularity)
+          };
+        }
+      },
+      {
+        id: "last-7d",
+        label: "Last 7 days",
+        resolve: () => {
+          const now = new Date;
+          const sixDaysAgo = new Date(now);
+          sixDaysAgo.setDate(now.getDate() - 6);
+          return {
+            start: formatDateRangePresetValue(startOfDay(sixDaysAgo), granularity),
+            end: formatDateRangePresetEndValue(now, granularity)
+          };
+        }
+      }
+    ];
+    const resolvedPresets = $.derived(() => presets ?? defaultPresets);
+    let selectedPresetSnapshot = null;
+    const rootId = $.derived(() => id ?? generatedId);
+    const startId = $.derived(() => `${rootId()}-start`);
+    const endId = $.derived(() => `${rootId()}-end`);
+    const legendId = $.derived(() => label ? `${rootId()}-legend` : undefined);
+    const descriptionId = $.derived(() => describeId(rootId(), !!description));
+    const errId = $.derived(() => errorId(rootId(), !!error));
+    const describedBy = $.derived(() => composeDescribedBy(descriptionId(), errId(), consumerDescribedBy));
+    const activePresetId = $.derived(() => {
+      const normalizedValue2 = normalizeDateRangeValue(value, granularity);
+      const snapshot = selectedPresetSnapshot;
+      if (snapshot && dateRangeValuesMatch(snapshot.value, normalizedValue2)) {
+        const selectedPreset = resolvedPresets().find((preset) => {
+          return preset.id === snapshot.id && preset === snapshot.preset;
+        });
+        if (selectedPreset) {
+          return snapshot.id;
+        }
+      }
+      const match = resolvedPresets().find((preset) => {
+        const resolved = normalizeDateRangeValue(preset.resolve(), granularity);
+        return dateRangeValuesMatch(resolved, normalizedValue2);
+      });
+      return match?.id;
+    });
+    function toISODate(d) {
+      const year = d.getFullYear();
+      const month = String(d.getMonth() + 1).padStart(2, "0");
+      const day = String(d.getDate()).padStart(2, "0");
+      return `${year}-${month}-${day}`;
+    }
+    function startOfDay(date) {
+      const next = new Date(date);
+      next.setHours(0, 0, 0, 0);
+      return next;
+    }
+    function toISODateTime(date, nextGranularity) {
+      const hours = String(date.getHours()).padStart(2, "0");
+      const minutes = String(date.getMinutes()).padStart(2, "0");
+      if (nextGranularity === "hour")
+        return `${toISODate(date)}T${hours}:00`;
+      const base = `${toISODate(date)}T${hours}:${minutes}`;
+      if (nextGranularity === "second") {
+        return `${base}:${String(date.getSeconds()).padStart(2, "0")}`;
+      }
+      return base;
+    }
+    function formatDateRangePresetValue(date, nextGranularity) {
+      return nextGranularity === "day" ? toISODate(date) : toISODateTime(date, nextGranularity);
+    }
+    function endOfActiveHour(date) {
+      const next = new Date(date);
+      if (next.getMinutes() > 0 || next.getSeconds() > 0 || next.getMilliseconds() > 0) {
+        next.setHours(Math.min(next.getHours() + 1, 23), 0, 0, 0);
+      }
+      return next;
+    }
+    function formatDateRangePresetEndValue(date, nextGranularity) {
+      return formatDateRangePresetValue(nextGranularity === "hour" ? endOfActiveHour(date) : date, nextGranularity);
+    }
+    function dateRangeValuesMatch(left, right) {
+      return left.start === right.start && left.end === right.end;
+    }
+    function isLeapYear(year) {
+      return year % 4 === 0 && (year % 100 !== 0 || year % 400 === 0);
+    }
+    function daysInMonth(year, month) {
+      if (month === 2)
+        return isLeapYear(year) ? 29 : 28;
+      if ([4, 6, 9, 11].includes(month))
+        return 30;
+      return 31;
+    }
+    function isValidDatePart(datePart) {
+      const match = /^(\d{4})-(\d{2})-(\d{2})$/.exec(datePart);
+      if (!match)
+        return false;
+      const [, rawYear, rawMonth, rawDay] = match;
+      const year = Number(rawYear);
+      const month = Number(rawMonth);
+      const day = Number(rawDay);
+      return month >= 1 && month <= 12 && day >= 1 && day <= daysInMonth(year, month);
+    }
+    function isValidTimePart(timePart) {
+      const match = /^(\d{2}):(\d{2})(?::(\d{2}))?$/.exec(timePart);
+      if (!match)
+        return false;
+      const [, rawHour, rawMinute, rawSecond = "00"] = match;
+      const hour = Number(rawHour);
+      const minute = Number(rawMinute);
+      const second = Number(rawSecond);
+      return hour <= 23 && minute <= 59 && second <= 59;
+    }
+    function normalizeInputValue(nextValue, nextGranularity) {
+      if (!nextValue)
+        return;
+      const datePart = nextValue.slice(0, 10);
+      if (!isValidDatePart(datePart))
+        return;
+      if (nextGranularity === "day")
+        return datePart;
+      const timePart = nextValue.length === 10 ? "00:00" : nextValue[10] === "T" ? nextValue.slice(11) : undefined;
+      if (!timePart)
+        return;
+      if (!isValidTimePart(timePart))
+        return;
+      const [rawHour = "00", rawMinute = "00", rawSecond = "00"] = timePart.split(":");
+      const hour = rawHour.padStart(2, "0").slice(0, 2);
+      const minute = rawMinute.padStart(2, "0").slice(0, 2);
+      const second = rawSecond.padStart(2, "0").slice(0, 2);
+      if (nextGranularity === "hour")
+        return `${datePart}T${hour}:00`;
+      if (nextGranularity === "minute")
+        return `${datePart}T${hour}:${minute}`;
+      return `${datePart}T${hour}:${minute}:${second}`;
+    }
+    function normalizeDateRangeValue(nextValue, nextGranularity) {
+      return {
+        start: nextValue.start ? normalizeInputValue(nextValue.start, nextGranularity) : undefined,
+        end: nextValue.end ? normalizeInputValue(nextValue.end, nextGranularity) : undefined
+      };
+    }
+    const normalizedValue = $.derived(() => normalizeDateRangeValue(value, granularity));
+    const defaultStartLabel = $.derived(() => granularity === "day" ? "Start date" : "Start date and time");
+    const defaultEndLabel = $.derived(() => granularity === "day" ? "End date" : "End date and time");
+    const resolvedStartLabel = $.derived(() => startLabel ?? defaultStartLabel());
+    const resolvedEndLabel = $.derived(() => endLabel ?? defaultEndLabel());
+    function handlePresetClick(preset) {
+      if (disabled)
+        return;
+      const next = normalizeDateRangeValue(preset.resolve(), granularity);
+      selectedPresetSnapshot = { id: preset.id, preset, value: next };
+      value = next;
+      onchange?.(next);
+    }
+    function handleStartChange(nextStart) {
+      const next = normalizeDateRangeValue({ start: nextStart, end: value.end }, granularity);
+      selectedPresetSnapshot = null;
+      value = next;
+      onchange?.(next);
+    }
+    function handleEndChange(nextEnd) {
+      const next = normalizeDateRangeValue({ start: value.start, end: nextEnd }, granularity);
+      selectedPresetSnapshot = null;
+      value = next;
+      onchange?.(next);
+    }
+    const hasError = $.derived(() => !!error);
+    $$renderer2.push(`<div${$.attributes({
+      ...rest,
+      class: $.clsx(classNames("cinder-date-range-field", className)),
+      role: "group",
+      "aria-labelledby": legendId(),
+      "aria-describedby": describedBy()
+    })}>`);
+    if (label) {
+      $$renderer2.push("<!--[0-->");
+      $$renderer2.push(`<p${$.attr("id", legendId())} class="cinder-date-range-field__legend"${$.attr("data-disabled", disabled || undefined)}>${$.escape(label)}</p>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--> `);
+    if (!hidePresets) {
+      $$renderer2.push("<!--[0-->");
+      $$renderer2.push(`<div class="cinder-date-range-field__presets" role="group" aria-label="Date range presets"${$.attr("aria-disabled", disabled || undefined)}><!--[-->`);
+      const each_array = $.ensure_array_like(resolvedPresets());
+      for (let $$index = 0, $$length = each_array.length;$$index < $$length; $$index++) {
+        let preset = each_array[$$index];
+        $$renderer2.push(`<button type="button" class="cinder-date-range-field__preset-btn"${$.attr("aria-pressed", activePresetId() === preset.id)}${$.attr("disabled", disabled, true)}>${$.escape(preset.label)}</button>`);
+      }
+      $$renderer2.push(`<!--]--></div>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--> <div class="cinder-date-range-field__inputs"><div class="cinder-date-range-field__input-group"><label${$.attr("for", startId())} class="cinder-date-range-field__input-label"${$.attr("data-disabled", disabled || undefined)}>${$.escape(resolvedStartLabel())}</label> `);
+    Date_picker($$renderer2, {
+      id: startId(),
+      class: "cinder-date-range-field__date-picker",
+      granularity,
+      value: normalizedValue().start,
+      max: normalizedValue().end ?? undefined,
+      disabled,
+      "aria-invalid": hasError() ? "true" : undefined,
+      "aria-describedby": describedBy(),
+      onchange: (next) => handleStartChange(next)
+    });
+    $$renderer2.push(`<!----></div> <span class="cinder-date-range-field__separator" aria-hidden="true">–</span> <div class="cinder-date-range-field__input-group"><label${$.attr("for", endId())} class="cinder-date-range-field__input-label"${$.attr("data-disabled", disabled || undefined)}>${$.escape(resolvedEndLabel())}</label> `);
+    Date_picker($$renderer2, {
+      id: endId(),
+      class: "cinder-date-range-field__date-picker",
+      granularity,
+      value: normalizedValue().end,
+      min: normalizedValue().start ?? undefined,
+      disabled,
+      "aria-invalid": hasError() ? "true" : undefined,
+      "aria-describedby": describedBy(),
+      onchange: (next) => handleEndChange(next)
+    });
+    $$renderer2.push(`<!----></div></div> `);
+    if (description) {
+      $$renderer2.push("<!--[0-->");
+      $$renderer2.push(`<p${$.attr("id", descriptionId())} class="cinder-date-range-field__description">${$.escape(description)}</p>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--> <p${$.attr("id", errId())} class="cinder-date-range-field__error" aria-live="polite"${$.attr("data-cinder-error", hasError() || undefined)}>${$.escape(error ?? "")}</p></div>`);
+    $.bind_props($$props, { value });
+  }, Date_range_field);
+}
+
+// src/components/date-range-field/index.ts
+var date_range_field_default = Date_range_field;
+export { Date_range_field, date_range_field_default };
+
+//# debugId=5F587D7CEB2295C964756E2164756E21

package/dist/server/index.server-e3fnv1g6.js

@@ -0,0 +1,223 @@
+import {
+  inDocumentOrder
+} from "./index.server-h54v6c32.js";
+import {
+  strictStableContext
+} from "./index.server-bn02606y.js";
+import {
+  getFocusableIndex,
+  handleRovingKeydown
+} from "./index.server-0a8m173j.js";
+import {
+  classNames
+} from "./index.server-z7nvkz8v.js";
+
+// src/components/segment/segment.svelte
+import * as $2 from "svelte/internal/server";
+import { untrack } from "svelte";
+
+// src/components/segmented-control/segmented-control-state.svelte.ts
+import * as $ from "svelte/internal/server";
+var [getSegmentedControlContext, setSegmentedControlContext] = strictStableContext("@lostgradient/cinder/segmented-control/context", "Segment must be rendered inside a SegmentedControl");
+class SegmentedControlController {
+  #registrations = [];
+  #version = 0;
+  #options;
+  constructor(options) {
+    this.#options = options;
+  }
+  get segments() {
+    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);
+    this.#version += 1;
+    return () => {
+      const index = this.#registrations.indexOf(registration);
+      if (index >= 0)
+        this.#registrations.splice(index, 1);
+      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 set = this.#options.getValue();
+      if (!set || typeof set === "string")
+        return;
+      if (set.has(value))
+        set.delete(value);
+      else
+        set.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
+function Segment($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    let {
+      value,
+      disabled = false,
+      controls,
+      leading,
+      trailing,
+      children,
+      class: customClassName,
+      $$slots,
+      $$events,
+      ...rest
+    } = $$props;
+    const context = getSegmentedControlContext();
+    const registerSegment = (node) => {
+      return untrack(() => context.register({
+        node,
+        get value() {
+          return value;
+        },
+        get disabled() {
+          return disabled || context.controlDisabled;
+        },
+        get controls() {
+          return controls;
+        }
+      }));
+    };
+    const isSelected = $2.derived(() => context.isSelected(value));
+    const isFocusable = $2.derived(() => context.isFocusable(value));
+    const effectiveDisabled = $2.derived(() => disabled || context.controlDisabled);
+    const role = $2.derived(() => context.selectionMode === "multiple" ? undefined : context.variant === "tablist" ? "tab" : "radio");
+    $$renderer2.push(`<button${$2.attributes({
+      ...rest,
+      type: "button",
+      role: role(),
+      "data-cinder-segment-value": value,
+      "aria-checked": role() === "radio" ? isSelected() : undefined,
+      "aria-selected": role() === "tab" ? isSelected() : undefined,
+      "aria-pressed": context.selectionMode === "multiple" ? isSelected() : undefined,
+      "aria-controls": role() === "tab" ? controls : undefined,
+      "aria-disabled": effectiveDisabled() ? "true" : undefined,
+      disabled: context.selectionMode === "multiple" ? effectiveDisabled() : undefined,
+      tabindex: isFocusable() ? 0 : -1,
+      class: $2.clsx(classNames("cinder-segmented-control-option", customClassName)),
+      "data-cinder-selected": isSelected() ? "" : undefined,
+      "data-cinder-pressed": context.selectionMode === "multiple" && isSelected() ? "" : undefined
+    })}>`);
+    if (leading) {
+      $$renderer2.push("<!--[0-->");
+      $$renderer2.push(`<span class="cinder-segmented-control-option-icon" aria-hidden="true">`);
+      leading($$renderer2);
+      $$renderer2.push(`<!----></span>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--> `);
+    children?.($$renderer2);
+    $$renderer2.push(`<!----> `);
+    if (trailing) {
+      $$renderer2.push("<!--[0-->");
+      $$renderer2.push(`<span class="cinder-segmented-control-option-trailing" aria-hidden="true">`);
+      trailing($$renderer2);
+      $$renderer2.push(`<!----></span>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--></button>`);
+  }, Segment);
+}
+
+export { setSegmentedControlContext, SegmentedControlController, Segment };
+
+//# debugId=59A6980B6A89763364756E2164756E21

package/dist/server/index.server-e8x1hgw6.js

@@ -0,0 +1,118 @@
+import {
+  getFormFieldContext
+} from "./index.server-weae7gs2.js";
+import {
+  commitValue
+} from "./index.server-42qeekwc.js";
+import {
+  resolveFieldControl
+} from "./index.server-abm21gz1.js";
+import {
+  classNames
+} from "./index.server-z7nvkz8v.js";
+
+// src/components/checkbox/checkbox.svelte
+import * as $ from "svelte/internal/server";
+function Checkbox($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    const generatedId = $.props_id($$renderer2);
+    let {
+      id,
+      checked = false,
+      onValueChange,
+      indeterminate = false,
+      label,
+      description,
+      error,
+      disabled,
+      required,
+      fieldClass,
+      class: className,
+      "aria-describedby": consumerDescribedBy,
+      "aria-invalid": consumerInvalid,
+      onchange: consumerOnchange,
+      $$slots,
+      $$events,
+      ...rest
+    } = $$props;
+    const context = getFormFieldContext();
+    const field = $.derived(() => resolveFieldControl({
+      ...id !== undefined ? { id } : {},
+      generatedId,
+      context,
+      hasDescription: !!description,
+      hasError: !!error,
+      localIdNamespace: "checkbox",
+      consumerDescribedBy,
+      consumerInvalid,
+      disabled,
+      required: required ?? undefined
+    }));
+    let inputElement = undefined;
+    let resetSyncTimeout;
+    function syncCheckedAfterFormReset() {
+      if (resetSyncTimeout !== undefined)
+        clearTimeout(resetSyncTimeout);
+      resetSyncTimeout = setTimeout(() => {
+        resetSyncTimeout = undefined;
+        if (!inputElement)
+          return;
+        checked = inputElement.checked;
+        inputElement.indeterminate = indeterminate && !inputElement.checked;
+      }, 0);
+    }
+    function handleChange(event) {
+      const target = event.currentTarget;
+      const committed = commitValue(target.checked, onValueChange, (next) => {
+        checked = next;
+      });
+      target.checked = committed;
+      target.indeterminate = indeterminate && !committed;
+      consumerOnchange?.(event);
+    }
+    $$renderer2.push(`<div${$.attr_class($.clsx(classNames("cinder-checkbox-field", fieldClass)))}><div class="cinder-checkbox-row"><span class="cinder-checkbox-field__control"><input${$.attributes({
+      id: field().id,
+      type: "checkbox",
+      ...rest,
+      disabled: field().disabled,
+      required: field().required,
+      checked,
+      class: $.clsx(classNames("cinder-checkbox", className)),
+      "aria-invalid": field().ariaInvalid,
+      "aria-describedby": field().describedBy
+    }, undefined, undefined, undefined, 4)}/> <span class="cinder-checkbox-field__indicator" aria-hidden="true"></span></span> `);
+    if (label) {
+      $$renderer2.push("<!--[0-->");
+      $$renderer2.push(`<label${$.attr("for", field().id)} class="cinder-checkbox-field__label"${$.attr("data-disabled", field().disabled || undefined)}>${$.escape(label)} `);
+      if (field().required) {
+        $$renderer2.push("<!--[0-->");
+        $$renderer2.push(`<span class="cinder-_required-marker" aria-hidden="true">*</span>`);
+      } else {
+        $$renderer2.push("<!--[-1-->");
+      }
+      $$renderer2.push(`<!--]--></label>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--></div> `);
+    if (description) {
+      $$renderer2.push("<!--[0-->");
+      $$renderer2.push(`<p${$.attr("id", field().ownDescriptionId)} class="cinder-checkbox-field__description">${$.escape(description)}</p>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--> `);
+    if (error) {
+      $$renderer2.push("<!--[0-->");
+      $$renderer2.push(`<p${$.attr("id", field().ownErrorId)} class="cinder-checkbox-field__error" aria-live="polite">${$.escape(error)}</p>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--></div>`);
+    $.bind_props($$props, { checked, indeterminate });
+  }, Checkbox);
+}
+
+export { Checkbox };
+
+//# debugId=98EA728C9FFE995E64756E2164756E21

package/dist/server/index.server-ecm1vs3g.js

@@ -0,0 +1,9 @@
+import {
+  Date_picker
+} from "./index.server-n39drzes.js";
+
+// src/components/date-picker/index.ts
+var date_picker_default = Date_picker;
+export { date_picker_default };
+
+//# debugId=745E194F4F94AE9A64756E2164756E21