@sentropic/design-system-svelte 0.6.0 → 0.7.0

package/dist/AspectRatio.svelte

@@ -0,0 +1,44 @@
+<script lang="ts">
+  import type { Snippet } from "svelte";
+  import type { HTMLAttributes } from "svelte/elements";
+
+  type AspectRatioProps = Omit<HTMLAttributes<HTMLDivElement>, "class"> & {
+    ratio?: string;
+    class?: string;
+    children?: Snippet;
+  };
+
+  let {
+    ratio = "16/9",
+    class: className,
+    children,
+    ...rest
+  }: AspectRatioProps = $props();
+
+  const classes = () => ["st-aspectRatio", className].filter(Boolean).join(" ");
+</script>
+
+<div {...rest} class={classes()} style:aspect-ratio={ratio}>
+  {@render children?.()}
+</div>
+
+<style>
+  .st-aspectRatio {
+    display: block;
+    overflow: hidden;
+    position: relative;
+    width: 100%;
+  }
+
+  .st-aspectRatio > :global(*) {
+    block-size: 100%;
+    inline-size: 100%;
+  }
+
+  .st-aspectRatio > :global(img),
+  .st-aspectRatio > :global(video),
+  .st-aspectRatio > :global(iframe) {
+    display: block;
+    object-fit: cover;
+  }
+</style>

package/dist/AspectRatio.svelte.d.ts

@@ -0,0 +1,11 @@
+import type { Snippet } from "svelte";
+import type { HTMLAttributes } from "svelte/elements";
+type AspectRatioProps = Omit<HTMLAttributes<HTMLDivElement>, "class"> & {
+    ratio?: string;
+    class?: string;
+    children?: Snippet;
+};
+declare const AspectRatio: import("svelte").Component<AspectRatioProps, {}, "">;
+type AspectRatio = ReturnType<typeof AspectRatio>;
+export default AspectRatio;
+//# sourceMappingURL=AspectRatio.svelte.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AspectRatio.svelte.d.ts","sourceRoot":"","sources":["../src/lib/AspectRatio.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AACtC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAGpD,KAAK,gBAAgB,GAAG,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC,GAAG;IACtE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAwBJ,QAAA,MAAM,WAAW,sDAAwC,CAAC;AAC1D,KAAK,WAAW,GAAG,UAAU,CAAC,OAAO,WAAW,CAAC,CAAC;AAClD,eAAe,WAAW,CAAC"}

package/dist/CodeSnippet.svelte

@@ -0,0 +1,91 @@
+<script lang="ts">
+  import CopyButton from "./CopyButton.svelte";
+
+  type CodeSnippetProps = {
+    code: string;
+    language?: string;
+    inline?: boolean;
+    copyable?: boolean;
+    copyLabel?: string;
+    copiedLabel?: string;
+    class?: string;
+  };
+
+  let {
+    code,
+    language,
+    inline = false,
+    copyable = true,
+    copyLabel = "Copy",
+    copiedLabel = "Copied",
+    class: className
+  }: CodeSnippetProps = $props();
+
+  const inlineClasses = () =>
+    ["st-codeSnippet--inline", className].filter(Boolean).join(" ");
+  const blockClasses = () => ["st-codeSnippet", className].filter(Boolean).join(" ");
+</script>
+
+{#if inline}
+  <code class={inlineClasses()} data-language={language}>{code}</code>
+{:else}
+  <div class="st-codeSnippet__wrapper">
+    <pre class={blockClasses()} data-language={language}><code
+        class="st-codeSnippet__code">{code}</code></pre>
+    {#if copyable}
+      <span class="st-codeSnippet__copy">
+        <CopyButton value={code} size="sm" label={copyLabel} copiedLabel={copiedLabel} />
+      </span>
+    {/if}
+  </div>
+{/if}
+
+<style>
+  .st-codeSnippet__wrapper {
+    position: relative;
+  }
+
+  .st-codeSnippet {
+    background: var(
+      --st-component-codeSnippet-background,
+      var(--st-semantic-surface-subtle)
+    );
+    border: 1px solid
+      var(--st-component-codeSnippet-border, var(--st-semantic-border-subtle));
+    border-radius: var(--st-component-codeSnippet-radius, 0.375rem);
+    color: var(--st-component-codeSnippet-text, var(--st-semantic-text-primary));
+    font-family: var(--st-font-mono, ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace);
+    font-size: 0.8125rem;
+    line-height: 1.5;
+    margin: 0;
+    max-height: var(--st-component-codeSnippet-maxHeight, 16rem);
+    overflow: auto;
+    padding: 0.75rem 0.875rem;
+    padding-inline-end: 4rem;
+  }
+
+  .st-codeSnippet__code {
+    font: inherit;
+    white-space: pre;
+  }
+
+  .st-codeSnippet__copy {
+    position: absolute;
+    inset-block-start: 0.375rem;
+    inset-inline-end: 0.375rem;
+  }
+
+  .st-codeSnippet--inline {
+    background: var(
+      --st-component-codeSnippet-background,
+      var(--st-semantic-surface-subtle)
+    );
+    border: 1px solid
+      var(--st-component-codeSnippet-border, var(--st-semantic-border-subtle));
+    border-radius: var(--st-radius-sm, 0.25rem);
+    color: var(--st-component-codeSnippet-text, var(--st-semantic-text-primary));
+    font-family: var(--st-font-mono, ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace);
+    font-size: 0.8125rem;
+    padding: 0.0625rem 0.375rem;
+  }
+</style>

package/dist/CodeSnippet.svelte.d.ts

@@ -0,0 +1,13 @@
+type CodeSnippetProps = {
+    code: string;
+    language?: string;
+    inline?: boolean;
+    copyable?: boolean;
+    copyLabel?: string;
+    copiedLabel?: string;
+    class?: string;
+};
+declare const CodeSnippet: import("svelte").Component<CodeSnippetProps, {}, "">;
+type CodeSnippet = ReturnType<typeof CodeSnippet>;
+export default CodeSnippet;
+//# sourceMappingURL=CodeSnippet.svelte.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CodeSnippet.svelte.d.ts","sourceRoot":"","sources":["../src/lib/CodeSnippet.svelte.ts"],"names":[],"mappings":"AAME,KAAK,gBAAgB,GAAG;IACtB,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAqCJ,QAAA,MAAM,WAAW,sDAAwC,CAAC;AAC1D,KAAK,WAAW,GAAG,UAAU,CAAC,OAAO,WAAW,CAAC,CAAC;AAClD,eAAe,WAAW,CAAC"}

package/dist/StructuredList.svelte

@@ -0,0 +1,86 @@
+<script lang="ts" module>
+  import type { Snippet } from "svelte";
+
+  export interface StructuredListItem {
+    key: string;
+    value: string | Snippet;
+  }
+</script>
+
+<script lang="ts">
+  import type { HTMLAttributes } from "svelte/elements";
+
+  type StructuredListProps = Omit<HTMLAttributes<HTMLDListElement>, "class"> & {
+    items: StructuredListItem[];
+    bordered?: boolean;
+    class?: string;
+  };
+
+  let {
+    items,
+    bordered = true,
+    class: className,
+    ...rest
+  }: StructuredListProps = $props();
+
+  const classes = () =>
+    ["st-structuredList", bordered ? "st-structuredList--bordered" : null, className]
+      .filter(Boolean)
+      .join(" ");
+
+  function isSnippet(value: string | Snippet): value is Snippet {
+    return typeof value === "function";
+  }
+</script>
+
+<dl {...rest} class={classes()}>
+  {#each items as item (item.key)}
+    <div class="st-structuredList__row">
+      <dt class="st-structuredList__term">{item.key}</dt>
+      <dd class="st-structuredList__definition">
+        {#if isSnippet(item.value)}
+          {@render item.value()}
+        {:else}
+          {item.value}
+        {/if}
+      </dd>
+    </div>
+  {/each}
+</dl>
+
+<style>
+  .st-structuredList {
+    color: var(--st-semantic-text-primary);
+    display: grid;
+    margin: 0;
+    width: 100%;
+  }
+
+  .st-structuredList--bordered {
+    border-block-start: 1px solid
+      var(--st-component-structuredList-border, var(--st-semantic-border-subtle));
+  }
+
+  .st-structuredList__row {
+    align-items: baseline;
+    display: grid;
+    gap: var(--st-spacing-3, 0.75rem);
+    grid-template-columns: minmax(8rem, 1fr) 2fr;
+    padding: 0.75rem 0;
+  }
+
+  .st-structuredList--bordered .st-structuredList__row {
+    border-block-end: 1px solid
+      var(--st-component-structuredList-border, var(--st-semantic-border-subtle));
+  }
+
+  .st-structuredList__term {
+    color: var(--st-semantic-text-secondary);
+    font-weight: 600;
+    margin: 0;
+  }
+
+  .st-structuredList__definition {
+    margin: 0;
+  }
+</style>

package/dist/StructuredList.svelte.d.ts

@@ -0,0 +1,15 @@
+import type { Snippet } from "svelte";
+export interface StructuredListItem {
+    key: string;
+    value: string | Snippet;
+}
+import type { HTMLAttributes } from "svelte/elements";
+type StructuredListProps = Omit<HTMLAttributes<HTMLDListElement>, "class"> & {
+    items: StructuredListItem[];
+    bordered?: boolean;
+    class?: string;
+};
+declare const StructuredList: import("svelte").Component<StructuredListProps, {}, "">;
+type StructuredList = ReturnType<typeof StructuredList>;
+export default StructuredList;
+//# sourceMappingURL=StructuredList.svelte.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"StructuredList.svelte.d.ts","sourceRoot":"","sources":["../src/lib/StructuredList.svelte.ts"],"names":[],"mappings":"AAGE,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAEtC,MAAM,WAAW,kBAAkB;IACjC,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,GAAG,OAAO,CAAC;CACzB;AAGH,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAGpD,KAAK,mBAAmB,GAAG,IAAI,CAAC,cAAc,CAAC,gBAAgB,CAAC,EAAE,OAAO,CAAC,GAAG;IAC3E,KAAK,EAAE,kBAAkB,EAAE,CAAC;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AA2CJ,QAAA,MAAM,cAAc,yDAAwC,CAAC;AAC7D,KAAK,cAAc,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AACxD,eAAe,cAAc,CAAC"}

package/dist/TileGroup.svelte

@@ -0,0 +1,179 @@
+<script lang="ts" module>
+  export interface TileGroupItem {
+    value: string;
+    label: string;
+    description?: string;
+    disabled?: boolean;
+  }
+</script>
+
+<script lang="ts">
+  import type { HTMLAttributes } from "svelte/elements";
+
+  type TileGroupProps = Omit<
+    HTMLAttributes<HTMLFieldSetElement>,
+    "class" | "onchange"
+  > & {
+    items: TileGroupItem[];
+    value?: string;
+    name?: string;
+    legend?: string;
+    legendHidden?: boolean;
+    disabled?: boolean;
+    class?: string;
+    onchange?: (value: string) => void;
+  };
+
+  let {
+    items,
+    value = $bindable<string | undefined>(undefined),
+    name,
+    legend,
+    legendHidden = false,
+    disabled = false,
+    class: className,
+    onchange,
+    ...rest
+  }: TileGroupProps = $props();
+
+  const groupId = $props.id();
+  const groupName = $derived(name ?? `st-tileGroup-${groupId}`);
+
+  const classes = () =>
+    ["st-tileGroup", disabled ? "st-tileGroup--disabled" : null, className]
+      .filter(Boolean)
+      .join(" ");
+
+  function select(next: string, itemDisabled?: boolean) {
+    if (disabled || itemDisabled) return;
+    value = next;
+    onchange?.(next);
+  }
+</script>
+
+<fieldset {...rest} class={classes()} {disabled}>
+  {#if legend}
+    <legend class={legendHidden ? "st-tileGroup__legend st-tileGroup__legend--hidden" : "st-tileGroup__legend"}
+    >{legend}</legend>
+  {/if}
+  <div class="st-tileGroup__items">
+    {#each items as item (item.value)}
+      {@const checked = value === item.value}
+      <label
+        class="st-tileGroup__tile"
+        class:st-tileGroup__tile--checked={checked}
+        class:st-tileGroup__tile--disabled={item.disabled || disabled}
+      >
+        <input
+          type="radio"
+          class="st-tileGroup__input"
+          name={groupName}
+          value={item.value}
+          {checked}
+          disabled={item.disabled || disabled}
+          onchange={() => select(item.value, item.disabled)}
+        />
+        <span class="st-tileGroup__content">
+          <span class="st-tileGroup__label">{item.label}</span>
+          {#if item.description}
+            <span class="st-tileGroup__description">{item.description}</span>
+          {/if}
+        </span>
+      </label>
+    {/each}
+  </div>
+</fieldset>
+
+<style>
+  .st-tileGroup {
+    border: 0;
+    color: var(--st-semantic-text-primary);
+    margin: 0;
+    min-width: 0;
+    padding: 0;
+  }
+
+  .st-tileGroup__legend {
+    color: var(--st-component-field-labelText, var(--st-semantic-text-primary));
+    font-weight: 600;
+    margin-block-end: var(--st-spacing-2, 0.5rem);
+    padding: 0;
+  }
+
+  .st-tileGroup__legend--hidden {
+    border: 0;
+    clip: rect(0 0 0 0);
+    height: 1px;
+    margin: -1px;
+    overflow: hidden;
+    padding: 0;
+    position: absolute;
+    white-space: nowrap;
+    width: 1px;
+  }
+
+  .st-tileGroup__items {
+    display: grid;
+    gap: var(--st-spacing-2, 0.5rem);
+    grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr));
+  }
+
+  .st-tileGroup__tile {
+    background: var(--st-component-card-background, var(--st-semantic-surface-raised));
+    border: 1px solid
+      var(--st-component-card-border, var(--st-semantic-border-subtle));
+    border-radius: var(--st-component-card-radius, 0.5rem);
+    cursor: pointer;
+    display: grid;
+    gap: 0.5rem;
+    grid-template-columns: auto 1fr;
+    padding: 0.875rem 1rem;
+    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);
+  }
+
+  .st-tileGroup__tile:hover:not(.st-tileGroup__tile--disabled) {
+    border-color: var(
+      --st-component-control-hoverBorder,
+      var(--st-semantic-border-strong)
+    );
+  }
+
+  .st-tileGroup__tile--checked {
+    border-color: var(
+      --st-component-control-focusRing,
+      var(--st-semantic-border-interactive)
+    );
+    box-shadow: 0 0 0 1px
+      var(--st-component-control-focusRing, var(--st-semantic-border-interactive));
+  }
+
+  .st-tileGroup__tile--disabled {
+    cursor: not-allowed;
+    opacity: 0.55;
+  }
+
+  .st-tileGroup__input {
+    accent-color: var(
+      --st-component-control-focusRing,
+      var(--st-semantic-border-interactive)
+    );
+    margin: 0.25rem 0 0;
+  }
+
+  .st-tileGroup__content {
+    display: grid;
+    gap: 0.25rem;
+  }
+
+  .st-tileGroup__label {
+    font-size: 0.9375rem;
+    font-weight: 600;
+  }
+
+  .st-tileGroup__description {
+    color: var(--st-component-field-helpText, var(--st-semantic-text-secondary));
+    font-size: 0.8125rem;
+  }
+</style>

package/dist/TileGroup.svelte.d.ts

@@ -0,0 +1,21 @@
+export interface TileGroupItem {
+    value: string;
+    label: string;
+    description?: string;
+    disabled?: boolean;
+}
+import type { HTMLAttributes } from "svelte/elements";
+type TileGroupProps = Omit<HTMLAttributes<HTMLFieldSetElement>, "class" | "onchange"> & {
+    items: TileGroupItem[];
+    value?: string;
+    name?: string;
+    legend?: string;
+    legendHidden?: boolean;
+    disabled?: boolean;
+    class?: string;
+    onchange?: (value: string) => void;
+};
+declare const TileGroup: import("svelte").Component<TileGroupProps, {}, "value">;
+type TileGroup = ReturnType<typeof TileGroup>;
+export default TileGroup;
+//# sourceMappingURL=TileGroup.svelte.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TileGroup.svelte.d.ts","sourceRoot":"","sources":["../src/lib/TileGroup.svelte.ts"],"names":[],"mappings":"AAGE,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAGH,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAGpD,KAAK,cAAc,GAAG,IAAI,CACxB,cAAc,CAAC,mBAAmB,CAAC,EACnC,OAAO,GAAG,UAAU,CACrB,GAAG;IACF,KAAK,EAAE,aAAa,EAAE,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACpC,CAAC;AA0DJ,QAAA,MAAM,SAAS,yDAAwC,CAAC;AACxD,KAAK,SAAS,GAAG,UAAU,CAAC,OAAO,SAAS,CAAC,CAAC;AAC9C,eAAe,SAAS,CAAC"}

package/dist/UnorderedList.svelte

@@ -0,0 +1,108 @@
+<script lang="ts" module>
+  import type { Snippet } from "svelte";
+
+  export interface UnorderedListItem {
+    content: string | Snippet;
+    children?: UnorderedListItem[];
+  }
+
+  export type UnorderedListInput = string | UnorderedListItem;
+</script>
+
+<script lang="ts">
+  import type { HTMLAttributes } from "svelte/elements";
+
+  type UnorderedListProps = Omit<HTMLAttributes<HTMLUListElement>, "class"> & {
+    items: UnorderedListInput[];
+    nested?: boolean;
+    class?: string;
+  };
+
+  let {
+    items,
+    nested = false,
+    class: className,
+    ...rest
+  }: UnorderedListProps = $props();
+
+  const classes = () =>
+    [
+      "st-unorderedList",
+      nested ? "st-unorderedList--nested" : null,
+      className
+    ]
+      .filter(Boolean)
+      .join(" ");
+
+  function normalize(item: UnorderedListInput): UnorderedListItem {
+    if (typeof item === "string") return { content: item };
+    return item;
+  }
+
+  function isSnippet(value: string | Snippet): value is Snippet {
+    return typeof value === "function";
+  }
+</script>
+
+<ul {...rest} class={classes()}>
+  {#each items as raw, index (index)}
+    {@const item = normalize(raw)}
+    <li class="st-unorderedList__item">
+      {#if isSnippet(item.content)}
+        {@render item.content()}
+      {:else}
+        {item.content}
+      {/if}
+      {#if item.children && item.children.length > 0}
+        <ul class="st-unorderedList st-unorderedList--nested">
+          {#each item.children as childRaw, childIndex (childIndex)}
+            {@const child = normalize(childRaw)}
+            <li class="st-unorderedList__item">
+              {#if isSnippet(child.content)}
+                {@render child.content()}
+              {:else}
+                {child.content}
+              {/if}
+            </li>
+          {/each}
+        </ul>
+      {/if}
+    </li>
+  {/each}
+</ul>
+
+<style>
+  .st-unorderedList {
+    color: var(--st-semantic-text-primary);
+    display: grid;
+    gap: var(--st-spacing-1, 0.25rem);
+    list-style: none;
+    margin: 0;
+    padding: 0;
+  }
+
+  .st-unorderedList--nested {
+    gap: var(--st-spacing-1, 0.25rem);
+    margin-block-start: var(--st-spacing-1, 0.25rem);
+    margin-inline-start: var(--st-spacing-4, 1rem);
+  }
+
+  .st-unorderedList__item {
+    line-height: 1.5;
+    padding-inline-start: var(--st-spacing-4, 1rem);
+    position: relative;
+  }
+
+  .st-unorderedList__item::before {
+    background: currentColor;
+    border-radius: 50%;
+    content: "";
+    display: block;
+    height: 0.3125rem;
+    inset-block-start: 0.5625rem;
+    inset-inline-start: var(--st-spacing-1, 0.25rem);
+    opacity: 0.65;
+    position: absolute;
+    width: 0.3125rem;
+  }
+</style>

package/dist/UnorderedList.svelte.d.ts

@@ -0,0 +1,16 @@
+import type { Snippet } from "svelte";
+export interface UnorderedListItem {
+    content: string | Snippet;
+    children?: UnorderedListItem[];
+}
+export type UnorderedListInput = string | UnorderedListItem;
+import type { HTMLAttributes } from "svelte/elements";
+type UnorderedListProps = Omit<HTMLAttributes<HTMLUListElement>, "class"> & {
+    items: UnorderedListInput[];
+    nested?: boolean;
+    class?: string;
+};
+declare const UnorderedList: import("svelte").Component<UnorderedListProps, {}, "">;
+type UnorderedList = ReturnType<typeof UnorderedList>;
+export default UnorderedList;
+//# sourceMappingURL=UnorderedList.svelte.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"UnorderedList.svelte.d.ts","sourceRoot":"","sources":["../src/lib/UnorderedList.svelte.ts"],"names":[],"mappings":"AAGE,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAEtC,MAAM,WAAW,iBAAiB;IAChC,OAAO,EAAE,MAAM,GAAG,OAAO,CAAC;IAC1B,QAAQ,CAAC,EAAE,iBAAiB,EAAE,CAAC;CAChC;AAED,MAAM,MAAM,kBAAkB,GAAG,MAAM,GAAG,iBAAiB,CAAC;AAG9D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAGpD,KAAK,kBAAkB,GAAG,IAAI,CAAC,cAAc,CAAC,gBAAgB,CAAC,EAAE,OAAO,CAAC,GAAG;IAC1E,KAAK,EAAE,kBAAkB,EAAE,CAAC;IAC5B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAgEJ,QAAA,MAAM,aAAa,wDAAwC,CAAC;AAC5D,KAAK,aAAa,GAAG,UAAU,CAAC,OAAO,aAAa,CAAC,CAAC;AACtD,eAAe,aAAa,CAAC"}

package/dist/index.d.ts

@@ -1,10 +1,12 @@
 export { default as Accordion } from "./Accordion.svelte";
 export { default as Alert } from "./Alert.svelte";
+export { default as AspectRatio } from "./AspectRatio.svelte";
 export { default as Badge } from "./Badge.svelte";
 export { default as Breadcrumb } from "./Breadcrumb.svelte";
 export { default as Button } from "./Button.svelte";
 export { default as Card } from "./Card.svelte";
 export { default as Checkbox } from "./Checkbox.svelte";
+export { default as CodeSnippet } from "./CodeSnippet.svelte";
 export { default as Combobox } from "./Combobox.svelte";
 export { default as ContentSwitcher } from "./ContentSwitcher.svelte";
 export { default as CopyButton } from "./CopyButton.svelte";
@@ -38,16 +40,19 @@ export { default as Select } from "./Select.svelte";
 export { default as SideNav } from "./SideNav.svelte";
 export { default as SkeletonText } from "./SkeletonText.svelte";
 export { default as Slider } from "./Slider.svelte";
+export { default as StructuredList } from "./StructuredList.svelte";
 export { default as Switch } from "./Switch.svelte";
 export { default as Table } from "./Table.svelte";
 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 TileGroup } from "./TileGroup.svelte";
 export { default as Toast } from "./Toast.svelte";
 export { default as Toggle } from "./Toggle.svelte";
 export { default as Toggletip } from "./Toggletip.svelte";
 export { default as Tooltip } from "./Tooltip.svelte";
+export { default as UnorderedList } from "./UnorderedList.svelte";
 export type { AccordionItem } from "./Accordion.svelte";
 export type { BreadcrumbItem } from "./Breadcrumb.svelte";
 export type { ComboboxOption } from "./Combobox.svelte";
@@ -60,6 +65,9 @@ export type { MultiSelectOption } from "./MultiSelect.svelte";
 export type { OverflowMenuItem } from "./OverflowMenu.svelte";
 export type { ProgressIndicatorItem, ProgressIndicatorStatus } from "./ProgressIndicator.svelte";
 export type { SideNavItem } from "./SideNav.svelte";
+export type { StructuredListItem } from "./StructuredList.svelte";
 export type { TableColumn, TableRow } from "./Table.svelte";
 export type { TabItem } from "./Tabs.svelte";
+export type { TileGroupItem } from "./TileGroup.svelte";
+export type { UnorderedListInput, UnorderedListItem } from "./UnorderedList.svelte";
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/lib/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAClD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAClD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACpD,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,eAAe,CAAC;AAChD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,0BAA0B,CAAC;AACtE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACpD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAChE,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,eAAe,CAAC;AAChD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACpD,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAClE,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAClD,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,eAAe,CAAC;AAChD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAChE,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,eAAe,CAAC;AAChD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAClD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAChE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAClE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAClE,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,kBAAkB,CAAC;AACtD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAC1E,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAClD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACpD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACpD,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,kBAAkB,CAAC;AACtD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAChE,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACpD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACpD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAClD,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,eAAe,CAAC;AAChD,OAAO,EAAE,OAAO,IAAI,GAAG,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAClE,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAClD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACpD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,kBAAkB,CAAC;AACtD,YAAY,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACxD,YAAY,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAC1D,YAAY,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACxD,YAAY,EACV,eAAe,EACf,YAAY,EACZ,mBAAmB,EACnB,aAAa,EACd,MAAM,oBAAoB,CAAC;AAC5B,YAAY,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAC3D,YAAY,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACxD,YAAY,EAAE,cAAc,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAC9E,YAAY,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAC9C,YAAY,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAC9D,YAAY,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAC9D,YAAY,EACV,qBAAqB,EACrB,uBAAuB,EACxB,MAAM,4BAA4B,CAAC;AACpC,YAAY,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AACpD,YAAY,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAC5D,YAAY,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/lib/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAClD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAClD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACpD,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,eAAe,CAAC;AAChD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,0BAA0B,CAAC;AACtE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACpD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAChE,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,eAAe,CAAC;AAChD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACpD,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAClE,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAClD,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,eAAe,CAAC;AAChD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAChE,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,eAAe,CAAC;AAChD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAClD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAChE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAClE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAClE,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,kBAAkB,CAAC;AACtD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAC1E,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAClD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACpD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACpD,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,kBAAkB,CAAC;AACtD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAChE,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACpD,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,yBAAyB,CAAC;AACpE,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACpD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAClD,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,eAAe,CAAC;AAChD,OAAO,EAAE,OAAO,IAAI,GAAG,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAClE,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAClD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACpD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,kBAAkB,CAAC;AACtD,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAClE,YAAY,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACxD,YAAY,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAC1D,YAAY,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACxD,YAAY,EACV,eAAe,EACf,YAAY,EACZ,mBAAmB,EACnB,aAAa,EACd,MAAM,oBAAoB,CAAC;AAC5B,YAAY,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAC3D,YAAY,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACxD,YAAY,EAAE,cAAc,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAC9E,YAAY,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAC9C,YAAY,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAC9D,YAAY,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAC9D,YAAY,EACV,qBAAqB,EACrB,uBAAuB,EACxB,MAAM,4BAA4B,CAAC;AACpC,YAAY,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AACpD,YAAY,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAClE,YAAY,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAC5D,YAAY,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAC7C,YAAY,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACxD,YAAY,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC"}

package/dist/index.js

@@ -1,10 +1,12 @@
 export { default as Accordion } from "./Accordion.svelte";
 export { default as Alert } from "./Alert.svelte";
+export { default as AspectRatio } from "./AspectRatio.svelte";
 export { default as Badge } from "./Badge.svelte";
 export { default as Breadcrumb } from "./Breadcrumb.svelte";
 export { default as Button } from "./Button.svelte";
 export { default as Card } from "./Card.svelte";
 export { default as Checkbox } from "./Checkbox.svelte";
+export { default as CodeSnippet } from "./CodeSnippet.svelte";
 export { default as Combobox } from "./Combobox.svelte";
 export { default as ContentSwitcher } from "./ContentSwitcher.svelte";
 export { default as CopyButton } from "./CopyButton.svelte";
@@ -38,13 +40,16 @@ export { default as Select } from "./Select.svelte";
 export { default as SideNav } from "./SideNav.svelte";
 export { default as SkeletonText } from "./SkeletonText.svelte";
 export { default as Slider } from "./Slider.svelte";
+export { default as StructuredList } from "./StructuredList.svelte";
 export { default as Switch } from "./Switch.svelte";
 export { default as Table } from "./Table.svelte";
 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 TileGroup } from "./TileGroup.svelte";
 export { default as Toast } from "./Toast.svelte";
 export { default as Toggle } from "./Toggle.svelte";
 export { default as Toggletip } from "./Toggletip.svelte";
 export { default as Tooltip } from "./Tooltip.svelte";
+export { default as UnorderedList } from "./UnorderedList.svelte";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sentropic/design-system-svelte",
-  "version": "0.6.0",
+  "version": "0.7.0",
   "type": "module",
   "publishConfig": {
     "access": "public"
@@ -26,7 +26,7 @@
     "dist"
   ],
   "dependencies": {
-    "@sentropic/design-system-themes": "0.6.0"
+    "@sentropic/design-system-themes": "0.7.0"
   },
   "peerDependencies": {
     "svelte": "^5.53.2"