@spaethtech/svelte-ui 0.15.1-dev.67.fbf3875 → 0.15.1-dev.71.e357f8b

package/dist/components/DateRangePicker/DateRangePicker.svelte

@@ -1,157 +0,0 @@
-<!--
-/**
- * DateRangePicker — a start–end range picker with a presets rail. Composes the existing `Calendar`
- * (mode="range") inside an `Input`-framed trigger + `Popup`, exposing ergonomic bind:start / bind:end
- * (ISO). See DateRangePicker.spec.md.
- */
--->
-<script lang="ts" module>
-  export type RangePreset = { label: string; start: string; end: string };
-</script>
-
-<script lang="ts">
-  import type { Snippet } from "svelte";
-  import Input from "../Input.svelte";
-  import Popup from "../Popup.svelte";
-  import Button from "../Button.svelte";
-  import Calendar from "../Calendar.svelte";
-  import IconCalendar from "~icons/mdi/calendar-outline";
-  import type { Variant } from "../../types/variants.js";
-  import type { Size } from "../../types/sizes.js";
-  import type { Responsive } from "../../types/responsive.js";
-
-  // Local ISO (avoids the UTC shift of toISOString near midnight).
-  const iso = (d: Date) =>
-    `${d.getFullYear()}-${String(d.getMonth() + 1).padStart(2, "0")}-${String(d.getDate()).padStart(2, "0")}`;
-  function defaultPresets(): RangePreset[] {
-    const t = new Date();
-    t.setHours(0, 0, 0, 0);
-    const shift = (n: number) => {
-      const d = new Date(t);
-      d.setDate(d.getDate() + n);
-      return iso(d);
-    };
-    const today = iso(t);
-    const monthStart = iso(new Date(t.getFullYear(), t.getMonth(), 1));
-    return [
-      { label: "Today", start: today, end: today },
-      { label: "Yesterday", start: shift(-1), end: shift(-1) },
-      { label: "Last 7 days", start: shift(-6), end: today },
-      { label: "Last 30 days", start: shift(-29), end: today },
-      { label: "This month", start: monthStart, end: today },
-    ];
-  }
-
-  let {
-    start = $bindable(""),
-    end = $bindable(""),
-    min,
-    max,
-    presets,
-    variant = "secondary",
-    size = "md",
-    disabled = false,
-    placeholder = "Select dates",
-    format,
-    label = null,
-    aside,
-    error = null,
-    description = null,
-    id,
-    required = false,
-    class: cls = "",
-  }: {
-    start?: string;
-    end?: string;
-    min?: string;
-    max?: string;
-    presets?: RangePreset[];
-    variant?: Variant;
-    size?: Responsive<Size>;
-    disabled?: boolean;
-    placeholder?: string;
-    format?: (iso: string) => string;
-    label?: string | null;
-    aside?: Snippet;
-    error?: string | Snippet | null;
-    description?: string | Snippet | null;
-    id?: string;
-    required?: boolean;
-    class?: string;
-  } = $props();
-
-  const rail = $derived(presets ?? defaultPresets());
-  let open = $state(false);
-  let fieldEl = $state<HTMLDivElement>();
-
-  const fmt = (i: string): string => {
-    if (format) return format(i);
-    const [y, m, d] = i.split("-").map(Number);
-    return new Date(y, m - 1, d).toLocaleDateString(undefined, {
-      month: "short",
-      day: "numeric",
-      year: "numeric",
-    });
-  };
-  const display = $derived(
-    start && end
-      ? `${fmt(start)} – ${fmt(end)}`
-      : start
-        ? `${fmt(start)} – …`
-        : "",
-  );
-
-  function applyPreset(p: RangePreset) {
-    start = p.start;
-    end = p.end;
-    open = false;
-  }
-</script>
-
-<Input
-  value={display}
-  readonly
-  {variant}
-  {size}
-  {disabled}
-  {placeholder}
-  {label}
-  {aside}
-  {error}
-  {description}
-  {id}
-  {required}
-  class={cls}
-  icon={calIcon}
-  bind:fieldElement={fieldEl}
-  onclick={() => (disabled ? null : (open = !open))}
-/>
-
-{#snippet calIcon()}<IconCalendar />{/snippet}
-
-<Popup anchor={fieldEl} bind:open side="bottom" align="start" lightDismiss>
-  <div
-    class="flex overflow-hidden rounded-md border shadow-lg [background-color:var(--ui-color-background)] [border-color:var(--ui-border-color)]"
-  >
-    {#if rail.length}
-      <div class="flex flex-col gap-0.5 border-r p-2 [border-color:var(--ui-border-color)]">
-        {#each rail as p (p.label)}
-          <Button text={p.label} variant="ghost" size="sm" onclick={() => applyPreset(p)} />
-        {/each}
-      </div>
-    {/if}
-    <div class="p-2">
-      <Calendar
-        mode="range"
-        bind:start
-        bind:end
-        {min}
-        {max}
-        {variant}
-        onrange={(r) => {
-          if (r.start && r.end) open = false;
-        }}
-      />
-    </div>
-  </div>
-</Popup>

package/dist/components/DateRangePicker/DateRangePicker.svelte.d.ts

@@ -1,31 +0,0 @@
-export type RangePreset = {
-    label: string;
-    start: string;
-    end: string;
-};
-import type { Snippet } from "svelte";
-import type { Variant } from "../../types/variants.js";
-import type { Size } from "../../types/sizes.js";
-import type { Responsive } from "../../types/responsive.js";
-type $$ComponentProps = {
-    start?: string;
-    end?: string;
-    min?: string;
-    max?: string;
-    presets?: RangePreset[];
-    variant?: Variant;
-    size?: Responsive<Size>;
-    disabled?: boolean;
-    placeholder?: string;
-    format?: (iso: string) => string;
-    label?: string | null;
-    aside?: Snippet;
-    error?: string | Snippet | null;
-    description?: string | Snippet | null;
-    id?: string;
-    required?: boolean;
-    class?: string;
-};
-declare const DateRangePicker: import("svelte").Component<$$ComponentProps, {}, "start" | "end">;
-type DateRangePicker = ReturnType<typeof DateRangePicker>;
-export default DateRangePicker;

package/dist/components/DateRangePicker/index.d.ts

@@ -1,2 +0,0 @@
-export { default as DateRangePicker } from "./DateRangePicker.svelte";
-export type { RangePreset } from "./DateRangePicker.svelte";

package/dist/components/DateRangePicker/index.js

@@ -1 +0,0 @@
-export { default as DateRangePicker } from "./DateRangePicker.svelte";