@cdx-ui/components 0.0.1-alpha.17 → 0.0.1-alpha.19

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.
Files changed (44) hide show
  1. package/lib/commonjs/components/Avatar/index.js +156 -0
  2. package/lib/commonjs/components/Avatar/index.js.map +1 -0
  3. package/lib/commonjs/components/Avatar/styles.js +80 -0
  4. package/lib/commonjs/components/Avatar/styles.js.map +1 -0
  5. package/lib/commonjs/components/Card/index.js +104 -0
  6. package/lib/commonjs/components/Card/index.js.map +1 -0
  7. package/lib/commonjs/components/Card/styles.js +28 -0
  8. package/lib/commonjs/components/Card/styles.js.map +1 -0
  9. package/lib/commonjs/components/index.js +24 -0
  10. package/lib/commonjs/components/index.js.map +1 -1
  11. package/lib/module/components/Avatar/index.js +152 -0
  12. package/lib/module/components/Avatar/index.js.map +1 -0
  13. package/lib/module/components/Avatar/styles.js +77 -0
  14. package/lib/module/components/Avatar/styles.js.map +1 -0
  15. package/lib/module/components/Card/index.js +100 -0
  16. package/lib/module/components/Card/index.js.map +1 -0
  17. package/lib/module/components/Card/styles.js +25 -0
  18. package/lib/module/components/Card/styles.js.map +1 -0
  19. package/lib/module/components/index.js +2 -0
  20. package/lib/module/components/index.js.map +1 -1
  21. package/lib/typescript/components/Avatar/index.d.ts +40 -0
  22. package/lib/typescript/components/Avatar/index.d.ts.map +1 -0
  23. package/lib/typescript/components/Avatar/styles.d.ts +16 -0
  24. package/lib/typescript/components/Avatar/styles.d.ts.map +1 -0
  25. package/lib/typescript/components/Button/styles.d.ts +3 -3
  26. package/lib/typescript/components/Card/index.d.ts +30 -0
  27. package/lib/typescript/components/Card/index.d.ts.map +1 -0
  28. package/lib/typescript/components/Card/styles.d.ts +6 -0
  29. package/lib/typescript/components/Card/styles.d.ts.map +1 -0
  30. package/lib/typescript/components/Checkbox/styles.d.ts +4 -4
  31. package/lib/typescript/components/Heading/styles.d.ts +1 -1
  32. package/lib/typescript/components/Input/styles.d.ts +3 -3
  33. package/lib/typescript/components/Select/styles.d.ts +5 -5
  34. package/lib/typescript/components/Stack/styles.d.ts +2 -2
  35. package/lib/typescript/components/Switch/styles.d.ts +2 -2
  36. package/lib/typescript/components/Text/styles.d.ts +1 -1
  37. package/lib/typescript/components/index.d.ts +2 -0
  38. package/lib/typescript/components/index.d.ts.map +1 -1
  39. package/package.json +4 -4
  40. package/src/components/Avatar/index.tsx +174 -0
  41. package/src/components/Avatar/styles.ts +83 -0
  42. package/src/components/Card/index.tsx +115 -0
  43. package/src/components/Card/styles.ts +41 -0
  44. package/src/components/index.ts +2 -0
@@ -0,0 +1,156 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.Avatar = void 0;
7
+ var _react = require("react");
8
+ var _reactNative = require("react-native");
9
+ var _primitives = require("@cdx-ui/primitives");
10
+ var _utils = require("@cdx-ui/utils");
11
+ var _Icon = require("../Icon");
12
+ var _styles = require("./styles");
13
+ var _jsxRuntime = require("react/jsx-runtime");
14
+ const SCOPE = 'AVATAR';
15
+ const Root = (0, _utils.withStyleContext)(_reactNative.View, SCOPE);
16
+ const useAvatarStyleContext = () => (0, _utils.useStyleContext)(SCOPE);
17
+ const AvatarPrimitive = (0, _primitives.createAvatar)({
18
+ Root,
19
+ Image: _reactNative.Image,
20
+ Text: _reactNative.Text,
21
+ Icon: _Icon.Icon,
22
+ Badge: _reactNative.View
23
+ });
24
+
25
+ // =============================================================================
26
+ // AVATAR ROOT
27
+ // =============================================================================
28
+
29
+ const AvatarRoot = /*#__PURE__*/(0, _react.forwardRef)(({
30
+ size = 'lg',
31
+ className,
32
+ children,
33
+ style,
34
+ ...props
35
+ }, ref) => {
36
+ const computedClassName = (0, _utils.cn)((0, _styles.avatarRootVariants)({
37
+ size
38
+ }), className);
39
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)(AvatarPrimitive, {
40
+ ref: ref,
41
+ className: computedClassName,
42
+ style: style,
43
+ context: {
44
+ size
45
+ },
46
+ ...props,
47
+ children: children
48
+ });
49
+ });
50
+ AvatarRoot.displayName = 'Avatar';
51
+
52
+ // =============================================================================
53
+ // AVATAR IMAGE
54
+ // =============================================================================
55
+
56
+ const AvatarImage = /*#__PURE__*/(0, _react.forwardRef)(({
57
+ className,
58
+ style,
59
+ ...props
60
+ }, ref) => {
61
+ const computedClassName = (0, _utils.cn)((0, _styles.avatarImageVariants)(), className);
62
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)(AvatarPrimitive.Image, {
63
+ ref: ref,
64
+ className: computedClassName,
65
+ style: style,
66
+ ...props
67
+ });
68
+ });
69
+ AvatarImage.displayName = 'Avatar.Image';
70
+
71
+ // =============================================================================
72
+ // AVATAR TEXT
73
+ // =============================================================================
74
+
75
+ const AvatarText = /*#__PURE__*/(0, _react.forwardRef)(({
76
+ className,
77
+ children,
78
+ style,
79
+ ...props
80
+ }, ref) => {
81
+ const {
82
+ size
83
+ } = useAvatarStyleContext();
84
+ const computedClassName = (0, _utils.cn)((0, _styles.avatarTextVariants)({
85
+ size
86
+ }), className);
87
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)(AvatarPrimitive.Text, {
88
+ ref: ref,
89
+ className: computedClassName,
90
+ style: style,
91
+ ...props,
92
+ children: children
93
+ });
94
+ });
95
+ AvatarText.displayName = 'Avatar.Text';
96
+
97
+ // =============================================================================
98
+ // AVATAR ICON
99
+ // =============================================================================
100
+
101
+ const AvatarIcon = ({
102
+ className,
103
+ style,
104
+ ...props
105
+ }) => {
106
+ const {
107
+ size
108
+ } = useAvatarStyleContext();
109
+ const computedClassName = (0, _utils.cn)((0, _styles.avatarIconVariants)({
110
+ size
111
+ }), className);
112
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)(AvatarPrimitive.Icon, {
113
+ className: computedClassName,
114
+ style: style,
115
+ ...props
116
+ });
117
+ };
118
+ AvatarIcon.displayName = 'Avatar.Icon';
119
+
120
+ // =============================================================================
121
+ // AVATAR BADGE
122
+ // =============================================================================
123
+
124
+ const AvatarBadge = /*#__PURE__*/(0, _react.forwardRef)(({
125
+ className,
126
+ children,
127
+ style,
128
+ ...props
129
+ }, ref) => {
130
+ const {
131
+ size
132
+ } = useAvatarStyleContext();
133
+ const computedClassName = (0, _utils.cn)((0, _styles.avatarBadgeVariants)({
134
+ size
135
+ }), className);
136
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)(AvatarPrimitive.Badge, {
137
+ ref: ref,
138
+ className: computedClassName,
139
+ style: style,
140
+ ...props,
141
+ children: children
142
+ });
143
+ });
144
+ AvatarBadge.displayName = 'Avatar.Badge';
145
+
146
+ // =============================================================================
147
+ // COMPOUND COMPONENT
148
+ // =============================================================================
149
+
150
+ const Avatar = exports.Avatar = Object.assign(AvatarRoot, {
151
+ Image: AvatarImage,
152
+ Text: AvatarText,
153
+ Icon: AvatarIcon,
154
+ Badge: AvatarBadge
155
+ });
156
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["_react","require","_reactNative","_primitives","_utils","_Icon","_styles","_jsxRuntime","SCOPE","Root","withStyleContext","View","useAvatarStyleContext","useStyleContext","AvatarPrimitive","createAvatar","Image","Text","Icon","IconComponent","Badge","AvatarRoot","forwardRef","size","className","children","style","props","ref","computedClassName","cn","avatarRootVariants","jsx","context","displayName","AvatarImage","avatarImageVariants","AvatarText","avatarTextVariants","AvatarIcon","avatarIconVariants","AvatarBadge","avatarBadgeVariants","Avatar","exports","Object","assign"],"sourceRoot":"../../../../src","sources":["components/Avatar/index.tsx"],"mappings":"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","ignoreList":[]}
@@ -0,0 +1,80 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.avatarTextVariants = exports.avatarRootVariants = exports.avatarImageVariants = exports.avatarIconVariants = exports.avatarBadgeVariants = void 0;
7
+ var _classVarianceAuthority = require("class-variance-authority");
8
+ var _primitives = require("../../styles/primitives");
9
+ // ── Root ─────────────────────────────────────────────────
10
+
11
+ const avatarRootVariants = exports.avatarRootVariants = (0, _classVarianceAuthority.cva)([_primitives.RADIUS_FULL, 'relative items-center justify-center', _primitives.COLOR_BG_MUTED], {
12
+ variants: {
13
+ size: {
14
+ sm: 'w-8 h-8',
15
+ md: 'w-10 h-10',
16
+ lg: 'w-12 h-12',
17
+ xl: 'w-16 h-16',
18
+ '2xl': 'w-20 h-20'
19
+ }
20
+ },
21
+ defaultVariants: {
22
+ size: 'lg'
23
+ }
24
+ });
25
+
26
+ // ── Image ────────────────────────────────────────────────
27
+
28
+ const avatarImageVariants = exports.avatarImageVariants = (0, _classVarianceAuthority.cva)(['absolute top-0 left-0 w-full h-full', _primitives.RADIUS_FULL, 'overflow-hidden']);
29
+
30
+ // ── Text ─────────────────────────────────────────────────
31
+
32
+ const avatarTextVariants = exports.avatarTextVariants = (0, _classVarianceAuthority.cva)([_primitives.COLOR_TEXT_SECONDARY, 'font-semibold'], {
33
+ variants: {
34
+ size: {
35
+ sm: 'text-xs',
36
+ md: 'text-sm',
37
+ lg: 'text-base',
38
+ xl: 'text-xl',
39
+ '2xl': 'text-2xl'
40
+ }
41
+ },
42
+ defaultVariants: {
43
+ size: 'lg'
44
+ }
45
+ });
46
+
47
+ // ── Icon ─────────────────────────────────────────────────
48
+
49
+ const avatarIconVariants = exports.avatarIconVariants = (0, _classVarianceAuthority.cva)([_primitives.COLOR_TEXT_SECONDARY], {
50
+ variants: {
51
+ size: {
52
+ sm: 'size-4',
53
+ md: 'size-5',
54
+ lg: 'size-6',
55
+ xl: 'size-8',
56
+ '2xl': 'size-10'
57
+ }
58
+ },
59
+ defaultVariants: {
60
+ size: 'lg'
61
+ }
62
+ });
63
+
64
+ // ── Badge ────────────────────────────────────────────────
65
+
66
+ const avatarBadgeVariants = exports.avatarBadgeVariants = (0, _classVarianceAuthority.cva)(['absolute border-2 border-white', _primitives.RADIUS_FULL], {
67
+ variants: {
68
+ size: {
69
+ sm: 'w-2.5 h-2.5 bottom-0 right-0',
70
+ md: 'w-3 h-3 bottom-0 right-0',
71
+ lg: 'w-3.5 h-3.5 bottom-0 right-0',
72
+ xl: 'w-4 h-4 bottom-0.5 right-0.5',
73
+ '2xl': 'w-5 h-5 bottom-0.5 right-0.5'
74
+ }
75
+ },
76
+ defaultVariants: {
77
+ size: 'lg'
78
+ }
79
+ });
80
+ //# sourceMappingURL=styles.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["_classVarianceAuthority","require","_primitives","avatarRootVariants","exports","cva","RADIUS_FULL","COLOR_BG_MUTED","variants","size","sm","md","lg","xl","defaultVariants","avatarImageVariants","avatarTextVariants","COLOR_TEXT_SECONDARY","avatarIconVariants","avatarBadgeVariants"],"sourceRoot":"../../../../src","sources":["components/Avatar/styles.ts"],"mappings":";;;;;;AAAA,IAAAA,uBAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AAEA;;AAEO,MAAME,kBAAkB,GAAAC,OAAA,CAAAD,kBAAA,GAAG,IAAAE,2BAAG,EACnC,CAACC,uBAAW,EAAE,sCAAsC,EAAEC,0BAAc,CAAC,EACrE;EACEC,QAAQ,EAAE;IACRC,IAAI,EAAE;MACJC,EAAE,EAAE,SAAS;MACbC,EAAE,EAAE,WAAW;MACfC,EAAE,EAAE,WAAW;MACfC,EAAE,EAAE,WAAW;MACf,KAAK,EAAE;IACT;EACF,CAAC;EACDC,eAAe,EAAE;IACfL,IAAI,EAAE;EACR;AACF,CACF,CAAC;;AAED;;AAEO,MAAMM,mBAAmB,GAAAX,OAAA,CAAAW,mBAAA,GAAG,IAAAV,2BAAG,EAAC,CACrC,qCAAqC,EACrCC,uBAAW,EACX,iBAAiB,CAClB,CAAC;;AAEF;;AAEO,MAAMU,kBAAkB,GAAAZ,OAAA,CAAAY,kBAAA,GAAG,IAAAX,2BAAG,EAAC,CAACY,gCAAoB,EAAE,eAAe,CAAC,EAAE;EAC7ET,QAAQ,EAAE;IACRC,IAAI,EAAE;MACJC,EAAE,EAAE,SAAS;MACbC,EAAE,EAAE,SAAS;MACbC,EAAE,EAAE,WAAW;MACfC,EAAE,EAAE,SAAS;MACb,KAAK,EAAE;IACT;EACF,CAAC;EACDC,eAAe,EAAE;IACfL,IAAI,EAAE;EACR;AACF,CAAC,CAAC;;AAEF;;AAEO,MAAMS,kBAAkB,GAAAd,OAAA,CAAAc,kBAAA,GAAG,IAAAb,2BAAG,EAAC,CAACY,gCAAoB,CAAC,EAAE;EAC5DT,QAAQ,EAAE;IACRC,IAAI,EAAE;MACJC,EAAE,EAAE,QAAQ;MACZC,EAAE,EAAE,QAAQ;MACZC,EAAE,EAAE,QAAQ;MACZC,EAAE,EAAE,QAAQ;MACZ,KAAK,EAAE;IACT;EACF,CAAC;EACDC,eAAe,EAAE;IACfL,IAAI,EAAE;EACR;AACF,CAAC,CAAC;;AAEF;;AAEO,MAAMU,mBAAmB,GAAAf,OAAA,CAAAe,mBAAA,GAAG,IAAAd,2BAAG,EAAC,CAAC,gCAAgC,EAAEC,uBAAW,CAAC,EAAE;EACtFE,QAAQ,EAAE;IACRC,IAAI,EAAE;MACJC,EAAE,EAAE,8BAA8B;MAClCC,EAAE,EAAE,0BAA0B;MAC9BC,EAAE,EAAE,8BAA8B;MAClCC,EAAE,EAAE,8BAA8B;MAClC,KAAK,EAAE;IACT;EACF,CAAC;EACDC,eAAe,EAAE;IACfL,IAAI,EAAE;EACR;AACF,CAAC,CAAC","ignoreList":[]}
@@ -0,0 +1,104 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.Card = void 0;
7
+ var _react = require("react");
8
+ var _reactNative = require("react-native");
9
+ var _utils = require("@cdx-ui/utils");
10
+ var _styles = require("./styles");
11
+ var _jsxRuntime = require("react/jsx-runtime");
12
+ // =============================================================================
13
+ // STYLED ROOT COMPONENT
14
+ // =============================================================================
15
+
16
+ const CardRoot = /*#__PURE__*/(0, _react.forwardRef)(({
17
+ className,
18
+ children,
19
+ style,
20
+ ...props
21
+ }, ref) => {
22
+ const computedClassName = (0, _utils.cn)((0, _styles.cardRootVariants)(), className);
23
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
24
+ ref: ref,
25
+ className: computedClassName,
26
+ style: style,
27
+ ...props,
28
+ children: children
29
+ });
30
+ });
31
+ CardRoot.displayName = 'Card';
32
+
33
+ // =============================================================================
34
+ // STYLED HEADER COMPONENT
35
+ // =============================================================================
36
+
37
+ const CardHeader = /*#__PURE__*/(0, _react.forwardRef)(({
38
+ className,
39
+ children,
40
+ style,
41
+ ...props
42
+ }, ref) => {
43
+ const computedClassName = (0, _utils.cn)((0, _styles.cardHeaderVariants)(), className);
44
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
45
+ ref: ref,
46
+ className: computedClassName,
47
+ style: style,
48
+ ...props,
49
+ children: children
50
+ });
51
+ });
52
+ CardHeader.displayName = 'Card.Header';
53
+
54
+ // =============================================================================
55
+ // STYLED CONTENT COMPONENT
56
+ // =============================================================================
57
+
58
+ const CardContent = /*#__PURE__*/(0, _react.forwardRef)(({
59
+ className,
60
+ children,
61
+ style,
62
+ ...props
63
+ }, ref) => {
64
+ const computedClassName = (0, _utils.cn)((0, _styles.cardContentVariants)(), className);
65
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
66
+ ref: ref,
67
+ className: computedClassName,
68
+ style: style,
69
+ ...props,
70
+ children: children
71
+ });
72
+ });
73
+ CardContent.displayName = 'Card.Content';
74
+
75
+ // =============================================================================
76
+ // STYLED FOOTER COMPONENT
77
+ // =============================================================================
78
+
79
+ const CardFooter = /*#__PURE__*/(0, _react.forwardRef)(({
80
+ className,
81
+ children,
82
+ style,
83
+ ...props
84
+ }, ref) => {
85
+ const computedClassName = (0, _utils.cn)((0, _styles.cardFooterVariants)(), className);
86
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
87
+ ref: ref,
88
+ className: computedClassName,
89
+ style: style,
90
+ ...props,
91
+ children: children
92
+ });
93
+ });
94
+ CardFooter.displayName = 'Card.Footer';
95
+
96
+ // =============================================================================
97
+ // COMPOUND COMPONENT
98
+ // =============================================================================
99
+
100
+ const Card = exports.Card = CardRoot;
101
+ Card.Header = CardHeader;
102
+ Card.Content = CardContent;
103
+ Card.Footer = CardFooter;
104
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["_react","require","_reactNative","_utils","_styles","_jsxRuntime","CardRoot","forwardRef","className","children","style","props","ref","computedClassName","cn","cardRootVariants","jsx","View","displayName","CardHeader","cardHeaderVariants","CardContent","cardContentVariants","CardFooter","cardFooterVariants","Card","exports","Header","Content","Footer"],"sourceRoot":"../../../../src","sources":["components/Card/index.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AAKkB,IAAAI,WAAA,GAAAJ,OAAA;AAElB;AACA;AACA;;AAOA,MAAMK,QAAQ,gBAAG,IAAAC,iBAAU,EAAkB,CAAC;EAAEC,SAAS;EAAEC,QAAQ;EAAEC,KAAK;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAK;EAC9F,MAAMC,iBAAiB,GAAG,IAAAC,SAAE,EAAC,IAAAC,wBAAgB,EAAC,CAAC,EAAEP,SAAS,CAAC;EAE3D,oBACE,IAAAH,WAAA,CAAAW,GAAA,EAACd,YAAA,CAAAe,IAAI;IAACL,GAAG,EAAEA,GAAI;IAACJ,SAAS,EAAEK,iBAAkB;IAACH,KAAK,EAAEA,KAAM;IAAA,GAAKC,KAAK;IAAAF,QAAA,EAClEA;EAAQ,CACL,CAAC;AAEX,CAAC,CAAC;AAEFH,QAAQ,CAACY,WAAW,GAAG,MAAM;;AAE7B;AACA;AACA;;AAOA,MAAMC,UAAU,gBAAG,IAAAZ,iBAAU,EAC3B,CAAC;EAAEC,SAAS;EAAEC,QAAQ;EAAEC,KAAK;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAK;EACjD,MAAMC,iBAAiB,GAAG,IAAAC,SAAE,EAAC,IAAAM,0BAAkB,EAAC,CAAC,EAAEZ,SAAS,CAAC;EAE7D,oBACE,IAAAH,WAAA,CAAAW,GAAA,EAACd,YAAA,CAAAe,IAAI;IAACL,GAAG,EAAEA,GAAI;IAACJ,SAAS,EAAEK,iBAAkB;IAACH,KAAK,EAAEA,KAAM;IAAA,GAAKC,KAAK;IAAAF,QAAA,EAClEA;EAAQ,CACL,CAAC;AAEX,CACF,CAAC;AAEDU,UAAU,CAACD,WAAW,GAAG,aAAa;;AAEtC;AACA;AACA;;AAOA,MAAMG,WAAW,gBAAG,IAAAd,iBAAU,EAC5B,CAAC;EAAEC,SAAS;EAAEC,QAAQ;EAAEC,KAAK;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAK;EACjD,MAAMC,iBAAiB,GAAG,IAAAC,SAAE,EAAC,IAAAQ,2BAAmB,EAAC,CAAC,EAAEd,SAAS,CAAC;EAE9D,oBACE,IAAAH,WAAA,CAAAW,GAAA,EAACd,YAAA,CAAAe,IAAI;IAACL,GAAG,EAAEA,GAAI;IAACJ,SAAS,EAAEK,iBAAkB;IAACH,KAAK,EAAEA,KAAM;IAAA,GAAKC,KAAK;IAAAF,QAAA,EAClEA;EAAQ,CACL,CAAC;AAEX,CACF,CAAC;AAEDY,WAAW,CAACH,WAAW,GAAG,cAAc;;AAExC;AACA;AACA;;AAOA,MAAMK,UAAU,gBAAG,IAAAhB,iBAAU,EAC3B,CAAC;EAAEC,SAAS;EAAEC,QAAQ;EAAEC,KAAK;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAK;EACjD,MAAMC,iBAAiB,GAAG,IAAAC,SAAE,EAAC,IAAAU,0BAAkB,EAAC,CAAC,EAAEhB,SAAS,CAAC;EAE7D,oBACE,IAAAH,WAAA,CAAAW,GAAA,EAACd,YAAA,CAAAe,IAAI;IAACL,GAAG,EAAEA,GAAI;IAACJ,SAAS,EAAEK,iBAAkB;IAACH,KAAK,EAAEA,KAAM;IAAA,GAAKC,KAAK;IAAAF,QAAA,EAClEA;EAAQ,CACL,CAAC;AAEX,CACF,CAAC;AAEDc,UAAU,CAACL,WAAW,GAAG,aAAa;;AAEtC;AACA;AACA;;AAQO,MAAMO,IAAI,GAAAC,OAAA,CAAAD,IAAA,GAAGnB,QAAiC;AAErDmB,IAAI,CAACE,MAAM,GAAGR,UAAU;AACxBM,IAAI,CAACG,OAAO,GAAGP,WAAW;AAC1BI,IAAI,CAACI,MAAM,GAAGN,UAAU","ignoreList":[]}
@@ -0,0 +1,28 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.cardTitleVariants = exports.cardRootVariants = exports.cardHeaderVariants = exports.cardFooterVariants = exports.cardContentVariants = void 0;
7
+ var _classVarianceAuthority = require("class-variance-authority");
8
+ var _primitives = require("../../styles/primitives");
9
+ // ── Root ────────────────────────────────────────────────────
10
+
11
+ const cardRootVariants = exports.cardRootVariants = (0, _classVarianceAuthority.cva)([_primitives.COLOR_BG_PRIMARY, `border ${_primitives.COLOR_BORDER_DEFAULT}`, _primitives.RADIUS_SM, _primitives.SHADOW_SM, 'overflow-hidden']);
12
+
13
+ // ── Header ──────────────────────────────────────────────────
14
+
15
+ const cardHeaderVariants = exports.cardHeaderVariants = (0, _classVarianceAuthority.cva)(['flex-row items-center justify-between p-4 border-b border-t-8', _primitives.COLOR_BORDER_DEFAULT]);
16
+
17
+ // ── Title ───────────────────────────────────────────────────
18
+
19
+ const cardTitleVariants = exports.cardTitleVariants = (0, _classVarianceAuthority.cva)(['flex-1']);
20
+
21
+ // ── Content ─────────────────────────────────────────────────
22
+
23
+ const cardContentVariants = exports.cardContentVariants = (0, _classVarianceAuthority.cva)([_primitives.COLOR_TEXT_PRIMARY, 'p-4']);
24
+
25
+ // ── Footer ──────────────────────────────────────────────────
26
+
27
+ const cardFooterVariants = exports.cardFooterVariants = (0, _classVarianceAuthority.cva)(['p-4 border-t', _primitives.COLOR_BORDER_DEFAULT, 'flex-row items-center gap-2']);
28
+ //# sourceMappingURL=styles.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["_classVarianceAuthority","require","_primitives","cardRootVariants","exports","cva","COLOR_BG_PRIMARY","COLOR_BORDER_DEFAULT","RADIUS_SM","SHADOW_SM","cardHeaderVariants","cardTitleVariants","cardContentVariants","COLOR_TEXT_PRIMARY","cardFooterVariants"],"sourceRoot":"../../../../src","sources":["components/Card/styles.ts"],"mappings":";;;;;;AAAA,IAAAA,uBAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AAQA;;AAEO,MAAME,gBAAgB,GAAAC,OAAA,CAAAD,gBAAA,GAAG,IAAAE,2BAAG,EAAC,CAClCC,4BAAgB,EAChB,UAAUC,gCAAoB,EAAE,EAChCC,qBAAS,EACTC,qBAAS,EACT,iBAAiB,CAClB,CAAC;;AAEF;;AAEO,MAAMC,kBAAkB,GAAAN,OAAA,CAAAM,kBAAA,GAAG,IAAAL,2BAAG,EAAC,CACpC,+DAA+D,EAC/DE,gCAAoB,CACrB,CAAC;;AAEF;;AAEO,MAAMI,iBAAiB,GAAAP,OAAA,CAAAO,iBAAA,GAAG,IAAAN,2BAAG,EAAC,CAAC,QAAQ,CAAC,CAAC;;AAEhD;;AAEO,MAAMO,mBAAmB,GAAAR,OAAA,CAAAQ,mBAAA,GAAG,IAAAP,2BAAG,EAAC,CAACQ,8BAAkB,EAAE,KAAK,CAAC,CAAC;;AAEnE;;AAEO,MAAMC,kBAAkB,GAAAV,OAAA,CAAAU,kBAAA,GAAG,IAAAT,2BAAG,EAAC,CACpC,cAAc,EACdE,gCAAoB,EACpB,6BAA6B,CAC9B,CAAC","ignoreList":[]}
@@ -19,6 +19,18 @@ Object.defineProperty(exports, "VStack", {
19
19
  return _Stack.VStack;
20
20
  }
21
21
  });
22
+ var _Avatar = require("./Avatar");
23
+ Object.keys(_Avatar).forEach(function (key) {
24
+ if (key === "default" || key === "__esModule") return;
25
+ if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
26
+ if (key in exports && exports[key] === _Avatar[key]) return;
27
+ Object.defineProperty(exports, key, {
28
+ enumerable: true,
29
+ get: function () {
30
+ return _Avatar[key];
31
+ }
32
+ });
33
+ });
22
34
  var _Box = require("./Box");
23
35
  Object.keys(_Box).forEach(function (key) {
24
36
  if (key === "default" || key === "__esModule") return;
@@ -43,6 +55,18 @@ Object.keys(_Button).forEach(function (key) {
43
55
  }
44
56
  });
45
57
  });
58
+ var _Card = require("./Card");
59
+ Object.keys(_Card).forEach(function (key) {
60
+ if (key === "default" || key === "__esModule") return;
61
+ if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
62
+ if (key in exports && exports[key] === _Card[key]) return;
63
+ Object.defineProperty(exports, key, {
64
+ enumerable: true,
65
+ get: function () {
66
+ return _Card[key];
67
+ }
68
+ });
69
+ });
46
70
  var _Checkbox = require("./Checkbox");
47
71
  Object.keys(_Checkbox).forEach(function (key) {
48
72
  if (key === "default" || key === "__esModule") return;
@@ -1 +1 @@
1
- {"version":3,"names":["_Box","require","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get","_Button","_Checkbox","_Input","_Link","_Select","_VirtualizedList","_Switch","_Stack","_Heading","_Text","_Icon"],"sourceRoot":"../../../src","sources":["components/index.ts"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"names":["_Avatar","require","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get","_Box","_Button","_Card","_Checkbox","_Input","_Link","_Select","_VirtualizedList","_Switch","_Stack","_Heading","_Text","_Icon"],"sourceRoot":"../../../src","sources":["components/index.ts"],"mappings":"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","ignoreList":[]}
@@ -0,0 +1,152 @@
1
+ "use strict";
2
+
3
+ import { forwardRef } from 'react';
4
+ import { Image, Text, View } from 'react-native';
5
+ import { createAvatar } from '@cdx-ui/primitives';
6
+ import { cn, useStyleContext, withStyleContext } from '@cdx-ui/utils';
7
+ import { Icon as IconComponent } from '../Icon';
8
+ import { avatarBadgeVariants, avatarIconVariants, avatarTextVariants, avatarImageVariants, avatarRootVariants } from './styles';
9
+ import { jsx as _jsx } from "react/jsx-runtime";
10
+ const SCOPE = 'AVATAR';
11
+ const Root = withStyleContext(View, SCOPE);
12
+ const useAvatarStyleContext = () => useStyleContext(SCOPE);
13
+ const AvatarPrimitive = createAvatar({
14
+ Root,
15
+ Image,
16
+ Text,
17
+ Icon: IconComponent,
18
+ Badge: View
19
+ });
20
+
21
+ // =============================================================================
22
+ // AVATAR ROOT
23
+ // =============================================================================
24
+
25
+ const AvatarRoot = /*#__PURE__*/forwardRef(({
26
+ size = 'lg',
27
+ className,
28
+ children,
29
+ style,
30
+ ...props
31
+ }, ref) => {
32
+ const computedClassName = cn(avatarRootVariants({
33
+ size
34
+ }), className);
35
+ return /*#__PURE__*/_jsx(AvatarPrimitive, {
36
+ ref: ref,
37
+ className: computedClassName,
38
+ style: style,
39
+ context: {
40
+ size
41
+ },
42
+ ...props,
43
+ children: children
44
+ });
45
+ });
46
+ AvatarRoot.displayName = 'Avatar';
47
+
48
+ // =============================================================================
49
+ // AVATAR IMAGE
50
+ // =============================================================================
51
+
52
+ const AvatarImage = /*#__PURE__*/forwardRef(({
53
+ className,
54
+ style,
55
+ ...props
56
+ }, ref) => {
57
+ const computedClassName = cn(avatarImageVariants(), className);
58
+ return /*#__PURE__*/_jsx(AvatarPrimitive.Image, {
59
+ ref: ref,
60
+ className: computedClassName,
61
+ style: style,
62
+ ...props
63
+ });
64
+ });
65
+ AvatarImage.displayName = 'Avatar.Image';
66
+
67
+ // =============================================================================
68
+ // AVATAR TEXT
69
+ // =============================================================================
70
+
71
+ const AvatarText = /*#__PURE__*/forwardRef(({
72
+ className,
73
+ children,
74
+ style,
75
+ ...props
76
+ }, ref) => {
77
+ const {
78
+ size
79
+ } = useAvatarStyleContext();
80
+ const computedClassName = cn(avatarTextVariants({
81
+ size
82
+ }), className);
83
+ return /*#__PURE__*/_jsx(AvatarPrimitive.Text, {
84
+ ref: ref,
85
+ className: computedClassName,
86
+ style: style,
87
+ ...props,
88
+ children: children
89
+ });
90
+ });
91
+ AvatarText.displayName = 'Avatar.Text';
92
+
93
+ // =============================================================================
94
+ // AVATAR ICON
95
+ // =============================================================================
96
+
97
+ const AvatarIcon = ({
98
+ className,
99
+ style,
100
+ ...props
101
+ }) => {
102
+ const {
103
+ size
104
+ } = useAvatarStyleContext();
105
+ const computedClassName = cn(avatarIconVariants({
106
+ size
107
+ }), className);
108
+ return /*#__PURE__*/_jsx(AvatarPrimitive.Icon, {
109
+ className: computedClassName,
110
+ style: style,
111
+ ...props
112
+ });
113
+ };
114
+ AvatarIcon.displayName = 'Avatar.Icon';
115
+
116
+ // =============================================================================
117
+ // AVATAR BADGE
118
+ // =============================================================================
119
+
120
+ const AvatarBadge = /*#__PURE__*/forwardRef(({
121
+ className,
122
+ children,
123
+ style,
124
+ ...props
125
+ }, ref) => {
126
+ const {
127
+ size
128
+ } = useAvatarStyleContext();
129
+ const computedClassName = cn(avatarBadgeVariants({
130
+ size
131
+ }), className);
132
+ return /*#__PURE__*/_jsx(AvatarPrimitive.Badge, {
133
+ ref: ref,
134
+ className: computedClassName,
135
+ style: style,
136
+ ...props,
137
+ children: children
138
+ });
139
+ });
140
+ AvatarBadge.displayName = 'Avatar.Badge';
141
+
142
+ // =============================================================================
143
+ // COMPOUND COMPONENT
144
+ // =============================================================================
145
+
146
+ export const Avatar = Object.assign(AvatarRoot, {
147
+ Image: AvatarImage,
148
+ Text: AvatarText,
149
+ Icon: AvatarIcon,
150
+ Badge: AvatarBadge
151
+ });
152
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["forwardRef","Image","Text","View","createAvatar","cn","useStyleContext","withStyleContext","Icon","IconComponent","avatarBadgeVariants","avatarIconVariants","avatarTextVariants","avatarImageVariants","avatarRootVariants","jsx","_jsx","SCOPE","Root","useAvatarStyleContext","AvatarPrimitive","Badge","AvatarRoot","size","className","children","style","props","ref","computedClassName","context","displayName","AvatarImage","AvatarText","AvatarIcon","AvatarBadge","Avatar","Object","assign"],"sourceRoot":"../../../../src","sources":["components/Avatar/index.tsx"],"mappings":"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","ignoreList":[]}