@lglab/compose-ui 0.30.3 → 0.31.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/dist/accordion.d.ts +6 -6
- package/dist/accordion.d.ts.map +1 -1
- package/dist/alert-dialog.d.ts +10 -10
- package/dist/alert-dialog.d.ts.map +1 -1
- package/dist/autocomplete.d.ts +13 -13
- package/dist/avatar.d.ts +5 -5
- package/dist/avatar.d.ts.map +1 -1
- package/dist/badge.d.ts +4 -4
- package/dist/button.d.ts +2 -2
- package/dist/card.d.ts +8 -8
- package/dist/card.js +2 -2
- package/dist/card.js.map +1 -1
- package/dist/chart/index.d.ts +6 -0
- package/dist/chart/index.js +6 -0
- package/dist/checkbox-group.d.ts +2 -2
- package/dist/checkbox.d.ts +3 -3
- package/dist/collapsible.d.ts +4 -4
- package/dist/combobox.d.ts +25 -25
- package/dist/components/chart/context.d.ts +21 -0
- package/dist/components/chart/context.d.ts.map +1 -0
- package/dist/components/chart/context.js +33 -0
- package/dist/components/chart/context.js.map +1 -0
- package/dist/components/chart/legend.d.ts +25 -0
- package/dist/components/chart/legend.d.ts.map +1 -0
- package/dist/components/chart/legend.js +37 -0
- package/dist/components/chart/legend.js.map +1 -0
- package/dist/components/chart/tooltip.d.ts +58 -0
- package/dist/components/chart/tooltip.d.ts.map +1 -0
- package/dist/components/chart/tooltip.js +55 -0
- package/dist/components/chart/tooltip.js.map +1 -0
- package/dist/components/chart/types.d.ts +15 -0
- package/dist/components/chart/types.d.ts.map +1 -0
- package/dist/components/chart/use-chart-context.d.ts +11 -0
- package/dist/components/chart/use-chart-context.d.ts.map +1 -0
- package/dist/components/chart/use-chart-context.js +15 -0
- package/dist/components/chart/use-chart-context.js.map +1 -0
- package/dist/components/table/primitives.d.ts.map +1 -1
- package/dist/components/table/primitives.js +3 -3
- package/dist/components/table/primitives.js.map +1 -1
- package/dist/context-menu.d.ts +20 -20
- package/dist/context-menu.d.ts.map +1 -1
- package/dist/dialog.d.ts +11 -11
- package/dist/drawer.d.ts +12 -12
- package/dist/field.d.ts +8 -8
- package/dist/fieldset.d.ts +3 -3
- package/dist/form.d.ts +2 -2
- package/dist/index.d.ts +6 -1
- package/dist/index.js +5 -1
- package/dist/input.d.ts +2 -2
- package/dist/menu.d.ts +20 -20
- package/dist/menubar.d.ts +21 -21
- package/dist/menubar.d.ts.map +1 -1
- package/dist/meter.d.ts +6 -6
- package/dist/navigation-menu.d.ts +14 -14
- package/dist/number-field.d.ts +8 -8
- package/dist/pagination.d.ts +10 -10
- package/dist/popover.d.ts +12 -12
- package/dist/preview-card.d.ts +8 -8
- package/dist/progress.d.ts +6 -6
- package/dist/radio-group.d.ts +2 -2
- package/dist/radio-group.d.ts.map +1 -1
- package/dist/radio.d.ts +3 -3
- package/dist/radio.d.ts.map +1 -1
- package/dist/scroll-area.d.ts +7 -7
- package/dist/scroll-area.d.ts.map +1 -1
- package/dist/select.d.ts +19 -19
- package/dist/select.d.ts.map +1 -1
- package/dist/separator.d.ts +2 -2
- package/dist/separator.d.ts.map +1 -1
- package/dist/skeleton.d.ts +2 -2
- package/dist/skeleton.d.ts.map +1 -1
- package/dist/slider.d.ts +7 -7
- package/dist/slider.d.ts.map +1 -1
- package/dist/switch.d.ts +3 -3
- package/dist/switch.d.ts.map +1 -1
- package/dist/tabs.d.ts +6 -6
- package/dist/tabs.d.ts.map +1 -1
- package/dist/textarea.d.ts +2 -2
- package/dist/textarea.d.ts.map +1 -1
- package/dist/toast.d.ts +10 -10
- package/dist/toggle-group.d.ts +3 -3
- package/dist/toggle-group.d.ts.map +1 -1
- package/dist/toggle.d.ts +2 -2
- package/dist/toolbar.d.ts +7 -7
- package/dist/toolbar.d.ts.map +1 -1
- package/dist/tooltip.d.ts +8 -8
- package/dist/tooltip.d.ts.map +1 -1
- package/package.json +9 -3
package/dist/accordion.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
|
-
import * as
|
|
2
|
+
import * as react_jsx_runtime19 from "react/jsx-runtime";
|
|
3
3
|
import { Accordion } from "@base-ui/react/accordion";
|
|
4
4
|
|
|
5
5
|
//#region src/components/accordion.d.ts
|
|
@@ -8,7 +8,7 @@ declare const AccordionRoot: {
|
|
|
8
8
|
({
|
|
9
9
|
className,
|
|
10
10
|
...props
|
|
11
|
-
}: AccordionRootProps):
|
|
11
|
+
}: AccordionRootProps): react_jsx_runtime19.JSX.Element;
|
|
12
12
|
displayName: string;
|
|
13
13
|
};
|
|
14
14
|
type AccordionItemProps = React.ComponentProps<typeof Accordion.Item>;
|
|
@@ -16,7 +16,7 @@ declare const AccordionItem: {
|
|
|
16
16
|
({
|
|
17
17
|
className,
|
|
18
18
|
...props
|
|
19
|
-
}: AccordionItemProps):
|
|
19
|
+
}: AccordionItemProps): react_jsx_runtime19.JSX.Element;
|
|
20
20
|
displayName: string;
|
|
21
21
|
};
|
|
22
22
|
type AccordionHeaderProps = React.ComponentProps<typeof Accordion.Header>;
|
|
@@ -24,7 +24,7 @@ declare const AccordionHeader: {
|
|
|
24
24
|
({
|
|
25
25
|
className,
|
|
26
26
|
...props
|
|
27
|
-
}: AccordionHeaderProps):
|
|
27
|
+
}: AccordionHeaderProps): react_jsx_runtime19.JSX.Element;
|
|
28
28
|
displayName: string;
|
|
29
29
|
};
|
|
30
30
|
type AccordionTriggerProps = React.ComponentProps<typeof Accordion.Trigger>;
|
|
@@ -33,7 +33,7 @@ declare const AccordionTrigger: {
|
|
|
33
33
|
className,
|
|
34
34
|
children,
|
|
35
35
|
...props
|
|
36
|
-
}: AccordionTriggerProps):
|
|
36
|
+
}: AccordionTriggerProps): react_jsx_runtime19.JSX.Element;
|
|
37
37
|
displayName: string;
|
|
38
38
|
};
|
|
39
39
|
type AccordionPanelProps = React.ComponentProps<typeof Accordion.Panel>;
|
|
@@ -41,7 +41,7 @@ declare const AccordionPanel: {
|
|
|
41
41
|
({
|
|
42
42
|
className,
|
|
43
43
|
...props
|
|
44
|
-
}: AccordionPanelProps):
|
|
44
|
+
}: AccordionPanelProps): react_jsx_runtime19.JSX.Element;
|
|
45
45
|
displayName: string;
|
|
46
46
|
};
|
|
47
47
|
//#endregion
|
package/dist/accordion.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"accordion.d.ts","names":[],"sources":["../src/components/accordion.tsx"],"sourcesContent":[],"mappings":";;;;;KAWK,kBAAA,GAAqB,KAAA,CAAM,sBAAsB,SAAA,CAAc;cAE9D;;;;KAA0C,qBAAkB,
|
|
1
|
+
{"version":3,"file":"accordion.d.ts","names":[],"sources":["../src/components/accordion.tsx"],"sourcesContent":[],"mappings":";;;;;KAWK,kBAAA,GAAqB,KAAA,CAAM,sBAAsB,SAAA,CAAc;cAE9D;;;;KAA0C,qBAAkB,mBAAA,CAAA,GAAA,CAAA;EAF7D,WAAA,EAAA,MAAA;CAAkB;KAYlB,kBAAA,GAAqB,KAAA,CAAM,cAZoC,CAAA,OAYd,SAAA,CAAc,IAZA,CAAA;cAc9D,aAd0B,EAAA;EAAc,CAAA;IAAA,SAAA;IAAA,GAAA;EAAA,CAAA,EAcE,kBAdF,CAAA,EAcoB,mBAAA,CAAA,GAAA,CAAA,OAdpB;EAExC,WAAA,EAAA,MAEL;CAAA;KAyBI,oBAAA,GAAuB,KAAA,CAAM,sBAAsB,SAAA,CAAc;cAEhE,eA7B0C,EAAA;;IAAkB,SAAA;IAAA,GAAA;EAAA,CAAA,EA6BhB,oBA7BgB,CAAA,EA6BI,mBAAA,CAAA,GAAA,CAAA,OA7BJ;EAAA,WAAA,EAAA,MAAA;AAAA,CAAA;KAuC7D,qBAAA,GAAwB,KAAA,CAAM,cA7BZ,CAAA,OA6BkC,SAAA,CAAc,OA7BhD,CAAA;cA+BjB,gBA/B8D,EAAA;;IAA1C,SAAM;IAAA,QAAA;IAAA,GAAA;EAAA,CAAA,EA+B6B,qBA/B7B,CAAA,EA+BkD,mBAAA,CAAA,GAAA,CAAA,OA/BlD;EAAc,WAAA,EAAA,MAAA;AAAA,CAAA;KAmDzC,mBAAA,GAAsB,KAAA,CAAM,cA1ChC,CAAA,OA0CsD,SAAA,CAAc,KA1CpE,CAAA;cA4CK;;IAnD0C,SAAA;IAAA,GAAA;EAAA,CAAA,EAmDC,mBAnDD,CAAA,EAmDoB,mBAAA,CAAA,GAAA,CAAA,OAnDpB;aAAkB,EAAA,MAAA;CAAA"}
|
package/dist/alert-dialog.d.ts
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import { ButtonSize, ButtonVariant } from "./lib/button-variants.js";
|
|
2
2
|
import * as React from "react";
|
|
3
|
-
import * as
|
|
3
|
+
import * as react_jsx_runtime24 from "react/jsx-runtime";
|
|
4
4
|
import { AlertDialog, AlertDialog as AlertDialog$1 } from "@base-ui/react/alert-dialog";
|
|
5
5
|
|
|
6
6
|
//#region src/components/alert-dialog.d.ts
|
|
7
7
|
type AlertDialogRootProps = React.ComponentProps<typeof AlertDialog$1.Root>;
|
|
8
8
|
declare const AlertDialogRoot: {
|
|
9
|
-
(props: AlertDialogRootProps):
|
|
9
|
+
(props: AlertDialogRootProps): react_jsx_runtime24.JSX.Element;
|
|
10
10
|
displayName: string;
|
|
11
11
|
};
|
|
12
12
|
type AlertDialogTriggerProps = React.ComponentProps<typeof AlertDialog$1.Trigger> & {
|
|
@@ -21,12 +21,12 @@ declare const AlertDialogTrigger: {
|
|
|
21
21
|
variant,
|
|
22
22
|
size,
|
|
23
23
|
...props
|
|
24
|
-
}: AlertDialogTriggerProps):
|
|
24
|
+
}: AlertDialogTriggerProps): react_jsx_runtime24.JSX.Element;
|
|
25
25
|
displayName: string;
|
|
26
26
|
};
|
|
27
27
|
type AlertDialogPortalProps = React.ComponentProps<typeof AlertDialog$1.Portal>;
|
|
28
28
|
declare const AlertDialogPortal: {
|
|
29
|
-
(props: AlertDialogPortalProps):
|
|
29
|
+
(props: AlertDialogPortalProps): react_jsx_runtime24.JSX.Element;
|
|
30
30
|
displayName: string;
|
|
31
31
|
};
|
|
32
32
|
type AlertDialogBackdropProps = React.ComponentProps<typeof AlertDialog$1.Backdrop>;
|
|
@@ -34,7 +34,7 @@ declare const AlertDialogBackdrop: {
|
|
|
34
34
|
({
|
|
35
35
|
className,
|
|
36
36
|
...props
|
|
37
|
-
}: AlertDialogBackdropProps):
|
|
37
|
+
}: AlertDialogBackdropProps): react_jsx_runtime24.JSX.Element;
|
|
38
38
|
displayName: string;
|
|
39
39
|
};
|
|
40
40
|
type AlertDialogViewportProps = React.ComponentProps<typeof AlertDialog$1.Viewport>;
|
|
@@ -42,7 +42,7 @@ declare const AlertDialogViewport: {
|
|
|
42
42
|
({
|
|
43
43
|
className,
|
|
44
44
|
...props
|
|
45
|
-
}: AlertDialogViewportProps):
|
|
45
|
+
}: AlertDialogViewportProps): react_jsx_runtime24.JSX.Element;
|
|
46
46
|
displayName: string;
|
|
47
47
|
};
|
|
48
48
|
type AlertDialogPopupProps = React.ComponentProps<typeof AlertDialog$1.Popup> & {
|
|
@@ -54,7 +54,7 @@ declare const AlertDialogPopup: {
|
|
|
54
54
|
className,
|
|
55
55
|
size,
|
|
56
56
|
...props
|
|
57
|
-
}: AlertDialogPopupProps):
|
|
57
|
+
}: AlertDialogPopupProps): react_jsx_runtime24.JSX.Element;
|
|
58
58
|
displayName: string;
|
|
59
59
|
};
|
|
60
60
|
type AlertDialogTitleProps = React.ComponentProps<typeof AlertDialog$1.Title>;
|
|
@@ -62,7 +62,7 @@ declare const AlertDialogTitle: {
|
|
|
62
62
|
({
|
|
63
63
|
className,
|
|
64
64
|
...props
|
|
65
|
-
}: AlertDialogTitleProps):
|
|
65
|
+
}: AlertDialogTitleProps): react_jsx_runtime24.JSX.Element;
|
|
66
66
|
displayName: string;
|
|
67
67
|
};
|
|
68
68
|
type AlertDialogDescriptionProps = React.ComponentProps<typeof AlertDialog$1.Description>;
|
|
@@ -70,7 +70,7 @@ declare const AlertDialogDescription: {
|
|
|
70
70
|
({
|
|
71
71
|
className,
|
|
72
72
|
...props
|
|
73
|
-
}: AlertDialogDescriptionProps):
|
|
73
|
+
}: AlertDialogDescriptionProps): react_jsx_runtime24.JSX.Element;
|
|
74
74
|
displayName: string;
|
|
75
75
|
};
|
|
76
76
|
type AlertDialogCloseProps = React.ComponentProps<typeof AlertDialog$1.Close> & {
|
|
@@ -85,7 +85,7 @@ declare const AlertDialogClose: {
|
|
|
85
85
|
variant,
|
|
86
86
|
size,
|
|
87
87
|
...props
|
|
88
|
-
}: AlertDialogCloseProps):
|
|
88
|
+
}: AlertDialogCloseProps): react_jsx_runtime24.JSX.Element;
|
|
89
89
|
displayName: string;
|
|
90
90
|
};
|
|
91
91
|
//#endregion
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"alert-dialog.d.ts","names":[],"sources":["../src/components/alert-dialog.tsx"],"sourcesContent":[],"mappings":";;;;;;KAiBK,oBAAA,GAAuB,KAAA,CAAM,sBAAsB,aAAA,CAAgB;cAElE;UAA0B,uBAAoB,
|
|
1
|
+
{"version":3,"file":"alert-dialog.d.ts","names":[],"sources":["../src/components/alert-dialog.tsx"],"sourcesContent":[],"mappings":";;;;;;KAiBK,oBAAA,GAAuB,KAAA,CAAM,sBAAsB,aAAA,CAAgB;cAElE;UAA0B,uBAAoB,mBAAA,CAAA,GAAA,CAAA;EAF/C,WAAA,EAAA,MAAA;CAAoB;KAYpB,uBAAA,GAA0B,KAAA,CAAM,cAZmC,CAAA,OAYb,aAAA,CAAgB,OAZH,CAAA,GAAA;;EAAxB,OAAA,CAAA,EAcpC,aAdoC;EAE1C;EAEL,IAAA,CAAA,EAYQ,UAZR;;cAeK,kBAjB8C,EAAA;EAAA,CAAA;IAAA,SAAA;IAAA,OAAA;IAAA,IAAA;IAAA,GAAA;EAAA,CAAA,EAsBjD,uBAtBiD,CAAA,EAsB1B,mBAAA,CAAA,GAAA,CAAA,OAtB0B;EAU/C,WAAA,EAAA,MAAA;CAAuB;KA2BvB,sBAAA,GAAyB,KAAA,CAAM,cA3BuC,CAAA,OA2BjB,aAAA,CAAgB,MA3BC,CAAA;cA6BrE,iBA7B+B,EAAA;QAEzB,EA2BsB,sBA3BtB,CAAA,EA2B4C,mBAAA,CAAA,GAAA,CAAA,OA3B5C;aAEH,EAAA,MAAA;CAAU;AAAA,KAmCd,wBAAA,GAA2B,KAAA,CAAM,cApBrC,CAAA,OAoB2D,aAAA,CAAgB,QApB3E,CAAA;cAsBK,mBAtBL,EAAA;;;;KAsBqD,2BAAwB,mBAAA,CAAA,GAAA,CAAA;;;KAoBzE,wBAAA,GAA2B,KAAA,CAAM,cAjDnC,CAAA,OAiDyD,aAAA,CAAgB,QAjDzE,CAAA;cAmDG,mBAnDoB,EAAA;EAAA,CAAA;IAAA,SAAA;IAAA,GAAA;EAAA,CAAA,EAmD4B,wBAnD5B,CAAA,EAmDoD,mBAAA,CAAA,GAAA,CAAA,OAnDpD;EAerB,WAAA,EAAA,MAAA;CAAsB;KA6EtB,qBAAA,GAAwB,KAAA,CAAM,cA7EuC,CAAA,OA6EjB,aAAA,CAAgB,KA7EC,CAAA,GAAA;;EAAxB,IAAA,CAAA,EAAA,IAAA,GAAA,SAAA,GAAA,IAAA,GAAA,IAAA,GAAA,MAAA;AAAA,CAAA;cAkF5C,gBA9EL,EAAA;;IAFiC,SAAA;IAAA,IAAA;IAAA,GAAA;EAAA,CAAA,EAgFuB,qBAhFvB,CAAA,EAgF4C,mBAAA,CAAA,GAAA,CAAA,OAhF5C;aAAsB,EAAA,MAAA;CAAA;AAAA,KA+FnD,qBAAA,GAAwB,KAAA,CAAM,cArFN,CAAA,OAqF4B,aAAA,CAAgB,KArF5C,CAAA;cAuFvB,gBAvFuB,EAAA;;IAA+B,SAAA;IAAA,GAAgB;EAAA,CAAA,EAuFzB,qBAvFyB,CAAA,EAuFJ,mBAAA,CAAA,GAAA,CAAA,OAvFI;aAAtC,EAAA,MAAA;CAAc;AAAA,KAsG/C,2BAAA,GAA8B,KAAA,CAAM,cAxFxC,CAAA,OAyFQ,aAAA,CAAgB,WAzFxB,CAAA;cA4FK,sBA5FL,EAAA;;;;KA4FwD,8BAA2B,mBAAA,CAAA,GAAA,CAAA;aAxG9B,EAAA,MAAA;;KAkHjD,qBAAA,GAAwB,KAAA,CAAM,cAlH2C,CAAA,OAkHrB,aAAA,CAAgB,KAlHK,CAAA,GAAA;EAoBzE;EAAwB,OAAA,CAAA,EAgGjB,aAhGiB;;MAAG,CAAA,EAkGvB,UAlG6B;CAAc;AAAA,cAqG9C,gBA5FL,EAAA;EAAA,CAAA;IAAA,SAAA;IAAA,OAAA;IAAA,IAAA;IAAA,GAAA;EAAA,CAAA,EAiGE,qBAjGF,CAAA,EAiGuB,mBAAA,CAAA,GAAA,CAAA,OAjGvB"}
|
package/dist/autocomplete.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
|
-
import * as
|
|
2
|
+
import * as react_jsx_runtime37 from "react/jsx-runtime";
|
|
3
3
|
import { Autocomplete as BaseAutocomplete, AutocompleteRootProps } from "@base-ui/react/autocomplete";
|
|
4
4
|
|
|
5
5
|
//#region src/components/autocomplete.d.ts
|
|
@@ -9,12 +9,12 @@ declare const AutocompleteInput: {
|
|
|
9
9
|
({
|
|
10
10
|
className,
|
|
11
11
|
...props
|
|
12
|
-
}: AutocompleteInputProps):
|
|
12
|
+
}: AutocompleteInputProps): react_jsx_runtime37.JSX.Element;
|
|
13
13
|
displayName: string;
|
|
14
14
|
};
|
|
15
15
|
type AutocompletePortalProps = React.ComponentProps<typeof BaseAutocomplete.Portal>;
|
|
16
16
|
declare const AutocompletePortal: {
|
|
17
|
-
(props: AutocompletePortalProps):
|
|
17
|
+
(props: AutocompletePortalProps): react_jsx_runtime37.JSX.Element;
|
|
18
18
|
displayName: string;
|
|
19
19
|
};
|
|
20
20
|
type AutocompletePositionerProps = React.ComponentProps<typeof BaseAutocomplete.Positioner>;
|
|
@@ -22,7 +22,7 @@ declare const AutocompletePositioner: {
|
|
|
22
22
|
({
|
|
23
23
|
className,
|
|
24
24
|
...props
|
|
25
|
-
}: AutocompletePositionerProps):
|
|
25
|
+
}: AutocompletePositionerProps): react_jsx_runtime37.JSX.Element;
|
|
26
26
|
displayName: string;
|
|
27
27
|
};
|
|
28
28
|
type AutocompletePopupProps = React.ComponentProps<typeof BaseAutocomplete.Popup>;
|
|
@@ -30,7 +30,7 @@ declare const AutocompletePopup: {
|
|
|
30
30
|
({
|
|
31
31
|
className,
|
|
32
32
|
...props
|
|
33
|
-
}: AutocompletePopupProps):
|
|
33
|
+
}: AutocompletePopupProps): react_jsx_runtime37.JSX.Element;
|
|
34
34
|
displayName: string;
|
|
35
35
|
};
|
|
36
36
|
type AutocompleteEmptyProps = React.ComponentProps<typeof BaseAutocomplete.Empty>;
|
|
@@ -38,7 +38,7 @@ declare const AutocompleteEmpty: {
|
|
|
38
38
|
({
|
|
39
39
|
className,
|
|
40
40
|
...props
|
|
41
|
-
}: AutocompleteEmptyProps):
|
|
41
|
+
}: AutocompleteEmptyProps): react_jsx_runtime37.JSX.Element;
|
|
42
42
|
displayName: string;
|
|
43
43
|
};
|
|
44
44
|
type AutocompleteListProps = React.ComponentProps<typeof BaseAutocomplete.List>;
|
|
@@ -46,7 +46,7 @@ declare const AutocompleteList: {
|
|
|
46
46
|
({
|
|
47
47
|
className,
|
|
48
48
|
...props
|
|
49
|
-
}: AutocompleteListProps):
|
|
49
|
+
}: AutocompleteListProps): react_jsx_runtime37.JSX.Element;
|
|
50
50
|
displayName: string;
|
|
51
51
|
};
|
|
52
52
|
type AutocompleteItemProps = React.ComponentProps<typeof BaseAutocomplete.Item>;
|
|
@@ -54,7 +54,7 @@ declare const AutocompleteItem: {
|
|
|
54
54
|
({
|
|
55
55
|
className,
|
|
56
56
|
...props
|
|
57
|
-
}: AutocompleteItemProps):
|
|
57
|
+
}: AutocompleteItemProps): react_jsx_runtime37.JSX.Element;
|
|
58
58
|
displayName: string;
|
|
59
59
|
};
|
|
60
60
|
type AutocompleteStatusProps = React.ComponentProps<typeof BaseAutocomplete.Status>;
|
|
@@ -62,7 +62,7 @@ declare const AutocompleteStatus: {
|
|
|
62
62
|
({
|
|
63
63
|
className,
|
|
64
64
|
...props
|
|
65
|
-
}: AutocompleteStatusProps):
|
|
65
|
+
}: AutocompleteStatusProps): react_jsx_runtime37.JSX.Element;
|
|
66
66
|
displayName: string;
|
|
67
67
|
};
|
|
68
68
|
type AutocompleteGroupProps = React.ComponentProps<typeof BaseAutocomplete.Group>;
|
|
@@ -70,7 +70,7 @@ declare const AutocompleteGroup: {
|
|
|
70
70
|
({
|
|
71
71
|
className,
|
|
72
72
|
...props
|
|
73
|
-
}: AutocompleteGroupProps):
|
|
73
|
+
}: AutocompleteGroupProps): react_jsx_runtime37.JSX.Element;
|
|
74
74
|
displayName: string;
|
|
75
75
|
};
|
|
76
76
|
type AutocompleteGroupLabelProps = React.ComponentProps<typeof BaseAutocomplete.GroupLabel>;
|
|
@@ -78,12 +78,12 @@ declare const AutocompleteGroupLabel: {
|
|
|
78
78
|
({
|
|
79
79
|
className,
|
|
80
80
|
...props
|
|
81
|
-
}: AutocompleteGroupLabelProps):
|
|
81
|
+
}: AutocompleteGroupLabelProps): react_jsx_runtime37.JSX.Element;
|
|
82
82
|
displayName: string;
|
|
83
83
|
};
|
|
84
84
|
type AutocompleteCollectionProps = React.ComponentProps<typeof BaseAutocomplete.Collection>;
|
|
85
85
|
declare const AutocompleteCollection: {
|
|
86
|
-
(props: AutocompleteCollectionProps):
|
|
86
|
+
(props: AutocompleteCollectionProps): react_jsx_runtime37.JSX.Element;
|
|
87
87
|
displayName: string;
|
|
88
88
|
};
|
|
89
89
|
type AutocompleteSeparatorProps = React.ComponentProps<typeof BaseAutocomplete.Separator>;
|
|
@@ -91,7 +91,7 @@ declare const AutocompleteSeparator: {
|
|
|
91
91
|
({
|
|
92
92
|
className,
|
|
93
93
|
...props
|
|
94
|
-
}: AutocompleteSeparatorProps):
|
|
94
|
+
}: AutocompleteSeparatorProps): react_jsx_runtime37.JSX.Element;
|
|
95
95
|
displayName: string;
|
|
96
96
|
};
|
|
97
97
|
//#endregion
|
package/dist/avatar.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
|
-
import * as
|
|
2
|
+
import * as react_jsx_runtime33 from "react/jsx-runtime";
|
|
3
3
|
import { Avatar } from "@base-ui/react/avatar";
|
|
4
4
|
|
|
5
5
|
//#region src/components/avatar.d.ts
|
|
@@ -13,7 +13,7 @@ declare const AvatarRoot: {
|
|
|
13
13
|
className,
|
|
14
14
|
size,
|
|
15
15
|
...props
|
|
16
|
-
}: AvatarRootProps):
|
|
16
|
+
}: AvatarRootProps): react_jsx_runtime33.JSX.Element;
|
|
17
17
|
displayName: string;
|
|
18
18
|
};
|
|
19
19
|
type AvatarImageProps = React.ComponentProps<typeof Avatar.Image>;
|
|
@@ -21,7 +21,7 @@ declare const AvatarImage: {
|
|
|
21
21
|
({
|
|
22
22
|
className,
|
|
23
23
|
...props
|
|
24
|
-
}: AvatarImageProps):
|
|
24
|
+
}: AvatarImageProps): react_jsx_runtime33.JSX.Element;
|
|
25
25
|
displayName: string;
|
|
26
26
|
};
|
|
27
27
|
type AvatarFallbackProps = React.ComponentProps<typeof Avatar.Fallback>;
|
|
@@ -29,7 +29,7 @@ declare const AvatarFallback: {
|
|
|
29
29
|
({
|
|
30
30
|
className,
|
|
31
31
|
...props
|
|
32
|
-
}: AvatarFallbackProps):
|
|
32
|
+
}: AvatarFallbackProps): react_jsx_runtime33.JSX.Element;
|
|
33
33
|
displayName: string;
|
|
34
34
|
};
|
|
35
35
|
type AvatarStackProps = {
|
|
@@ -48,7 +48,7 @@ declare const AvatarStack: {
|
|
|
48
48
|
maxVisible,
|
|
49
49
|
className,
|
|
50
50
|
children
|
|
51
|
-
}: AvatarStackProps):
|
|
51
|
+
}: AvatarStackProps): react_jsx_runtime33.JSX.Element;
|
|
52
52
|
displayName: string;
|
|
53
53
|
};
|
|
54
54
|
//#endregion
|
package/dist/avatar.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"avatar.d.ts","names":[],"sources":["../src/components/avatar.tsx"],"sourcesContent":[],"mappings":";;;;;KAgCK,UAAA;KAMA,eAAA,GAAkB,KAAA,CAAM,sBAAsB,MAAA,CAAW;;EANzD,IAAA,CAAA,EAQI,UARM;AAAA,CAAA;cAWT,UALc,EAAA;;IAA+B,SAAW;IAAA,IAAA;IAAA,GAAA;EAAA,CAAA,EAKX,eALW,CAAA,EAKI,
|
|
1
|
+
{"version":3,"file":"avatar.d.ts","names":[],"sources":["../src/components/avatar.tsx"],"sourcesContent":[],"mappings":";;;;;KAgCK,UAAA;KAMA,eAAA,GAAkB,KAAA,CAAM,sBAAsB,MAAA,CAAW;;EANzD,IAAA,CAAA,EAQI,UARM;AAAA,CAAA;cAWT,UALc,EAAA;;IAA+B,SAAW;IAAA,IAAA;IAAA,GAAA;EAAA,CAAA,EAKX,eALW,CAAA,EAKI,mBAAA,CAAA,GAAA,CAAA,OALJ;aAAjC,EAAA,MAAA;;KAiBxB,gBAAA,GAAmB,KAAA,CAAM,cAfX,CAAA,OAeiC,MAAA,CAAW,KAf5C,CAAA;AAAA,cAiBb,WAVL,EAAA;EAAA,CAAA;IAAA,SAAA;IAAA,GAAA;EAAA,CAAA,EAU6C,gBAV7C,CAAA,EAU6D,mBAAA,CAAA,GAAA,CAAA,OAV7D;;;KAyBI,mBAAA,GAAsB,KAAA,CAAM,cA7BkB,CAAA,OA6BI,MAAA,CAAW,QA7Bf,CAAA;cA+B7C,cA/B4D,EAAA;EAAA,CAAA;IAAA,SAAA;IAAA,GAAA;EAAA,CAAA,EA+BjB,mBA/BiB,CAAA,EA+BE,mBAAA,CAAA,GAAA,CAAA,OA/BF;EAY7D,WAAA,EAAA,MAAgB;CAAA;KAqChB,gBAAA,GArC0D;;EAAnB,YAAA,EAAA,MAAA;EAEtC;EAOL,UAAA,CAAA,EAAA,MAAA;;WAP6C,CAAA,EAAA,MAAA;;EAAgB,QAAA,EA2ClD,KAAA,CAAM,SA3C4C;AAAA,CAAA;cA8CxD,WA/BkB,EAAA;;IAA+B,YAAW,WAAA;IAAA,UAAA;IAAA,SAAA;IAAA;EAAA,CAAA,EAoC/D,gBApC+D,CAAA,EAoC/C,mBAAA,CAAA,GAAA,CAAA,OApC+C;aAAjC,EAAA,MAAA;CAAc"}
|
package/dist/badge.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
|
-
import * as
|
|
2
|
+
import * as react_jsx_runtime163 from "react/jsx-runtime";
|
|
3
3
|
|
|
4
4
|
//#region src/components/badge.d.ts
|
|
5
5
|
type BadgeVariant = 'default' | 'secondary' | 'destructive' | 'success' | 'warning' | 'info';
|
|
@@ -24,7 +24,7 @@ declare const Badge: {
|
|
|
24
24
|
size,
|
|
25
25
|
shape,
|
|
26
26
|
...props
|
|
27
|
-
}: BadgeProps):
|
|
27
|
+
}: BadgeProps): react_jsx_runtime163.JSX.Element;
|
|
28
28
|
displayName: string;
|
|
29
29
|
};
|
|
30
30
|
type BadgeDotProps = React.ComponentProps<'span'>;
|
|
@@ -32,7 +32,7 @@ declare const BadgeDot: {
|
|
|
32
32
|
({
|
|
33
33
|
className,
|
|
34
34
|
...props
|
|
35
|
-
}: BadgeDotProps):
|
|
35
|
+
}: BadgeDotProps): react_jsx_runtime163.JSX.Element;
|
|
36
36
|
displayName: string;
|
|
37
37
|
};
|
|
38
38
|
type BadgeButtonProps = React.ComponentProps<'button'>;
|
|
@@ -40,7 +40,7 @@ declare const BadgeButton: {
|
|
|
40
40
|
({
|
|
41
41
|
className,
|
|
42
42
|
...props
|
|
43
|
-
}: BadgeButtonProps):
|
|
43
|
+
}: BadgeButtonProps): react_jsx_runtime163.JSX.Element;
|
|
44
44
|
displayName: string;
|
|
45
45
|
};
|
|
46
46
|
//#endregion
|
package/dist/button.d.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { ButtonSize, ButtonVariant } from "./lib/button-variants.js";
|
|
2
2
|
import { Button as Button$1 } from "@base-ui/react/button";
|
|
3
3
|
import * as React from "react";
|
|
4
|
-
import * as
|
|
4
|
+
import * as react_jsx_runtime49 from "react/jsx-runtime";
|
|
5
5
|
|
|
6
6
|
//#region src/components/button.d.ts
|
|
7
7
|
type ButtonProps = React.ComponentProps<typeof Button$1> & {
|
|
@@ -18,7 +18,7 @@ declare const Button: {
|
|
|
18
18
|
disabled,
|
|
19
19
|
children,
|
|
20
20
|
...props
|
|
21
|
-
}: ButtonProps):
|
|
21
|
+
}: ButtonProps): react_jsx_runtime49.JSX.Element;
|
|
22
22
|
displayName: string;
|
|
23
23
|
};
|
|
24
24
|
//#endregion
|
package/dist/card.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
import { VariantProps } from "class-variance-authority";
|
|
3
|
-
import * as
|
|
3
|
+
import * as react_jsx_runtime50 from "react/jsx-runtime";
|
|
4
4
|
import * as class_variance_authority_types0 from "class-variance-authority/types";
|
|
5
5
|
|
|
6
6
|
//#region src/components/card.d.ts
|
|
@@ -23,7 +23,7 @@ declare const CardMedia: {
|
|
|
23
23
|
({
|
|
24
24
|
className,
|
|
25
25
|
...props
|
|
26
|
-
}: CardMediaProps):
|
|
26
|
+
}: CardMediaProps): react_jsx_runtime50.JSX.Element;
|
|
27
27
|
displayName: string;
|
|
28
28
|
};
|
|
29
29
|
type CardHeaderProps = React.ComponentProps<'header'>;
|
|
@@ -34,7 +34,7 @@ declare const CardHeader: {
|
|
|
34
34
|
({
|
|
35
35
|
className,
|
|
36
36
|
...props
|
|
37
|
-
}: CardHeaderProps):
|
|
37
|
+
}: CardHeaderProps): react_jsx_runtime50.JSX.Element;
|
|
38
38
|
displayName: string;
|
|
39
39
|
};
|
|
40
40
|
type HeadingLevel = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
|
|
@@ -51,7 +51,7 @@ declare const CardTitle: {
|
|
|
51
51
|
as: Component,
|
|
52
52
|
className,
|
|
53
53
|
...props
|
|
54
|
-
}: CardTitleProps):
|
|
54
|
+
}: CardTitleProps): react_jsx_runtime50.JSX.Element;
|
|
55
55
|
displayName: string;
|
|
56
56
|
};
|
|
57
57
|
type CardDescriptionProps = React.ComponentProps<'p'>;
|
|
@@ -62,7 +62,7 @@ declare const CardDescription: {
|
|
|
62
62
|
({
|
|
63
63
|
className,
|
|
64
64
|
...props
|
|
65
|
-
}: CardDescriptionProps):
|
|
65
|
+
}: CardDescriptionProps): react_jsx_runtime50.JSX.Element;
|
|
66
66
|
displayName: string;
|
|
67
67
|
};
|
|
68
68
|
type CardContentProps = React.ComponentProps<'div'>;
|
|
@@ -73,7 +73,7 @@ declare const CardContent: {
|
|
|
73
73
|
({
|
|
74
74
|
className,
|
|
75
75
|
...props
|
|
76
|
-
}: CardContentProps):
|
|
76
|
+
}: CardContentProps): react_jsx_runtime50.JSX.Element;
|
|
77
77
|
displayName: string;
|
|
78
78
|
};
|
|
79
79
|
type CardSectionProps = React.ComponentProps<'section'>;
|
|
@@ -85,7 +85,7 @@ declare const CardSection: {
|
|
|
85
85
|
({
|
|
86
86
|
className,
|
|
87
87
|
...props
|
|
88
|
-
}: CardSectionProps):
|
|
88
|
+
}: CardSectionProps): react_jsx_runtime50.JSX.Element;
|
|
89
89
|
displayName: string;
|
|
90
90
|
};
|
|
91
91
|
type CardFooterProps = React.ComponentProps<'footer'>;
|
|
@@ -97,7 +97,7 @@ declare const CardFooter: {
|
|
|
97
97
|
({
|
|
98
98
|
className,
|
|
99
99
|
...props
|
|
100
|
-
}: CardFooterProps):
|
|
100
|
+
}: CardFooterProps): react_jsx_runtime50.JSX.Element;
|
|
101
101
|
displayName: string;
|
|
102
102
|
};
|
|
103
103
|
//#endregion
|
package/dist/card.js
CHANGED
|
@@ -8,8 +8,8 @@ import { jsx } from "react/jsx-runtime";
|
|
|
8
8
|
//#region src/components/card.tsx
|
|
9
9
|
const cardVariants = cva("rounded-lg bg-card text-card-foreground transition-colors", {
|
|
10
10
|
variants: { variant: {
|
|
11
|
-
default: "border shadow-xs",
|
|
12
|
-
outline: "border",
|
|
11
|
+
default: "border border-border shadow-xs",
|
|
12
|
+
outline: "border border-border",
|
|
13
13
|
elevated: "shadow-md"
|
|
14
14
|
} },
|
|
15
15
|
defaultVariants: { variant: "default" }
|
package/dist/card.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"card.js","names":[],"sources":["../src/components/card.tsx"],"sourcesContent":["'use client'\n\nimport { type VariantProps, cva } from 'class-variance-authority'\nimport * as React from 'react'\n\nimport { cn } from '../lib/utils'\n\n// ============================================================================\n// Card Variants\n// ============================================================================\n\nconst cardVariants = cva('rounded-lg bg-card text-card-foreground transition-colors', {\n variants: {\n variant: {\n default: 'border shadow-xs',\n outline: 'border',\n elevated: 'shadow-md',\n },\n },\n defaultVariants: {\n variant: 'default',\n },\n})\n\nexport type CardVariant = VariantProps<typeof cardVariants>['variant']\n\n// ============================================================================\n// CardRoot\n// ============================================================================\n\ntype CardRootProps = React.ComponentProps<'article'> & VariantProps<typeof cardVariants>\n\n/**\n * The root container for a card component.\n * Renders as an `<article>` for semantic HTML.\n */\nconst CardRoot = React.forwardRef<HTMLElement, CardRootProps>(\n ({ className, variant, ...props }, ref) => {\n return (\n <article\n ref={ref}\n className={cn(cardVariants({ variant }), className)}\n {...props}\n />\n )\n },\n)\n\nCardRoot.displayName = 'CardRoot'\n\n// ============================================================================\n// CardMedia\n// ============================================================================\n\ntype CardMediaProps = React.ComponentProps<'div'>\n\n/**\n * Container for media content (images, videos) within a card.\n * Use Tailwind aspect-* classes for aspect ratios (e.g., className=\"aspect-video\").\n */\nconst CardMedia = ({ className, ...props }: CardMediaProps) => {\n return (\n <div\n className={cn(\n 'overflow-hidden',\n '[&>img]:h-full [&>img]:w-full [&>img]:object-cover',\n className,\n )}\n {...props}\n />\n )\n}\n\nCardMedia.displayName = 'CardMedia'\n\n// ============================================================================\n// CardHeader\n// ============================================================================\n\ntype CardHeaderProps = React.ComponentProps<'header'>\n\n/**\n * Container for the card's header content (title, description).\n */\nconst CardHeader = ({ className, ...props }: CardHeaderProps) => {\n return <header className={cn('flex flex-col gap-1 p-4', className)} {...props} />\n}\n\nCardHeader.displayName = 'CardHeader'\n\n// ============================================================================\n// CardTitle\n// ============================================================================\n\ntype HeadingLevel = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6'\n\ntype CardTitleProps = React.ComponentProps<'h3'> & {\n /** The heading level to render */\n as?: HeadingLevel\n}\n\n/**\n * The card's title. Renders as an `<h3>` by default.\n * Use the `as` prop to change the heading level.\n */\nconst CardTitle = ({ as: Component = 'h3', className, ...props }: CardTitleProps) => {\n return (\n <Component\n className={cn('text-base font-semibold leading-tight', className)}\n {...props}\n />\n )\n}\n\nCardTitle.displayName = 'CardTitle'\n\n// ============================================================================\n// CardDescription\n// ============================================================================\n\ntype CardDescriptionProps = React.ComponentProps<'p'>\n\n/**\n * Secondary text content for the card.\n */\nconst CardDescription = ({ className, ...props }: CardDescriptionProps) => {\n return <p className={cn('text-sm', className)} {...props} />\n}\n\nCardDescription.displayName = 'CardDescription'\n\n// ============================================================================\n// CardContent\n// ============================================================================\n\ntype CardContentProps = React.ComponentProps<'div'>\n\n/**\n * Container for the main content of the card.\n */\nconst CardContent = ({ className, ...props }: CardContentProps) => {\n return <div className={cn('p-4 pt-0', className)} {...props} />\n}\n\nCardContent.displayName = 'CardContent'\n\n// ============================================================================\n// CardSection\n// ============================================================================\n\ntype CardSectionProps = React.ComponentProps<'section'>\n\n/**\n * A distinct section within a card, useful for multi-section layouts.\n * Use Separator component between sections if visual dividers are needed.\n */\nconst CardSection = ({ className, ...props }: CardSectionProps) => {\n return <section className={cn('p-4', className)} {...props} />\n}\n\nCardSection.displayName = 'CardSection'\n\n// ============================================================================\n// CardFooter\n// ============================================================================\n\ntype CardFooterProps = React.ComponentProps<'footer'>\n\n/**\n * Container for card actions and footer content.\n * Use Separator component above footer if a visual divider is needed.\n */\nconst CardFooter = ({ className, ...props }: CardFooterProps) => {\n return <footer className={cn('flex items-center p-4', className)} {...props} />\n}\n\nCardFooter.displayName = 'CardFooter'\n\n// ============================================================================\n// Exports\n// ============================================================================\n\nexport {\n CardRoot,\n CardMedia,\n CardHeader,\n CardTitle,\n CardDescription,\n CardContent,\n CardSection,\n CardFooter,\n}\n\nexport type {\n CardRootProps,\n CardMediaProps,\n CardHeaderProps,\n CardTitleProps,\n CardDescriptionProps,\n CardContentProps,\n CardSectionProps,\n CardFooterProps,\n}\n"],"mappings":";;;;;;;;AAWA,MAAM,eAAe,IAAI,6DAA6D;CACpF,UAAU,EACR,SAAS;EACP,SAAS;EACT,SAAS;EACT,UAAU;EACX,EACF;CACD,iBAAiB,EACf,SAAS,WACV;CACF,CAAC;;;;;AAcF,MAAM,WAAW,MAAM,YACpB,EAAE,WAAW,SAAS,GAAG,SAAS,QAAQ;AACzC,QACE,oBAAC;EACM;EACL,WAAW,GAAG,aAAa,EAAE,SAAS,CAAC,EAAE,UAAU;EACnD,GAAI;GACJ;EAGP;AAED,SAAS,cAAc;;;;;AAYvB,MAAM,aAAa,EAAE,WAAW,GAAG,YAA4B;AAC7D,QACE,oBAAC;EACC,WAAW,GACT,mBACA,sDACA,UACD;EACD,GAAI;GACJ;;AAIN,UAAU,cAAc;;;;AAWxB,MAAM,cAAc,EAAE,WAAW,GAAG,YAA6B;AAC/D,QAAO,oBAAC;EAAO,WAAW,GAAG,2BAA2B,UAAU;EAAE,GAAI;GAAS;;AAGnF,WAAW,cAAc;;;;;AAiBzB,MAAM,aAAa,EAAE,IAAI,YAAY,MAAM,WAAW,GAAG,YAA4B;AACnF,QACE,oBAAC;EACC,WAAW,GAAG,yCAAyC,UAAU;EACjE,GAAI;GACJ;;AAIN,UAAU,cAAc;;;;AAWxB,MAAM,mBAAmB,EAAE,WAAW,GAAG,YAAkC;AACzE,QAAO,oBAAC;EAAE,WAAW,GAAG,WAAW,UAAU;EAAE,GAAI;GAAS;;AAG9D,gBAAgB,cAAc;;;;AAW9B,MAAM,eAAe,EAAE,WAAW,GAAG,YAA8B;AACjE,QAAO,oBAAC;EAAI,WAAW,GAAG,YAAY,UAAU;EAAE,GAAI;GAAS;;AAGjE,YAAY,cAAc;;;;;AAY1B,MAAM,eAAe,EAAE,WAAW,GAAG,YAA8B;AACjE,QAAO,oBAAC;EAAQ,WAAW,GAAG,OAAO,UAAU;EAAE,GAAI;GAAS;;AAGhE,YAAY,cAAc;;;;;AAY1B,MAAM,cAAc,EAAE,WAAW,GAAG,YAA6B;AAC/D,QAAO,oBAAC;EAAO,WAAW,GAAG,yBAAyB,UAAU;EAAE,GAAI;GAAS;;AAGjF,WAAW,cAAc"}
|
|
1
|
+
{"version":3,"file":"card.js","names":[],"sources":["../src/components/card.tsx"],"sourcesContent":["'use client'\n\nimport { type VariantProps, cva } from 'class-variance-authority'\nimport * as React from 'react'\n\nimport { cn } from '../lib/utils'\n\n// ============================================================================\n// Card Variants\n// ============================================================================\n\nconst cardVariants = cva('rounded-lg bg-card text-card-foreground transition-colors', {\n variants: {\n variant: {\n default: 'border border-border shadow-xs',\n outline: 'border border-border',\n elevated: 'shadow-md',\n },\n },\n defaultVariants: {\n variant: 'default',\n },\n})\n\nexport type CardVariant = VariantProps<typeof cardVariants>['variant']\n\n// ============================================================================\n// CardRoot\n// ============================================================================\n\ntype CardRootProps = React.ComponentProps<'article'> & VariantProps<typeof cardVariants>\n\n/**\n * The root container for a card component.\n * Renders as an `<article>` for semantic HTML.\n */\nconst CardRoot = React.forwardRef<HTMLElement, CardRootProps>(\n ({ className, variant, ...props }, ref) => {\n return (\n <article\n ref={ref}\n className={cn(cardVariants({ variant }), className)}\n {...props}\n />\n )\n },\n)\n\nCardRoot.displayName = 'CardRoot'\n\n// ============================================================================\n// CardMedia\n// ============================================================================\n\ntype CardMediaProps = React.ComponentProps<'div'>\n\n/**\n * Container for media content (images, videos) within a card.\n * Use Tailwind aspect-* classes for aspect ratios (e.g., className=\"aspect-video\").\n */\nconst CardMedia = ({ className, ...props }: CardMediaProps) => {\n return (\n <div\n className={cn(\n 'overflow-hidden',\n '[&>img]:h-full [&>img]:w-full [&>img]:object-cover',\n className,\n )}\n {...props}\n />\n )\n}\n\nCardMedia.displayName = 'CardMedia'\n\n// ============================================================================\n// CardHeader\n// ============================================================================\n\ntype CardHeaderProps = React.ComponentProps<'header'>\n\n/**\n * Container for the card's header content (title, description).\n */\nconst CardHeader = ({ className, ...props }: CardHeaderProps) => {\n return <header className={cn('flex flex-col gap-1 p-4', className)} {...props} />\n}\n\nCardHeader.displayName = 'CardHeader'\n\n// ============================================================================\n// CardTitle\n// ============================================================================\n\ntype HeadingLevel = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6'\n\ntype CardTitleProps = React.ComponentProps<'h3'> & {\n /** The heading level to render */\n as?: HeadingLevel\n}\n\n/**\n * The card's title. Renders as an `<h3>` by default.\n * Use the `as` prop to change the heading level.\n */\nconst CardTitle = ({ as: Component = 'h3', className, ...props }: CardTitleProps) => {\n return (\n <Component\n className={cn('text-base font-semibold leading-tight', className)}\n {...props}\n />\n )\n}\n\nCardTitle.displayName = 'CardTitle'\n\n// ============================================================================\n// CardDescription\n// ============================================================================\n\ntype CardDescriptionProps = React.ComponentProps<'p'>\n\n/**\n * Secondary text content for the card.\n */\nconst CardDescription = ({ className, ...props }: CardDescriptionProps) => {\n return <p className={cn('text-sm', className)} {...props} />\n}\n\nCardDescription.displayName = 'CardDescription'\n\n// ============================================================================\n// CardContent\n// ============================================================================\n\ntype CardContentProps = React.ComponentProps<'div'>\n\n/**\n * Container for the main content of the card.\n */\nconst CardContent = ({ className, ...props }: CardContentProps) => {\n return <div className={cn('p-4 pt-0', className)} {...props} />\n}\n\nCardContent.displayName = 'CardContent'\n\n// ============================================================================\n// CardSection\n// ============================================================================\n\ntype CardSectionProps = React.ComponentProps<'section'>\n\n/**\n * A distinct section within a card, useful for multi-section layouts.\n * Use Separator component between sections if visual dividers are needed.\n */\nconst CardSection = ({ className, ...props }: CardSectionProps) => {\n return <section className={cn('p-4', className)} {...props} />\n}\n\nCardSection.displayName = 'CardSection'\n\n// ============================================================================\n// CardFooter\n// ============================================================================\n\ntype CardFooterProps = React.ComponentProps<'footer'>\n\n/**\n * Container for card actions and footer content.\n * Use Separator component above footer if a visual divider is needed.\n */\nconst CardFooter = ({ className, ...props }: CardFooterProps) => {\n return <footer className={cn('flex items-center p-4', className)} {...props} />\n}\n\nCardFooter.displayName = 'CardFooter'\n\n// ============================================================================\n// Exports\n// ============================================================================\n\nexport {\n CardRoot,\n CardMedia,\n CardHeader,\n CardTitle,\n CardDescription,\n CardContent,\n CardSection,\n CardFooter,\n}\n\nexport type {\n CardRootProps,\n CardMediaProps,\n CardHeaderProps,\n CardTitleProps,\n CardDescriptionProps,\n CardContentProps,\n CardSectionProps,\n CardFooterProps,\n}\n"],"mappings":";;;;;;;;AAWA,MAAM,eAAe,IAAI,6DAA6D;CACpF,UAAU,EACR,SAAS;EACP,SAAS;EACT,SAAS;EACT,UAAU;EACX,EACF;CACD,iBAAiB,EACf,SAAS,WACV;CACF,CAAC;;;;;AAcF,MAAM,WAAW,MAAM,YACpB,EAAE,WAAW,SAAS,GAAG,SAAS,QAAQ;AACzC,QACE,oBAAC;EACM;EACL,WAAW,GAAG,aAAa,EAAE,SAAS,CAAC,EAAE,UAAU;EACnD,GAAI;GACJ;EAGP;AAED,SAAS,cAAc;;;;;AAYvB,MAAM,aAAa,EAAE,WAAW,GAAG,YAA4B;AAC7D,QACE,oBAAC;EACC,WAAW,GACT,mBACA,sDACA,UACD;EACD,GAAI;GACJ;;AAIN,UAAU,cAAc;;;;AAWxB,MAAM,cAAc,EAAE,WAAW,GAAG,YAA6B;AAC/D,QAAO,oBAAC;EAAO,WAAW,GAAG,2BAA2B,UAAU;EAAE,GAAI;GAAS;;AAGnF,WAAW,cAAc;;;;;AAiBzB,MAAM,aAAa,EAAE,IAAI,YAAY,MAAM,WAAW,GAAG,YAA4B;AACnF,QACE,oBAAC;EACC,WAAW,GAAG,yCAAyC,UAAU;EACjE,GAAI;GACJ;;AAIN,UAAU,cAAc;;;;AAWxB,MAAM,mBAAmB,EAAE,WAAW,GAAG,YAAkC;AACzE,QAAO,oBAAC;EAAE,WAAW,GAAG,WAAW,UAAU;EAAE,GAAI;GAAS;;AAG9D,gBAAgB,cAAc;;;;AAW9B,MAAM,eAAe,EAAE,WAAW,GAAG,YAA8B;AACjE,QAAO,oBAAC;EAAI,WAAW,GAAG,YAAY,UAAU;EAAE,GAAI;GAAS;;AAGjE,YAAY,cAAc;;;;;AAY1B,MAAM,eAAe,EAAE,WAAW,GAAG,YAA8B;AACjE,QAAO,oBAAC;EAAQ,WAAW,GAAG,OAAO,UAAU;EAAE,GAAI;GAAS;;AAGhE,YAAY,cAAc;;;;;AAY1B,MAAM,cAAc,EAAE,WAAW,GAAG,YAA6B;AAC/D,QAAO,oBAAC;EAAO,WAAW,GAAG,yBAAyB,UAAU;EAAE,GAAI;GAAS;;AAGjF,WAAW,cAAc"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { ChartConfig } from "../components/chart/types.js";
|
|
2
|
+
import { ChartRoot, ChartRootProps } from "../components/chart/context.js";
|
|
3
|
+
import { useChartContext } from "../components/chart/use-chart-context.js";
|
|
4
|
+
import { ChartTooltipContent, ChartTooltipContentProps, IndicatorType } from "../components/chart/tooltip.js";
|
|
5
|
+
import { ChartLegendContent, ChartLegendContentProps } from "../components/chart/legend.js";
|
|
6
|
+
export { type ChartConfig, ChartLegendContent, type ChartLegendContentProps, ChartRoot, type ChartRootProps, ChartTooltipContent, type ChartTooltipContentProps, type IndicatorType, useChartContext };
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { useChartContext } from "../components/chart/use-chart-context.js";
|
|
2
|
+
import { ChartRoot } from "../components/chart/context.js";
|
|
3
|
+
import { ChartTooltipContent } from "../components/chart/tooltip.js";
|
|
4
|
+
import { ChartLegendContent } from "../components/chart/legend.js";
|
|
5
|
+
|
|
6
|
+
export { ChartLegendContent, ChartRoot, ChartTooltipContent, useChartContext };
|
package/dist/checkbox-group.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
|
-
import * as
|
|
2
|
+
import * as react_jsx_runtime65 from "react/jsx-runtime";
|
|
3
3
|
import { CheckboxGroup } from "@base-ui/react/checkbox-group";
|
|
4
4
|
|
|
5
5
|
//#region src/components/checkbox-group.d.ts
|
|
@@ -8,7 +8,7 @@ declare const CheckboxGroupRoot: {
|
|
|
8
8
|
({
|
|
9
9
|
className,
|
|
10
10
|
...props
|
|
11
|
-
}: CheckboxGroupRootProps):
|
|
11
|
+
}: CheckboxGroupRootProps): react_jsx_runtime65.JSX.Element;
|
|
12
12
|
displayName: string;
|
|
13
13
|
};
|
|
14
14
|
//#endregion
|
package/dist/checkbox.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
|
-
import * as
|
|
2
|
+
import * as react_jsx_runtime63 from "react/jsx-runtime";
|
|
3
3
|
import { Checkbox } from "@base-ui/react/checkbox";
|
|
4
4
|
|
|
5
5
|
//#region src/components/checkbox.d.ts
|
|
@@ -8,7 +8,7 @@ declare const CheckboxRoot: {
|
|
|
8
8
|
({
|
|
9
9
|
className,
|
|
10
10
|
...props
|
|
11
|
-
}: CheckboxRootProps):
|
|
11
|
+
}: CheckboxRootProps): react_jsx_runtime63.JSX.Element;
|
|
12
12
|
displayName: string;
|
|
13
13
|
};
|
|
14
14
|
type CheckboxIndicatorProps = React.ComponentProps<typeof Checkbox.Indicator>;
|
|
@@ -17,7 +17,7 @@ declare const CheckboxIndicator: {
|
|
|
17
17
|
className,
|
|
18
18
|
children,
|
|
19
19
|
...props
|
|
20
|
-
}: CheckboxIndicatorProps):
|
|
20
|
+
}: CheckboxIndicatorProps): react_jsx_runtime63.JSX.Element;
|
|
21
21
|
displayName: string;
|
|
22
22
|
};
|
|
23
23
|
//#endregion
|
package/dist/collapsible.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
|
-
import * as
|
|
2
|
+
import * as react_jsx_runtime66 from "react/jsx-runtime";
|
|
3
3
|
import { Collapsible } from "@base-ui/react/collapsible";
|
|
4
4
|
|
|
5
5
|
//#region src/components/collapsible.d.ts
|
|
@@ -8,7 +8,7 @@ declare const CollapsibleRoot: {
|
|
|
8
8
|
({
|
|
9
9
|
className,
|
|
10
10
|
...props
|
|
11
|
-
}: CollapsibleRootProps):
|
|
11
|
+
}: CollapsibleRootProps): react_jsx_runtime66.JSX.Element;
|
|
12
12
|
displayName: string;
|
|
13
13
|
};
|
|
14
14
|
type CollapsibleTriggerProps = React.ComponentProps<typeof Collapsible.Trigger>;
|
|
@@ -16,7 +16,7 @@ declare const CollapsibleTrigger: {
|
|
|
16
16
|
({
|
|
17
17
|
className,
|
|
18
18
|
...props
|
|
19
|
-
}: CollapsibleTriggerProps):
|
|
19
|
+
}: CollapsibleTriggerProps): react_jsx_runtime66.JSX.Element;
|
|
20
20
|
displayName: string;
|
|
21
21
|
};
|
|
22
22
|
type CollapsiblePanelProps = React.ComponentProps<typeof Collapsible.Panel>;
|
|
@@ -24,7 +24,7 @@ declare const CollapsiblePanel: {
|
|
|
24
24
|
({
|
|
25
25
|
className,
|
|
26
26
|
...props
|
|
27
|
-
}: CollapsiblePanelProps):
|
|
27
|
+
}: CollapsiblePanelProps): react_jsx_runtime66.JSX.Element;
|
|
28
28
|
displayName: string;
|
|
29
29
|
};
|
|
30
30
|
//#endregion
|