@sentropic/design-system-svelte 0.6.0 → 0.8.0

package/dist/BarChart.svelte

@@ -0,0 +1,383 @@
+<script lang="ts" module>
+  export type BarChartTone =
+    | "category1"
+    | "category2"
+    | "category3"
+    | "category4"
+    | "category5"
+    | "category6"
+    | "category7"
+    | "category8";
+
+  export type BarChartDatum = {
+    label: string;
+    value: number;
+    tone?: BarChartTone;
+  };
+</script>
+
+<script lang="ts">
+  type BarChartProps = {
+    data: BarChartDatum[];
+    width?: number;
+    height?: number;
+    orientation?: "vertical" | "horizontal";
+    label: string;
+    class?: string;
+  };
+
+  let {
+    data,
+    width = 480,
+    height = 240,
+    orientation = "vertical",
+    label,
+    class: className
+  }: BarChartProps = $props();
+
+  const MARGIN = { top: 12, right: 16, bottom: 32, left: 44 };
+
+  function niceTicks(min: number, max: number, target = 5): number[] {
+    if (!Number.isFinite(min) || !Number.isFinite(max) || min === max) {
+      const base = Number.isFinite(max) ? max : 0;
+      return [base];
+    }
+    const range = max - min;
+    const rough = range / Math.max(target - 1, 1);
+    const pow = Math.pow(10, Math.floor(Math.log10(rough)));
+    const norm = rough / pow;
+    let step: number;
+    if (norm < 1.5) step = 1 * pow;
+    else if (norm < 3) step = 2 * pow;
+    else if (norm < 7) step = 5 * pow;
+    else step = 10 * pow;
+    const start = Math.floor(min / step) * step;
+    const end = Math.ceil(max / step) * step;
+    const ticks: number[] = [];
+    for (let v = start; v <= end + step / 2; v += step) {
+      ticks.push(Number(v.toFixed(10)));
+    }
+    return ticks;
+  }
+
+  function scaleLinear(v: number, d0: number, d1: number, r0: number, r1: number) {
+    if (d1 === d0) return r0;
+    return r0 + ((v - d0) * (r1 - r0)) / (d1 - d0);
+  }
+
+  function formatTick(v: number): string {
+    if (Math.abs(v) >= 1000) return `${(v / 1000).toFixed(v % 1000 === 0 ? 0 : 1)}k`;
+    if (Number.isInteger(v)) return String(v);
+    return v.toFixed(1);
+  }
+
+  let hoveredIndex: number | null = $state(null);
+  let containerRect: { left: number; top: number } = $state({ left: 0, top: 0 });
+  let chartRoot: HTMLDivElement | null = $state(null);
+
+  const scales = $derived.by(() => {
+    const values = data.map((d) => d.value);
+    const minRaw = Math.min(0, ...values);
+    const maxRaw = Math.max(0, ...values);
+    const ticks = niceTicks(minRaw, maxRaw, 5);
+    const domainMin = ticks[0];
+    const domainMax = ticks[ticks.length - 1];
+    const plotWidth = Math.max(width - MARGIN.left - MARGIN.right, 1);
+    const plotHeight = Math.max(height - MARGIN.top - MARGIN.bottom, 1);
+    return { ticks, domainMin, domainMax, plotWidth, plotHeight };
+  });
+
+  const bars = $derived.by(() => {
+    const { domainMin, domainMax, plotWidth, plotHeight } = scales;
+    if (data.length === 0) return [];
+    if (orientation === "vertical") {
+      const band = plotWidth / data.length;
+      const barWidth = band * 0.62;
+      const zeroY = scaleLinear(0, domainMin, domainMax, plotHeight, 0);
+      return data.map((d, i) => {
+        const valueY = scaleLinear(d.value, domainMin, domainMax, plotHeight, 0);
+        const y = Math.min(valueY, zeroY);
+        const h = Math.abs(zeroY - valueY);
+        const x = MARGIN.left + band * i + (band - barWidth) / 2;
+        return {
+          x,
+          y: MARGIN.top + y,
+          width: barWidth,
+          height: Math.max(h, 0.5),
+          cx: MARGIN.left + band * (i + 0.5),
+          cy: MARGIN.top + valueY,
+          datum: d,
+          tone: d.tone ?? "category1"
+        };
+      });
+    }
+    // horizontal
+    const band = plotHeight / data.length;
+    const barHeight = band * 0.62;
+    const zeroX = scaleLinear(0, domainMin, domainMax, 0, plotWidth);
+    return data.map((d, i) => {
+      const valueX = scaleLinear(d.value, domainMin, domainMax, 0, plotWidth);
+      const x = Math.min(valueX, zeroX);
+      const w = Math.abs(valueX - zeroX);
+      const y = MARGIN.top + band * i + (band - barHeight) / 2;
+      return {
+        x: MARGIN.left + x,
+        y,
+        width: Math.max(w, 0.5),
+        height: barHeight,
+        cx: MARGIN.left + valueX,
+        cy: MARGIN.top + band * (i + 0.5),
+        datum: d,
+        tone: d.tone ?? "category1"
+      };
+    });
+  });
+
+  const valueAxisTicks = $derived.by(() => {
+    const { ticks, domainMin, domainMax, plotWidth, plotHeight } = scales;
+    if (orientation === "vertical") {
+      return ticks.map((tick) => ({
+        value: tick,
+        x1: MARGIN.left,
+        x2: MARGIN.left + plotWidth,
+        y: MARGIN.top + scaleLinear(tick, domainMin, domainMax, plotHeight, 0),
+        x: undefined,
+        y1: undefined,
+        y2: undefined
+      }));
+    }
+    return ticks.map((tick) => ({
+      value: tick,
+      x: MARGIN.left + scaleLinear(tick, domainMin, domainMax, 0, plotWidth),
+      y1: MARGIN.top,
+      y2: MARGIN.top + plotHeight,
+      x1: undefined,
+      x2: undefined,
+      y: undefined
+    }));
+  });
+
+  function handleEnter(index: number, event: Event) {
+    hoveredIndex = index;
+    if (chartRoot) {
+      const r = chartRoot.getBoundingClientRect();
+      containerRect = { left: r.left, top: r.top };
+    }
+    event.stopPropagation();
+  }
+
+  function handleLeave() {
+    hoveredIndex = null;
+  }
+
+  const classes = () => ["st-barChart", className].filter(Boolean).join(" ");
+</script>
+
+<div
+  class={classes()}
+  role="img"
+  aria-label={label}
+  bind:this={chartRoot}
+>
+  <svg
+    viewBox="0 0 {width} {height}"
+    preserveAspectRatio="xMidYMid meet"
+    width="100%"
+    height="100%"
+    focusable="false"
+    aria-hidden="true"
+  >
+    <!-- gridlines + value axis ticks -->
+    {#if orientation === "vertical"}
+      {#each valueAxisTicks as tick (tick.value)}
+        <line
+          class="st-barChart__grid"
+          x1={tick.x1}
+          x2={tick.x2}
+          y1={tick.y}
+          y2={tick.y}
+        />
+        <text
+          class="st-barChart__tickLabel"
+          x={MARGIN.left - 6}
+          y={tick.y}
+          text-anchor="end"
+          dominant-baseline="middle"
+        >
+          {formatTick(tick.value)}
+        </text>
+      {/each}
+    {:else}
+      {#each valueAxisTicks as tick (tick.value)}
+        <line
+          class="st-barChart__grid"
+          x1={tick.x}
+          x2={tick.x}
+          y1={tick.y1}
+          y2={tick.y2}
+        />
+        <text
+          class="st-barChart__tickLabel"
+          x={tick.x}
+          y={height - MARGIN.bottom + 16}
+          text-anchor="middle"
+        >
+          {formatTick(tick.value)}
+        </text>
+      {/each}
+    {/if}
+
+    <!-- axes -->
+    <line
+      class="st-barChart__axis"
+      x1={MARGIN.left}
+      x2={MARGIN.left}
+      y1={MARGIN.top}
+      y2={height - MARGIN.bottom}
+    />
+    <line
+      class="st-barChart__axis"
+      x1={MARGIN.left}
+      x2={width - MARGIN.right}
+      y1={height - MARGIN.bottom}
+      y2={height - MARGIN.bottom}
+    />
+
+    <!-- category labels -->
+    {#each bars as bar, i (bar.datum.label)}
+      {#if orientation === "vertical"}
+        <text
+          class="st-barChart__categoryLabel"
+          x={bar.x + bar.width / 2}
+          y={height - MARGIN.bottom + 16}
+          text-anchor="middle"
+        >
+          {bar.datum.label}
+        </text>
+      {:else}
+        <text
+          class="st-barChart__categoryLabel"
+          x={MARGIN.left - 6}
+          y={bar.y + bar.height / 2}
+          text-anchor="end"
+          dominant-baseline="middle"
+        >
+          {bar.datum.label}
+        </text>
+      {/if}
+    {/each}
+
+    <!-- bars -->
+    {#each bars as bar, i (bar.datum.label)}
+      <rect
+        class="st-barChart__bar st-barChart__bar--{bar.tone}"
+        x={bar.x}
+        y={bar.y}
+        width={bar.width}
+        height={bar.height}
+        rx="2"
+        tabindex="0"
+        role="img"
+        aria-label="{bar.datum.label}: {bar.datum.value}"
+        onmouseenter={(e) => handleEnter(i, e)}
+        onmouseleave={handleLeave}
+        onfocus={(e) => handleEnter(i, e)}
+        onblur={handleLeave}
+      />
+    {/each}
+  </svg>
+
+  {#if hoveredIndex !== null && bars[hoveredIndex]}
+    {@const bar = bars[hoveredIndex]}
+    <div
+      class="st-barChart__tooltip"
+      role="presentation"
+      style="left: {(bar.cx / width) * 100}%; top: {(bar.cy / height) * 100}%"
+    >
+      <span class="st-barChart__tooltipLabel">{bar.datum.label}</span>
+      <span class="st-barChart__tooltipValue">{bar.datum.value}</span>
+    </div>
+  {/if}
+</div>
+
+<style>
+  .st-barChart {
+    color: var(--st-semantic-text-secondary);
+    display: block;
+    font-family: inherit;
+    position: relative;
+    width: 100%;
+  }
+
+  .st-barChart svg {
+    display: block;
+    overflow: visible;
+  }
+
+  .st-barChart__grid {
+    stroke: var(--st-component-barChart-gridStroke, var(--st-semantic-border-subtle));
+    stroke-dasharray: 2 3;
+    stroke-width: 1;
+    opacity: 0.7;
+  }
+
+  .st-barChart__axis {
+    stroke: var(--st-component-barChart-axisStroke, var(--st-semantic-border-subtle));
+    stroke-width: 1;
+  }
+
+  .st-barChart__tickLabel,
+  .st-barChart__categoryLabel {
+    fill: var(--st-component-barChart-labelColor, var(--st-semantic-text-secondary));
+    font-size: 0.6875rem;
+  }
+
+  .st-barChart__bar {
+    cursor: pointer;
+    transition: opacity 120ms ease;
+  }
+
+  .st-barChart__bar:hover,
+  .st-barChart__bar:focus-visible {
+    opacity: 0.82;
+  }
+
+  .st-barChart__bar:focus-visible {
+    outline: 2px solid var(--st-semantic-border-interactive);
+    outline-offset: 1px;
+  }
+
+  .st-barChart__bar--category1 { fill: var(--st-semantic-data-category1); }
+  .st-barChart__bar--category2 { fill: var(--st-semantic-data-category2); }
+  .st-barChart__bar--category3 { fill: var(--st-semantic-data-category3); }
+  .st-barChart__bar--category4 { fill: var(--st-semantic-data-category4); }
+  .st-barChart__bar--category5 { fill: var(--st-semantic-data-category5); }
+  .st-barChart__bar--category6 { fill: var(--st-semantic-data-category6); }
+  .st-barChart__bar--category7 { fill: var(--st-semantic-data-category7); }
+  .st-barChart__bar--category8 { fill: var(--st-semantic-data-category8); }
+
+  .st-barChart__tooltip {
+    background: var(--st-component-barChart-tooltipBackground, var(--st-semantic-surface-inverse));
+    border-radius: var(--st-radius-sm, 0.25rem);
+    color: var(--st-component-barChart-tooltipText, var(--st-semantic-text-inverse));
+    display: inline-flex;
+    flex-direction: column;
+    font-size: 0.75rem;
+    gap: 0.125rem;
+    line-height: 1.2;
+    padding: 0.375rem 0.5rem;
+    pointer-events: none;
+    position: absolute;
+    transform: translate(-50%, calc(-100% - 8px));
+    white-space: nowrap;
+    z-index: 1;
+  }
+
+  .st-barChart__tooltipLabel {
+    font-weight: 600;
+  }
+
+  .st-barChart__tooltipValue {
+    opacity: 0.85;
+  }
+</style>

package/dist/BarChart.svelte.d.ts

@@ -0,0 +1,18 @@
+export type BarChartTone = "category1" | "category2" | "category3" | "category4" | "category5" | "category6" | "category7" | "category8";
+export type BarChartDatum = {
+    label: string;
+    value: number;
+    tone?: BarChartTone;
+};
+type BarChartProps = {
+    data: BarChartDatum[];
+    width?: number;
+    height?: number;
+    orientation?: "vertical" | "horizontal";
+    label: string;
+    class?: string;
+};
+declare const BarChart: import("svelte").Component<BarChartProps, {}, "">;
+type BarChart = ReturnType<typeof BarChart>;
+export default BarChart;
+//# sourceMappingURL=BarChart.svelte.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BarChart.svelte.d.ts","sourceRoot":"","sources":["../src/lib/BarChart.svelte.ts"],"names":[],"mappings":"AAGE,MAAM,MAAM,YAAY,GACpB,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,CAAC;AAEhB,MAAM,MAAM,aAAa,GAAG;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,YAAY,CAAC;CACrB,CAAC;AAEF,KAAK,aAAa,GAAG;IACnB,IAAI,EAAE,aAAa,EAAE,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;IACxC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAgNJ,QAAA,MAAM,QAAQ,mDAAwC,CAAC;AACvD,KAAK,QAAQ,GAAG,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAC;AAC5C,eAAe,QAAQ,CAAC"}

package/dist/ChatComposer.svelte

@@ -0,0 +1,238 @@
+<script lang="ts">
+  import { Send, Square } from "@lucide/svelte";
+  import type { HTMLFormAttributes } from "svelte/elements";
+  import Button from "./Button.svelte";
+
+  type ChatComposerSubmitEvent = (payload: {
+    message: string;
+    source: "submit" | "keyboard";
+    event?: SubmitEvent | KeyboardEvent;
+  }) => void | Promise<void>;
+
+  type ChatComposerProps = Omit<HTMLFormAttributes, "class" | "onsubmit"> & {
+    value?: string;
+    placeholder?: string;
+    autosize?: boolean;
+    maxRows?: number;
+    submitDisabled?: boolean;
+    class?: string;
+    sendLabel?: string;
+    stopLabel?: string;
+    sendAriaLabel?: string;
+    stopAriaLabel?: string;
+    inputAriaLabel?: string;
+    disabled?: boolean;
+    busy?: boolean;
+    stoppable?: boolean;
+    clearOnSubmit?: boolean;
+    onsubmit?: ChatComposerSubmitEvent;
+    onstop?: () => void;
+  };
+
+  let {
+    value = $bindable(""),
+    placeholder = "Écrire un message...",
+    autosize = true,
+    maxRows = 8,
+    submitDisabled = false,
+    class: className,
+    sendLabel = "Envoyer",
+    stopLabel = "Arrêter",
+    sendAriaLabel = "Envoyer le message",
+    stopAriaLabel = "Arrêter l’envoi",
+    inputAriaLabel = "Composer de message",
+    disabled = false,
+    busy = false,
+    stoppable = false,
+    clearOnSubmit = true,
+    onsubmit,
+    onstop,
+    ...rest
+  }: ChatComposerProps = $props();
+
+  let textarea: HTMLTextAreaElement | undefined = $state();
+  let isSubmitting = $state(false);
+
+  const classes = () => ["st-chatComposer", className].filter(Boolean).join(" ");
+
+  const hasActivity = () => busy || isSubmitting;
+
+  const isSendable = () =>
+    !disabled &&
+    !hasActivity() &&
+    !submitDisabled &&
+    value.trim().length > 0;
+
+  $effect(() => {
+    if (autosize) resizeTextarea();
+  });
+
+  function resizeTextarea() {
+    const node = textarea;
+    if (!node || !autosize) return;
+    node.style.height = "auto";
+    const style = getComputedStyle(node);
+    const lineHeight = parseFloat(style.lineHeight || "20");
+    const maxHeight = Math.max(lineHeight * (maxRows || 1), lineHeight * 2);
+    const nextHeight = Math.min(node.scrollHeight, maxHeight);
+    node.style.height = `${Math.max(lineHeight * 1.5, nextHeight)}px`;
+    node.style.overflowY = node.scrollHeight > maxHeight ? "auto" : "hidden";
+  }
+
+  async function submitComposer(event?: SubmitEvent | KeyboardEvent, source: "submit" | "keyboard" = "submit") {
+    const trimmed = value.trim();
+    if (!isSendable() || !onsubmit || !trimmed) return;
+
+    event?.preventDefault();
+    isSubmitting = true;
+    try {
+      await onsubmit({ event, message: trimmed, source });
+      if (clearOnSubmit) value = "";
+    } finally {
+      isSubmitting = false;
+      resizeTextarea();
+    }
+  }
+
+  async function handleSubmit(event: SubmitEvent) {
+    await submitComposer(event, "submit");
+  }
+
+  async function handleTextareaKeydown(event: KeyboardEvent) {
+    if (event.key !== "Enter" || event.shiftKey || event.isComposing) return;
+    await submitComposer(event, "keyboard");
+  }
+
+  function handleStop() {
+    onstop?.();
+  }
+</script>
+
+<form
+  {...rest}
+  class={classes()}
+  onsubmit={handleSubmit}
+  novalidate
+>
+  <div class="st-chatComposer__body">
+    <div class="st-chatComposer__inputShell">
+      <textarea
+        bind:this={textarea}
+        class="st-chatComposer__textarea"
+        bind:value
+        placeholder={placeholder}
+        rows="2"
+        aria-label={inputAriaLabel}
+        aria-disabled={disabled ? "true" : undefined}
+        disabled={disabled}
+        oninput={resizeTextarea}
+        onkeydown={handleTextareaKeydown}
+      ></textarea>
+    </div>
+    <slot name="attachments"></slot>
+  </div>
+
+  <div class="st-chatComposer__toolbar">
+    <div class="st-chatComposer__actions st-chatComposer__actions--left">
+      <slot name="actions-left"></slot>
+    </div>
+    <div class="st-chatComposer__actions st-chatComposer__actions--right">
+      <slot name="actions-right"></slot>
+      {#if hasActivity() && stoppable && onstop}
+        <Button type="button" variant="danger" onclick={handleStop} aria-label={stopAriaLabel}>
+          <Square size={16} strokeWidth={2} aria-hidden="true" />
+          <span>{stopLabel}</span>
+        </Button>
+      {/if}
+      <Button
+        type="submit"
+        aria-label={sendAriaLabel}
+        disabled={!isSendable()}
+      >
+        <Send size={16} strokeWidth={2} aria-hidden="true" />
+        {sendLabel}
+      </Button>
+    </div>
+  </div>
+</form>
+
+<style>
+  .st-chatComposer {
+    background: var(--st-component-chat-composerSurface, var(--st-semantic-surface-raised, #ffffff));
+    border: 1px solid var(--st-component-control-border, var(--st-semantic-border-subtle));
+    border-radius: var(--st-component-control-radius, 0.375rem);
+    display: grid;
+    gap: var(--st-spacing-3, 0.75rem);
+    padding: var(--st-spacing-3, 0.75rem);
+    width: 100%;
+  }
+
+  .st-chatComposer__body {
+    display: grid;
+    gap: var(--st-spacing-2, 0.5rem);
+  }
+
+  .st-chatComposer__inputShell {
+    display: grid;
+    gap: 0.25rem;
+  }
+
+  .st-chatComposer__textarea {
+    background: var(--st-component-control-background, var(--st-semantic-surface-default));
+    border: 1px solid var(--st-component-control-border, var(--st-semantic-border-subtle));
+    border-radius: var(--st-component-control-radius, 0.375rem);
+    color: var(--st-component-control-text, var(--st-semantic-text-primary));
+    font: inherit;
+    min-height: 2.5rem;
+    max-height: 16rem;
+    overflow-y: hidden;
+    padding: var(--st-spacing-2, 0.5rem) var(--st-spacing-3, 0.75rem);
+    resize: none;
+    width: 100%;
+  }
+
+  .st-chatComposer__textarea:focus-visible {
+    border-color: var(--st-component-control-focusRing, var(--st-semantic-border-interactive));
+    box-shadow: 0 0 0 2px var(--st-component-control-focusRing, var(--st-semantic-border-interactive));
+    outline: none;
+  }
+
+  .st-chatComposer__textarea[aria-disabled="true"] {
+    background: var(--st-component-control-disabledBackground, var(--st-semantic-surface-subtle));
+    color: var(--st-component-control-disabledText, var(--st-semantic-text-muted));
+    cursor: not-allowed;
+  }
+
+  .st-chatComposer__toolbar {
+    align-items: center;
+    display: flex;
+    gap: var(--st-spacing-2, 0.5rem);
+    justify-content: space-between;
+  }
+
+  .st-chatComposer__actions {
+    align-items: center;
+    display: flex;
+    gap: var(--st-spacing-2, 0.5rem);
+  }
+
+  .st-chatComposer__actions--right {
+    margin-left: auto;
+  }
+
+  @media (max-width: 640px) {
+    .st-chatComposer__toolbar {
+      align-items: stretch;
+      flex-wrap: wrap;
+      justify-content: flex-start;
+    }
+
+    .st-chatComposer__actions {
+      width: 100%;
+    }
+
+    .st-chatComposer__actions--right {
+      margin-left: 0;
+    }
+  }
+</style>

package/dist/ChatComposer.svelte.d.ts

@@ -0,0 +1,57 @@
+import type { HTMLFormAttributes } from "svelte/elements";
+type ChatComposerSubmitEvent = (payload: {
+    message: string;
+    source: "submit" | "keyboard";
+    event?: SubmitEvent | KeyboardEvent;
+}) => void | Promise<void>;
+type ChatComposerProps = Omit<HTMLFormAttributes, "class" | "onsubmit"> & {
+    value?: string;
+    placeholder?: string;
+    autosize?: boolean;
+    maxRows?: number;
+    submitDisabled?: boolean;
+    class?: string;
+    sendLabel?: string;
+    stopLabel?: string;
+    sendAriaLabel?: string;
+    stopAriaLabel?: string;
+    inputAriaLabel?: string;
+    disabled?: boolean;
+    busy?: boolean;
+    stoppable?: boolean;
+    clearOnSubmit?: boolean;
+    onsubmit?: ChatComposerSubmitEvent;
+    onstop?: () => void;
+};
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+type $$__sveltets_2_PropsWithChildren<Props, Slots> = Props & (Slots extends {
+    default: any;
+} ? Props extends Record<string, never> ? any : {
+    children?: any;
+} : {});
+declare const ChatComposer: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<ChatComposerProps, {
+    attachments: {};
+    'actions-left': {};
+    'actions-right': {};
+}>, {
+    [evt: string]: CustomEvent<any>;
+}, {
+    attachments: {};
+    'actions-left': {};
+    'actions-right': {};
+}, {}, "value">;
+type ChatComposer = InstanceType<typeof ChatComposer>;
+export default ChatComposer;
+//# sourceMappingURL=ChatComposer.svelte.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ChatComposer.svelte.d.ts","sourceRoot":"","sources":["../src/lib/ChatComposer.svelte.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAIxD,KAAK,uBAAuB,GAAG,CAAC,OAAO,EAAE;IACvC,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,QAAQ,GAAG,UAAU,CAAC;IAC9B,KAAK,CAAC,EAAE,WAAW,GAAG,aAAa,CAAC;CACrC,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;AAE3B,KAAK,iBAAiB,GAAG,IAAI,CAAC,kBAAkB,EAAE,OAAO,GAAG,UAAU,CAAC,GAAG;IACxE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,QAAQ,CAAC,EAAE,uBAAuB,CAAC;IACnC,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;AAuHJ,UAAU,kCAAkC,CAAC,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,OAAO,GAAG,EAAE,EAAE,QAAQ,GAAG,MAAM;IACpM,KAAK,OAAO,EAAE,OAAO,QAAQ,EAAE,2BAA2B,CAAC,KAAK,CAAC,GAAG,OAAO,QAAQ,EAAE,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,GAAG;QAAE,UAAU,CAAC,EAAE,QAAQ,CAAA;KAAE,GAAG,OAAO,CAAC;IACjK,CAAC,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,GAAG;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,KAAK,CAAA;KAAC,GAAG,OAAO,GAAG;QAAE,IAAI,CAAC,EAAE,GAAG,CAAC;QAAC,GAAG,CAAC,EAAE,GAAG,CAAA;KAAE,CAAC;IAC9G,YAAY,CAAC,EAAE,QAAQ,CAAC;CAC3B;AACD,KAAK,gCAAgC,CAAC,KAAK,EAAE,KAAK,IAAI,KAAK,GACvD,CAAC,KAAK,SAAS;IAAE,OAAO,EAAE,GAAG,CAAA;CAAE,GACzB,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,GACnC,GAAG,GACH;IAAE,QAAQ,CAAC,EAAE,GAAG,CAAA;CAAE,GAClB,EAAE,CAAC,CAAC;AAId,QAAA,MAAM,YAAY;;;;;;;;;;eAAqF,CAAC;AACtF,KAAK,YAAY,GAAG,YAAY,CAAC,OAAO,YAAY,CAAC,CAAC;AACxD,eAAe,YAAY,CAAC"}