@skeletonlabs/skeleton-svelte 1.0.0-next.9 → 1.1.0

package/dist/components/Tab/TabsControl.svelte

@@ -1,42 +0,0 @@
-<script lang="ts">import { getTabContext } from "./context.js";
-let {
-  // Root
-  base = "border-b border-transparent",
-  padding = "pb-2",
-  translateX = "translate-y-[1px]",
-  classes = "",
-  // Label
-  labelBase = "btn hover:preset-tonal-primary",
-  labelClasses = "",
-  // State
-  stateInactive = "[&:not(:hover)]:opacity-50",
-  stateActive = "border-surface-950-50 opacity-100",
-  stateLabelInactive = "",
-  stateLabelActive = "",
-  // Snippets
-  lead,
-  children,
-  // Zag
-  ...zagProps
-} = $props();
-const ctx = getTabContext();
-const state = $derived(ctx.api.getTriggerState(zagProps));
-const rxActive = $derived(state.selected ? stateActive : stateInactive);
-const rxLabelActive = $derived(state.selected ? stateLabelActive : stateLabelInactive);
-const commonWidth = $derived(ctx.fluid ? "100%" : "");
-</script>
-
-<!-- @component A individual tab trigger element. -->
-
-<button
-	{...ctx.api.getTriggerProps(zagProps)}
-	class="{base} {padding} {translateX} {rxActive} {classes}"
-	style:width={commonWidth}
-	data-testid="tabs-control"
->
-	<!-- Label -->
-	<div class="{labelBase} {rxLabelActive} {labelClasses}" style:width={commonWidth} data-testid="tabs-control-label">
-		{#if lead}<span>{@render lead()}</span>{/if}
-		<span>{@render children?.()}</span>
-	</div>
-</button>

package/dist/components/Tab/TabsControl.svelte.d.ts

@@ -1,17 +0,0 @@
-import type { TabsControlProps } from './types.js';
-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: Props & {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports;
-    z_$$bindings?: Bindings;
-}
-/** A individual tab trigger element. */
-declare const TabsControl: $$__sveltets_2_IsomorphicComponent<TabsControlProps, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, "">;
-type TabsControl = InstanceType<typeof TabsControl>;
-export default TabsControl;

package/dist/components/Tab/TabsPanel.svelte

@@ -1,18 +0,0 @@
-<script lang="ts">import { getTabContext } from "./context.js";
-let {
-  // Root
-  base = "",
-  classes = "",
-  // Children
-  children,
-  // Zag
-  ...zagProps
-} = $props();
-const ctx = getTabContext();
-</script>
-
-<!-- @component A individual tab panel of content. -->
-
-<div {...ctx.api.getContentProps(zagProps)} class="{base} {classes}" data-testid="tabs-panel">
-	{@render children?.()}
-</div>

package/dist/components/Tab/TabsPanel.svelte.d.ts

@@ -1,17 +0,0 @@
-import type { TabsPanelProps } from './types.js';
-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: Props & {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports;
-    z_$$bindings?: Bindings;
-}
-/** A individual tab panel of content. */
-declare const TabsPanel: $$__sveltets_2_IsomorphicComponent<TabsPanelProps, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, "">;
-type TabsPanel = InstanceType<typeof TabsPanel>;
-export default TabsPanel;

package/dist/internal/noop.d.ts

@@ -1 +0,0 @@
-export declare function noop(): void;

package/dist/internal/noop.js

@@ -1,2 +0,0 @@
-// eslint-disable-next-line @typescript-eslint/no-empty-function
-export function noop() { }

package/dist/internal/snippets.d.ts

@@ -1,3 +0,0 @@
-export declare const starEmpty: import("svelte").Snippet<[]>;
-export declare const starHalf: import("svelte").Snippet<[]>;
-export declare const starFull: import("svelte").Snippet<[]>;

package/dist/internal/snippets.js

@@ -1,45 +0,0 @@
-import { createRawSnippet } from 'svelte';
-export const starEmpty = createRawSnippet(() => {
-    return {
-        render: () => /*html*/ `
-			<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" height="24" width="24">
-                <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.345l5.518.442c.499.04.701.663.321.988l-4.204 3.602a.563.563 0 0 0-.182.557l1.285 5.385a.562.562 0 0 1-.84.61l-4.725-2.885a.562.562 0 0 0-.586 0L6.982 20.54a.562.562 0 0 1-.84-.61l1.285-5.386a.562.562 0 0 0-.182-.557l-4.204-3.602a.562.562 0 0 1 .321-.988l5.518-.442a.563.563 0 0 0 .475-.345L11.48 3.5Z"
-                />
-	        </svg>
-		`
-    };
-});
-export const starHalf = createRawSnippet(() => {
-    return {
-        render: () => /*html*/ `
-            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" height="24" width="24">
-                <defs>
-                    <linearGradient id="half-fill">
-                        <stop offset="50%" stop-color="currentColor" />
-                        <stop offset="50%" stop-color="transparent" />
-                    </linearGradient>
-                </defs>
-                <path
-                    fill="url(#half-fill)"
-                    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>
-        `
-    };
-});
-export const starFull = createRawSnippet(() => {
-    return {
-        render: () => /*html*/ `
-        	<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" height="24" width="24">
-                <path
-                    fill-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"
-                    clip-rule="evenodd"
-                />
-	        </svg>
-        `
-    };
-});

package/dist/internal/use-id.d.ts

@@ -1,2 +0,0 @@
-/** Implements a non-secure but unique ID value. */
-export declare const useId: () => string;

package/dist/internal/use-id.js

@@ -1,5 +0,0 @@
-/** Implements a non-secure but unique ID value. */
-export const useId = (() => {
-    let id = 0;
-    return () => Math.random().toString(36).substring(2) + id++;
-})();