dystopia-linear-lib 1.0.0

package/dist/components/pagination/PaginationPrevious.svelte

@@ -0,0 +1,25 @@
+<script lang="ts">
+	import { cn } from '../../utils/cn.js';
+	import { paginationPreviousVariants } from './PaginationPrevious.variants.js';
+	import type { PaginationPreviousProps } from './PaginationPrevious.types.js';
+
+	let { class: className, label, size = 'md', ...restProps }: PaginationPreviousProps = $props();
+
+	const iconSize = $derived(size === 'sm' ? 'size-3.5' : 'size-4');
+</script>
+
+<button type="button" class={cn(paginationPreviousVariants({ size }), className)} {...restProps}>
+	<svg
+		viewBox="0 0 24 24"
+		fill="none"
+		stroke="currentColor"
+		stroke-width="2"
+		stroke-linecap="round"
+		stroke-linejoin="round"
+		aria-hidden="true"
+		class={iconSize}
+	>
+		<path d="m15 18-6-6 6-6" />
+	</svg>
+	{label ?? 'Previous'}
+</button>

package/dist/components/pagination/PaginationPrevious.svelte.d.ts

@@ -0,0 +1,4 @@
+import type { PaginationPreviousProps } from './PaginationPrevious.types.js';
+declare const PaginationPrevious: import("svelte").Component<PaginationPreviousProps, {}, "">;
+type PaginationPrevious = ReturnType<typeof PaginationPrevious>;
+export default PaginationPrevious;

package/dist/components/pagination/PaginationPrevious.types.d.ts

@@ -0,0 +1,9 @@
+import type { HTMLButtonAttributes } from 'svelte/elements';
+import type { PaginationPreviousVariantProps } from './PaginationPrevious.variants.js';
+export interface PaginationPreviousProps extends Omit<HTMLButtonAttributes, 'children' | 'class'> {
+    class?: string;
+    /** Accessible + visible label. Defaults to "Previous" — override for localization. */
+    label?: string;
+    /** Density variant. Default 'md'. */
+    size?: PaginationPreviousVariantProps['size'];
+}

package/dist/components/pagination/PaginationPrevious.types.js

@@ -0,0 +1 @@
+export {};

package/dist/components/pagination/PaginationPrevious.variants.d.ts

@@ -0,0 +1,5 @@
+import { type VariantProps } from 'class-variance-authority';
+export declare const paginationPreviousVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export type PaginationPreviousVariantProps = VariantProps<typeof paginationPreviousVariants>;

package/dist/components/pagination/PaginationPrevious.variants.js

@@ -0,0 +1,13 @@
+import { cva } from 'class-variance-authority';
+export const paginationPreviousVariants = cva('inline-flex cursor-pointer items-center gap-tight rounded-md leading-snug text-foreground-soft transition-colors duration-150 hover:bg-surface-subtle focus-visible:ring-2 focus-visible:ring-ring focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50', {
+    variants: {
+        size: {
+            sm: 'h-8 px-2 text-sm',
+            md: 'h-9 px-3 text-sm',
+            lg: 'h-10 px-3.5 text-sm'
+        }
+    },
+    defaultVariants: {
+        size: 'md'
+    }
+});

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

@@ -0,0 +1,18 @@
+export { default as Pagination } from './Pagination.svelte';
+export type { PaginationProps, PaginationLabels } from './Pagination.types.js';
+export { default as PaginationList } from './PaginationList.svelte';
+export type { PaginationListProps } from './PaginationList.types.js';
+export { default as PaginationItem } from './PaginationItem.svelte';
+export type { PaginationItemProps } from './PaginationItem.types.js';
+export { default as PaginationLink } from './PaginationLink.svelte';
+export type { PaginationLinkProps } from './PaginationLink.types.js';
+export { paginationLinkVariants, type PaginationLinkVariantProps } from './PaginationLink.variants.js';
+export { default as PaginationEllipsis } from './PaginationEllipsis.svelte';
+export type { PaginationEllipsisProps } from './PaginationEllipsis.types.js';
+export { paginationEllipsisVariants, type PaginationEllipsisVariantProps } from './PaginationEllipsis.variants.js';
+export { default as PaginationPrevious } from './PaginationPrevious.svelte';
+export type { PaginationPreviousProps } from './PaginationPrevious.types.js';
+export { paginationPreviousVariants, type PaginationPreviousVariantProps } from './PaginationPrevious.variants.js';
+export { default as PaginationNext } from './PaginationNext.svelte';
+export type { PaginationNextProps } from './PaginationNext.types.js';
+export { paginationNextVariants, type PaginationNextVariantProps } from './PaginationNext.variants.js';

package/dist/components/pagination/index.js

@@ -0,0 +1,11 @@
+export { default as Pagination } from './Pagination.svelte';
+export { default as PaginationList } from './PaginationList.svelte';
+export { default as PaginationItem } from './PaginationItem.svelte';
+export { default as PaginationLink } from './PaginationLink.svelte';
+export { paginationLinkVariants } from './PaginationLink.variants.js';
+export { default as PaginationEllipsis } from './PaginationEllipsis.svelte';
+export { paginationEllipsisVariants } from './PaginationEllipsis.variants.js';
+export { default as PaginationPrevious } from './PaginationPrevious.svelte';
+export { paginationPreviousVariants } from './PaginationPrevious.variants.js';
+export { default as PaginationNext } from './PaginationNext.svelte';
+export { paginationNextVariants } from './PaginationNext.variants.js';

package/dist/components/password-field/PasswordField.svelte

@@ -0,0 +1,69 @@
+<script lang="ts">
+	import TextField from '../text-field/TextField.svelte';
+	import type { PasswordFieldProps } from './PasswordField.types.js';
+
+	let {
+		visible = $bindable(false),
+		value = $bindable(''),
+		ref = $bindable(null),
+		labels,
+		disabled = false,
+		autocomplete = 'current-password',
+		...restProps
+	}: PasswordFieldProps = $props();
+
+	// The label names the action and flips with state, so the button deliberately
+	// carries no `aria-pressed`. Doing both makes a screen reader announce
+	// "Hide password … pressed", where the name and the state contradict.
+	const toggleLabel = $derived(
+		visible ? (labels?.hide ?? 'Hide password') : (labels?.show ?? 'Show password')
+	);
+</script>
+
+<TextField
+	{...restProps}
+	bind:value
+	bind:ref
+	{disabled}
+	{autocomplete}
+	type={visible ? 'text' : 'password'}
+>
+	{#snippet suffix()}
+		<button
+			type="button"
+			{disabled}
+			onclick={() => (visible = !visible)}
+			aria-label={toggleLabel}
+			data-state={visible ? 'visible' : 'hidden'}
+			class="flex cursor-pointer appearance-none items-center rounded-md text-foreground-faint transition-colors duration-150 hover:text-foreground-muted focus-visible:ring-2 focus-visible:ring-ring focus-visible:outline-none disabled:cursor-not-allowed"
+		>
+			{#if visible}
+				<svg
+					viewBox="0 0 24 24"
+					fill="none"
+					stroke="currentColor"
+					stroke-width="2"
+					stroke-linecap="round"
+					aria-hidden="true"
+				>
+					<path d="M3 3l18 18" />
+					<path d="M10.6 10.6a2 2 0 0 0 2.8 2.8" />
+					<path d="M9.4 5.2A9.5 9.5 0 0 1 12 5c5 0 9 4.5 9 7a11 11 0 0 1-2.4 3.5" />
+					<path d="M6.3 6.9C3.9 8.4 3 10.7 3 12c0 2.5 4 7 9 7a9.7 9.7 0 0 0 3.5-.7" />
+				</svg>
+			{:else}
+				<svg
+					viewBox="0 0 24 24"
+					fill="none"
+					stroke="currentColor"
+					stroke-width="2"
+					stroke-linecap="round"
+					aria-hidden="true"
+				>
+					<path d="M3 12c0-2.5 4-7 9-7s9 4.5 9 7c0 2.5-4 7-9 7s-9-4.5-9-7Z" />
+					<circle cx="12" cy="12" r="2.5" />
+				</svg>
+			{/if}
+		</button>
+	{/snippet}
+</TextField>

package/dist/components/password-field/PasswordField.svelte.d.ts

@@ -0,0 +1,4 @@
+import type { PasswordFieldProps } from './PasswordField.types.js';
+declare const PasswordField: import("svelte").Component<PasswordFieldProps, {}, "value" | "ref" | "visible">;
+type PasswordField = ReturnType<typeof PasswordField>;
+export default PasswordField;

package/dist/components/password-field/PasswordField.types.d.ts

@@ -0,0 +1,10 @@
+import type { TextFieldProps } from '../text-field/TextField.types.js';
+export interface PasswordFieldProps extends Omit<TextFieldProps, 'type' | 'suffix'> {
+    /** Whether the password is currently revealed. Bindable. */
+    visible?: boolean;
+    /** Accessible names for the toggle button, for apps that aren't in English. */
+    labels?: {
+        show?: string;
+        hide?: string;
+    };
+}

package/dist/components/password-field/PasswordField.types.js

@@ -0,0 +1 @@
+export {};

package/dist/components/password-field/index.d.ts

@@ -0,0 +1,2 @@
+export { default as PasswordField } from './PasswordField.svelte';
+export type { PasswordFieldProps } from './PasswordField.types.js';

package/dist/components/password-field/index.js

@@ -0,0 +1 @@
+export { default as PasswordField } from './PasswordField.svelte';

package/dist/components/popover/Popover.svelte

@@ -0,0 +1,84 @@
+<script lang="ts">
+	import { cn } from '../../utils/cn.js';
+	import { floating } from '../../utils/floating.js';
+	import { portal } from '../../utils/portal.js';
+	import { createPresence } from '../../utils/presence.svelte.js';
+	import { createDismissableLayer } from '../../utils/dismissable-layer.js';
+	import type { PopoverProps } from './Popover.types.js';
+
+	let {
+		classes,
+		open = $bindable(false),
+		placement = 'bottom-start',
+		offset = 8,
+		portalTarget,
+		trigger,
+		children,
+		...restProps
+	}: PopoverProps = $props();
+
+	const contentId = $props.id();
+
+	let triggerEl = $state<HTMLButtonElement | null>(null);
+	let contentEl = $state<HTMLDivElement | null>(null);
+	const presence = createPresence(
+		() => open,
+		() => contentEl
+	);
+
+	function close() {
+		open = false;
+	}
+
+	$effect(() => {
+		if (!open) return;
+
+		contentEl?.focus({ preventScroll: true });
+
+		return createDismissableLayer(() => [triggerEl, contentEl], {
+			onPointerDownOutside: close,
+			onEscapeKeydown: (event) => {
+				event.preventDefault();
+				close();
+				triggerEl?.focus();
+			}
+		});
+	});
+
+	const triggerProps = $derived({
+		...restProps,
+		type: 'button' as const,
+		'aria-haspopup': 'dialog' as const,
+		'aria-expanded': open,
+		'aria-controls': contentId,
+		'data-state': open ? 'open' : 'closed',
+		class: cn(
+			'inline-flex h-10 cursor-pointer items-center justify-center gap-tight rounded-md border border-border px-control-x text-sm leading-snug font-medium text-foreground-soft transition-colors duration-150 hover:bg-surface-subtle focus-visible:ring-2 focus-visible:ring-ring focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50',
+			classes?.trigger
+		),
+		onclick: () => (open = !open)
+	});
+</script>
+
+<button bind:this={triggerEl} {...triggerProps}>
+	{@render trigger()}
+</button>
+
+{#if presence.current}
+	<div
+		bind:this={contentEl}
+		id={contentId}
+		role="dialog"
+		tabindex="-1"
+		data-state={open ? 'open' : 'closed'}
+		inert={!open}
+		use:portal={{ target: portalTarget }}
+		use:floating={{ reference: triggerEl, placement, offset }}
+		class={cn(
+			'z-50 rounded-lg border border-border bg-surface p-4 text-sm text-foreground-muted shadow-sm focus-visible:outline-none',
+			classes?.content
+		)}
+	>
+		{@render children()}
+	</div>
+{/if}

package/dist/components/popover/Popover.svelte.d.ts

@@ -0,0 +1,4 @@
+import type { PopoverProps } from './Popover.types.js';
+declare const Popover: import("svelte").Component<PopoverProps, {}, "open">;
+type Popover = ReturnType<typeof Popover>;
+export default Popover;

package/dist/components/popover/Popover.types.d.ts

@@ -0,0 +1,15 @@
+import type { Snippet } from 'svelte';
+import type { HTMLButtonAttributes } from 'svelte/elements';
+import type { Placement } from '@floating-ui/dom';
+export interface PopoverProps extends Omit<HTMLButtonAttributes, 'children' | 'class'> {
+    classes?: {
+        trigger?: string;
+        content?: string;
+    };
+    open?: boolean;
+    placement?: Placement;
+    offset?: number;
+    portalTarget?: HTMLElement | string;
+    trigger: Snippet;
+    children: Snippet;
+}

package/dist/components/popover/Popover.types.js

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,2 @@
+export { default as Popover } from './Popover.svelte';
+export type { PopoverProps } from './Popover.types.js';

package/dist/components/popover/index.js

@@ -0,0 +1 @@
+export { default as Popover } from './Popover.svelte';

package/dist/components/progress/Progress.svelte

@@ -0,0 +1,35 @@
+<script lang="ts">
+	import { cn } from '../../utils/cn.js';
+	import { progressVariants } from './Progress.variants.js';
+	import type { ProgressProps } from './Progress.types.js';
+
+	let {
+		size,
+		class: className,
+		classes,
+		value = 0,
+		max = 100,
+		indeterminate = false,
+		...restProps
+	}: ProgressProps = $props();
+
+	const percentage = $derived(Math.min(100, Math.max(0, (value / max) * 100)));
+</script>
+
+<div
+	role="progressbar"
+	aria-valuenow={indeterminate ? undefined : value}
+	aria-valuemin={0}
+	aria-valuemax={max}
+	class={cn(progressVariants({ size }), className)}
+	{...restProps}
+>
+	<div
+		class={cn(
+			'h-full rounded-full bg-primary transition-[width] duration-300 ease-out',
+			indeterminate && 'w-1/3 animate-progress-indeterminate',
+			classes?.fill
+		)}
+		style={indeterminate ? undefined : `width: ${percentage}%`}
+	></div>
+</div>

package/dist/components/progress/Progress.svelte.d.ts

@@ -0,0 +1,4 @@
+import type { ProgressProps } from './Progress.types.js';
+declare const Progress: import("svelte").Component<ProgressProps, {}, "">;
+type Progress = ReturnType<typeof Progress>;
+export default Progress;

package/dist/components/progress/Progress.types.d.ts

@@ -0,0 +1,12 @@
+import type { HTMLAttributes } from 'svelte/elements';
+import type { ProgressVariantProps } from './Progress.variants.js';
+export interface ProgressProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children'>, ProgressVariantProps {
+    class?: string;
+    classes?: {
+        fill?: string;
+    };
+    value?: number;
+    max?: number;
+    /** Shows a sweeping animation instead of a fixed fill, for a duration that isn't known upfront. */
+    indeterminate?: boolean;
+}

package/dist/components/progress/Progress.types.js

@@ -0,0 +1 @@
+export {};

package/dist/components/progress/Progress.variants.d.ts

@@ -0,0 +1,5 @@
+import { type VariantProps } from 'class-variance-authority';
+export declare const progressVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export type ProgressVariantProps = VariantProps<typeof progressVariants>;

package/dist/components/progress/Progress.variants.js

@@ -0,0 +1,13 @@
+import { cva } from 'class-variance-authority';
+export const progressVariants = cva('relative w-full overflow-hidden rounded-full bg-border', {
+    variants: {
+        size: {
+            sm: 'h-1.5',
+            md: 'h-2',
+            lg: 'h-3'
+        }
+    },
+    defaultVariants: {
+        size: 'md'
+    }
+});

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

@@ -0,0 +1,3 @@
+export { default as Progress } from './Progress.svelte';
+export type { ProgressProps } from './Progress.types.js';
+export { progressVariants, type ProgressVariantProps } from './Progress.variants.js';

package/dist/components/progress/index.js

@@ -0,0 +1,2 @@
+export { default as Progress } from './Progress.svelte';
+export { progressVariants } from './Progress.variants.js';

package/dist/components/radio/Radio.svelte

@@ -0,0 +1,46 @@
+<script lang="ts">
+	import { cn } from '../../utils/cn.js';
+	import { radioVariants } from './Radio.variants.js';
+	import type { RadioProps } from './Radio.types.js';
+
+	let {
+		size,
+		class: className,
+		classes,
+		ref = $bindable(null),
+		group = $bindable(),
+		value,
+		disabled = false,
+		invalid = false,
+		...restProps
+	}: RadioProps = $props();
+</script>
+
+<span
+	class={cn(radioVariants({ size }), className)}
+	data-disabled={disabled ? '' : undefined}
+	data-invalid={invalid ? '' : undefined}
+>
+	<input
+		type="radio"
+		bind:this={ref}
+		bind:group
+		{value}
+		{disabled}
+		class={cn(
+			'peer absolute inset-0 size-full cursor-pointer appearance-none rounded-full border border-border bg-surface transition-colors duration-150 group-data-invalid:border-danger-border checked:border-primary hover:border-border-hover checked:hover:border-primary-hover focus-visible:ring-2 focus-visible:ring-ring focus-visible:outline-none group-data-invalid:focus-visible:ring-danger disabled:cursor-not-allowed',
+			classes?.input
+		)}
+		{...restProps}
+	/>
+
+	<span
+		aria-hidden="true"
+		class={cn(
+			'pointer-events-none absolute inset-0 flex items-center justify-center opacity-0 peer-checked:opacity-100',
+			classes?.indicator
+		)}
+	>
+		<span class="size-[45%] rounded-full bg-primary"></span>
+	</span>
+</span>

package/dist/components/radio/Radio.svelte.d.ts

@@ -0,0 +1,4 @@
+import type { RadioProps } from './Radio.types.js';
+declare const Radio: import("svelte").Component<RadioProps, {}, "group" | "ref">;
+type Radio = ReturnType<typeof Radio>;
+export default Radio;

package/dist/components/radio/Radio.types.d.ts

@@ -0,0 +1,16 @@
+import type { HTMLInputAttributes } from 'svelte/elements';
+import type { RadioVariantProps } from './Radio.variants.js';
+export interface RadioProps extends Omit<HTMLInputAttributes, 'size' | 'type' | 'value'>, RadioVariantProps {
+    /** Applied to the container element; `classes` targets the inner parts. */
+    class?: string;
+    classes?: {
+        input?: string;
+        indicator?: string;
+    };
+    ref?: HTMLInputElement | null;
+    /** This radio's own value — compared against `group` to determine checked state. */
+    value: string;
+    /** The selected value shared across all radios with the same `name`. */
+    group?: string;
+    invalid?: boolean;
+}

package/dist/components/radio/Radio.types.js

@@ -0,0 +1 @@
+export {};

package/dist/components/radio/Radio.variants.d.ts

@@ -0,0 +1,5 @@
+import { type VariantProps } from 'class-variance-authority';
+export declare const radioVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export type RadioVariantProps = VariantProps<typeof radioVariants>;

package/dist/components/radio/Radio.variants.js

@@ -0,0 +1,13 @@
+import { cva } from 'class-variance-authority';
+export const radioVariants = cva('group relative inline-flex shrink-0 align-middle data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50', {
+    variants: {
+        size: {
+            sm: 'size-4',
+            md: 'size-5',
+            lg: 'size-6'
+        }
+    },
+    defaultVariants: {
+        size: 'md'
+    }
+});

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

@@ -0,0 +1,3 @@
+export { default as Radio } from './Radio.svelte';
+export type { RadioProps } from './Radio.types.js';
+export { radioVariants, type RadioVariantProps } from './Radio.variants.js';

package/dist/components/radio/index.js

@@ -0,0 +1,2 @@
+export { default as Radio } from './Radio.svelte';
+export { radioVariants } from './Radio.variants.js';

package/dist/components/select/Select.svelte

@@ -0,0 +1,55 @@
+<script lang="ts">
+	import { cn } from '../../utils/cn.js';
+	import { selectVariants } from './Select.variants.js';
+	import type { SelectProps } from './Select.types.js';
+
+	let {
+		variant,
+		size,
+		class: className,
+		classes,
+		ref = $bindable(null),
+		value = $bindable(''),
+		disabled = false,
+		invalid = false,
+		children,
+		...restProps
+	}: SelectProps = $props();
+</script>
+
+<div
+	class={cn('group relative inline-block w-full', className)}
+	data-disabled={disabled ? '' : undefined}
+>
+	<select
+		bind:this={ref}
+		bind:value
+		{disabled}
+		aria-invalid={invalid || undefined}
+		data-invalid={invalid ? '' : undefined}
+		class={cn(selectVariants({ variant, size }), classes?.select)}
+		{...restProps}
+	>
+		{@render children()}
+	</select>
+
+	<span
+		class={cn(
+			'pointer-events-none absolute inset-y-0 right-3 flex items-center text-foreground-faint group-data-disabled:opacity-50 [&_svg]:size-4',
+			classes?.icon
+		)}
+	>
+		<svg
+			viewBox="0 0 24 24"
+			fill="none"
+			stroke="currentColor"
+			stroke-width="2"
+			stroke-linecap="round"
+			stroke-linejoin="round"
+			aria-hidden="true"
+		>
+			<path d="m7 15 5 5 5-5" />
+			<path d="m7 9 5-5 5 5" />
+		</svg>
+	</span>
+</div>

package/dist/components/select/Select.svelte.d.ts

@@ -0,0 +1,4 @@
+import type { SelectProps } from './Select.types.js';
+declare const Select: import("svelte").Component<SelectProps, {}, "value" | "ref">;
+type Select = ReturnType<typeof Select>;
+export default Select;

package/dist/components/select/Select.types.d.ts

@@ -0,0 +1,16 @@
+import type { Snippet } from 'svelte';
+import type { HTMLSelectAttributes } from 'svelte/elements';
+import type { SelectVariantProps } from './Select.variants.js';
+export interface SelectProps extends Omit<HTMLSelectAttributes, 'size'>, SelectVariantProps {
+    /** Applied to the outermost wrapper. */
+    class?: string;
+    classes?: {
+        select?: string;
+        icon?: string;
+    };
+    ref?: HTMLSelectElement | null;
+    value?: string;
+    invalid?: boolean;
+    /** `<option>`/`<optgroup>` elements. */
+    children: Snippet;
+}

package/dist/components/select/Select.types.js

@@ -0,0 +1 @@
+export {};

package/dist/components/select/Select.variants.d.ts

@@ -0,0 +1,6 @@
+import { type VariantProps } from 'class-variance-authority';
+export declare const selectVariants: (props?: ({
+    variant?: "default" | "ghost" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export type SelectVariantProps = VariantProps<typeof selectVariants>;

package/dist/components/select/Select.variants.js

@@ -0,0 +1,18 @@
+import { cva } from 'class-variance-authority';
+export const selectVariants = cva('w-full cursor-pointer appearance-none rounded-md bg-surface pr-8 text-foreground-soft transition-colors duration-150 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 data-[invalid]:border-danger-border data-[invalid]:focus-visible:ring-danger', {
+    variants: {
+        variant: {
+            default: 'border border-border hover:border-border-hover',
+            ghost: 'border border-transparent bg-surface-subtle hover:bg-surface-hover'
+        },
+        size: {
+            sm: 'h-8 pl-3 text-sm',
+            md: 'h-10 pl-3 text-sm',
+            lg: 'h-12 pl-control-x text-base'
+        }
+    },
+    defaultVariants: {
+        variant: 'default',
+        size: 'md'
+    }
+});

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

@@ -0,0 +1,3 @@
+export { default as Select } from './Select.svelte';
+export type { SelectProps } from './Select.types.js';
+export { selectVariants, type SelectVariantProps } from './Select.variants.js';

package/dist/components/select/index.js

@@ -0,0 +1,2 @@
+export { default as Select } from './Select.svelte';
+export { selectVariants } from './Select.variants.js';