@navecss/base-ui 0.0.0-stage → 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/LICENSE +21 -0
- package/README.md +417 -2
- package/dist/accordion/index.d.ts +2 -0
- package/dist/accordion/index.js +2 -0
- package/dist/accordion/parts.generated.d.ts +31 -0
- package/dist/accordion/parts.generated.js +9 -0
- 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/button/index.d.ts +2 -0
- package/dist/button/index.js +3 -0
- package/dist/button/parts.generated.d.ts +8 -0
- package/dist/button/parts.generated.js +4 -0
- package/dist/checkbox/index.d.ts +2 -0
- package/dist/checkbox/index.js +2 -0
- package/dist/checkbox/parts.generated.d.ts +13 -0
- package/dist/checkbox/parts.generated.js +6 -0
- package/dist/checkbox-group/index.d.ts +2 -0
- package/dist/checkbox-group/index.js +3 -0
- package/dist/checkbox-group/parts.generated.d.ts +8 -0
- package/dist/checkbox-group/parts.generated.js +5 -0
- package/dist/collapsible/index.d.ts +2 -0
- package/dist/collapsible/index.js +2 -0
- package/dist/collapsible/parts.generated.d.ts +18 -0
- package/dist/collapsible/parts.generated.js +7 -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/index.d.ts +2 -0
- package/dist/dialog/index.js +2 -0
- package/dist/dialog/parts.generated.d.ts +55 -0
- package/dist/dialog/parts.generated.js +14 -0
- package/dist/field/index.d.ts +2 -0
- package/dist/field/index.js +2 -0
- package/dist/field/parts.generated.d.ts +41 -0
- package/dist/field/parts.generated.js +12 -0
- package/dist/fieldset/index.d.ts +2 -0
- package/dist/fieldset/index.js +2 -0
- package/dist/fieldset/parts.generated.d.ts +11 -0
- package/dist/fieldset/parts.generated.js +6 -0
- package/dist/form/index.d.ts +2 -0
- package/dist/form/index.js +3 -0
- package/dist/form/parts.generated.d.ts +11 -0
- package/dist/form/parts.generated.js +4 -0
- package/dist/index.d.ts +36 -0
- package/dist/index.js +37 -0
- package/dist/input/index.d.ts +2 -0
- package/dist/input/index.js +3 -0
- package/dist/input/parts.generated.d.ts +8 -0
- package/dist/input/parts.generated.js +5 -0
- package/dist/menu/index.d.ts +2 -0
- package/dist/menu/index.js +2 -0
- package/dist/menu/parts.generated.d.ts +117 -0
- package/dist/menu/parts.generated.js +25 -0
- 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/number-field/index.d.ts +2 -0
- package/dist/number-field/index.js +2 -0
- package/dist/number-field/parts.generated.d.ts +40 -0
- package/dist/number-field/parts.generated.js +11 -0
- package/dist/part.d.ts +39 -0
- package/dist/part.js +66 -0
- package/dist/popover/index.d.ts +2 -0
- package/dist/popover/index.js +2 -0
- package/dist/popover/parts.generated.d.ts +65 -0
- package/dist/popover/parts.generated.js +16 -0
- 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/radio/index.d.ts +2 -0
- package/dist/radio/index.js +2 -0
- package/dist/radio/parts.generated.d.ts +11 -0
- package/dist/radio/parts.generated.js +6 -0
- package/dist/radio-group/index.d.ts +2 -0
- package/dist/radio-group/index.js +3 -0
- package/dist/radio-group/parts.generated.d.ts +8 -0
- package/dist/radio-group/parts.generated.js +5 -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/index.d.ts +2 -0
- package/dist/select/index.js +2 -0
- package/dist/select/parts.generated.d.ts +99 -0
- package/dist/select/parts.generated.js +23 -0
- 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/slider/index.d.ts +2 -0
- package/dist/slider/index.js +2 -0
- package/dist/slider/parts.generated.d.ts +40 -0
- package/dist/slider/parts.generated.js +11 -0
- package/dist/styles.css +290 -0
- package/dist/switch/index.d.ts +2 -0
- package/dist/switch/index.js +2 -0
- package/dist/switch/parts.generated.d.ts +13 -0
- package/dist/switch/parts.generated.js +6 -0
- package/dist/tabs/index.d.ts +2 -0
- package/dist/tabs/index.js +2 -0
- package/dist/tabs/parts.generated.d.ts +35 -0
- package/dist/tabs/parts.generated.js +9 -0
- 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/toggle/index.d.ts +2 -0
- package/dist/toggle/index.js +3 -0
- package/dist/toggle/parts.generated.d.ts +10 -0
- package/dist/toggle/parts.generated.js +4 -0
- package/dist/toggle-group/index.d.ts +2 -0
- package/dist/toggle-group/index.js +3 -0
- package/dist/toggle-group/parts.generated.d.ts +8 -0
- package/dist/toggle-group/parts.generated.js +5 -0
- package/dist/toolbar/index.d.ts +2 -0
- package/dist/toolbar/index.js +2 -0
- package/dist/toolbar/parts.generated.d.ts +36 -0
- package/dist/toolbar/parts.generated.js +9 -0
- package/dist/tooltip/index.d.ts +2 -0
- package/dist/tooltip/index.js +2 -0
- package/dist/tooltip/parts.generated.d.ts +50 -0
- package/dist/tooltip/parts.generated.js +13 -0
- package/package.json +259 -3
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
import { NumberField as Base } from '@base-ui/react/number-field';
|
|
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
|
+
type CommitEventReason = Base.Root.CommitEventReason;
|
|
9
|
+
type CommitEventDetails = Base.Root.CommitEventDetails;
|
|
10
|
+
}
|
|
11
|
+
export declare const Group: typeof Base.Group;
|
|
12
|
+
export declare namespace Group {
|
|
13
|
+
type State = Base.Group.State;
|
|
14
|
+
type Props = Base.Group.Props;
|
|
15
|
+
}
|
|
16
|
+
export declare const Increment: typeof Base.Increment;
|
|
17
|
+
export declare namespace Increment {
|
|
18
|
+
type State = Base.Increment.State;
|
|
19
|
+
type Props = Base.Increment.Props;
|
|
20
|
+
}
|
|
21
|
+
export declare const Decrement: typeof Base.Decrement;
|
|
22
|
+
export declare namespace Decrement {
|
|
23
|
+
type State = Base.Decrement.State;
|
|
24
|
+
type Props = Base.Decrement.Props;
|
|
25
|
+
}
|
|
26
|
+
export declare const Input: typeof Base.Input;
|
|
27
|
+
export declare namespace Input {
|
|
28
|
+
type State = Base.Input.State;
|
|
29
|
+
type Props = Base.Input.Props;
|
|
30
|
+
}
|
|
31
|
+
export declare const ScrubArea: typeof Base.ScrubArea;
|
|
32
|
+
export declare namespace ScrubArea {
|
|
33
|
+
type State = Base.ScrubArea.State;
|
|
34
|
+
type Props = Base.ScrubArea.Props;
|
|
35
|
+
}
|
|
36
|
+
export declare const ScrubAreaCursor: typeof Base.ScrubAreaCursor;
|
|
37
|
+
export declare namespace ScrubAreaCursor {
|
|
38
|
+
type State = Base.ScrubAreaCursor.State;
|
|
39
|
+
type Props = Base.ScrubAreaCursor.Props;
|
|
40
|
+
}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
// Generated by scripts/generate-wrappers.ts: change the roster or the generator, not this file.
|
|
3
|
+
import { NumberField as Base } from '@base-ui/react/number-field';
|
|
4
|
+
import { wrapPart } from "../part.js";
|
|
5
|
+
export const Root = /*#__PURE__*/ (() => Base.Root)();
|
|
6
|
+
export const Group = /*#__PURE__*/ (() => wrapPart(Base.Group, 'nave-base-ui-number-field-group'))();
|
|
7
|
+
export const Increment = /*#__PURE__*/ (() => wrapPart(Base.Increment, 'nave-base-ui-number-field-stepper'))();
|
|
8
|
+
export const Decrement = /*#__PURE__*/ (() => wrapPart(Base.Decrement, 'nave-base-ui-number-field-stepper'))();
|
|
9
|
+
export const Input = /*#__PURE__*/ (() => wrapPart(Base.Input, 'nave-base-ui-number-field-input'))();
|
|
10
|
+
export const ScrubArea = /*#__PURE__*/ (() => wrapPart(Base.ScrubArea, 'nave-base-ui-number-field-scrub-area'))();
|
|
11
|
+
export const ScrubAreaCursor = /*#__PURE__*/ (() => Base.ScrubAreaCursor)();
|
package/dist/part.d.ts
ADDED
|
@@ -0,0 +1,39 @@
|
|
|
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
|
+
}
|
|
7
|
+
export interface VariantProps {
|
|
8
|
+
size?: 'md' | 'sm';
|
|
9
|
+
variant?: 'ghost' | 'primary' | 'secondary';
|
|
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;
|
|
16
|
+
export interface SizeProps {
|
|
17
|
+
size?: 'md' | 'sm';
|
|
18
|
+
}
|
|
19
|
+
/**
|
|
20
|
+
* A part that is Base UI's own, with `className` composed. Typed as the part it wraps. A part the
|
|
21
|
+
* installed Base UI does not have stays absent.
|
|
22
|
+
*/
|
|
23
|
+
export declare const wrapPart: <P>(part: P, className: string) => P;
|
|
24
|
+
/**
|
|
25
|
+
* A part of the Button family: as `wrapPart`, and its props gain `variant` and `size`. The type it
|
|
26
|
+
* is given is the type the generated module declares for it, written from Base UI's own public
|
|
27
|
+
* `Props` so that a generic part (a trigger's `Payload`) stays generic.
|
|
28
|
+
*/
|
|
29
|
+
export declare const wrapVariantPart: <T>(part: unknown, className: string) => T;
|
|
30
|
+
/**
|
|
31
|
+
* A part that gains `size` alone, as the Toggle does. A part the installed Base UI does not have
|
|
32
|
+
* stays absent, as for `wrapPart`.
|
|
33
|
+
*/
|
|
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;
|
package/dist/part.js
ADDED
|
@@ -0,0 +1,66 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
/**
|
|
3
|
+
* The one helper every wrapped part is built with. A wrapped part is Base UI's part with Nave's
|
|
4
|
+
* class added to its `className` (a string is joined after Nave's class, a function of state is
|
|
5
|
+
* wrapped, never stringified) and, for the Button family, the typed `variant` and `size` props
|
|
6
|
+
* turned into `data-nave-*` attributes (as `size` is for an Avatar). Everything else (every other
|
|
7
|
+
* prop, the ref, `render`) goes to Base UI's part untouched, and nothing here reads state, layout
|
|
8
|
+
* or style: what the wrapper adds is chosen by the props the consumer passed.
|
|
9
|
+
*/
|
|
10
|
+
import { createElement, forwardRef, useMemo, } from 'react';
|
|
11
|
+
const isOffDefault = (size, variants) => size === 'sm' || (variants === 'avatar' && size === 'lg');
|
|
12
|
+
const join = (own, consumer) => consumer === undefined || consumer === '' ? own : `${own} ${consumer}`;
|
|
13
|
+
/**
|
|
14
|
+
* Nave's class composed with the consumer's. The result is memoized on the consumer's own value,
|
|
15
|
+
* so a consumer that passes the same function gets the same function through and a memoized part
|
|
16
|
+
* does not re-render for it.
|
|
17
|
+
*/
|
|
18
|
+
const useClassName = (own, consumer) => useMemo(() => typeof consumer === 'function'
|
|
19
|
+
? (state) => join(own, consumer(state))
|
|
20
|
+
: join(own, consumer), [own, consumer]);
|
|
21
|
+
/**
|
|
22
|
+
* The attributes a non-default variant or size renders as, and the props left over. `variant` and
|
|
23
|
+
* `size` are consumed here and never reach Base UI's part, which has no such props.
|
|
24
|
+
*/
|
|
25
|
+
const variantAttributes = (props, variants) => {
|
|
26
|
+
const { size, variant, ...rest } = props;
|
|
27
|
+
return {
|
|
28
|
+
...rest,
|
|
29
|
+
...(variants === 'variant' &&
|
|
30
|
+
(variant === 'primary' || variant === 'ghost') && { 'data-nave-variant': variant }),
|
|
31
|
+
...(isOffDefault(size, variants) && { 'data-nave-size': size }),
|
|
32
|
+
};
|
|
33
|
+
};
|
|
34
|
+
const build = (part, own, variants) => forwardRef(function NaveBaseUiPart(props, ref) {
|
|
35
|
+
const forwarded = variants === undefined ? props : variantAttributes(props, variants);
|
|
36
|
+
const className = useClassName(own, forwarded.className);
|
|
37
|
+
return createElement(part, { ...forwarded, className, ref });
|
|
38
|
+
});
|
|
39
|
+
/**
|
|
40
|
+
* The wrapped part, or nothing where the installed Base UI has no such part (one younger than the
|
|
41
|
+
* peer floor): the export stays absent instead of becoming a component that throws when rendered.
|
|
42
|
+
*/
|
|
43
|
+
const wrap = (part, className, variants) => part === undefined
|
|
44
|
+
? part
|
|
45
|
+
: build(part, className, variants);
|
|
46
|
+
/**
|
|
47
|
+
* A part that is Base UI's own, with `className` composed. Typed as the part it wraps. A part the
|
|
48
|
+
* installed Base UI does not have stays absent.
|
|
49
|
+
*/
|
|
50
|
+
export const wrapPart = (part, className) => wrap(part, className, undefined);
|
|
51
|
+
/**
|
|
52
|
+
* A part of the Button family: as `wrapPart`, and its props gain `variant` and `size`. The type it
|
|
53
|
+
* is given is the type the generated module declares for it, written from Base UI's own public
|
|
54
|
+
* `Props` so that a generic part (a trigger's `Payload`) stays generic.
|
|
55
|
+
*/
|
|
56
|
+
export const wrapVariantPart = (part, className) => wrap(part, className, 'variant');
|
|
57
|
+
/**
|
|
58
|
+
* A part that gains `size` alone, as the Toggle does. A part the installed Base UI does not have
|
|
59
|
+
* stays absent, as for `wrapPart`.
|
|
60
|
+
*/
|
|
61
|
+
export const wrapSizePart = (part, className) => wrap(part, className, 'size');
|
|
62
|
+
/**
|
|
63
|
+
* A part that gains `size` with the Avatar's three values. A part the installed Base UI does not
|
|
64
|
+
* have stays absent, as for `wrapPart`.
|
|
65
|
+
*/
|
|
66
|
+
export const wrapAvatarPart = (part, className) => wrap(part, className, 'avatar');
|
|
@@ -0,0 +1,65 @@
|
|
|
1
|
+
import type { ReactElement, RefAttributes } from 'react';
|
|
2
|
+
import { Popover as Base } from '@base-ui/react/popover';
|
|
3
|
+
import { type VariantProps } from '../part.ts';
|
|
4
|
+
export declare const Root: typeof Base.Root;
|
|
5
|
+
export declare namespace Root {
|
|
6
|
+
type State = Base.Root.State;
|
|
7
|
+
type Props<Payload = unknown> = Base.Root.Props<Payload>;
|
|
8
|
+
type Actions = Base.Root.Actions;
|
|
9
|
+
type ChangeEventReason = Base.Root.ChangeEventReason;
|
|
10
|
+
type ChangeEventDetails = Base.Root.ChangeEventDetails;
|
|
11
|
+
}
|
|
12
|
+
export declare const Trigger: <Payload>(props: Omit<Base.Trigger.Props<Payload>, 'ref'> & RefAttributes<HTMLElement> & VariantProps) => ReactElement;
|
|
13
|
+
export type Trigger = typeof Trigger;
|
|
14
|
+
export declare namespace Trigger {
|
|
15
|
+
type State = Base.Trigger.State;
|
|
16
|
+
type Props<Payload = unknown> = Base.Trigger.Props<Payload> & VariantProps;
|
|
17
|
+
}
|
|
18
|
+
export declare const Portal: typeof Base.Portal;
|
|
19
|
+
export declare namespace Portal {
|
|
20
|
+
type State = Base.Portal.State;
|
|
21
|
+
type Props = Base.Portal.Props;
|
|
22
|
+
}
|
|
23
|
+
export declare const Positioner: typeof Base.Positioner;
|
|
24
|
+
export declare namespace Positioner {
|
|
25
|
+
type State = Base.Positioner.State;
|
|
26
|
+
type Props = Base.Positioner.Props;
|
|
27
|
+
}
|
|
28
|
+
export declare const Popup: typeof Base.Popup;
|
|
29
|
+
export declare namespace Popup {
|
|
30
|
+
type State = Base.Popup.State;
|
|
31
|
+
type Props = Base.Popup.Props;
|
|
32
|
+
}
|
|
33
|
+
export declare const Arrow: typeof Base.Arrow;
|
|
34
|
+
export declare namespace Arrow {
|
|
35
|
+
type State = Base.Arrow.State;
|
|
36
|
+
type Props = Base.Arrow.Props;
|
|
37
|
+
}
|
|
38
|
+
export declare const Backdrop: typeof Base.Backdrop;
|
|
39
|
+
export declare namespace Backdrop {
|
|
40
|
+
type State = Base.Backdrop.State;
|
|
41
|
+
type Props = Base.Backdrop.Props;
|
|
42
|
+
}
|
|
43
|
+
export declare const Title: typeof Base.Title;
|
|
44
|
+
export declare namespace Title {
|
|
45
|
+
type State = Base.Title.State;
|
|
46
|
+
type Props = Base.Title.Props;
|
|
47
|
+
}
|
|
48
|
+
export declare const Description: typeof Base.Description;
|
|
49
|
+
export declare namespace Description {
|
|
50
|
+
type State = Base.Description.State;
|
|
51
|
+
type Props = Base.Description.Props;
|
|
52
|
+
}
|
|
53
|
+
export declare const Close: (props: Omit<Base.Close.Props, 'ref'> & RefAttributes<HTMLButtonElement> & VariantProps) => ReactElement;
|
|
54
|
+
export declare namespace Close {
|
|
55
|
+
type State = Base.Close.State;
|
|
56
|
+
type Props = Base.Close.Props & VariantProps;
|
|
57
|
+
}
|
|
58
|
+
export declare const Viewport: typeof Base.Viewport;
|
|
59
|
+
export declare namespace Viewport {
|
|
60
|
+
type Props = Base.Viewport.Props;
|
|
61
|
+
type State = Base.Viewport.State;
|
|
62
|
+
}
|
|
63
|
+
export declare const createHandle: typeof Base.createHandle;
|
|
64
|
+
export declare const Handle: typeof Base.Handle;
|
|
65
|
+
export type Handle<Payload> = Base.Handle<Payload>;
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { Popover as Base } from '@base-ui/react/popover';
|
|
3
|
+
import { wrapPart, wrapVariantPart } from "../part.js";
|
|
4
|
+
export const Root = /*#__PURE__*/ (() => Base.Root)();
|
|
5
|
+
export const Trigger = /*#__PURE__*/ (() => wrapVariantPart(Base.Trigger, 'nave-base-ui-button'))();
|
|
6
|
+
export const Portal = /*#__PURE__*/ (() => Base.Portal)();
|
|
7
|
+
export const Positioner = /*#__PURE__*/ (() => Base.Positioner)();
|
|
8
|
+
export const Popup = /*#__PURE__*/ (() => wrapPart(Base.Popup, 'nave-base-ui-popover-popup nave-base-ui-popup-motion'))();
|
|
9
|
+
export const Arrow = /*#__PURE__*/ (() => wrapPart(Base.Arrow, 'nave-base-ui-arrow nave-base-ui-arrow-inline'))();
|
|
10
|
+
export const Backdrop = /*#__PURE__*/ (() => Base.Backdrop)();
|
|
11
|
+
export const Title = /*#__PURE__*/ (() => wrapPart(Base.Title, 'nave-base-ui-title'))();
|
|
12
|
+
export const Description = /*#__PURE__*/ (() => wrapPart(Base.Description, 'nave-base-ui-description'))();
|
|
13
|
+
export const Close = /*#__PURE__*/ (() => wrapVariantPart(Base.Close, 'nave-base-ui-button'))();
|
|
14
|
+
export const Viewport = /*#__PURE__*/ (() => Base.Viewport)();
|
|
15
|
+
export const createHandle = /*#__PURE__*/ (() => Base.createHandle)();
|
|
16
|
+
export const Handle = /*#__PURE__*/ (() => Base.Handle)();
|
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
import { PreviewCard as Base } from '@base-ui/react/preview-card';
|
|
2
|
+
export declare const Root: typeof Base.Root;
|
|
3
|
+
export declare namespace Root {
|
|
4
|
+
type State = Base.Root.State;
|
|
5
|
+
type Props<Payload = unknown> = Base.Root.Props<Payload>;
|
|
6
|
+
type Actions = Base.Root.Actions;
|
|
7
|
+
type ChangeEventReason = Base.Root.ChangeEventReason;
|
|
8
|
+
type ChangeEventDetails = Base.Root.ChangeEventDetails;
|
|
9
|
+
}
|
|
10
|
+
export declare const Portal: typeof Base.Portal;
|
|
11
|
+
export declare namespace Portal {
|
|
12
|
+
type State = Base.Portal.State;
|
|
13
|
+
type Props = Base.Portal.Props;
|
|
14
|
+
}
|
|
15
|
+
export declare const Trigger: typeof Base.Trigger;
|
|
16
|
+
export type Trigger = typeof Trigger;
|
|
17
|
+
export declare namespace Trigger {
|
|
18
|
+
type State = Base.Trigger.State;
|
|
19
|
+
type Props<Payload = unknown> = Base.Trigger.Props<Payload>;
|
|
20
|
+
}
|
|
21
|
+
export declare const Positioner: typeof Base.Positioner;
|
|
22
|
+
export declare namespace Positioner {
|
|
23
|
+
type State = Base.Positioner.State;
|
|
24
|
+
type Props = Base.Positioner.Props;
|
|
25
|
+
}
|
|
26
|
+
export declare const Popup: typeof Base.Popup;
|
|
27
|
+
export declare namespace Popup {
|
|
28
|
+
type State = Base.Popup.State;
|
|
29
|
+
type Props = Base.Popup.Props;
|
|
30
|
+
}
|
|
31
|
+
export declare const Arrow: typeof Base.Arrow;
|
|
32
|
+
export declare namespace Arrow {
|
|
33
|
+
type State = Base.Arrow.State;
|
|
34
|
+
type Props = Base.Arrow.Props;
|
|
35
|
+
}
|
|
36
|
+
export declare const Backdrop: typeof Base.Backdrop;
|
|
37
|
+
export declare namespace Backdrop {
|
|
38
|
+
type State = Base.Backdrop.State;
|
|
39
|
+
type Props = Base.Backdrop.Props;
|
|
40
|
+
}
|
|
41
|
+
export declare const Viewport: typeof Base.Viewport;
|
|
42
|
+
export declare namespace Viewport {
|
|
43
|
+
type Props = Base.Viewport.Props;
|
|
44
|
+
type State = Base.Viewport.State;
|
|
45
|
+
}
|
|
46
|
+
export declare const createHandle: typeof Base.createHandle;
|
|
47
|
+
export declare const Handle: typeof Base.Handle;
|
|
48
|
+
export type Handle<Payload> = Base.Handle<Payload>;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
// Generated by scripts/generate-wrappers.ts: change the roster or the generator, not this file.
|
|
3
|
+
import { PreviewCard as Base } from '@base-ui/react/preview-card';
|
|
4
|
+
import { wrapPart } from "../part.js";
|
|
5
|
+
export const Root = /*#__PURE__*/ (() => Base.Root)();
|
|
6
|
+
export const Portal = /*#__PURE__*/ (() => Base.Portal)();
|
|
7
|
+
export const Trigger = /*#__PURE__*/ (() => Base.Trigger)();
|
|
8
|
+
export const Positioner = /*#__PURE__*/ (() => Base.Positioner)();
|
|
9
|
+
export const Popup = /*#__PURE__*/ (() => wrapPart(Base.Popup, 'nave-base-ui-popover-popup nave-base-ui-popup-fade'))();
|
|
10
|
+
export const Arrow = /*#__PURE__*/ (() => wrapPart(Base.Arrow, 'nave-base-ui-arrow nave-base-ui-arrow-inline'))();
|
|
11
|
+
export const Backdrop = /*#__PURE__*/ (() => Base.Backdrop)();
|
|
12
|
+
export const Viewport = /*#__PURE__*/ (() => Base.Viewport)();
|
|
13
|
+
export const createHandle = /*#__PURE__*/ (() => Base.createHandle)();
|
|
14
|
+
export const Handle = /*#__PURE__*/ (() => Base.Handle)();
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import { Progress as Base } from '@base-ui/react/progress';
|
|
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
|
+
}
|
|
27
|
+
export type Status = Base.Status;
|
|
@@ -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 { Progress as Base } from '@base-ui/react/progress';
|
|
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,11 @@
|
|
|
1
|
+
import { Radio as Base } from '@base-ui/react/radio';
|
|
2
|
+
export declare const Root: typeof Base.Root;
|
|
3
|
+
export declare namespace Root {
|
|
4
|
+
type State = Base.Root.State;
|
|
5
|
+
type Props<TValue = any> = Base.Root.Props<TValue>;
|
|
6
|
+
}
|
|
7
|
+
export declare const Indicator: typeof Base.Indicator;
|
|
8
|
+
export declare namespace Indicator {
|
|
9
|
+
type Props = Base.Indicator.Props;
|
|
10
|
+
type State = Base.Indicator.State;
|
|
11
|
+
}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
// Generated by scripts/generate-wrappers.ts: change the roster or the generator, not this file.
|
|
3
|
+
import { Radio as Base } from '@base-ui/react/radio';
|
|
4
|
+
import { wrapPart } from "../part.js";
|
|
5
|
+
export const Root = /*#__PURE__*/ (() => wrapPart(Base.Root, 'nave-base-ui-radio'))();
|
|
6
|
+
export const Indicator = /*#__PURE__*/ (() => wrapPart(Base.Indicator, 'nave-base-ui-radio-indicator'))();
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { RadioGroup as Base } from '@base-ui/react/radio-group';
|
|
2
|
+
export declare const RadioGroup: typeof Base;
|
|
3
|
+
export declare namespace RadioGroup {
|
|
4
|
+
type State = Base.State;
|
|
5
|
+
type Props<TValue = any> = Base.Props<TValue>;
|
|
6
|
+
type ChangeEventReason = Base.ChangeEventReason;
|
|
7
|
+
type ChangeEventDetails = Base.ChangeEventDetails;
|
|
8
|
+
}
|
|
@@ -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 { RadioGroup as Base } from '@base-ui/react/radio-group';
|
|
4
|
+
import { wrapPart } from "../part.js";
|
|
5
|
+
export const RadioGroup = /*#__PURE__*/ (() => wrapPart(Base, 'nave-base-ui-choice-group'))();
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import { ScrollArea as Base } from '@base-ui/react/scroll-area';
|
|
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 Viewport: typeof Base.Viewport;
|
|
8
|
+
export declare namespace Viewport {
|
|
9
|
+
type Props = Base.Viewport.Props;
|
|
10
|
+
type State = Base.Viewport.State;
|
|
11
|
+
}
|
|
12
|
+
export declare const Scrollbar: typeof Base.Scrollbar;
|
|
13
|
+
export declare namespace Scrollbar {
|
|
14
|
+
type State = Base.Scrollbar.State;
|
|
15
|
+
type Props = Base.Scrollbar.Props;
|
|
16
|
+
}
|
|
17
|
+
export declare const Content: typeof Base.Content;
|
|
18
|
+
export declare namespace Content {
|
|
19
|
+
type State = Base.Content.State;
|
|
20
|
+
type Props = Base.Content.Props;
|
|
21
|
+
}
|
|
22
|
+
export declare const Thumb: typeof Base.Thumb;
|
|
23
|
+
export declare namespace Thumb {
|
|
24
|
+
type State = Base.Thumb.State;
|
|
25
|
+
type Props = Base.Thumb.Props;
|
|
26
|
+
}
|
|
27
|
+
export declare const Corner: typeof Base.Corner;
|
|
28
|
+
export declare namespace Corner {
|
|
29
|
+
type State = Base.Corner.State;
|
|
30
|
+
type Props = Base.Corner.Props;
|
|
31
|
+
}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
// Generated by scripts/generate-wrappers.ts: change the roster or the generator, not this file.
|
|
3
|
+
import { ScrollArea as Base } from '@base-ui/react/scroll-area';
|
|
4
|
+
import { wrapPart } from "../part.js";
|
|
5
|
+
export const Root = /*#__PURE__*/ (() => wrapPart(Base.Root, 'nave-base-ui-scroll-area'))();
|
|
6
|
+
export const Viewport = /*#__PURE__*/ (() => wrapPart(Base.Viewport, 'nave-base-ui-scroll-area-viewport'))();
|
|
7
|
+
export const Scrollbar = /*#__PURE__*/ (() => wrapPart(Base.Scrollbar, 'nave-base-ui-scroll-area-scrollbar'))();
|
|
8
|
+
export const Content = /*#__PURE__*/ (() => Base.Content)();
|
|
9
|
+
export const Thumb = /*#__PURE__*/ (() => wrapPart(Base.Thumb, 'nave-base-ui-scroll-area-thumb'))();
|
|
10
|
+
export const Corner = /*#__PURE__*/ (() => wrapPart(Base.Corner, 'nave-base-ui-scroll-area-corner'))();
|
|
@@ -0,0 +1,99 @@
|
|
|
1
|
+
import { Select as Base } from '@base-ui/react/select';
|
|
2
|
+
export declare const Root: typeof Base.Root;
|
|
3
|
+
export declare namespace Root {
|
|
4
|
+
type Props<Value, Multiple extends boolean | undefined = false> = Base.Root.Props<Value, Multiple>;
|
|
5
|
+
type State = Base.Root.State;
|
|
6
|
+
type Actions = Base.Root.Actions;
|
|
7
|
+
type ChangeEventReason = Base.Root.ChangeEventReason;
|
|
8
|
+
type ChangeEventDetails = Base.Root.ChangeEventDetails;
|
|
9
|
+
}
|
|
10
|
+
export declare const Label: typeof Base.Label;
|
|
11
|
+
export declare namespace Label {
|
|
12
|
+
type State = Base.Label.State;
|
|
13
|
+
type Props = Base.Label.Props;
|
|
14
|
+
}
|
|
15
|
+
export declare const Trigger: typeof Base.Trigger;
|
|
16
|
+
export declare namespace Trigger {
|
|
17
|
+
type State = Base.Trigger.State;
|
|
18
|
+
type Props = Base.Trigger.Props;
|
|
19
|
+
}
|
|
20
|
+
export declare const Value: typeof Base.Value;
|
|
21
|
+
export declare namespace Value {
|
|
22
|
+
type State = Base.Value.State;
|
|
23
|
+
type Props = Base.Value.Props;
|
|
24
|
+
}
|
|
25
|
+
export declare const Icon: typeof Base.Icon;
|
|
26
|
+
export declare namespace Icon {
|
|
27
|
+
type State = Base.Icon.State;
|
|
28
|
+
type Props = Base.Icon.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 Backdrop: typeof Base.Backdrop;
|
|
36
|
+
export declare namespace Backdrop {
|
|
37
|
+
type State = Base.Backdrop.State;
|
|
38
|
+
type Props = Base.Backdrop.Props;
|
|
39
|
+
}
|
|
40
|
+
export declare const Positioner: typeof Base.Positioner;
|
|
41
|
+
export declare namespace Positioner {
|
|
42
|
+
type State = Base.Positioner.State;
|
|
43
|
+
type Props = Base.Positioner.Props;
|
|
44
|
+
}
|
|
45
|
+
export declare const Popup: typeof Base.Popup;
|
|
46
|
+
export declare namespace Popup {
|
|
47
|
+
type Props = Base.Popup.Props;
|
|
48
|
+
type State = Base.Popup.State;
|
|
49
|
+
}
|
|
50
|
+
export declare const List: typeof Base.List;
|
|
51
|
+
export declare namespace List {
|
|
52
|
+
type Props = Base.List.Props;
|
|
53
|
+
type State = Base.List.State;
|
|
54
|
+
}
|
|
55
|
+
export declare const Item: typeof Base.Item;
|
|
56
|
+
export declare namespace Item {
|
|
57
|
+
type State = Base.Item.State;
|
|
58
|
+
type Props = Base.Item.Props;
|
|
59
|
+
}
|
|
60
|
+
export declare const ItemIndicator: typeof Base.ItemIndicator;
|
|
61
|
+
export declare namespace ItemIndicator {
|
|
62
|
+
type State = Base.ItemIndicator.State;
|
|
63
|
+
type Props = Base.ItemIndicator.Props;
|
|
64
|
+
}
|
|
65
|
+
export declare const ItemText: typeof Base.ItemText;
|
|
66
|
+
export declare namespace ItemText {
|
|
67
|
+
type State = Base.ItemText.State;
|
|
68
|
+
type Props = Base.ItemText.Props;
|
|
69
|
+
}
|
|
70
|
+
export declare const Arrow: typeof Base.Arrow;
|
|
71
|
+
export declare namespace Arrow {
|
|
72
|
+
type State = Base.Arrow.State;
|
|
73
|
+
type Props = Base.Arrow.Props;
|
|
74
|
+
}
|
|
75
|
+
export declare const ScrollDownArrow: typeof Base.ScrollDownArrow;
|
|
76
|
+
export declare namespace ScrollDownArrow {
|
|
77
|
+
type State = Base.ScrollDownArrow.State;
|
|
78
|
+
type Props = Base.ScrollDownArrow.Props;
|
|
79
|
+
}
|
|
80
|
+
export declare const ScrollUpArrow: typeof Base.ScrollUpArrow;
|
|
81
|
+
export declare namespace ScrollUpArrow {
|
|
82
|
+
type State = Base.ScrollUpArrow.State;
|
|
83
|
+
type Props = Base.ScrollUpArrow.Props;
|
|
84
|
+
}
|
|
85
|
+
export declare const Group: typeof Base.Group;
|
|
86
|
+
export declare namespace Group {
|
|
87
|
+
type State = Base.Group.State;
|
|
88
|
+
type Props = Base.Group.Props;
|
|
89
|
+
}
|
|
90
|
+
export declare const GroupLabel: typeof Base.GroupLabel;
|
|
91
|
+
export declare namespace GroupLabel {
|
|
92
|
+
type State = Base.GroupLabel.State;
|
|
93
|
+
type Props = Base.GroupLabel.Props;
|
|
94
|
+
}
|
|
95
|
+
export declare const Separator: typeof Base.Separator;
|
|
96
|
+
export declare namespace Separator {
|
|
97
|
+
type Props = Base.Separator.Props;
|
|
98
|
+
type State = Base.Separator.State;
|
|
99
|
+
}
|
|
@@ -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 { Select as Base } from '@base-ui/react/select';
|
|
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 Trigger = /*#__PURE__*/ (() => wrapPart(Base.Trigger, 'nave-base-ui-select-trigger'))();
|
|
8
|
+
export const Value = /*#__PURE__*/ (() => wrapPart(Base.Value, 'nave-base-ui-select-value'))();
|
|
9
|
+
export const Icon = /*#__PURE__*/ (() => wrapPart(Base.Icon, 'nave-base-ui-select-icon'))();
|
|
10
|
+
export const Portal = /*#__PURE__*/ (() => Base.Portal)();
|
|
11
|
+
export const Backdrop = /*#__PURE__*/ (() => Base.Backdrop)();
|
|
12
|
+
export const Positioner = /*#__PURE__*/ (() => Base.Positioner)();
|
|
13
|
+
export const Popup = /*#__PURE__*/ (() => wrapPart(Base.Popup, 'nave-base-ui-list-popup nave-base-ui-popup-fade'))();
|
|
14
|
+
export const List = /*#__PURE__*/ (() => Base.List)();
|
|
15
|
+
export const Item = /*#__PURE__*/ (() => wrapPart(Base.Item, 'nave-base-ui-item nave-base-ui-item-highlight'))();
|
|
16
|
+
export const ItemIndicator = /*#__PURE__*/ (() => Base.ItemIndicator)();
|
|
17
|
+
export const ItemText = /*#__PURE__*/ (() => Base.ItemText)();
|
|
18
|
+
export const Arrow = /*#__PURE__*/ (() => wrapPart(Base.Arrow, 'nave-base-ui-arrow nave-base-ui-arrow-inline'))();
|
|
19
|
+
export const ScrollDownArrow = /*#__PURE__*/ (() => Base.ScrollDownArrow)();
|
|
20
|
+
export const ScrollUpArrow = /*#__PURE__*/ (() => Base.ScrollUpArrow)();
|
|
21
|
+
export const Group = /*#__PURE__*/ (() => Base.Group)();
|
|
22
|
+
export const GroupLabel = /*#__PURE__*/ (() => wrapPart(Base.GroupLabel, 'nave-base-ui-group-label'))();
|
|
23
|
+
export const Separator = /*#__PURE__*/ (() => wrapPart(Base.Separator, 'nave-base-ui-separator'))();
|
|
@@ -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 { Separator as Base } from '@base-ui/react/separator';
|
|
4
|
+
import { wrapPart } from "../part.js";
|
|
5
|
+
export const Separator = /*#__PURE__*/ (() => wrapPart(Base, 'nave-base-ui-toolbar-separator'))();
|