panelui-native 0.4.0 → 0.5.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +16 -8
- package/lib/module/components/accordion/index.js +312 -0
- package/lib/module/components/accordion/index.js.map +1 -0
- package/lib/module/components/avatar/index.js +58 -17
- package/lib/module/components/avatar/index.js.map +1 -1
- package/lib/module/components/badge/index.js +26 -5
- package/lib/module/components/badge/index.js.map +1 -1
- package/lib/module/components/button/index.js +51 -19
- package/lib/module/components/button/index.js.map +1 -1
- package/lib/module/components/checkbox/index.js +42 -14
- package/lib/module/components/checkbox/index.js.map +1 -1
- package/lib/module/components/frame/index.js +64 -13
- package/lib/module/components/frame/index.js.map +1 -1
- package/lib/module/components/timeline/index.js +658 -0
- package/lib/module/components/timeline/index.js.map +1 -0
- package/lib/module/components/toast/index.js +145 -55
- package/lib/module/components/toast/index.js.map +1 -1
- package/lib/module/icons/index.js +388 -27
- package/lib/module/icons/index.js.map +1 -1
- package/lib/module/index.js +3 -1
- package/lib/module/index.js.map +1 -1
- package/lib/typescript/src/components/accordion/index.d.ts +56 -0
- package/lib/typescript/src/components/accordion/index.d.ts.map +1 -0
- package/lib/typescript/src/components/avatar/index.d.ts +8 -1
- package/lib/typescript/src/components/avatar/index.d.ts.map +1 -1
- package/lib/typescript/src/components/badge/index.d.ts +38 -0
- package/lib/typescript/src/components/badge/index.d.ts.map +1 -1
- package/lib/typescript/src/components/button/index.d.ts +18 -0
- package/lib/typescript/src/components/button/index.d.ts.map +1 -1
- package/lib/typescript/src/components/checkbox/index.d.ts +42 -0
- package/lib/typescript/src/components/checkbox/index.d.ts.map +1 -1
- package/lib/typescript/src/components/frame/index.d.ts +39 -5
- package/lib/typescript/src/components/frame/index.d.ts.map +1 -1
- package/lib/typescript/src/components/timeline/index.d.ts +96 -0
- package/lib/typescript/src/components/timeline/index.d.ts.map +1 -0
- package/lib/typescript/src/components/toast/index.d.ts.map +1 -1
- package/lib/typescript/src/icons/index.d.ts +38 -3
- package/lib/typescript/src/icons/index.d.ts.map +1 -1
- package/lib/typescript/src/index.d.ts +4 -2
- package/lib/typescript/src/index.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/components/accordion/index.tsx +344 -0
- package/src/components/avatar/index.tsx +68 -20
- package/src/components/badge/index.tsx +35 -6
- package/src/components/button/index.tsx +63 -20
- package/src/components/checkbox/index.tsx +49 -11
- package/src/components/frame/index.tsx +101 -31
- package/src/components/timeline/index.tsx +482 -0
- package/src/components/toast/index.tsx +166 -45
- package/src/icons/index.tsx +292 -27
- package/src/index.ts +38 -1
|
@@ -0,0 +1,56 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Accordion — collapsible sections.
|
|
3
|
+
*
|
|
4
|
+
* Adapted from: heroui-inc/heroui-native src/components/accordion/
|
|
5
|
+
* (the Item / Trigger / Indicator / Content anatomy, single vs multiple
|
|
6
|
+
* selection, the rotating chevron indicator, and layout-transition expand).
|
|
7
|
+
*
|
|
8
|
+
* Upstream ships `default` and `surface`; the extra variants here follow the
|
|
9
|
+
* same slot structure.
|
|
10
|
+
*/
|
|
11
|
+
import { type ReactNode } from 'react';
|
|
12
|
+
import { View, type Text as RNText, type ViewProps } from 'react-native';
|
|
13
|
+
import { type TextProps } from '../../primitives/text.js';
|
|
14
|
+
export type AccordionVariant = 'default' | 'surface' | 'separated' | 'bordered' | 'ghost';
|
|
15
|
+
export type AccordionSelectionMode = 'single' | 'multiple';
|
|
16
|
+
export interface AccordionProps extends ViewProps {
|
|
17
|
+
className?: string;
|
|
18
|
+
variant?: AccordionVariant;
|
|
19
|
+
/** `single` collapses the open item when another opens. */
|
|
20
|
+
selectionMode?: AccordionSelectionMode;
|
|
21
|
+
/** Expanded item value(s), controlled. */
|
|
22
|
+
value?: string | string[];
|
|
23
|
+
defaultValue?: string | string[];
|
|
24
|
+
onValueChange?: (value: string | string[]) => void;
|
|
25
|
+
/** Hide the hairlines drawn between items. */
|
|
26
|
+
hideSeparator?: boolean;
|
|
27
|
+
children?: ReactNode;
|
|
28
|
+
}
|
|
29
|
+
export interface AccordionItemProps extends ViewProps {
|
|
30
|
+
className?: string;
|
|
31
|
+
/** Identifies this item in the accordion's value. */
|
|
32
|
+
value: string;
|
|
33
|
+
isDisabled?: boolean;
|
|
34
|
+
children?: ReactNode;
|
|
35
|
+
}
|
|
36
|
+
export interface AccordionTriggerProps extends ViewProps {
|
|
37
|
+
className?: string;
|
|
38
|
+
children?: ReactNode;
|
|
39
|
+
}
|
|
40
|
+
export interface AccordionIndicatorProps extends ViewProps {
|
|
41
|
+
className?: string;
|
|
42
|
+
/** Replaces the default chevron. */
|
|
43
|
+
children?: ReactNode;
|
|
44
|
+
}
|
|
45
|
+
export interface AccordionContentProps extends ViewProps {
|
|
46
|
+
className?: string;
|
|
47
|
+
children?: ReactNode;
|
|
48
|
+
}
|
|
49
|
+
export declare const Accordion: import("react").ForwardRefExoticComponent<AccordionProps & import("react").RefAttributes<View>> & {
|
|
50
|
+
Item: import("react").ForwardRefExoticComponent<AccordionItemProps & import("react").RefAttributes<View>>;
|
|
51
|
+
Trigger: import("react").ForwardRefExoticComponent<AccordionTriggerProps & import("react").RefAttributes<View>>;
|
|
52
|
+
Title: import("react").ForwardRefExoticComponent<TextProps & import("react").RefAttributes<RNText>>;
|
|
53
|
+
Indicator: import("react").ForwardRefExoticComponent<AccordionIndicatorProps & import("react").RefAttributes<View>>;
|
|
54
|
+
Content: import("react").ForwardRefExoticComponent<AccordionContentProps & import("react").RefAttributes<View>>;
|
|
55
|
+
};
|
|
56
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/accordion/index.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AACH,OAAO,EASL,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AACf,OAAO,EAAa,IAAI,EAAE,KAAK,IAAI,IAAI,MAAM,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AASpF,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,0BAAuB,CAAC;AAE7D,MAAM,MAAM,gBAAgB,GACxB,SAAS,GACT,SAAS,GACT,WAAW,GACX,UAAU,GACV,OAAO,CAAC;AAEZ,MAAM,MAAM,sBAAsB,GAAG,QAAQ,GAAG,UAAU,CAAC;AA0E3D,MAAM,WAAW,cAAe,SAAQ,SAAS;IAC/C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,gBAAgB,CAAC;IAC3B,2DAA2D;IAC3D,aAAa,CAAC,EAAE,sBAAsB,CAAC;IACvC,0CAA0C;IAC1C,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAC1B,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IACjC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,KAAK,IAAI,CAAC;IACnD,8CAA8C;IAC9C,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AA0ED,MAAM,WAAW,kBAAmB,SAAQ,SAAS;IACnD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,qDAAqD;IACrD,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AA6BD,MAAM,WAAW,qBAAsB,SAAQ,SAAS;IACtD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AA8BD,MAAM,WAAW,uBAAwB,SAAQ,SAAS;IACxD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oCAAoC;IACpC,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AA4BD,MAAM,WAAW,qBAAsB,SAAQ,SAAS;IACtD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAmCD,eAAO,MAAM,SAAS;;;;;;CAMpB,CAAC"}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { type ReactNode } from 'react';
|
|
1
2
|
import { View, type ImageProps, type ImageSourcePropType, type ViewProps } from 'react-native';
|
|
2
3
|
import { type VariantProps } from 'tailwind-variants';
|
|
3
4
|
declare const avatarVariants: import("tailwind-variants").TVReturnType<{
|
|
@@ -78,6 +79,12 @@ export interface AvatarProps extends ViewProps, VariantProps<typeof avatarVarian
|
|
|
78
79
|
fallback?: string;
|
|
79
80
|
imageProps?: Omit<ImageProps, 'source'>;
|
|
80
81
|
}
|
|
81
|
-
export
|
|
82
|
+
export interface AvatarBadgeProps extends ViewProps {
|
|
83
|
+
className?: string;
|
|
84
|
+
children?: ReactNode;
|
|
85
|
+
}
|
|
86
|
+
export declare const Avatar: import("react").ForwardRefExoticComponent<AvatarProps & import("react").RefAttributes<View>> & {
|
|
87
|
+
Badge: import("react").ForwardRefExoticComponent<AvatarBadgeProps & import("react").RefAttributes<View>>;
|
|
88
|
+
};
|
|
82
89
|
export {};
|
|
83
90
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/avatar/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/avatar/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAwB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAC7D,OAAO,EAEL,IAAI,EACJ,KAAK,UAAU,EACf,KAAK,mBAAmB,EACxB,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AACtB,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAI1D,QAAA,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2CAiBlB,CAAC;AAEH,MAAM,WAAW,WAAY,SAAQ,SAAS,EAAE,YAAY,CAAC,OAAO,cAAc,CAAC;IACjF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0EAA0E;IAC1E,MAAM,CAAC,EAAE,mBAAmB,CAAC;IAC7B,2CAA2C;IAC3C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,IAAI,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAC;CACzC;AAgDD,MAAM,WAAW,gBAAiB,SAAQ,SAAS;IACjD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAwBD,eAAO,MAAM,MAAM;;CAEjB,CAAC"}
|
|
@@ -2,6 +2,17 @@ import { type ReactNode } from 'react';
|
|
|
2
2
|
import { View, type ViewProps } from 'react-native';
|
|
3
3
|
import { type VariantProps } from 'tailwind-variants';
|
|
4
4
|
declare const badgeVariants: import("tailwind-variants").TVReturnType<{
|
|
5
|
+
shape: {
|
|
6
|
+
default: {};
|
|
7
|
+
/** A bare status dot, no label. */
|
|
8
|
+
dot: {
|
|
9
|
+
root: string;
|
|
10
|
+
};
|
|
11
|
+
/** Circular, for a count sitting over an avatar or an icon. */
|
|
12
|
+
count: {
|
|
13
|
+
root: string;
|
|
14
|
+
};
|
|
15
|
+
};
|
|
5
16
|
variant: {
|
|
6
17
|
default: {
|
|
7
18
|
root: string;
|
|
@@ -36,6 +47,17 @@ declare const badgeVariants: import("tailwind-variants").TVReturnType<{
|
|
|
36
47
|
root: string;
|
|
37
48
|
label: string;
|
|
38
49
|
}, undefined, {
|
|
50
|
+
shape: {
|
|
51
|
+
default: {};
|
|
52
|
+
/** A bare status dot, no label. */
|
|
53
|
+
dot: {
|
|
54
|
+
root: string;
|
|
55
|
+
};
|
|
56
|
+
/** Circular, for a count sitting over an avatar or an icon. */
|
|
57
|
+
count: {
|
|
58
|
+
root: string;
|
|
59
|
+
};
|
|
60
|
+
};
|
|
39
61
|
variant: {
|
|
40
62
|
default: {
|
|
41
63
|
root: string;
|
|
@@ -70,6 +92,17 @@ declare const badgeVariants: import("tailwind-variants").TVReturnType<{
|
|
|
70
92
|
root: string;
|
|
71
93
|
label: string;
|
|
72
94
|
}, import("tailwind-variants").TVReturnType<{
|
|
95
|
+
shape: {
|
|
96
|
+
default: {};
|
|
97
|
+
/** A bare status dot, no label. */
|
|
98
|
+
dot: {
|
|
99
|
+
root: string;
|
|
100
|
+
};
|
|
101
|
+
/** Circular, for a count sitting over an avatar or an icon. */
|
|
102
|
+
count: {
|
|
103
|
+
root: string;
|
|
104
|
+
};
|
|
105
|
+
};
|
|
73
106
|
variant: {
|
|
74
107
|
default: {
|
|
75
108
|
root: string;
|
|
@@ -108,6 +141,11 @@ export interface BadgeProps extends ViewProps, VariantProps<typeof badgeVariants
|
|
|
108
141
|
children?: ReactNode;
|
|
109
142
|
className?: string;
|
|
110
143
|
labelClassName?: string;
|
|
144
|
+
/**
|
|
145
|
+
* Renders a number instead of children, clamped to "99+". Implies the
|
|
146
|
+
* `count` shape unless you set one.
|
|
147
|
+
*/
|
|
148
|
+
count?: number;
|
|
111
149
|
}
|
|
112
150
|
export declare const Badge: import("react").ForwardRefExoticComponent<BadgeProps & import("react").RefAttributes<View>>;
|
|
113
151
|
export {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/badge/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AACpD,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAG1D,QAAA,MAAM,aAAa
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/badge/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AACpD,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAG1D,QAAA,MAAM,aAAa;;;QAQb,mCAAmC;;;;QAEnC,+DAA+D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAF/D,mCAAmC;;;;QAEnC,+DAA+D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAF/D,mCAAmC;;;;QAEnC,+DAA+D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2CAiBnE,CAAC;AAKH,MAAM,WAAW,UACf,SAAQ,SAAS,EACf,YAAY,CAAC,OAAO,aAAa,CAAC;IACpC,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,eAAO,MAAM,KAAK,6FA2BjB,CAAC"}
|
|
@@ -29,6 +29,12 @@ declare const buttonVariants: import("tailwind-variants").TVReturnType<{
|
|
|
29
29
|
label: string;
|
|
30
30
|
spinner: string;
|
|
31
31
|
};
|
|
32
|
+
/** Neutral surface for third-party sign-in, sized for a full-width stack. */
|
|
33
|
+
social: {
|
|
34
|
+
root: string;
|
|
35
|
+
label: string;
|
|
36
|
+
spinner: string;
|
|
37
|
+
};
|
|
32
38
|
};
|
|
33
39
|
size: {
|
|
34
40
|
sm: {
|
|
@@ -88,6 +94,12 @@ declare const buttonVariants: import("tailwind-variants").TVReturnType<{
|
|
|
88
94
|
label: string;
|
|
89
95
|
spinner: string;
|
|
90
96
|
};
|
|
97
|
+
/** Neutral surface for third-party sign-in, sized for a full-width stack. */
|
|
98
|
+
social: {
|
|
99
|
+
root: string;
|
|
100
|
+
label: string;
|
|
101
|
+
spinner: string;
|
|
102
|
+
};
|
|
91
103
|
};
|
|
92
104
|
size: {
|
|
93
105
|
sm: {
|
|
@@ -147,6 +159,12 @@ declare const buttonVariants: import("tailwind-variants").TVReturnType<{
|
|
|
147
159
|
label: string;
|
|
148
160
|
spinner: string;
|
|
149
161
|
};
|
|
162
|
+
/** Neutral surface for third-party sign-in, sized for a full-width stack. */
|
|
163
|
+
social: {
|
|
164
|
+
root: string;
|
|
165
|
+
label: string;
|
|
166
|
+
spinner: string;
|
|
167
|
+
};
|
|
150
168
|
};
|
|
151
169
|
size: {
|
|
152
170
|
sm: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/button/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/button/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAE1D,OAAO,EAEL,KAAK,sBAAsB,EAC5B,MAAM,wCAAqC,CAAC;AAK7C,QAAA,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;QAiCd,6EAA6E;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAA7E,6EAA6E;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAA7E,6EAA6E;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2CAwBjF,CAAC;AAEH,KAAK,kBAAkB,GAAG,YAAY,CAAC,OAAO,cAAc,CAAC,CAAC;AAsB9D,MAAM,WAAW,WACf,SAAQ,IAAI,CAAC,sBAAsB,EAAE,UAAU,GAAG,UAAU,CAAC,EAC3D,IAAI,CAAC,kBAAkB,EAAE,UAAU,CAAC;IACtC,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,qEAAqE;IACrE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,iFAAiF;IACjF,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,wCAAwC;IACxC,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,6DAA6D;IAC7D,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,eAAO,MAAM,MAAM,8FAiElB,CAAC"}
|
|
@@ -1,6 +1,20 @@
|
|
|
1
1
|
import { View } from 'react-native';
|
|
2
2
|
import { type VariantProps } from 'tailwind-variants';
|
|
3
3
|
declare const checkboxVariants: import("tailwind-variants").TVReturnType<{
|
|
4
|
+
variant: {
|
|
5
|
+
default: {};
|
|
6
|
+
/**
|
|
7
|
+
* The whole surface is the target — for pickable options where the
|
|
8
|
+
* checkbox is a confirmation rather than the affordance itself.
|
|
9
|
+
*/
|
|
10
|
+
card: {
|
|
11
|
+
row: string;
|
|
12
|
+
label: string;
|
|
13
|
+
};
|
|
14
|
+
};
|
|
15
|
+
checked: {
|
|
16
|
+
true: {};
|
|
17
|
+
};
|
|
4
18
|
disabled: {
|
|
5
19
|
true: {
|
|
6
20
|
row: string;
|
|
@@ -14,6 +28,20 @@ declare const checkboxVariants: import("tailwind-variants").TVReturnType<{
|
|
|
14
28
|
label: string;
|
|
15
29
|
description: string;
|
|
16
30
|
}, undefined, {
|
|
31
|
+
variant: {
|
|
32
|
+
default: {};
|
|
33
|
+
/**
|
|
34
|
+
* The whole surface is the target — for pickable options where the
|
|
35
|
+
* checkbox is a confirmation rather than the affordance itself.
|
|
36
|
+
*/
|
|
37
|
+
card: {
|
|
38
|
+
row: string;
|
|
39
|
+
label: string;
|
|
40
|
+
};
|
|
41
|
+
};
|
|
42
|
+
checked: {
|
|
43
|
+
true: {};
|
|
44
|
+
};
|
|
17
45
|
disabled: {
|
|
18
46
|
true: {
|
|
19
47
|
row: string;
|
|
@@ -27,6 +55,20 @@ declare const checkboxVariants: import("tailwind-variants").TVReturnType<{
|
|
|
27
55
|
label: string;
|
|
28
56
|
description: string;
|
|
29
57
|
}, import("tailwind-variants").TVReturnType<{
|
|
58
|
+
variant: {
|
|
59
|
+
default: {};
|
|
60
|
+
/**
|
|
61
|
+
* The whole surface is the target — for pickable options where the
|
|
62
|
+
* checkbox is a confirmation rather than the affordance itself.
|
|
63
|
+
*/
|
|
64
|
+
card: {
|
|
65
|
+
row: string;
|
|
66
|
+
label: string;
|
|
67
|
+
};
|
|
68
|
+
};
|
|
69
|
+
checked: {
|
|
70
|
+
true: {};
|
|
71
|
+
};
|
|
30
72
|
disabled: {
|
|
31
73
|
true: {
|
|
32
74
|
row: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/checkbox/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAa,IAAI,EAAE,MAAM,cAAc,CAAC;AAO/C,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAK1D,QAAA,MAAM,gBAAgB
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/checkbox/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAa,IAAI,EAAE,MAAM,cAAc,CAAC;AAO/C,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAK1D,QAAA,MAAM,gBAAgB;;;QAYhB;;;WAGG;;;;;;;;;;;;;;;;;;;;;;;;QAHH;;;WAGG;;;;;;;;;;;;;;;;;;;;;;;;QAHH;;;WAGG;;;;;;;;;;;;;;;;;;;;;2CAuBP,CAAC;AAEH,MAAM,WAAW,aAAc,SAAQ,YAAY,CAAC,OAAO,gBAAgB,CAAC;IAC1E,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,OAAO,CAAC;IACjB,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAC7C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,yEAAyE;IACzE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,yDAAyD;IACzD,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,QAAQ,gGAgEpB,CAAC"}
|
|
@@ -1,8 +1,38 @@
|
|
|
1
|
-
|
|
1
|
+
/**
|
|
2
|
+
* Frame — a widget shell: a titled surface wrapping an inset panel of rows,
|
|
3
|
+
* with an optional action on the header row and a caption underneath.
|
|
4
|
+
*
|
|
5
|
+
* Layout follows the nested-radius rule (inner radius = outer radius minus the
|
|
6
|
+
* gap between them), which is why the panel is `rounded-xl` inside a
|
|
7
|
+
* `rounded-2xl` shell. Since v0.4.0 the radius scale is theme-scoped, so this
|
|
8
|
+
* relationship holds while the absolute values change per theme.
|
|
9
|
+
*
|
|
10
|
+
* ```tsx
|
|
11
|
+
* <Frame>
|
|
12
|
+
* <Frame.Header>
|
|
13
|
+
* <Frame.Title>Usage Type</Frame.Title>
|
|
14
|
+
* <Frame.Action>Amount</Frame.Action>
|
|
15
|
+
* </Frame.Header>
|
|
16
|
+
* <Frame.Panel>
|
|
17
|
+
* <Frame.Row>…</Frame.Row>
|
|
18
|
+
* <Frame.Row divided>…</Frame.Row>
|
|
19
|
+
* </Frame.Panel>
|
|
20
|
+
* <Frame.Footer>Updated 2 minutes ago</Frame.Footer>
|
|
21
|
+
* </Frame>
|
|
22
|
+
* ```
|
|
23
|
+
*/
|
|
24
|
+
import { type ReactNode } from 'react';
|
|
25
|
+
import { View, type Text as RNText, type ViewProps } from 'react-native';
|
|
2
26
|
import { type TextProps } from '../../primitives/text.js';
|
|
3
27
|
export interface FrameProps extends ViewProps {
|
|
4
28
|
className?: string;
|
|
5
29
|
}
|
|
30
|
+
export interface FrameHeaderProps extends FrameProps {
|
|
31
|
+
children?: ReactNode;
|
|
32
|
+
}
|
|
33
|
+
export interface FrameActionProps extends FrameProps {
|
|
34
|
+
children?: ReactNode;
|
|
35
|
+
}
|
|
6
36
|
/**
|
|
7
37
|
* A row inside a Frame.Panel. Pass `divided` on every row after the first to
|
|
8
38
|
* draw a hairline separator above it (React Native has no :first-child).
|
|
@@ -10,12 +40,16 @@ export interface FrameProps extends ViewProps {
|
|
|
10
40
|
export interface FrameRowProps extends FrameProps {
|
|
11
41
|
divided?: boolean;
|
|
12
42
|
}
|
|
43
|
+
export interface FrameFooterProps extends FrameProps {
|
|
44
|
+
children?: ReactNode;
|
|
45
|
+
}
|
|
13
46
|
export declare const Frame: import("react").ForwardRefExoticComponent<FrameProps & import("react").RefAttributes<View>> & {
|
|
14
|
-
Header: import("react").ForwardRefExoticComponent<
|
|
15
|
-
Title: import("react").ForwardRefExoticComponent<TextProps & import("react").RefAttributes<
|
|
16
|
-
|
|
47
|
+
Header: import("react").ForwardRefExoticComponent<FrameHeaderProps & import("react").RefAttributes<View>>;
|
|
48
|
+
Title: import("react").ForwardRefExoticComponent<TextProps & import("react").RefAttributes<RNText>>;
|
|
49
|
+
Action: import("react").ForwardRefExoticComponent<FrameActionProps & import("react").RefAttributes<View>>;
|
|
50
|
+
Description: import("react").ForwardRefExoticComponent<TextProps & import("react").RefAttributes<RNText>>;
|
|
17
51
|
Panel: import("react").ForwardRefExoticComponent<FrameProps & import("react").RefAttributes<View>>;
|
|
18
52
|
Row: import("react").ForwardRefExoticComponent<FrameRowProps & import("react").RefAttributes<View>>;
|
|
19
|
-
Footer: import("react").ForwardRefExoticComponent<
|
|
53
|
+
Footer: import("react").ForwardRefExoticComponent<FrameFooterProps & import("react").RefAttributes<View>>;
|
|
20
54
|
};
|
|
21
55
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/frame/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/frame/index.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,OAAO,EAAc,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,IAAI,EAAE,KAAK,IAAI,IAAI,MAAM,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AACzE,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,0BAAuB,CAAC;AAG7D,MAAM,WAAW,UAAW,SAAQ,SAAS;IAC3C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAWD,MAAM,WAAW,gBAAiB,SAAQ,UAAU;IAClD,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AA+BD,MAAM,WAAW,gBAAiB,SAAQ,UAAU;IAClD,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AA0CD;;;GAGG;AACH,MAAM,WAAW,aAAc,SAAQ,UAAU;IAC/C,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAiBD,MAAM,WAAW,gBAAiB,SAAQ,UAAU;IAClD,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAsBD,eAAO,MAAM,KAAK;;;;;;;;CAQhB,CAAC"}
|
|
@@ -0,0 +1,96 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Timeline — a vertical sequence of events.
|
|
3
|
+
*
|
|
4
|
+
* Adapted from: origin-space/originui apps/origin/registry/default/ui/timeline.tsx
|
|
5
|
+
* (the Item / Indicator / Separator / Header / Date / Title / Content anatomy
|
|
6
|
+
* and the completed-up-to-active state rule), shaped to match this repo's
|
|
7
|
+
* `Steps` component so the two read as siblings.
|
|
8
|
+
*
|
|
9
|
+
* Upstream drives styling through `data-*` attributes, which React Native has
|
|
10
|
+
* no equivalent for; state is resolved in JS and passed through context into
|
|
11
|
+
* `tv()` variants instead.
|
|
12
|
+
*
|
|
13
|
+
* Vertical only — a horizontal timeline gives each item roughly a fifth of a
|
|
14
|
+
* phone's width, which is not enough for a date and a title.
|
|
15
|
+
*
|
|
16
|
+
* ```tsx
|
|
17
|
+
* <Timeline variant="icon" value={2}>
|
|
18
|
+
* <Timeline.Item step={0} tone="info">
|
|
19
|
+
* <Timeline.Aside>
|
|
20
|
+
* <Timeline.Date>09:12</Timeline.Date>
|
|
21
|
+
* <Timeline.Label>Design</Timeline.Label>
|
|
22
|
+
* </Timeline.Aside>
|
|
23
|
+
* <Timeline.Indicator><SendIcon /></Timeline.Indicator>
|
|
24
|
+
* <Timeline.Content>
|
|
25
|
+
* <Timeline.Header>
|
|
26
|
+
* <Timeline.Title>Checkout language approved</Timeline.Title>
|
|
27
|
+
* <Timeline.Trailing>10:18</Timeline.Trailing>
|
|
28
|
+
* </Timeline.Header>
|
|
29
|
+
* <Timeline.Description>…</Timeline.Description>
|
|
30
|
+
* </Timeline.Content>
|
|
31
|
+
* </Timeline.Item>
|
|
32
|
+
* </Timeline>
|
|
33
|
+
* ```
|
|
34
|
+
*/
|
|
35
|
+
import { type ReactNode } from 'react';
|
|
36
|
+
import { View, type Text as RNText, type ViewProps } from 'react-native';
|
|
37
|
+
import { type TextProps } from '../../primitives/text.js';
|
|
38
|
+
export type TimelineVariant = 'dot' | 'icon' | 'numbered' | 'card' | 'compact';
|
|
39
|
+
/** Semantic colour for a single event, independent of progress. */
|
|
40
|
+
export type TimelineTone = 'default' | 'info' | 'success' | 'warning' | 'danger';
|
|
41
|
+
export interface TimelineProps extends ViewProps {
|
|
42
|
+
className?: string;
|
|
43
|
+
/** Steps at or below this index render as completed. */
|
|
44
|
+
value?: number;
|
|
45
|
+
variant?: TimelineVariant;
|
|
46
|
+
children?: ReactNode;
|
|
47
|
+
}
|
|
48
|
+
export interface TimelineItemProps extends ViewProps {
|
|
49
|
+
className?: string;
|
|
50
|
+
/** Position in the sequence, zero-based. */
|
|
51
|
+
step: number;
|
|
52
|
+
/** Force the completed state regardless of the timeline's value. */
|
|
53
|
+
completed?: boolean;
|
|
54
|
+
/** Colours the node and label — for event kind rather than progress. */
|
|
55
|
+
tone?: TimelineTone;
|
|
56
|
+
/** Set on the final item so its rail stops at the indicator. */
|
|
57
|
+
last?: boolean;
|
|
58
|
+
children?: ReactNode;
|
|
59
|
+
}
|
|
60
|
+
export interface TimelineIndicatorProps extends ViewProps {
|
|
61
|
+
className?: string;
|
|
62
|
+
/** Replaces the default node contents — an icon, say. */
|
|
63
|
+
children?: ReactNode;
|
|
64
|
+
}
|
|
65
|
+
export interface TimelineStatProps extends ViewProps {
|
|
66
|
+
className?: string;
|
|
67
|
+
label: string;
|
|
68
|
+
value: string;
|
|
69
|
+
}
|
|
70
|
+
export declare const Timeline: import("react").ForwardRefExoticComponent<TimelineProps & import("react").RefAttributes<View>> & {
|
|
71
|
+
Item: import("react").ForwardRefExoticComponent<TimelineItemProps & import("react").RefAttributes<View>>;
|
|
72
|
+
Aside: import("react").ForwardRefExoticComponent<ViewProps & {
|
|
73
|
+
className?: string;
|
|
74
|
+
} & import("react").RefAttributes<View>>;
|
|
75
|
+
Indicator: import("react").ForwardRefExoticComponent<TimelineIndicatorProps & import("react").RefAttributes<View>>;
|
|
76
|
+
Content: import("react").ForwardRefExoticComponent<ViewProps & {
|
|
77
|
+
className?: string;
|
|
78
|
+
} & import("react").RefAttributes<View>>;
|
|
79
|
+
Header: import("react").ForwardRefExoticComponent<ViewProps & {
|
|
80
|
+
className?: string;
|
|
81
|
+
} & import("react").RefAttributes<View>>;
|
|
82
|
+
Heading: import("react").ForwardRefExoticComponent<ViewProps & {
|
|
83
|
+
className?: string;
|
|
84
|
+
} & import("react").RefAttributes<View>>;
|
|
85
|
+
Date: import("react").ForwardRefExoticComponent<TextProps & import("react").RefAttributes<RNText>>;
|
|
86
|
+
Label: import("react").ForwardRefExoticComponent<TextProps & import("react").RefAttributes<RNText>>;
|
|
87
|
+
Meta: import("react").ForwardRefExoticComponent<TextProps & import("react").RefAttributes<RNText>>;
|
|
88
|
+
Title: import("react").ForwardRefExoticComponent<TextProps & import("react").RefAttributes<RNText>>;
|
|
89
|
+
Trailing: import("react").ForwardRefExoticComponent<TextProps & import("react").RefAttributes<RNText>>;
|
|
90
|
+
Description: import("react").ForwardRefExoticComponent<TextProps & import("react").RefAttributes<RNText>>;
|
|
91
|
+
Stats: import("react").ForwardRefExoticComponent<ViewProps & {
|
|
92
|
+
className?: string;
|
|
93
|
+
} & import("react").RefAttributes<View>>;
|
|
94
|
+
Stat: import("react").ForwardRefExoticComponent<TimelineStatProps & import("react").RefAttributes<View>>;
|
|
95
|
+
};
|
|
96
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/timeline/index.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AACH,OAAO,EAKL,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,IAAI,EAAE,KAAK,IAAI,IAAI,MAAM,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAIzE,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,0BAAuB,CAAC;AAE7D,MAAM,MAAM,eAAe,GAAG,KAAK,GAAG,MAAM,GAAG,UAAU,GAAG,MAAM,GAAG,SAAS,CAAC;AAC/E,mEAAmE;AACnE,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;AAkJjF,MAAM,WAAW,aAAc,SAAQ,SAAS;IAC9C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,wDAAwD;IACxD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAkBD,MAAM,WAAW,iBAAkB,SAAQ,SAAS;IAClD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,4CAA4C;IAC5C,IAAI,EAAE,MAAM,CAAC;IACb,oEAAoE;IACpE,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,wEAAwE;IACxE,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,gEAAgE;IAChE,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAwCD,MAAM,WAAW,sBAAuB,SAAQ,SAAS;IACvD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yDAAyD;IACzD,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AA4KD,MAAM,WAAW,iBAAkB,SAAQ,SAAS;IAClD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAgBD,eAAO,MAAM,QAAQ;;;oBA7M4C,MAAM;;;;oBA0FJ,MAAM;;;oBAgBP,MAAM;;;oBAUL,MAAM;;;;;;;;;oBA4DR,MAAM;;;CA4CrE,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/toast/index.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AACH,OAAO,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/toast/index.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AACH,OAAO,EAOL,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AACf,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAkBpD,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAG1D,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,0BAAuB,CAAC;AAG7D,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,oBAAW,CAAC;AACrD,OAAO,EACL,KAAK,EAEL,KAAK,WAAW,EAChB,KAAK,SAAS,EACd,KAAK,cAAc,EACnB,KAAK,YAAY,EAClB,MAAM,kBAAe,CAAC;AAkDvB,QAAA,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2CAuBjB,CAAC;AA4BH,MAAM,WAAW,UAAW,SAAQ,SAAS,EAAE,YAAY,CAAC,OAAO,aAAa,CAAC;IAC/E,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,2EAA2E;IAC3E,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAuBD,MAAM,WAAW,mBAAoB,SAAQ,SAAS;IACpD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE;QAAE,IAAI,CAAC,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAC9C,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAuDD,MAAM,WAAW,eAAgB,SAAQ,SAAS;IAChD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAsBD,eAAO,MAAM,KAAK;yDApGiE,UAAU;;;;uDAuBvB,mBAAmB;;;;kCAe1C,SAAS,GAAG;YAAE,SAAS,CAAC,EAAE,MAAM,CAAA;SAAE;;;;kCAOpC,SAAS;;;;kCAOH,SAAS;;;;+CAQoB,WAAW;;;;kCAoB9C,eAAe;;;CA2B1D,CAAC;AAuQH;;;GAGG;AACH,wBAAgB,aAAa,uCAc5B;AAED;;;;;;;GAOG;AACH,wBAAgB,QAAQ;;;;;;EAEvB;AAED,OAAO,EAAE,KAAK,EAAE,KAAK,SAAS,EAAE,KAAK,cAAc,EAAE,KAAK,YAAY,EAAE,KAAK,WAAW,EAAE,CAAC;AAC3F,YAAY,EAAE,YAAY,EAAE,MAAM,kBAAe,CAAC"}
|
|
@@ -7,15 +7,27 @@
|
|
|
7
7
|
* - Filled 16×16 status icons for Alert and Toast indicators.
|
|
8
8
|
* Adapted from: heroui-inc/heroui-native src/components/alert/{default,success,warning}-icon.tsx
|
|
9
9
|
*
|
|
10
|
-
*
|
|
11
|
-
*
|
|
12
|
-
*
|
|
10
|
+
* Every icon resolves its colour in the same order: an explicit `color` prop,
|
|
11
|
+
* then the colour inherited from an enclosing `IconColorProvider`, then its
|
|
12
|
+
* own fallback. Coloured surfaces such as Button provide the foreground that
|
|
13
|
+
* reads against them, so icons follow the theme without callers hardcoding a
|
|
14
|
+
* hex — which breaks the moment the theme inverts.
|
|
15
|
+
*
|
|
16
|
+
* Brand marks (Google, Facebook, Apple) are the exception: they carry their
|
|
17
|
+
* own colours and ignore the context.
|
|
13
18
|
*/
|
|
19
|
+
import { type ReactNode } from 'react';
|
|
14
20
|
import { type SvgProps } from 'react-native-svg';
|
|
15
21
|
export interface IconProps extends SvgProps {
|
|
16
22
|
size?: number;
|
|
17
23
|
color?: string;
|
|
18
24
|
}
|
|
25
|
+
export declare function IconColorProvider({ color, children, }: {
|
|
26
|
+
color: string | undefined;
|
|
27
|
+
children: ReactNode;
|
|
28
|
+
}): import("react").JSX.Element;
|
|
29
|
+
/** The inherited icon colour, if a surface is providing one. */
|
|
30
|
+
export declare function useIconColor(): string | undefined;
|
|
19
31
|
export declare function CheckIcon({ size, color, ...props }: IconProps): import("react").JSX.Element;
|
|
20
32
|
export declare function ChevronDownIcon({ size, color, ...props }: IconProps): import("react").JSX.Element;
|
|
21
33
|
export declare function ChevronLeftIcon({ size, color, ...props }: IconProps): import("react").JSX.Element;
|
|
@@ -31,4 +43,27 @@ export declare function InfoIcon({ size, color, ...props }: IconProps): import("
|
|
|
31
43
|
export declare function CheckCircleIcon({ size, color, ...props }: IconProps): import("react").JSX.Element;
|
|
32
44
|
/** Warning triangle. Used for `warning` status. */
|
|
33
45
|
export declare function AlertTriangleIcon({ size, color, ...props }: IconProps): import("react").JSX.Element;
|
|
46
|
+
/** Google "G", in the four official brand colours. */
|
|
47
|
+
export declare function GoogleIcon({ size, ...props }: Omit<IconProps, 'color'>): import("react").JSX.Element;
|
|
48
|
+
/** Facebook "f" mark. */
|
|
49
|
+
export declare function FacebookIcon({ size, ...props }: Omit<IconProps, 'color'>): import("react").JSX.Element;
|
|
50
|
+
/**
|
|
51
|
+
* Apple mark. Monochrome by design, so unlike the other brand marks it does
|
|
52
|
+
* follow the icon colour context — Apple's guidelines require it to match the
|
|
53
|
+
* button's text colour.
|
|
54
|
+
*/
|
|
55
|
+
export declare function AppleIcon({ size, color, ...props }: IconProps): import("react").JSX.Element;
|
|
56
|
+
export declare function PlusSquareIcon({ size, color, ...props }: IconProps): import("react").JSX.Element;
|
|
57
|
+
/** Three connected nodes — a branch, a share, a fan-out. */
|
|
58
|
+
export declare function ShareNodesIcon({ size, color, ...props }: IconProps): import("react").JSX.Element;
|
|
59
|
+
/** Shield with an exclamation — a tripped guardrail. */
|
|
60
|
+
export declare function ShieldAlertIcon({ size, color, ...props }: IconProps): import("react").JSX.Element;
|
|
61
|
+
/** Shield with a check — a passed verification. */
|
|
62
|
+
export declare function ShieldCheckIcon({ size, color, ...props }: IconProps): import("react").JSX.Element;
|
|
63
|
+
export declare function BellIcon({ size, color, ...props }: IconProps): import("react").JSX.Element;
|
|
64
|
+
export declare function PackageIcon({ size, color, ...props }: IconProps): import("react").JSX.Element;
|
|
65
|
+
export declare function CardIcon({ size, color, ...props }: IconProps): import("react").JSX.Element;
|
|
66
|
+
export declare function ReceiptIcon({ size, color, ...props }: IconProps): import("react").JSX.Element;
|
|
67
|
+
/** Paper plane — sent, submitted, approved-and-forwarded. */
|
|
68
|
+
export declare function SendIcon({ size, color, ...props }: IconProps): import("react").JSX.Element;
|
|
34
69
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/icons/index.tsx"],"names":[],"mappings":"AAAA
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/icons/index.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;GAiBG;AACH,OAAO,EAA6B,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAClE,OAAY,EAAmB,KAAK,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvE,MAAM,WAAW,SAAU,SAAQ,QAAQ;IACzC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAYD,wBAAgB,iBAAiB,CAAC,EAChC,KAAK,EACL,QAAQ,GACT,EAAE;IACD,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,QAAQ,EAAE,SAAS,CAAC;CACrB,+BAEA;AAED,gEAAgE;AAChE,wBAAgB,YAAY,IAAI,MAAM,GAAG,SAAS,CAEjD;AAkBD,wBAAgB,SAAS,CAAC,EAAE,IAAS,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,SAAS,+BAalE;AAED,wBAAgB,eAAe,CAAC,EAAE,IAAS,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,SAAS,+BAaxE;AAED,wBAAgB,eAAe,CAAC,EAAE,IAAS,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,SAAS,+BAaxE;AAED,wBAAgB,gBAAgB,CAAC,EAAE,IAAS,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,SAAS,+BAazE;AAED,wBAAgB,KAAK,CAAC,EAAE,IAAS,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,SAAS,+BAa9D;AAED,wBAAgB,UAAU,CAAC,EAAE,IAAS,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,SAAS,+BAcnE;AAED,wBAAgB,gBAAgB,CAAC,EAAE,IAAS,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,SAAS,+BAazE;AAED,wBAAgB,OAAO,CAAC,EAAE,IAAS,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,SAAS,+BAahE;AAED,wBAAgB,QAAQ,CAAC,EAAE,IAAS,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,SAAS,+BAajE;AAMD,wEAAwE;AACxE,wBAAgB,QAAQ,CAAC,EAAE,IAAS,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,SAAS,+BAWjE;AAED,+CAA+C;AAC/C,wBAAgB,eAAe,CAAC,EAAE,IAAS,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,SAAS,+BAWxE;AAED,mDAAmD;AACnD,wBAAgB,iBAAiB,CAAC,EAAE,IAAS,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,SAAS,+BAW1E;AAYD,sDAAsD;AACtD,wBAAgB,UAAU,CAAC,EAAE,IAAS,EAAE,GAAG,KAAK,EAAE,EAAE,IAAI,CAAC,SAAS,EAAE,OAAO,CAAC,+BAuB3E;AAED,yBAAyB;AACzB,wBAAgB,YAAY,CAAC,EAAE,IAAS,EAAE,GAAG,KAAK,EAAE,EAAE,IAAI,CAAC,SAAS,EAAE,OAAO,CAAC,+BAS7E;AAED;;;;GAIG;AACH,wBAAgB,SAAS,CAAC,EAAE,IAAS,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,SAAS,+BAUlE;AAMD,wBAAgB,cAAc,CAAC,EAAE,IAAS,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,SAAS,+BAavE;AAED,4DAA4D;AAC5D,wBAAgB,cAAc,CAAC,EAAE,IAAS,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,SAAS,+BAevE;AAED,wDAAwD;AACxD,wBAAgB,eAAe,CAAC,EAAE,IAAS,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,SAAS,+BAcxE;AAED,mDAAmD;AACnD,wBAAgB,eAAe,CAAC,EAAE,IAAS,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,SAAS,+BAmBxE;AAED,wBAAgB,QAAQ,CAAC,EAAE,IAAS,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,SAAS,+BAajE;AAED,wBAAgB,WAAW,CAAC,EAAE,IAAS,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,SAAS,+BAapE;AAED,wBAAgB,QAAQ,CAAC,EAAE,IAAS,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,SAAS,+BAajE;AAED,wBAAgB,WAAW,CAAC,EAAE,IAAS,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,SAAS,+BAapE;AAED,6DAA6D;AAC7D,wBAAgB,QAAQ,CAAC,EAAE,IAAS,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,SAAS,+BAYjE"}
|
|
@@ -3,8 +3,9 @@ export { useTheme, useThemeMode, PANEL_THEMES, PANEL_THEME_NAMES, PANEL_EXTRA_TH
|
|
|
3
3
|
export { Portal, PortalHost, PortalProvider } from './primitives/portal.js';
|
|
4
4
|
export { Text, type TextProps } from './primitives/text.js';
|
|
5
5
|
export { AnimatedPressable, type AnimatedPressableProps, } from './primitives/animated-pressable.js';
|
|
6
|
+
export { Accordion, type AccordionProps, type AccordionItemProps, type AccordionTriggerProps, type AccordionIndicatorProps, type AccordionContentProps, type AccordionVariant, type AccordionSelectionMode, } from './components/accordion/index.js';
|
|
6
7
|
export { Alert, type AlertProps, type AlertIndicatorProps, } from './components/alert/index.js';
|
|
7
|
-
export { Avatar, type AvatarProps } from './components/avatar/index.js';
|
|
8
|
+
export { Avatar, type AvatarProps, type AvatarBadgeProps, } from './components/avatar/index.js';
|
|
8
9
|
export { Badge, type BadgeProps } from './components/badge/index.js';
|
|
9
10
|
export { BottomSheet, type BottomSheetProps, type BottomSheetContentProps, } from './components/bottom-sheet/index.js';
|
|
10
11
|
export { Button, type ButtonProps } from './components/button/index.js';
|
|
@@ -25,8 +26,9 @@ export { Skeleton, type SkeletonProps } from './components/skeleton/index.js';
|
|
|
25
26
|
export { Spinner, type SpinnerProps } from './components/spinner/index.js';
|
|
26
27
|
export { Steps, type StepsProps, type StepsItemProps, type StepsTriggerProps, type StepsIndicatorProps, type StepsSeparatorProps, type StepState, type StepsOrientation, } from './components/steps/index.js';
|
|
27
28
|
export { Switch, type SwitchProps } from './components/switch/index.js';
|
|
29
|
+
export { Timeline, type TimelineProps, type TimelineItemProps, type TimelineIndicatorProps, type TimelineStatProps, type TimelineVariant, type TimelineTone, } from './components/timeline/index.js';
|
|
28
30
|
export { Toast, ToastViewport, toast, useToast, type ToastProps, type ToastOptions, type ToastItem, type ToastVariant, type ToastPlacement, type ToastHandle, type ToastIndicatorProps, type ToastCloseProps, } from './components/toast/index.js';
|
|
29
31
|
export { Typography, type TypographyProps, type TypographyType, type TypographyHeadingProps, type TypographyParagraphProps, type TypographyCodeProps, } from './components/typography/index.js';
|
|
30
|
-
export { AlertTriangleIcon, ArrowUpRightIcon, CheckCircleIcon, CheckIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, InfoIcon, MoonIcon, SearchIcon, SunIcon, XIcon, type IconProps, } from './icons/index.js';
|
|
32
|
+
export { AlertTriangleIcon, AppleIcon, ArrowUpRightIcon, BellIcon, CardIcon, CheckCircleIcon, CheckIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, FacebookIcon, GoogleIcon, IconColorProvider, InfoIcon, MoonIcon, PackageIcon, PlusSquareIcon, ReceiptIcon, SearchIcon, SendIcon, ShareNodesIcon, ShieldAlertIcon, ShieldCheckIcon, SunIcon, XIcon, useIconColor, type IconProps, } from './icons/index.js';
|
|
31
33
|
export { cn } from './utils/cn.js';
|
|
32
34
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,KAAK,oBAAoB,EAAE,MAAM,kCAA+B,CAAC;AAG3F,OAAO,EACL,QAAQ,EACR,YAAY,EACZ,YAAY,EACZ,iBAAiB,EACjB,kBAAkB,EAClB,KAAK,SAAS,EACd,KAAK,SAAS,EACd,KAAK,UAAU,EACf,KAAK,gBAAgB,GACtB,MAAM,sBAAmB,CAAC;AAG3B,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,wBAAqB,CAAC;AACzE,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,sBAAmB,CAAC;AACzD,OAAO,EACL,iBAAiB,EACjB,KAAK,sBAAsB,GAC5B,MAAM,oCAAiC,CAAC;AAGzC,OAAO,EACL,KAAK,EACL,KAAK,UAAU,EACf,KAAK,mBAAmB,GACzB,MAAM,6BAAoB,CAAC;AAC5B,OAAO,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.ts"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "panelui-native",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.5.3",
|
|
4
4
|
"description": "High-performance React Native UI components for Expo. Coss UI design language, powered by Uniwind (Tailwind v4) and Reanimated.",
|
|
5
5
|
"main": "./lib/module/index.js",
|
|
6
6
|
"module": "./lib/module/index.js",
|