@xtyle/svelte 0.5.0 → 0.6.0

package/dist/Card.svelte

@@ -9,6 +9,8 @@
 		action?: boolean;
 		compact?: boolean;
 		tone?: Tone;
+		/** How far the surface lifts: `sm` a whisper, `md` the eased default, `lg` a pronounced shadow. */
+		depthStrength?: "sm" | "md" | "lg";
 		header?: Snippet;
 		footer?: Snippet;
 		children?: Snippet;
@@ -16,10 +18,10 @@
 		[key: string]: unknown;
 	}
 
-	let { overlay = false, interactive = false, action = false, compact = false, tone, header, footer, children, ...rest }: Props = $props();
+	let { overlay = false, interactive = false, action = false, compact = false, tone, depthStrength, header, footer, children, ...rest }: Props = $props();
 </script>
 
-<xtyle-card {...rest} overlay={overlay || undefined} interactive={interactive || undefined} action={action || undefined} compact={compact || undefined} {tone}>
+<xtyle-card {...rest} overlay={overlay || undefined} interactive={interactive || undefined} action={action || undefined} compact={compact || undefined} {tone} depth-strength={depthStrength}>
 	{#if header}<span slot="header">{@render header()}</span>{/if}
 	{@render children?.()}
 	{#if footer}<span slot="footer">{@render footer()}</span>{/if}

package/dist/Card.svelte.d.ts

@@ -7,6 +7,8 @@ interface Props {
     action?: boolean;
     compact?: boolean;
     tone?: Tone;
+    /** How far the surface lifts: `sm` a whisper, `md` the eased default, `lg` a pronounced shadow. */
+    depthStrength?: "sm" | "md" | "lg";
     header?: Snippet;
     footer?: Snippet;
     children?: Snippet;

package/dist/Empty.svelte

@@ -0,0 +1,16 @@
+<script lang="ts">
+	import "./register.js";
+	import type { Snippet } from "svelte";
+
+	interface Props {
+		children?: Snippet;
+		/** Any other attribute (`title`, `id`, `data-*`, `aria-*`, …) passes through to the element. */
+		[key: string]: unknown;
+	}
+
+	let { children, ...rest }: Props = $props();
+</script>
+
+<xtyle-empty {...rest}>
+	{@render children?.()}
+</xtyle-empty>

package/dist/Empty.svelte.d.ts

@@ -0,0 +1,10 @@
+import "./register.js";
+import type { Snippet } from "svelte";
+interface Props {
+    children?: Snippet;
+    /** Any other attribute (`title`, `id`, `data-*`, `aria-*`, …) passes through to the element. */
+    [key: string]: unknown;
+}
+declare const Empty: import("svelte").Component<Props, {}, "">;
+type Empty = ReturnType<typeof Empty>;
+export default Empty;

package/dist/Image.svelte

@@ -4,6 +4,7 @@
 	type ImageFit = "cover" | "contain";
 	type ImageRadius = "none" | "sm" | "md" | "lg";
 	type ImageLoading = "lazy" | "eager";
+	type ImageTrigger = "frame" | "button";
 
 	interface Props {
 		src?: string;
@@ -13,6 +14,7 @@
 		radius?: ImageRadius;
 		loading?: ImageLoading;
 		lightbox?: boolean;
+		trigger?: ImageTrigger;
 		caption?: string;
 		/** Any other attribute (`title`, `id`, `data-*`, `aria-*`, …) passes through to the element. */
 		[key: string]: unknown;
@@ -26,6 +28,7 @@
 		radius = "md",
 		loading = "lazy",
 		lightbox = false,
+		trigger = "frame",
 		caption,
 		...rest
 	}: Props = $props();
@@ -41,4 +44,5 @@
 	{loading}
 	{caption}
 	lightbox={lightbox ? "" : undefined}
+	trigger={trigger === "button" ? "button" : undefined}
 ></xtyle-image>

package/dist/Image.svelte.d.ts

@@ -2,6 +2,7 @@ import "./register.js";
 type ImageFit = "cover" | "contain";
 type ImageRadius = "none" | "sm" | "md" | "lg";
 type ImageLoading = "lazy" | "eager";
+type ImageTrigger = "frame" | "button";
 interface Props {
     src?: string;
     alt?: string;
@@ -10,6 +11,7 @@ interface Props {
     radius?: ImageRadius;
     loading?: ImageLoading;
     lightbox?: boolean;
+    trigger?: ImageTrigger;
     caption?: string;
     /** Any other attribute (`title`, `id`, `data-*`, `aria-*`, …) passes through to the element. */
     [key: string]: unknown;

package/dist/Progress.svelte

@@ -1,10 +1,11 @@
 <script lang="ts">
 	import "./register.js";
 	import type { Snippet } from "svelte";
-	import type { FullTone as Tone } from "@xtyle/core";
+	import type { FullTone as Tone, RampScheme } from "@xtyle/core";
 
 	type ProgressVariant = "linear" | "circular";
 	type ProgressSize = "sm" | "md" | "lg";
+	type ProgressRampMode = "solid" | "gradient";
 
 	interface Props {
 		variant?: ProgressVariant;
@@ -17,12 +18,21 @@
 		showValue?: boolean;
 		/** How `showValue` reads: `percent` (`80%`), `value` (the raw number), or `value-max` (`80/100`). */
 		valueFormat?: "percent" | "value" | "value-max";
+		/** A unit appended to the `value` / `value-max` readout (e.g. `GB`); the `percent` format ignores it. */
+		unit?: string;
 		/** Where the `showValue` readout sits: after the bar (`end`) or laid over the fill (`inset`). */
 		valuePosition?: "end" | "inset";
 		/** Tint the `showValue` readout with the active tone. */
 		colorizeValue?: boolean;
 		/** Report `role="meter"` (a capacity measurement) instead of `role="progressbar"` (a task). */
 		meter?: boolean;
+		/** Color the fill by its own value along a ramp instead of a flat `tone`: a built-in scheme
+		 * (`accent` / `thermal` / `status`) or an explicit list of stop colors. */
+		ramp?: RampScheme | string[];
+		/** How a `ramp` paints: `solid` (one sampled color) or `gradient` (a pure-CSS sweep, linear only). */
+		rampMode?: ProgressRampMode;
+		/** Flip the ramp end for end (hot-to-cold). */
+		reverse?: boolean;
 		ariaLabel?: string;
 		children?: Snippet;
 		/** Any other attribute (`title`, `id`, `data-*`, `aria-*`, …) passes through to the element. */
@@ -39,9 +49,13 @@
 		indeterminate = false,
 		showValue = false,
 		valueFormat = "percent",
+		unit,
 		valuePosition = "end",
 		colorizeValue = false,
 		meter = false,
+		ramp,
+		rampMode = "solid",
+		reverse = false,
 		ariaLabel,
 		children,
 		...rest
@@ -59,6 +73,7 @@
 	indeterminate={indeterminate || undefined}
 	show-value={showValue || undefined}
 	value-format={valueFormat !== "percent" ? valueFormat : undefined}
+	unit={unit || undefined}
 	value-position={valuePosition !== "end" ? valuePosition : undefined}
 	colorize-value={colorizeValue || undefined}
 	meter={meter || undefined}

package/dist/Progress.svelte.d.ts

@@ -1,8 +1,9 @@
 import "./register.js";
 import type { Snippet } from "svelte";
-import type { FullTone as Tone } from "@xtyle/core";
+import type { FullTone as Tone, RampScheme } from "@xtyle/core";
 type ProgressVariant = "linear" | "circular";
 type ProgressSize = "sm" | "md" | "lg";
+type ProgressRampMode = "solid" | "gradient";
 interface Props {
     variant?: ProgressVariant;
     tone?: Tone;
@@ -14,12 +15,21 @@ interface Props {
     showValue?: boolean;
     /** How `showValue` reads: `percent` (`80%`), `value` (the raw number), or `value-max` (`80/100`). */
     valueFormat?: "percent" | "value" | "value-max";
+    /** A unit appended to the `value` / `value-max` readout (e.g. `GB`); the `percent` format ignores it. */
+    unit?: string;
     /** Where the `showValue` readout sits: after the bar (`end`) or laid over the fill (`inset`). */
     valuePosition?: "end" | "inset";
     /** Tint the `showValue` readout with the active tone. */
     colorizeValue?: boolean;
     /** Report `role="meter"` (a capacity measurement) instead of `role="progressbar"` (a task). */
     meter?: boolean;
+    /** Color the fill by its own value along a ramp instead of a flat `tone`: a built-in scheme
+     * (`accent` / `thermal` / `status`) or an explicit list of stop colors. */
+    ramp?: RampScheme | string[];
+    /** How a `ramp` paints: `solid` (one sampled color) or `gradient` (a pure-CSS sweep, linear only). */
+    rampMode?: ProgressRampMode;
+    /** Flip the ramp end for end (hot-to-cold). */
+    reverse?: boolean;
     ariaLabel?: string;
     children?: Snippet;
     /** Any other attribute (`title`, `id`, `data-*`, `aria-*`, …) passes through to the element. */

package/dist/Rating.svelte

@@ -0,0 +1,41 @@
+<script lang="ts">
+	import "./register.js";
+	import type { Size } from "@xtyle/core";
+
+	interface Props {
+		value?: number;
+		max?: number;
+		size?: Size;
+		/** The icon to rate with: `star` (default), any functional glyph, or a mark spec (`taco--…`). */
+		icon?: string;
+		/** Read-only display (fixed, fractional). Omit for an interactive slider (focusable, click / keys). */
+		readonly?: boolean;
+		/** Snap interactive input to half steps. */
+		allowHalf?: boolean;
+		/** The series scheme a colorful mark draws its palette from. */
+		colors?: string;
+		/** Fill tone for a monochrome icon: a register hue (`accent`, `success`, `red`, …). */
+		tone?: string;
+		/** Form field name; when set, the value posts through a hidden input. */
+		name?: string;
+		/** Accessible label (also the no-JS fallback text). */
+		label?: string;
+		/** Any other attribute (`title`, `id`, `data-*`, …) passes through to the element. */
+		[key: string]: unknown;
+	}
+
+	let { value = 0, max = 5, size, icon, readonly, allowHalf, colors, tone, name, label, ...rest }: Props = $props();
+</script>
+
+<xtyle-rating
+	{...rest}
+	value={value}
+	max={max}
+	{size}
+	{icon}
+	{colors}
+	{tone}
+	{name}
+	{label}
+	readonly={readonly || undefined}
+	allowhalf={allowHalf || undefined}>{label ?? `${value} out of ${max} stars`}</xtyle-rating>

package/dist/Rating.svelte.d.ts

@@ -0,0 +1,26 @@
+import "./register.js";
+import type { Size } from "@xtyle/core";
+interface Props {
+    value?: number;
+    max?: number;
+    size?: Size;
+    /** The icon to rate with: `star` (default), any functional glyph, or a mark spec (`taco--…`). */
+    icon?: string;
+    /** Read-only display (fixed, fractional). Omit for an interactive slider (focusable, click / keys). */
+    readonly?: boolean;
+    /** Snap interactive input to half steps. */
+    allowHalf?: boolean;
+    /** The series scheme a colorful mark draws its palette from. */
+    colors?: string;
+    /** Fill tone for a monochrome icon: a register hue (`accent`, `success`, `red`, …). */
+    tone?: string;
+    /** Form field name; when set, the value posts through a hidden input. */
+    name?: string;
+    /** Accessible label (also the no-JS fallback text). */
+    label?: string;
+    /** Any other attribute (`title`, `id`, `data-*`, …) passes through to the element. */
+    [key: string]: unknown;
+}
+declare const Rating: import("svelte").Component<Props, {}, "">;
+type Rating = ReturnType<typeof Rating>;
+export default Rating;

package/dist/Sparkline.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
 	import "./register.js";
-	import type { SparklineVariant, SparklineTone, TimeSample } from "@xtyle/core";
+	import type { SparklineVariant, SparklineTone, SparklineBounds, TimeSample } from "@xtyle/core";
 
 	interface Props {
 		values?: number[];

package/dist/Steps.svelte

@@ -0,0 +1,18 @@
+<script lang="ts">
+	import "./register.js";
+	import type { Snippet } from "svelte";
+
+	interface Props {
+		/** Zero-based index of the current step. */
+		current?: number;
+		children?: Snippet;
+		/** Any other attribute (`title`, `id`, `data-*`, `aria-*`, …) passes through to the element. */
+		[key: string]: unknown;
+	}
+
+	let { current = 0, children, ...rest }: Props = $props();
+</script>
+
+<xtyle-steps {...rest} current={current}>
+	{@render children?.()}
+</xtyle-steps>

package/dist/Steps.svelte.d.ts

@@ -0,0 +1,12 @@
+import "./register.js";
+import type { Snippet } from "svelte";
+interface Props {
+    /** Zero-based index of the current step. */
+    current?: number;
+    children?: Snippet;
+    /** Any other attribute (`title`, `id`, `data-*`, `aria-*`, …) passes through to the element. */
+    [key: string]: unknown;
+}
+declare const Steps: import("svelte").Component<Props, {}, "">;
+type Steps = ReturnType<typeof Steps>;
+export default Steps;

package/dist/Timeline.svelte

@@ -0,0 +1,16 @@
+<script lang="ts">
+	import "./register.js";
+	import type { Snippet } from "svelte";
+
+	interface Props {
+		children?: Snippet;
+		/** Any other attribute (`title`, `id`, `data-*`, `aria-*`, …) passes through to the element. */
+		[key: string]: unknown;
+	}
+
+	let { children, ...rest }: Props = $props();
+</script>
+
+<xtyle-timeline {...rest}>
+	{@render children?.()}
+</xtyle-timeline>

package/dist/Timeline.svelte.d.ts

@@ -0,0 +1,10 @@
+import "./register.js";
+import type { Snippet } from "svelte";
+interface Props {
+    children?: Snippet;
+    /** Any other attribute (`title`, `id`, `data-*`, `aria-*`, …) passes through to the element. */
+    [key: string]: unknown;
+}
+declare const Timeline: import("svelte").Component<Props, {}, "">;
+type Timeline = ReturnType<typeof Timeline>;
+export default Timeline;

package/dist/index.d.ts

@@ -33,6 +33,10 @@ export { default as Skeleton } from "./Skeleton.svelte";
 export { default as Dialog } from "./Dialog.svelte";
 export { default as Toast } from "./Toast.svelte";
 export { default as Table } from "./Table.svelte";
+export { default as Timeline } from "./Timeline.svelte";
+export { default as Steps } from "./Steps.svelte";
+export { default as Rating } from "./Rating.svelte";
+export { default as Empty } from "./Empty.svelte";
 export { default as Progress } from "./Progress.svelte";
 export { default as Slider } from "./Slider.svelte";
 export { default as ColorPicker } from "./ColorPicker.svelte";
@@ -62,4 +66,4 @@ export { default as Splitter } from "./Splitter.svelte";
 export { default as Code } from "./Code.svelte";
 export { default as Pagination } from "./Pagination.svelte";
 export { default as DockZone } from "./DockZone.svelte";
-export { XtyleButton, XtyleField, XtyleCard, XtyleBadge, XtyleSwitch, XtyleAlert, XtyleLink, XtyleAppShell, XtyleToolbar, XtyleDock, XtylePanel, XtyleStatusbar, XtyleCheckbox, XtyleCheckboxGroup, XtyleRadio, XtyleRadioGroup, XtyleSelect, XtyleTextarea, XtyleFormGroup, XtyleHeading, XtyleText, XtyleSeparator, XtyleStack, XtyleCluster, XtyleGrid, XtyleSpinner, XtyleAvatar, XtyleAvatarGroup, XtyleTooltip, XtyleTabs, XtyleBreadcrumb, XtyleSkeleton, XtyleDialog, XtyleToast, XtyleTable, XtyleProgress, XtyleSlider, XtyleColorPicker, XtyleNumberInput, XtyleSegmented, XtyleAccordion, XtyleTree, XtyleStat, XtyleBar, XtylePie, XtyleSparkline, XtyleHeatmap, XtyleSection, XtyleEyebrow, XtyleCardLink, XtyleToc, XtyleKbd, XtyleIcon, XtyleImage, XtyleCarousel, XtyleParallax, XtyleHero, XtyleSwatch, XtyleMenu, XtyleSplitter, XtyleCode, XtylePagination, XtyleDockZone, } from "./register.js";
+export { XtyleButton, XtyleField, XtyleCard, XtyleBadge, XtyleSwitch, XtyleAlert, XtyleLink, XtyleAppShell, XtyleToolbar, XtyleDock, XtylePanel, XtyleStatusbar, XtyleCheckbox, XtyleCheckboxGroup, XtyleRadio, XtyleRadioGroup, XtyleSelect, XtyleTextarea, XtyleFormGroup, XtyleHeading, XtyleText, XtyleSeparator, XtyleStack, XtyleCluster, XtyleGrid, XtyleSpinner, XtyleAvatar, XtyleAvatarGroup, XtyleTooltip, XtyleTabs, XtyleBreadcrumb, XtyleSkeleton, XtyleDialog, XtyleToast, XtyleTable, XtyleTimeline, XtyleSteps, XtyleRating, XtyleEmpty, XtyleProgress, XtyleSlider, XtyleColorPicker, XtyleNumberInput, XtyleSegmented, XtyleAccordion, XtyleTree, XtyleStat, XtyleBar, XtylePie, XtyleSparkline, XtyleHeatmap, XtyleSection, XtyleEyebrow, XtyleCardLink, XtyleToc, XtyleKbd, XtyleIcon, XtyleImage, XtyleCarousel, XtyleParallax, XtyleHero, XtyleSwatch, XtyleMenu, XtyleSplitter, XtyleCode, XtylePagination, XtyleDockZone, } from "./register.js";

package/dist/index.js

@@ -33,6 +33,10 @@ export { default as Skeleton } from "./Skeleton.svelte";
 export { default as Dialog } from "./Dialog.svelte";
 export { default as Toast } from "./Toast.svelte";
 export { default as Table } from "./Table.svelte";
+export { default as Timeline } from "./Timeline.svelte";
+export { default as Steps } from "./Steps.svelte";
+export { default as Rating } from "./Rating.svelte";
+export { default as Empty } from "./Empty.svelte";
 export { default as Progress } from "./Progress.svelte";
 export { default as Slider } from "./Slider.svelte";
 export { default as ColorPicker } from "./ColorPicker.svelte";
@@ -62,4 +66,4 @@ export { default as Splitter } from "./Splitter.svelte";
 export { default as Code } from "./Code.svelte";
 export { default as Pagination } from "./Pagination.svelte";
 export { default as DockZone } from "./DockZone.svelte";
-export { XtyleButton, XtyleField, XtyleCard, XtyleBadge, XtyleSwitch, XtyleAlert, XtyleLink, XtyleAppShell, XtyleToolbar, XtyleDock, XtylePanel, XtyleStatusbar, XtyleCheckbox, XtyleCheckboxGroup, XtyleRadio, XtyleRadioGroup, XtyleSelect, XtyleTextarea, XtyleFormGroup, XtyleHeading, XtyleText, XtyleSeparator, XtyleStack, XtyleCluster, XtyleGrid, XtyleSpinner, XtyleAvatar, XtyleAvatarGroup, XtyleTooltip, XtyleTabs, XtyleBreadcrumb, XtyleSkeleton, XtyleDialog, XtyleToast, XtyleTable, XtyleProgress, XtyleSlider, XtyleColorPicker, XtyleNumberInput, XtyleSegmented, XtyleAccordion, XtyleTree, XtyleStat, XtyleBar, XtylePie, XtyleSparkline, XtyleHeatmap, XtyleSection, XtyleEyebrow, XtyleCardLink, XtyleToc, XtyleKbd, XtyleIcon, XtyleImage, XtyleCarousel, XtyleParallax, XtyleHero, XtyleSwatch, XtyleMenu, XtyleSplitter, XtyleCode, XtylePagination, XtyleDockZone, } from "./register.js";
+export { XtyleButton, XtyleField, XtyleCard, XtyleBadge, XtyleSwitch, XtyleAlert, XtyleLink, XtyleAppShell, XtyleToolbar, XtyleDock, XtylePanel, XtyleStatusbar, XtyleCheckbox, XtyleCheckboxGroup, XtyleRadio, XtyleRadioGroup, XtyleSelect, XtyleTextarea, XtyleFormGroup, XtyleHeading, XtyleText, XtyleSeparator, XtyleStack, XtyleCluster, XtyleGrid, XtyleSpinner, XtyleAvatar, XtyleAvatarGroup, XtyleTooltip, XtyleTabs, XtyleBreadcrumb, XtyleSkeleton, XtyleDialog, XtyleToast, XtyleTable, XtyleTimeline, XtyleSteps, XtyleRating, XtyleEmpty, XtyleProgress, XtyleSlider, XtyleColorPicker, XtyleNumberInput, XtyleSegmented, XtyleAccordion, XtyleTree, XtyleStat, XtyleBar, XtylePie, XtyleSparkline, XtyleHeatmap, XtyleSection, XtyleEyebrow, XtyleCardLink, XtyleToc, XtyleKbd, XtyleIcon, XtyleImage, XtyleCarousel, XtyleParallax, XtyleHero, XtyleSwatch, XtyleMenu, XtyleSplitter, XtyleCode, XtylePagination, XtyleDockZone, } from "./register.js";

package/dist/register.d.ts

@@ -1,2 +1,2 @@
-export { XtyleButton, XtyleField, XtyleCard, XtyleBadge, XtyleSwitch, XtyleAlert, XtyleLink, XtyleAppShell, XtyleToolbar, XtyleDock, XtylePanel, XtyleStatusbar, XtyleCheckbox, XtyleCheckboxGroup, XtyleRadio, XtyleRadioGroup, XtyleSelect, XtyleTextarea, XtyleFormGroup, XtyleHeading, XtyleText, XtyleSeparator, XtyleStack, XtyleCluster, XtyleGrid, XtyleSpinner, XtyleAvatar, XtyleAvatarGroup, XtyleTooltip, XtyleTabs, XtyleBreadcrumb, XtyleSkeleton, XtyleDialog, XtyleToast, XtyleTable, XtyleProgress, XtyleSlider, XtyleColorPicker, XtyleNumberInput, XtyleSegmented, XtyleAccordion, XtyleTree, XtyleStat, XtyleBar, XtylePie, XtyleSparkline, XtyleHeatmap, XtyleSection, XtyleEyebrow, XtyleCardLink, XtyleToc, XtyleKbd, XtyleIcon, XtyleImage, XtyleCarousel, XtyleParallax, XtyleHero, XtyleSwatch, XtyleMenu, XtyleSplitter, XtyleCode, XtylePagination, XtyleDockZone, } from "@xtyle/core/elements";
+export { XtyleButton, XtyleField, XtyleCard, XtyleBadge, XtyleSwitch, XtyleAlert, XtyleLink, XtyleAppShell, XtyleToolbar, XtyleDock, XtylePanel, XtyleStatusbar, XtyleCheckbox, XtyleCheckboxGroup, XtyleRadio, XtyleRadioGroup, XtyleSelect, XtyleTextarea, XtyleFormGroup, XtyleHeading, XtyleText, XtyleSeparator, XtyleStack, XtyleCluster, XtyleGrid, XtyleSpinner, XtyleAvatar, XtyleAvatarGroup, XtyleTooltip, XtyleTabs, XtyleBreadcrumb, XtyleSkeleton, XtyleDialog, XtyleToast, XtyleTable, XtyleTimeline, XtyleSteps, XtyleRating, XtyleEmpty, XtyleProgress, XtyleSlider, XtyleColorPicker, XtyleNumberInput, XtyleSegmented, XtyleAccordion, XtyleTree, XtyleStat, XtyleBar, XtylePie, XtyleSparkline, XtyleHeatmap, XtyleSection, XtyleEyebrow, XtyleCardLink, XtyleToc, XtyleKbd, XtyleIcon, XtyleImage, XtyleCarousel, XtyleParallax, XtyleHero, XtyleSwatch, XtyleMenu, XtyleSplitter, XtyleCode, XtylePagination, XtyleDockZone, } from "@xtyle/core/elements";
 import "@xtyle/core/elements";

package/dist/register.js

@@ -1,2 +1,2 @@
-export { XtyleButton, XtyleField, XtyleCard, XtyleBadge, XtyleSwitch, XtyleAlert, XtyleLink, XtyleAppShell, XtyleToolbar, XtyleDock, XtylePanel, XtyleStatusbar, XtyleCheckbox, XtyleCheckboxGroup, XtyleRadio, XtyleRadioGroup, XtyleSelect, XtyleTextarea, XtyleFormGroup, XtyleHeading, XtyleText, XtyleSeparator, XtyleStack, XtyleCluster, XtyleGrid, XtyleSpinner, XtyleAvatar, XtyleAvatarGroup, XtyleTooltip, XtyleTabs, XtyleBreadcrumb, XtyleSkeleton, XtyleDialog, XtyleToast, XtyleTable, XtyleProgress, XtyleSlider, XtyleColorPicker, XtyleNumberInput, XtyleSegmented, XtyleAccordion, XtyleTree, XtyleStat, XtyleBar, XtylePie, XtyleSparkline, XtyleHeatmap, XtyleSection, XtyleEyebrow, XtyleCardLink, XtyleToc, XtyleKbd, XtyleIcon, XtyleImage, XtyleCarousel, XtyleParallax, XtyleHero, XtyleSwatch, XtyleMenu, XtyleSplitter, XtyleCode, XtylePagination, XtyleDockZone, } from "@xtyle/core/elements";
+export { XtyleButton, XtyleField, XtyleCard, XtyleBadge, XtyleSwitch, XtyleAlert, XtyleLink, XtyleAppShell, XtyleToolbar, XtyleDock, XtylePanel, XtyleStatusbar, XtyleCheckbox, XtyleCheckboxGroup, XtyleRadio, XtyleRadioGroup, XtyleSelect, XtyleTextarea, XtyleFormGroup, XtyleHeading, XtyleText, XtyleSeparator, XtyleStack, XtyleCluster, XtyleGrid, XtyleSpinner, XtyleAvatar, XtyleAvatarGroup, XtyleTooltip, XtyleTabs, XtyleBreadcrumb, XtyleSkeleton, XtyleDialog, XtyleToast, XtyleTable, XtyleTimeline, XtyleSteps, XtyleRating, XtyleEmpty, XtyleProgress, XtyleSlider, XtyleColorPicker, XtyleNumberInput, XtyleSegmented, XtyleAccordion, XtyleTree, XtyleStat, XtyleBar, XtylePie, XtyleSparkline, XtyleHeatmap, XtyleSection, XtyleEyebrow, XtyleCardLink, XtyleToc, XtyleKbd, XtyleIcon, XtyleImage, XtyleCarousel, XtyleParallax, XtyleHero, XtyleSwatch, XtyleMenu, XtyleSplitter, XtyleCode, XtylePagination, XtyleDockZone, } from "@xtyle/core/elements";
 import "@xtyle/core/elements";

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@xtyle/svelte",
-	"version": "0.5.0",
+	"version": "0.6.0",
 	"description": "Thin Svelte wrappers over the @xtyle/core/elements custom elements.",
 	"type": "module",
 	"license": "MIT",
@@ -21,7 +21,7 @@
 		"build": "svelte-package -i src -o dist"
 	},
 	"dependencies": {
-		"@xtyle/core": "^0.5.0"
+		"@xtyle/core": "^0.6.0"
 	},
 	"peerDependencies": {
 		"svelte": "^5.0.0"