@skeletonlabs/skeleton-svelte 2.0.0-next.1 → 2.0.0-next.2

package/dist/components/tabs/modules/tabs-anatomy.js

@@ -0,0 +1,13 @@
+import TabsRoot from '../anatomy/tabs-root.svelte';
+import TabsRootContext from '../anatomy/tabs-root-context.svelte';
+import TabsList from '../anatomy/tabs-list.svelte';
+import TabsTrigger from '../anatomy/tabs-trigger.svelte';
+import TabsIndicator from '../anatomy/tabs-indicator.svelte';
+import TabsContent from '../anatomy/tabs-content.svelte';
+export const Tabs = Object.assign(TabsRoot, {
+    Context: TabsRootContext,
+    List: TabsList,
+    Trigger: TabsTrigger,
+    Indicator: TabsIndicator,
+    Content: TabsContent
+});

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.d.ts

@@ -1,2 +1,4 @@
 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,2 +1,4 @@
 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,6 +1,6 @@
 {
   "name": "@skeletonlabs/skeleton-svelte",
-  "version": "2.0.0-next.1",
+  "version": "2.0.0-next.2",
   "description": "The Svelte package for Skeleton.",
   "author": "endigo9740 <chris@skeletonlabs.dev>",
   "types": "./dist/index.d.ts",
@@ -33,13 +33,12 @@
     "@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.1"
+    "@skeletonlabs/skeleton-common": "1.0.0-next.2"
   },
   "peerDependencies": {
     "svelte": "^5.20.0"
   },
   "devDependencies": {
-    "@sveltejs/adapter-auto": "^6.1.0",
     "@sveltejs/kit": "^2.37.0",
     "@sveltejs/package": "^2.5.0",
     "@sveltejs/vite-plugin-svelte": "^6.1.3",

package/dist/components/accordion/modules/anatomy.d.ts

@@ -1,8 +0,0 @@
-declare const Accordion: import("svelte").Component<import("./types").AccordionRootProps, {}, ""> & {
-    Item: import("svelte").Component<import("./types").AccordionItemProps, {}, "">;
-    Heading: import("svelte").Component<import("./types").AccordionHeadingProps, {}, "">;
-    Trigger: import("svelte").Component<import("./types").AccordionTriggerProps, {}, "">;
-    Indicator: import("svelte").Component<import("./types").AccordionIndicatorProps, {}, "">;
-    Content: import("svelte").Component<import("./types").AccordionContentProps, {}, "">;
-};
-export { Accordion };

package/dist/components/accordion/modules/context.d.ts

@@ -1,12 +0,0 @@
-import type { AccordionItemContext as AccordionItemContextType, AccordionRootContext as AccordionRootContextType } from './types.js';
-declare const AccordionRootContext: {
-    key: symbol;
-    consume(): AccordionRootContextType;
-    provide(value: AccordionRootContextType): AccordionRootContextType;
-};
-declare const AccordionItemContext: {
-    key: symbol;
-    consume(): AccordionItemContextType;
-    provide(value: AccordionItemContextType): AccordionItemContextType;
-};
-export { AccordionRootContext, AccordionItemContext };

package/dist/components/accordion/modules/context.js

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

package/dist/components/accordion/modules/types.d.ts

@@ -1,29 +0,0 @@
-import * as accordion from '@zag-js/accordion';
-import type { HTMLAttributes, HTMLButtonAttributes } from 'svelte/elements';
-import type { PropsWithElement } from '../../../internal/props-with-element.js';
-import type { PropsWithChildren } from '../../../internal/props-with-children.js';
-interface AccordionRootProps extends PropsWithElement, PropsWithChildren, Omit<accordion.Props, 'id'>, Omit<HTMLAttributes<HTMLDivElement>, 'id' | 'defaultValue' | 'dir'> {
-}
-interface AccordionItemProps extends PropsWithElement, PropsWithChildren, accordion.ItemProps, HTMLAttributes<HTMLDivElement> {
-}
-interface AccordionHeadingProps extends PropsWithElement, PropsWithChildren, HTMLAttributes<HTMLHeadingElement> {
-    /**
-     * The level of the heading. This is used to determine the heading level for accessibility purposes.
-     *
-     * @defaultValue 3
-     */
-    level?: 1 | 2 | 3 | 4 | 5 | 6;
-}
-interface AccordionTriggerProps extends PropsWithElement, PropsWithChildren, HTMLButtonAttributes {
-}
-interface AccordionIndicatorProps extends PropsWithElement, PropsWithChildren, HTMLAttributes<HTMLDivElement> {
-}
-interface AccordionContentProps extends PropsWithElement, PropsWithChildren, HTMLAttributes<HTMLDivElement> {
-}
-interface AccordionRootContext {
-    api: accordion.Api;
-}
-interface AccordionItemContext {
-    itemProps: accordion.ItemProps;
-}
-export type { AccordionRootProps, AccordionItemProps, AccordionTriggerProps, AccordionHeadingProps, AccordionIndicatorProps, AccordionContentProps, AccordionRootContext, AccordionItemContext };

package/dist/components/accordion/modules/types.js

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

package/dist/components/avatar/modules/anatomy.d.ts

@@ -1,5 +0,0 @@
-declare const Avatar: import("svelte").Component<import("./types").AvatarRootProps, {}, ""> & {
-    Image: import("svelte").Component<import("./types").AvatarImageProps, {}, "">;
-    Fallback: import("svelte").Component<import("./types").AvatarFallbackProps, {}, "">;
-};
-export { Avatar };

package/dist/components/avatar/modules/context.d.ts

@@ -1,7 +0,0 @@
-import type { AvatarRootContext as AvatarRootContextType } from './types.js';
-declare const AvatarRootContext: {
-    key: symbol;
-    consume(): AvatarRootContextType;
-    provide(value: AvatarRootContextType): AvatarRootContextType;
-};
-export { AvatarRootContext };

package/dist/components/avatar/modules/context.js

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

package/dist/components/avatar/modules/types.d.ts

@@ -1,14 +0,0 @@
-import * as avatar from '@zag-js/avatar';
-import type { HTMLAttributes, HTMLImgAttributes } from 'svelte/elements';
-import type { PropsWithChildren } from '../../../internal/props-with-children.js';
-import type { PropsWithElement } from '../../../internal/props-with-element.js';
-interface AvatarRootProps extends PropsWithElement, PropsWithChildren, Omit<avatar.Props, 'id'>, Omit<HTMLAttributes<HTMLDivElement>, 'id' | 'dir'> {
-}
-interface AvatarImageProps extends PropsWithElement, HTMLImgAttributes {
-}
-interface AvatarFallbackProps extends PropsWithElement, PropsWithChildren, HTMLAttributes<HTMLSpanElement> {
-}
-interface AvatarRootContext {
-    api: avatar.Api;
-}
-export type { AvatarRootProps, AvatarImageProps, AvatarFallbackProps, AvatarRootContext };

package/dist/components/avatar/modules/types.js

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

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

@@ -1,5 +0,0 @@
-export declare function createContext<T>(): {
-    key: symbol;
-    consume(): T;
-    provide(value: T): T;
-};

package/dist/internal/create-context-new.js

@@ -1,13 +0,0 @@
-import { getContext, setContext } from 'svelte';
-export function createContext() {
-    const key = Symbol();
-    return {
-        key: key,
-        consume() {
-            return getContext(key);
-        },
-        provide(value) {
-            return setContext(key, value);
-        }
-    };
-}