@sentropic/design-system-svelte 0.3.0 → 0.4.1

package/dist/Select.svelte

@@ -2,12 +2,13 @@
   import type { Snippet } from "svelte";
   import type { HTMLSelectAttributes } from "svelte/elements";
 
-  type SelectProps = Omit<HTMLSelectAttributes, "class" | "size"> & {
+  type SelectProps = Omit<HTMLSelectAttributes, "class" | "size" | "value"> & {
     label?: string;
     helperText?: string;
     errorText?: string;
     invalid?: boolean;
     size?: "sm" | "md" | "lg";
+    value?: string | string[] | number | null;
     class?: string;
     children?: Snippet;
   };
@@ -18,6 +19,7 @@
     errorText,
     invalid = false,
     size = "md",
+    value = $bindable(""),
     class: className,
     children,
     ...rest
@@ -31,7 +33,12 @@
 <div class={fieldClasses()}>
   <label class="st-field__control">
     {#if label}<span class="st-field__label">{label}</span>{/if}
-    <select {...rest} class={controlClasses()} aria-invalid={isInvalid() ? "true" : undefined}>
+    <select
+      {...rest}
+      bind:value
+      class={controlClasses()}
+      aria-invalid={isInvalid() ? "true" : undefined}
+    >
       {@render children?.()}
     </select>
   </label>

package/dist/Select.svelte.d.ts

@@ -1,15 +1,16 @@
 import type { Snippet } from "svelte";
 import type { HTMLSelectAttributes } from "svelte/elements";
-type SelectProps = Omit<HTMLSelectAttributes, "class" | "size"> & {
+type SelectProps = Omit<HTMLSelectAttributes, "class" | "size" | "value"> & {
     label?: string;
     helperText?: string;
     errorText?: string;
     invalid?: boolean;
     size?: "sm" | "md" | "lg";
+    value?: string | string[] | number | null;
     class?: string;
     children?: Snippet;
 };
-declare const Select: import("svelte").Component<SelectProps, {}, "">;
+declare const Select: import("svelte").Component<SelectProps, {}, "value">;
 type Select = ReturnType<typeof Select>;
 export default Select;
 //# sourceMappingURL=Select.svelte.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Select.svelte.d.ts","sourceRoot":"","sources":["../src/lib/Select.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AACtC,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AAG1D,KAAK,WAAW,GAAG,IAAI,CAAC,oBAAoB,EAAE,OAAO,GAAG,MAAM,CAAC,GAAG;IAChE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAwCJ,QAAA,MAAM,MAAM,iDAAwC,CAAC;AACrD,KAAK,MAAM,GAAG,UAAU,CAAC,OAAO,MAAM,CAAC,CAAC;AACxC,eAAe,MAAM,CAAC"}
+{"version":3,"file":"Select.svelte.d.ts","sourceRoot":"","sources":["../src/lib/Select.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AACtC,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AAG1D,KAAK,WAAW,GAAG,IAAI,CAAC,oBAAoB,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,GAAG;IAC1E,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,GAAG,MAAM,GAAG,IAAI,CAAC;IAC1C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAyCJ,QAAA,MAAM,MAAM,sDAAwC,CAAC;AACrD,KAAK,MAAM,GAAG,UAAU,CAAC,OAAO,MAAM,CAAC,CAAC;AACxC,eAAe,MAAM,CAAC"}

package/dist/Slider.svelte

@@ -0,0 +1,279 @@
+<script lang="ts">
+  import type { HTMLInputAttributes } from "svelte/elements";
+
+  type SliderProps = Omit<
+    HTMLInputAttributes,
+    "class" | "size" | "type" | "value" | "onchange"
+  > & {
+    label?: string;
+    helperText?: string;
+    errorText?: string;
+    invalid?: boolean;
+    size?: "sm" | "md" | "lg";
+    value?: number;
+    min?: number;
+    max?: number;
+    step?: number;
+    showValue?: boolean;
+    valueFormatter?: (value: number) => string;
+    class?: string;
+    onchange?: (value: number) => void;
+  };
+
+  let {
+    label,
+    helperText,
+    errorText,
+    invalid = false,
+    size = "md",
+    value = $bindable(0),
+    min = 0,
+    max = 100,
+    step = 1,
+    showValue = true,
+    valueFormatter,
+    disabled,
+    class: className,
+    onchange,
+    ...rest
+  }: SliderProps = $props();
+
+  const fieldClasses = () => ["st-field", className].filter(Boolean).join(" ");
+  const groupClasses = () => ["st-slider", `st-slider--${size}`].join(" ");
+  const isInvalid = () => invalid || Boolean(errorText);
+
+  const safeValue = $derived.by(() => {
+    if (typeof value !== "number" || Number.isNaN(value)) return min;
+    if (value < min) return min;
+    if (value > max) return max;
+    return value;
+  });
+
+  const percent = $derived.by(() => {
+    if (max === min) return 0;
+    return ((safeValue - min) / (max - min)) * 100;
+  });
+
+  const formatted = $derived(valueFormatter ? valueFormatter(safeValue) : String(safeValue));
+
+  function onInput(event: Event) {
+    const next = Number((event.currentTarget as HTMLInputElement).value);
+    if (Number.isFinite(next)) {
+      value = next;
+      onchange?.(next);
+    }
+  }
+</script>
+
+<div class={fieldClasses()}>
+  <div class="st-slider__header">
+    {#if label}<span class="st-field__label">{label}</span>{/if}
+    {#if showValue}
+      <output class="st-slider__value" aria-live="polite">{formatted}</output>
+    {/if}
+  </div>
+  <span class={groupClasses()}>
+    <span class="st-slider__bounds" aria-hidden="true">{min}</span>
+    <span class="st-slider__track">
+      <span class="st-slider__fill" style={`--st-slider-fill: ${percent}%`}></span>
+      <span
+        class="st-slider__thumb"
+        style={`left: ${percent}%`}
+        aria-hidden="true"
+      >
+        {#if showValue}
+          <span class="st-slider__tooltip">{formatted}</span>
+        {/if}
+      </span>
+      <input
+        {...rest}
+        type="range"
+        class="st-slider__input"
+        aria-label={label}
+        aria-invalid={isInvalid() ? "true" : undefined}
+        value={safeValue}
+        {min}
+        {max}
+        {step}
+        {disabled}
+        oninput={onInput}
+      />
+    </span>
+    <span class="st-slider__bounds" aria-hidden="true">{max}</span>
+  </span>
+  {#if errorText}
+    <span class="st-field__error">{errorText}</span>
+  {:else if helperText}
+    <span class="st-field__help">{helperText}</span>
+  {/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);
+  }
+
+  .st-field__label {
+    font-size: 0.875rem;
+    font-weight: 600;
+  }
+
+  .st-field__help,
+  .st-field__error {
+    font-size: 0.8125rem;
+    line-height: 1.4;
+  }
+
+  .st-field__help {
+    color: var(--st-component-field-helpText, var(--st-semantic-text-secondary));
+  }
+
+  .st-field__error {
+    color: var(--st-component-field-errorText, var(--st-semantic-feedback-error));
+  }
+
+  .st-slider__header {
+    align-items: baseline;
+    display: flex;
+    gap: 0.5rem;
+    justify-content: space-between;
+  }
+
+  .st-slider__value {
+    color: var(--st-semantic-text-secondary);
+    font-size: 0.875rem;
+    font-variant-numeric: tabular-nums;
+  }
+
+  .st-slider {
+    align-items: center;
+    display: flex;
+    gap: 0.75rem;
+    width: 100%;
+  }
+
+  .st-slider__bounds {
+    color: var(--st-semantic-text-muted);
+    flex: 0 0 auto;
+    font-size: 0.75rem;
+    font-variant-numeric: tabular-nums;
+  }
+
+  .st-slider__track {
+    background: var(--st-component-control-border, var(--st-semantic-border-subtle));
+    border-radius: 999px;
+    flex: 1 1 auto;
+    height: 0.25rem;
+    position: relative;
+  }
+
+  .st-slider--sm .st-slider__track {
+    height: 0.1875rem;
+  }
+
+  .st-slider--lg .st-slider__track {
+    height: 0.375rem;
+  }
+
+  .st-slider__fill {
+    background: var(--st-semantic-action-primary);
+    border-radius: 999px;
+    display: block;
+    height: 100%;
+    width: var(--st-slider-fill, 0%);
+  }
+
+  .st-slider__thumb {
+    background: var(--st-semantic-action-primary);
+    border-radius: 50%;
+    height: 1rem;
+    pointer-events: none;
+    position: absolute;
+    top: 50%;
+    transform: translate(-50%, -50%);
+    width: 1rem;
+  }
+
+  .st-slider--sm .st-slider__thumb {
+    height: 0.75rem;
+    width: 0.75rem;
+  }
+
+  .st-slider--lg .st-slider__thumb {
+    height: 1.25rem;
+    width: 1.25rem;
+  }
+
+  .st-slider__tooltip {
+    background: var(--st-semantic-text-primary);
+    border-radius: var(--st-component-control-radius, 0.375rem);
+    bottom: calc(100% + 0.375rem);
+    color: var(--st-semantic-surface-default);
+    font-size: 0.6875rem;
+    font-weight: 600;
+    left: 50%;
+    line-height: 1;
+    opacity: 0;
+    padding: 0.25rem 0.375rem;
+    pointer-events: none;
+    position: absolute;
+    transform: translateX(-50%);
+    transition: opacity var(--st-motion-fast, 120ms) var(--st-motion-easing, ease);
+    white-space: nowrap;
+  }
+
+  .st-slider:hover .st-slider__tooltip,
+  .st-slider:focus-within .st-slider__tooltip {
+    opacity: 1;
+  }
+
+  .st-slider__input {
+    appearance: none;
+    background: transparent;
+    height: 100%;
+    inset: 0;
+    margin: 0;
+    padding: 0;
+    position: absolute;
+    width: 100%;
+  }
+
+  .st-slider__input:focus-visible {
+    outline: 2px solid var(--st-component-control-focusRing, var(--st-semantic-border-interactive));
+    outline-offset: 4px;
+  }
+
+  .st-slider__input::-webkit-slider-thumb {
+    appearance: none;
+    background: transparent;
+    border: 0;
+    cursor: pointer;
+    height: 1.5rem;
+    width: 1.5rem;
+  }
+
+  .st-slider__input::-moz-range-thumb {
+    background: transparent;
+    border: 0;
+    cursor: pointer;
+    height: 1.5rem;
+    width: 1.5rem;
+  }
+
+  .st-slider__input:disabled {
+    cursor: not-allowed;
+  }
+
+  .st-slider:has(.st-slider__input:disabled) .st-slider__fill,
+  .st-slider:has(.st-slider__input:disabled) .st-slider__thumb {
+    background: var(--st-semantic-text-muted);
+  }
+
+  .st-slider:has([aria-invalid="true"]) .st-slider__fill,
+  .st-slider:has([aria-invalid="true"]) .st-slider__thumb {
+    background: var(--st-semantic-feedback-error);
+  }
+</style>

package/dist/Slider.svelte.d.ts

@@ -0,0 +1,20 @@
+import type { HTMLInputAttributes } from "svelte/elements";
+type SliderProps = Omit<HTMLInputAttributes, "class" | "size" | "type" | "value" | "onchange"> & {
+    label?: string;
+    helperText?: string;
+    errorText?: string;
+    invalid?: boolean;
+    size?: "sm" | "md" | "lg";
+    value?: number;
+    min?: number;
+    max?: number;
+    step?: number;
+    showValue?: boolean;
+    valueFormatter?: (value: number) => string;
+    class?: string;
+    onchange?: (value: number) => void;
+};
+declare const Slider: import("svelte").Component<SliderProps, {}, "value">;
+type Slider = ReturnType<typeof Slider>;
+export default Slider;
+//# sourceMappingURL=Slider.svelte.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Slider.svelte.d.ts","sourceRoot":"","sources":["../src/lib/Slider.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AAGzD,KAAK,WAAW,GAAG,IAAI,CACrB,mBAAmB,EACnB,OAAO,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,UAAU,CACjD,GAAG;IACF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IAC3C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACpC,CAAC;AAiFJ,QAAA,MAAM,MAAM,sDAAwC,CAAC;AACrD,KAAK,MAAM,GAAG,UAAU,CAAC,OAAO,MAAM,CAAC,CAAC;AACxC,eAAe,MAAM,CAAC"}

package/dist/Tag.svelte

@@ -0,0 +1,140 @@
+<script lang="ts">
+  import type { Snippet } from "svelte";
+  import type { HTMLAttributes } from "svelte/elements";
+
+  type TagProps = Omit<HTMLAttributes<HTMLSpanElement>, "class"> & {
+    tone?: "neutral" | "success" | "warning" | "error" | "info";
+    size?: "sm" | "md";
+    dismissible?: boolean;
+    dismissLabel?: string;
+    disabled?: boolean;
+    onDismiss?: (event: MouseEvent) => void;
+    class?: string;
+    children?: Snippet;
+  };
+
+  let {
+    tone = "neutral",
+    size = "md",
+    dismissible = false,
+    dismissLabel = "Dismiss",
+    disabled = false,
+    onDismiss,
+    class: className,
+    children,
+    ...rest
+  }: TagProps = $props();
+
+  const classes = () =>
+    ["st-tag", `st-tag--${tone}`, `st-tag--${size}`, disabled ? "st-tag--disabled" : null, className]
+      .filter(Boolean)
+      .join(" ");
+
+  function handleDismiss(event: MouseEvent) {
+    if (disabled) return;
+    onDismiss?.(event);
+  }
+</script>
+
+<span {...rest} class={classes()} aria-disabled={disabled ? "true" : undefined}>
+  <span class="st-tag__label">{@render children?.()}</span>
+  {#if dismissible}
+    <button
+      type="button"
+      class="st-tag__dismiss"
+      aria-label={dismissLabel}
+      {disabled}
+      onclick={handleDismiss}
+    >
+      <span aria-hidden="true">×</span>
+    </button>
+  {/if}
+</span>
+
+<style>
+  .st-tag {
+    align-items: center;
+    border-radius: var(--st-radius-pill, 999px);
+    display: inline-flex;
+    font-weight: 600;
+    gap: 0.25rem;
+    line-height: 1;
+    padding: 0.25rem 0.5rem;
+  }
+
+  .st-tag--sm {
+    font-size: 0.6875rem;
+    padding: 0.1875rem 0.5rem;
+  }
+
+  .st-tag--md {
+    font-size: 0.75rem;
+    padding: 0.25rem 0.625rem;
+  }
+
+  .st-tag--neutral {
+    background: var(--st-semantic-surface-subtle);
+    color: var(--st-semantic-text-secondary);
+  }
+
+  .st-tag--success {
+    background: color-mix(in srgb, var(--st-semantic-feedback-success) 14%, white);
+    color: var(--st-semantic-feedback-success);
+  }
+
+  .st-tag--warning {
+    background: color-mix(in srgb, var(--st-semantic-feedback-warning) 14%, white);
+    color: var(--st-semantic-feedback-warning);
+  }
+
+  .st-tag--error {
+    background: color-mix(in srgb, var(--st-semantic-feedback-error) 14%, white);
+    color: var(--st-semantic-feedback-error);
+  }
+
+  .st-tag--info {
+    background: color-mix(in srgb, var(--st-semantic-feedback-info) 14%, white);
+    color: var(--st-semantic-feedback-info);
+  }
+
+  .st-tag--disabled {
+    opacity: 0.55;
+  }
+
+  .st-tag__label {
+    display: inline-flex;
+    align-items: center;
+  }
+
+  .st-tag__dismiss {
+    align-items: center;
+    background: transparent;
+    border: 0;
+    border-radius: 50%;
+    color: inherit;
+    cursor: pointer;
+    display: inline-flex;
+    font: inherit;
+    font-size: 1em;
+    height: 1.25em;
+    justify-content: center;
+    line-height: 1;
+    margin-inline-start: 0.125rem;
+    padding: 0;
+    transition: background-color var(--st-motion-fast, 120ms) var(--st-motion-easing, ease);
+    width: 1.25em;
+  }
+
+  .st-tag__dismiss:hover:not(:disabled) {
+    background: color-mix(in srgb, currentColor 18%, transparent);
+  }
+
+  .st-tag__dismiss:focus-visible {
+    outline: 2px solid currentColor;
+    outline-offset: 1px;
+  }
+
+  .st-tag__dismiss:disabled {
+    cursor: not-allowed;
+  }
+</style>

package/dist/Tag.svelte.d.ts

@@ -0,0 +1,16 @@
+import type { Snippet } from "svelte";
+import type { HTMLAttributes } from "svelte/elements";
+type TagProps = Omit<HTMLAttributes<HTMLSpanElement>, "class"> & {
+    tone?: "neutral" | "success" | "warning" | "error" | "info";
+    size?: "sm" | "md";
+    dismissible?: boolean;
+    dismissLabel?: string;
+    disabled?: boolean;
+    onDismiss?: (event: MouseEvent) => void;
+    class?: string;
+    children?: Snippet;
+};
+declare const Tag: import("svelte").Component<TagProps, {}, "">;
+type Tag = ReturnType<typeof Tag>;
+export default Tag;
+//# sourceMappingURL=Tag.svelte.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Tag.svelte.d.ts","sourceRoot":"","sources":["../src/lib/Tag.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AACtC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAGpD,KAAK,QAAQ,GAAG,IAAI,CAAC,cAAc,CAAC,eAAe,CAAC,EAAE,OAAO,CAAC,GAAG;IAC/D,IAAI,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,CAAC;IAC5D,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;IACxC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AA0CJ,QAAA,MAAM,GAAG,8CAAwC,CAAC;AAClD,KAAK,GAAG,GAAG,UAAU,CAAC,OAAO,GAAG,CAAC,CAAC;AAClC,eAAe,GAAG,CAAC"}

package/dist/Textarea.svelte

@@ -1,11 +1,12 @@
 <script lang="ts">
   import type { HTMLTextareaAttributes } from "svelte/elements";
 
-  type TextareaProps = Omit<HTMLTextareaAttributes, "class"> & {
+  type TextareaProps = Omit<HTMLTextareaAttributes, "class" | "value"> & {
     label?: string;
     helperText?: string;
     errorText?: string;
     invalid?: boolean;
+    value?: string | null;
     class?: string;
   };
 
@@ -14,6 +15,7 @@
     helperText,
     errorText,
     invalid = false,
+    value = $bindable(""),
     class: className,
     ...rest
   }: TextareaProps = $props();
@@ -25,7 +27,12 @@
 <div class={fieldClasses()}>
   <label class="st-field__control">
     {#if label}<span class="st-field__label">{label}</span>{/if}
-    <textarea {...rest} class="st-textarea" aria-invalid={isInvalid() ? "true" : undefined}></textarea>
+    <textarea
+      {...rest}
+      bind:value
+      class="st-textarea"
+      aria-invalid={isInvalid() ? "true" : undefined}
+    ></textarea>
   </label>
   {#if errorText}
     <span class="st-field__error">{errorText}</span>

package/dist/Textarea.svelte.d.ts

@@ -1,12 +1,13 @@
 import type { HTMLTextareaAttributes } from "svelte/elements";
-type TextareaProps = Omit<HTMLTextareaAttributes, "class"> & {
+type TextareaProps = Omit<HTMLTextareaAttributes, "class" | "value"> & {
     label?: string;
     helperText?: string;
     errorText?: string;
     invalid?: boolean;
+    value?: string | null;
     class?: string;
 };
-declare const Textarea: import("svelte").Component<TextareaProps, {}, "">;
+declare const Textarea: import("svelte").Component<TextareaProps, {}, "value">;
 type Textarea = ReturnType<typeof Textarea>;
 export default Textarea;
 //# sourceMappingURL=Textarea.svelte.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Textarea.svelte.d.ts","sourceRoot":"","sources":["../src/lib/Textarea.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,iBAAiB,CAAC;AAG5D,KAAK,aAAa,GAAG,IAAI,CAAC,sBAAsB,EAAE,OAAO,CAAC,GAAG;IAC3D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAkCJ,QAAA,MAAM,QAAQ,mDAAwC,CAAC;AACvD,KAAK,QAAQ,GAAG,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAC;AAC5C,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"Textarea.svelte.d.ts","sourceRoot":"","sources":["../src/lib/Textarea.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,iBAAiB,CAAC;AAG5D,KAAK,aAAa,GAAG,IAAI,CAAC,sBAAsB,EAAE,OAAO,GAAG,OAAO,CAAC,GAAG;IACrE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAmCJ,QAAA,MAAM,QAAQ,wDAAwC,CAAC;AACvD,KAAK,QAAQ,GAAG,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAC;AAC5C,eAAe,QAAQ,CAAC"}