@skeletonlabs/skeleton-svelte 1.6.0-next.0 → 2.0.0-next.2

package/dist/components/tabs/modules/tabs-root-context.d.ts

@@ -0,0 +1,9 @@
+import type { Api } from '@zag-js/tabs';
+export interface TabsRootContextType {
+    api: Api;
+}
+export declare const TabsRootContext: {
+    key: symbol;
+    consume(): TabsRootContextType;
+    provide(value: TabsRootContextType): TabsRootContextType;
+};

package/dist/components/tabs/modules/tabs-root-context.js

@@ -0,0 +1,2 @@
+import { createContext } from '../../../internal/create-context.js';
+export const TabsRootContext = createContext();

package/dist/index.css

@@ -0,0 +1,2 @@
+@import '@skeletonlabs/skeleton-common';
+@source './';

package/dist/index.d.ts

@@ -1,21 +1,4 @@
-export { default as Accordion } from './components/Accordion/index.js';
-export { default as AppBar } from './components/AppBar/AppBar.svelte';
-export { default as Avatar } from './components/Avatar/Avatar.svelte';
-export { default as FileUpload } from './components/FileUpload/FileUpload.svelte';
-export { default as Pagination } from './components/Pagination/Pagination.svelte';
-export { default as Progress } from './components/Progress/Progress.svelte';
-export { default as ProgressRing } from './components/ProgressRing/ProgressRing.svelte';
-export { default as Navigation } from './components/Navigation/index.js';
-export { default as Segment } from './components/Segment/index.js';
-export { default as Slider } from './components/Slider/Slider.svelte';
-export { default as Switch } from './components/Switch/Switch.svelte';
-export { default as Tabs } from './components/Tabs/index.js';
-export { default as TagsInput } from './components/TagsInput/TagsInput.svelte';
-export { default as Toaster } from './components/Toast/Toaster.svelte';
-export { createToaster } from './components/Toast/create-toaster.js';
-export { default as Rating } from './components/Rating/index.js';
-export type { FileUploadApi } from './components/FileUpload/types.js';
-export { default as Combobox } from './components/Combobox/Combobox.svelte';
-export { default as Popover } from './components/Popover/Popover.svelte';
-export { default as Tooltip } from './components/Tooltip/Tooltip.svelte';
-export { default as Modal } from './components/Modal/Modal.svelte';
+export * from './components/accordion/index.js';
+export * from './components/avatar/index.js';
+export * from './components/rating-group/index.js';
+export * from './components/tabs/index.js';

package/dist/index.js

@@ -1,29 +1,4 @@
-// Exports for skeleton-svelte package
-// REMINDER
-// Do not export parent/child components. Use the dot-notation composition pattern:
-// https://skeleton.dev/docs/resources/contribute/components#dot-notation-syntax
-// (See Accordion, Nav, and Tabs for examples)
-// Components
-export { default as Accordion } from './components/Accordion/index.js';
-export { default as AppBar } from './components/AppBar/AppBar.svelte';
-export { default as Avatar } from './components/Avatar/Avatar.svelte';
-export { default as FileUpload } from './components/FileUpload/FileUpload.svelte';
-export { default as Pagination } from './components/Pagination/Pagination.svelte';
-export { default as Progress } from './components/Progress/Progress.svelte';
-export { default as ProgressRing } from './components/ProgressRing/ProgressRing.svelte';
-export { default as Navigation } from './components/Navigation/index.js';
-export { default as Segment } from './components/Segment/index.js';
-export { default as Slider } from './components/Slider/Slider.svelte';
-export { default as Switch } from './components/Switch/Switch.svelte';
-export { default as Tabs } from './components/Tabs/index.js';
-export { default as TagsInput } from './components/TagsInput/TagsInput.svelte';
-export { default as Toaster } from './components/Toast/Toaster.svelte';
-export { createToaster } from './components/Toast/create-toaster.js';
-export { default as Rating } from './components/Rating/index.js';
-// Temporary Features ---
-// The following will be removed or replaced in the future.
-// Popvers
-export { default as Combobox } from './components/Combobox/Combobox.svelte';
-export { default as Popover } from './components/Popover/Popover.svelte';
-export { default as Tooltip } from './components/Tooltip/Tooltip.svelte';
-export { default as Modal } from './components/Modal/Modal.svelte';
+export * from './components/accordion/index.js';
+export * from './components/avatar/index.js';
+export * from './components/rating-group/index.js';
+export * from './components/tabs/index.js';

package/dist/internal/components/star-empty.svelte

@@ -0,0 +1,12 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24" fill="none" stroke="currentColor" stroke-width="1.5">
+	<path
+		stroke-linecap="round"
+		stroke-linejoin="round"
+		d="M11.48 3.499a.562.562 0 0 1 1.04 0l2.125 5.111a.563.563 0 0 0 .475.345
+       l5.518.442c.499.04.701.663.321.988l-4.204 3.602a.563.563 0 0 0-.182.557
+       l1.285 5.385a.562.562 0 0 1-.84.61l-4.725-2.885a.562.562 0 0 0-.586 0
+       L6.982 20.54a.562.562 0 0 1-.84-.61l1.285-5.386a.562.562 0 0 0-.182-.557
+       l-4.204-3.602a.562.562 0 0 1 .321-.988l5.518-.442a.563.563 0 0 0 .475-.345
+       L11.48 3.5Z"
+	/>
+</svg>

package/dist/internal/components/star-empty.svelte.d.ts

@@ -0,0 +1,26 @@
+export default StarEmpty;
+type StarEmpty = SvelteComponent<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}> & {
+    $$bindings?: string | undefined;
+};
+declare const StarEmpty: $$__sveltets_2_IsomorphicComponent<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+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: {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}

package/dist/internal/components/star-full.svelte

@@ -0,0 +1,12 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24" fill="currentColor">
+	<path
+		fill-rule="evenodd"
+		clip-rule="evenodd"
+		d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 
+       5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 
+       1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 
+       7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273 
+       -4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 
+       2.082-5.005Z"
+	/>
+</svg>

package/dist/internal/components/star-full.svelte.d.ts

@@ -0,0 +1,26 @@
+export default StarFull;
+type StarFull = SvelteComponent<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}> & {
+    $$bindings?: string | undefined;
+};
+declare const StarFull: $$__sveltets_2_IsomorphicComponent<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+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: {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}

package/dist/internal/components/star-half.svelte

@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24" fill="none" stroke="currentColor" stroke-width="1.5">
+	<defs>
+		<linearGradient id="half-fill" x1="0%" y1="0%" x2="100%" y2="0%">
+			<stop offset="50%" stop-color="currentColor" />
+			<stop offset="50%" stop-color="transparent" />
+		</linearGradient>
+	</defs>
+	<path
+		fill="url(#half-fill)"
+		stroke-linecap="round"
+		stroke-linejoin="round"
+		d="M11.48 3.499a.562.562 0 0 1 1.04 0l2.125 5.111a.563.563 0 0 0 .475.345
+       l5.518.442c.499.04.701.663.321.988l-4.204 3.602a.563.563 0 0 0-.182.557
+       l1.285 5.385a.562.562 0 0 1-.84.61l-4.725-2.885a.562.562 0 0 0-.586 0
+       L6.982 20.54a.562.562 0 0 1-.84-.61l1.285-5.386a.562.562 0 0 0-.182-.557
+       l-4.204-3.602a.562.562 0 0 1 .321-.988l5.518-.442a.563.563 0 0 0 .475-.345
+       L11.48 3.5Z"
+	/>
+</svg>

package/dist/internal/components/star-half.svelte.d.ts

@@ -0,0 +1,26 @@
+export default StarHalf;
+type StarHalf = SvelteComponent<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}> & {
+    $$bindings?: string | undefined;
+};
+declare const StarHalf: $$__sveltets_2_IsomorphicComponent<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+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: {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}

package/dist/internal/create-context.d.ts

@@ -1,6 +1,5 @@
-/**
- * Create a context with a default value
- * @param defaultValue The default value that will be returned if the context is not set
- * @returns [set, get, key] The setter, getter and key for the context, the getter returns the default value if the context is not set
- */
-export declare function createContext<T>(defaultValue: T): readonly [(value: T) => T, () => T, symbol];
+export declare function createContext<T>(): {
+    key: symbol;
+    consume(): T;
+    provide(value: T): T;
+};

package/dist/internal/create-context.js

@@ -1,12 +1,13 @@
 import { getContext, setContext } from 'svelte';
-/**
- * Create a context with a default value
- * @param defaultValue The default value that will be returned if the context is not set
- * @returns [set, get, key] The setter, getter and key for the context, the getter returns the default value if the context is not set
- */
-export function createContext(defaultValue) {
+export function createContext() {
     const key = Symbol();
-    const set = (value) => setContext(key, value);
-    const get = () => getContext(key) ?? defaultValue;
-    return [set, get, key];
+    return {
+        key: key,
+        consume() {
+            return getContext(key);
+        },
+        provide(value) {
+            return setContext(key, value);
+        }
+    };
 }

package/dist/internal/props-with-element.d.ts

@@ -1,5 +1,8 @@
 import type { Snippet } from 'svelte';
 interface PropsWithElement {
+    /**
+     * Render the element yourself
+     */
     element?: Snippet<[{
         attributes: Record<string, unknown>;
     }]>;

package/package.json

@@ -1,67 +1,58 @@
 {
   "name": "@skeletonlabs/skeleton-svelte",
-  "version": "1.6.0-next.0",
+  "version": "2.0.0-next.2",
   "description": "The Svelte package for Skeleton.",
   "author": "endigo9740 <chris@skeletonlabs.dev>",
   "types": "./dist/index.d.ts",
   "exports": {
     ".": {
+      "style": "./dist/index.css",
       "types": "./dist/index.d.ts",
       "svelte": "./dist/index.js",
       "default": "./dist/index.js"
-    },
-    "./composed": {
-      "types": "./dist/composed/index.d.ts",
-      "svelte": "./dist/composed/index.js",
-      "default": "./dist/composed/index.js"
     }
   },
   "files": [
-    "dist",
-    "!dist/**/*.test.*"
+    "dist"
   ],
   "dependencies": {
-    "@zag-js/accordion": "^1.18.3",
-    "@zag-js/avatar": "^1.18.3",
-    "@zag-js/combobox": "^1.18.3",
-    "@zag-js/dialog": "^1.18.3",
-    "@zag-js/file-upload": "^1.18.3",
-    "@zag-js/pagination": "^1.18.3",
-    "@zag-js/popover": "^1.18.3",
-    "@zag-js/progress": "^1.18.3",
-    "@zag-js/radio-group": "^1.18.3",
-    "@zag-js/rating-group": "^1.18.3",
-    "@zag-js/slider": "^1.18.3",
-    "@zag-js/svelte": "^1.18.3",
-    "@zag-js/switch": "^1.18.3",
-    "@zag-js/tabs": "^1.18.3",
-    "@zag-js/tags-input": "^1.18.3",
-    "@zag-js/toast": "^1.18.3",
-    "@zag-js/tooltip": "^1.18.3",
-    "@skeletonlabs/skeleton-common": "0.0.1-next.0"
+    "@zag-js/accordion": "^1.22.1",
+    "@zag-js/avatar": "^1.22.1",
+    "@zag-js/combobox": "^1.22.1",
+    "@zag-js/dialog": "^1.22.1",
+    "@zag-js/file-upload": "^1.22.1",
+    "@zag-js/pagination": "^1.22.1",
+    "@zag-js/popover": "^1.22.1",
+    "@zag-js/progress": "^1.22.1",
+    "@zag-js/radio-group": "^1.22.1",
+    "@zag-js/rating-group": "^1.22.1",
+    "@zag-js/slider": "^1.22.1",
+    "@zag-js/svelte": "^1.22.1",
+    "@zag-js/switch": "^1.22.1",
+    "@zag-js/tabs": "^1.22.1",
+    "@zag-js/tags-input": "^1.22.1",
+    "@zag-js/toast": "^1.22.1",
+    "@zag-js/tooltip": "^1.22.1",
+    "@skeletonlabs/skeleton-common": "1.0.0-next.2"
   },
   "peerDependencies": {
     "svelte": "^5.20.0"
   },
   "devDependencies": {
-    "@sveltejs/adapter-auto": "^6.0.1",
-    "@sveltejs/kit": "^2.24.0",
-    "@sveltejs/package": "^2.4.0",
-    "@sveltejs/vite-plugin-svelte": "^6.1.0",
-    "@tailwindcss/forms": "^0.5.10",
-    "@tailwindcss/vite": "^4.1.11",
-    "@testing-library/jest-dom": "^6.6.3",
+    "@sveltejs/kit": "^2.37.0",
+    "@sveltejs/package": "^2.5.0",
+    "@sveltejs/vite-plugin-svelte": "^6.1.3",
+    "@testing-library/jest-dom": "^6.8.0",
     "@testing-library/svelte": "^5.2.8",
     "jsdom": "^26.1.0",
     "publint": "^0.3.12",
-    "svelte": "^5.36.1",
-    "svelte-check": "^4.2.2",
-    "tailwindcss": "^4.1.11",
+    "svelte": "^5.38.6",
+    "svelte-check": "^4.3.1",
     "tslib": "^2.8.1",
-    "typescript": "^5.8.3",
-    "vite": "^7.0.4",
+    "typescript": "^5.9.2",
+    "vite": "^7.1.3",
     "vitest": "3.2.4",
-    "@skeletonlabs/skeleton": "3.3.0-next.0"
+    "@skeletonlabs/skeleton": "4.0.0-next.1"
   },
   "type": "module",
   "scripts": {

package/dist/components/Accordion/Accordion.svelte

@@ -1,55 +0,0 @@
-<script lang="ts">
-	import * as accordion from '@zag-js/accordion';
-	import { useMachine, normalizeProps } from '@zag-js/svelte';
-	import { setAccordionContext } from './context.js';
-	import type { AccordionProps } from './types.js';
-
-	// Props
-	const {
-		animationConfig = {
-			duration: 200
-		},
-		// Root
-		base = '',
-		padding = '',
-		spaceY = 'space-y-2',
-		rounded = 'rounded-base',
-		width = 'w-full',
-		classes = '',
-		// Snippets
-		children,
-		iconOpen,
-		iconClosed,
-		...zagProps
-	}: AccordionProps = $props();
-
-	// Zag
-	const id = $props.id();
-	const service = useMachine(accordion.machine, () => ({
-		id: id,
-		...zagProps
-	}));
-	const api = $derived(accordion.connect(service, normalizeProps));
-
-	// Context
-	setAccordionContext({
-		get api() {
-			return api;
-		},
-		get animationConfig() {
-			return animationConfig;
-		},
-		get iconClosed() {
-			return iconClosed;
-		},
-		get iconOpen() {
-			return iconOpen;
-		}
-	});
-</script>
-
-<!-- @component Divide content into collapsible sections. -->
-
-<div class="{base} {padding} {spaceY} {rounded} {width} {classes}" {...api.getRootProps()} data-testid="accordion">
-	{@render children?.()}
-</div>

package/dist/components/Accordion/Accordion.svelte.d.ts

@@ -1,5 +0,0 @@
-import type { AccordionProps } from './types.js';
-/** Divide content into collapsible sections. */
-declare const Accordion: import("svelte").Component<AccordionProps, {}, "">;
-type Accordion = ReturnType<typeof Accordion>;
-export default Accordion;

package/dist/components/Accordion/AccordionItem.svelte

@@ -1,90 +0,0 @@
-<script lang="ts">
-	import { slide } from 'svelte/transition';
-	import { getAccordionContext } from './context.js';
-	import type { AccordionItemProps } from './types.js';
-
-	// Props
-	const {
-		headingLevel = 3,
-		// Root
-		base,
-		spaceY,
-		classes,
-		// Control
-		controlBase = 'flex text-start items-center space-x-4 w-full',
-		controlHover = 'hover:preset-tonal-primary',
-		controlPadding = 'py-2 px-4',
-		controlRounded = 'rounded-base',
-		controlClasses,
-		// Lead
-		leadBase = '',
-		leadClasses = '',
-		// Content
-		contentBase = 'flex-1',
-		contentClasses = '',
-		// Indicator
-		indicatorBase = '',
-		indicatorClasses = '',
-		// Panel
-		panelBase,
-		panelPadding = 'py-2 px-4',
-		panelRounded,
-		panelClasses,
-		// Snippets
-		control,
-		lead,
-		panel,
-		...zagProps
-	}: AccordionItemProps = $props();
-
-	// Context
-	const ctx = getAccordionContext();
-</script>
-
-<!-- @component A accordion item component. -->
-
-<div class="{base} {spaceY} {classes}" {...ctx.api.getItemProps(zagProps)} data-testid="accordion-item">
-	<!-- Control -->
-	<svelte:element this={`h${headingLevel}`}>
-		<button
-			class="{controlBase} {controlHover} {controlPadding} {controlRounded} {controlClasses}"
-			{...ctx.api.getItemTriggerProps(zagProps)}
-			data-testid="accordion-control"
-		>
-			<!-- Lead -->
-			{#if lead}
-				<div class="{leadBase} {leadClasses}" data-testid="accordion-lead">{@render lead()}</div>
-			{/if}
-			<!-- Content -->
-			<div class="{contentBase} {contentClasses}" data-testid="accordion-control">
-				{@render control()}
-			</div>
-			<!-- Indicator -->
-			<div class="{indicatorBase} {indicatorClasses}" data-testid="accordion-indicator">
-				{#if ctx.api.value.includes(zagProps.value)}
-					{#if ctx.iconOpen}
-						{@render ctx.iconOpen()}
-					{:else}
-						&minus;
-					{/if}
-				{:else if ctx.iconClosed}
-					{@render ctx.iconClosed()}
-				{:else}
-					&plus;
-				{/if}
-			</div>
-		</button>
-	</svelte:element>
-
-	<!-- Panel -->
-	{#if ctx.api.value.includes(zagProps.value)}
-		<div
-			class="{panelBase} {panelPadding} {panelRounded} {panelClasses}"
-			{...ctx.api.getItemContentProps(zagProps)}
-			transition:slide={ctx.animationConfig}
-			data-testid="accordion-panel"
-		>
-			{@render panel?.()}
-		</div>
-	{/if}
-</div>

package/dist/components/Accordion/AccordionItem.svelte.d.ts

@@ -1,5 +0,0 @@
-import type { AccordionItemProps } from './types.js';
-/** A accordion item component. */
-declare const AccordionItem: import("svelte").Component<AccordionItemProps, {}, "">;
-type AccordionItem = ReturnType<typeof AccordionItem>;
-export default AccordionItem;

package/dist/components/Accordion/context.d.ts

@@ -1,2 +0,0 @@
-import type { AccordionContext } from './types.js';
-export declare const setAccordionContext: (value: AccordionContext) => AccordionContext, getAccordionContext: () => AccordionContext, key: symbol;

package/dist/components/Accordion/context.js

@@ -1,3 +0,0 @@
-import { createContext } from '../../internal/create-context.js';
-// @ts-expect-error - Defaults for context don't make sense, `createContext` should just throw TBH
-export const [setAccordionContext, getAccordionContext, key] = createContext();

package/dist/components/Accordion/index.d.ts

@@ -1,4 +0,0 @@
-declare const _default: import("svelte").Component<import("./types").AccordionProps, {}, ""> & {
-    Item: import("svelte").Component<import("./types").AccordionItemProps, {}, "">;
-};
-export default _default;

package/dist/components/Accordion/index.js

@@ -1,3 +0,0 @@
-import Accordion from './Accordion.svelte';
-import Item from './AccordionItem.svelte';
-export default /* @__PURE__ */ Object.assign(Accordion, { Item });

package/dist/components/Accordion/types.d.ts

@@ -1,74 +0,0 @@
-import type { Snippet } from 'svelte';
-import * as accordion from '@zag-js/accordion';
-import type { SlideParams } from 'svelte/transition';
-export interface AccordionContext extends Pick<AccordionProps, 'animationConfig' | 'iconOpen' | 'iconClosed'> {
-    api: ReturnType<typeof accordion.connect>;
-}
-export interface AccordionProps extends Omit<accordion.Props, 'id' | 'orientation'> {
-    /** The animation configuration */
-    animationConfig?: SlideParams;
-    /** Sets base styles. */
-    base?: string;
-    /** Set padding styles. */
-    padding?: string;
-    /** Set vertical spacing styles. */
-    spaceY?: string;
-    /** Set border radius styles. */
-    rounded?: string;
-    /** Set the width styles. */
-    width?: string;
-    /** Provide arbitrary CSS classes. */
-    classes?: string;
-    /** The default child slot. */
-    children: Snippet;
-    /** Set the open state icon. */
-    iconOpen?: Snippet;
-    /** Set the closed state icon. */
-    iconClosed?: Snippet;
-}
-export interface AccordionItemProps extends accordion.ItemProps {
-    /** The heading level. */
-    headingLevel?: number;
-    /** Sets base styles. */
-    base?: string;
-    /** Set vertical spacing styles. */
-    spaceY?: string;
-    /** Provide arbitrary CSS classes. */
-    classes?: string;
-    /** Sets control's base styles. */
-    controlBase?: string;
-    /** Sets control's the hover styles. */
-    controlHover?: string;
-    /** Sets control's the padding styles. */
-    controlPadding?: string;
-    /** Sets control's the border radius styles. */
-    controlRounded?: string;
-    /** Provide arbitrary CSS classes to the control. */
-    controlClasses?: string;
-    /** Sets the lead's base styles */
-    leadBase?: string;
-    /** Provide arbitrary CSS classes to the lead. */
-    leadClasses?: string;
-    /** Sets the lead's base styles */
-    contentBase?: string;
-    /** Provide arbitrary CSS classes to the content. */
-    contentClasses?: string;
-    /** Sets the lead's base styles */
-    indicatorBase?: string;
-    /** Provide arbitrary CSS classes to the indicator. */
-    indicatorClasses?: string;
-    /** Set the panel's base styles. */
-    panelBase?: string;
-    /** Set the panel's padding styles. */
-    panelPadding?: string;
-    /** Set the panel's border-radius styles. */
-    panelRounded?: string;
-    /** Provide arbitrary CSS classes to the panel. */
-    panelClasses?: string;
-    /** The control's default slot. */
-    control: Snippet;
-    /** The control's lead icon slot. */
-    lead?: Snippet;
-    /** The panels's default slot. */
-    panel?: Snippet;
-}

package/dist/components/Accordion/types.js

@@ -1 +0,0 @@
-import * as accordion from '@zag-js/accordion';