@sentropic/design-system-svelte 0.13.0 → 0.15.0

package/dist/Rating.svelte.d.ts

@@ -0,0 +1,24 @@
+export type RatingSize = "sm" | "md" | "lg";
+import type { HTMLAttributes } from "svelte/elements";
+type RatingProps = Omit<HTMLAttributes<HTMLDivElement>, "class" | "onchange"> & {
+    /** Note courante (0..max). Pas de 1, ou 0.5 si `allowHalf`. */
+    value?: number;
+    /** Nombre d'étoiles. */
+    max?: number;
+    /** Appelé avec la nouvelle note au clic ou au clavier. */
+    onChange?: (value: number) => void;
+    /** Affichage seul : ni clic ni clavier n'émettent. */
+    readonly?: boolean;
+    /** Autorise les demi-étoiles (sélection au demi-point). */
+    allowHalf?: boolean;
+    size?: RatingSize;
+    /** Attribut name (utile dans un formulaire / pour la sémantique radio). */
+    name?: string;
+    /** Étiquette accessible du groupe. */
+    label?: string;
+    class?: string;
+};
+declare const Rating: import("svelte").Component<RatingProps, {}, "">;
+type Rating = ReturnType<typeof Rating>;
+export default Rating;
+//# sourceMappingURL=Rating.svelte.d.ts.map

package/dist/Rating.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Rating.svelte.d.ts","sourceRoot":"","sources":["../src/lib/Rating.svelte.ts"],"names":[],"mappings":"AAGE,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAI9C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAGpD,KAAK,WAAW,GAAG,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,GAAG,UAAU,CAAC,GAAG;IAC9E,+DAA+D;IAC/D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,wBAAwB;IACxB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,sDAAsD;IACtD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,2DAA2D;IAC3D,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,2EAA2E;IAC3E,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,sCAAsC;IACtC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AA2GJ,QAAA,MAAM,MAAM,iDAAwC,CAAC;AACrD,KAAK,MAAM,GAAG,UAAU,CAAC,OAAO,MAAM,CAAC,CAAC;AACxC,eAAe,MAAM,CAAC"}

package/dist/SlideIndicator.svelte

@@ -0,0 +1,173 @@
+<script lang="ts" module>
+  export type SlideIndicatorVariant = "dots" | "bars";
+</script>
+
+<script lang="ts">
+  import type { HTMLAttributes } from "svelte/elements";
+
+  type SlideIndicatorProps = Omit<HTMLAttributes<HTMLDivElement>, "class" | "onchange"> & {
+    /** Nombre total de diapositives. */
+    count: number;
+    /** Index de la diapositive courante (0-based). */
+    current?: number;
+    /** Appelé avec l'index ciblé au clic ou au clavier. */
+    onChange?: (index: number) => void;
+    size?: "sm" | "md" | "lg";
+    variant?: SlideIndicatorVariant;
+    /** Préfixe d'étiquette accessible de chaque point ("Diapositive 1"...). */
+    label?: string;
+    class?: string;
+  };
+
+  let {
+    count,
+    current = 0,
+    onChange,
+    size = "md",
+    variant = "dots",
+    label = "Diapositive",
+    class: className,
+    ...rest
+  }: SlideIndicatorProps = $props();
+
+  const classes = $derived(
+    [
+      "st-slideIndicator",
+      `st-slideIndicator--${size}`,
+      `st-slideIndicator--${variant}`,
+      className
+    ]
+      .filter(Boolean)
+      .join(" ")
+  );
+
+  const items = $derived(Array.from({ length: Math.max(0, count) }, (_, i) => i));
+
+  function select(index: number) {
+    if (index < 0 || index >= count || index === current) return;
+    onChange?.(index);
+  }
+
+  function onKeyDown(event: KeyboardEvent, index: number) {
+    let target = index;
+    switch (event.key) {
+      case "ArrowRight":
+      case "ArrowDown":
+        target = Math.min(count - 1, index + 1);
+        break;
+      case "ArrowLeft":
+      case "ArrowUp":
+        target = Math.max(0, index - 1);
+        break;
+      case "Home":
+        target = 0;
+        break;
+      case "End":
+        target = count - 1;
+        break;
+      default:
+        return;
+    }
+    event.preventDefault();
+    select(target);
+  }
+</script>
+
+<div {...rest} class={classes} role="tablist" aria-label={label}>
+  {#each items as index (index)}
+    <button
+      type="button"
+      class="st-slideIndicator__dot"
+      class:st-slideIndicator__dot--current={index === current}
+      role="tab"
+      aria-selected={index === current ? "true" : "false"}
+      aria-current={index === current ? "true" : undefined}
+      aria-label={`${label} ${index + 1}`}
+      tabindex={index === current ? 0 : -1}
+      onclick={() => select(index)}
+      onkeydown={(event) => onKeyDown(event, index)}
+    ></button>
+  {/each}
+</div>
+
+<style>
+  .st-slideIndicator {
+    align-items: center;
+    display: inline-flex;
+    gap: var(--st-spacing-2, 0.5rem);
+  }
+
+  .st-slideIndicator__dot {
+    background: var(--st-semantic-border-strong, var(--st-semantic-text-muted));
+    border: 0;
+    cursor: pointer;
+    opacity: 0.5;
+    padding: 0;
+    transition:
+      opacity var(--st-motion-fast, 120ms) var(--st-motion-easing, ease),
+      background-color var(--st-motion-fast, 120ms) var(--st-motion-easing, ease),
+      width var(--st-motion-fast, 120ms) var(--st-motion-easing, ease);
+  }
+
+  .st-slideIndicator__dot:hover {
+    opacity: 0.8;
+  }
+
+  .st-slideIndicator__dot:focus-visible {
+    outline: 2px solid var(--st-component-control-focusRing, var(--st-semantic-border-interactive));
+    outline-offset: 2px;
+  }
+
+  .st-slideIndicator__dot--current {
+    background: var(--st-semantic-action-primary);
+    opacity: 1;
+  }
+
+  /* Variant dots: cercles */
+  .st-slideIndicator--dots .st-slideIndicator__dot {
+    border-radius: 50%;
+  }
+
+  .st-slideIndicator--dots.st-slideIndicator--sm .st-slideIndicator__dot {
+    height: 0.375rem;
+    width: 0.375rem;
+  }
+
+  .st-slideIndicator--dots.st-slideIndicator--md .st-slideIndicator__dot {
+    height: 0.5rem;
+    width: 0.5rem;
+  }
+
+  .st-slideIndicator--dots.st-slideIndicator--lg .st-slideIndicator__dot {
+    height: 0.75rem;
+    width: 0.75rem;
+  }
+
+  /* Variant bars: barres, la courante s'allonge */
+  .st-slideIndicator--bars .st-slideIndicator__dot {
+    border-radius: 999px;
+  }
+
+  .st-slideIndicator--bars.st-slideIndicator--sm .st-slideIndicator__dot {
+    height: 0.25rem;
+    width: 0.75rem;
+  }
+
+  .st-slideIndicator--bars.st-slideIndicator--md .st-slideIndicator__dot {
+    height: 0.3125rem;
+    width: 1rem;
+  }
+
+  .st-slideIndicator--bars.st-slideIndicator--lg .st-slideIndicator__dot {
+    height: 0.375rem;
+    width: 1.25rem;
+  }
+
+  .st-slideIndicator--bars .st-slideIndicator__dot--current {
+    width: 1.75rem;
+  }
+
+  .st-slideIndicator--bars.st-slideIndicator--lg .st-slideIndicator__dot--current {
+    width: 2.25rem;
+  }
+</style>

package/dist/SlideIndicator.svelte.d.ts

@@ -0,0 +1,19 @@
+export type SlideIndicatorVariant = "dots" | "bars";
+import type { HTMLAttributes } from "svelte/elements";
+type SlideIndicatorProps = Omit<HTMLAttributes<HTMLDivElement>, "class" | "onchange"> & {
+    /** Nombre total de diapositives. */
+    count: number;
+    /** Index de la diapositive courante (0-based). */
+    current?: number;
+    /** Appelé avec l'index ciblé au clic ou au clavier. */
+    onChange?: (index: number) => void;
+    size?: "sm" | "md" | "lg";
+    variant?: SlideIndicatorVariant;
+    /** Préfixe d'étiquette accessible de chaque point ("Diapositive 1"...). */
+    label?: string;
+    class?: string;
+};
+declare const SlideIndicator: import("svelte").Component<SlideIndicatorProps, {}, "">;
+type SlideIndicator = ReturnType<typeof SlideIndicator>;
+export default SlideIndicator;
+//# sourceMappingURL=SlideIndicator.svelte.d.ts.map

package/dist/SlideIndicator.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SlideIndicator.svelte.d.ts","sourceRoot":"","sources":["../src/lib/SlideIndicator.svelte.ts"],"names":[],"mappings":"AAGE,MAAM,MAAM,qBAAqB,GAAG,MAAM,GAAG,MAAM,CAAC;AAGtD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAGpD,KAAK,mBAAmB,GAAG,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,GAAG,UAAU,CAAC,GAAG;IACtF,oCAAoC;IACpC,KAAK,EAAE,MAAM,CAAC;IACd,kDAAkD;IAClD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,uDAAuD;IACvD,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,OAAO,CAAC,EAAE,qBAAqB,CAAC;IAChC,2EAA2E;IAC3E,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAuEJ,QAAA,MAAM,cAAc,yDAAwC,CAAC;AAC7D,KAAK,cAAc,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AACxD,eAAe,cAAc,CAAC"}

package/dist/TimePicker.svelte

@@ -0,0 +1,335 @@
+<script lang="ts" module>
+  export type TimePickerFormat = "24" | "12";
+</script>
+
+<script lang="ts">
+  import { Clock } from "@lucide/svelte";
+  import type { HTMLAttributes } from "svelte/elements";
+
+  type TimePickerProps = Omit<HTMLAttributes<HTMLDivElement>, "class" | "onchange"> & {
+    /** Heure courante au format "HH:mm" (24h, toujours). Vide = non renseigné. */
+    value?: string;
+    /** Appelé avec "HH:mm" lors d'une sélection. */
+    onChange?: (value: string) => void;
+    /** Pas (en minutes) entre deux créneaux générés. */
+    step?: number;
+    /** Borne minimale "HH:mm" (inclusive). */
+    min?: string;
+    /** Borne maximale "HH:mm" (inclusive). */
+    max?: string;
+    /** Affichage 24h (par défaut) ou 12h (AM/PM). La valeur émise reste "HH:mm". */
+    format?: TimePickerFormat;
+    size?: "sm" | "md" | "lg";
+    disabled?: boolean;
+    label?: string;
+    class?: string;
+    id?: string;
+  };
+
+  let {
+    value = "",
+    onChange,
+    step = 15,
+    min,
+    max,
+    format = "24",
+    size = "md",
+    disabled = false,
+    label,
+    class: className,
+    id,
+    ...rest
+  }: TimePickerProps = $props();
+
+  const fieldId = $derived(id ?? `st-timepicker-${Math.random().toString(36).slice(2, 9)}`);
+  const listId = $derived(`${fieldId}-list`);
+
+  const groupClasses = $derived(["st-timepicker", `st-timepicker--${size}`].join(" "));
+
+  function toMinutes(hhmm: string | undefined): number | null {
+    if (!hhmm) return null;
+    const match = /^(\d{1,2}):(\d{2})$/.exec(hhmm);
+    if (!match) return null;
+    const h = Number(match[1]);
+    const m = Number(match[2]);
+    if (h < 0 || h > 23 || m < 0 || m > 59) return null;
+    return h * 60 + m;
+  }
+
+  function fromMinutes(total: number): string {
+    const h = Math.floor(total / 60);
+    const m = total % 60;
+    return `${String(h).padStart(2, "0")}:${String(m).padStart(2, "0")}`;
+  }
+
+  function display(hhmm: string): string {
+    if (format === "24") return hhmm;
+    const total = toMinutes(hhmm);
+    if (total === null) return hhmm;
+    const h24 = Math.floor(total / 60);
+    const m = total % 60;
+    const period = h24 < 12 ? "AM" : "PM";
+    let h12 = h24 % 12;
+    if (h12 === 0) h12 = 12;
+    return `${String(h12).padStart(2, "0")}:${String(m).padStart(2, "0")} ${period}`;
+  }
+
+  const slots = $derived.by<string[]>(() => {
+    const safeStep = step > 0 ? step : 15;
+    const lower = toMinutes(min) ?? 0;
+    const upper = toMinutes(max) ?? 23 * 60 + 59;
+    const result: string[] = [];
+    for (let t = lower; t <= upper; t += safeStep) {
+      result.push(fromMinutes(t));
+    }
+    return result;
+  });
+
+  let open = $state(false);
+  let hostEl = $state<HTMLDivElement | null>(null);
+
+  const displayValue = $derived(value ? display(value) : "");
+
+  function toggleOpen() {
+    if (disabled) return;
+    open = !open;
+  }
+
+  function pick(slot: string) {
+    value = slot;
+    onChange?.(slot);
+    open = false;
+  }
+
+  function onPanelKeyDown(event: KeyboardEvent) {
+    if (event.key === "Escape" && open) {
+      event.preventDefault();
+      open = false;
+    }
+  }
+
+  function onDocumentMouseDown(event: MouseEvent) {
+    if (!open) return;
+    const target = event.target as Node | null;
+    if (hostEl && target && !hostEl.contains(target)) {
+      open = false;
+    }
+  }
+
+  $effect(() => {
+    if (typeof document === "undefined") return;
+    document.addEventListener("mousedown", onDocumentMouseDown);
+    return () => document.removeEventListener("mousedown", onDocumentMouseDown);
+  });
+</script>
+
+<div class="st-field" bind:this={hostEl} {...rest}>
+  <div class="st-field__control">
+    {#if label}<label class="st-field__label" for={fieldId}>{label}</label>{/if}
+    <span class={groupClasses}>
+      <input
+        id={fieldId}
+        type="text"
+        readonly
+        class="st-timepicker__control"
+        value={displayValue}
+        placeholder={format === "24" ? "HH:mm" : "hh:mm AM"}
+        {disabled}
+        role="combobox"
+        aria-haspopup="listbox"
+        aria-controls={listId}
+        aria-expanded={open ? "true" : "false"}
+        onclick={toggleOpen}
+      />
+      <button
+        type="button"
+        class="st-timepicker__trigger"
+        aria-label="Ouvrir la liste des horaires"
+        aria-haspopup="listbox"
+        aria-expanded={open ? "true" : "false"}
+        {disabled}
+        onclick={toggleOpen}
+      >
+        <Clock size={16} aria-hidden="true" />
+      </button>
+    </span>
+  </div>
+  {#if open}
+    <ul
+      id={listId}
+      class="st-timepicker__list"
+      role="listbox"
+      aria-label={label ?? "Horaires"}
+      tabindex="-1"
+      onkeydown={onPanelKeyDown}
+    >
+      {#each slots as slot (slot)}
+        <li role="presentation">
+          <button
+            type="button"
+            class="st-timepicker__option"
+            class:st-timepicker__option--selected={slot === value}
+            role="option"
+            aria-selected={slot === value ? "true" : "false"}
+            onclick={() => pick(slot)}
+          >
+            {display(slot)}
+          </button>
+        </li>
+      {/each}
+    </ul>
+  {/if}
+</div>
+
+<style>
+  .st-field {
+    color: var(--st-component-field-labelText, var(--st-semantic-text-primary));
+    display: grid;
+    gap: var(--st-component-field-gap, 0.5rem);
+    max-width: var(--st-component-field-maxWidth, 28rem);
+    position: relative;
+  }
+
+  .st-field__control {
+    display: grid;
+    gap: var(--st-component-field-gap, 0.5rem);
+  }
+
+  .st-field__label {
+    font-size: 0.875rem;
+    font-weight: 600;
+  }
+
+  .st-timepicker {
+    align-items: stretch;
+    background: var(--st-component-control-background, var(--st-semantic-surface-default));
+    border: var(--st-component-control-anatomy-shape-borderWidth, 1px)
+      var(--st-component-control-anatomy-shape-borderStyle, solid)
+      var(--st-component-control-border, var(--st-semantic-border-subtle));
+    border-radius: var(--st-component-control-anatomy-shape-radius, 0.375rem);
+    color: var(--st-component-control-text, var(--st-semantic-text-primary));
+    display: inline-flex;
+    overflow: hidden;
+    transition:
+      border-color var(--st-motion-fast, 120ms) var(--st-motion-easing, ease),
+      box-shadow var(--st-motion-fast, 120ms) var(--st-motion-easing, ease);
+    width: 100%;
+  }
+
+  .st-timepicker--sm {
+    min-height: var(--st-component-control-smHeight, 2rem);
+  }
+
+  .st-timepicker--md {
+    min-height: var(--st-component-control-mdHeight, 2.5rem);
+  }
+
+  .st-timepicker--lg {
+    min-height: var(--st-component-control-lgHeight, 3rem);
+  }
+
+  .st-timepicker:hover:not(:has(input:disabled)) {
+    border-color: var(--st-component-control-hoverBorder, var(--st-semantic-border-strong));
+  }
+
+  .st-timepicker:focus-within {
+    border-color: var(--st-component-control-focusRing, var(--st-semantic-border-interactive));
+    box-shadow: var(--st-component-control-anatomy-focus-boxShadow,
+      0 0 0 2px var(--st-component-control-focusRing, var(--st-semantic-border-interactive)));
+  }
+
+  .st-timepicker__control {
+    background: transparent;
+    border: 0;
+    color: inherit;
+    cursor: pointer;
+    flex: 1 1 auto;
+    font: inherit;
+    min-width: 0;
+    padding: 0 0.75rem;
+    width: 100%;
+  }
+
+  .st-timepicker__control:focus {
+    outline: none;
+  }
+
+  .st-timepicker__control::placeholder {
+    color: var(--st-component-control-placeholderText, var(--st-semantic-text-muted));
+  }
+
+  .st-timepicker__control:disabled {
+    color: var(--st-component-control-disabledText, var(--st-semantic-text-muted));
+    cursor: not-allowed;
+  }
+
+  .st-timepicker__trigger {
+    align-items: center;
+    background: transparent;
+    border: 0;
+    border-left: 1px solid var(--st-component-control-border, var(--st-semantic-border-subtle));
+    color: var(--st-semantic-text-secondary);
+    cursor: pointer;
+    display: inline-flex;
+    flex: 0 0 auto;
+    justify-content: center;
+    min-width: 2.25rem;
+    padding: 0 0.5rem;
+  }
+
+  .st-timepicker__trigger:hover:not(:disabled) {
+    background: var(--st-component-control-hoverBackground, var(--st-semantic-surface-subtle));
+  }
+
+  .st-timepicker__trigger:focus-visible {
+    outline: 2px solid var(--st-component-control-focusRing, var(--st-semantic-border-interactive));
+    outline-offset: -2px;
+  }
+
+  .st-timepicker__trigger:disabled {
+    cursor: not-allowed;
+  }
+
+  .st-timepicker__list {
+    background: var(--st-component-popover-background, var(--st-semantic-surface-raised));
+    border: 1px solid var(--st-component-popover-border, var(--st-semantic-border-subtle));
+    border-radius: var(--st-component-popover-radius, 0.5rem);
+    box-shadow: var(--st-component-popover-shadow, 0 18px 45px rgb(15 23 42 / 0.18));
+    list-style: none;
+    margin: var(--st-spacing-1, 0.25rem) 0 0;
+    max-height: 14rem;
+    overflow-y: auto;
+    padding: var(--st-spacing-1, 0.25rem);
+    position: absolute;
+    top: 100%;
+    width: 100%;
+    z-index: var(--st-component-popover-zIndex, 80);
+  }
+
+  .st-timepicker__option {
+    background: transparent;
+    border: 0;
+    border-radius: var(--st-component-control-radius, 0.375rem);
+    color: inherit;
+    cursor: pointer;
+    display: block;
+    font: inherit;
+    padding: var(--st-spacing-2, 0.5rem) var(--st-spacing-3, 0.75rem);
+    text-align: left;
+    width: 100%;
+  }
+
+  .st-timepicker__option:hover {
+    background: var(--st-component-control-hoverBackground, var(--st-semantic-surface-subtle));
+  }
+
+  .st-timepicker__option:focus-visible {
+    outline: 2px solid var(--st-component-control-focusRing, var(--st-semantic-border-interactive));
+    outline-offset: -2px;
+  }
+
+  .st-timepicker__option--selected {
+    background: var(--st-component-dropdown-selectedBackground, var(--st-semantic-action-primary));
+    color: var(--st-component-dropdown-selectedText, var(--st-semantic-action-primaryText));
+  }
+</style>

package/dist/TimePicker.svelte.d.ts

@@ -0,0 +1,25 @@
+export type TimePickerFormat = "24" | "12";
+import type { HTMLAttributes } from "svelte/elements";
+type TimePickerProps = Omit<HTMLAttributes<HTMLDivElement>, "class" | "onchange"> & {
+    /** Heure courante au format "HH:mm" (24h, toujours). Vide = non renseigné. */
+    value?: string;
+    /** Appelé avec "HH:mm" lors d'une sélection. */
+    onChange?: (value: string) => void;
+    /** Pas (en minutes) entre deux créneaux générés. */
+    step?: number;
+    /** Borne minimale "HH:mm" (inclusive). */
+    min?: string;
+    /** Borne maximale "HH:mm" (inclusive). */
+    max?: string;
+    /** Affichage 24h (par défaut) ou 12h (AM/PM). La valeur émise reste "HH:mm". */
+    format?: TimePickerFormat;
+    size?: "sm" | "md" | "lg";
+    disabled?: boolean;
+    label?: string;
+    class?: string;
+    id?: string;
+};
+declare const TimePicker: import("svelte").Component<TimePickerProps, {}, "">;
+type TimePicker = ReturnType<typeof TimePicker>;
+export default TimePicker;
+//# sourceMappingURL=TimePicker.svelte.d.ts.map

package/dist/TimePicker.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimePicker.svelte.d.ts","sourceRoot":"","sources":["../src/lib/TimePicker.svelte.ts"],"names":[],"mappings":"AAGE,MAAM,MAAM,gBAAgB,GAAG,IAAI,GAAG,IAAI,CAAC;AAI7C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAGpD,KAAK,eAAe,GAAG,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,GAAG,UAAU,CAAC,GAAG;IAClF,8EAA8E;IAC9E,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,gDAAgD;IAChD,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,oDAAoD;IACpD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,0CAA0C;IAC1C,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,0CAA0C;IAC1C,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,gFAAgF;IAChF,MAAM,CAAC,EAAE,gBAAgB,CAAC;IAC1B,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,EAAE,CAAC,EAAE,MAAM,CAAC;CACb,CAAC;AAoIJ,QAAA,MAAM,UAAU,qDAAwC,CAAC;AACzD,KAAK,UAAU,GAAG,UAAU,CAAC,OAAO,UAAU,CAAC,CAAC;AAChD,eAAe,UAAU,CAAC"}

package/dist/index.d.ts

@@ -2,6 +2,7 @@ export { default as Accordion } from "./Accordion.svelte";
 export { default as Alert } from "./Alert.svelte";
 export { default as AreaChart } from "./AreaChart.svelte";
 export { default as AspectRatio } from "./AspectRatio.svelte";
+export { default as Autosave } from "./Autosave.svelte";
 export { default as Avatar } from "./Avatar.svelte";
 export { default as AvatarGroup } from "./AvatarGroup.svelte";
 export { default as Badge } from "./Badge.svelte";
@@ -10,6 +11,7 @@ export { default as BackToTop } from "./BackToTop.svelte";
 export { default as Breadcrumb } from "./Breadcrumb.svelte";
 export { default as Button } from "./Button.svelte";
 export { default as ButtonGroup } from "./ButtonGroup.svelte";
+export { default as Calendar } from "./Calendar.svelte";
 export { default as Card } from "./Card.svelte";
 export { default as ChatMessage } from "./ChatMessage.svelte";
 export { default as ChatComposer } from "./ChatComposer.svelte";
@@ -67,11 +69,14 @@ export { default as Pagination } from "./Pagination.svelte";
 export { default as PaginationNav } from "./PaginationNav.svelte";
 export { default as PasswordInput } from "./PasswordInput.svelte";
 export { default as Popover } from "./Popover.svelte";
+export { default as Popper } from "./Popper.svelte";
+export { default as Portal } from "./Portal.svelte";
 export { default as ProgressBar } from "./ProgressBar.svelte";
 export { default as ProgressIndicator } from "./ProgressIndicator.svelte";
 export { default as Quote } from "./Quote.svelte";
 export { default as Radio } from "./Radio.svelte";
 export { default as RadioGroup } from "./RadioGroup.svelte";
+export { default as Rating } from "./Rating.svelte";
 export { default as Row } from "./Row.svelte";
 export { default as ScatterPlot } from "./ScatterPlot.svelte";
 export { default as Search } from "./Search.svelte";
@@ -79,6 +84,7 @@ export { default as Select } from "./Select.svelte";
 export { default as SideNav } from "./SideNav.svelte";
 export { default as SkeletonText } from "./SkeletonText.svelte";
 export { default as SkipLink } from "./SkipLink.svelte";
+export { default as SlideIndicator } from "./SlideIndicator.svelte";
 export { default as Slider } from "./Slider.svelte";
 export { default as Stack } from "./Stack.svelte";
 export { default as Stepper } from "./Stepper.svelte";
@@ -91,6 +97,7 @@ export { default as Tabs } from "./Tabs.svelte";
 export { default as Tag } from "./Tag.svelte";
 export { default as ThemeProvider } from "./ThemeProvider.svelte";
 export { default as Textarea } from "./Textarea.svelte";
+export { default as TimePicker } from "./TimePicker.svelte";
 export { default as Tile } from "./Tile.svelte";
 export { default as TileGroup } from "./TileGroup.svelte";
 export { default as Toast } from "./Toast.svelte";
@@ -114,6 +121,11 @@ export type { StreamingMessageEvent, StreamingMessageMode } from "./StreamingMes
 export type { ComboboxOption } from "./Combobox.svelte";
 export type { DataTableColumn, DataTableRow, DataTableSelectMode, DataTableSort } from "./DataTable.svelte";
 export type { DatePickerRange } from "./DatePicker.svelte";
+export type { RatingSize } from "./Rating.svelte";
+export type { TimePickerFormat } from "./TimePicker.svelte";
+export type { CalendarValue } from "./Calendar.svelte";
+export type { SlideIndicatorVariant } from "./SlideIndicator.svelte";
+export type { AutosaveStatus, AutosaveLabels } from "./Autosave.svelte";
 export type { DonutChartDatum, DonutChartTone } from "./DonutChart.svelte";
 export type { ForceGraphNode, ForceGraphEdge, ForceGraphTone, ForceGraphNodeShape, ForceGraphEdgeDash, ForceGraphLegendEntry } from "./ForceGraph.svelte";
 export { nodeShapePath, edgeDashArray } from "./ForceGraph.svelte";
@@ -153,4 +165,6 @@ export type { CheckboxGroupOption } from "./CheckboxGroup.svelte";
 export type { RadioGroupOption } from "./RadioGroup.svelte";
 export type { TypographyVariant, TypographyWeight, TypographyTone, TypographyAlign } from "./Typography.svelte";
 export type { StepperStep, StepperOrientation } from "./Stepper.svelte";
+export type { PortalProps } from "./Portal.svelte";
+export type { PopperProps, PopperPlacement, PopperStrategy } from "./Popper.svelte";
 //# sourceMappingURL=index.d.ts.map