@causw/core 0.0.19 → 0.0.21
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/components/Avatar/Avatar.d.cts +2 -2
- package/dist/components/Avatar/Avatar.d.mts +2 -2
- package/dist/components/Avatar/Avatar.styles.d.cts +3 -3
- package/dist/components/Avatar/Avatar.styles.d.mts +3 -3
- package/dist/components/Avatar/Avatar.styles.d.mts.map +1 -1
- package/dist/components/BottomNavigation/BottomNavigation.cjs +8 -8
- package/dist/components/BottomNavigation/BottomNavigation.d.cts +9 -5
- package/dist/components/BottomNavigation/BottomNavigation.d.cts.map +1 -1
- package/dist/components/BottomNavigation/BottomNavigation.d.mts +9 -5
- package/dist/components/BottomNavigation/BottomNavigation.d.mts.map +1 -1
- package/dist/components/BottomNavigation/BottomNavigation.mjs +8 -8
- package/dist/components/BottomNavigation/BottomNavigation.mjs.map +1 -1
- package/dist/components/BottomNavigation/BottomNavigation.styles.cjs +1 -1
- package/dist/components/BottomNavigation/BottomNavigation.styles.d.mts +3 -3
- package/dist/components/BottomNavigation/BottomNavigation.styles.mjs +1 -1
- package/dist/components/BottomNavigation/BottomNavigation.styles.mjs.map +1 -1
- package/dist/components/BottomSheet/BottomSheet.d.cts +6 -6
- package/dist/components/BottomSheet/BottomSheet.d.mts +6 -6
- package/dist/components/BottomSheet/BottomSheet.styles.d.cts +3 -3
- package/dist/components/BottomSheet/BottomSheet.styles.d.mts +3 -3
- package/dist/components/Box/Box.styles.d.cts +3 -3
- package/dist/components/Button/Button.d.cts +2 -2
- package/dist/components/Button/Button.d.cts.map +1 -1
- package/dist/components/Button/Button.d.mts +2 -2
- package/dist/components/Button/Button.d.mts.map +1 -1
- package/dist/components/Button/Button.styles.d.cts +3 -3
- package/dist/components/Button/Button.styles.d.mts +3 -3
- package/dist/components/CTAButton/CTAButton.d.cts +2 -2
- package/dist/components/CTAButton/CTAButton.d.cts.map +1 -1
- package/dist/components/CTAButton/CTAButton.d.mts +2 -2
- package/dist/components/CTAButton/CTAButton.styles.d.cts +3 -3
- package/dist/components/CTAButton/CTAButton.styles.d.mts +3 -3
- package/dist/components/Calendar/Calendar.d.cts +2 -2
- package/dist/components/Calendar/Calendar.d.mts +2 -2
- package/dist/components/Calendar/Calendar.styles.d.cts +3 -3
- package/dist/components/Calendar/Calendar.styles.d.mts +3 -3
- package/dist/components/Checkbox/Checkbox.d.cts +4 -4
- package/dist/components/Checkbox/Checkbox.d.mts +4 -4
- package/dist/components/Checkbox/Checkbox.styles.d.cts +3 -3
- package/dist/components/Chip/Chip.d.cts +2 -2
- package/dist/components/Chip/Chip.d.mts +2 -2
- package/dist/components/Chip/Chip.styles.d.cts +3 -3
- package/dist/components/Chip/Chip.styles.d.mts +3 -3
- package/dist/components/DatePicker/DatePicker.d.cts +2 -2
- package/dist/components/DatePicker/DatePicker.d.cts.map +1 -1
- package/dist/components/DatePicker/DatePicker.d.mts +2 -2
- package/dist/components/DatePicker/DatePicker.styles.d.cts +3 -3
- package/dist/components/DatePicker/DatePicker.styles.d.cts.map +1 -1
- package/dist/components/DatePicker/DatePicker.styles.d.mts +3 -3
- package/dist/components/Dialog/Dialog.d.cts +5 -5
- package/dist/components/Dialog/Dialog.d.mts +5 -5
- package/dist/components/Dialog/Dialog.styles.d.cts +3 -3
- package/dist/components/Dialog/Dialog.styles.d.cts.map +1 -1
- package/dist/components/Dialog/Dialog.styles.d.mts +3 -3
- package/dist/components/Dialog/Dialog.styles.d.mts.map +1 -1
- package/dist/components/Dropdown/Dropdown.d.cts +3 -3
- package/dist/components/Dropdown/Dropdown.d.mts +3 -3
- package/dist/components/Dropdown/Dropdown.styles.d.cts +3 -3
- package/dist/components/Dropdown/Dropdown.styles.d.mts +3 -3
- package/dist/components/Field/Field.d.mts +5 -5
- package/dist/components/FloatingActionButton/FloatingActionButton.d.cts +2 -2
- package/dist/components/FloatingActionButton/FloatingActionButton.d.mts +2 -2
- package/dist/components/FloatingActionButton/FloatingActionButton.styles.d.mts +3 -3
- package/dist/components/Grid/Grid.styles.d.mts +3 -3
- package/dist/components/HStack/HStack.d.cts +2 -2
- package/dist/components/HStack/HStack.d.mts +2 -2
- package/dist/components/Modal/Modal.d.cts +7 -7
- package/dist/components/Modal/Modal.d.mts +10 -10
- package/dist/components/Modal/Modal.styles.d.mts +3 -3
- package/dist/components/Primitive/Primitive.d.cts +16 -16
- package/dist/components/Primitive/Primitive.d.mts +16 -16
- package/dist/components/PullToRefresh/PullToRefresh.d.cts +2 -2
- package/dist/components/PullToRefresh/PullToRefresh.d.mts +2 -2
- package/dist/components/PullToRefresh/PullToRefresh.styles.d.cts +3 -3
- package/dist/components/Radio/Radio.d.cts +3 -3
- package/dist/components/Radio/Radio.d.mts +3 -3
- package/dist/components/RatioChart/RatioChart.d.cts +5 -5
- package/dist/components/RatioChart/RatioChart.d.mts +5 -5
- package/dist/components/RatioChart/RatioChartEditor.d.cts +2 -2
- package/dist/components/RatioChart/RatioChartEditor.d.mts +2 -2
- package/dist/components/Select/Select.d.cts +5 -5
- package/dist/components/Select/Select.d.mts +5 -5
- package/dist/components/Select/Select.styles.d.cts +3 -3
- package/dist/components/Separator/Separator.styles.d.cts +3 -3
- package/dist/components/Separator/Separator.styles.d.cts.map +1 -1
- package/dist/components/Sidebar/Sidebar.d.cts +8 -8
- package/dist/components/Sidebar/Sidebar.d.mts +8 -8
- package/dist/components/Sidebar/Sidebar.styles.d.mts +3 -3
- package/dist/components/Skeleton/Skeleton.d.cts +2 -2
- package/dist/components/Skeleton/Skeleton.d.mts +2 -2
- package/dist/components/Skeleton/Skeleton.styles.d.mts +3 -3
- package/dist/components/Spacer/Spacer.styles.d.cts +3 -3
- package/dist/components/Spacer/Spacer.styles.d.cts.map +1 -1
- package/dist/components/Spinner/Spinner.d.cts +2 -2
- package/dist/components/Spinner/Spinner.d.mts +2 -2
- package/dist/components/Spinner/Spinner.styles.d.cts +3 -3
- package/dist/components/Stack/Stack.styles.d.cts +3 -3
- package/dist/components/Tab/Tab.d.cts +6 -6
- package/dist/components/Tab/Tab.d.mts +6 -6
- package/dist/components/Tab/Tab.styles.d.mts +3 -3
- package/dist/components/Text/Text.d.cts +1 -1
- package/dist/components/Text/Text.d.mts +1 -1
- package/dist/components/Text/Text.styles.d.cts +3 -3
- package/dist/components/TextArea/TextArea.d.cts +4 -4
- package/dist/components/TextArea/TextArea.d.mts +4 -4
- package/dist/components/TextArea/TextArea.styles.d.cts +3 -3
- package/dist/components/TextInput/TextInput.d.cts +2 -2
- package/dist/components/TextInput/TextInput.d.cts.map +1 -1
- package/dist/components/Toast/Toast.d.cts +3 -3
- package/dist/components/Toast/Toast.d.mts +5 -5
- package/dist/components/Toast/Toast.styles.d.cts +3 -3
- package/dist/components/Toast/Toaster.cjs +41 -0
- package/dist/components/Toast/Toaster.d.cts +7 -0
- package/dist/components/Toast/Toaster.d.cts.map +1 -0
- package/dist/components/Toast/Toaster.d.mts +7 -0
- package/dist/components/Toast/Toaster.d.mts.map +1 -0
- package/dist/components/Toast/Toaster.mjs +41 -0
- package/dist/components/Toast/Toaster.mjs.map +1 -0
- package/dist/components/Toast/index.d.cts +2 -1
- package/dist/components/Toast/index.d.mts +2 -1
- package/dist/components/Toast/toastStore.cjs +14 -3
- package/dist/components/Toast/toastStore.d.cts.map +1 -1
- package/dist/components/Toast/toastStore.d.mts.map +1 -1
- package/dist/components/Toast/toastStore.mjs +13 -4
- package/dist/components/Toast/toastStore.mjs.map +1 -1
- package/dist/components/Toggle/Toggle.d.cts +4 -4
- package/dist/components/Toggle/Toggle.d.mts +4 -4
- package/dist/components/Toggle/Toggle.d.mts.map +1 -1
- package/dist/components/Toggle/Toggle.styles.d.cts +3 -3
- package/dist/components/VStack/VStack.d.mts +2 -2
- package/dist/components/index.d.cts +1 -0
- package/dist/components/index.d.mts +1 -0
- package/dist/index.cjs +2 -0
- package/dist/index.d.cts +2 -1
- package/dist/index.d.mts +2 -1
- package/dist/index.mjs +2 -1
- package/package.json +1 -1
|
@@ -2,7 +2,7 @@ import { PrimitiveProps } from "../Primitive/Primitive.cjs";
|
|
|
2
2
|
import "../Primitive/index.cjs";
|
|
3
3
|
import { AvatarVariants } from "./Avatar.styles.cjs";
|
|
4
4
|
import * as React$1 from "react";
|
|
5
|
-
import * as
|
|
5
|
+
import * as react_jsx_runtime37 from "react/jsx-runtime";
|
|
6
6
|
|
|
7
7
|
//#region src/components/Avatar/Avatar.d.ts
|
|
8
8
|
interface AvatarProps extends Omit<React$1.ComponentPropsWithoutRef<'span'>, 'alt'>, PrimitiveProps, AvatarVariants {
|
|
@@ -18,7 +18,7 @@ declare const Avatar: {
|
|
|
18
18
|
className,
|
|
19
19
|
fallback,
|
|
20
20
|
...props
|
|
21
|
-
}: AvatarProps):
|
|
21
|
+
}: AvatarProps): react_jsx_runtime37.JSX.Element;
|
|
22
22
|
displayName: string;
|
|
23
23
|
};
|
|
24
24
|
//#endregion
|
|
@@ -2,7 +2,7 @@ import { PrimitiveProps } from "../Primitive/Primitive.mjs";
|
|
|
2
2
|
import "../Primitive/index.mjs";
|
|
3
3
|
import { AvatarVariants } from "./Avatar.styles.mjs";
|
|
4
4
|
import * as React$1 from "react";
|
|
5
|
-
import * as
|
|
5
|
+
import * as react_jsx_runtime20 from "react/jsx-runtime";
|
|
6
6
|
|
|
7
7
|
//#region src/components/Avatar/Avatar.d.ts
|
|
8
8
|
interface AvatarProps extends Omit<React$1.ComponentPropsWithoutRef<'span'>, 'alt'>, PrimitiveProps, AvatarVariants {
|
|
@@ -18,7 +18,7 @@ declare const Avatar: {
|
|
|
18
18
|
className,
|
|
19
19
|
fallback,
|
|
20
20
|
...props
|
|
21
|
-
}: AvatarProps):
|
|
21
|
+
}: AvatarProps): react_jsx_runtime20.JSX.Element;
|
|
22
22
|
displayName: string;
|
|
23
23
|
};
|
|
24
24
|
//#endregion
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as tailwind_variants17 from "tailwind-variants";
|
|
2
2
|
import { VariantProps } from "tailwind-variants";
|
|
3
3
|
|
|
4
4
|
//#region src/components/Avatar/Avatar.styles.d.ts
|
|
5
|
-
declare const avatar:
|
|
5
|
+
declare const avatar: tailwind_variants17.TVReturnType<{
|
|
6
6
|
size: {
|
|
7
7
|
xs: {
|
|
8
8
|
root: string;
|
|
@@ -46,7 +46,7 @@ declare const avatar: tailwind_variants21.TVReturnType<{
|
|
|
46
46
|
root: string;
|
|
47
47
|
image: string;
|
|
48
48
|
fallback: string;
|
|
49
|
-
},
|
|
49
|
+
}, tailwind_variants17.TVReturnType<{
|
|
50
50
|
size: {
|
|
51
51
|
xs: {
|
|
52
52
|
root: string;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as tailwind_variants7 from "tailwind-variants";
|
|
2
2
|
import { VariantProps } from "tailwind-variants";
|
|
3
3
|
|
|
4
4
|
//#region src/components/Avatar/Avatar.styles.d.ts
|
|
5
|
-
declare const avatar:
|
|
5
|
+
declare const avatar: tailwind_variants7.TVReturnType<{
|
|
6
6
|
size: {
|
|
7
7
|
xs: {
|
|
8
8
|
root: string;
|
|
@@ -46,7 +46,7 @@ declare const avatar: tailwind_variants15.TVReturnType<{
|
|
|
46
46
|
root: string;
|
|
47
47
|
image: string;
|
|
48
48
|
fallback: string;
|
|
49
|
-
},
|
|
49
|
+
}, tailwind_variants7.TVReturnType<{
|
|
50
50
|
size: {
|
|
51
51
|
xs: {
|
|
52
52
|
root: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Avatar.styles.d.mts","names":[],"sources":["../../../src/components/Avatar/Avatar.styles.ts"],"mappings":";;;;cAEa,MAAA,EA6BX,
|
|
1
|
+
{"version":3,"file":"Avatar.styles.d.mts","names":[],"sources":["../../../src/components/Avatar/Avatar.styles.ts"],"mappings":";;;;cAEa,MAAA,EA6BX,kBAAA,CA7BiB,YAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BjB,kBAAA,CAAA,YAAA;;;;;;;;;;;;;;;;;;;;;;;KAEU,cAAA,GAAiB,YAAA,QAAoB,MAAA"}
|
|
@@ -7,7 +7,7 @@ const require_useBottomNavigationContext = require('./hooks/useBottomNavigationC
|
|
|
7
7
|
let react_jsx_runtime = require("react/jsx-runtime");
|
|
8
8
|
|
|
9
9
|
//#region src/components/BottomNavigation/BottomNavigation.tsx
|
|
10
|
-
const BottomNavigationRoot = ({ children, selected, onSelectChange, ...props }) => {
|
|
10
|
+
const BottomNavigationRoot = ({ children, selected, onSelectChange, className, ...props }) => {
|
|
11
11
|
const { root } = require_BottomNavigation_styles.bottomNavigation();
|
|
12
12
|
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_useBottomNavigationContext.BottomNavigationContext.Provider, {
|
|
13
13
|
value: {
|
|
@@ -15,13 +15,13 @@ const BottomNavigationRoot = ({ children, selected, onSelectChange, ...props })
|
|
|
15
15
|
onSelectChange
|
|
16
16
|
},
|
|
17
17
|
children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Primitive.Primitive.nav, {
|
|
18
|
-
className: root(),
|
|
18
|
+
className: root({ className }),
|
|
19
19
|
...props,
|
|
20
20
|
children
|
|
21
21
|
})
|
|
22
22
|
});
|
|
23
23
|
};
|
|
24
|
-
const BottomNavigationItem = ({ selected, value, children, onClick, ...props }) => {
|
|
24
|
+
const BottomNavigationItem = ({ selected, value, className, children, onClick, ...props }) => {
|
|
25
25
|
const rootContext = require_useBottomNavigationContext.useBottomNavigationContext();
|
|
26
26
|
const isSelected = selected ?? (rootContext.selected !== void 0 && value !== void 0 ? rootContext.selected === value : false);
|
|
27
27
|
const { item } = require_BottomNavigation_styles.bottomNavigation({
|
|
@@ -36,14 +36,14 @@ const BottomNavigationItem = ({ selected, value, children, onClick, ...props })
|
|
|
36
36
|
value: { selected: isSelected },
|
|
37
37
|
children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Primitive.Primitive.button, {
|
|
38
38
|
type: "button",
|
|
39
|
-
className: item(),
|
|
39
|
+
className: item({ className }),
|
|
40
40
|
onClick: handleClick,
|
|
41
41
|
...props,
|
|
42
42
|
children
|
|
43
43
|
})
|
|
44
44
|
});
|
|
45
45
|
};
|
|
46
|
-
const BottomNavigationIcon = ({ children, selected, ...props }) => {
|
|
46
|
+
const BottomNavigationIcon = ({ children, selected, className, ...props }) => {
|
|
47
47
|
const itemContext = require_useBottomNavigationContext.useBottomNavigationItemContext();
|
|
48
48
|
const { icon } = require_BottomNavigation_styles.bottomNavigation({
|
|
49
49
|
selected: selected ?? itemContext.selected,
|
|
@@ -51,19 +51,19 @@ const BottomNavigationIcon = ({ children, selected, ...props }) => {
|
|
|
51
51
|
});
|
|
52
52
|
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Primitive.Primitive.svg, {
|
|
53
53
|
asChild: true,
|
|
54
|
-
className: icon(),
|
|
54
|
+
className: icon({ className }),
|
|
55
55
|
...props,
|
|
56
56
|
children
|
|
57
57
|
});
|
|
58
58
|
};
|
|
59
|
-
const BottomNavigationLabel = ({ children, selected, ...props }) => {
|
|
59
|
+
const BottomNavigationLabel = ({ children, selected, className, ...props }) => {
|
|
60
60
|
const itemContext = require_useBottomNavigationContext.useBottomNavigationItemContext();
|
|
61
61
|
const { label } = require_BottomNavigation_styles.bottomNavigation({
|
|
62
62
|
selected: selected ?? itemContext.selected,
|
|
63
63
|
...props
|
|
64
64
|
});
|
|
65
65
|
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Primitive.Primitive.span, {
|
|
66
|
-
className: label(),
|
|
66
|
+
className: label({ className }),
|
|
67
67
|
...props,
|
|
68
68
|
children
|
|
69
69
|
});
|
|
@@ -2,7 +2,7 @@ import { PrimitiveProps } from "../Primitive/Primitive.cjs";
|
|
|
2
2
|
import "../Primitive/index.cjs";
|
|
3
3
|
import { BottomNavigationVariants } from "./BottomNavigation.styles.cjs";
|
|
4
4
|
import { ComponentProps, SVGProps } from "react";
|
|
5
|
-
import * as
|
|
5
|
+
import * as react_jsx_runtime74 from "react/jsx-runtime";
|
|
6
6
|
|
|
7
7
|
//#region src/components/BottomNavigation/BottomNavigation.d.ts
|
|
8
8
|
interface BottomNavigationRootProps extends ComponentProps<'nav'>, PrimitiveProps {
|
|
@@ -24,25 +24,29 @@ declare const BottomNavigation: (({
|
|
|
24
24
|
children,
|
|
25
25
|
selected,
|
|
26
26
|
onSelectChange,
|
|
27
|
+
className,
|
|
27
28
|
...props
|
|
28
|
-
}: BottomNavigationRootProps) =>
|
|
29
|
+
}: BottomNavigationRootProps) => react_jsx_runtime74.JSX.Element) & {
|
|
29
30
|
Item: ({
|
|
30
31
|
selected,
|
|
31
32
|
value,
|
|
33
|
+
className,
|
|
32
34
|
children,
|
|
33
35
|
onClick,
|
|
34
36
|
...props
|
|
35
|
-
}: BottomNavigationItemProps) =>
|
|
37
|
+
}: BottomNavigationItemProps) => react_jsx_runtime74.JSX.Element;
|
|
36
38
|
Icon: ({
|
|
37
39
|
children,
|
|
38
40
|
selected,
|
|
41
|
+
className,
|
|
39
42
|
...props
|
|
40
|
-
}: BottomNavigationIconProps) =>
|
|
43
|
+
}: BottomNavigationIconProps) => react_jsx_runtime74.JSX.Element;
|
|
41
44
|
Label: ({
|
|
42
45
|
children,
|
|
43
46
|
selected,
|
|
47
|
+
className,
|
|
44
48
|
...props
|
|
45
|
-
}: BottomNavigationLabelProps) =>
|
|
49
|
+
}: BottomNavigationLabelProps) => react_jsx_runtime74.JSX.Element;
|
|
46
50
|
};
|
|
47
51
|
//#endregion
|
|
48
52
|
export { BottomNavigation };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BottomNavigation.d.cts","names":[],"sources":["../../../src/components/BottomNavigation/BottomNavigation.tsx"],"mappings":";;;;;;;UAgBiB,yBAAA,SACP,cAAA,SAAuB,cAAA;EAC/B,QAAA;EACA,cAAA,IAAkB,KAAA;AAAA;AAAA,
|
|
1
|
+
{"version":3,"file":"BottomNavigation.d.cts","names":[],"sources":["../../../src/components/BottomNavigation/BottomNavigation.tsx"],"mappings":";;;;;;;UAgBiB,yBAAA,SACP,cAAA,SAAuB,cAAA;EAC/B,QAAA;EACA,cAAA,IAAkB,KAAA;AAAA;AAAA,UAoBV,yBAAA,SAEN,cAAA,YACA,cAAA,EACA,IAAA,CAAK,wBAAA;EACP,KAAA;EACA,QAAA;EACA,QAAA,EAAU,KAAA,CAAM,SAAA;AAAA;AAAA,UA8CR,yBAAA,SACA,QAAA,CAAS,aAAA,GAAgB,cAAA,EAAgB,wBAAA;EACjD,QAAA,EAAU,KAAA,CAAM,SAAA;AAAA;AAAA,UAqBR,0BAAA,SACA,cAAA,UAAwB,cAAA,EAAgB,wBAAA;EAChD,QAAA,EAAU,KAAA,CAAM,SAAA;AAAA;AAAA,cAqBL,gBAAA;EAAgB,QAAA;EAAA,QAAA;EAAA,cAAA;EAAA,SAAA;EAAA,GAAA;AAAA,GA9G1B,yBAAA,KAAyB,mBAAA,CAAA,GAAA,CAAA,OAAA;;;;;;;;KA4BzB,yBAAA,KAAyB,mBAAA,CAAA,GAAA,CAAA,OAAA;;;;;;KA8CzB,yBAAA,KAAyB,mBAAA,CAAA,GAAA,CAAA,OAAA;;;;;;KAuBzB,0BAAA,KAA0B,mBAAA,CAAA,GAAA,CAAA,OAAA;AAAA"}
|
|
@@ -2,7 +2,7 @@ import { PrimitiveProps } from "../Primitive/Primitive.mjs";
|
|
|
2
2
|
import "../Primitive/index.mjs";
|
|
3
3
|
import { BottomNavigationVariants } from "./BottomNavigation.styles.mjs";
|
|
4
4
|
import { ComponentProps, SVGProps } from "react";
|
|
5
|
-
import * as
|
|
5
|
+
import * as react_jsx_runtime83 from "react/jsx-runtime";
|
|
6
6
|
|
|
7
7
|
//#region src/components/BottomNavigation/BottomNavigation.d.ts
|
|
8
8
|
interface BottomNavigationRootProps extends ComponentProps<'nav'>, PrimitiveProps {
|
|
@@ -24,25 +24,29 @@ declare const BottomNavigation: (({
|
|
|
24
24
|
children,
|
|
25
25
|
selected,
|
|
26
26
|
onSelectChange,
|
|
27
|
+
className,
|
|
27
28
|
...props
|
|
28
|
-
}: BottomNavigationRootProps) =>
|
|
29
|
+
}: BottomNavigationRootProps) => react_jsx_runtime83.JSX.Element) & {
|
|
29
30
|
Item: ({
|
|
30
31
|
selected,
|
|
31
32
|
value,
|
|
33
|
+
className,
|
|
32
34
|
children,
|
|
33
35
|
onClick,
|
|
34
36
|
...props
|
|
35
|
-
}: BottomNavigationItemProps) =>
|
|
37
|
+
}: BottomNavigationItemProps) => react_jsx_runtime83.JSX.Element;
|
|
36
38
|
Icon: ({
|
|
37
39
|
children,
|
|
38
40
|
selected,
|
|
41
|
+
className,
|
|
39
42
|
...props
|
|
40
|
-
}: BottomNavigationIconProps) =>
|
|
43
|
+
}: BottomNavigationIconProps) => react_jsx_runtime83.JSX.Element;
|
|
41
44
|
Label: ({
|
|
42
45
|
children,
|
|
43
46
|
selected,
|
|
47
|
+
className,
|
|
44
48
|
...props
|
|
45
|
-
}: BottomNavigationLabelProps) =>
|
|
49
|
+
}: BottomNavigationLabelProps) => react_jsx_runtime83.JSX.Element;
|
|
46
50
|
};
|
|
47
51
|
//#endregion
|
|
48
52
|
export { BottomNavigation };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BottomNavigation.d.mts","names":[],"sources":["../../../src/components/BottomNavigation/BottomNavigation.tsx"],"mappings":";;;;;;;UAgBiB,yBAAA,SACP,cAAA,SAAuB,cAAA;EAC/B,QAAA;EACA,cAAA,IAAkB,KAAA;AAAA;AAAA,
|
|
1
|
+
{"version":3,"file":"BottomNavigation.d.mts","names":[],"sources":["../../../src/components/BottomNavigation/BottomNavigation.tsx"],"mappings":";;;;;;;UAgBiB,yBAAA,SACP,cAAA,SAAuB,cAAA;EAC/B,QAAA;EACA,cAAA,IAAkB,KAAA;AAAA;AAAA,UAoBV,yBAAA,SAEN,cAAA,YACA,cAAA,EACA,IAAA,CAAK,wBAAA;EACP,KAAA;EACA,QAAA;EACA,QAAA,EAAU,KAAA,CAAM,SAAA;AAAA;AAAA,UA8CR,yBAAA,SACA,QAAA,CAAS,aAAA,GAAgB,cAAA,EAAgB,wBAAA;EACjD,QAAA,EAAU,KAAA,CAAM,SAAA;AAAA;AAAA,UAqBR,0BAAA,SACA,cAAA,UAAwB,cAAA,EAAgB,wBAAA;EAChD,QAAA,EAAU,KAAA,CAAM,SAAA;AAAA;AAAA,cAqBL,gBAAA;EAAgB,QAAA;EAAA,QAAA;EAAA,cAAA;EAAA,SAAA;EAAA,GAAA;AAAA,GA9G1B,yBAAA,KAAyB,mBAAA,CAAA,GAAA,CAAA,OAAA;;;;;;;;KA4BzB,yBAAA,KAAyB,mBAAA,CAAA,GAAA,CAAA,OAAA;;;;;;KA8CzB,yBAAA,KAAyB,mBAAA,CAAA,GAAA,CAAA,OAAA;;;;;;KAuBzB,0BAAA,KAA0B,mBAAA,CAAA,GAAA,CAAA,OAAA;AAAA"}
|
|
@@ -6,7 +6,7 @@ import { BottomNavigationContext, BottomNavigationItemContext, useBottomNavigati
|
|
|
6
6
|
import { jsx } from "react/jsx-runtime";
|
|
7
7
|
|
|
8
8
|
//#region src/components/BottomNavigation/BottomNavigation.tsx
|
|
9
|
-
const BottomNavigationRoot = ({ children, selected, onSelectChange, ...props }) => {
|
|
9
|
+
const BottomNavigationRoot = ({ children, selected, onSelectChange, className, ...props }) => {
|
|
10
10
|
const { root } = bottomNavigation();
|
|
11
11
|
return /* @__PURE__ */ jsx(BottomNavigationContext.Provider, {
|
|
12
12
|
value: {
|
|
@@ -14,13 +14,13 @@ const BottomNavigationRoot = ({ children, selected, onSelectChange, ...props })
|
|
|
14
14
|
onSelectChange
|
|
15
15
|
},
|
|
16
16
|
children: /* @__PURE__ */ jsx(Primitive.nav, {
|
|
17
|
-
className: root(),
|
|
17
|
+
className: root({ className }),
|
|
18
18
|
...props,
|
|
19
19
|
children
|
|
20
20
|
})
|
|
21
21
|
});
|
|
22
22
|
};
|
|
23
|
-
const BottomNavigationItem = ({ selected, value, children, onClick, ...props }) => {
|
|
23
|
+
const BottomNavigationItem = ({ selected, value, className, children, onClick, ...props }) => {
|
|
24
24
|
const rootContext = useBottomNavigationContext();
|
|
25
25
|
const isSelected = selected ?? (rootContext.selected !== void 0 && value !== void 0 ? rootContext.selected === value : false);
|
|
26
26
|
const { item } = bottomNavigation({
|
|
@@ -35,14 +35,14 @@ const BottomNavigationItem = ({ selected, value, children, onClick, ...props })
|
|
|
35
35
|
value: { selected: isSelected },
|
|
36
36
|
children: /* @__PURE__ */ jsx(Primitive.button, {
|
|
37
37
|
type: "button",
|
|
38
|
-
className: item(),
|
|
38
|
+
className: item({ className }),
|
|
39
39
|
onClick: handleClick,
|
|
40
40
|
...props,
|
|
41
41
|
children
|
|
42
42
|
})
|
|
43
43
|
});
|
|
44
44
|
};
|
|
45
|
-
const BottomNavigationIcon = ({ children, selected, ...props }) => {
|
|
45
|
+
const BottomNavigationIcon = ({ children, selected, className, ...props }) => {
|
|
46
46
|
const itemContext = useBottomNavigationItemContext();
|
|
47
47
|
const { icon } = bottomNavigation({
|
|
48
48
|
selected: selected ?? itemContext.selected,
|
|
@@ -50,19 +50,19 @@ const BottomNavigationIcon = ({ children, selected, ...props }) => {
|
|
|
50
50
|
});
|
|
51
51
|
return /* @__PURE__ */ jsx(Primitive.svg, {
|
|
52
52
|
asChild: true,
|
|
53
|
-
className: icon(),
|
|
53
|
+
className: icon({ className }),
|
|
54
54
|
...props,
|
|
55
55
|
children
|
|
56
56
|
});
|
|
57
57
|
};
|
|
58
|
-
const BottomNavigationLabel = ({ children, selected, ...props }) => {
|
|
58
|
+
const BottomNavigationLabel = ({ children, selected, className, ...props }) => {
|
|
59
59
|
const itemContext = useBottomNavigationItemContext();
|
|
60
60
|
const { label } = bottomNavigation({
|
|
61
61
|
selected: selected ?? itemContext.selected,
|
|
62
62
|
...props
|
|
63
63
|
});
|
|
64
64
|
return /* @__PURE__ */ jsx(Primitive.span, {
|
|
65
|
-
className: label(),
|
|
65
|
+
className: label({ className }),
|
|
66
66
|
...props,
|
|
67
67
|
children
|
|
68
68
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BottomNavigation.mjs","names":[],"sources":["../../../src/components/BottomNavigation/BottomNavigation.tsx"],"sourcesContent":["'use client';\n\nimport { ComponentProps, SVGProps } from 'react';\nimport {\n bottomNavigation,\n BottomNavigationVariants,\n} from './BottomNavigation.styles';\nimport { Primitive, PrimitiveProps } from '../Primitive';\n\nimport {\n BottomNavigationContext,\n useBottomNavigationContext,\n BottomNavigationItemContext,\n useBottomNavigationItemContext,\n} from './hooks/useBottomNavigationContext';\n\nexport interface BottomNavigationRootProps\n extends ComponentProps<'nav'>, PrimitiveProps {\n selected?: string;\n onSelectChange?: (value: string) => void;\n}\n\nconst BottomNavigationRoot = ({\n children,\n selected,\n onSelectChange,\n ...props\n}: BottomNavigationRootProps) => {\n const { root } = bottomNavigation();\n return (\n <BottomNavigationContext.Provider value={{ selected, onSelectChange }}>\n <Primitive.nav className={root()} {...props}>\n {children}\n </Primitive.nav>\n </BottomNavigationContext.Provider>\n );\n};\n\ninterface BottomNavigationItemProps\n extends\n ComponentProps<'button'>,\n PrimitiveProps,\n Omit<BottomNavigationVariants, 'selected'> {\n value?: string;\n selected?: boolean;\n children: React.ReactNode;\n}\n\nconst BottomNavigationItem = ({\n selected,\n value,\n children,\n onClick,\n ...props\n}: BottomNavigationItemProps) => {\n const rootContext = useBottomNavigationContext();\n\n const isSelected =\n selected ??\n (rootContext.selected !== undefined && value !== undefined\n ? rootContext.selected === value\n : false);\n\n const { item } = bottomNavigation({ selected: isSelected, ...props });\n\n const handleClick = (e: React.MouseEvent<HTMLButtonElement>) => {\n onClick?.(e);\n if (\n !e.defaultPrevented &&\n rootContext.onSelectChange &&\n value !== undefined\n ) {\n rootContext.onSelectChange(value);\n }\n };\n\n return (\n <BottomNavigationItemContext.Provider value={{ selected: isSelected }}>\n <Primitive.button\n type=\"button\"\n className={item()}\n onClick={handleClick}\n {...props}\n >\n {children}\n </Primitive.button>\n </BottomNavigationItemContext.Provider>\n );\n};\n\ninterface BottomNavigationIconProps\n extends SVGProps<SVGSVGElement>, PrimitiveProps, BottomNavigationVariants {\n children: React.ReactNode;\n}\n\nconst BottomNavigationIcon = ({\n children,\n selected,\n ...props\n}: BottomNavigationIconProps) => {\n const itemContext = useBottomNavigationItemContext();\n const isSelected = selected ?? itemContext.selected;\n\n const { icon } = bottomNavigation({ selected: isSelected, ...props });\n\n return (\n <Primitive.svg asChild className={icon()} {...props}>\n {children}\n </Primitive.svg>\n );\n};\n\ninterface BottomNavigationLabelProps\n extends ComponentProps<'span'>, PrimitiveProps, BottomNavigationVariants {\n children: React.ReactNode;\n}\n\nconst BottomNavigationLabel = ({\n children,\n selected,\n ...props\n}: BottomNavigationLabelProps) => {\n const itemContext = useBottomNavigationItemContext();\n const isSelected = selected ?? itemContext.selected;\n\n const { label } = bottomNavigation({ selected: isSelected, ...props });\n\n return (\n <Primitive.span className={label()} {...props}>\n {children}\n </Primitive.span>\n );\n};\n\nexport const BottomNavigation = Object.assign(BottomNavigationRoot, {\n Item: BottomNavigationItem,\n Icon: BottomNavigationIcon,\n Label: BottomNavigationLabel,\n});\n"],"mappings":";;;;;;;;AAsBA,MAAM,wBAAwB,EAC5B,UACA,UACA,gBACA,GAAG,YAC4B;CAC/B,MAAM,EAAE,SAAS,kBAAkB;AACnC,QACE,oBAAC,wBAAwB;EAAS,OAAO;GAAE;GAAU;GAAgB;YACnE,oBAAC,UAAU;GAAI,WAAW,
|
|
1
|
+
{"version":3,"file":"BottomNavigation.mjs","names":[],"sources":["../../../src/components/BottomNavigation/BottomNavigation.tsx"],"sourcesContent":["'use client';\n\nimport { ComponentProps, SVGProps } from 'react';\nimport {\n bottomNavigation,\n BottomNavigationVariants,\n} from './BottomNavigation.styles';\nimport { Primitive, PrimitiveProps } from '../Primitive';\n\nimport {\n BottomNavigationContext,\n useBottomNavigationContext,\n BottomNavigationItemContext,\n useBottomNavigationItemContext,\n} from './hooks/useBottomNavigationContext';\n\nexport interface BottomNavigationRootProps\n extends ComponentProps<'nav'>, PrimitiveProps {\n selected?: string;\n onSelectChange?: (value: string) => void;\n}\n\nconst BottomNavigationRoot = ({\n children,\n selected,\n onSelectChange,\n className,\n ...props\n}: BottomNavigationRootProps) => {\n const { root } = bottomNavigation();\n return (\n <BottomNavigationContext.Provider value={{ selected, onSelectChange }}>\n <Primitive.nav className={root({ className })} {...props}>\n {children}\n </Primitive.nav>\n </BottomNavigationContext.Provider>\n );\n};\n\ninterface BottomNavigationItemProps\n extends\n ComponentProps<'button'>,\n PrimitiveProps,\n Omit<BottomNavigationVariants, 'selected'> {\n value?: string;\n selected?: boolean;\n children: React.ReactNode;\n}\n\nconst BottomNavigationItem = ({\n selected,\n value,\n className,\n children,\n onClick,\n ...props\n}: BottomNavigationItemProps) => {\n const rootContext = useBottomNavigationContext();\n\n const isSelected =\n selected ??\n (rootContext.selected !== undefined && value !== undefined\n ? rootContext.selected === value\n : false);\n\n const { item } = bottomNavigation({ selected: isSelected, ...props });\n\n const handleClick = (e: React.MouseEvent<HTMLButtonElement>) => {\n onClick?.(e);\n if (\n !e.defaultPrevented &&\n rootContext.onSelectChange &&\n value !== undefined\n ) {\n rootContext.onSelectChange(value);\n }\n };\n\n return (\n <BottomNavigationItemContext.Provider value={{ selected: isSelected }}>\n <Primitive.button\n type=\"button\"\n className={item({ className })}\n onClick={handleClick}\n {...props}\n >\n {children}\n </Primitive.button>\n </BottomNavigationItemContext.Provider>\n );\n};\n\ninterface BottomNavigationIconProps\n extends SVGProps<SVGSVGElement>, PrimitiveProps, BottomNavigationVariants {\n children: React.ReactNode;\n}\n\nconst BottomNavigationIcon = ({\n children,\n selected,\n className,\n ...props\n}: BottomNavigationIconProps) => {\n const itemContext = useBottomNavigationItemContext();\n const isSelected = selected ?? itemContext.selected;\n\n const { icon } = bottomNavigation({ selected: isSelected, ...props });\n\n return (\n <Primitive.svg asChild className={icon({ className })} {...props}>\n {children}\n </Primitive.svg>\n );\n};\n\ninterface BottomNavigationLabelProps\n extends ComponentProps<'span'>, PrimitiveProps, BottomNavigationVariants {\n children: React.ReactNode;\n}\n\nconst BottomNavigationLabel = ({\n children,\n selected,\n className,\n ...props\n}: BottomNavigationLabelProps) => {\n const itemContext = useBottomNavigationItemContext();\n const isSelected = selected ?? itemContext.selected;\n\n const { label } = bottomNavigation({ selected: isSelected, ...props });\n\n return (\n <Primitive.span className={label({ className })} {...props}>\n {children}\n </Primitive.span>\n );\n};\n\nexport const BottomNavigation = Object.assign(BottomNavigationRoot, {\n Item: BottomNavigationItem,\n Icon: BottomNavigationIcon,\n Label: BottomNavigationLabel,\n});\n"],"mappings":";;;;;;;;AAsBA,MAAM,wBAAwB,EAC5B,UACA,UACA,gBACA,WACA,GAAG,YAC4B;CAC/B,MAAM,EAAE,SAAS,kBAAkB;AACnC,QACE,oBAAC,wBAAwB;EAAS,OAAO;GAAE;GAAU;GAAgB;YACnE,oBAAC,UAAU;GAAI,WAAW,KAAK,EAAE,WAAW,CAAC;GAAE,GAAI;GAChD;IACa;GACiB;;AAcvC,MAAM,wBAAwB,EAC5B,UACA,OACA,WACA,UACA,SACA,GAAG,YAC4B;CAC/B,MAAM,cAAc,4BAA4B;CAEhD,MAAM,aACJ,aACC,YAAY,aAAa,UAAa,UAAU,SAC7C,YAAY,aAAa,QACzB;CAEN,MAAM,EAAE,SAAS,iBAAiB;EAAE,UAAU;EAAY,GAAG;EAAO,CAAC;CAErE,MAAM,eAAe,MAA2C;AAC9D,YAAU,EAAE;AACZ,MACE,CAAC,EAAE,oBACH,YAAY,kBACZ,UAAU,OAEV,aAAY,eAAe,MAAM;;AAIrC,QACE,oBAAC,4BAA4B;EAAS,OAAO,EAAE,UAAU,YAAY;YACnE,oBAAC,UAAU;GACT,MAAK;GACL,WAAW,KAAK,EAAE,WAAW,CAAC;GAC9B,SAAS;GACT,GAAI;GAEH;IACgB;GACkB;;AAS3C,MAAM,wBAAwB,EAC5B,UACA,UACA,WACA,GAAG,YAC4B;CAC/B,MAAM,cAAc,gCAAgC;CAGpD,MAAM,EAAE,SAAS,iBAAiB;EAAE,UAFjB,YAAY,YAAY;EAEe,GAAG;EAAO,CAAC;AAErE,QACE,oBAAC,UAAU;EAAI;EAAQ,WAAW,KAAK,EAAE,WAAW,CAAC;EAAE,GAAI;EACxD;GACa;;AASpB,MAAM,yBAAyB,EAC7B,UACA,UACA,WACA,GAAG,YAC6B;CAChC,MAAM,cAAc,gCAAgC;CAGpD,MAAM,EAAE,UAAU,iBAAiB;EAAE,UAFlB,YAAY,YAAY;EAEgB,GAAG;EAAO,CAAC;AAEtE,QACE,oBAAC,UAAU;EAAK,WAAW,MAAM,EAAE,WAAW,CAAC;EAAE,GAAI;EAClD;GACc;;AAIrB,MAAa,mBAAmB,OAAO,OAAO,sBAAsB;CAClE,MAAM;CACN,MAAM;CACN,OAAO;CACR,CAAC"}
|
|
@@ -4,7 +4,7 @@ let tailwind_variants = require("tailwind-variants");
|
|
|
4
4
|
//#region src/components/BottomNavigation/BottomNavigation.styles.ts
|
|
5
5
|
const bottomNavigation = (0, tailwind_variants.tv)({
|
|
6
6
|
slots: {
|
|
7
|
-
root: "fixed right-0 bottom-0 left-0 z-sticky flex h-15 items-center justify-between border-t border-gray-200 px-12 py-2 pb-safe",
|
|
7
|
+
root: "fixed bg-white right-0 bottom-0 left-0 z-sticky flex h-15 items-center justify-between border-t border-gray-200 px-12 py-2 pb-safe",
|
|
8
8
|
item: "group flex flex-1 flex-col items-center justify-center gap-1 text-xs transition-colors",
|
|
9
9
|
icon: "w-5 h-5",
|
|
10
10
|
label: "typo-caption-12-semibold text-center"
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as tailwind_variants57 from "tailwind-variants";
|
|
2
2
|
import { VariantProps } from "tailwind-variants";
|
|
3
3
|
|
|
4
4
|
//#region src/components/BottomNavigation/BottomNavigation.styles.d.ts
|
|
5
|
-
declare const bottomNavigation:
|
|
5
|
+
declare const bottomNavigation: tailwind_variants57.TVReturnType<{
|
|
6
6
|
selected: {
|
|
7
7
|
true: {
|
|
8
8
|
icon: string;
|
|
@@ -34,7 +34,7 @@ declare const bottomNavigation: tailwind_variants47.TVReturnType<{
|
|
|
34
34
|
item: string;
|
|
35
35
|
icon: string;
|
|
36
36
|
label: string;
|
|
37
|
-
},
|
|
37
|
+
}, tailwind_variants57.TVReturnType<{
|
|
38
38
|
selected: {
|
|
39
39
|
true: {
|
|
40
40
|
icon: string;
|
|
@@ -3,7 +3,7 @@ import { tv } from "tailwind-variants";
|
|
|
3
3
|
//#region src/components/BottomNavigation/BottomNavigation.styles.ts
|
|
4
4
|
const bottomNavigation = tv({
|
|
5
5
|
slots: {
|
|
6
|
-
root: "fixed right-0 bottom-0 left-0 z-sticky flex h-15 items-center justify-between border-t border-gray-200 px-12 py-2 pb-safe",
|
|
6
|
+
root: "fixed bg-white right-0 bottom-0 left-0 z-sticky flex h-15 items-center justify-between border-t border-gray-200 px-12 py-2 pb-safe",
|
|
7
7
|
item: "group flex flex-1 flex-col items-center justify-center gap-1 text-xs transition-colors",
|
|
8
8
|
icon: "w-5 h-5",
|
|
9
9
|
label: "typo-caption-12-semibold text-center"
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BottomNavigation.styles.mjs","names":[],"sources":["../../../src/components/BottomNavigation/BottomNavigation.styles.ts"],"sourcesContent":["import { tv, VariantProps } from 'tailwind-variants';\n\nexport const bottomNavigation = tv({\n slots: {\n root: 'fixed right-0 bottom-0 left-0 z-sticky flex h-15 items-center justify-between border-t border-gray-200 px-12 py-2 pb-safe',\n item: 'group flex flex-1 flex-col items-center justify-center gap-1 text-xs transition-colors',\n icon: 'w-5 h-5',\n label: 'typo-caption-12-semibold text-center',\n },\n variants: {\n selected: {\n true: {\n icon: 'fill-gray-700',\n label: 'text-gray-600',\n },\n false: {\n icon: 'fill-gray-300 group-hover:fill-gray-500 group-active:fill-gray-500',\n label:\n 'text-gray-300 group-hover:text-gray-500 group-active:text-gray-500',\n },\n },\n },\n defaultVariants: {\n selected: false,\n },\n});\n\nexport type BottomNavigationVariants = VariantProps<typeof bottomNavigation>;\n"],"mappings":";;;AAEA,MAAa,mBAAmB,GAAG;CACjC,OAAO;EACL,MAAM;EACN,MAAM;EACN,MAAM;EACN,OAAO;EACR;CACD,UAAU,EACR,UAAU;EACR,MAAM;GACJ,MAAM;GACN,OAAO;GACR;EACD,OAAO;GACL,MAAM;GACN,OACE;GACH;EACF,EACF;CACD,iBAAiB,EACf,UAAU,OACX;CACF,CAAC"}
|
|
1
|
+
{"version":3,"file":"BottomNavigation.styles.mjs","names":[],"sources":["../../../src/components/BottomNavigation/BottomNavigation.styles.ts"],"sourcesContent":["import { tv, VariantProps } from 'tailwind-variants';\n\nexport const bottomNavigation = tv({\n slots: {\n root: 'fixed bg-white right-0 bottom-0 left-0 z-sticky flex h-15 items-center justify-between border-t border-gray-200 px-12 py-2 pb-safe',\n item: 'group flex flex-1 flex-col items-center justify-center gap-1 text-xs transition-colors',\n icon: 'w-5 h-5',\n label: 'typo-caption-12-semibold text-center',\n },\n variants: {\n selected: {\n true: {\n icon: 'fill-gray-700',\n label: 'text-gray-600',\n },\n false: {\n icon: 'fill-gray-300 group-hover:fill-gray-500 group-active:fill-gray-500',\n label:\n 'text-gray-300 group-hover:text-gray-500 group-active:text-gray-500',\n },\n },\n },\n defaultVariants: {\n selected: false,\n },\n});\n\nexport type BottomNavigationVariants = VariantProps<typeof bottomNavigation>;\n"],"mappings":";;;AAEA,MAAa,mBAAmB,GAAG;CACjC,OAAO;EACL,MAAM;EACN,MAAM;EACN,MAAM;EACN,OAAO;EACR;CACD,UAAU,EACR,UAAU;EACR,MAAM;GACJ,MAAM;GACN,OAAO;GACR;EACD,OAAO;GACL,MAAM;GACN,OACE;GACH;EACF,EACF;CACD,iBAAiB,EACf,UAAU,OACX;CACF,CAAC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { HeaderAlign } from "./BottomSheet.styles.cjs";
|
|
2
2
|
import React from "react";
|
|
3
|
-
import * as
|
|
3
|
+
import * as react_jsx_runtime79 from "react/jsx-runtime";
|
|
4
4
|
import * as _radix_ui_react_dialog0 from "@radix-ui/react-dialog";
|
|
5
5
|
import { Drawer } from "vaul";
|
|
6
6
|
|
|
@@ -19,7 +19,7 @@ declare const BottomSheet: {
|
|
|
19
19
|
defaultOpen,
|
|
20
20
|
onOpenChange,
|
|
21
21
|
headerAlign
|
|
22
|
-
}: BottomSheetRootProps):
|
|
22
|
+
}: BottomSheetRootProps): react_jsx_runtime79.JSX.Element;
|
|
23
23
|
displayName: string;
|
|
24
24
|
} & {
|
|
25
25
|
Trigger: React.ForwardRefExoticComponent<_radix_ui_react_dialog0.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
|
|
@@ -28,7 +28,7 @@ declare const BottomSheet: {
|
|
|
28
28
|
children,
|
|
29
29
|
className,
|
|
30
30
|
...props
|
|
31
|
-
}: React.ComponentProps<typeof Drawer.Content>):
|
|
31
|
+
}: React.ComponentProps<typeof Drawer.Content>): react_jsx_runtime79.JSX.Element;
|
|
32
32
|
displayName: string;
|
|
33
33
|
};
|
|
34
34
|
Header: {
|
|
@@ -38,7 +38,7 @@ declare const BottomSheet: {
|
|
|
38
38
|
}: {
|
|
39
39
|
title?: string;
|
|
40
40
|
className?: string;
|
|
41
|
-
}):
|
|
41
|
+
}): react_jsx_runtime79.JSX.Element;
|
|
42
42
|
displayName: string;
|
|
43
43
|
};
|
|
44
44
|
Body: {
|
|
@@ -50,7 +50,7 @@ declare const BottomSheet: {
|
|
|
50
50
|
children: React.ReactNode;
|
|
51
51
|
className?: string;
|
|
52
52
|
maxHeight?: string | number;
|
|
53
|
-
}):
|
|
53
|
+
}): react_jsx_runtime79.JSX.Element;
|
|
54
54
|
displayName: string;
|
|
55
55
|
};
|
|
56
56
|
Footer: {
|
|
@@ -60,7 +60,7 @@ declare const BottomSheet: {
|
|
|
60
60
|
}: {
|
|
61
61
|
children: React.ReactNode;
|
|
62
62
|
className?: string;
|
|
63
|
-
}):
|
|
63
|
+
}): react_jsx_runtime79.JSX.Element;
|
|
64
64
|
displayName: string;
|
|
65
65
|
};
|
|
66
66
|
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { HeaderAlign } from "./BottomSheet.styles.mjs";
|
|
2
2
|
import React from "react";
|
|
3
|
-
import * as
|
|
3
|
+
import * as react_jsx_runtime46 from "react/jsx-runtime";
|
|
4
4
|
import * as _radix_ui_react_dialog0 from "@radix-ui/react-dialog";
|
|
5
5
|
import { Drawer } from "vaul";
|
|
6
6
|
|
|
@@ -19,7 +19,7 @@ declare const BottomSheet: {
|
|
|
19
19
|
defaultOpen,
|
|
20
20
|
onOpenChange,
|
|
21
21
|
headerAlign
|
|
22
|
-
}: BottomSheetRootProps):
|
|
22
|
+
}: BottomSheetRootProps): react_jsx_runtime46.JSX.Element;
|
|
23
23
|
displayName: string;
|
|
24
24
|
} & {
|
|
25
25
|
Trigger: React.ForwardRefExoticComponent<_radix_ui_react_dialog0.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
|
|
@@ -28,7 +28,7 @@ declare const BottomSheet: {
|
|
|
28
28
|
children,
|
|
29
29
|
className,
|
|
30
30
|
...props
|
|
31
|
-
}: React.ComponentProps<typeof Drawer.Content>):
|
|
31
|
+
}: React.ComponentProps<typeof Drawer.Content>): react_jsx_runtime46.JSX.Element;
|
|
32
32
|
displayName: string;
|
|
33
33
|
};
|
|
34
34
|
Header: {
|
|
@@ -38,7 +38,7 @@ declare const BottomSheet: {
|
|
|
38
38
|
}: {
|
|
39
39
|
title?: string;
|
|
40
40
|
className?: string;
|
|
41
|
-
}):
|
|
41
|
+
}): react_jsx_runtime46.JSX.Element;
|
|
42
42
|
displayName: string;
|
|
43
43
|
};
|
|
44
44
|
Body: {
|
|
@@ -50,7 +50,7 @@ declare const BottomSheet: {
|
|
|
50
50
|
children: React.ReactNode;
|
|
51
51
|
className?: string;
|
|
52
52
|
maxHeight?: string | number;
|
|
53
|
-
}):
|
|
53
|
+
}): react_jsx_runtime46.JSX.Element;
|
|
54
54
|
displayName: string;
|
|
55
55
|
};
|
|
56
56
|
Footer: {
|
|
@@ -60,7 +60,7 @@ declare const BottomSheet: {
|
|
|
60
60
|
}: {
|
|
61
61
|
children: React.ReactNode;
|
|
62
62
|
className?: string;
|
|
63
|
-
}):
|
|
63
|
+
}): react_jsx_runtime46.JSX.Element;
|
|
64
64
|
displayName: string;
|
|
65
65
|
};
|
|
66
66
|
};
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as tailwind_variants49 from "tailwind-variants";
|
|
2
2
|
import { VariantProps } from "tailwind-variants";
|
|
3
3
|
|
|
4
4
|
//#region src/components/BottomSheet/BottomSheet.styles.d.ts
|
|
5
|
-
declare const bottomSheet:
|
|
5
|
+
declare const bottomSheet: tailwind_variants49.TVReturnType<{
|
|
6
6
|
headerAlign: {
|
|
7
7
|
left: {
|
|
8
8
|
header: string;
|
|
@@ -34,7 +34,7 @@ declare const bottomSheet: tailwind_variants53.TVReturnType<{
|
|
|
34
34
|
header: string;
|
|
35
35
|
body: string;
|
|
36
36
|
footer: string;
|
|
37
|
-
},
|
|
37
|
+
}, tailwind_variants49.TVReturnType<{
|
|
38
38
|
headerAlign: {
|
|
39
39
|
left: {
|
|
40
40
|
header: string;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as tailwind_variants47 from "tailwind-variants";
|
|
2
2
|
import { VariantProps } from "tailwind-variants";
|
|
3
3
|
|
|
4
4
|
//#region src/components/BottomSheet/BottomSheet.styles.d.ts
|
|
5
|
-
declare const bottomSheet:
|
|
5
|
+
declare const bottomSheet: tailwind_variants47.TVReturnType<{
|
|
6
6
|
headerAlign: {
|
|
7
7
|
left: {
|
|
8
8
|
header: string;
|
|
@@ -34,7 +34,7 @@ declare const bottomSheet: tailwind_variants49.TVReturnType<{
|
|
|
34
34
|
header: string;
|
|
35
35
|
body: string;
|
|
36
36
|
footer: string;
|
|
37
|
-
},
|
|
37
|
+
}, tailwind_variants47.TVReturnType<{
|
|
38
38
|
headerAlign: {
|
|
39
39
|
left: {
|
|
40
40
|
header: string;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as tailwind_variants5 from "tailwind-variants";
|
|
2
2
|
import { VariantProps } from "tailwind-variants";
|
|
3
3
|
|
|
4
4
|
//#region src/components/Box/Box.styles.d.ts
|
|
5
|
-
declare const box:
|
|
5
|
+
declare const box: tailwind_variants5.TVReturnType<{
|
|
6
6
|
padding: {
|
|
7
7
|
none: string;
|
|
8
8
|
xs: string;
|
|
@@ -66,7 +66,7 @@ declare const box: tailwind_variants0.TVReturnType<{
|
|
|
66
66
|
inverse: string;
|
|
67
67
|
transparent: string;
|
|
68
68
|
};
|
|
69
|
-
}, undefined,
|
|
69
|
+
}, undefined, tailwind_variants5.TVReturnType<{
|
|
70
70
|
padding: {
|
|
71
71
|
none: string;
|
|
72
72
|
xs: string;
|
|
@@ -2,7 +2,7 @@ import { PrimitiveProps } from "../Primitive/Primitive.cjs";
|
|
|
2
2
|
import "../Primitive/index.cjs";
|
|
3
3
|
import { ButtonVariants } from "./Button.styles.cjs";
|
|
4
4
|
import { ComponentProps } from "react";
|
|
5
|
-
import * as
|
|
5
|
+
import * as react_jsx_runtime18 from "react/jsx-runtime";
|
|
6
6
|
|
|
7
7
|
//#region src/components/Button/Button.d.ts
|
|
8
8
|
interface ButtonProps extends Omit<ComponentProps<'button'>, 'color'>, ButtonVariants, PrimitiveProps {}
|
|
@@ -14,7 +14,7 @@ declare function Button({
|
|
|
14
14
|
className,
|
|
15
15
|
children,
|
|
16
16
|
...props
|
|
17
|
-
}: ButtonProps):
|
|
17
|
+
}: ButtonProps): react_jsx_runtime18.JSX.Element;
|
|
18
18
|
//#endregion
|
|
19
19
|
export { Button, ButtonProps };
|
|
20
20
|
//# sourceMappingURL=Button.d.cts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.d.cts","names":[],"sources":["../../../src/components/Button/Button.tsx"],"mappings":";;;;;;;UAKiB,WAAA,SAEb,IAAA,CAAK,cAAA,sBACL,cAAA,EACA,cAAA;AAAA,iBAEY,MAAA,CAAA;EACd,IAAA;EACA,KAAA;EACA,SAAA;EACA,QAAA;EACA,SAAA;EACA,QAAA;EAAA,GACG;AAAA,GACF,WAAA,GAAW,
|
|
1
|
+
{"version":3,"file":"Button.d.cts","names":[],"sources":["../../../src/components/Button/Button.tsx"],"mappings":";;;;;;;UAKiB,WAAA,SAEb,IAAA,CAAK,cAAA,sBACL,cAAA,EACA,cAAA;AAAA,iBAEY,MAAA,CAAA;EACd,IAAA;EACA,KAAA;EACA,SAAA;EACA,QAAA;EACA,SAAA;EACA,QAAA;EAAA,GACG;AAAA,GACF,WAAA,GAAW,mBAAA,CAAA,GAAA,CAAA,OAAA"}
|
|
@@ -2,7 +2,7 @@ import { PrimitiveProps } from "../Primitive/Primitive.mjs";
|
|
|
2
2
|
import "../Primitive/index.mjs";
|
|
3
3
|
import { ButtonVariants } from "./Button.styles.mjs";
|
|
4
4
|
import { ComponentProps } from "react";
|
|
5
|
-
import * as
|
|
5
|
+
import * as react_jsx_runtime16 from "react/jsx-runtime";
|
|
6
6
|
|
|
7
7
|
//#region src/components/Button/Button.d.ts
|
|
8
8
|
interface ButtonProps extends Omit<ComponentProps<'button'>, 'color'>, ButtonVariants, PrimitiveProps {}
|
|
@@ -14,7 +14,7 @@ declare function Button({
|
|
|
14
14
|
className,
|
|
15
15
|
children,
|
|
16
16
|
...props
|
|
17
|
-
}: ButtonProps):
|
|
17
|
+
}: ButtonProps): react_jsx_runtime16.JSX.Element;
|
|
18
18
|
//#endregion
|
|
19
19
|
export { Button, ButtonProps };
|
|
20
20
|
//# sourceMappingURL=Button.d.mts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.d.mts","names":[],"sources":["../../../src/components/Button/Button.tsx"],"mappings":";;;;;;;UAKiB,WAAA,SAEb,IAAA,CAAK,cAAA,sBACL,cAAA,EACA,cAAA;AAAA,iBAEY,MAAA,CAAA;EACd,IAAA;EACA,KAAA;EACA,SAAA;EACA,QAAA;EACA,SAAA;EACA,QAAA;EAAA,GACG;AAAA,GACF,WAAA,GAAW,
|
|
1
|
+
{"version":3,"file":"Button.d.mts","names":[],"sources":["../../../src/components/Button/Button.tsx"],"mappings":";;;;;;;UAKiB,WAAA,SAEb,IAAA,CAAK,cAAA,sBACL,cAAA,EACA,cAAA;AAAA,iBAEY,MAAA,CAAA;EACd,IAAA;EACA,KAAA;EACA,SAAA;EACA,QAAA;EACA,SAAA;EACA,QAAA;EAAA,GACG;AAAA,GACF,WAAA,GAAW,mBAAA,CAAA,GAAA,CAAA,OAAA"}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as tailwind_variants39 from "tailwind-variants";
|
|
2
2
|
import { VariantProps } from "tailwind-variants";
|
|
3
3
|
|
|
4
4
|
//#region src/components/Button/Button.styles.d.ts
|
|
5
|
-
declare const button:
|
|
5
|
+
declare const button: tailwind_variants39.TVReturnType<{
|
|
6
6
|
size: {
|
|
7
7
|
sm: string;
|
|
8
8
|
md: string;
|
|
@@ -38,7 +38,7 @@ declare const button: tailwind_variants31.TVReturnType<{
|
|
|
38
38
|
true: string;
|
|
39
39
|
false: string;
|
|
40
40
|
};
|
|
41
|
-
}, undefined,
|
|
41
|
+
}, undefined, tailwind_variants39.TVReturnType<{
|
|
42
42
|
size: {
|
|
43
43
|
sm: string;
|
|
44
44
|
md: string;
|