@dryui/ui 0.2.0 → 0.2.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/accordion/accordion-trigger.svelte +9 -1
- package/dist/accordion/index.d.ts +24 -10
- package/dist/adjust/index.d.ts +10 -10
- package/dist/alert/index.d.ts +7 -13
- package/dist/alert-dialog/index.d.ts +10 -20
- package/dist/alpha-slider/index.d.ts +6 -6
- package/dist/aspect-ratio/index.d.ts +2 -2
- package/dist/aurora/index.d.ts +8 -8
- package/dist/avatar/index.d.ts +11 -4
- package/dist/badge/index.d.ts +3 -3
- package/dist/beam/index.d.ts +7 -7
- package/dist/breadcrumb/index.d.ts +24 -12
- package/dist/button/button.svelte +5 -1
- package/dist/button/index.d.ts +3 -3
- package/dist/button-group/index.d.ts +1 -1
- package/dist/calendar/index.d.ts +7 -14
- package/dist/card/index.d.ts +15 -15
- package/dist/carousel/index.d.ts +8 -16
- package/dist/chart/index.d.ts +49 -44
- package/dist/chat-thread/index.d.ts +9 -11
- package/dist/checkbox/checkbox.svelte +1 -5
- package/dist/checkbox/index.d.ts +1 -1
- package/dist/chip/index.d.ts +13 -18
- package/dist/chip-group/index.d.ts +3 -3
- package/dist/chromatic-aberration/index.d.ts +3 -3
- package/dist/chromatic-shift/index.d.ts +2 -1
- package/dist/code-block/highlighter/types.d.ts +3 -3
- package/dist/code-block/index.d.ts +3 -3
- package/dist/collapsible/collapsible-trigger.svelte +9 -1
- package/dist/collapsible/index.d.ts +16 -8
- package/dist/color-picker/color-picker-eyedropper.svelte +13 -1
- package/dist/color-picker/index.d.ts +11 -19
- package/dist/combobox/index.d.ts +10 -15
- package/dist/command-palette/command-palette-list.svelte +1 -0
- package/dist/command-palette/command-palette-root.svelte +1 -0
- package/dist/command-palette/index.d.ts +8 -16
- package/dist/container/index.d.ts +3 -3
- package/dist/context-menu/index.d.ts +8 -16
- package/dist/data-grid/index.d.ts +22 -29
- package/dist/date-field/date-field-separator.svelte +1 -7
- package/dist/date-field/index.d.ts +4 -4
- package/dist/date-picker/datepicker-trigger.svelte +15 -1
- package/dist/date-picker/index.d.ts +6 -10
- package/dist/date-range-picker/date-range-picker-trigger.svelte +12 -1
- package/dist/date-range-picker/index.d.ts +6 -12
- package/dist/date-time-input/index.d.ts +1 -1
- package/dist/description-list/index.d.ts +8 -8
- package/dist/dialog/index.d.ts +9 -18
- package/dist/displacement/index.d.ts +2 -1
- package/dist/drag-and-drop/index.d.ts +4 -8
- package/dist/drawer/index.d.ts +10 -18
- package/dist/drop-zone/index.d.ts +2 -2
- package/dist/dropdown-menu/index.d.ts +8 -16
- package/dist/field/index.d.ts +3 -3
- package/dist/fieldset/index.d.ts +8 -8
- package/dist/file-select/file-select-clear.svelte +8 -1
- package/dist/file-select/index.d.ts +8 -10
- package/dist/file-upload/file-upload-item-delete.svelte +8 -1
- package/dist/file-upload/file-upload-root.svelte +0 -1
- package/dist/file-upload/index.d.ts +14 -19
- package/dist/flip-card/index.d.ts +3 -3
- package/dist/float-button/float-button-root.svelte +7 -1
- package/dist/float-button/index.d.ts +6 -10
- package/dist/glass/index.d.ts +4 -4
- package/dist/glow/index.d.ts +5 -5
- package/dist/god-rays/index.d.ts +10 -10
- package/dist/gradient-mesh/index.d.ts +2 -1
- package/dist/halftone/index.d.ts +5 -5
- package/dist/heading/index.d.ts +3 -3
- package/dist/hover-card/index.d.ts +4 -8
- package/dist/icon/index.d.ts +5 -5
- package/dist/index.d.ts +65 -587
- package/dist/input/index.d.ts +2 -2
- package/dist/input-group/index.d.ts +11 -17
- package/dist/input-group/input-group-root.svelte +0 -1
- package/dist/internal/color-aliases.d.ts +5 -8
- package/dist/kbd/index.d.ts +6 -1
- package/dist/label/index.d.ts +1 -1
- package/dist/link/index.d.ts +1 -1
- package/dist/link-preview/index.d.ts +4 -8
- package/dist/list/index.d.ts +6 -12
- package/dist/list/list-root.svelte +0 -1
- package/dist/listbox/index.d.ts +2 -2
- package/dist/logo-mark/logo-mark.svelte.d.ts +7 -7
- package/dist/map/index.d.ts +31 -43
- package/dist/mask-reveal/index.d.ts +2 -1
- package/dist/mega-menu/index.d.ts +7 -14
- package/dist/menubar/index.d.ts +8 -16
- package/dist/multi-select-combobox/index.d.ts +10 -20
- package/dist/multi-select-combobox/multi-select-combobox-input.svelte +0 -1
- package/dist/navigation-menu/index.d.ts +27 -14
- package/dist/navigation-menu/navigation-menu-list.svelte +0 -1
- package/dist/noise/index.d.ts +5 -5
- package/dist/notification-center/index.d.ts +6 -13
- package/dist/notification-center/notification-center-panel.svelte +4 -1
- package/dist/notification-center/notification-center-trigger.svelte +0 -1
- package/dist/number-input/index.d.ts +1 -1
- package/dist/number-input/number-input.svelte +3 -1
- package/dist/option-swatch-group/index.d.ts +8 -8
- package/dist/pagination/index.d.ts +8 -16
- package/dist/phone-input/index.d.ts +1 -1
- package/dist/pin-input/index.d.ts +7 -13
- package/dist/popover/index.d.ts +3 -3
- package/dist/progress/index.d.ts +3 -7
- package/dist/progress-ring/index.d.ts +2 -2
- package/dist/radio-group/index.d.ts +2 -2
- package/dist/radio-group/radio-group.svelte +0 -1
- package/dist/range-calendar/index.d.ts +2 -2
- package/dist/range-calendar/range-calendar-grid.svelte +10 -4
- package/dist/range-calendar/range-calendar-root.svelte +1 -5
- package/dist/rating/index.d.ts +1 -1
- package/dist/reveal/index.d.ts +3 -1
- package/dist/rich-text-editor/index.d.ts +5 -4
- package/dist/rich-text-editor/rich-text-editor-content.svelte +9 -1
- package/dist/rich-text-editor/rich-text-editor-toolbar.svelte +1 -2
- package/dist/scroll-to-top/index.d.ts +2 -2
- package/dist/segmented-control/index.d.ts +2 -2
- package/dist/select/index.d.ts +6 -12
- package/dist/select/select-trigger.svelte +9 -1
- package/dist/separator/index.d.ts +3 -3
- package/dist/shader-canvas/index.d.ts +13 -18
- package/dist/shader-canvas/presets.d.ts +5 -10
- package/dist/shader-canvas/shader-canvas.svelte +0 -1
- package/dist/sidebar/index.d.ts +37 -18
- package/dist/sidebar/sidebar-header.svelte +4 -1
- package/dist/sidebar/sidebar-root.svelte +1 -1
- package/dist/skeleton/index.d.ts +5 -5
- package/dist/slider/index.d.ts +1 -1
- package/dist/spacer/index.d.ts +2 -2
- package/dist/spinner/index.d.ts +5 -4
- package/dist/splitter/index.d.ts +3 -3
- package/dist/spotlight/index.d.ts +2 -1
- package/dist/star-rating/index.d.ts +5 -5
- package/dist/stepper/index.d.ts +5 -10
- package/dist/svg/index.d.ts +2 -1
- package/dist/system-map/index.d.ts +13 -41
- package/dist/system-map/types.d.ts +75 -92
- package/dist/table/index.d.ts +9 -18
- package/dist/table-of-contents/index.d.ts +4 -9
- package/dist/tabs/index.d.ts +25 -8
- package/dist/tabs/tabs-trigger.svelte +4 -2
- package/dist/tag/index.d.ts +3 -3
- package/dist/tags-input/index.d.ts +7 -12
- package/dist/text/index.d.ts +7 -7
- package/dist/textarea/index.d.ts +1 -1
- package/dist/themes/default.css +4 -1
- package/dist/themes/use-theme-override.svelte.d.ts +1 -17
- package/dist/thumbnail/index.d.ts +5 -5
- package/dist/time-input/index.d.ts +6 -6
- package/dist/time-input/time-input.svelte +1 -3
- package/dist/timeline/index.d.ts +9 -16
- package/dist/timeline/timeline-item.svelte +2 -1
- package/dist/toast/index.d.ts +7 -15
- package/dist/toggle/index.d.ts +2 -2
- package/dist/toggle-group/index.d.ts +3 -3
- package/dist/toolbar/index.d.ts +5 -10
- package/dist/tooltip/index.d.ts +3 -3
- package/dist/tour/index.d.ts +2 -2
- package/dist/tour/tour-root.svelte +4 -1
- package/dist/transfer/index.d.ts +9 -16
- package/dist/tree/index.d.ts +5 -10
- package/dist/typing-indicator/index.d.ts +2 -1
- package/dist/typography/index.d.ts +9 -12
- package/dist/visually-hidden/index.d.ts +5 -1
- package/package.json +1 -1
- package/skills/dryui/SKILL.md +28 -16
- package/skills/dryui/rules/composition.md +262 -225
|
@@ -1,45 +1,17 @@
|
|
|
1
1
|
import type { HTMLAttributes } from 'svelte/elements';
|
|
2
|
-
import type {
|
|
3
|
-
|
|
4
|
-
DolphinGraph,
|
|
5
|
-
DolphinLayer,
|
|
6
|
-
DolphinNodeKind,
|
|
7
|
-
DolphinPackage,
|
|
8
|
-
DolphinVisibility
|
|
9
|
-
} from './types.js';
|
|
10
|
-
export type {
|
|
11
|
-
DolphinCluster,
|
|
12
|
-
DolphinEdge,
|
|
13
|
-
DolphinEdgeType,
|
|
14
|
-
DolphinGraph,
|
|
15
|
-
DolphinLayer,
|
|
16
|
-
DolphinMismatch,
|
|
17
|
-
DolphinMismatchKind,
|
|
18
|
-
DolphinNode,
|
|
19
|
-
DolphinNodeKind,
|
|
20
|
-
DolphinPackage,
|
|
21
|
-
DolphinSignals,
|
|
22
|
-
DolphinSummary,
|
|
23
|
-
DolphinVisibility,
|
|
24
|
-
SystemMapEdge,
|
|
25
|
-
SystemMapEdgeKind,
|
|
26
|
-
SystemMapGraph,
|
|
27
|
-
SystemMapLayer,
|
|
28
|
-
SystemMapNode,
|
|
29
|
-
SystemMapNodeKind,
|
|
30
|
-
SystemMapVisibility
|
|
31
|
-
} from './types.js';
|
|
2
|
+
import type { DolphinEdgeType, DolphinGraph, DolphinLayer, DolphinNodeKind, DolphinPackage, DolphinVisibility } from './types.js';
|
|
3
|
+
export type { DolphinCluster, DolphinEdge, DolphinEdgeType, DolphinGraph, DolphinLayer, DolphinMismatch, DolphinMismatchKind, DolphinNode, DolphinNodeKind, DolphinPackage, DolphinSignals, DolphinSummary, DolphinVisibility, SystemMapEdge, SystemMapEdgeKind, SystemMapGraph, SystemMapLayer, SystemMapNode, SystemMapNodeKind, SystemMapVisibility } from './types.js';
|
|
32
4
|
export interface SystemMapProps extends HTMLAttributes<HTMLDivElement> {
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
5
|
+
graph: DolphinGraph;
|
|
6
|
+
focusId?: string | null;
|
|
7
|
+
layerFilter?: readonly DolphinLayer[];
|
|
8
|
+
kindFilter?: readonly DolphinNodeKind[];
|
|
9
|
+
edgeFilter?: readonly DolphinEdgeType[];
|
|
10
|
+
packageFilter?: readonly DolphinPackage[];
|
|
11
|
+
visibilityFilter?: readonly DolphinVisibility[];
|
|
12
|
+
categoryFilter?: readonly string[];
|
|
13
|
+
showLegend?: boolean;
|
|
14
|
+
showThumbnails?: boolean;
|
|
15
|
+
showEdgeLabels?: boolean;
|
|
44
16
|
}
|
|
45
17
|
export { default as SystemMap } from './system-map.svelte';
|
|
@@ -1,111 +1,94 @@
|
|
|
1
1
|
export type DolphinPackage = 'primitives' | 'ui' | 'docs' | 'audit';
|
|
2
2
|
export type DolphinNodeKind = 'component' | 'part' | 'catalog' | 'cluster';
|
|
3
|
-
export type DolphinLayer =
|
|
4
|
-
| 'primitive'
|
|
5
|
-
| 'ui-wrapper'
|
|
6
|
-
| 'ui-composite'
|
|
7
|
-
| 'part'
|
|
8
|
-
| 'catalog'
|
|
9
|
-
| 'cluster';
|
|
3
|
+
export type DolphinLayer = 'primitive' | 'ui-wrapper' | 'ui-composite' | 'part' | 'catalog' | 'cluster';
|
|
10
4
|
export type DolphinVisibility = 'root' | 'subpath-only' | 'root+subpath';
|
|
11
|
-
export type DolphinEdgeType =
|
|
12
|
-
|
|
13
|
-
| 'composes'
|
|
14
|
-
| 'compound_part'
|
|
15
|
-
| 'related'
|
|
16
|
-
| 'docs'
|
|
17
|
-
| 'duplication_cluster';
|
|
18
|
-
export type DolphinMismatchKind =
|
|
19
|
-
| 'missing-subpath-export'
|
|
20
|
-
| 'subpath-only-export'
|
|
21
|
-
| 'spec-missing'
|
|
22
|
-
| 'docs-nav-missing'
|
|
23
|
-
| 'docs-nav-orphan';
|
|
5
|
+
export type DolphinEdgeType = 'wraps' | 'composes' | 'compound_part' | 'related' | 'docs' | 'duplication_cluster';
|
|
6
|
+
export type DolphinMismatchKind = 'missing-subpath-export' | 'subpath-only-export' | 'spec-missing' | 'docs-nav-missing' | 'docs-nav-orphan';
|
|
24
7
|
export interface DolphinNode {
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
8
|
+
id: string;
|
|
9
|
+
name: string;
|
|
10
|
+
label: string;
|
|
11
|
+
kind: DolphinNodeKind;
|
|
12
|
+
package: DolphinPackage;
|
|
13
|
+
layer: DolphinLayer;
|
|
14
|
+
category: string;
|
|
15
|
+
description: string;
|
|
16
|
+
visibility?: DolphinVisibility;
|
|
17
|
+
sourcePath?: string;
|
|
18
|
+
publicImport?: string;
|
|
19
|
+
tags: string[];
|
|
20
|
+
compound: boolean;
|
|
21
|
+
parts: string[];
|
|
22
|
+
sourceFileCount?: number;
|
|
23
|
+
primitivePartUsageCount?: number;
|
|
24
|
+
componentImportCount?: number;
|
|
42
25
|
}
|
|
43
26
|
export interface DolphinEdge {
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
27
|
+
id: string;
|
|
28
|
+
type: DolphinEdgeType;
|
|
29
|
+
from: string;
|
|
30
|
+
to: string;
|
|
31
|
+
label?: string;
|
|
49
32
|
}
|
|
50
33
|
export interface DolphinCluster {
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
34
|
+
id: string;
|
|
35
|
+
title: string;
|
|
36
|
+
priority: 'canonicalize-now' | 'document-decision-tree' | 'watch';
|
|
37
|
+
summary: string;
|
|
38
|
+
components: string[];
|
|
39
|
+
recommendations: string[];
|
|
57
40
|
}
|
|
58
41
|
export interface DolphinMismatch {
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
42
|
+
kind: DolphinMismatchKind;
|
|
43
|
+
package: DolphinPackage;
|
|
44
|
+
component: string;
|
|
45
|
+
detail: string;
|
|
46
|
+
sourcePath?: string;
|
|
64
47
|
}
|
|
65
48
|
export interface DolphinSignals {
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
49
|
+
primitivePartComponents: string[];
|
|
50
|
+
thinWrapperComponents: string[];
|
|
51
|
+
subpathOnlyUi: string[];
|
|
52
|
+
subpathOnlyPrimitives: string[];
|
|
53
|
+
specMissingUi: string[];
|
|
54
|
+
specMissingPrimitives: string[];
|
|
55
|
+
docsNavMissing: string[];
|
|
56
|
+
docsNavOrphan: string[];
|
|
74
57
|
}
|
|
75
58
|
export interface DolphinSummary {
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
59
|
+
componentNodes: number;
|
|
60
|
+
partNodes: number;
|
|
61
|
+
catalogNodes: number;
|
|
62
|
+
clusterNodes: number;
|
|
63
|
+
primitiveComponents: number;
|
|
64
|
+
uiComponents: number;
|
|
65
|
+
uiWrappers: number;
|
|
66
|
+
uiComposites: number;
|
|
67
|
+
rootBarrelComponents: number;
|
|
68
|
+
subpathOnlyComponents: number;
|
|
69
|
+
compoundComponents: number;
|
|
70
|
+
wrapEdges: number;
|
|
71
|
+
composeEdges: number;
|
|
72
|
+
docsEdges: number;
|
|
73
|
+
relatedEdges: number;
|
|
74
|
+
mismatches: number;
|
|
75
|
+
primitivePartComponents: number;
|
|
76
|
+
thinWrappers: number;
|
|
94
77
|
}
|
|
95
78
|
export interface DolphinGraph {
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
79
|
+
schema: 'DolphinGraph';
|
|
80
|
+
generatedAt: string;
|
|
81
|
+
packageVersion: string;
|
|
82
|
+
summary: DolphinSummary;
|
|
83
|
+
nodes: DolphinNode[];
|
|
84
|
+
edges: DolphinEdge[];
|
|
85
|
+
clusters: DolphinCluster[];
|
|
86
|
+
mismatches: DolphinMismatch[];
|
|
87
|
+
signals: DolphinSignals;
|
|
88
|
+
mermaid: {
|
|
89
|
+
packageOverview: string;
|
|
90
|
+
clusterOverview: string;
|
|
91
|
+
};
|
|
109
92
|
}
|
|
110
93
|
export type SystemMapGraph = DolphinGraph;
|
|
111
94
|
export type SystemMapNode = DolphinNode;
|
package/dist/table/index.d.ts
CHANGED
|
@@ -1,13 +1,4 @@
|
|
|
1
|
-
export type {
|
|
2
|
-
TableRootProps,
|
|
3
|
-
TableHeaderProps,
|
|
4
|
-
TableBodyProps,
|
|
5
|
-
TableFooterProps,
|
|
6
|
-
TableRowProps,
|
|
7
|
-
TableHeadProps,
|
|
8
|
-
TableCellProps,
|
|
9
|
-
TableCaptionProps
|
|
10
|
-
} from '@dryui/primitives';
|
|
1
|
+
export type { TableRootProps, TableHeaderProps, TableBodyProps, TableFooterProps, TableRowProps, TableHeadProps, TableCellProps, TableCaptionProps } from '@dryui/primitives';
|
|
11
2
|
import TableRoot from './table-root.svelte';
|
|
12
3
|
import TableHeader from './table-header.svelte';
|
|
13
4
|
import TableBody from './table-body.svelte';
|
|
@@ -17,12 +8,12 @@ import TableHead from './table-head.svelte';
|
|
|
17
8
|
import TableCell from './table-cell.svelte';
|
|
18
9
|
import TableCaption from './table-caption.svelte';
|
|
19
10
|
export declare const Table: {
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
11
|
+
Root: typeof TableRoot;
|
|
12
|
+
Header: typeof TableHeader;
|
|
13
|
+
Body: typeof TableBody;
|
|
14
|
+
Footer: typeof TableFooter;
|
|
15
|
+
Row: typeof TableRow;
|
|
16
|
+
Head: typeof TableHead;
|
|
17
|
+
Cell: typeof TableCell;
|
|
18
|
+
Caption: typeof TableCaption;
|
|
28
19
|
};
|
|
@@ -1,14 +1,9 @@
|
|
|
1
|
-
export type {
|
|
2
|
-
TocHeading,
|
|
3
|
-
TableOfContentsRootProps,
|
|
4
|
-
TableOfContentsListProps,
|
|
5
|
-
TableOfContentsItemProps
|
|
6
|
-
} from '@dryui/primitives';
|
|
1
|
+
export type { TocHeading, TableOfContentsRootProps, TableOfContentsListProps, TableOfContentsItemProps } from '@dryui/primitives';
|
|
7
2
|
import TableOfContentsRoot from './table-of-contents-root.svelte';
|
|
8
3
|
import TableOfContentsList from './table-of-contents-list.svelte';
|
|
9
4
|
import TableOfContentsItem from './table-of-contents-item.svelte';
|
|
10
5
|
export declare const TableOfContents: {
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
6
|
+
Root: typeof TableOfContentsRoot;
|
|
7
|
+
List: typeof TableOfContentsList;
|
|
8
|
+
Item: typeof TableOfContentsItem;
|
|
14
9
|
};
|
package/dist/tabs/index.d.ts
CHANGED
|
@@ -1,15 +1,32 @@
|
|
|
1
|
-
import type {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
1
|
+
import type { HTMLButtonAttributes } from 'svelte/elements';
|
|
2
|
+
import type { Snippet } from 'svelte';
|
|
3
|
+
import type { HTMLAttributes } from 'svelte/elements';
|
|
4
|
+
export interface TabsRootProps extends HTMLAttributes<HTMLDivElement> {
|
|
5
|
+
value?: string;
|
|
6
|
+
orientation?: 'horizontal' | 'vertical';
|
|
7
|
+
activationMode?: 'automatic' | 'manual';
|
|
8
|
+
children: Snippet;
|
|
9
|
+
}
|
|
10
|
+
export interface TabsListProps extends HTMLAttributes<HTMLDivElement> {
|
|
11
|
+
children: Snippet;
|
|
12
|
+
}
|
|
13
|
+
export interface TabsTriggerProps extends HTMLButtonAttributes {
|
|
14
|
+
value: string;
|
|
15
|
+
disabled?: boolean;
|
|
16
|
+
size?: 'sm' | 'md' | 'lg';
|
|
17
|
+
children: Snippet;
|
|
18
|
+
}
|
|
19
|
+
export interface TabsContentProps extends HTMLAttributes<HTMLDivElement> {
|
|
20
|
+
value: string;
|
|
21
|
+
children: Snippet;
|
|
5
22
|
}
|
|
6
23
|
import TabsRoot from './tabs-root.svelte';
|
|
7
24
|
import TabsList from './tabs-list.svelte';
|
|
8
25
|
import TabsTrigger from './tabs-trigger.svelte';
|
|
9
26
|
import TabsContent from './tabs-content.svelte';
|
|
10
27
|
export declare const Tabs: {
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
28
|
+
Root: typeof TabsRoot;
|
|
29
|
+
List: typeof TabsList;
|
|
30
|
+
Trigger: typeof TabsTrigger;
|
|
31
|
+
Content: typeof TabsContent;
|
|
15
32
|
};
|
|
@@ -85,7 +85,10 @@
|
|
|
85
85
|
|
|
86
86
|
[data-tabs-trigger][data-state='active'] {
|
|
87
87
|
color: var(--dry-color-text-brand);
|
|
88
|
-
border-bottom-color: var(
|
|
88
|
+
border-bottom-color: var(
|
|
89
|
+
--dry-tabs-trigger-active-border-bottom-color,
|
|
90
|
+
var(--dry-color-stroke-selected)
|
|
91
|
+
);
|
|
89
92
|
border-right-color: var(--dry-tabs-trigger-active-border-right-color, transparent);
|
|
90
93
|
font-weight: 600;
|
|
91
94
|
}
|
|
@@ -124,5 +127,4 @@
|
|
|
124
127
|
align-items: center;
|
|
125
128
|
gap: var(--dry-space-1_5);
|
|
126
129
|
}
|
|
127
|
-
|
|
128
130
|
</style>
|
package/dist/tag/index.d.ts
CHANGED
|
@@ -2,8 +2,8 @@ import type { TagProps as PrimitiveTagProps } from '@dryui/primitives';
|
|
|
2
2
|
import type { BadgeColor } from '../badge/index.js';
|
|
3
3
|
export type TagColor = BadgeColor;
|
|
4
4
|
export interface TagProps extends PrimitiveTagProps {
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
5
|
+
variant?: 'solid' | 'outline' | 'soft';
|
|
6
|
+
color?: TagColor;
|
|
7
|
+
size?: 'sm' | 'md';
|
|
8
8
|
}
|
|
9
9
|
export { default as Tag } from './tag.svelte';
|
|
@@ -1,12 +1,7 @@
|
|
|
1
1
|
import type { TagsInputRootProps as PrimitiveTagsInputRootProps } from '@dryui/primitives';
|
|
2
|
-
export type {
|
|
3
|
-
TagsInputInputProps,
|
|
4
|
-
TagsInputTagProps,
|
|
5
|
-
TagsInputTagDeleteProps,
|
|
6
|
-
TagsInputListProps
|
|
7
|
-
} from '@dryui/primitives';
|
|
2
|
+
export type { TagsInputInputProps, TagsInputTagProps, TagsInputTagDeleteProps, TagsInputListProps } from '@dryui/primitives';
|
|
8
3
|
export interface TagsInputRootProps extends PrimitiveTagsInputRootProps {
|
|
9
|
-
|
|
4
|
+
size?: 'sm' | 'md' | 'lg';
|
|
10
5
|
}
|
|
11
6
|
import Root from './tags-input-root.svelte';
|
|
12
7
|
import Input from './tags-input-input.svelte';
|
|
@@ -14,9 +9,9 @@ import TagItem from './tags-input-tag.svelte';
|
|
|
14
9
|
import TagDelete from './tags-input-tag-delete.svelte';
|
|
15
10
|
import List from './tags-input-list.svelte';
|
|
16
11
|
export declare const TagsInput: {
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
12
|
+
Root: typeof Root;
|
|
13
|
+
Input: typeof Input;
|
|
14
|
+
Tag: typeof TagItem;
|
|
15
|
+
TagDelete: typeof TagDelete;
|
|
16
|
+
List: typeof List;
|
|
22
17
|
};
|
package/dist/text/index.d.ts
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import type { Snippet } from 'svelte';
|
|
2
2
|
import type { HTMLAttributes } from 'svelte/elements';
|
|
3
3
|
export interface TextProps extends HTMLAttributes<HTMLElement> {
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
4
|
+
as?: 'p' | 'span' | 'div';
|
|
5
|
+
color?: 'default' | 'muted' | 'secondary';
|
|
6
|
+
size?: 'xs' | 'sm' | 'md' | 'lg';
|
|
7
|
+
font?: 'sans' | 'mono';
|
|
8
|
+
weight?: 'normal' | 'medium' | 'semibold' | 'bold';
|
|
9
|
+
variant?: 'default' | 'label';
|
|
10
|
+
children: Snippet;
|
|
11
11
|
}
|
|
12
12
|
export { default as Text } from './text.svelte';
|
package/dist/textarea/index.d.ts
CHANGED
package/dist/themes/default.css
CHANGED
|
@@ -1,17 +1 @@
|
|
|
1
|
-
|
|
2
|
-
export type ThemeTokenMap = Record<string, string>;
|
|
3
|
-
/**
|
|
4
|
-
* Reactively apply CSS custom property overrides to document.documentElement.
|
|
5
|
-
*
|
|
6
|
-
* Tokens are set as inline styles on :root, which means they override the
|
|
7
|
-
* static theme CSS and cascade to all elements — including `<dialog>` elements
|
|
8
|
-
* in the browser's top layer.
|
|
9
|
-
*
|
|
10
|
-
* Automatically cleans up (removes all set properties) when the calling
|
|
11
|
-
* component is destroyed.
|
|
12
|
-
*
|
|
13
|
-
* @param getTokens - A function returning the current token map.
|
|
14
|
-
* Called reactively; when the return value changes,
|
|
15
|
-
* stale properties are removed and new ones applied.
|
|
16
|
-
*/
|
|
17
|
-
export declare function useThemeOverride(getTokens: () => ThemeTokenMap): void;
|
|
1
|
+
export { useThemeOverride, type ThemeTokenMap } from '@dryui/primitives/use-theme-override';
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import type { Component, Snippet } from 'svelte';
|
|
2
2
|
import ThumbnailRoot from './root.svelte';
|
|
3
3
|
export interface ThumbnailProps {
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
4
|
+
name?: string;
|
|
5
|
+
size?: 'sm' | 'md' | 'lg' | number;
|
|
6
|
+
class?: string;
|
|
7
|
+
children?: Snippet;
|
|
8
8
|
}
|
|
9
9
|
export declare const thumbnailMap: Record<string, Component<any>>;
|
|
10
10
|
export declare const Thumbnail: typeof ThumbnailRoot & {
|
|
11
|
-
|
|
11
|
+
Root: typeof ThumbnailRoot;
|
|
12
12
|
};
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
export interface TimeInputProps {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
2
|
+
value?: string;
|
|
3
|
+
disabled?: boolean;
|
|
4
|
+
step?: number;
|
|
5
|
+
size?: 'sm' | 'md' | 'lg';
|
|
6
|
+
name?: string;
|
|
7
|
+
class?: string;
|
|
8
8
|
}
|
|
9
9
|
export { default as TimeInput } from './time-input.svelte';
|
|
@@ -70,9 +70,7 @@
|
|
|
70
70
|
const minutes = $derived.by(() => {
|
|
71
71
|
const stepMinutes = step && step >= 60 ? Math.floor(step / 60) : 1;
|
|
72
72
|
const count = Math.floor(60 / stepMinutes);
|
|
73
|
-
return Array.from({ length: count }, (_, i) =>
|
|
74
|
-
String(i * stepMinutes).padStart(2, '0')
|
|
75
|
-
);
|
|
73
|
+
return Array.from({ length: count }, (_, i) => String(i * stepMinutes).padStart(2, '0'));
|
|
76
74
|
});
|
|
77
75
|
</script>
|
|
78
76
|
|
package/dist/timeline/index.d.ts
CHANGED
|
@@ -1,14 +1,7 @@
|
|
|
1
1
|
import type { TimelineRootProps as PrimitiveTimelineRootProps } from '@dryui/primitives';
|
|
2
|
-
export type {
|
|
3
|
-
TimelineItemProps,
|
|
4
|
-
TimelineIconProps,
|
|
5
|
-
TimelineContentProps,
|
|
6
|
-
TimelineTitleProps,
|
|
7
|
-
TimelineDescriptionProps,
|
|
8
|
-
TimelineTimeProps
|
|
9
|
-
} from '@dryui/primitives';
|
|
2
|
+
export type { TimelineItemProps, TimelineIconProps, TimelineContentProps, TimelineTitleProps, TimelineDescriptionProps, TimelineTimeProps } from '@dryui/primitives';
|
|
10
3
|
export interface TimelineRootProps extends PrimitiveTimelineRootProps {
|
|
11
|
-
|
|
4
|
+
orientation?: 'vertical' | 'horizontal';
|
|
12
5
|
}
|
|
13
6
|
import TimelineRoot from './timeline-root.svelte';
|
|
14
7
|
import TimelineItem from './timeline-item.svelte';
|
|
@@ -18,11 +11,11 @@ import TimelineTitle from './timeline-title.svelte';
|
|
|
18
11
|
import TimelineDescription from './timeline-description.svelte';
|
|
19
12
|
import TimelineTime from './timeline-time.svelte';
|
|
20
13
|
export declare const Timeline: {
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
14
|
+
Root: typeof TimelineRoot;
|
|
15
|
+
Item: typeof TimelineItem;
|
|
16
|
+
Icon: typeof TimelineIcon;
|
|
17
|
+
Content: typeof TimelineContent;
|
|
18
|
+
Title: typeof TimelineTitle;
|
|
19
|
+
Description: typeof TimelineDescription;
|
|
20
|
+
Time: typeof TimelineTime;
|
|
28
21
|
};
|
|
@@ -38,6 +38,7 @@
|
|
|
38
38
|
bottom: var(--dry-timeline-line-bottom, calc(var(--dry-space-1) * -1));
|
|
39
39
|
right: var(--dry-timeline-line-right, auto);
|
|
40
40
|
height: var(--dry-timeline-line-h, auto);
|
|
41
|
-
border-left: var(--dry-timeline-line-w, 1px) solid
|
|
41
|
+
border-left: var(--dry-timeline-line-w, 1px) solid
|
|
42
|
+
var(--dry-timeline-line-color, var(--dry-color-stroke-weak));
|
|
42
43
|
}
|
|
43
44
|
</style>
|
package/dist/toast/index.d.ts
CHANGED
|
@@ -1,13 +1,5 @@
|
|
|
1
1
|
export { toastStore, createToastStore } from '@dryui/primitives';
|
|
2
|
-
export type {
|
|
3
|
-
ToastData,
|
|
4
|
-
ToastProviderProps,
|
|
5
|
-
ToastRootProps,
|
|
6
|
-
ToastActionProps,
|
|
7
|
-
ToastTitleProps,
|
|
8
|
-
ToastDescriptionProps,
|
|
9
|
-
ToastCloseProps
|
|
10
|
-
} from '@dryui/primitives';
|
|
2
|
+
export type { ToastData, ToastProviderProps, ToastRootProps, ToastActionProps, ToastTitleProps, ToastDescriptionProps, ToastCloseProps } from '@dryui/primitives';
|
|
11
3
|
import ToastProvider from './toast-provider.svelte';
|
|
12
4
|
import ToastRoot from './toast-root.svelte';
|
|
13
5
|
import ToastTitle from './toast-title.svelte';
|
|
@@ -15,10 +7,10 @@ import ToastDescription from './toast-description.svelte';
|
|
|
15
7
|
import ToastClose from './toast-close.svelte';
|
|
16
8
|
import ToastAction from './toast-action.svelte';
|
|
17
9
|
export declare const Toast: {
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
10
|
+
Provider: typeof ToastProvider;
|
|
11
|
+
Root: typeof ToastRoot;
|
|
12
|
+
Title: typeof ToastTitle;
|
|
13
|
+
Description: typeof ToastDescription;
|
|
14
|
+
Close: typeof ToastClose;
|
|
15
|
+
Action: typeof ToastAction;
|
|
24
16
|
};
|
package/dist/toggle/index.d.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import type { Snippet } from 'svelte';
|
|
2
2
|
import type { ToggleProps as PrimitiveToggleProps } from '@dryui/primitives';
|
|
3
3
|
export interface ToggleProps extends PrimitiveToggleProps {
|
|
4
|
-
|
|
5
|
-
|
|
4
|
+
size?: 'sm' | 'md' | 'lg';
|
|
5
|
+
icon?: Snippet;
|
|
6
6
|
}
|
|
7
7
|
export { default as Toggle } from './toggle.svelte';
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import type { ToggleGroupRootProps as PrimitiveToggleGroupRootProps } from '@dryui/primitives';
|
|
2
2
|
export type { ToggleGroupItemProps } from '@dryui/primitives';
|
|
3
3
|
export interface ToggleGroupRootProps extends PrimitiveToggleGroupRootProps {
|
|
4
|
-
|
|
4
|
+
size?: 'sm' | 'md' | 'lg';
|
|
5
5
|
}
|
|
6
6
|
import ToggleGroupRoot from './toggle-group-root.svelte';
|
|
7
7
|
import ToggleGroupItem from './toggle-group-item.svelte';
|
|
8
8
|
export declare const ToggleGroup: {
|
|
9
|
-
|
|
10
|
-
|
|
9
|
+
Root: typeof ToggleGroupRoot;
|
|
10
|
+
Item: typeof ToggleGroupItem;
|
|
11
11
|
};
|
package/dist/toolbar/index.d.ts
CHANGED
|
@@ -1,16 +1,11 @@
|
|
|
1
|
-
export type {
|
|
2
|
-
ToolbarRootProps,
|
|
3
|
-
ToolbarButtonProps,
|
|
4
|
-
ToolbarSeparatorProps,
|
|
5
|
-
ToolbarLinkProps
|
|
6
|
-
} from '@dryui/primitives';
|
|
1
|
+
export type { ToolbarRootProps, ToolbarButtonProps, ToolbarSeparatorProps, ToolbarLinkProps } from '@dryui/primitives';
|
|
7
2
|
import ToolbarRoot from './toolbar-root.svelte';
|
|
8
3
|
import ToolbarButton from './toolbar-button.svelte';
|
|
9
4
|
import ToolbarSeparator from './toolbar-separator.svelte';
|
|
10
5
|
import ToolbarLink from './toolbar-link.svelte';
|
|
11
6
|
export declare const Toolbar: {
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
7
|
+
Root: typeof ToolbarRoot;
|
|
8
|
+
Button: typeof ToolbarButton;
|
|
9
|
+
Separator: typeof ToolbarSeparator;
|
|
10
|
+
Link: typeof ToolbarLink;
|
|
16
11
|
};
|
package/dist/tooltip/index.d.ts
CHANGED
|
@@ -3,7 +3,7 @@ import TooltipRoot from './tooltip-root.svelte';
|
|
|
3
3
|
import TooltipTrigger from './tooltip-trigger.svelte';
|
|
4
4
|
import TooltipContent from './tooltip-content.svelte';
|
|
5
5
|
export declare const Tooltip: {
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
6
|
+
Root: typeof TooltipRoot;
|
|
7
|
+
Trigger: typeof TooltipTrigger;
|
|
8
|
+
Content: typeof TooltipContent;
|
|
9
9
|
};
|