@navecss/base-ui 0.1.0 → 0.2.0
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/README.md +242 -12
- package/dist/alert-dialog/index.d.ts +2 -0
- package/dist/alert-dialog/index.js +2 -0
- package/dist/alert-dialog/parts.generated.d.ts +55 -0
- package/dist/alert-dialog/parts.generated.js +14 -0
- package/dist/autocomplete/index.d.ts +2 -0
- package/dist/autocomplete/index.js +2 -0
- package/dist/autocomplete/parts.generated.d.ts +116 -0
- package/dist/autocomplete/parts.generated.js +27 -0
- package/dist/avatar/index.d.ts +2 -0
- package/dist/avatar/index.js +2 -0
- package/dist/avatar/parts.generated.d.ts +18 -0
- package/dist/avatar/parts.generated.js +6 -0
- package/dist/combobox/index.d.ts +2 -0
- package/dist/combobox/index.js +2 -0
- package/dist/combobox/parts.generated.d.ts +140 -0
- package/dist/combobox/parts.generated.js +33 -0
- package/dist/context-menu/index.d.ts +2 -0
- package/dist/context-menu/index.js +2 -0
- package/dist/context-menu/parts.generated.d.ts +104 -0
- package/dist/context-menu/parts.generated.js +23 -0
- package/dist/dialog/parts.generated.d.ts +1 -0
- package/dist/dialog/parts.generated.js +1 -1
- package/dist/field/parts.generated.d.ts +1 -0
- package/dist/index.d.ts +13 -0
- package/dist/index.js +13 -0
- package/dist/menu/parts.generated.d.ts +1 -0
- package/dist/menu/parts.generated.js +7 -7
- package/dist/menubar/index.d.ts +2 -0
- package/dist/menubar/index.js +3 -0
- package/dist/menubar/parts.generated.d.ts +6 -0
- package/dist/menubar/parts.generated.js +5 -0
- package/dist/meter/index.d.ts +2 -0
- package/dist/meter/index.js +2 -0
- package/dist/meter/parts.generated.d.ts +26 -0
- package/dist/meter/parts.generated.js +9 -0
- package/dist/navigation-menu/index.d.ts +2 -0
- package/dist/navigation-menu/index.js +2 -0
- package/dist/navigation-menu/parts.generated.d.ts +69 -0
- package/dist/navigation-menu/parts.generated.js +17 -0
- package/dist/part.d.ts +17 -1
- package/dist/part.js +12 -5
- package/dist/popover/parts.generated.d.ts +1 -0
- package/dist/popover/parts.generated.js +2 -2
- package/dist/preview-card/index.d.ts +2 -0
- package/dist/preview-card/index.js +2 -0
- package/dist/preview-card/parts.generated.d.ts +48 -0
- package/dist/preview-card/parts.generated.js +14 -0
- package/dist/progress/index.d.ts +2 -0
- package/dist/progress/index.js +2 -0
- package/dist/progress/parts.generated.d.ts +27 -0
- package/dist/progress/parts.generated.js +9 -0
- package/dist/scroll-area/index.d.ts +2 -0
- package/dist/scroll-area/index.js +2 -0
- package/dist/scroll-area/parts.generated.d.ts +31 -0
- package/dist/scroll-area/parts.generated.js +10 -0
- package/dist/select/parts.generated.js +3 -3
- package/dist/separator/index.d.ts +2 -0
- package/dist/separator/index.js +3 -0
- package/dist/separator/parts.generated.d.ts +6 -0
- package/dist/separator/parts.generated.js +5 -0
- package/dist/styles.css +129 -0
- package/dist/tabs/parts.generated.js +1 -1
- package/dist/toast/index.d.ts +2 -0
- package/dist/toast/index.js +2 -0
- package/dist/toast/parts.generated.d.ts +61 -0
- package/dist/toast/parts.generated.js +16 -0
- package/dist/toolbar/parts.generated.d.ts +1 -0
- package/dist/tooltip/parts.generated.d.ts +1 -0
- package/dist/tooltip/parts.generated.js +2 -2
- package/package.json +71 -4
|
@@ -0,0 +1,140 @@
|
|
|
1
|
+
import { Combobox as Base } from '@base-ui/react/combobox';
|
|
2
|
+
import { type PartOf } from '../part.ts';
|
|
3
|
+
export declare const Root: typeof Base.Root;
|
|
4
|
+
export declare namespace Root {
|
|
5
|
+
type Props<Value, Multiple extends boolean | undefined = false> = Base.Root.Props<Value, Multiple>;
|
|
6
|
+
type State = Base.Root.State;
|
|
7
|
+
type Actions = Base.Root.Actions;
|
|
8
|
+
type ChangeEventReason = Base.Root.ChangeEventReason;
|
|
9
|
+
type ChangeEventDetails = Base.Root.ChangeEventDetails;
|
|
10
|
+
type HighlightEventReason = Base.Root.HighlightEventReason;
|
|
11
|
+
type HighlightEventDetails = Base.Root.HighlightEventDetails;
|
|
12
|
+
}
|
|
13
|
+
export declare const Label: typeof Base.Label;
|
|
14
|
+
export declare namespace Label {
|
|
15
|
+
type State = Base.Label.State;
|
|
16
|
+
type Props = Base.Label.Props;
|
|
17
|
+
}
|
|
18
|
+
export declare const Value: typeof Base.Value;
|
|
19
|
+
export declare namespace Value {
|
|
20
|
+
type State = Base.Value.State;
|
|
21
|
+
type Props = Base.Value.Props;
|
|
22
|
+
}
|
|
23
|
+
export declare const Input: typeof Base.Input;
|
|
24
|
+
export declare namespace Input {
|
|
25
|
+
type State = Base.Input.State;
|
|
26
|
+
type Props = Base.Input.Props;
|
|
27
|
+
}
|
|
28
|
+
export declare const InputGroup: typeof Base.InputGroup;
|
|
29
|
+
export declare namespace InputGroup {
|
|
30
|
+
type State = Base.InputGroup.State;
|
|
31
|
+
type Props = Base.InputGroup.Props;
|
|
32
|
+
}
|
|
33
|
+
export declare const Trigger: typeof Base.Trigger;
|
|
34
|
+
export declare namespace Trigger {
|
|
35
|
+
type State = Base.Trigger.State;
|
|
36
|
+
type Props = Base.Trigger.Props;
|
|
37
|
+
}
|
|
38
|
+
export declare const List: typeof Base.List;
|
|
39
|
+
export declare namespace List {
|
|
40
|
+
type State = Base.List.State;
|
|
41
|
+
type Props = Base.List.Props;
|
|
42
|
+
}
|
|
43
|
+
export declare const Status: typeof Base.Status;
|
|
44
|
+
export declare namespace Status {
|
|
45
|
+
type State = Base.Status.State;
|
|
46
|
+
type Props = Base.Status.Props;
|
|
47
|
+
}
|
|
48
|
+
export declare const Portal: typeof Base.Portal;
|
|
49
|
+
export declare namespace Portal {
|
|
50
|
+
type State = Base.Portal.State;
|
|
51
|
+
type Props = Base.Portal.Props;
|
|
52
|
+
}
|
|
53
|
+
export declare const Backdrop: typeof Base.Backdrop;
|
|
54
|
+
export declare namespace Backdrop {
|
|
55
|
+
type Props = Base.Backdrop.Props;
|
|
56
|
+
type State = Base.Backdrop.State;
|
|
57
|
+
}
|
|
58
|
+
export declare const Positioner: typeof Base.Positioner;
|
|
59
|
+
export declare namespace Positioner {
|
|
60
|
+
type State = Base.Positioner.State;
|
|
61
|
+
type Props = Base.Positioner.Props;
|
|
62
|
+
}
|
|
63
|
+
export declare const Popup: typeof Base.Popup;
|
|
64
|
+
export declare namespace Popup {
|
|
65
|
+
type State = Base.Popup.State;
|
|
66
|
+
type Props = Base.Popup.Props;
|
|
67
|
+
}
|
|
68
|
+
export declare const Arrow: typeof Base.Arrow;
|
|
69
|
+
export declare namespace Arrow {
|
|
70
|
+
type State = Base.Arrow.State;
|
|
71
|
+
type Props = Base.Arrow.Props;
|
|
72
|
+
}
|
|
73
|
+
export declare const Icon: typeof Base.Icon;
|
|
74
|
+
export declare namespace Icon {
|
|
75
|
+
type State = Base.Icon.State;
|
|
76
|
+
type Props = Base.Icon.Props;
|
|
77
|
+
}
|
|
78
|
+
export declare const Group: typeof Base.Group;
|
|
79
|
+
export declare namespace Group {
|
|
80
|
+
type State = Base.Group.State;
|
|
81
|
+
type Props = Base.Group.Props;
|
|
82
|
+
}
|
|
83
|
+
export declare const GroupLabel: typeof Base.GroupLabel;
|
|
84
|
+
export declare namespace GroupLabel {
|
|
85
|
+
type State = Base.GroupLabel.State;
|
|
86
|
+
type Props = Base.GroupLabel.Props;
|
|
87
|
+
}
|
|
88
|
+
export declare const Item: typeof Base.Item;
|
|
89
|
+
export declare namespace Item {
|
|
90
|
+
type State = Base.Item.State;
|
|
91
|
+
type Props = Base.Item.Props;
|
|
92
|
+
}
|
|
93
|
+
export declare const ItemIndicator: typeof Base.ItemIndicator;
|
|
94
|
+
export declare namespace ItemIndicator {
|
|
95
|
+
type Props = Base.ItemIndicator.Props;
|
|
96
|
+
type State = Base.ItemIndicator.State;
|
|
97
|
+
}
|
|
98
|
+
export declare const Chips: typeof Base.Chips;
|
|
99
|
+
export declare namespace Chips {
|
|
100
|
+
type State = Base.Chips.State;
|
|
101
|
+
type Props = Base.Chips.Props;
|
|
102
|
+
}
|
|
103
|
+
export declare const Chip: typeof Base.Chip;
|
|
104
|
+
export declare namespace Chip {
|
|
105
|
+
type State = Base.Chip.State;
|
|
106
|
+
type Props = Base.Chip.Props;
|
|
107
|
+
}
|
|
108
|
+
export declare const ChipRemove: typeof Base.ChipRemove;
|
|
109
|
+
export declare namespace ChipRemove {
|
|
110
|
+
type State = Base.ChipRemove.State;
|
|
111
|
+
type Props = Base.ChipRemove.Props;
|
|
112
|
+
}
|
|
113
|
+
export declare const Row: typeof Base.Row;
|
|
114
|
+
export declare namespace Row {
|
|
115
|
+
type State = Base.Row.State;
|
|
116
|
+
type Props = Base.Row.Props;
|
|
117
|
+
}
|
|
118
|
+
export declare const Collection: typeof Base.Collection;
|
|
119
|
+
export declare namespace Collection {
|
|
120
|
+
type State = Base.Collection.State;
|
|
121
|
+
type Props = Base.Collection.Props;
|
|
122
|
+
}
|
|
123
|
+
export declare const Empty: typeof Base.Empty;
|
|
124
|
+
export declare namespace Empty {
|
|
125
|
+
type State = Base.Empty.State;
|
|
126
|
+
type Props = Base.Empty.Props;
|
|
127
|
+
}
|
|
128
|
+
export declare const Clear: typeof Base.Clear;
|
|
129
|
+
export declare namespace Clear {
|
|
130
|
+
type State = Base.Clear.State;
|
|
131
|
+
type Props = Base.Clear.Props;
|
|
132
|
+
}
|
|
133
|
+
export declare const Separator: typeof Base.Separator;
|
|
134
|
+
export declare namespace Separator {
|
|
135
|
+
type Props = Base.Separator.Props;
|
|
136
|
+
type State = Base.Separator.State;
|
|
137
|
+
}
|
|
138
|
+
export declare const useFilter: typeof Base.useFilter;
|
|
139
|
+
export declare const useFilteredItems: typeof Base.useFilteredItems;
|
|
140
|
+
export declare const createItems: PartOf<typeof Base, 'createItems'>;
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
// Generated by scripts/generate-wrappers.ts: change the roster or the generator, not this file.
|
|
3
|
+
import { Combobox as Base } from '@base-ui/react/combobox';
|
|
4
|
+
import { wrapPart } from "../part.js";
|
|
5
|
+
export const Root = /*#__PURE__*/ (() => Base.Root)();
|
|
6
|
+
export const Label = /*#__PURE__*/ (() => wrapPart(Base.Label, 'nave-base-ui-label'))();
|
|
7
|
+
export const Value = /*#__PURE__*/ (() => Base.Value)();
|
|
8
|
+
export const Input = /*#__PURE__*/ (() => wrapPart(Base.Input, 'nave-base-ui-number-field-input'))();
|
|
9
|
+
export const InputGroup = /*#__PURE__*/ (() => wrapPart(Base.InputGroup, 'nave-base-ui-input-group'))();
|
|
10
|
+
export const Trigger = /*#__PURE__*/ (() => wrapPart(Base.Trigger, 'nave-base-ui-combobox-trigger'))();
|
|
11
|
+
export const List = /*#__PURE__*/ (() => Base.List)();
|
|
12
|
+
export const Status = /*#__PURE__*/ (() => Base.Status)();
|
|
13
|
+
export const Portal = /*#__PURE__*/ (() => Base.Portal)();
|
|
14
|
+
export const Backdrop = /*#__PURE__*/ (() => Base.Backdrop)();
|
|
15
|
+
export const Positioner = /*#__PURE__*/ (() => Base.Positioner)();
|
|
16
|
+
export const Popup = /*#__PURE__*/ (() => wrapPart(Base.Popup, 'nave-base-ui-list-popup nave-base-ui-popup-fade'))();
|
|
17
|
+
export const Arrow = /*#__PURE__*/ (() => wrapPart(Base.Arrow, 'nave-base-ui-arrow nave-base-ui-arrow-inline'))();
|
|
18
|
+
export const Icon = /*#__PURE__*/ (() => wrapPart(Base.Icon, 'nave-base-ui-select-icon'))();
|
|
19
|
+
export const Group = /*#__PURE__*/ (() => Base.Group)();
|
|
20
|
+
export const GroupLabel = /*#__PURE__*/ (() => wrapPart(Base.GroupLabel, 'nave-base-ui-group-label'))();
|
|
21
|
+
export const Item = /*#__PURE__*/ (() => wrapPart(Base.Item, 'nave-base-ui-item nave-base-ui-item-highlight nave-base-ui-active-option'))();
|
|
22
|
+
export const ItemIndicator = /*#__PURE__*/ (() => Base.ItemIndicator)();
|
|
23
|
+
export const Chips = /*#__PURE__*/ (() => wrapPart(Base.Chips, 'nave-base-ui-chips'))();
|
|
24
|
+
export const Chip = /*#__PURE__*/ (() => wrapPart(Base.Chip, 'nave-base-ui-chip'))();
|
|
25
|
+
export const ChipRemove = /*#__PURE__*/ (() => wrapPart(Base.ChipRemove, 'nave-base-ui-chip-remove'))();
|
|
26
|
+
export const Row = /*#__PURE__*/ (() => Base.Row)();
|
|
27
|
+
export const Collection = /*#__PURE__*/ (() => Base.Collection)();
|
|
28
|
+
export const Empty = /*#__PURE__*/ (() => wrapPart(Base.Empty, 'nave-base-ui-list-empty'))();
|
|
29
|
+
export const Clear = /*#__PURE__*/ (() => wrapPart(Base.Clear, 'nave-base-ui-number-field-stepper'))();
|
|
30
|
+
export const Separator = /*#__PURE__*/ (() => wrapPart(Base.Separator, 'nave-base-ui-separator'))();
|
|
31
|
+
export const useFilter = /*#__PURE__*/ (() => Base.useFilter)();
|
|
32
|
+
export const useFilteredItems = /*#__PURE__*/ (() => Base.useFilteredItems)();
|
|
33
|
+
export const createItems = /*#__PURE__*/ (() => Base.createItems)();
|
|
@@ -0,0 +1,104 @@
|
|
|
1
|
+
import { ContextMenu as Base } from '@base-ui/react/context-menu';
|
|
2
|
+
export declare const Root: typeof Base.Root;
|
|
3
|
+
export declare namespace Root {
|
|
4
|
+
type State = Base.Root.State;
|
|
5
|
+
type Props = Base.Root.Props;
|
|
6
|
+
type ChangeEventReason = Base.Root.ChangeEventReason;
|
|
7
|
+
type ChangeEventDetails = Base.Root.ChangeEventDetails;
|
|
8
|
+
}
|
|
9
|
+
export declare const Trigger: typeof Base.Trigger;
|
|
10
|
+
export declare namespace Trigger {
|
|
11
|
+
type State = Base.Trigger.State;
|
|
12
|
+
type Props = Base.Trigger.Props;
|
|
13
|
+
}
|
|
14
|
+
export declare const Backdrop: typeof Base.Backdrop;
|
|
15
|
+
export declare namespace Backdrop {
|
|
16
|
+
type State = Base.Backdrop.State;
|
|
17
|
+
type Props = Base.Backdrop.Props;
|
|
18
|
+
}
|
|
19
|
+
export declare const Portal: typeof Base.Portal;
|
|
20
|
+
export declare namespace Portal {
|
|
21
|
+
type State = Base.Portal.State;
|
|
22
|
+
type Props = Base.Portal.Props;
|
|
23
|
+
}
|
|
24
|
+
export declare const Positioner: typeof Base.Positioner;
|
|
25
|
+
export declare namespace Positioner {
|
|
26
|
+
type State = Base.Positioner.State;
|
|
27
|
+
type Props = Base.Positioner.Props;
|
|
28
|
+
}
|
|
29
|
+
export declare const Popup: typeof Base.Popup;
|
|
30
|
+
export declare namespace Popup {
|
|
31
|
+
type Props = Base.Popup.Props;
|
|
32
|
+
type State = Base.Popup.State;
|
|
33
|
+
}
|
|
34
|
+
export declare const Arrow: typeof Base.Arrow;
|
|
35
|
+
export declare namespace Arrow {
|
|
36
|
+
type State = Base.Arrow.State;
|
|
37
|
+
type Props = Base.Arrow.Props;
|
|
38
|
+
}
|
|
39
|
+
export declare const Group: typeof Base.Group;
|
|
40
|
+
export declare namespace Group {
|
|
41
|
+
type Props = Base.Group.Props;
|
|
42
|
+
type State = Base.Group.State;
|
|
43
|
+
}
|
|
44
|
+
export declare const GroupLabel: typeof Base.GroupLabel;
|
|
45
|
+
export declare namespace GroupLabel {
|
|
46
|
+
type Props = Base.GroupLabel.Props;
|
|
47
|
+
type State = Base.GroupLabel.State;
|
|
48
|
+
}
|
|
49
|
+
export declare const Item: typeof Base.Item;
|
|
50
|
+
export declare namespace Item {
|
|
51
|
+
type State = Base.Item.State;
|
|
52
|
+
type Props = Base.Item.Props;
|
|
53
|
+
}
|
|
54
|
+
export declare const CheckboxItem: typeof Base.CheckboxItem;
|
|
55
|
+
export declare namespace CheckboxItem {
|
|
56
|
+
type State = Base.CheckboxItem.State;
|
|
57
|
+
type Props = Base.CheckboxItem.Props;
|
|
58
|
+
type ChangeEventReason = Base.CheckboxItem.ChangeEventReason;
|
|
59
|
+
type ChangeEventDetails = Base.CheckboxItem.ChangeEventDetails;
|
|
60
|
+
}
|
|
61
|
+
export declare const CheckboxItemIndicator: typeof Base.CheckboxItemIndicator;
|
|
62
|
+
export declare namespace CheckboxItemIndicator {
|
|
63
|
+
type Props = Base.CheckboxItemIndicator.Props;
|
|
64
|
+
type State = Base.CheckboxItemIndicator.State;
|
|
65
|
+
}
|
|
66
|
+
export declare const LinkItem: typeof Base.LinkItem;
|
|
67
|
+
export declare namespace LinkItem {
|
|
68
|
+
type State = Base.LinkItem.State;
|
|
69
|
+
type Props = Base.LinkItem.Props;
|
|
70
|
+
}
|
|
71
|
+
export declare const RadioGroup: typeof Base.RadioGroup;
|
|
72
|
+
export declare namespace RadioGroup {
|
|
73
|
+
type Props = Base.RadioGroup.Props;
|
|
74
|
+
type State = Base.RadioGroup.State;
|
|
75
|
+
type ChangeEventReason = Base.RadioGroup.ChangeEventReason;
|
|
76
|
+
type ChangeEventDetails = Base.RadioGroup.ChangeEventDetails;
|
|
77
|
+
}
|
|
78
|
+
export declare const RadioItem: typeof Base.RadioItem;
|
|
79
|
+
export declare namespace RadioItem {
|
|
80
|
+
type State = Base.RadioItem.State;
|
|
81
|
+
type Props = Base.RadioItem.Props;
|
|
82
|
+
}
|
|
83
|
+
export declare const RadioItemIndicator: typeof Base.RadioItemIndicator;
|
|
84
|
+
export declare namespace RadioItemIndicator {
|
|
85
|
+
type Props = Base.RadioItemIndicator.Props;
|
|
86
|
+
type State = Base.RadioItemIndicator.State;
|
|
87
|
+
}
|
|
88
|
+
export declare const SubmenuRoot: typeof Base.SubmenuRoot;
|
|
89
|
+
export declare namespace SubmenuRoot {
|
|
90
|
+
type Props = Base.SubmenuRoot.Props;
|
|
91
|
+
type State = Base.SubmenuRoot.State;
|
|
92
|
+
type ChangeEventReason = Base.SubmenuRoot.ChangeEventReason;
|
|
93
|
+
type ChangeEventDetails = Base.SubmenuRoot.ChangeEventDetails;
|
|
94
|
+
}
|
|
95
|
+
export declare const SubmenuTrigger: typeof Base.SubmenuTrigger;
|
|
96
|
+
export declare namespace SubmenuTrigger {
|
|
97
|
+
type Props = Base.SubmenuTrigger.Props;
|
|
98
|
+
type State = Base.SubmenuTrigger.State;
|
|
99
|
+
}
|
|
100
|
+
export declare const Separator: typeof Base.Separator;
|
|
101
|
+
export declare namespace Separator {
|
|
102
|
+
type Props = Base.Separator.Props;
|
|
103
|
+
type State = Base.Separator.State;
|
|
104
|
+
}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
// Generated by scripts/generate-wrappers.ts: change the roster or the generator, not this file.
|
|
3
|
+
import { ContextMenu as Base } from '@base-ui/react/context-menu';
|
|
4
|
+
import { wrapPart } from "../part.js";
|
|
5
|
+
export const Root = /*#__PURE__*/ (() => Base.Root)();
|
|
6
|
+
export const Trigger = /*#__PURE__*/ (() => Base.Trigger)();
|
|
7
|
+
export const Backdrop = /*#__PURE__*/ (() => Base.Backdrop)();
|
|
8
|
+
export const Portal = /*#__PURE__*/ (() => Base.Portal)();
|
|
9
|
+
export const Positioner = /*#__PURE__*/ (() => Base.Positioner)();
|
|
10
|
+
export const Popup = /*#__PURE__*/ (() => wrapPart(Base.Popup, 'nave-base-ui-list-popup nave-base-ui-popup-motion'))();
|
|
11
|
+
export const Arrow = /*#__PURE__*/ (() => wrapPart(Base.Arrow, 'nave-base-ui-arrow nave-base-ui-arrow-inline'))();
|
|
12
|
+
export const Group = /*#__PURE__*/ (() => Base.Group)();
|
|
13
|
+
export const GroupLabel = /*#__PURE__*/ (() => wrapPart(Base.GroupLabel, 'nave-base-ui-group-label'))();
|
|
14
|
+
export const Item = /*#__PURE__*/ (() => wrapPart(Base.Item, 'nave-base-ui-item nave-base-ui-item-highlight'))();
|
|
15
|
+
export const CheckboxItem = /*#__PURE__*/ (() => wrapPart(Base.CheckboxItem, 'nave-base-ui-item nave-base-ui-item-highlight'))();
|
|
16
|
+
export const CheckboxItemIndicator = /*#__PURE__*/ (() => Base.CheckboxItemIndicator)();
|
|
17
|
+
export const LinkItem = /*#__PURE__*/ (() => wrapPart(Base.LinkItem, 'nave-base-ui-item nave-base-ui-item-highlight'))();
|
|
18
|
+
export const RadioGroup = /*#__PURE__*/ (() => Base.RadioGroup)();
|
|
19
|
+
export const RadioItem = /*#__PURE__*/ (() => wrapPart(Base.RadioItem, 'nave-base-ui-item nave-base-ui-item-highlight'))();
|
|
20
|
+
export const RadioItemIndicator = /*#__PURE__*/ (() => Base.RadioItemIndicator)();
|
|
21
|
+
export const SubmenuRoot = /*#__PURE__*/ (() => Base.SubmenuRoot)();
|
|
22
|
+
export const SubmenuTrigger = /*#__PURE__*/ (() => wrapPart(Base.SubmenuTrigger, 'nave-base-ui-item nave-base-ui-item-highlight'))();
|
|
23
|
+
export const Separator = /*#__PURE__*/ (() => wrapPart(Base.Separator, 'nave-base-ui-separator'))();
|
|
@@ -45,6 +45,7 @@ export declare namespace Title {
|
|
|
45
45
|
type State = Base.Title.State;
|
|
46
46
|
}
|
|
47
47
|
export declare const Trigger: <Payload>(props: Omit<Base.Trigger.Props<Payload>, 'ref'> & RefAttributes<HTMLElement> & VariantProps) => ReactElement;
|
|
48
|
+
export type Trigger = typeof Trigger;
|
|
48
49
|
export declare namespace Trigger {
|
|
49
50
|
type Props<Payload = unknown> = Base.Trigger.Props<Payload> & VariantProps;
|
|
50
51
|
type State = Base.Trigger.State;
|
|
@@ -4,7 +4,7 @@ import { wrapPart, wrapVariantPart } from "../part.js";
|
|
|
4
4
|
export const Backdrop = /*#__PURE__*/ (() => Base.Backdrop)();
|
|
5
5
|
export const Close = /*#__PURE__*/ (() => wrapVariantPart(Base.Close, 'nave-base-ui-button'))();
|
|
6
6
|
export const Description = /*#__PURE__*/ (() => wrapPart(Base.Description, 'nave-base-ui-description'))();
|
|
7
|
-
export const Popup = /*#__PURE__*/ (() => wrapPart(Base.Popup, 'nave-base-ui-dialog-popup'))();
|
|
7
|
+
export const Popup = /*#__PURE__*/ (() => wrapPart(Base.Popup, 'nave-base-ui-dialog-popup nave-base-ui-popup-fade'))();
|
|
8
8
|
export const Portal = /*#__PURE__*/ (() => Base.Portal)();
|
|
9
9
|
export const Root = /*#__PURE__*/ (() => Base.Root)();
|
|
10
10
|
export const Viewport = /*#__PURE__*/ (() => Base.Viewport)();
|
package/dist/index.d.ts
CHANGED
|
@@ -1,22 +1,35 @@
|
|
|
1
1
|
export * from './accordion/index.ts';
|
|
2
|
+
export * from './alert-dialog/index.ts';
|
|
3
|
+
export * from './autocomplete/index.ts';
|
|
4
|
+
export * from './avatar/index.ts';
|
|
2
5
|
export * from './button/index.ts';
|
|
3
6
|
export * from './checkbox-group/index.ts';
|
|
4
7
|
export * from './checkbox/index.ts';
|
|
5
8
|
export * from './collapsible/index.ts';
|
|
9
|
+
export * from './combobox/index.ts';
|
|
10
|
+
export * from './context-menu/index.ts';
|
|
6
11
|
export * from './dialog/index.ts';
|
|
7
12
|
export * from './field/index.ts';
|
|
8
13
|
export * from './fieldset/index.ts';
|
|
9
14
|
export * from './form/index.ts';
|
|
10
15
|
export * from './input/index.ts';
|
|
11
16
|
export * from './menu/index.ts';
|
|
17
|
+
export * from './menubar/index.ts';
|
|
18
|
+
export * from './meter/index.ts';
|
|
19
|
+
export * from './navigation-menu/index.ts';
|
|
12
20
|
export * from './number-field/index.ts';
|
|
13
21
|
export * from './popover/index.ts';
|
|
22
|
+
export * from './preview-card/index.ts';
|
|
23
|
+
export * from './progress/index.ts';
|
|
14
24
|
export * from './radio-group/index.ts';
|
|
15
25
|
export * from './radio/index.ts';
|
|
26
|
+
export * from './scroll-area/index.ts';
|
|
16
27
|
export * from './select/index.ts';
|
|
28
|
+
export * from './separator/index.ts';
|
|
17
29
|
export * from './slider/index.ts';
|
|
18
30
|
export * from './switch/index.ts';
|
|
19
31
|
export * from './tabs/index.ts';
|
|
32
|
+
export * from './toast/index.ts';
|
|
20
33
|
export * from './toggle-group/index.ts';
|
|
21
34
|
export * from './toggle/index.ts';
|
|
22
35
|
export * from './toolbar/index.ts';
|
package/dist/index.js
CHANGED
|
@@ -1,23 +1,36 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
export * from "./accordion/index.js";
|
|
3
|
+
export * from "./alert-dialog/index.js";
|
|
4
|
+
export * from "./autocomplete/index.js";
|
|
5
|
+
export * from "./avatar/index.js";
|
|
3
6
|
export * from "./button/index.js";
|
|
4
7
|
export * from "./checkbox-group/index.js";
|
|
5
8
|
export * from "./checkbox/index.js";
|
|
6
9
|
export * from "./collapsible/index.js";
|
|
10
|
+
export * from "./combobox/index.js";
|
|
11
|
+
export * from "./context-menu/index.js";
|
|
7
12
|
export * from "./dialog/index.js";
|
|
8
13
|
export * from "./field/index.js";
|
|
9
14
|
export * from "./fieldset/index.js";
|
|
10
15
|
export * from "./form/index.js";
|
|
11
16
|
export * from "./input/index.js";
|
|
12
17
|
export * from "./menu/index.js";
|
|
18
|
+
export * from "./menubar/index.js";
|
|
19
|
+
export * from "./meter/index.js";
|
|
20
|
+
export * from "./navigation-menu/index.js";
|
|
13
21
|
export * from "./number-field/index.js";
|
|
14
22
|
export * from "./popover/index.js";
|
|
23
|
+
export * from "./preview-card/index.js";
|
|
24
|
+
export * from "./progress/index.js";
|
|
15
25
|
export * from "./radio-group/index.js";
|
|
16
26
|
export * from "./radio/index.js";
|
|
27
|
+
export * from "./scroll-area/index.js";
|
|
17
28
|
export * from "./select/index.js";
|
|
29
|
+
export * from "./separator/index.js";
|
|
18
30
|
export * from "./slider/index.js";
|
|
19
31
|
export * from "./switch/index.js";
|
|
20
32
|
export * from "./tabs/index.js";
|
|
33
|
+
export * from "./toast/index.js";
|
|
21
34
|
export * from "./toggle-group/index.js";
|
|
22
35
|
export * from "./toggle/index.js";
|
|
23
36
|
export * from "./toolbar/index.js";
|
|
@@ -92,6 +92,7 @@ export declare namespace SubmenuRoot {
|
|
|
92
92
|
type ChangeEventDetails = Base.SubmenuRoot.ChangeEventDetails;
|
|
93
93
|
}
|
|
94
94
|
export declare const Trigger: <Payload>(props: Omit<Base.Trigger.Props<Payload>, 'ref'> & RefAttributes<HTMLElement> & VariantProps) => ReactElement;
|
|
95
|
+
export type Trigger = typeof Trigger;
|
|
95
96
|
export declare namespace Trigger {
|
|
96
97
|
type Props<Payload = unknown> = Base.Trigger.Props<Payload> & VariantProps;
|
|
97
98
|
type State = Base.Trigger.State;
|
|
@@ -1,25 +1,25 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
import { Menu as Base } from '@base-ui/react/menu';
|
|
3
3
|
import { wrapPart, wrapVariantPart } from "../part.js";
|
|
4
|
-
export const Arrow = /*#__PURE__*/ (() => wrapPart(Base.Arrow, 'nave-base-ui-arrow'))();
|
|
4
|
+
export const Arrow = /*#__PURE__*/ (() => wrapPart(Base.Arrow, 'nave-base-ui-arrow nave-base-ui-arrow-inline'))();
|
|
5
5
|
export const Backdrop = /*#__PURE__*/ (() => Base.Backdrop)();
|
|
6
|
-
export const CheckboxItem = /*#__PURE__*/ (() => wrapPart(Base.CheckboxItem, 'nave-base-ui-item'))();
|
|
6
|
+
export const CheckboxItem = /*#__PURE__*/ (() => wrapPart(Base.CheckboxItem, 'nave-base-ui-item nave-base-ui-item-highlight'))();
|
|
7
7
|
export const CheckboxItemIndicator = /*#__PURE__*/ (() => Base.CheckboxItemIndicator)();
|
|
8
8
|
export const Group = /*#__PURE__*/ (() => Base.Group)();
|
|
9
9
|
export const GroupLabel = /*#__PURE__*/ (() => wrapPart(Base.GroupLabel, 'nave-base-ui-group-label'))();
|
|
10
|
-
export const Item = /*#__PURE__*/ (() => wrapPart(Base.Item, 'nave-base-ui-item'))();
|
|
11
|
-
export const LinkItem = /*#__PURE__*/ (() => wrapPart(Base.LinkItem, 'nave-base-ui-item'))();
|
|
12
|
-
export const Popup = /*#__PURE__*/ (() => wrapPart(Base.Popup, 'nave-base-ui-list-popup'))();
|
|
10
|
+
export const Item = /*#__PURE__*/ (() => wrapPart(Base.Item, 'nave-base-ui-item nave-base-ui-item-highlight'))();
|
|
11
|
+
export const LinkItem = /*#__PURE__*/ (() => wrapPart(Base.LinkItem, 'nave-base-ui-item nave-base-ui-item-highlight'))();
|
|
12
|
+
export const Popup = /*#__PURE__*/ (() => wrapPart(Base.Popup, 'nave-base-ui-list-popup nave-base-ui-popup-motion'))();
|
|
13
13
|
export const Portal = /*#__PURE__*/ (() => Base.Portal)();
|
|
14
14
|
export const Positioner = /*#__PURE__*/ (() => Base.Positioner)();
|
|
15
15
|
export const RadioGroup = /*#__PURE__*/ (() => Base.RadioGroup)();
|
|
16
|
-
export const RadioItem = /*#__PURE__*/ (() => wrapPart(Base.RadioItem, 'nave-base-ui-item'))();
|
|
16
|
+
export const RadioItem = /*#__PURE__*/ (() => wrapPart(Base.RadioItem, 'nave-base-ui-item nave-base-ui-item-highlight'))();
|
|
17
17
|
export const RadioItemIndicator = /*#__PURE__*/ (() => Base.RadioItemIndicator)();
|
|
18
18
|
export const Root = /*#__PURE__*/ (() => Base.Root)();
|
|
19
19
|
export const SubmenuRoot = /*#__PURE__*/ (() => Base.SubmenuRoot)();
|
|
20
20
|
export const Trigger = /*#__PURE__*/ (() => wrapVariantPart(Base.Trigger, 'nave-base-ui-button'))();
|
|
21
21
|
export const Viewport = /*#__PURE__*/ (() => Base.Viewport)();
|
|
22
22
|
export const Separator = /*#__PURE__*/ (() => wrapPart(Base.Separator, 'nave-base-ui-separator'))();
|
|
23
|
-
export const SubmenuTrigger = /*#__PURE__*/ (() => wrapPart(Base.SubmenuTrigger, 'nave-base-ui-item'))();
|
|
23
|
+
export const SubmenuTrigger = /*#__PURE__*/ (() => wrapPart(Base.SubmenuTrigger, 'nave-base-ui-item nave-base-ui-item-highlight'))();
|
|
24
24
|
export const Handle = /*#__PURE__*/ (() => Base.Handle)();
|
|
25
25
|
export const createHandle = /*#__PURE__*/ (() => Base.createHandle)();
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
// Generated by scripts/generate-wrappers.ts: change the roster or the generator, not this file.
|
|
3
|
+
import { Menubar as Base } from '@base-ui/react/menubar';
|
|
4
|
+
import { wrapPart } from "../part.js";
|
|
5
|
+
export const Menubar = /*#__PURE__*/ (() => wrapPart(Base, 'nave-base-ui-toolbar'))();
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import { Meter as Base } from '@base-ui/react/meter';
|
|
2
|
+
export declare const Root: typeof Base.Root;
|
|
3
|
+
export declare namespace Root {
|
|
4
|
+
type State = Base.Root.State;
|
|
5
|
+
type Props = Base.Root.Props;
|
|
6
|
+
}
|
|
7
|
+
export declare const Track: typeof Base.Track;
|
|
8
|
+
export declare namespace Track {
|
|
9
|
+
type State = Base.Track.State;
|
|
10
|
+
type Props = Base.Track.Props;
|
|
11
|
+
}
|
|
12
|
+
export declare const Indicator: typeof Base.Indicator;
|
|
13
|
+
export declare namespace Indicator {
|
|
14
|
+
type State = Base.Indicator.State;
|
|
15
|
+
type Props = Base.Indicator.Props;
|
|
16
|
+
}
|
|
17
|
+
export declare const Value: typeof Base.Value;
|
|
18
|
+
export declare namespace Value {
|
|
19
|
+
type State = Base.Value.State;
|
|
20
|
+
type Props = Base.Value.Props;
|
|
21
|
+
}
|
|
22
|
+
export declare const Label: typeof Base.Label;
|
|
23
|
+
export declare namespace Label {
|
|
24
|
+
type State = Base.Label.State;
|
|
25
|
+
type Props = Base.Label.Props;
|
|
26
|
+
}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
// Generated by scripts/generate-wrappers.ts: change the roster or the generator, not this file.
|
|
3
|
+
import { Meter as Base } from '@base-ui/react/meter';
|
|
4
|
+
import { wrapPart } from "../part.js";
|
|
5
|
+
export const Root = /*#__PURE__*/ (() => wrapPart(Base.Root, 'nave-base-ui-value-bar'))();
|
|
6
|
+
export const Track = /*#__PURE__*/ (() => wrapPart(Base.Track, 'nave-base-ui-value-bar-track'))();
|
|
7
|
+
export const Indicator = /*#__PURE__*/ (() => wrapPart(Base.Indicator, 'nave-base-ui-value-bar-indicator'))();
|
|
8
|
+
export const Value = /*#__PURE__*/ (() => wrapPart(Base.Value, 'nave-base-ui-slider-value'))();
|
|
9
|
+
export const Label = /*#__PURE__*/ (() => wrapPart(Base.Label, 'nave-base-ui-label'))();
|
|
@@ -0,0 +1,69 @@
|
|
|
1
|
+
import { NavigationMenu as Base } from '@base-ui/react/navigation-menu';
|
|
2
|
+
export declare const Root: typeof Base.Root;
|
|
3
|
+
export declare namespace Root {
|
|
4
|
+
type State = Base.Root.State;
|
|
5
|
+
type Props = Base.Root.Props;
|
|
6
|
+
type Actions = Base.Root.Actions;
|
|
7
|
+
type ChangeEventReason = Base.Root.ChangeEventReason;
|
|
8
|
+
type ChangeEventDetails = Base.Root.ChangeEventDetails;
|
|
9
|
+
}
|
|
10
|
+
export declare const List: typeof Base.List;
|
|
11
|
+
export declare namespace List {
|
|
12
|
+
type State = Base.List.State;
|
|
13
|
+
type Props = Base.List.Props;
|
|
14
|
+
}
|
|
15
|
+
export declare const Item: typeof Base.Item;
|
|
16
|
+
export declare namespace Item {
|
|
17
|
+
type State = Base.Item.State;
|
|
18
|
+
type Props = Base.Item.Props;
|
|
19
|
+
}
|
|
20
|
+
export declare const Content: typeof Base.Content;
|
|
21
|
+
export declare namespace Content {
|
|
22
|
+
type State = Base.Content.State;
|
|
23
|
+
type Props = Base.Content.Props;
|
|
24
|
+
}
|
|
25
|
+
export declare const Trigger: typeof Base.Trigger;
|
|
26
|
+
export declare namespace Trigger {
|
|
27
|
+
type State = Base.Trigger.State;
|
|
28
|
+
type Props = Base.Trigger.Props;
|
|
29
|
+
}
|
|
30
|
+
export declare const Portal: typeof Base.Portal;
|
|
31
|
+
export declare namespace Portal {
|
|
32
|
+
type State = Base.Portal.State;
|
|
33
|
+
type Props = Base.Portal.Props;
|
|
34
|
+
}
|
|
35
|
+
export declare const Positioner: typeof Base.Positioner;
|
|
36
|
+
export declare namespace Positioner {
|
|
37
|
+
type State = Base.Positioner.State;
|
|
38
|
+
type Props = Base.Positioner.Props;
|
|
39
|
+
}
|
|
40
|
+
export declare const Viewport: typeof Base.Viewport;
|
|
41
|
+
export declare namespace Viewport {
|
|
42
|
+
type State = Base.Viewport.State;
|
|
43
|
+
type Props = Base.Viewport.Props;
|
|
44
|
+
}
|
|
45
|
+
export declare const Backdrop: typeof Base.Backdrop;
|
|
46
|
+
export declare namespace Backdrop {
|
|
47
|
+
type State = Base.Backdrop.State;
|
|
48
|
+
type Props = Base.Backdrop.Props;
|
|
49
|
+
}
|
|
50
|
+
export declare const Popup: typeof Base.Popup;
|
|
51
|
+
export declare namespace Popup {
|
|
52
|
+
type State = Base.Popup.State;
|
|
53
|
+
type Props = Base.Popup.Props;
|
|
54
|
+
}
|
|
55
|
+
export declare const Arrow: typeof Base.Arrow;
|
|
56
|
+
export declare namespace Arrow {
|
|
57
|
+
type State = Base.Arrow.State;
|
|
58
|
+
type Props = Base.Arrow.Props;
|
|
59
|
+
}
|
|
60
|
+
export declare const Link: typeof Base.Link;
|
|
61
|
+
export declare namespace Link {
|
|
62
|
+
type State = Base.Link.State;
|
|
63
|
+
type Props = Base.Link.Props;
|
|
64
|
+
}
|
|
65
|
+
export declare const Icon: typeof Base.Icon;
|
|
66
|
+
export declare namespace Icon {
|
|
67
|
+
type State = Base.Icon.State;
|
|
68
|
+
type Props = Base.Icon.Props;
|
|
69
|
+
}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
// Generated by scripts/generate-wrappers.ts: change the roster or the generator, not this file.
|
|
3
|
+
import { NavigationMenu as Base } from '@base-ui/react/navigation-menu';
|
|
4
|
+
import { wrapPart } from "../part.js";
|
|
5
|
+
export const Root = /*#__PURE__*/ (() => Base.Root)();
|
|
6
|
+
export const List = /*#__PURE__*/ (() => wrapPart(Base.List, 'nave-base-ui-navigation-menu-list'))();
|
|
7
|
+
export const Item = /*#__PURE__*/ (() => Base.Item)();
|
|
8
|
+
export const Content = /*#__PURE__*/ (() => Base.Content)();
|
|
9
|
+
export const Trigger = /*#__PURE__*/ (() => wrapPart(Base.Trigger, 'nave-base-ui-navigation-menu-trigger'))();
|
|
10
|
+
export const Portal = /*#__PURE__*/ (() => Base.Portal)();
|
|
11
|
+
export const Positioner = /*#__PURE__*/ (() => Base.Positioner)();
|
|
12
|
+
export const Viewport = /*#__PURE__*/ (() => Base.Viewport)();
|
|
13
|
+
export const Backdrop = /*#__PURE__*/ (() => Base.Backdrop)();
|
|
14
|
+
export const Popup = /*#__PURE__*/ (() => wrapPart(Base.Popup, 'nave-base-ui-popover-popup nave-base-ui-navigation-menu-fade'))();
|
|
15
|
+
export const Arrow = /*#__PURE__*/ (() => wrapPart(Base.Arrow, 'nave-base-ui-arrow nave-base-ui-arrow-inline'))();
|
|
16
|
+
export const Link = /*#__PURE__*/ (() => wrapPart(Base.Link, 'nave-base-ui-toolbar-link nave-base-ui-current-link'))();
|
|
17
|
+
export const Icon = /*#__PURE__*/ (() => wrapPart(Base.Icon, 'nave-base-ui-navigation-menu-icon'))();
|
package/dist/part.d.ts
CHANGED
|
@@ -1,7 +1,18 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* The size an Avatar takes. It is not a Base UI prop of any Avatar part, so nothing is shadowed.
|
|
3
|
+
*/
|
|
4
|
+
export interface AvatarProps {
|
|
5
|
+
size?: 'lg' | 'md' | 'sm';
|
|
6
|
+
}
|
|
1
7
|
export interface VariantProps {
|
|
2
8
|
size?: 'md' | 'sm';
|
|
3
|
-
variant?: 'primary' | 'secondary';
|
|
9
|
+
variant?: 'ghost' | 'primary' | 'secondary';
|
|
4
10
|
}
|
|
11
|
+
/**
|
|
12
|
+
* A part of a Base UI component, or `never` where the installed Base UI has no such part (one
|
|
13
|
+
* younger than the peer floor).
|
|
14
|
+
*/
|
|
15
|
+
export type PartOf<Namespace, Key extends string> = Key extends keyof Namespace ? Namespace[Key] : never;
|
|
5
16
|
export interface SizeProps {
|
|
6
17
|
size?: 'md' | 'sm';
|
|
7
18
|
}
|
|
@@ -21,3 +32,8 @@ export declare const wrapVariantPart: <T>(part: unknown, className: string) => T
|
|
|
21
32
|
* stays absent, as for `wrapPart`.
|
|
22
33
|
*/
|
|
23
34
|
export declare const wrapSizePart: <T>(part: unknown, className: string) => T;
|
|
35
|
+
/**
|
|
36
|
+
* A part that gains `size` with the Avatar's three values. A part the installed Base UI does not
|
|
37
|
+
* have stays absent, as for `wrapPart`.
|
|
38
|
+
*/
|
|
39
|
+
export declare const wrapAvatarPart: <T>(part: unknown, className: string) => T;
|