@lostgradient/cinder 0.5.0 → 0.6.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-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

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

@@ -0,0 +1,148 @@
+import {
+  readOption
+} from "./index.server-6pdmym90.js";
+import {
+  classNames
+} from "./index.server-z7nvkz8v.js";
+
+// src/components/portal/portal.svelte
+import * as $2 from "svelte/internal/server";
+
+// src/components/portal/portal.utilities.svelte.ts
+import * as $ from "svelte/internal/server";
+function resolvePortalTarget(target) {
+  if (typeof document === "undefined")
+    return null;
+  if (target == null) {
+    return { kind: "resolved", target: document.body };
+  }
+  if (target instanceof HTMLElement) {
+    return { kind: "resolved", target };
+  }
+  try {
+    const resolved = document.querySelector(target);
+    return resolved instanceof HTMLElement ? { kind: "resolved", target: resolved } : { kind: "unresolved", key: target };
+  } catch {
+    return { kind: "unresolved", key: target };
+  }
+}
+function copyInheritedPortalAttributes(element, source, inheritAttributes, fallbackAttributes = {
+  dir: element.getAttribute("dir"),
+  dataTheme: element.getAttribute("data-theme"),
+  theme: element.getAttribute("data-cinder-theme")
+}) {
+  const preservesExplicitDirection = fallbackAttributes.preserveDirection || element.dataset["cinderExplicitDirection"] === "true";
+  const inheritedDir = inheritAttributes && source && !preservesExplicitDirection ? source.closest("[dir]")?.getAttribute("dir") : null;
+  const nextDir = inheritedDir ?? fallbackAttributes.dir;
+  if (nextDir) {
+    element.setAttribute("dir", nextDir);
+  } else {
+    element.removeAttribute("dir");
+  }
+  const preservesExplicitDataTheme = fallbackAttributes.preserveDataTheme === true;
+  const inheritedDataTheme = inheritAttributes && source && !preservesExplicitDataTheme && fallbackAttributes.dataTheme === null ? source.closest("[data-theme]")?.getAttribute("data-theme") : null;
+  const nextDataTheme = inheritedDataTheme ?? fallbackAttributes.dataTheme;
+  if (nextDataTheme) {
+    element.setAttribute("data-theme", nextDataTheme);
+  } else {
+    element.removeAttribute("data-theme");
+  }
+  const preservesExplicitTheme = fallbackAttributes.preserveTheme === true;
+  const inheritedTheme = inheritAttributes && source && !preservesExplicitTheme && fallbackAttributes.theme === null ? source.closest("[data-cinder-theme]")?.getAttribute("data-cinder-theme") : null;
+  const nextTheme = inheritedTheme ?? fallbackAttributes.theme;
+  if (nextTheme) {
+    element.setAttribute("data-cinder-theme", nextTheme);
+  } else {
+    element.removeAttribute("data-cinder-theme");
+  }
+  return {
+    dir: inheritedDir ?? null,
+    dataTheme: inheritedDataTheme ?? null,
+    theme: inheritedTheme ?? null
+  };
+}
+function createPortalAttachment(options = {}) {
+  let lastWarnedUnresolvedKey = null;
+  return (element) => {
+    const initialParent = element.parentElement;
+    const initialAttributes = {
+      dir: element.getAttribute("dir"),
+      dataTheme: element.getAttribute("data-theme"),
+      theme: element.getAttribute("data-cinder-theme")
+    };
+    const managedAttributes = { dir: null, dataTheme: null, theme: null };
+    function currentFallbackAttributes() {
+      const explicitAttributes = readOption(options.explicitAttributes ?? {});
+      const explicitDirection = explicitAttributes.dir;
+      const explicitDataTheme = explicitAttributes.dataTheme;
+      const explicitTheme = explicitAttributes.theme;
+      const direction = element.getAttribute("dir");
+      const dataTheme = element.getAttribute("data-theme");
+      const theme = element.getAttribute("data-cinder-theme");
+      return {
+        dir: explicitDirection !== undefined ? explicitDirection : direction !== managedAttributes.dir ? direction : initialAttributes.dir,
+        preserveDirection: explicitDirection !== undefined,
+        dataTheme: explicitDataTheme !== undefined ? explicitDataTheme : dataTheme !== managedAttributes.dataTheme ? dataTheme : null,
+        preserveDataTheme: explicitDataTheme !== undefined,
+        theme: explicitTheme !== undefined ? explicitTheme : theme !== managedAttributes.theme ? theme : null,
+        preserveTheme: explicitTheme !== undefined
+      };
+    }
+    function syncInheritedAttributes(source, inheritAttributes) {
+      const nextManagedAttributes = copyInheritedPortalAttributes(element, source, inheritAttributes, currentFallbackAttributes());
+      managedAttributes.dir = nextManagedAttributes.dir;
+      managedAttributes.dataTheme = nextManagedAttributes.dataTheme;
+      managedAttributes.theme = nextManagedAttributes.theme;
+    }
+    const anchor = typeof document !== "undefined" ? document.createComment("@lostgradient/cinder/portal") : null;
+    if (anchor && initialParent && element.parentNode === initialParent) {
+      initialParent.insertBefore(anchor, element);
+    }
+    function restoreInline() {
+      if (!anchor || !anchor.parentNode)
+        return;
+      if (element.parentNode === anchor.parentNode && element.previousSibling === anchor)
+        return;
+      anchor.parentNode.insertBefore(element, anchor.nextSibling);
+    }
+    return () => {
+      if (anchor && anchor.parentNode) {
+        anchor.parentNode.removeChild(anchor);
+      }
+    };
+  };
+}
+
+// src/components/portal/portal.svelte
+function Portal($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    let {
+      target = null,
+      disabled = false,
+      class: className,
+      inheritAttributes = true,
+      children,
+      $$slots,
+      $$events,
+      ...rest
+    } = $$props;
+    let hasHydrated = false;
+    const resolvedTarget = $2.derived(() => !disabled ? resolvePortalTarget(target) : null);
+    const shouldRenderChildren = $2.derived(() => disabled || hasHydrated && resolvedTarget() !== null);
+    $$renderer2.push(`<div${$2.attributes({ class: $2.clsx(classNames(className)), ...rest })}>`);
+    if (shouldRenderChildren()) {
+      $$renderer2.push("<!--[0-->");
+      children($$renderer2);
+      $$renderer2.push(`<!---->`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--></div>`);
+  }, Portal);
+}
+
+// src/components/portal/index.ts
+var portal_default = Portal;
+export { createPortalAttachment, Portal, portal_default };
+
+//# debugId=53CE85B73D1F008464756E2164756E21