@lglab/compose-ui 0.36.0 → 0.38.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/alert.d.ts +8 -8
- package/dist/alert.d.ts.map +1 -1
- package/dist/autocomplete.d.ts +13 -13
- package/dist/autocomplete.d.ts.map +1 -1
- package/dist/avatar.d.ts +5 -5
- package/dist/avatar.d.ts.map +1 -1
- package/dist/badge.d.ts +4 -4
- package/dist/breadcrumb.d.ts +6 -6
- package/dist/breadcrumb.d.ts.map +1 -1
- package/dist/button.d.ts +2 -2
- package/dist/button.d.ts.map +1 -1
- package/dist/calendar.d.ts +2 -2
- package/dist/calendar.d.ts.map +1 -1
- package/dist/card.d.ts +8 -8
- package/dist/card.d.ts.map +1 -1
- package/dist/checkbox-group.d.ts +2 -2
- package/dist/checkbox-group.d.ts.map +1 -1
- package/dist/checkbox.d.ts +3 -3
- package/dist/checkbox.d.ts.map +1 -1
- package/dist/collapsible.d.ts +4 -4
- package/dist/collapsible.d.ts.map +1 -1
- package/dist/combobox.d.ts +25 -25
- package/dist/components/chart/context.d.ts +2 -2
- package/dist/components/chart/legend.d.ts +2 -2
- package/dist/components/chart/tooltip.d.ts +2 -2
- package/dist/components/table/primitives.d.ts +11 -11
- package/dist/components/table/primitives.js +1 -1
- 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/empty.d.ts +7 -7
- package/dist/empty.d.ts.map +1 -1
- package/dist/fieldset.d.ts +3 -3
- package/dist/form.d.ts +2 -2
- package/dist/form.d.ts.map +1 -1
- package/dist/group.d.ts +3 -3
- package/dist/index.d.ts +3 -2
- package/dist/index.js +3 -2
- 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/navigation-menu.js +1 -1
- package/dist/navigation-menu.js.map +1 -1
- 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 +30 -7
- package/dist/progress.d.ts.map +1 -1
- package/dist/progress.js +63 -3
- package/dist/progress.js.map +1 -1
- package/dist/radio-group.d.ts +2 -2
- package/dist/radio.d.ts +3 -3
- package/dist/scroll-area.d.ts +7 -7
- package/dist/scroll-area.js +1 -1
- package/dist/scroll-area.js.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/skeleton.d.ts +2 -2
- 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/textarea.d.ts +2 -2
- package/dist/timeline.d.ts +81 -0
- package/dist/timeline.d.ts.map +1 -0
- package/dist/timeline.js +165 -0
- package/dist/timeline.js.map +1 -0
- package/dist/toast.d.ts +10 -10
- package/dist/toggle-group.d.ts +3 -3
- package/dist/toggle.d.ts +2 -2
- package/dist/toggle.d.ts.map +1 -1
- package/dist/toolbar.d.ts +7 -7
- package/dist/tooltip.d.ts +8 -8
- package/package.json +5 -1
package/dist/select.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"select.d.ts","names":[],"sources":["../src/components/select.tsx"],"sourcesContent":[],"mappings":";;;;;iBAeS,uEACA,kBAAoB,OAAO,YAAS,
|
|
1
|
+
{"version":3,"file":"select.d.ts","names":[],"sources":["../src/components/select.tsx"],"sourcesContent":[],"mappings":"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"}
|
package/dist/separator.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
|
-
import * as
|
|
2
|
+
import * as react_jsx_runtime287 from "react/jsx-runtime";
|
|
3
3
|
import { Separator as Separator$1 } from "@base-ui/react/separator";
|
|
4
4
|
|
|
5
5
|
//#region src/components/separator.d.ts
|
|
@@ -9,7 +9,7 @@ declare const Separator: {
|
|
|
9
9
|
className,
|
|
10
10
|
orientation,
|
|
11
11
|
...props
|
|
12
|
-
}: SeparatorProps):
|
|
12
|
+
}: SeparatorProps): react_jsx_runtime287.JSX.Element;
|
|
13
13
|
displayName: string;
|
|
14
14
|
};
|
|
15
15
|
//#endregion
|
package/dist/skeleton.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
|
-
import * as
|
|
2
|
+
import * as react_jsx_runtime290 from "react/jsx-runtime";
|
|
3
3
|
|
|
4
4
|
//#region src/components/skeleton.d.ts
|
|
5
5
|
type SkeletonAnimation = 'pulse' | 'shimmer' | 'none';
|
|
@@ -12,7 +12,7 @@ declare const Skeleton: {
|
|
|
12
12
|
className,
|
|
13
13
|
animation,
|
|
14
14
|
...props
|
|
15
|
-
}: SkeletonProps):
|
|
15
|
+
}: SkeletonProps): react_jsx_runtime290.JSX.Element;
|
|
16
16
|
displayName: string;
|
|
17
17
|
};
|
|
18
18
|
//#endregion
|
package/dist/slider.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
|
-
import * as
|
|
2
|
+
import * as react_jsx_runtime291 from "react/jsx-runtime";
|
|
3
3
|
import { Slider } from "@base-ui/react/slider";
|
|
4
4
|
|
|
5
5
|
//#region src/components/slider.d.ts
|
|
@@ -8,7 +8,7 @@ declare const SliderRoot: {
|
|
|
8
8
|
({
|
|
9
9
|
className,
|
|
10
10
|
...props
|
|
11
|
-
}: SliderRootProps):
|
|
11
|
+
}: SliderRootProps): react_jsx_runtime291.JSX.Element;
|
|
12
12
|
displayName: string;
|
|
13
13
|
};
|
|
14
14
|
type SliderValueProps = React.ComponentProps<typeof Slider.Value>;
|
|
@@ -16,7 +16,7 @@ declare const SliderValue: {
|
|
|
16
16
|
({
|
|
17
17
|
className,
|
|
18
18
|
...props
|
|
19
|
-
}: SliderValueProps):
|
|
19
|
+
}: SliderValueProps): react_jsx_runtime291.JSX.Element;
|
|
20
20
|
displayName: string;
|
|
21
21
|
};
|
|
22
22
|
type SliderControlProps = React.ComponentProps<typeof Slider.Control>;
|
|
@@ -24,7 +24,7 @@ declare const SliderControl: {
|
|
|
24
24
|
({
|
|
25
25
|
className,
|
|
26
26
|
...props
|
|
27
|
-
}: SliderControlProps):
|
|
27
|
+
}: SliderControlProps): react_jsx_runtime291.JSX.Element;
|
|
28
28
|
displayName: string;
|
|
29
29
|
};
|
|
30
30
|
type SliderTrackProps = React.ComponentProps<typeof Slider.Track>;
|
|
@@ -32,7 +32,7 @@ declare const SliderTrack: {
|
|
|
32
32
|
({
|
|
33
33
|
className,
|
|
34
34
|
...props
|
|
35
|
-
}: SliderTrackProps):
|
|
35
|
+
}: SliderTrackProps): react_jsx_runtime291.JSX.Element;
|
|
36
36
|
displayName: string;
|
|
37
37
|
};
|
|
38
38
|
type SliderIndicatorProps = React.ComponentProps<typeof Slider.Indicator>;
|
|
@@ -40,7 +40,7 @@ declare const SliderIndicator: {
|
|
|
40
40
|
({
|
|
41
41
|
className,
|
|
42
42
|
...props
|
|
43
|
-
}: SliderIndicatorProps):
|
|
43
|
+
}: SliderIndicatorProps): react_jsx_runtime291.JSX.Element;
|
|
44
44
|
displayName: string;
|
|
45
45
|
};
|
|
46
46
|
type SliderThumbProps = React.ComponentProps<typeof Slider.Thumb>;
|
|
@@ -48,7 +48,7 @@ declare const SliderThumb: {
|
|
|
48
48
|
({
|
|
49
49
|
className,
|
|
50
50
|
...props
|
|
51
|
-
}: SliderThumbProps):
|
|
51
|
+
}: SliderThumbProps): react_jsx_runtime291.JSX.Element;
|
|
52
52
|
displayName: string;
|
|
53
53
|
};
|
|
54
54
|
//#endregion
|
package/dist/slider.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"slider.d.ts","names":[],"sources":["../src/components/slider.tsx"],"sourcesContent":[],"mappings":";;;;;KAWK,eAAA,GAAkB,KAAA,CAAM,sBAAsB,MAAA,CAAW;cAExD;;;;KAAuC,kBAAe,
|
|
1
|
+
{"version":3,"file":"slider.d.ts","names":[],"sources":["../src/components/slider.tsx"],"sourcesContent":[],"mappings":";;;;;KAWK,eAAA,GAAkB,KAAA,CAAM,sBAAsB,MAAA,CAAW;cAExD;;;;KAAuC,kBAAe,oBAAA,CAAA,GAAA,CAAA;EAFvD,WAAA,EAAA,MAAe;CAAA;KAYf,gBAAA,GAAmB,KAAA,CAAM,cAZgC,CAAA,OAYV,MAAA,CAAW,KAZD,CAAA;cAcxD,WAduB,EAAA;EAAc,CAAA;IAAA,SAAA;IAAA,GAAA;EAAA,CAAA,EAcG,gBAdH,CAAA,EAcmB,oBAAA,CAAA,GAAA,CAAA,OAdnB;EAErC,WAAA,EAEL,MAAA;CAAA;KAyBI,kBAAA,GAAqB,KAAA,CAAM,sBAAsB,MAAA,CAAW;cAE3D,aA7BuC,EAAA;;IAAe,SAAA;IAAA,GAAA;EAAA,CAAA,EA6BZ,kBA7BY,CAAA,EA6BM,oBAAA,CAAA,GAAA,CAAA,OA7BN;EAAA,WAAA,EAAA,MAAA;AAAA,CAAA;KA4CvD,gBAAA,GAAmB,KAAA,CAAM,cAlCT,CAAA,OAkC+B,MAAA,CAAW,KAlC1C,CAAA;cAoCf,WApCyD,EAAA;;IAAvC,SAAM;IAAA,GAAA;EAAA,CAAA,EAoCgB,gBApChB,CAAA,EAoCgC,oBAAA,CAAA,GAAA,CAAA,OApChC;EAAc,WAAA,EAAA,MAAA;AAAA,CAAA;KAmDvC,oBAAA,GAAuB,KAAA,CAAM,cA1CjC,CAAA,OA0CuD,MAAA,CAAW,SA1ClE,CAAA;cA4CK;;IAnDwC,SAAA;IAAA,GAAA;EAAA,CAAA,EAmDI,oBAnDJ,CAAA,EAmDwB,oBAAA,CAAA,GAAA,CAAA,OAnDxB;aAAgB,EAAA,MAAA;CAAA;AAAA,KAkEzD,gBAAA,GAAmB,KAAA,CAAM,cAnDP,CAAA,OAmD6B,MAAA,CAAW,KAnDxC,CAAA;cAqDjB,WArDiB,EAAA;;IAA+B,SAAW;IAAA,GAAA;EAAA,CAAA,EAqDnB,gBArDmB,CAAA,EAqDH,oBAAA,CAAA,GAAA,CAAA,OArDG;aAAjC,EAAA,MAAA;CAAc"}
|
package/dist/switch.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
|
-
import * as
|
|
2
|
+
import * as react_jsx_runtime288 from "react/jsx-runtime";
|
|
3
3
|
import { Switch } from "@base-ui/react/switch";
|
|
4
4
|
|
|
5
5
|
//#region src/components/switch.d.ts
|
|
@@ -8,7 +8,7 @@ declare const SwitchRoot: {
|
|
|
8
8
|
({
|
|
9
9
|
className,
|
|
10
10
|
...props
|
|
11
|
-
}: SwitchRootProps):
|
|
11
|
+
}: SwitchRootProps): react_jsx_runtime288.JSX.Element;
|
|
12
12
|
displayName: string;
|
|
13
13
|
};
|
|
14
14
|
type SwitchThumbProps = React.ComponentProps<typeof Switch.Thumb>;
|
|
@@ -16,7 +16,7 @@ declare const SwitchThumb: {
|
|
|
16
16
|
({
|
|
17
17
|
className,
|
|
18
18
|
...props
|
|
19
|
-
}: SwitchThumbProps):
|
|
19
|
+
}: SwitchThumbProps): react_jsx_runtime288.JSX.Element;
|
|
20
20
|
displayName: string;
|
|
21
21
|
};
|
|
22
22
|
//#endregion
|
package/dist/switch.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"switch.d.ts","names":[],"sources":["../src/components/switch.tsx"],"sourcesContent":[],"mappings":";;;;;KASK,eAAA,GAAkB,KAAA,CAAM,sBAAsB,MAAA,CAAW;cAExD;;;;KAAuC,kBAAe,
|
|
1
|
+
{"version":3,"file":"switch.d.ts","names":[],"sources":["../src/components/switch.tsx"],"sourcesContent":[],"mappings":";;;;;KASK,eAAA,GAAkB,KAAA,CAAM,sBAAsB,MAAA,CAAW;cAExD;;;;KAAuC,kBAAe,oBAAA,CAAA,GAAA,CAAA;EAFvD,WAAA,EAAA,MAAe;CAAA;KA0Bf,gBAAA,GAAmB,KAAA,CAAM,cA1BgC,CAAA,OA0BV,MAAA,CAAW,KA1BD,CAAA;cA4BxD,WA5BuB,EAAA;EAAc,CAAA;IAAA,SAAA;IAAA,GAAA;EAAA,CAAA,EA4BG,gBA5BH,CAAA,EA4BmB,oBAAA,CAAA,GAAA,CAAA,OA5BnB;EAErC,WAAA,EAgBL,MAAA;CAAA"}
|
package/dist/tabs.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
|
-
import * as
|
|
2
|
+
import * as react_jsx_runtime298 from "react/jsx-runtime";
|
|
3
3
|
import { Tabs } from "@base-ui/react/tabs";
|
|
4
4
|
|
|
5
5
|
//#region src/components/tabs.d.ts
|
|
@@ -8,7 +8,7 @@ declare const TabsRoot: {
|
|
|
8
8
|
({
|
|
9
9
|
className,
|
|
10
10
|
...props
|
|
11
|
-
}: TabsRootProps):
|
|
11
|
+
}: TabsRootProps): react_jsx_runtime298.JSX.Element;
|
|
12
12
|
displayName: string;
|
|
13
13
|
};
|
|
14
14
|
type TabsListProps = React.ComponentProps<typeof Tabs.List> & {
|
|
@@ -20,7 +20,7 @@ declare const TabsList: {
|
|
|
20
20
|
className,
|
|
21
21
|
orientation,
|
|
22
22
|
...props
|
|
23
|
-
}: TabsListProps):
|
|
23
|
+
}: TabsListProps): react_jsx_runtime298.JSX.Element;
|
|
24
24
|
displayName: string;
|
|
25
25
|
};
|
|
26
26
|
type TabsTabProps = React.ComponentProps<typeof Tabs.Tab> & {
|
|
@@ -32,7 +32,7 @@ declare const TabsTab: {
|
|
|
32
32
|
className,
|
|
33
33
|
size,
|
|
34
34
|
...props
|
|
35
|
-
}: TabsTabProps):
|
|
35
|
+
}: TabsTabProps): react_jsx_runtime298.JSX.Element;
|
|
36
36
|
displayName: string;
|
|
37
37
|
};
|
|
38
38
|
type TabsIndicatorProps = React.ComponentProps<typeof Tabs.Indicator> & {
|
|
@@ -44,7 +44,7 @@ declare const TabsIndicator: {
|
|
|
44
44
|
className,
|
|
45
45
|
orientation,
|
|
46
46
|
...props
|
|
47
|
-
}: TabsIndicatorProps):
|
|
47
|
+
}: TabsIndicatorProps): react_jsx_runtime298.JSX.Element;
|
|
48
48
|
displayName: string;
|
|
49
49
|
};
|
|
50
50
|
type TabsPanelProps = React.ComponentProps<typeof Tabs.Panel>;
|
|
@@ -52,7 +52,7 @@ declare const TabsPanel: {
|
|
|
52
52
|
({
|
|
53
53
|
className,
|
|
54
54
|
...props
|
|
55
|
-
}: TabsPanelProps):
|
|
55
|
+
}: TabsPanelProps): react_jsx_runtime298.JSX.Element;
|
|
56
56
|
displayName: string;
|
|
57
57
|
};
|
|
58
58
|
//#endregion
|
package/dist/textarea.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
|
-
import * as
|
|
2
|
+
import * as react_jsx_runtime297 from "react/jsx-runtime";
|
|
3
3
|
|
|
4
4
|
//#region src/components/textarea.d.ts
|
|
5
5
|
type TextareaProps = React.ComponentProps<'textarea'>;
|
|
@@ -7,7 +7,7 @@ declare const Textarea: {
|
|
|
7
7
|
({
|
|
8
8
|
className,
|
|
9
9
|
...props
|
|
10
|
-
}: TextareaProps):
|
|
10
|
+
}: TextareaProps): react_jsx_runtime297.JSX.Element;
|
|
11
11
|
displayName: string;
|
|
12
12
|
};
|
|
13
13
|
//#endregion
|
|
@@ -0,0 +1,81 @@
|
|
|
1
|
+
import { VariantProps } from "class-variance-authority";
|
|
2
|
+
import * as React from "react";
|
|
3
|
+
import * as react_jsx_runtime114 from "react/jsx-runtime";
|
|
4
|
+
import * as class_variance_authority_types0 from "class-variance-authority/types";
|
|
5
|
+
|
|
6
|
+
//#region src/components/timeline.d.ts
|
|
7
|
+
declare const timelineVariants: (props?: ({
|
|
8
|
+
position?: "center" | "left" | "right" | "alternate" | null | undefined;
|
|
9
|
+
} & class_variance_authority_types0.ClassProp) | undefined) => string;
|
|
10
|
+
interface TimelineRootProps extends React.ComponentProps<'ol'>, VariantProps<typeof timelineVariants> {}
|
|
11
|
+
declare const TimelineRoot: {
|
|
12
|
+
({
|
|
13
|
+
className,
|
|
14
|
+
position,
|
|
15
|
+
children,
|
|
16
|
+
...props
|
|
17
|
+
}: TimelineRootProps): react_jsx_runtime114.JSX.Element;
|
|
18
|
+
displayName: string;
|
|
19
|
+
};
|
|
20
|
+
declare const TimelineItem: {
|
|
21
|
+
({
|
|
22
|
+
className,
|
|
23
|
+
children,
|
|
24
|
+
...props
|
|
25
|
+
}: React.ComponentProps<"li">): react_jsx_runtime114.JSX.Element;
|
|
26
|
+
displayName: string;
|
|
27
|
+
};
|
|
28
|
+
declare const timelineMarkerVariants: (props?: ({
|
|
29
|
+
variant?: "default" | "destructive" | "success" | "warning" | "primary" | null | undefined;
|
|
30
|
+
} & class_variance_authority_types0.ClassProp) | undefined) => string;
|
|
31
|
+
interface TimelineMarkerProps extends React.ComponentProps<'div'>, VariantProps<typeof timelineMarkerVariants> {
|
|
32
|
+
icon?: React.ReactNode;
|
|
33
|
+
}
|
|
34
|
+
declare const TimelineMarker: {
|
|
35
|
+
({
|
|
36
|
+
className,
|
|
37
|
+
variant,
|
|
38
|
+
icon,
|
|
39
|
+
children,
|
|
40
|
+
...props
|
|
41
|
+
}: TimelineMarkerProps): react_jsx_runtime114.JSX.Element;
|
|
42
|
+
displayName: string;
|
|
43
|
+
};
|
|
44
|
+
declare const TimelineContent: {
|
|
45
|
+
({
|
|
46
|
+
className,
|
|
47
|
+
...props
|
|
48
|
+
}: React.ComponentProps<"div">): react_jsx_runtime114.JSX.Element;
|
|
49
|
+
displayName: string;
|
|
50
|
+
};
|
|
51
|
+
declare const TimelineSpacer: {
|
|
52
|
+
({
|
|
53
|
+
className,
|
|
54
|
+
...props
|
|
55
|
+
}: React.ComponentProps<"div">): react_jsx_runtime114.JSX.Element;
|
|
56
|
+
displayName: string;
|
|
57
|
+
};
|
|
58
|
+
declare const TimelineTitle: {
|
|
59
|
+
({
|
|
60
|
+
className,
|
|
61
|
+
...props
|
|
62
|
+
}: React.ComponentProps<"p">): react_jsx_runtime114.JSX.Element;
|
|
63
|
+
displayName: string;
|
|
64
|
+
};
|
|
65
|
+
declare const TimelineDescription: {
|
|
66
|
+
({
|
|
67
|
+
className,
|
|
68
|
+
...props
|
|
69
|
+
}: React.ComponentProps<"p">): react_jsx_runtime114.JSX.Element;
|
|
70
|
+
displayName: string;
|
|
71
|
+
};
|
|
72
|
+
declare const TimelineTime: {
|
|
73
|
+
({
|
|
74
|
+
className,
|
|
75
|
+
...props
|
|
76
|
+
}: React.ComponentProps<"time">): react_jsx_runtime114.JSX.Element;
|
|
77
|
+
displayName: string;
|
|
78
|
+
};
|
|
79
|
+
//#endregion
|
|
80
|
+
export { TimelineContent, TimelineDescription, TimelineItem, TimelineMarker, type TimelineMarkerProps, TimelineRoot, type TimelineRootProps, TimelineSpacer, TimelineTime, TimelineTitle };
|
|
81
|
+
//# sourceMappingURL=timeline.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"timeline.d.ts","names":[],"sources":["../src/components/timeline.tsx"],"sourcesContent":[],"mappings":";;;;;;cAqBM;;IAYJ,+BAAA,CAAA;UAEQ,iBAAA,SACA,KAAA,CAAM,sBAAsB,oBAAoB,mBAjC5B;cAmCxB,YAFJ,EAAA;EAAA,CAAA;IAAA,SAAA;IAAA,QAAA;IAAA,QAAA;IAAA,GAAA;EAAA,CAAA,EAEiE,iBAFjE,CAAA,EAEkF,oBAAA,CAAA,GAAA,CAAA,OAFlF;aAAwD,EAAA,MAAA;;cAqCpD,YArCgC,EAAA;EAAY,CAAA;IAAA,SAAA;IAAA,QAAA;IAAA,GAAA;EAAA,CAAA,EAqCO,KAAA,CAAM,cArCb,CAAA,IAAA,CAAA,CAAA,EAqCiC,oBAAA,CAAA,GAAA,CAAA,OArCjC;EAE5C,WAAA,EAAA,MA6BL;CAAA;cAmDK;;IAgBL,+BAAA,CAAA;UAUS,mBAAA,SACA,KAAA,CAAM,cA3GmD,CAAA,KAAA,CAAA,EA2G5B,YA3G4B,CAAA,OA2GR,sBA3GQ,CAAA,CAAA;MAAiB,CAAA,EA4G3E,KAAA,CAAM,SA5GqE;;AAAA,cA+G9E,cArCL,EAAA;EAAA,CAAA;IAAA,SAAA;IAAA,OAAA;IAAA,IAAA;IAAA,QAAA;IAAA,GAAA;EAAA,CAAA,EA2CE,mBA3CF,CAAA,EA2CqB,oBAAA,CAAA,GAAA,CAAA,OA3CrB;;;cA+FK,eAtIyD,EAAA;;IAAoB,SAAA;IAAA,GAAA;EAAA,CAAA,EAsIjC,KAAA,CAAM,cAtI2B,CAAA,KAAA,CAAA,CAAA,EAsIN,oBAAA,CAAA,GAAA,CAAA,OAtIM;EAAA,WAAA,EAAA,MAAA;AAAA,CAAA;cA8K7E,cAtGJ,EAAA;EAAA,CAAA;IAAA,SAAA;IAAA,GAAA;EAAA,CAAA,EAsG+C,KAAA,CAAM,cAtGrD,CAAA,KAAA,CAAA,CAAA,EAsG0E,oBAAA,CAAA,GAAA,CAAA,OAtG1E;aAAyD,EAAA,MAAA;;cAoHrD,aApHU,EAAA;;IAAuB,SAAA;IAAA,GAAA;EAAA,CAAA,EAoHS,KAAA,CAAM,cApHf,CAAA,GAAA,CAAA,CAAA,EAoHkC,oBAAA,CAAA,GAAA,CAAA,OApHlC;EAAY,WAAA,EAAA,MAAA;AAAA,CAAA;cAkI7C,mBA1EL,EAAA;;;;KA0EqD,KAAA,CAAM,sBAAmB,oBAAA,CAAA,GAAA,CAAA;;;cAczE;;IAtIH,SAAA;IAAA,GAAA;EAAA,CAAA,EAsI4C,KAAA,CAAM,cAtIlD,CAAA,MAAA,CAAA,CAAA,EAsIwE,oBAAA,CAAA,GAAA,CAAA,OAtIxE;aAAmB,EAAA,MAAA;CAAA"}
|
package/dist/timeline.js
ADDED
|
@@ -0,0 +1,165 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
|
|
3
|
+
import { cn } from "./lib/utils.js";
|
|
4
|
+
import { cva } from "class-variance-authority";
|
|
5
|
+
import * as React from "react";
|
|
6
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
|
7
|
+
|
|
8
|
+
//#region src/components/timeline.tsx
|
|
9
|
+
const TimelineContext = React.createContext({ position: "left" });
|
|
10
|
+
const TimelineItemContext = React.createContext({ index: 0 });
|
|
11
|
+
const timelineVariants = cva("flex flex-col list-none m-0 p-0", {
|
|
12
|
+
variants: { position: {
|
|
13
|
+
left: "gap-6",
|
|
14
|
+
right: "gap-6",
|
|
15
|
+
alternate: "gap-0",
|
|
16
|
+
center: "gap-0"
|
|
17
|
+
} },
|
|
18
|
+
defaultVariants: { position: "left" }
|
|
19
|
+
});
|
|
20
|
+
const TimelineRoot = ({ className, position, children, ...props }) => {
|
|
21
|
+
const timelinePosition = position ?? "left";
|
|
22
|
+
const childrenWithIndex = React.Children.map(children, (child, index) => {
|
|
23
|
+
if (React.isValidElement(child)) return /* @__PURE__ */ jsx(TimelineItemContext.Provider, {
|
|
24
|
+
value: { index },
|
|
25
|
+
children: child
|
|
26
|
+
});
|
|
27
|
+
return child;
|
|
28
|
+
});
|
|
29
|
+
return /* @__PURE__ */ jsx(TimelineContext.Provider, {
|
|
30
|
+
value: { position: timelinePosition },
|
|
31
|
+
children: /* @__PURE__ */ jsx("ol", {
|
|
32
|
+
role: "list",
|
|
33
|
+
"data-slot": "timeline",
|
|
34
|
+
"data-position": timelinePosition,
|
|
35
|
+
className: cn(timelineVariants({ position: timelinePosition }), className),
|
|
36
|
+
...props,
|
|
37
|
+
children: childrenWithIndex
|
|
38
|
+
})
|
|
39
|
+
});
|
|
40
|
+
};
|
|
41
|
+
TimelineRoot.displayName = "TimelineRoot";
|
|
42
|
+
const TimelineItem = ({ className, children, ...props }) => {
|
|
43
|
+
const { position } = React.useContext(TimelineContext);
|
|
44
|
+
const { index } = React.useContext(TimelineItemContext);
|
|
45
|
+
const isRight = position === "right" || position === "alternate" && index % 2 === 1;
|
|
46
|
+
if (position === "center") {
|
|
47
|
+
const isEven = index % 2 === 0;
|
|
48
|
+
return /* @__PURE__ */ jsx("li", {
|
|
49
|
+
role: "listitem",
|
|
50
|
+
"data-slot": "timeline-item",
|
|
51
|
+
"data-position": isEven ? "left" : "right",
|
|
52
|
+
className: cn("relative m-0 grid grid-cols-[1fr_auto_1fr] gap-4 p-0", className),
|
|
53
|
+
...props,
|
|
54
|
+
children
|
|
55
|
+
});
|
|
56
|
+
}
|
|
57
|
+
return /* @__PURE__ */ jsx("li", {
|
|
58
|
+
role: "listitem",
|
|
59
|
+
"data-slot": "timeline-item",
|
|
60
|
+
"data-position": isRight ? "right" : "left",
|
|
61
|
+
className: cn("relative m-0 flex gap-4 p-0", position === "alternate" && "justify-center", isRight && "flex-row-reverse", className),
|
|
62
|
+
...props,
|
|
63
|
+
children
|
|
64
|
+
});
|
|
65
|
+
};
|
|
66
|
+
TimelineItem.displayName = "TimelineItem";
|
|
67
|
+
const timelineMarkerVariants = cva("relative z-10 flex size-6 shrink-0 items-center justify-center rounded-full", {
|
|
68
|
+
variants: { variant: {
|
|
69
|
+
default: "border border-border bg-background",
|
|
70
|
+
primary: "bg-primary text-white",
|
|
71
|
+
success: "bg-success text-white",
|
|
72
|
+
warning: "bg-warning text-white",
|
|
73
|
+
destructive: "bg-destructive text-white"
|
|
74
|
+
} },
|
|
75
|
+
defaultVariants: { variant: "default" }
|
|
76
|
+
});
|
|
77
|
+
const variantLabels = {
|
|
78
|
+
default: "Event",
|
|
79
|
+
primary: "Important",
|
|
80
|
+
success: "Completed",
|
|
81
|
+
warning: "Warning",
|
|
82
|
+
destructive: "Error"
|
|
83
|
+
};
|
|
84
|
+
const TimelineMarker = ({ className, variant, icon, children, ...props }) => {
|
|
85
|
+
const { position } = React.useContext(TimelineContext);
|
|
86
|
+
return /* @__PURE__ */ jsxs("div", {
|
|
87
|
+
className: cn("relative flex flex-col items-center", position === "center" && "justify-start"),
|
|
88
|
+
children: [children ? /* @__PURE__ */ jsx("div", {
|
|
89
|
+
"data-slot": "timeline-marker",
|
|
90
|
+
className: cn("relative z-10 flex shrink-0 items-center justify-center", className),
|
|
91
|
+
...props,
|
|
92
|
+
children
|
|
93
|
+
}) : /* @__PURE__ */ jsx("div", {
|
|
94
|
+
"data-slot": "timeline-marker",
|
|
95
|
+
className: cn(timelineMarkerVariants({ variant }), className),
|
|
96
|
+
"aria-label": variantLabels[variant ?? "default"],
|
|
97
|
+
role: "status",
|
|
98
|
+
...props,
|
|
99
|
+
children: icon ? /* @__PURE__ */ jsx("div", {
|
|
100
|
+
className: "flex size-3 items-center justify-center text-current",
|
|
101
|
+
children: icon
|
|
102
|
+
}) : /* @__PURE__ */ jsx("div", { className: cn("size-2 rounded-full bg-current") })
|
|
103
|
+
}), /* @__PURE__ */ jsx("div", {
|
|
104
|
+
className: "border-l border-border absolute -top-4 -bottom-4 left-1/2 -translate-x-1/2 [li:first-child_&]:top-6 [li:last-child_&]:bottom-auto [li:last-child_&]:h-full",
|
|
105
|
+
"data-slot": "timeline-line",
|
|
106
|
+
"aria-hidden": "true"
|
|
107
|
+
})]
|
|
108
|
+
});
|
|
109
|
+
};
|
|
110
|
+
TimelineMarker.displayName = "TimelineMarker";
|
|
111
|
+
const TimelineContent = ({ className, ...props }) => {
|
|
112
|
+
const { position } = React.useContext(TimelineContext);
|
|
113
|
+
const { index } = React.useContext(TimelineItemContext);
|
|
114
|
+
const isRight = position === "right" || position === "alternate" && index % 2 === 1;
|
|
115
|
+
if (position === "center") {
|
|
116
|
+
const isEven = index % 2 === 0;
|
|
117
|
+
return /* @__PURE__ */ jsx("div", {
|
|
118
|
+
"data-slot": "timeline-content",
|
|
119
|
+
className: cn("flex flex-col gap-1 pb-6", isEven ? "text-right" : "text-left", className),
|
|
120
|
+
...props
|
|
121
|
+
});
|
|
122
|
+
}
|
|
123
|
+
return /* @__PURE__ */ jsx("div", {
|
|
124
|
+
"data-slot": "timeline-content",
|
|
125
|
+
className: cn("flex flex-1 flex-col gap-1 pb-4", position === "alternate" && "w-1/2 pb-8", position === "alternate" && (isRight ? "text-right" : "text-left"), className),
|
|
126
|
+
...props
|
|
127
|
+
});
|
|
128
|
+
};
|
|
129
|
+
TimelineContent.displayName = "TimelineContent";
|
|
130
|
+
const TimelineSpacer = ({ className, ...props }) => {
|
|
131
|
+
return /* @__PURE__ */ jsx("div", {
|
|
132
|
+
"data-slot": "timeline-spacer",
|
|
133
|
+
className: cn("min-w-0 flex-1", className),
|
|
134
|
+
...props
|
|
135
|
+
});
|
|
136
|
+
};
|
|
137
|
+
TimelineSpacer.displayName = "TimelineSpacer";
|
|
138
|
+
const TimelineTitle = ({ className, ...props }) => {
|
|
139
|
+
return /* @__PURE__ */ jsx("p", {
|
|
140
|
+
"data-slot": "timeline-title",
|
|
141
|
+
className: cn("leading-none font-medium", className),
|
|
142
|
+
...props
|
|
143
|
+
});
|
|
144
|
+
};
|
|
145
|
+
TimelineTitle.displayName = "TimelineTitle";
|
|
146
|
+
const TimelineDescription = ({ className, ...props }) => {
|
|
147
|
+
return /* @__PURE__ */ jsx("p", {
|
|
148
|
+
"data-slot": "timeline-description",
|
|
149
|
+
className: cn("text-muted-foreground text-sm", className),
|
|
150
|
+
...props
|
|
151
|
+
});
|
|
152
|
+
};
|
|
153
|
+
TimelineDescription.displayName = "TimelineDescription";
|
|
154
|
+
const TimelineTime = ({ className, ...props }) => {
|
|
155
|
+
return /* @__PURE__ */ jsx("time", {
|
|
156
|
+
"data-slot": "timeline-time",
|
|
157
|
+
className: cn("text-muted-foreground text-xs", className),
|
|
158
|
+
...props
|
|
159
|
+
});
|
|
160
|
+
};
|
|
161
|
+
TimelineTime.displayName = "TimelineTime";
|
|
162
|
+
|
|
163
|
+
//#endregion
|
|
164
|
+
export { TimelineContent, TimelineDescription, TimelineItem, TimelineMarker, TimelineRoot, TimelineSpacer, TimelineTime, TimelineTitle };
|
|
165
|
+
//# sourceMappingURL=timeline.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"timeline.js","names":[],"sources":["../src/components/timeline.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// Context for position and index\n// ============================================\nconst TimelineContext = React.createContext<{\n position: 'left' | 'right' | 'alternate' | 'center'\n}>({\n position: 'left',\n})\n\nconst TimelineItemContext = React.createContext<{ index: number }>({ index: 0 })\n\n// ============================================\n// 1. TimelineRoot\n// ============================================\nconst timelineVariants = cva('flex flex-col list-none m-0 p-0', {\n variants: {\n position: {\n left: 'gap-6',\n right: 'gap-6',\n alternate: 'gap-0',\n center: 'gap-0',\n },\n },\n defaultVariants: {\n position: 'left',\n },\n})\n\ninterface TimelineRootProps\n extends React.ComponentProps<'ol'>, VariantProps<typeof timelineVariants> {}\n\nconst TimelineRoot = ({ className, position, children, ...props }: TimelineRootProps) => {\n const timelinePosition = position ?? 'left'\n\n // Wrap children to inject index for each TimelineItem\n // Non-element children (null, strings, etc.) are passed through unchanged\n const childrenWithIndex = React.Children.map(children, (child, index) => {\n if (React.isValidElement(child)) {\n return (\n <TimelineItemContext.Provider value={{ index }}>\n {child}\n </TimelineItemContext.Provider>\n )\n }\n return child\n })\n\n return (\n <TimelineContext.Provider value={{ position: timelinePosition }}>\n <ol\n role='list'\n data-slot='timeline'\n data-position={timelinePosition}\n className={cn(timelineVariants({ position: timelinePosition }), className)}\n {...props}\n >\n {childrenWithIndex}\n </ol>\n </TimelineContext.Provider>\n )\n}\nTimelineRoot.displayName = 'TimelineRoot'\n\n// ============================================\n// 2. TimelineItem\n// ============================================\nconst TimelineItem = ({ className, children, ...props }: React.ComponentProps<'li'>) => {\n const { position } = React.useContext(TimelineContext)\n const { index } = React.useContext(TimelineItemContext)\n\n // Determine if this item should be on the right side\n const isRight = position === 'right' || (position === 'alternate' && index % 2 === 1)\n\n // Center mode - special layout with line in the middle\n if (position === 'center') {\n const isEven = index % 2 === 0\n return (\n <li\n role='listitem'\n data-slot='timeline-item'\n data-position={isEven ? 'left' : 'right'}\n className={cn('relative m-0 grid grid-cols-[1fr_auto_1fr] gap-4 p-0', className)}\n {...props}\n >\n {children}\n </li>\n )\n }\n\n return (\n <li\n role='listitem'\n data-slot='timeline-item'\n data-position={isRight ? 'right' : 'left'}\n className={cn(\n 'relative m-0 flex gap-4 p-0',\n position === 'alternate' && 'justify-center',\n isRight && 'flex-row-reverse',\n className,\n )}\n {...props}\n >\n {children}\n </li>\n )\n}\nTimelineItem.displayName = 'TimelineItem'\n\n// ============================================\n// 3. TimelineMarker\n// ============================================\nconst timelineMarkerVariants = cva(\n 'relative z-10 flex size-6 shrink-0 items-center justify-center rounded-full',\n {\n variants: {\n variant: {\n default: 'border border-border bg-background',\n primary: 'bg-primary text-white',\n success: 'bg-success text-white',\n warning: 'bg-warning text-white',\n destructive: 'bg-destructive text-white',\n },\n },\n defaultVariants: {\n variant: 'default',\n },\n },\n)\n\nconst variantLabels = {\n default: 'Event',\n primary: 'Important',\n success: 'Completed',\n warning: 'Warning',\n destructive: 'Error',\n}\n\ninterface TimelineMarkerProps\n extends React.ComponentProps<'div'>, VariantProps<typeof timelineMarkerVariants> {\n icon?: React.ReactNode\n}\n\nconst TimelineMarker = ({\n className,\n variant,\n icon,\n children,\n ...props\n}: TimelineMarkerProps) => {\n const { position } = React.useContext(TimelineContext)\n\n return (\n <div\n className={cn(\n 'relative flex flex-col items-center',\n position === 'center' && 'justify-start',\n )}\n >\n {children ? (\n <div\n data-slot='timeline-marker'\n className={cn(\n 'relative z-10 flex shrink-0 items-center justify-center',\n className,\n )}\n {...props}\n >\n {children}\n </div>\n ) : (\n <div\n data-slot='timeline-marker'\n className={cn(timelineMarkerVariants({ variant }), className)}\n aria-label={variantLabels[variant ?? 'default']}\n role='status'\n {...props}\n >\n {icon ? (\n <div className='flex size-3 items-center justify-center text-current'>\n {icon}\n </div>\n ) : (\n <div className={cn('size-2 rounded-full bg-current')} />\n )}\n </div>\n )}\n {/* Line */}\n <div\n className='border-l border-border absolute -top-4 -bottom-4 left-1/2 -translate-x-1/2 [li:first-child_&]:top-6 [li:last-child_&]:bottom-auto [li:last-child_&]:h-full'\n data-slot='timeline-line'\n aria-hidden='true'\n />\n </div>\n )\n}\nTimelineMarker.displayName = 'TimelineMarker'\n\n// ============================================\n// 4. TimelineContent\n// ============================================\nconst TimelineContent = ({ className, ...props }: React.ComponentProps<'div'>) => {\n const { position } = React.useContext(TimelineContext)\n const { index } = React.useContext(TimelineItemContext)\n\n const isRight = position === 'right' || (position === 'alternate' && index % 2 === 1)\n\n // Center mode uses grid layout\n if (position === 'center') {\n const isEven = index % 2 === 0\n return (\n <div\n data-slot='timeline-content'\n className={cn(\n 'flex flex-col gap-1 pb-6',\n isEven ? 'text-right' : 'text-left',\n className,\n )}\n {...props}\n />\n )\n }\n\n return (\n <div\n data-slot='timeline-content'\n className={cn(\n 'flex flex-1 flex-col gap-1 pb-4',\n position === 'alternate' && 'w-1/2 pb-8',\n position === 'alternate' && (isRight ? 'text-right' : 'text-left'),\n className,\n )}\n {...props}\n />\n )\n}\nTimelineContent.displayName = 'TimelineContent'\n\n// ============================================\n// 5. TimelineSpacer\n// ============================================\nconst TimelineSpacer = ({ className, ...props }: React.ComponentProps<'div'>) => {\n return (\n <div\n data-slot='timeline-spacer'\n className={cn('min-w-0 flex-1', className)}\n {...props}\n />\n )\n}\nTimelineSpacer.displayName = 'TimelineSpacer'\n\n// ============================================\n// 6. TimelineTitle\n// ============================================\nconst TimelineTitle = ({ className, ...props }: React.ComponentProps<'p'>) => {\n return (\n <p\n data-slot='timeline-title'\n className={cn('leading-none font-medium', className)}\n {...props}\n />\n )\n}\nTimelineTitle.displayName = 'TimelineTitle'\n\n// ============================================\n// 7. TimelineDescription\n// ============================================\nconst TimelineDescription = ({ className, ...props }: React.ComponentProps<'p'>) => {\n return (\n <p\n data-slot='timeline-description'\n className={cn('text-muted-foreground text-sm', className)}\n {...props}\n />\n )\n}\nTimelineDescription.displayName = 'TimelineDescription'\n\n// ============================================\n// 8. TimelineTime\n// ============================================\nconst TimelineTime = ({ className, ...props }: React.ComponentProps<'time'>) => {\n return (\n <time\n data-slot='timeline-time'\n className={cn('text-muted-foreground text-xs', className)}\n {...props}\n />\n )\n}\nTimelineTime.displayName = 'TimelineTime'\n\n// ============================================\n// Export\n// ============================================\nexport {\n TimelineRoot,\n TimelineItem,\n TimelineMarker,\n TimelineContent,\n TimelineSpacer,\n TimelineTitle,\n TimelineDescription,\n TimelineTime,\n}\n\nexport type { TimelineRootProps, TimelineMarkerProps }\n"],"mappings":"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"}
|
package/dist/toast.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_runtime303 from "react/jsx-runtime";
|
|
4
4
|
import { Toast, Toast as Toast$1 } from "@base-ui/react/toast";
|
|
5
5
|
|
|
6
6
|
//#region src/components/toast.d.ts
|
|
7
7
|
type ToastProviderProps = React.ComponentProps<typeof Toast$1.Provider>;
|
|
8
8
|
declare const ToastProvider: {
|
|
9
|
-
(props: ToastProviderProps):
|
|
9
|
+
(props: ToastProviderProps): react_jsx_runtime303.JSX.Element;
|
|
10
10
|
displayName: string;
|
|
11
11
|
};
|
|
12
12
|
type ToastPosition = 'top-left' | 'top-center' | 'top-right' | 'bottom-left' | 'bottom-center' | 'bottom-right';
|
|
@@ -18,7 +18,7 @@ declare const ToastViewport: {
|
|
|
18
18
|
className,
|
|
19
19
|
position,
|
|
20
20
|
...props
|
|
21
|
-
}: ToastViewportProps):
|
|
21
|
+
}: ToastViewportProps): react_jsx_runtime303.JSX.Element;
|
|
22
22
|
displayName: string;
|
|
23
23
|
};
|
|
24
24
|
type ToastRootProps = React.ComponentProps<typeof Toast$1.Root>;
|
|
@@ -26,7 +26,7 @@ declare const ToastRoot: {
|
|
|
26
26
|
({
|
|
27
27
|
className,
|
|
28
28
|
...props
|
|
29
|
-
}: ToastRootProps):
|
|
29
|
+
}: ToastRootProps): react_jsx_runtime303.JSX.Element;
|
|
30
30
|
displayName: string;
|
|
31
31
|
};
|
|
32
32
|
type ToastContentProps = React.ComponentProps<typeof Toast$1.Content>;
|
|
@@ -34,7 +34,7 @@ declare const ToastContent: {
|
|
|
34
34
|
({
|
|
35
35
|
className,
|
|
36
36
|
...props
|
|
37
|
-
}: ToastContentProps):
|
|
37
|
+
}: ToastContentProps): react_jsx_runtime303.JSX.Element;
|
|
38
38
|
displayName: string;
|
|
39
39
|
};
|
|
40
40
|
type ToastTitleProps = React.ComponentProps<typeof Toast$1.Title>;
|
|
@@ -42,7 +42,7 @@ declare const ToastTitle: {
|
|
|
42
42
|
({
|
|
43
43
|
className,
|
|
44
44
|
...props
|
|
45
|
-
}: ToastTitleProps):
|
|
45
|
+
}: ToastTitleProps): react_jsx_runtime303.JSX.Element;
|
|
46
46
|
displayName: string;
|
|
47
47
|
};
|
|
48
48
|
type ToastDescriptionProps = React.ComponentProps<typeof Toast$1.Description>;
|
|
@@ -50,7 +50,7 @@ declare const ToastDescription: {
|
|
|
50
50
|
({
|
|
51
51
|
className,
|
|
52
52
|
...props
|
|
53
|
-
}: ToastDescriptionProps):
|
|
53
|
+
}: ToastDescriptionProps): react_jsx_runtime303.JSX.Element;
|
|
54
54
|
displayName: string;
|
|
55
55
|
};
|
|
56
56
|
type ToastActionProps = React.ComponentProps<typeof Toast$1.Action> & {
|
|
@@ -63,7 +63,7 @@ declare const ToastAction: {
|
|
|
63
63
|
variant,
|
|
64
64
|
size,
|
|
65
65
|
...props
|
|
66
|
-
}: ToastActionProps):
|
|
66
|
+
}: ToastActionProps): react_jsx_runtime303.JSX.Element;
|
|
67
67
|
displayName: string;
|
|
68
68
|
};
|
|
69
69
|
type ToastCloseProps = React.ComponentProps<typeof Toast$1.Close>;
|
|
@@ -71,7 +71,7 @@ declare const ToastClose: {
|
|
|
71
71
|
({
|
|
72
72
|
className,
|
|
73
73
|
...props
|
|
74
|
-
}: ToastCloseProps):
|
|
74
|
+
}: ToastCloseProps): react_jsx_runtime303.JSX.Element;
|
|
75
75
|
displayName: string;
|
|
76
76
|
};
|
|
77
77
|
type ToastPositionerProps = React.ComponentProps<typeof Toast$1.Positioner>;
|
|
@@ -79,7 +79,7 @@ declare const ToastPositioner: {
|
|
|
79
79
|
({
|
|
80
80
|
className,
|
|
81
81
|
...props
|
|
82
|
-
}: ToastPositionerProps):
|
|
82
|
+
}: ToastPositionerProps): react_jsx_runtime303.JSX.Element;
|
|
83
83
|
displayName: string;
|
|
84
84
|
};
|
|
85
85
|
//#endregion
|
package/dist/toggle-group.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { ControlSize, ControlVariant } from "./lib/control-variants.js";
|
|
2
2
|
import * as React from "react";
|
|
3
|
-
import * as
|
|
3
|
+
import * as react_jsx_runtime133 from "react/jsx-runtime";
|
|
4
4
|
import { Toggle } from "@base-ui/react/toggle";
|
|
5
5
|
import { ToggleGroup } from "@base-ui/react/toggle-group";
|
|
6
6
|
|
|
@@ -11,7 +11,7 @@ declare const ToggleGroupRoot: {
|
|
|
11
11
|
className,
|
|
12
12
|
orientation,
|
|
13
13
|
...props
|
|
14
|
-
}: ToggleGroupRootProps):
|
|
14
|
+
}: ToggleGroupRootProps): react_jsx_runtime133.JSX.Element;
|
|
15
15
|
displayName: string;
|
|
16
16
|
};
|
|
17
17
|
type ToggleGroupItemProps = React.ComponentProps<typeof Toggle> & {
|
|
@@ -26,7 +26,7 @@ declare const ToggleGroupItem: {
|
|
|
26
26
|
variant,
|
|
27
27
|
size,
|
|
28
28
|
...props
|
|
29
|
-
}: ToggleGroupItemProps):
|
|
29
|
+
}: ToggleGroupItemProps): react_jsx_runtime133.JSX.Element;
|
|
30
30
|
displayName: string;
|
|
31
31
|
};
|
|
32
32
|
//#endregion
|
package/dist/toggle.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { ControlSize, ControlVariant } from "./lib/control-variants.js";
|
|
2
2
|
import * as React from "react";
|
|
3
|
-
import * as
|
|
3
|
+
import * as react_jsx_runtime312 from "react/jsx-runtime";
|
|
4
4
|
import { Toggle as Toggle$1 } from "@base-ui/react/toggle";
|
|
5
5
|
|
|
6
6
|
//#region src/components/toggle.d.ts
|
|
@@ -16,7 +16,7 @@ declare const Toggle: {
|
|
|
16
16
|
variant,
|
|
17
17
|
size,
|
|
18
18
|
...props
|
|
19
|
-
}: ToggleProps):
|
|
19
|
+
}: ToggleProps): react_jsx_runtime312.JSX.Element;
|
|
20
20
|
displayName: string;
|
|
21
21
|
};
|
|
22
22
|
//#endregion
|
package/dist/toggle.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"toggle.d.ts","names":[],"sources":["../src/components/toggle.tsx"],"sourcesContent":[],"mappings":";;;;;;KAgBK,WAAA,GAAc,KAAA,CAAM,sBAAsB;;YAEnC;EAFP;EAAW,IAAA,CAAA,EAIP,WAJO;;cAOV,MAPmB,EAAA;;IAEb,SAAA;IAAA,OAAA;IAAA,IAAA;IAAA,GAAA;EAAA,CAAA,EAK4C,WAL5C,CAAA,EAKuD,
|
|
1
|
+
{"version":3,"file":"toggle.d.ts","names":[],"sources":["../src/components/toggle.tsx"],"sourcesContent":[],"mappings":";;;;;;KAgBK,WAAA,GAAc,KAAA,CAAM,sBAAsB;;YAEnC;EAFP;EAAW,IAAA,CAAA,EAIP,WAJO;;cAOV,MAPmB,EAAA;;IAEb,SAAA;IAAA,OAAA;IAAA,IAAA;IAAA,GAAA;EAAA,CAAA,EAK4C,WAL5C,CAAA,EAKuD,oBAAA,CAAA,GAAA,CAAA,OALvD;aAEH,EAAA,MAAA;CAAW"}
|