sdocs 0.0.2 → 0.0.4

package/dist/ui/Table/Cell.svelte

@@ -1,24 +0,0 @@
-<script lang="ts">
-	import type { Snippet } from 'svelte';
-
-	/**
-	 * A table data cell. Use inside Row.
-	 */
-	interface Props {
-		/** Cell content */
-		children: Snippet;
-		/** Number of columns to span */
-		colspan?: number;
-		/** Text alignment */
-		align?: 'left' | 'center' | 'right';
-	}
-
-	let { children, colspan, align }: Props = $props();
-</script>
-
-<td
-	{colspan}
-	style:text-align={align}
->
-	{@render children()}
-</td>

package/dist/ui/Table/Cell.svelte.d.ts

@@ -1,15 +0,0 @@
-import type { Snippet } from 'svelte';
-/**
- * A table data cell. Use inside Row.
- */
-interface Props {
-    /** Cell content */
-    children: Snippet;
-    /** Number of columns to span */
-    colspan?: number;
-    /** Text alignment */
-    align?: 'left' | 'center' | 'right';
-}
-declare const Cell: import("svelte").Component<Props, {}, "">;
-type Cell = ReturnType<typeof Cell>;
-export default Cell;

package/dist/ui/Table/Foot.svelte

@@ -1,17 +0,0 @@
-<script lang="ts">
-	import type { Snippet } from 'svelte';
-
-	/**
-	 * Table footer section. Used for summary rows (totals, counts).
-	 */
-	interface Props {
-		/** Footer rows */
-		children: Snippet;
-	}
-
-	let { children }: Props = $props();
-</script>
-
-<tfoot>
-	{@render children()}
-</tfoot>

package/dist/ui/Table/Foot.svelte.d.ts

@@ -1,11 +0,0 @@
-import type { Snippet } from 'svelte';
-/**
- * Table footer section. Used for summary rows (totals, counts).
- */
-interface Props {
-    /** Footer rows */
-    children: Snippet;
-}
-declare const Foot: import("svelte").Component<Props, {}, "">;
-type Foot = ReturnType<typeof Foot>;
-export default Foot;

package/dist/ui/Table/Head.svelte

@@ -1,17 +0,0 @@
-<script lang="ts">
-	import type { Snippet } from 'svelte';
-
-	/**
-	 * Table header section. Contains header rows.
-	 */
-	interface Props {
-		/** Header rows */
-		children: Snippet;
-	}
-
-	let { children }: Props = $props();
-</script>
-
-<thead>
-	{@render children()}
-</thead>

package/dist/ui/Table/Head.svelte.d.ts

@@ -1,11 +0,0 @@
-import type { Snippet } from 'svelte';
-/**
- * Table header section. Contains header rows.
- */
-interface Props {
-    /** Header rows */
-    children: Snippet;
-}
-declare const Head: import("svelte").Component<Props, {}, "">;
-type Head = ReturnType<typeof Head>;
-export default Head;

package/dist/ui/Table/Header.svelte

@@ -1,27 +0,0 @@
-<script lang="ts">
-	import type { Snippet } from 'svelte';
-
-	/**
-	 * A table header cell. Use inside Row.
-	 */
-	interface Props {
-		/** Cell content */
-		children: Snippet;
-		/** Number of columns to span */
-		colspan?: number;
-		/** Text alignment */
-		align?: 'left' | 'center' | 'right';
-		/** Column width (e.g. '20%', '200px') */
-		width?: string;
-	}
-
-	let { children, colspan, align, width }: Props = $props();
-</script>
-
-<th
-	{colspan}
-	style:text-align={align}
-	style:width={width}
->
-	{@render children()}
-</th>

package/dist/ui/Table/Header.svelte.d.ts

@@ -1,17 +0,0 @@
-import type { Snippet } from 'svelte';
-/**
- * A table header cell. Use inside Row.
- */
-interface Props {
-    /** Cell content */
-    children: Snippet;
-    /** Number of columns to span */
-    colspan?: number;
-    /** Text alignment */
-    align?: 'left' | 'center' | 'right';
-    /** Column width (e.g. '20%', '200px') */
-    width?: string;
-}
-declare const Header: import("svelte").Component<Props, {}, "">;
-type Header = ReturnType<typeof Header>;
-export default Header;

package/dist/ui/Table/Row.svelte

@@ -1,19 +0,0 @@
-<script lang="ts">
-	import type { Snippet } from 'svelte';
-
-	/**
-	 * A table row. Use inside Head, Body, or Foot.
-	 */
-	interface Props {
-		/** Row cells */
-		children: Snippet;
-		/** Additional CSS class */
-		class?: string;
-	}
-
-	let { children, class: className = '' }: Props = $props();
-</script>
-
-<tr class={className || undefined}>
-	{@render children()}
-</tr>

package/dist/ui/Table/Row.svelte.d.ts

@@ -1,13 +0,0 @@
-import type { Snippet } from 'svelte';
-/**
- * A table row. Use inside Head, Body, or Foot.
- */
-interface Props {
-    /** Row cells */
-    children: Snippet;
-    /** Additional CSS class */
-    class?: string;
-}
-declare const Row: import("svelte").Component<Props, {}, "">;
-type Row = ReturnType<typeof Row>;
-export default Row;

package/dist/ui/Table/Table.docs.svelte

@@ -1,197 +0,0 @@
-<script lang="ts" module>
-	import { Table } from './index.js';
-	import type { DocMeta } from '../../types.js';
-
-	export const meta: DocMeta = {
-		title: 'Layout / Table',
-		component: Table
-	};
-
-	export { Default, Striped, Compact, WithCaption, WithFooter, SectionHeaders };
-</script>
-
-{#snippet Default(args: any)}
-	<Table {...args}>
-		<Table.Head>
-			<Table.Row>
-				<Table.Header>Name</Table.Header>
-				<Table.Header>Type</Table.Header>
-				<Table.Header>Description</Table.Header>
-			</Table.Row>
-		</Table.Head>
-		<Table.Body>
-			<Table.Row>
-				<Table.Cell>label</Table.Cell>
-				<Table.Cell>string</Table.Cell>
-				<Table.Cell>Button text</Table.Cell>
-			</Table.Row>
-			<Table.Row>
-				<Table.Cell>disabled</Table.Cell>
-				<Table.Cell>boolean</Table.Cell>
-				<Table.Cell>Disable the button</Table.Cell>
-			</Table.Row>
-			<Table.Row>
-				<Table.Cell>size</Table.Cell>
-				<Table.Cell>'s' | 'm' | 'l'</Table.Cell>
-				<Table.Cell>Size variant</Table.Cell>
-			</Table.Row>
-		</Table.Body>
-	</Table>
-{/snippet}
-
-{#snippet Striped()}
-	<Table striped>
-		<Table.Head>
-			<Table.Row>
-				<Table.Header>Name</Table.Header>
-				<Table.Header>Role</Table.Header>
-				<Table.Header>Status</Table.Header>
-			</Table.Row>
-		</Table.Head>
-		<Table.Body>
-			<Table.Row>
-				<Table.Cell>Alice</Table.Cell>
-				<Table.Cell>Admin</Table.Cell>
-				<Table.Cell>Active</Table.Cell>
-			</Table.Row>
-			<Table.Row>
-				<Table.Cell>Bob</Table.Cell>
-				<Table.Cell>Editor</Table.Cell>
-				<Table.Cell>Active</Table.Cell>
-			</Table.Row>
-			<Table.Row>
-				<Table.Cell>Carol</Table.Cell>
-				<Table.Cell>Viewer</Table.Cell>
-				<Table.Cell>Inactive</Table.Cell>
-			</Table.Row>
-			<Table.Row>
-				<Table.Cell>Dave</Table.Cell>
-				<Table.Cell>Editor</Table.Cell>
-				<Table.Cell>Active</Table.Cell>
-			</Table.Row>
-		</Table.Body>
-	</Table>
-{/snippet}
-
-{#snippet Compact()}
-	<Table compact>
-		<Table.Head>
-			<Table.Row>
-				<Table.Header>Property</Table.Header>
-				<Table.Header>Value</Table.Header>
-			</Table.Row>
-		</Table.Head>
-		<Table.Body>
-			<Table.Row>
-				<Table.Cell>font-size</Table.Cell>
-				<Table.Cell>14px</Table.Cell>
-			</Table.Row>
-			<Table.Row>
-				<Table.Cell>line-height</Table.Cell>
-				<Table.Cell>1.5</Table.Cell>
-			</Table.Row>
-			<Table.Row>
-				<Table.Cell>font-weight</Table.Cell>
-				<Table.Cell>400</Table.Cell>
-			</Table.Row>
-		</Table.Body>
-	</Table>
-{/snippet}
-
-{#snippet WithCaption()}
-	<Table>
-		<Table.Caption>Team members and their roles</Table.Caption>
-		<Table.Head>
-			<Table.Row>
-				<Table.Header>Name</Table.Header>
-				<Table.Header>Role</Table.Header>
-				<Table.Header align="right">Hours</Table.Header>
-			</Table.Row>
-		</Table.Head>
-		<Table.Body>
-			<Table.Row>
-				<Table.Cell>Alice</Table.Cell>
-				<Table.Cell>Lead</Table.Cell>
-				<Table.Cell align="right">40</Table.Cell>
-			</Table.Row>
-			<Table.Row>
-				<Table.Cell>Bob</Table.Cell>
-				<Table.Cell>Developer</Table.Cell>
-				<Table.Cell align="right">32</Table.Cell>
-			</Table.Row>
-		</Table.Body>
-	</Table>
-{/snippet}
-
-{#snippet WithFooter()}
-	<Table>
-		<Table.Head>
-			<Table.Row>
-				<Table.Header>Product</Table.Header>
-				<Table.Header align="right">Price</Table.Header>
-				<Table.Header align="right">Qty</Table.Header>
-				<Table.Header align="right">Total</Table.Header>
-			</Table.Row>
-		</Table.Head>
-		<Table.Body>
-			<Table.Row>
-				<Table.Cell>Widget A</Table.Cell>
-				<Table.Cell align="right">$10</Table.Cell>
-				<Table.Cell align="right">3</Table.Cell>
-				<Table.Cell align="right">$30</Table.Cell>
-			</Table.Row>
-			<Table.Row>
-				<Table.Cell>Widget B</Table.Cell>
-				<Table.Cell align="right">$25</Table.Cell>
-				<Table.Cell align="right">2</Table.Cell>
-				<Table.Cell align="right">$50</Table.Cell>
-			</Table.Row>
-		</Table.Body>
-		<Table.Foot>
-			<Table.Row>
-				<Table.Header colspan={3}>Total</Table.Header>
-				<Table.Cell align="right"><strong>$80</strong></Table.Cell>
-			</Table.Row>
-		</Table.Foot>
-	</Table>
-{/snippet}
-
-{#snippet SectionHeaders()}
-	<Table>
-		<Table.Head>
-			<Table.Row>
-				<Table.Header>Name</Table.Header>
-				<Table.Header>Type</Table.Header>
-				<Table.Header>Default</Table.Header>
-			</Table.Row>
-		</Table.Head>
-		<Table.Body>
-			<Table.Row>
-				<Table.Header colspan={3}>Appearance</Table.Header>
-			</Table.Row>
-			<Table.Row>
-				<Table.Cell>size</Table.Cell>
-				<Table.Cell>'s' | 'm' | 'l'</Table.Cell>
-				<Table.Cell>'m'</Table.Cell>
-			</Table.Row>
-			<Table.Row>
-				<Table.Cell>variant</Table.Cell>
-				<Table.Cell>'solid' | 'outline'</Table.Cell>
-				<Table.Cell>'solid'</Table.Cell>
-			</Table.Row>
-			<Table.Row>
-				<Table.Header colspan={3}>Behavior</Table.Header>
-			</Table.Row>
-			<Table.Row>
-				<Table.Cell>disabled</Table.Cell>
-				<Table.Cell>boolean</Table.Cell>
-				<Table.Cell>false</Table.Cell>
-			</Table.Row>
-			<Table.Row>
-				<Table.Cell>loading</Table.Cell>
-				<Table.Cell>boolean</Table.Cell>
-				<Table.Cell>false</Table.Cell>
-			</Table.Row>
-		</Table.Body>
-	</Table>
-{/snippet}

package/dist/ui/Table/Table.docs.svelte.d.ts

@@ -1,28 +0,0 @@
-import { Table } from './index.js';
-import type { DocMeta } from '../../types.js';
-declare const Default: (args: any) => ReturnType<import("svelte").Snippet>;
-declare const Striped: () => ReturnType<import("svelte").Snippet>;
-declare const Compact: () => ReturnType<import("svelte").Snippet>;
-declare const WithCaption: () => ReturnType<import("svelte").Snippet>;
-declare const WithFooter: () => ReturnType<import("svelte").Snippet>;
-declare const SectionHeaders: () => ReturnType<import("svelte").Snippet>;
-export declare const meta: DocMeta;
-export { Default, Striped, Compact, WithCaption, WithFooter, SectionHeaders };
-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;
-}
-declare const Table: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-type Table = InstanceType<typeof Table>;
-export default Table;

package/dist/ui/Table/Table.svelte

@@ -1,140 +0,0 @@
-<script lang="ts">
-	import type { Snippet } from 'svelte';
-
-	/**
-	 * A compound table component with semantic HTML sub-components.
-	 *
-	 * @cssvar {color} --table-border - Border color (default: var(--color-border))
-	 * @cssvar {color} --table-bg - Background color (default: white)
-	 * @cssvar {color} --table-header-bg - Header background (default: var(--color-bg))
-	 * @cssvar {color} --table-hover-bg - Row hover background (default: var(--color-bg-hover))
-	 * @cssvar {color} --table-stripe-bg - Striped row background (default: var(--color-bg))
-	 */
-	interface Props {
-		/** Table content (Head, Body, Foot, Caption) */
-		children: Snippet;
-		/** Show alternating row colors */
-		striped?: boolean;
-		/** Compact padding */
-		compact?: boolean;
-		/** Fixed table layout */
-		fixed?: boolean;
-		/** Remove outer border */
-		borderless?: boolean;
-		/** Additional CSS class */
-		class?: string;
-	}
-
-	let {
-		children,
-		striped = false,
-		compact = false,
-		fixed = false,
-		borderless = false,
-		class: className = ''
-	}: Props = $props();
-</script>
-
-<div class="Table-wrapper {className}" class:striped class:compact class:fixed class:borderless>
-	<table>
-		{@render children()}
-	</table>
-</div>
-
-<style>
-	.Table-wrapper {
-		width: 100%;
-		overflow-x: auto;
-		border: 1px solid var(--table-border, var(--color-border));
-		border-radius: 0;
-		background: var(--table-bg, white);
-	}
-
-	.Table-wrapper table {
-		width: 100%;
-		border-collapse: collapse;
-		font-size: 14px;
-	}
-
-	.Table-wrapper.fixed table {
-		table-layout: fixed;
-	}
-
-	/* Head */
-	.Table-wrapper :global(thead th) {
-		text-align: left;
-		padding: 10px 12px;
-		background: var(--table-header-bg, var(--color-bg));
-		border-bottom: 1px solid var(--table-border, var(--color-border));
-		font-weight: 600;
-		color: var(--color-text-secondary);
-		font-size: 12px;
-		text-transform: uppercase;
-		letter-spacing: 0.05em;
-	}
-
-	/* Body cells */
-	.Table-wrapper :global(tbody td),
-	.Table-wrapper :global(tbody th) {
-		padding: 10px 12px;
-		border-bottom: 1px solid var(--color-border-subtle);
-		vertical-align: middle;
-	}
-
-	.Table-wrapper :global(tbody tr:last-child td),
-	.Table-wrapper :global(tbody tr:last-child th) {
-		border-bottom: none;
-	}
-
-	.Table-wrapper :global(tbody tr:hover) {
-		background: var(--table-hover-bg, var(--base-50));
-	}
-
-	/* Foot */
-	.Table-wrapper :global(tfoot td),
-	.Table-wrapper :global(tfoot th) {
-		padding: 10px 12px;
-		background: var(--table-header-bg, var(--color-bg));
-		border-top: 1px solid var(--table-border, var(--color-border));
-		font-weight: 600;
-		font-size: 13px;
-		color: var(--color-text-secondary);
-	}
-
-	/* Caption */
-	.Table-wrapper :global(caption) {
-		padding: 10px 12px;
-		font-size: 13px;
-		color: var(--color-text-secondary);
-		text-align: left;
-		caption-side: top;
-	}
-
-	/* Compact variant */
-	.Table-wrapper.compact :global(thead th) {
-		padding: 6px 10px;
-		font-size: 11px;
-	}
-
-	.Table-wrapper.compact :global(tbody td),
-	.Table-wrapper.compact :global(tbody th),
-	.Table-wrapper.compact :global(tfoot td),
-	.Table-wrapper.compact :global(tfoot th) {
-		padding: 6px 10px;
-		font-size: 13px;
-	}
-
-	/* Borderless variant */
-	.Table-wrapper.borderless {
-		border: none;
-	}
-
-	/* Striped variant */
-	.Table-wrapper.striped :global(tbody tr:nth-child(even)) {
-		background: var(--table-stripe-bg, var(--color-bg));
-	}
-
-	.Table-wrapper.striped :global(tbody tr:nth-child(even):hover) {
-		background: var(--table-hover-bg, var(--base-50));
-	}
-</style>

package/dist/ui/Table/Table.svelte.d.ts

@@ -1,27 +0,0 @@
-import type { Snippet } from 'svelte';
-/**
- * A compound table component with semantic HTML sub-components.
- *
- * @cssvar {color} --table-border - Border color (default: var(--color-border))
- * @cssvar {color} --table-bg - Background color (default: white)
- * @cssvar {color} --table-header-bg - Header background (default: var(--color-bg))
- * @cssvar {color} --table-hover-bg - Row hover background (default: var(--color-bg-hover))
- * @cssvar {color} --table-stripe-bg - Striped row background (default: var(--color-bg))
- */
-interface Props {
-    /** Table content (Head, Body, Foot, Caption) */
-    children: Snippet;
-    /** Show alternating row colors */
-    striped?: boolean;
-    /** Compact padding */
-    compact?: boolean;
-    /** Fixed table layout */
-    fixed?: boolean;
-    /** Remove outer border */
-    borderless?: boolean;
-    /** Additional CSS class */
-    class?: string;
-}
-declare const Table: import("svelte").Component<Props, {}, "">;
-type Table = ReturnType<typeof Table>;
-export default Table;

package/dist/ui/Table/index.js

@@ -1,10 +0,0 @@
-import TableRoot from './Table.svelte';
-import Head from './Head.svelte';
-import Body from './Body.svelte';
-import Foot from './Foot.svelte';
-import Row from './Row.svelte';
-import Header from './Header.svelte';
-import Cell from './Cell.svelte';
-import Caption from './Caption.svelte';
-const Table = Object.assign(TableRoot, { Head, Body, Foot, Row, Header, Cell, Caption });
-export { Table, Head, Body, Foot, Row, Header, Cell, Caption };