dystopia-linear-lib 1.0.0

package/dist/components/skeleton/Skeleton.types.d.ts

@@ -0,0 +1,4 @@
+import type { HTMLAttributes } from 'svelte/elements';
+export interface SkeletonProps extends HTMLAttributes<HTMLDivElement> {
+    class?: string;
+}

package/dist/components/skeleton/Skeleton.types.js

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

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

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

package/dist/components/skeleton/index.js

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

package/dist/components/slider/Slider.svelte

@@ -0,0 +1,30 @@
+<script lang="ts">
+	import { cn } from '../../utils/cn.js';
+	import { sliderVariants } from './Slider.variants.js';
+	import type { SliderProps } from './Slider.types.js';
+
+	let {
+		size,
+		class: className,
+		ref = $bindable(null),
+		value = $bindable(0),
+		min = 0,
+		max = 100,
+		disabled = false,
+		...restProps
+	}: SliderProps = $props();
+
+	const fillPercentage = $derived(((value - min) / (max - min)) * 100);
+</script>
+
+<input
+	type="range"
+	bind:this={ref}
+	bind:value
+	{disabled}
+	{min}
+	{max}
+	style="--slider-fill: {fillPercentage}%"
+	class={cn(sliderVariants({ size }), className)}
+	{...restProps}
+/>

package/dist/components/slider/Slider.svelte.d.ts

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

package/dist/components/slider/Slider.types.d.ts

@@ -0,0 +1,9 @@
+import type { HTMLInputAttributes } from 'svelte/elements';
+import type { SliderVariantProps } from './Slider.variants.js';
+export interface SliderProps extends Omit<HTMLInputAttributes, 'size' | 'type' | 'value' | 'min' | 'max'>, SliderVariantProps {
+    class?: string;
+    ref?: HTMLInputElement | null;
+    value?: number;
+    min?: number;
+    max?: number;
+}

package/dist/components/slider/Slider.types.js

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

package/dist/components/slider/Slider.variants.d.ts

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

package/dist/components/slider/Slider.variants.js

@@ -0,0 +1,26 @@
+import { cva } from 'class-variance-authority';
+// :focus-visible and :hover chained onto the WebKit/Moz slider-thumb pseudo-elements don't
+// reliably compile/apply through Tailwind's arbitrary variants (verified: the base thumb
+// pseudo-element rules compile fine, but state-chained ones silently produce no rule). Rather
+// than ship an unverifiable ring that might leave the thumb with no visible focus indicator,
+// the focus ring goes on the input's own box via the plain (proven) focus-visible: variant.
+// The filled portion left of the thumb is a gradient on the track pseudo-element, split at
+// the --slider-fill custom property (set inline per-render from value/min/max). Custom
+// properties inherit into ::-webkit-/::-moz- pseudo-elements even though most other styles
+// don't, which is what makes this work without any JS-driven width/clip-path trickery.
+// Tailwind's class scanner reads this file as plain text, so the class name is written out
+// literally (twice, once per vendor prefix) rather than built with string interpolation —
+// an interpolated `${gradient}` would never be seen by the scanner as a real candidate.
+const base = 'w-full cursor-pointer appearance-none bg-transparent focus-visible:outline-2 focus-visible:outline-ring focus-visible:outline-offset-2 disabled:cursor-not-allowed disabled:opacity-50 [&::-webkit-slider-runnable-track]:rounded-full [&::-webkit-slider-runnable-track]:bg-[linear-gradient(to_right,var(--color-primary)_var(--slider-fill),var(--color-border)_var(--slider-fill))] [&::-moz-range-track]:rounded-full [&::-moz-range-track]:bg-[linear-gradient(to_right,var(--color-primary)_var(--slider-fill),var(--color-border)_var(--slider-fill))] [&::-webkit-slider-thumb]:appearance-none [&::-webkit-slider-thumb]:rounded-full [&::-webkit-slider-thumb]:border-2 [&::-webkit-slider-thumb]:border-primary [&::-webkit-slider-thumb]:bg-surface [&::-webkit-slider-thumb]:shadow-sm [&::-moz-range-thumb]:box-border [&::-moz-range-thumb]:rounded-full [&::-moz-range-thumb]:border-2 [&::-moz-range-thumb]:border-primary [&::-moz-range-thumb]:bg-surface [&::-moz-range-thumb]:shadow-sm';
+export const sliderVariants = cva(base, {
+    variants: {
+        size: {
+            sm: 'h-4 [&::-webkit-slider-runnable-track]:h-1.5 [&::-moz-range-track]:h-1.5 [&::-webkit-slider-thumb]:mt-[-5px] [&::-webkit-slider-thumb]:size-4 [&::-moz-range-thumb]:size-4',
+            md: 'h-5 [&::-webkit-slider-runnable-track]:h-2 [&::-moz-range-track]:h-2 [&::-webkit-slider-thumb]:mt-[-6px] [&::-webkit-slider-thumb]:size-5 [&::-moz-range-thumb]:size-5',
+            lg: 'h-6 [&::-webkit-slider-runnable-track]:h-2.5 [&::-moz-range-track]:h-2.5 [&::-webkit-slider-thumb]:mt-[-7px] [&::-webkit-slider-thumb]:size-6 [&::-moz-range-thumb]:size-6'
+        }
+    },
+    defaultVariants: {
+        size: 'md'
+    }
+});

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

@@ -0,0 +1,3 @@
+export { default as Slider } from './Slider.svelte';
+export type { SliderProps } from './Slider.types.js';
+export { sliderVariants, type SliderVariantProps } from './Slider.variants.js';

package/dist/components/slider/index.js

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

package/dist/components/spinner/Spinner.svelte

@@ -0,0 +1,24 @@
+<script lang="ts">
+	import { cn } from '../../utils/cn.js';
+	import { spinnerVariants } from './Spinner.variants.js';
+	import type { SpinnerProps } from './Spinner.types.js';
+
+	let { size, label, classes, class: className, ...restProps }: SpinnerProps = $props();
+</script>
+
+<span
+	role="status"
+	aria-label={label ?? 'Loading'}
+	class={cn('inline-flex', className)}
+	{...restProps}
+>
+	<svg
+		viewBox="0 0 24 24"
+		fill="none"
+		aria-hidden="true"
+		class={cn(spinnerVariants({ size }), classes?.icon)}
+	>
+		<circle cx="12" cy="12" r="9" stroke="currentColor" stroke-width="3" stroke-opacity="0.25" />
+		<path d="M21 12a9 9 0 0 0-9-9" stroke="currentColor" stroke-width="3" stroke-linecap="round" />
+	</svg>
+</span>

package/dist/components/spinner/Spinner.svelte.d.ts

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

package/dist/components/spinner/Spinner.types.d.ts

@@ -0,0 +1,10 @@
+import type { HTMLAttributes } from 'svelte/elements';
+import type { SpinnerVariantProps } from './Spinner.variants.js';
+export interface SpinnerProps extends Omit<HTMLAttributes<HTMLSpanElement>, 'children'>, SpinnerVariantProps {
+    class?: string;
+    classes?: {
+        icon?: string;
+    };
+    /** Accessible name announced to assistive tech. Defaults to "Loading" — pass `label=""` to suppress it when a nearby element (e.g. a button with `aria-busy`) already announces the loading state. */
+    label?: string;
+}

package/dist/components/spinner/Spinner.types.js

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

package/dist/components/spinner/Spinner.variants.d.ts

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

package/dist/components/spinner/Spinner.variants.js

@@ -0,0 +1,13 @@
+import { cva } from 'class-variance-authority';
+export const spinnerVariants = cva('animate-spin', {
+    variants: {
+        size: {
+            sm: 'size-3',
+            md: 'size-4',
+            lg: 'size-6'
+        }
+    },
+    defaultVariants: {
+        size: 'md'
+    }
+});

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

@@ -0,0 +1,3 @@
+export { default as Spinner } from './Spinner.svelte';
+export type { SpinnerProps } from './Spinner.types.js';
+export { spinnerVariants, type SpinnerVariantProps } from './Spinner.variants.js';

package/dist/components/spinner/index.js

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

package/dist/components/switch/Switch.svelte

@@ -0,0 +1,37 @@
+<script lang="ts">
+	import { cn } from '../../utils/cn.js';
+	import { switchVariants, switchThumbVariants } from './Switch.variants.js';
+	import type { SwitchProps } from './Switch.types.js';
+
+	let {
+		size,
+		class: className,
+		classes,
+		ref = $bindable(null),
+		checked = $bindable(false),
+		disabled = false,
+		invalid = false,
+		...restProps
+	}: SwitchProps = $props();
+</script>
+
+<span
+	class={cn(switchVariants({ size }), className)}
+	data-disabled={disabled ? '' : undefined}
+	data-invalid={invalid ? '' : undefined}
+>
+	<input
+		type="checkbox"
+		role="switch"
+		bind:this={ref}
+		bind:checked
+		{disabled}
+		class={cn(
+			'peer absolute inset-0 size-full cursor-pointer appearance-none rounded-full border border-border bg-surface-subtle transition-colors duration-150 group-data-invalid:border-danger-border checked:border-primary checked:bg-primary hover:bg-surface-hover checked:hover:bg-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(switchThumbVariants({ size }), classes?.thumb)}></span>
+</span>

package/dist/components/switch/Switch.svelte.d.ts

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

package/dist/components/switch/Switch.types.d.ts

@@ -0,0 +1,13 @@
+import type { HTMLInputAttributes } from 'svelte/elements';
+import type { SwitchVariantProps } from './Switch.variants.js';
+export interface SwitchProps extends Omit<HTMLInputAttributes, 'size' | 'type'>, SwitchVariantProps {
+    /** Applied to the container element; `classes` targets the inner parts. */
+    class?: string;
+    classes?: {
+        input?: string;
+        thumb?: string;
+    };
+    ref?: HTMLInputElement | null;
+    checked?: boolean;
+    invalid?: boolean;
+}

package/dist/components/switch/Switch.types.js

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

package/dist/components/switch/Switch.variants.d.ts

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

package/dist/components/switch/Switch.variants.js

@@ -0,0 +1,25 @@
+import { cva } from 'class-variance-authority';
+export const switchVariants = cva('group relative inline-flex shrink-0 align-middle data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50', {
+    variants: {
+        size: {
+            sm: 'h-4 w-7',
+            md: 'h-5 w-9',
+            lg: 'h-6 w-11'
+        }
+    },
+    defaultVariants: {
+        size: 'md'
+    }
+});
+export const switchThumbVariants = cva('pointer-events-none absolute top-0.5 left-0.5 rounded-full bg-foreground-faint shadow-sm peer-checked:bg-surface transition-transform duration-150', {
+    variants: {
+        size: {
+            sm: 'size-3 peer-checked:translate-x-3',
+            md: 'size-4 peer-checked:translate-x-4',
+            lg: 'size-5 peer-checked:translate-x-5'
+        }
+    },
+    defaultVariants: {
+        size: 'md'
+    }
+});

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

@@ -0,0 +1,3 @@
+export { default as Switch } from './Switch.svelte';
+export type { SwitchProps } from './Switch.types.js';
+export { switchVariants, type SwitchVariantProps } from './Switch.variants.js';

package/dist/components/switch/index.js

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

package/dist/components/table/Table.svelte

@@ -0,0 +1,14 @@
+<script lang="ts">
+	import { cn } from '../../utils/cn.js';
+	import type { TableProps } from './Table.types.js';
+
+	let { class: className, classes, children, ...restProps }: TableProps = $props();
+</script>
+
+<div
+	class={cn('relative w-full overflow-x-auto rounded-lg border border-border bg-surface', className)}
+>
+	<table class={cn('w-full caption-bottom text-sm text-foreground', classes?.table)} {...restProps}>
+		{@render children()}
+	</table>
+</div>

package/dist/components/table/Table.svelte.d.ts

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

package/dist/components/table/Table.types.d.ts

@@ -0,0 +1,10 @@
+import type { Snippet } from 'svelte';
+import type { HTMLTableAttributes } from 'svelte/elements';
+export interface TableProps extends HTMLTableAttributes {
+    /** Applied to the outermost scroll wrapper. */
+    class?: string;
+    classes?: {
+        table?: string;
+    };
+    children: Snippet;
+}

package/dist/components/table/Table.types.js

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

package/dist/components/table/TableBody.svelte

@@ -0,0 +1,10 @@
+<script lang="ts">
+	import { cn } from '../../utils/cn.js';
+	import type { TableBodyProps } from './TableBody.types.js';
+
+	let { class: className, children, ...restProps }: TableBodyProps = $props();
+</script>
+
+<tbody class={cn('[&>tr:last-child]:border-b-0', className)} {...restProps}>
+	{@render children()}
+</tbody>

package/dist/components/table/TableBody.svelte.d.ts

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

package/dist/components/table/TableBody.types.d.ts

@@ -0,0 +1,6 @@
+import type { Snippet } from 'svelte';
+import type { HTMLAttributes } from 'svelte/elements';
+export interface TableBodyProps extends HTMLAttributes<HTMLTableSectionElement> {
+    class?: string;
+    children: Snippet;
+}

package/dist/components/table/TableBody.types.js

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

package/dist/components/table/TableCaption.svelte

@@ -0,0 +1,10 @@
+<script lang="ts">
+	import { cn } from '../../utils/cn.js';
+	import type { TableCaptionProps } from './TableCaption.types.js';
+
+	let { class: className, children, ...restProps }: TableCaptionProps = $props();
+</script>
+
+<caption class={cn('mt-4 text-sm leading-snug text-foreground-subtle', className)} {...restProps}>
+	{@render children()}
+</caption>

package/dist/components/table/TableCaption.svelte.d.ts

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

package/dist/components/table/TableCaption.types.d.ts

@@ -0,0 +1,6 @@
+import type { Snippet } from 'svelte';
+import type { HTMLAttributes } from 'svelte/elements';
+export interface TableCaptionProps extends HTMLAttributes<HTMLElement> {
+    class?: string;
+    children: Snippet;
+}

package/dist/components/table/TableCaption.types.js

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

package/dist/components/table/TableCell.svelte

@@ -0,0 +1,13 @@
+<script lang="ts">
+	import { cn } from '../../utils/cn.js';
+	import type { TableCellProps } from './TableCell.types.js';
+
+	let { class: className, children, ...restProps }: TableCellProps = $props();
+</script>
+
+<td
+	class={cn('px-compact py-2 align-middle text-sm text-foreground-soft', className)}
+	{...restProps}
+>
+	{@render children()}
+</td>

package/dist/components/table/TableCell.svelte.d.ts

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

package/dist/components/table/TableCell.types.d.ts

@@ -0,0 +1,6 @@
+import type { Snippet } from 'svelte';
+import type { HTMLTdAttributes } from 'svelte/elements';
+export interface TableCellProps extends HTMLTdAttributes {
+    class?: string;
+    children: Snippet;
+}

package/dist/components/table/TableCell.types.js

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

package/dist/components/table/TableFooter.svelte

@@ -0,0 +1,13 @@
+<script lang="ts">
+	import { cn } from '../../utils/cn.js';
+	import type { TableFooterProps } from './TableFooter.types.js';
+
+	let { class: className, children, ...restProps }: TableFooterProps = $props();
+</script>
+
+<tfoot
+	class={cn('border-t border-border bg-surface-subtle font-medium text-foreground-soft', className)}
+	{...restProps}
+>
+	{@render children()}
+</tfoot>

package/dist/components/table/TableFooter.svelte.d.ts

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

package/dist/components/table/TableFooter.types.d.ts

@@ -0,0 +1,6 @@
+import type { Snippet } from 'svelte';
+import type { HTMLAttributes } from 'svelte/elements';
+export interface TableFooterProps extends HTMLAttributes<HTMLTableSectionElement> {
+    class?: string;
+    children: Snippet;
+}

package/dist/components/table/TableFooter.types.js

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

package/dist/components/table/TableHead.svelte

@@ -0,0 +1,17 @@
+<script lang="ts">
+	import { cn } from '../../utils/cn.js';
+	import type { TableHeadProps } from './TableHead.types.js';
+
+	let { class: className, children, ...restProps }: TableHeadProps = $props();
+</script>
+
+<th
+	scope="col"
+	class={cn(
+		'px-compact py-2 text-left align-middle text-sm leading-snug font-medium text-foreground-soft',
+		className
+	)}
+	{...restProps}
+>
+	{@render children()}
+</th>

package/dist/components/table/TableHead.svelte.d.ts

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

package/dist/components/table/TableHead.types.d.ts

@@ -0,0 +1,6 @@
+import type { Snippet } from 'svelte';
+import type { HTMLThAttributes } from 'svelte/elements';
+export interface TableHeadProps extends HTMLThAttributes {
+    class?: string;
+    children: Snippet;
+}

package/dist/components/table/TableHead.types.js

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

package/dist/components/table/TableHeader.svelte

@@ -0,0 +1,10 @@
+<script lang="ts">
+	import { cn } from '../../utils/cn.js';
+	import type { TableHeaderProps } from './TableHeader.types.js';
+
+	let { class: className, children, ...restProps }: TableHeaderProps = $props();
+</script>
+
+<thead class={cn('border-b border-border bg-surface-subtle', className)} {...restProps}>
+	{@render children()}
+</thead>

package/dist/components/table/TableHeader.svelte.d.ts

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

package/dist/components/table/TableHeader.types.d.ts

@@ -0,0 +1,6 @@
+import type { Snippet } from 'svelte';
+import type { HTMLAttributes } from 'svelte/elements';
+export interface TableHeaderProps extends HTMLAttributes<HTMLTableSectionElement> {
+    class?: string;
+    children: Snippet;
+}

package/dist/components/table/TableHeader.types.js

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

package/dist/components/table/TableRow.svelte

@@ -0,0 +1,17 @@
+<script lang="ts">
+	import { cn } from '../../utils/cn.js';
+	import type { TableRowProps } from './TableRow.types.js';
+
+	let { class: className, selected = false, children, ...restProps }: TableRowProps = $props();
+</script>
+
+<tr
+	data-selected={selected ? '' : undefined}
+	class={cn(
+		'border-b border-border transition-colors duration-150 hover:bg-surface-subtle data-selected:bg-surface-hover',
+		className
+	)}
+	{...restProps}
+>
+	{@render children()}
+</tr>

package/dist/components/table/TableRow.svelte.d.ts

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

package/dist/components/table/TableRow.types.d.ts

@@ -0,0 +1,11 @@
+import type { Snippet } from 'svelte';
+import type { HTMLAttributes } from 'svelte/elements';
+export interface TableRowProps extends HTMLAttributes<HTMLTableRowElement> {
+    class?: string;
+    /**
+     * Purely presentational — this component holds no selection state itself.
+     * Wire it to whatever drives your own selection (e.g. a TanStack Table row model).
+     */
+    selected?: boolean;
+    children: Snippet;
+}

package/dist/components/table/TableRow.types.js

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

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

@@ -0,0 +1,16 @@
+export { default as Table } from './Table.svelte';
+export type { TableProps } from './Table.types.js';
+export { default as TableHeader } from './TableHeader.svelte';
+export type { TableHeaderProps } from './TableHeader.types.js';
+export { default as TableBody } from './TableBody.svelte';
+export type { TableBodyProps } from './TableBody.types.js';
+export { default as TableFooter } from './TableFooter.svelte';
+export type { TableFooterProps } from './TableFooter.types.js';
+export { default as TableRow } from './TableRow.svelte';
+export type { TableRowProps } from './TableRow.types.js';
+export { default as TableHead } from './TableHead.svelte';
+export type { TableHeadProps } from './TableHead.types.js';
+export { default as TableCell } from './TableCell.svelte';
+export type { TableCellProps } from './TableCell.types.js';
+export { default as TableCaption } from './TableCaption.svelte';
+export type { TableCaptionProps } from './TableCaption.types.js';

package/dist/components/table/index.js

@@ -0,0 +1,8 @@
+export { default as Table } from './Table.svelte';
+export { default as TableHeader } from './TableHeader.svelte';
+export { default as TableBody } from './TableBody.svelte';
+export { default as TableFooter } from './TableFooter.svelte';
+export { default as TableRow } from './TableRow.svelte';
+export { default as TableHead } from './TableHead.svelte';
+export { default as TableCell } from './TableCell.svelte';
+export { default as TableCaption } from './TableCaption.svelte';

package/dist/components/tabs/Tabs.svelte

@@ -0,0 +1,19 @@
+<script lang="ts">
+	import { cn } from '../../utils/cn.js';
+	import { setTabsContext } from './tabs-context.js';
+	import type { TabsProps } from './Tabs.types.js';
+
+	let { value = $bindable(''), class: className, children, ...restProps }: TabsProps = $props();
+
+	const baseId = $props.id();
+
+	setTabsContext({
+		baseId,
+		getValue: () => value,
+		setValue: (next) => (value = next)
+	});
+</script>
+
+<div class={cn('flex flex-col gap-cozy', className)} {...restProps}>
+	{@render children()}
+</div>

package/dist/components/tabs/Tabs.svelte.d.ts

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

package/dist/components/tabs/Tabs.types.d.ts

@@ -0,0 +1,7 @@
+import type { Snippet } from 'svelte';
+import type { HTMLAttributes } from 'svelte/elements';
+export interface TabsProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children'> {
+    class?: string;
+    value?: string;
+    children: Snippet;
+}