@dryui/ui 0.2.2 → 0.3.0

package/dist/system-map/types.d.ts

@@ -1,99 +0,0 @@
-export type DolphinPackage = 'primitives' | 'ui' | 'docs' | 'audit';
-export type DolphinNodeKind = 'component' | 'part' | 'catalog' | 'cluster';
-export type DolphinLayer = 'primitive' | 'ui-wrapper' | 'ui-composite' | 'part' | 'catalog' | 'cluster';
-export type DolphinVisibility = 'root' | 'subpath-only' | 'root+subpath';
-export type DolphinEdgeType = 'wraps' | 'composes' | 'compound_part' | 'related' | 'docs' | 'duplication_cluster';
-export type DolphinMismatchKind = 'missing-subpath-export' | 'subpath-only-export' | 'spec-missing' | 'docs-nav-missing' | 'docs-nav-orphan';
-export interface DolphinNode {
-    id: string;
-    name: string;
-    label: string;
-    kind: DolphinNodeKind;
-    package: DolphinPackage;
-    layer: DolphinLayer;
-    category: string;
-    description: string;
-    visibility?: DolphinVisibility;
-    sourcePath?: string;
-    publicImport?: string;
-    tags: string[];
-    compound: boolean;
-    parts: string[];
-    sourceFileCount?: number;
-    primitivePartUsageCount?: number;
-    componentImportCount?: number;
-}
-export interface DolphinEdge {
-    id: string;
-    type: DolphinEdgeType;
-    from: string;
-    to: string;
-    label?: string;
-}
-export interface DolphinCluster {
-    id: string;
-    title: string;
-    priority: 'canonicalize-now' | 'document-decision-tree' | 'watch';
-    summary: string;
-    components: string[];
-    recommendations: string[];
-}
-export interface DolphinMismatch {
-    kind: DolphinMismatchKind;
-    package: DolphinPackage;
-    component: string;
-    detail: string;
-    sourcePath?: string;
-}
-export interface DolphinSignals {
-    primitivePartComponents: string[];
-    thinWrapperComponents: string[];
-    subpathOnlyUi: string[];
-    subpathOnlyPrimitives: string[];
-    specMissingUi: string[];
-    specMissingPrimitives: string[];
-    docsNavMissing: string[];
-    docsNavOrphan: string[];
-}
-export interface DolphinSummary {
-    componentNodes: number;
-    partNodes: number;
-    catalogNodes: number;
-    clusterNodes: number;
-    primitiveComponents: number;
-    uiComponents: number;
-    uiWrappers: number;
-    uiComposites: number;
-    rootBarrelComponents: number;
-    subpathOnlyComponents: number;
-    compoundComponents: number;
-    wrapEdges: number;
-    composeEdges: number;
-    docsEdges: number;
-    relatedEdges: number;
-    mismatches: number;
-    primitivePartComponents: number;
-    thinWrappers: number;
-}
-export interface DolphinGraph {
-    schema: 'DolphinGraph';
-    generatedAt: string;
-    packageVersion: string;
-    summary: DolphinSummary;
-    nodes: DolphinNode[];
-    edges: DolphinEdge[];
-    clusters: DolphinCluster[];
-    mismatches: DolphinMismatch[];
-    signals: DolphinSignals;
-    mermaid: {
-        packageOverview: string;
-        clusterOverview: string;
-    };
-}
-export type SystemMapGraph = DolphinGraph;
-export type SystemMapNode = DolphinNode;
-export type SystemMapNodeKind = DolphinNodeKind;
-export type SystemMapLayer = DolphinLayer;
-export type SystemMapVisibility = DolphinVisibility;
-export type SystemMapEdge = DolphinEdge;
-export type SystemMapEdgeKind = DolphinEdgeType;

package/dist/thumbnail/_layout-content.svelte

@@ -1,89 +0,0 @@
-<script lang="ts">
-	interface Props {
-		x: number;
-		y: number;
-		width: number;
-		height: number;
-	}
-
-	let { x, y, width, height }: Props = $props();
-
-	let cardW = $derived(Math.round((width - 10) / 2));
-	let cardX2 = $derived(x + cardW + 5);
-	let cardY = $derived(y + 30);
-	let cardH = $derived(Math.max(1, Math.min(16, Math.round((height - 36) / 2) - 2)));
-	let card2Y = $derived(cardY + cardH + 4);
-	let card2H = $derived(Math.max(10, y + height - card2Y - 2));
-</script>
-
-<!-- Heading -->
-<rect
-	{x}
-	{y}
-	width={Math.round(width * 0.45)}
-	height="7"
-	rx="2"
-	fill="var(--dry-color-text-weak)"
-	opacity="0.5"
-/>
-<!-- Paragraph lines -->
-<rect
-	{x}
-	y={y + 12}
-	width={Math.round(width * 0.75)}
-	height="4"
-	rx="1"
-	fill="var(--dry-color-text-weak)"
-	opacity="0.3"
-/>
-<rect
-	{x}
-	y={y + 19}
-	width={Math.round(width * 0.65)}
-	height="4"
-	rx="1"
-	fill="var(--dry-color-text-weak)"
-	opacity="0.3"
-/>
-<!-- Card row 1 -->
-<rect
-	{x}
-	y={cardY}
-	width={cardW}
-	height={cardH}
-	rx="2"
-	fill="var(--dry-color-bg-raised)"
-	stroke="var(--dry-color-stroke-weak)"
-	stroke-width="1"
-/>
-<rect
-	x={cardX2}
-	y={cardY}
-	width={cardW}
-	height={cardH}
-	rx="2"
-	fill="var(--dry-color-bg-raised)"
-	stroke="var(--dry-color-stroke-weak)"
-	stroke-width="1"
-/>
-<!-- Card row 2 -->
-<rect
-	{x}
-	y={card2Y}
-	width={cardW}
-	height={card2H}
-	rx="2"
-	fill="var(--dry-color-bg-raised)"
-	stroke="var(--dry-color-stroke-weak)"
-	stroke-width="1"
-/>
-<rect
-	x={cardX2}
-	y={card2Y}
-	width={cardW}
-	height={card2H}
-	rx="2"
-	fill="var(--dry-color-bg-raised)"
-	stroke="var(--dry-color-stroke-weak)"
-	stroke-width="1"
-/>

package/dist/thumbnail/_layout-content.svelte.d.ts

@@ -1,9 +0,0 @@
-interface Props {
-    x: number;
-    y: number;
-    width: number;
-    height: number;
-}
-declare const LayoutContent: import("svelte").Component<Props, {}, "">;
-type LayoutContent = ReturnType<typeof LayoutContent>;
-export default LayoutContent;

package/dist/thumbnail/_layout-footer.svelte

@@ -1,54 +0,0 @@
-<script lang="ts">
-	interface Props {
-		x: number;
-		y: number;
-		width: number;
-		height: number;
-	}
-
-	let { x, y, width, height }: Props = $props();
-
-	let textY = $derived(y + Math.round(height / 2) - 1);
-</script>
-
-<!-- Footer panel -->
-<rect
-	{x}
-	{y}
-	{width}
-	{height}
-	rx="3"
-	fill="var(--dry-color-bg-raised)"
-	stroke="var(--dry-color-stroke-weak)"
-	stroke-width="1"
-/>
-<!-- Footer top divider -->
-<line x1={x} y1={y} x2={x + width} y2={y} stroke="var(--dry-color-stroke-weak)" stroke-width="1" />
-<!-- Footer text -->
-<rect
-	x={x + 6}
-	y={textY}
-	width="18"
-	height="3"
-	rx="1"
-	fill="var(--dry-color-text-weak)"
-	opacity="0.4"
-/>
-<rect
-	x={x + Math.round(width / 2) - 7}
-	y={textY}
-	width="14"
-	height="3"
-	rx="1"
-	fill="var(--dry-color-text-weak)"
-	opacity="0.4"
-/>
-<rect
-	x={x + width - 24}
-	y={textY}
-	width="18"
-	height="3"
-	rx="1"
-	fill="var(--dry-color-text-weak)"
-	opacity="0.4"
-/>

package/dist/thumbnail/_layout-footer.svelte.d.ts

@@ -1,9 +0,0 @@
-interface Props {
-    x: number;
-    y: number;
-    width: number;
-    height: number;
-}
-declare const LayoutFooter: import("svelte").Component<Props, {}, "">;
-type LayoutFooter = ReturnType<typeof LayoutFooter>;
-export default LayoutFooter;

package/dist/thumbnail/_layout-header.svelte

@@ -1,76 +0,0 @@
-<script lang="ts">
-	interface Props {
-		x: number;
-		y: number;
-		width: number;
-		height: number;
-	}
-
-	let { x, y, width, height }: Props = $props();
-
-	let logoW = $derived(14);
-	let logoH = $derived(height - 8);
-	let logoX = $derived(x + 6);
-	let logoY = $derived(y + 4);
-	let navY = $derived(y + Math.round(height / 2) - 2);
-	let navStartX = $derived(logoX + logoW + 8);
-</script>
-
-<!-- Header panel -->
-<rect
-	{x}
-	{y}
-	{width}
-	{height}
-	rx="3"
-	fill="var(--dry-color-bg-raised)"
-	stroke="var(--dry-color-stroke-weak)"
-	stroke-width="1"
-/>
-<!-- Header bottom divider -->
-<line
-	x1={x}
-	y1={y + height}
-	x2={x + width}
-	y2={y + height}
-	stroke="var(--dry-color-stroke-weak)"
-	stroke-width="1"
-/>
-<!-- Logo -->
-<rect
-	x={logoX}
-	y={logoY}
-	width={logoW}
-	height={logoH}
-	rx="1"
-	fill="var(--dry-color-fill-brand)"
-	opacity="0.7"
-/>
-<!-- Nav items -->
-<rect
-	x={navStartX}
-	y={navY}
-	width="10"
-	height="4"
-	rx="1"
-	fill="var(--dry-color-text-weak)"
-	opacity="0.5"
-/>
-<rect
-	x={navStartX + 14}
-	y={navY}
-	width="10"
-	height="4"
-	rx="1"
-	fill="var(--dry-color-text-weak)"
-	opacity="0.5"
-/>
-<rect
-	x={navStartX + 28}
-	y={navY}
-	width="10"
-	height="4"
-	rx="1"
-	fill="var(--dry-color-text-weak)"
-	opacity="0.5"
-/>

package/dist/thumbnail/_layout-header.svelte.d.ts

@@ -1,9 +0,0 @@
-interface Props {
-    x: number;
-    y: number;
-    width: number;
-    height: number;
-}
-declare const LayoutHeader: import("svelte").Component<Props, {}, "">;
-type LayoutHeader = ReturnType<typeof LayoutHeader>;
-export default LayoutHeader;

package/dist/thumbnail/_layout-sidebar.svelte

@@ -1,75 +0,0 @@
-<script lang="ts">
-	interface Props {
-		x: number;
-		y: number;
-		width: number;
-		height: number;
-	}
-
-	let { x, y, width, height }: Props = $props();
-
-	let lineX = $derived(x + 6);
-	let lineW = $derived(width - 12);
-	let firstLineY = $derived(y + 14);
-</script>
-
-<!-- Sidebar panel -->
-<rect
-	{x}
-	{y}
-	{width}
-	{height}
-	rx="0"
-	fill="var(--dry-color-bg-raised)"
-	stroke="var(--dry-color-stroke-weak)"
-	stroke-width="1"
-/>
-<!-- Sidebar right divider -->
-<line
-	x1={x + width}
-	y1={y}
-	x2={x + width}
-	y2={y + height}
-	stroke="var(--dry-color-stroke-weak)"
-	stroke-width="1"
-/>
-<!-- Active nav line -->
-<rect
-	x={lineX}
-	y={firstLineY}
-	width={lineW}
-	height="4"
-	rx="1"
-	fill="var(--dry-color-fill-brand)"
-	opacity="0.6"
-/>
-<!-- Nav line 2 -->
-<rect
-	x={lineX}
-	y={firstLineY + 10}
-	width={lineW}
-	height="4"
-	rx="1"
-	fill="var(--dry-color-text-weak)"
-	opacity="0.4"
-/>
-<!-- Nav line 3 -->
-<rect
-	x={lineX}
-	y={firstLineY + 20}
-	width={lineW - 4}
-	height="4"
-	rx="1"
-	fill="var(--dry-color-text-weak)"
-	opacity="0.4"
-/>
-<!-- Nav line 4 -->
-<rect
-	x={lineX}
-	y={firstLineY + 30}
-	width={lineW - 2}
-	height="4"
-	rx="1"
-	fill="var(--dry-color-text-weak)"
-	opacity="0.4"
-/>

package/dist/thumbnail/_layout-sidebar.svelte.d.ts

@@ -1,9 +0,0 @@
-interface Props {
-    x: number;
-    y: number;
-    width: number;
-    height: number;
-}
-declare const LayoutSidebar: import("svelte").Component<Props, {}, "">;
-type LayoutSidebar = ReturnType<typeof LayoutSidebar>;
-export default LayoutSidebar;

package/dist/thumbnail/accordion.svelte

@@ -1,144 +0,0 @@
-<script lang="ts">
-	import { Svg } from '@dryui/primitives';
-	import { applySizeVars } from './apply-size.js';
-
-	interface Props {
-		size?: 'sm' | 'md' | 'lg' | number;
-		class?: string;
-	}
-
-	let { size = 'md', class: className }: Props = $props();
-</script>
-
-<span
-	data-thumbnail
-	data-size={typeof size === 'string' ? size : undefined}
-	class={className}
-	use:applySizeVars={size}
->
-	<Svg viewBox="0 0 120 80" aria-label="accordion thumbnail" width="100%" height="100%">
-		<!-- First item (collapsed) -->
-		<rect
-			x="10"
-			y="8"
-			width="100"
-			height="14"
-			rx="3"
-			fill="var(--dry-color-bg-raised)"
-			stroke="var(--dry-color-stroke-weak)"
-			stroke-width="1"
-		/>
-		<rect x="16" y="13" width="36" height="4" rx="2" fill="var(--dry-color-text-weak)" />
-		<!-- Chevron right (collapsed) -->
-		<polyline
-			points="94,12 98,15 94,18"
-			fill="none"
-			stroke="var(--dry-color-text-weak)"
-			stroke-width="1.5"
-			stroke-linecap="round"
-		/>
-
-		<!-- Second item (expanded) -->
-		<rect
-			x="10"
-			y="26"
-			width="100"
-			height="14"
-			rx="3"
-			fill="var(--dry-color-fill-brand)"
-			stroke="none"
-			opacity="0.15"
-		/>
-		<rect
-			x="10"
-			y="26"
-			width="100"
-			height="14"
-			rx="3"
-			fill="none"
-			stroke="var(--dry-color-fill-brand)"
-			stroke-width="1"
-		/>
-		<rect x="16" y="31" width="36" height="4" rx="2" fill="var(--dry-color-text-weak)" />
-		<!-- Chevron down (expanded) -->
-		<polyline
-			points="92,30 96,34 100,30"
-			fill="none"
-			stroke="var(--dry-color-fill-brand)"
-			stroke-width="1.5"
-			stroke-linecap="round"
-		/>
-
-		<!-- Expanded content rect -->
-		<rect
-			x="10"
-			y="41"
-			width="100"
-			height="18"
-			rx="3"
-			fill="var(--dry-color-bg-raised)"
-			stroke="var(--dry-color-stroke-weak)"
-			stroke-width="1"
-			stroke-dasharray="3,2"
-		/>
-		<rect
-			x="16"
-			y="46"
-			width="50"
-			height="3"
-			rx="1.5"
-			fill="var(--dry-color-text-weak)"
-			opacity="0.6"
-		/>
-		<rect
-			x="16"
-			y="52"
-			width="38"
-			height="3"
-			rx="1.5"
-			fill="var(--dry-color-text-weak)"
-			opacity="0.4"
-		/>
-
-		<!-- Third item (collapsed) -->
-		<rect
-			x="10"
-			y="63"
-			width="100"
-			height="14"
-			rx="3"
-			fill="var(--dry-color-bg-raised)"
-			stroke="var(--dry-color-stroke-weak)"
-			stroke-width="1"
-		/>
-		<rect x="16" y="68" width="36" height="4" rx="2" fill="var(--dry-color-text-weak)" />
-		<polyline
-			points="94,67 98,70 94,73"
-			fill="none"
-			stroke="var(--dry-color-text-weak)"
-			stroke-width="1.5"
-			stroke-linecap="round"
-		/>
-	</Svg>
-</span>
-
-<style>
-	[data-thumbnail] {
-		display: inline-grid;
-		width: var(--thumbnail-w, 80px);
-		height: var(--thumbnail-h, 53px);
-	}
-
-	[data-thumbnail][data-size='sm'] {
-		--thumbnail-w: 32px;
-		--thumbnail-h: 21px;
-	}
-	[data-thumbnail][data-size='md'] {
-		--thumbnail-w: 80px;
-		--thumbnail-h: 53px;
-	}
-	[data-thumbnail][data-size='lg'] {
-		--thumbnail-w: 160px;
-		--thumbnail-h: 107px;
-	}
-</style>

package/dist/thumbnail/accordion.svelte.d.ts

@@ -1,7 +0,0 @@
-interface Props {
-	size?: 'sm' | 'md' | 'lg' | number;
-	class?: string;
-}
-declare const Accordion: import('svelte').Component<Props, {}, ''>;
-type Accordion = ReturnType<typeof Accordion>;
-export default Accordion;