@thewhileloop/whileui 0.2.2 → 0.2.4

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 (124) hide show
  1. package/README.md +151 -93
  2. package/dist/blocks/auth/forgot-password-form.d.ts +9 -1
  3. package/dist/blocks/auth/forgot-password-form.d.ts.map +1 -1
  4. package/dist/blocks/auth/forgot-password-form.js +8 -2
  5. package/dist/blocks/auth/forgot-password-form.js.map +1 -1
  6. package/dist/blocks/auth/reset-password-form.d.ts +8 -1
  7. package/dist/blocks/auth/reset-password-form.d.ts.map +1 -1
  8. package/dist/blocks/auth/reset-password-form.js +8 -2
  9. package/dist/blocks/auth/reset-password-form.js.map +1 -1
  10. package/dist/blocks/auth/sign-in-form.d.ts +16 -1
  11. package/dist/blocks/auth/sign-in-form.d.ts.map +1 -1
  12. package/dist/blocks/auth/sign-in-form.js +9 -2
  13. package/dist/blocks/auth/sign-in-form.js.map +1 -1
  14. package/dist/blocks/auth/sign-up-form.d.ts +16 -1
  15. package/dist/blocks/auth/sign-up-form.d.ts.map +1 -1
  16. package/dist/blocks/auth/sign-up-form.js +11 -2
  17. package/dist/blocks/auth/sign-up-form.js.map +1 -1
  18. package/dist/blocks/auth/social-connections.d.ts +9 -1
  19. package/dist/blocks/auth/social-connections.d.ts.map +1 -1
  20. package/dist/blocks/auth/social-connections.js +2 -2
  21. package/dist/blocks/auth/social-connections.js.map +1 -1
  22. package/dist/blocks/auth/user-menu.d.ts +11 -1
  23. package/dist/blocks/auth/user-menu.d.ts.map +1 -1
  24. package/dist/blocks/auth/user-menu.js +2 -2
  25. package/dist/blocks/auth/user-menu.js.map +1 -1
  26. package/dist/blocks/auth/verify-email-form.d.ts +9 -1
  27. package/dist/blocks/auth/verify-email-form.d.ts.map +1 -1
  28. package/dist/blocks/auth/verify-email-form.js +8 -2
  29. package/dist/blocks/auth/verify-email-form.js.map +1 -1
  30. package/dist/blocks/commerce/index.d.ts +1 -0
  31. package/dist/blocks/commerce/index.d.ts.map +1 -1
  32. package/dist/blocks/commerce/index.js +1 -0
  33. package/dist/blocks/commerce/index.js.map +1 -1
  34. package/dist/blocks/commerce/metric-card.d.ts +54 -0
  35. package/dist/blocks/commerce/metric-card.d.ts.map +1 -0
  36. package/dist/blocks/commerce/metric-card.js +23 -0
  37. package/dist/blocks/commerce/metric-card.js.map +1 -0
  38. package/dist/blocks/layout/form-modal-screen.d.ts +22 -0
  39. package/dist/blocks/layout/form-modal-screen.d.ts.map +1 -0
  40. package/dist/blocks/layout/form-modal-screen.js +14 -0
  41. package/dist/blocks/layout/form-modal-screen.js.map +1 -0
  42. package/dist/blocks/layout/index.d.ts +1 -0
  43. package/dist/blocks/layout/index.d.ts.map +1 -1
  44. package/dist/blocks/layout/index.js +1 -0
  45. package/dist/blocks/layout/index.js.map +1 -1
  46. package/dist/blocks/layout/loading-screen.d.ts +3 -1
  47. package/dist/blocks/layout/loading-screen.d.ts.map +1 -1
  48. package/dist/blocks/layout/loading-screen.js +2 -2
  49. package/dist/blocks/layout/loading-screen.js.map +1 -1
  50. package/dist/blocks/layout/smart-image.d.ts +9 -0
  51. package/dist/blocks/layout/smart-image.d.ts.map +1 -0
  52. package/dist/blocks/layout/smart-image.js +23 -0
  53. package/dist/blocks/layout/smart-image.js.map +1 -0
  54. package/dist/blocks/lists/index.d.ts +1 -0
  55. package/dist/blocks/lists/index.d.ts.map +1 -1
  56. package/dist/blocks/lists/index.js +1 -0
  57. package/dist/blocks/lists/index.js.map +1 -1
  58. package/dist/blocks/lists/timeline-feed.d.ts +18 -0
  59. package/dist/blocks/lists/timeline-feed.d.ts.map +1 -0
  60. package/dist/blocks/lists/timeline-feed.js +9 -0
  61. package/dist/blocks/lists/timeline-feed.js.map +1 -0
  62. package/dist/blocks/media/index.d.ts +2 -0
  63. package/dist/blocks/media/index.d.ts.map +1 -0
  64. package/dist/blocks/media/index.js +2 -0
  65. package/dist/blocks/media/index.js.map +1 -0
  66. package/dist/blocks/media/smart-image.d.ts +123 -0
  67. package/dist/blocks/media/smart-image.d.ts.map +1 -0
  68. package/dist/blocks/media/smart-image.js +48 -0
  69. package/dist/blocks/media/smart-image.js.map +1 -0
  70. package/dist/blocks/navigation/drawer-menu.d.ts +3 -1
  71. package/dist/blocks/navigation/drawer-menu.d.ts.map +1 -1
  72. package/dist/blocks/navigation/drawer-menu.js +7 -4
  73. package/dist/blocks/navigation/drawer-menu.js.map +1 -1
  74. package/dist/components/badge/badge.d.ts +84 -0
  75. package/dist/components/badge/badge.d.ts.map +1 -1
  76. package/dist/components/badge/badge.js +12 -0
  77. package/dist/components/badge/badge.js.map +1 -1
  78. package/dist/components/box/box.d.ts +143 -0
  79. package/dist/components/box/box.d.ts.map +1 -0
  80. package/dist/components/box/box.js +38 -0
  81. package/dist/components/box/box.js.map +1 -0
  82. package/dist/components/box/index.d.ts +2 -0
  83. package/dist/components/box/index.d.ts.map +1 -0
  84. package/dist/components/box/index.js +2 -0
  85. package/dist/components/box/index.js.map +1 -0
  86. package/dist/components/input/input.d.ts +3 -0
  87. package/dist/components/input/input.d.ts.map +1 -1
  88. package/dist/components/input/input.js +4 -4
  89. package/dist/components/input/input.js.map +1 -1
  90. package/dist/components/layout/index.d.ts +2 -0
  91. package/dist/components/layout/index.d.ts.map +1 -0
  92. package/dist/components/layout/index.js +2 -0
  93. package/dist/components/layout/index.js.map +1 -0
  94. package/dist/components/layout/layout.d.ts +395 -0
  95. package/dist/components/layout/layout.d.ts.map +1 -0
  96. package/dist/components/layout/layout.js +93 -0
  97. package/dist/components/layout/layout.js.map +1 -0
  98. package/dist/components/numeric-input/numeric-input.js +1 -1
  99. package/dist/components/numeric-input/numeric-input.js.map +1 -1
  100. package/dist/components/row/index.d.ts +2 -0
  101. package/dist/components/row/index.d.ts.map +1 -0
  102. package/dist/components/row/index.js +2 -0
  103. package/dist/components/row/index.js.map +1 -0
  104. package/dist/components/row/row.d.ts +185 -0
  105. package/dist/components/row/row.d.ts.map +1 -0
  106. package/dist/components/row/row.js +45 -0
  107. package/dist/components/row/row.js.map +1 -0
  108. package/dist/components/skeleton/skeleton.js +1 -1
  109. package/dist/components/skeleton/skeleton.js.map +1 -1
  110. package/dist/components/stack/index.d.ts +2 -0
  111. package/dist/components/stack/index.d.ts.map +1 -0
  112. package/dist/components/stack/index.js +2 -0
  113. package/dist/components/stack/index.js.map +1 -0
  114. package/dist/components/stack/stack.d.ts +185 -0
  115. package/dist/components/stack/stack.d.ts.map +1 -0
  116. package/dist/components/stack/stack.js +45 -0
  117. package/dist/components/stack/stack.js.map +1 -0
  118. package/dist/components/textarea/textarea.js +1 -1
  119. package/dist/components/textarea/textarea.js.map +1 -1
  120. package/dist/index.d.ts +4 -0
  121. package/dist/index.d.ts.map +1 -1
  122. package/dist/index.js +4 -0
  123. package/dist/index.js.map +1 -1
  124. package/package.json +11 -6
@@ -0,0 +1,123 @@
1
+ import React from 'react';
2
+ import { View, type ViewProps, type ImageProps as RNImageProps } from 'react-native';
3
+ import { type VariantProps } from '../../lib/tv';
4
+ declare const smartImageVariants: import("tailwind-variants").TVReturnType<{
5
+ radius: {
6
+ none: string;
7
+ sm: string;
8
+ md: string;
9
+ lg: string;
10
+ xl: string;
11
+ full: string;
12
+ };
13
+ objectFit: {
14
+ cover: string;
15
+ contain: string;
16
+ fill: string;
17
+ 'scale-down': string;
18
+ };
19
+ }, undefined, "overflow-hidden", import("tailwind-variants/dist/config.js").TVConfig<{
20
+ radius: {
21
+ none: string;
22
+ sm: string;
23
+ md: string;
24
+ lg: string;
25
+ xl: string;
26
+ full: string;
27
+ };
28
+ objectFit: {
29
+ cover: string;
30
+ contain: string;
31
+ fill: string;
32
+ 'scale-down': string;
33
+ };
34
+ }, {
35
+ radius: {
36
+ none: string;
37
+ sm: string;
38
+ md: string;
39
+ lg: string;
40
+ xl: string;
41
+ full: string;
42
+ };
43
+ objectFit: {
44
+ cover: string;
45
+ contain: string;
46
+ fill: string;
47
+ 'scale-down': string;
48
+ };
49
+ }>, {
50
+ radius: {
51
+ none: string;
52
+ sm: string;
53
+ md: string;
54
+ lg: string;
55
+ xl: string;
56
+ full: string;
57
+ };
58
+ objectFit: {
59
+ cover: string;
60
+ contain: string;
61
+ fill: string;
62
+ 'scale-down': string;
63
+ };
64
+ }, undefined, import("tailwind-variants").TVReturnType<{
65
+ radius: {
66
+ none: string;
67
+ sm: string;
68
+ md: string;
69
+ lg: string;
70
+ xl: string;
71
+ full: string;
72
+ };
73
+ objectFit: {
74
+ cover: string;
75
+ contain: string;
76
+ fill: string;
77
+ 'scale-down': string;
78
+ };
79
+ }, undefined, "overflow-hidden", import("tailwind-variants/dist/config.js").TVConfig<{
80
+ radius: {
81
+ none: string;
82
+ sm: string;
83
+ md: string;
84
+ lg: string;
85
+ xl: string;
86
+ full: string;
87
+ };
88
+ objectFit: {
89
+ cover: string;
90
+ contain: string;
91
+ fill: string;
92
+ 'scale-down': string;
93
+ };
94
+ }, {
95
+ radius: {
96
+ none: string;
97
+ sm: string;
98
+ md: string;
99
+ lg: string;
100
+ xl: string;
101
+ full: string;
102
+ };
103
+ objectFit: {
104
+ cover: string;
105
+ contain: string;
106
+ fill: string;
107
+ 'scale-down': string;
108
+ };
109
+ }>, unknown, unknown, undefined>>;
110
+ export interface SmartImageProps extends Omit<ViewProps, 'className'>, VariantProps<typeof smartImageVariants> {
111
+ className?: string;
112
+ source: RNImageProps['source'];
113
+ alt: string;
114
+ skeleton?: boolean;
115
+ skeletonClassName?: string;
116
+ transition?: number;
117
+ onLoad?: () => void;
118
+ onError?: () => void;
119
+ fallbackSource?: RNImageProps['source'];
120
+ }
121
+ declare const SmartImage: React.ForwardRefExoticComponent<SmartImageProps & React.RefAttributes<View>>;
122
+ export { SmartImage, smartImageVariants };
123
+ //# sourceMappingURL=smart-image.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"smart-image.d.ts","sourceRoot":"","sources":["../../../src/blocks/media/smart-image.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,KAAK,UAAU,IAAI,YAAY,EAAE,MAAM,cAAc,CAAC;AAIrF,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,cAAc,CAAC;AAErD,QAAA,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iCAsBtB,CAAC;AAEH,MAAM,WAAW,eACf,SAAQ,IAAI,CAAC,SAAS,EAAE,WAAW,CAAC,EAAE,YAAY,CAAC,OAAO,kBAAkB,CAAC;IAC7E,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,EAAE,YAAY,CAAC,QAAQ,CAAC,CAAC;IAC/B,GAAG,EAAE,MAAM,CAAC;IACZ,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,cAAc,CAAC,EAAE,YAAY,CAAC,QAAQ,CAAC,CAAC;CACzC;AAED,QAAA,MAAM,UAAU,8EAwEf,CAAC;AAIF,OAAO,EAAE,UAAU,EAAE,kBAAkB,EAAE,CAAC"}
@@ -0,0 +1,48 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import React, { useState } from 'react';
3
+ import { View } from 'react-native';
4
+ import { Image } from 'expo-image';
5
+ import { Skeleton } from '../../components/skeleton';
6
+ import { cn } from '../../lib/cn';
7
+ import { tv } from '../../lib/tv';
8
+ const smartImageVariants = tv({
9
+ base: 'overflow-hidden',
10
+ variants: {
11
+ radius: {
12
+ none: 'rounded-none',
13
+ sm: 'rounded-sm',
14
+ md: 'rounded-md',
15
+ lg: 'rounded-lg',
16
+ xl: 'rounded-xl',
17
+ full: 'rounded-full',
18
+ },
19
+ objectFit: {
20
+ cover: 'object-cover',
21
+ contain: 'object-contain',
22
+ fill: 'object-fill',
23
+ 'scale-down': 'object-scale-down',
24
+ },
25
+ },
26
+ defaultVariants: {
27
+ radius: 'md',
28
+ objectFit: 'cover',
29
+ },
30
+ });
31
+ const SmartImage = React.forwardRef(({ className, source, alt, skeleton = true, skeletonClassName, transition = 200, radius, objectFit, onLoad, onError, fallbackSource, ...props }, ref) => {
32
+ const [loading, setLoading] = useState(true);
33
+ const [error, setError] = useState(false);
34
+ const handleLoad = () => {
35
+ setLoading(false);
36
+ onLoad?.();
37
+ };
38
+ const handleError = () => {
39
+ setLoading(false);
40
+ setError(true);
41
+ onError?.();
42
+ };
43
+ const imageSource = error && fallbackSource ? fallbackSource : source;
44
+ return (_jsxs(View, { ref: ref, className: cn(smartImageVariants({ radius, objectFit }), className), ...props, children: [skeleton && loading && (_jsx(Skeleton, { className: cn('absolute inset-0', radius === 'none' && 'rounded-none', radius === 'sm' && 'rounded-sm', radius === 'md' && 'rounded-md', radius === 'lg' && 'rounded-lg', radius === 'xl' && 'rounded-xl', radius === 'full' && 'rounded-full', skeletonClassName) })), _jsx(Image, { source: imageSource, alt: alt, transition: transition, onLoad: handleLoad, onError: handleError, className: cn('w-full h-full', objectFit === 'cover' && 'object-cover', objectFit === 'contain' && 'object-contain', objectFit === 'fill' && 'object-fill', objectFit === 'scale-down' && 'object-scale-down'), style: { opacity: loading && !error ? 0 : 1 } })] }));
45
+ });
46
+ SmartImage.displayName = 'SmartImage';
47
+ export { SmartImage, smartImageVariants };
48
+ //# sourceMappingURL=smart-image.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"smart-image.js","sourceRoot":"","sources":["../../../src/blocks/media/smart-image.tsx"],"names":[],"mappings":"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"}
@@ -19,8 +19,10 @@ export interface DrawerMenuProps {
19
19
  onSelect?: (key: string) => void;
20
20
  header?: React.ReactNode;
21
21
  footer?: React.ReactNode;
22
+ /** Max width in px. On web, defaults to 360 when not provided. */
23
+ maxWidth?: number;
22
24
  className?: string;
23
25
  style?: StyleProp<ViewStyle>;
24
26
  }
25
- export declare function DrawerMenu({ visible, onClose, sections, activeKey, onSelect, header, footer, className, style, }: DrawerMenuProps): import("react/jsx-runtime").JSX.Element;
27
+ export declare function DrawerMenu({ visible, onClose, sections, activeKey, onSelect, header, footer, maxWidth, className, style, }: DrawerMenuProps): import("react/jsx-runtime").JSX.Element;
26
28
  //# sourceMappingURL=drawer-menu.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"drawer-menu.d.ts","sourceRoot":"","sources":["../../../src/blocks/navigation/drawer-menu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAKL,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAetB,MAAM,WAAW,cAAc;IAC7B,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,MAAM,WAAW,iBAAiB;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,cAAc,EAAE,CAAC;CACzB;AAED,MAAM,WAAW,eAAe;IAC9B,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,EAAE,iBAAiB,EAAE,CAAC;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED,wBAAgB,UAAU,CAAC,EACzB,OAAO,EACP,OAAO,EACP,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,MAAM,EACN,MAAM,EACN,SAAS,EACT,KAAK,GACN,EAAE,eAAe,2CAwHjB"}
1
+ {"version":3,"file":"drawer-menu.d.ts","sourceRoot":"","sources":["../../../src/blocks/navigation/drawer-menu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAML,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAetB,MAAM,WAAW,cAAc;IAC7B,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,MAAM,WAAW,iBAAiB;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,cAAc,EAAE,CAAC;CACzB;AAED,MAAM,WAAW,eAAe;IAC9B,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,EAAE,iBAAiB,EAAE,CAAC;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,kEAAkE;IAClE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAID,wBAAgB,UAAU,CAAC,EACzB,OAAO,EACP,OAAO,EACP,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,MAAM,EACN,MAAM,EACN,QAAQ,EACR,SAAS,EACT,KAAK,GACN,EAAE,eAAe,2CAuHjB"}
@@ -1,15 +1,18 @@
1
1
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
2
  import React from 'react';
3
- import { View, Pressable, useWindowDimensions, StyleSheet, } from 'react-native';
3
+ import { View, Pressable, Platform, useWindowDimensions, StyleSheet, } from 'react-native';
4
4
  import Animated, { useSharedValue, useAnimatedStyle, withTiming, Easing, interpolate, } from 'react-native-reanimated';
5
5
  import { Text } from '../../components/text';
6
6
  import { cn } from '../../lib/cn';
7
7
  const DRAWER_WIDTH_RATIO = 0.82;
8
8
  const OPEN_DURATION = 300;
9
9
  const CLOSE_DURATION = 220;
10
- export function DrawerMenu({ visible, onClose, sections, activeKey, onSelect, header, footer, className, style, }) {
10
+ const WEB_DEFAULT_MAX_WIDTH = 360;
11
+ export function DrawerMenu({ visible, onClose, sections, activeKey, onSelect, header, footer, maxWidth, className, style, }) {
11
12
  const { width: screenWidth } = useWindowDimensions();
12
- const drawerWidth = screenWidth * DRAWER_WIDTH_RATIO;
13
+ const rawWidth = screenWidth * DRAWER_WIDTH_RATIO;
14
+ const effectiveMaxWidth = maxWidth ?? (Platform.OS === 'web' ? WEB_DEFAULT_MAX_WIDTH : undefined);
15
+ const drawerWidth = effectiveMaxWidth != null ? Math.min(rawWidth, effectiveMaxWidth) : rawWidth;
13
16
  const progress = useSharedValue(0);
14
17
  React.useEffect(() => {
15
18
  progress.value = withTiming(visible ? 1 : 0, {
@@ -53,7 +56,7 @@ export function DrawerMenu({ visible, onClose, sections, activeKey, onSelect, he
53
56
  ? 'text-destructive'
54
57
  : isActive
55
58
  ? 'text-primary'
56
- : 'text-foreground'), children: item.label }), isActive && (_jsx(View, { className: "w-1.5 h-1.5 rounded-full bg-primary ml-2" })), item.badge !== undefined && (_jsx(View, { className: "bg-primary px-2 py-0.5 rounded-full min-w-[20px] items-center", children: _jsx(Text, { className: "text-xs font-semibold text-primary-foreground", children: item.badge }) }))] }, item.key));
59
+ : 'text-foreground'), children: item.label }), item.badge !== undefined && (_jsx(View, { className: "bg-primary px-2 py-0.5 rounded-full min-w-[20px] items-center", children: _jsx(Text, { className: "text-xs font-semibold text-primary-foreground", children: item.badge }) }))] }, item.key));
57
60
  }) })] }, sectionIndex))) }), footer && _jsx(View, { className: "px-5 py-4 mt-auto border-t border-border", children: footer })] }) })] }));
58
61
  }
59
62
  //# sourceMappingURL=drawer-menu.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"drawer-menu.js","sourceRoot":"","sources":["../../../src/blocks/navigation/drawer-menu.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"drawer-menu.js","sourceRoot":"","sources":["../../../src/blocks/navigation/drawer-menu.tsx"],"names":[],"mappings":"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"}
@@ -9,6 +9,12 @@ declare const badgeVariants: import("tailwind-variants").TVReturnType<{
9
9
  success: string;
10
10
  warning: string;
11
11
  info: string;
12
+ soft: string;
13
+ 'soft-secondary': string;
14
+ 'soft-destructive': string;
15
+ 'soft-success': string;
16
+ 'soft-warning': string;
17
+ 'soft-info': string;
12
18
  };
13
19
  }, undefined, "inline-flex items-center rounded-full px-2.5 py-0.5", import("tailwind-variants/dist/config.js").TVConfig<{
14
20
  variant: {
@@ -19,6 +25,12 @@ declare const badgeVariants: import("tailwind-variants").TVReturnType<{
19
25
  success: string;
20
26
  warning: string;
21
27
  info: string;
28
+ soft: string;
29
+ 'soft-secondary': string;
30
+ 'soft-destructive': string;
31
+ 'soft-success': string;
32
+ 'soft-warning': string;
33
+ 'soft-info': string;
22
34
  };
23
35
  }, {
24
36
  variant: {
@@ -29,6 +41,12 @@ declare const badgeVariants: import("tailwind-variants").TVReturnType<{
29
41
  success: string;
30
42
  warning: string;
31
43
  info: string;
44
+ soft: string;
45
+ 'soft-secondary': string;
46
+ 'soft-destructive': string;
47
+ 'soft-success': string;
48
+ 'soft-warning': string;
49
+ 'soft-info': string;
32
50
  };
33
51
  }>, {
34
52
  variant: {
@@ -39,6 +57,12 @@ declare const badgeVariants: import("tailwind-variants").TVReturnType<{
39
57
  success: string;
40
58
  warning: string;
41
59
  info: string;
60
+ soft: string;
61
+ 'soft-secondary': string;
62
+ 'soft-destructive': string;
63
+ 'soft-success': string;
64
+ 'soft-warning': string;
65
+ 'soft-info': string;
42
66
  };
43
67
  }, undefined, import("tailwind-variants").TVReturnType<{
44
68
  variant: {
@@ -49,6 +73,12 @@ declare const badgeVariants: import("tailwind-variants").TVReturnType<{
49
73
  success: string;
50
74
  warning: string;
51
75
  info: string;
76
+ soft: string;
77
+ 'soft-secondary': string;
78
+ 'soft-destructive': string;
79
+ 'soft-success': string;
80
+ 'soft-warning': string;
81
+ 'soft-info': string;
52
82
  };
53
83
  }, undefined, "inline-flex items-center rounded-full px-2.5 py-0.5", import("tailwind-variants/dist/config.js").TVConfig<{
54
84
  variant: {
@@ -59,6 +89,12 @@ declare const badgeVariants: import("tailwind-variants").TVReturnType<{
59
89
  success: string;
60
90
  warning: string;
61
91
  info: string;
92
+ soft: string;
93
+ 'soft-secondary': string;
94
+ 'soft-destructive': string;
95
+ 'soft-success': string;
96
+ 'soft-warning': string;
97
+ 'soft-info': string;
62
98
  };
63
99
  }, {
64
100
  variant: {
@@ -69,6 +105,12 @@ declare const badgeVariants: import("tailwind-variants").TVReturnType<{
69
105
  success: string;
70
106
  warning: string;
71
107
  info: string;
108
+ soft: string;
109
+ 'soft-secondary': string;
110
+ 'soft-destructive': string;
111
+ 'soft-success': string;
112
+ 'soft-warning': string;
113
+ 'soft-info': string;
72
114
  };
73
115
  }>, unknown, unknown, undefined>>;
74
116
  declare const badgeTextVariants: import("tailwind-variants").TVReturnType<{
@@ -80,6 +122,12 @@ declare const badgeTextVariants: import("tailwind-variants").TVReturnType<{
80
122
  success: string;
81
123
  warning: string;
82
124
  info: string;
125
+ soft: string;
126
+ 'soft-secondary': string;
127
+ 'soft-destructive': string;
128
+ 'soft-success': string;
129
+ 'soft-warning': string;
130
+ 'soft-info': string;
83
131
  };
84
132
  }, undefined, "text-xs font-semibold", import("tailwind-variants/dist/config.js").TVConfig<{
85
133
  variant: {
@@ -90,6 +138,12 @@ declare const badgeTextVariants: import("tailwind-variants").TVReturnType<{
90
138
  success: string;
91
139
  warning: string;
92
140
  info: string;
141
+ soft: string;
142
+ 'soft-secondary': string;
143
+ 'soft-destructive': string;
144
+ 'soft-success': string;
145
+ 'soft-warning': string;
146
+ 'soft-info': string;
93
147
  };
94
148
  }, {
95
149
  variant: {
@@ -100,6 +154,12 @@ declare const badgeTextVariants: import("tailwind-variants").TVReturnType<{
100
154
  success: string;
101
155
  warning: string;
102
156
  info: string;
157
+ soft: string;
158
+ 'soft-secondary': string;
159
+ 'soft-destructive': string;
160
+ 'soft-success': string;
161
+ 'soft-warning': string;
162
+ 'soft-info': string;
103
163
  };
104
164
  }>, {
105
165
  variant: {
@@ -110,6 +170,12 @@ declare const badgeTextVariants: import("tailwind-variants").TVReturnType<{
110
170
  success: string;
111
171
  warning: string;
112
172
  info: string;
173
+ soft: string;
174
+ 'soft-secondary': string;
175
+ 'soft-destructive': string;
176
+ 'soft-success': string;
177
+ 'soft-warning': string;
178
+ 'soft-info': string;
113
179
  };
114
180
  }, undefined, import("tailwind-variants").TVReturnType<{
115
181
  variant: {
@@ -120,6 +186,12 @@ declare const badgeTextVariants: import("tailwind-variants").TVReturnType<{
120
186
  success: string;
121
187
  warning: string;
122
188
  info: string;
189
+ soft: string;
190
+ 'soft-secondary': string;
191
+ 'soft-destructive': string;
192
+ 'soft-success': string;
193
+ 'soft-warning': string;
194
+ 'soft-info': string;
123
195
  };
124
196
  }, undefined, "text-xs font-semibold", import("tailwind-variants/dist/config.js").TVConfig<{
125
197
  variant: {
@@ -130,6 +202,12 @@ declare const badgeTextVariants: import("tailwind-variants").TVReturnType<{
130
202
  success: string;
131
203
  warning: string;
132
204
  info: string;
205
+ soft: string;
206
+ 'soft-secondary': string;
207
+ 'soft-destructive': string;
208
+ 'soft-success': string;
209
+ 'soft-warning': string;
210
+ 'soft-info': string;
133
211
  };
134
212
  }, {
135
213
  variant: {
@@ -140,6 +218,12 @@ declare const badgeTextVariants: import("tailwind-variants").TVReturnType<{
140
218
  success: string;
141
219
  warning: string;
142
220
  info: string;
221
+ soft: string;
222
+ 'soft-secondary': string;
223
+ 'soft-destructive': string;
224
+ 'soft-success': string;
225
+ 'soft-warning': string;
226
+ 'soft-info': string;
143
227
  };
144
228
  }>, unknown, unknown, undefined>>;
145
229
  export interface BadgeProps extends ViewProps, VariantProps<typeof badgeVariants> {
@@ -1 +1 @@
1
- {"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["../../../src/components/badge/badge.tsx"],"names":[],"mappings":"AACA,OAAO,EAAc,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAE1E,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,cAAc,CAAC;AAYrD,QAAA,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iCAgBjB,CAAC;AAEH,QAAA,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iCAgBrB,CAAC;AAEH,MAAM,WAAW,UAAW,SAAQ,SAAS,EAAE,YAAY,CAAC,OAAO,aAAa,CAAC;CAAG;AAEpF,MAAM,WAAW,cAAe,SAAQ,SAAS,EAAE,YAAY,CAAC,OAAO,iBAAiB,CAAC;CAAG;AAE5F,iBAAS,KAAK,CAAC,EAAE,SAAS,EAAE,OAAmB,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,UAAU,2CAQhF;kBARQ,KAAK;;;AAUd,iBAAS,SAAS,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,WAAW,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,2CAK/E;kBALQ,SAAS;;;AAUlB,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,aAAa,EAAE,iBAAiB,EAAE,CAAC"}
1
+ {"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["../../../src/components/badge/badge.tsx"],"names":[],"mappings":"AACA,OAAO,EAAc,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAE1E,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,cAAc,CAAC;AAYrD,QAAA,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iCAsBjB,CAAC;AAEH,QAAA,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iCAsBrB,CAAC;AAEH,MAAM,WAAW,UAAW,SAAQ,SAAS,EAAE,YAAY,CAAC,OAAO,aAAa,CAAC;CAAG;AAEpF,MAAM,WAAW,cAAe,SAAQ,SAAS,EAAE,YAAY,CAAC,OAAO,iBAAiB,CAAC;CAAG;AAE5F,iBAAS,KAAK,CAAC,EAAE,SAAS,EAAE,OAAmB,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,UAAU,2CAQhF;kBARQ,KAAK;;;AAUd,iBAAS,SAAS,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,WAAW,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,2CAK/E;kBALQ,SAAS;;;AAUlB,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,aAAa,EAAE,iBAAiB,EAAE,CAAC"}
@@ -17,6 +17,12 @@ const badgeVariants = tv({
17
17
  success: 'bg-success',
18
18
  warning: 'bg-warning',
19
19
  info: 'bg-info',
20
+ soft: 'bg-primary/10',
21
+ 'soft-secondary': 'bg-secondary/60',
22
+ 'soft-destructive': 'bg-destructive/10',
23
+ 'soft-success': 'bg-success/10',
24
+ 'soft-warning': 'bg-warning/10',
25
+ 'soft-info': 'bg-info/10',
20
26
  },
21
27
  },
22
28
  defaultVariants: {
@@ -34,6 +40,12 @@ const badgeTextVariants = tv({
34
40
  success: 'text-success-foreground',
35
41
  warning: 'text-warning-foreground',
36
42
  info: 'text-info-foreground',
43
+ soft: 'text-primary',
44
+ 'soft-secondary': 'text-secondary-foreground',
45
+ 'soft-destructive': 'text-destructive',
46
+ 'soft-success': 'text-success',
47
+ 'soft-warning': 'text-warning',
48
+ 'soft-info': 'text-info',
37
49
  },
38
50
  },
39
51
  defaultVariants: {
@@ -1 +1 @@
1
- {"version":3,"file":"badge.js","sourceRoot":"","sources":["../../../src/components/badge/badge.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAClD,OAAO,EAAE,IAAI,EAAE,IAAI,EAAkC,MAAM,cAAc,CAAC;AAC1E,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAClC,OAAO,EAAE,EAAE,EAAqB,MAAM,cAAc,CAAC;AAQrD,MAAM,YAAY,GAAG,aAAa,CAAoB;IACpD,OAAO,EAAE,SAAS;CACnB,CAAC,CAAC;AAEH,MAAM,aAAa,GAAG,EAAE,CAAC;IACvB,IAAI,EAAE,qDAAqD;IAC3D,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,OAAO,EAAE,YAAY;YACrB,SAAS,EAAE,cAAc;YACzB,WAAW,EAAE,gBAAgB;YAC7B,OAAO,EAAE,qCAAqC;YAC9C,OAAO,EAAE,YAAY;YACrB,OAAO,EAAE,YAAY;YACrB,IAAI,EAAE,SAAS;SAChB;KACF;IACD,eAAe,EAAE;QACf,OAAO,EAAE,SAAS;KACnB;CACF,CAAC,CAAC;AAEH,MAAM,iBAAiB,GAAG,EAAE,CAAC;IAC3B,IAAI,EAAE,uBAAuB;IAC7B,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,OAAO,EAAE,yBAAyB;YAClC,SAAS,EAAE,2BAA2B;YACtC,WAAW,EAAE,6BAA6B;YAC1C,OAAO,EAAE,iBAAiB;YAC1B,OAAO,EAAE,yBAAyB;YAClC,OAAO,EAAE,yBAAyB;YAClC,IAAI,EAAE,sBAAsB;SAC7B;KACF;IACD,eAAe,EAAE;QACf,OAAO,EAAE,SAAS;KACnB;CACF,CAAC,CAAC;AAMH,SAAS,KAAK,CAAC,EAAE,SAAS,EAAE,OAAO,GAAG,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAc;IAC/E,OAAO,CACL,KAAC,YAAY,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,OAAO,EAAE,YACvC,KAAC,IAAI,IAAC,SAAS,EAAE,EAAE,CAAC,aAAa,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,SAAS,CAAC,KAAM,KAAK,YAClE,QAAQ,GACJ,GACe,CACzB,CAAC;AACJ,CAAC;AAED,SAAS,SAAS,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,WAAW,EAAE,GAAG,KAAK,EAAkB;IAC9E,MAAM,OAAO,GAAG,UAAU,CAAC,YAAY,CAAC,CAAC;IACzC,MAAM,OAAO,GAAG,WAAW,IAAI,OAAO,CAAC,OAAO,CAAC;IAE/C,OAAO,KAAC,IAAI,IAAC,SAAS,EAAE,EAAE,CAAC,iBAAiB,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,SAAS,CAAC,KAAM,KAAK,GAAI,CAAC;AACvF,CAAC;AAED,KAAK,CAAC,WAAW,GAAG,OAAO,CAAC;AAC5B,SAAS,CAAC,WAAW,GAAG,WAAW,CAAC;AAEpC,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,aAAa,EAAE,iBAAiB,EAAE,CAAC"}
1
+ {"version":3,"file":"badge.js","sourceRoot":"","sources":["../../../src/components/badge/badge.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAClD,OAAO,EAAE,IAAI,EAAE,IAAI,EAAkC,MAAM,cAAc,CAAC;AAC1E,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAClC,OAAO,EAAE,EAAE,EAAqB,MAAM,cAAc,CAAC;AAQrD,MAAM,YAAY,GAAG,aAAa,CAAoB;IACpD,OAAO,EAAE,SAAS;CACnB,CAAC,CAAC;AAEH,MAAM,aAAa,GAAG,EAAE,CAAC;IACvB,IAAI,EAAE,qDAAqD;IAC3D,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,OAAO,EAAE,YAAY;YACrB,SAAS,EAAE,cAAc;YACzB,WAAW,EAAE,gBAAgB;YAC7B,OAAO,EAAE,qCAAqC;YAC9C,OAAO,EAAE,YAAY;YACrB,OAAO,EAAE,YAAY;YACrB,IAAI,EAAE,SAAS;YACf,IAAI,EAAE,eAAe;YACrB,gBAAgB,EAAE,iBAAiB;YACnC,kBAAkB,EAAE,mBAAmB;YACvC,cAAc,EAAE,eAAe;YAC/B,cAAc,EAAE,eAAe;YAC/B,WAAW,EAAE,YAAY;SAC1B;KACF;IACD,eAAe,EAAE;QACf,OAAO,EAAE,SAAS;KACnB;CACF,CAAC,CAAC;AAEH,MAAM,iBAAiB,GAAG,EAAE,CAAC;IAC3B,IAAI,EAAE,uBAAuB;IAC7B,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,OAAO,EAAE,yBAAyB;YAClC,SAAS,EAAE,2BAA2B;YACtC,WAAW,EAAE,6BAA6B;YAC1C,OAAO,EAAE,iBAAiB;YAC1B,OAAO,EAAE,yBAAyB;YAClC,OAAO,EAAE,yBAAyB;YAClC,IAAI,EAAE,sBAAsB;YAC5B,IAAI,EAAE,cAAc;YACpB,gBAAgB,EAAE,2BAA2B;YAC7C,kBAAkB,EAAE,kBAAkB;YACtC,cAAc,EAAE,cAAc;YAC9B,cAAc,EAAE,cAAc;YAC9B,WAAW,EAAE,WAAW;SACzB;KACF;IACD,eAAe,EAAE;QACf,OAAO,EAAE,SAAS;KACnB;CACF,CAAC,CAAC;AAMH,SAAS,KAAK,CAAC,EAAE,SAAS,EAAE,OAAO,GAAG,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAc;IAC/E,OAAO,CACL,KAAC,YAAY,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,OAAO,EAAE,YACvC,KAAC,IAAI,IAAC,SAAS,EAAE,EAAE,CAAC,aAAa,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,SAAS,CAAC,KAAM,KAAK,YAClE,QAAQ,GACJ,GACe,CACzB,CAAC;AACJ,CAAC;AAED,SAAS,SAAS,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,WAAW,EAAE,GAAG,KAAK,EAAkB;IAC9E,MAAM,OAAO,GAAG,UAAU,CAAC,YAAY,CAAC,CAAC;IACzC,MAAM,OAAO,GAAG,WAAW,IAAI,OAAO,CAAC,OAAO,CAAC;IAE/C,OAAO,KAAC,IAAI,IAAC,SAAS,EAAE,EAAE,CAAC,iBAAiB,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,SAAS,CAAC,KAAM,KAAK,GAAI,CAAC;AACvF,CAAC;AAED,KAAK,CAAC,WAAW,GAAG,OAAO,CAAC;AAC5B,SAAS,CAAC,WAAW,GAAG,WAAW,CAAC;AAEpC,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,aAAa,EAAE,iBAAiB,EAAE,CAAC"}
@@ -0,0 +1,143 @@
1
+ import React from 'react';
2
+ import { View, type ViewProps } from 'react-native';
3
+ import { type VariantProps } from '../../lib/tv';
4
+ declare const boxVariants: import("tailwind-variants").TVReturnType<{
5
+ padding: {
6
+ none: string;
7
+ xs: string;
8
+ sm: string;
9
+ md: string;
10
+ lg: string;
11
+ xl: string;
12
+ '2xl': string;
13
+ };
14
+ margin: {
15
+ none: string;
16
+ xs: string;
17
+ sm: string;
18
+ md: string;
19
+ lg: string;
20
+ xl: string;
21
+ '2xl': string;
22
+ };
23
+ }, undefined, "", import("tailwind-variants/dist/config.js").TVConfig<{
24
+ padding: {
25
+ none: string;
26
+ xs: string;
27
+ sm: string;
28
+ md: string;
29
+ lg: string;
30
+ xl: string;
31
+ '2xl': string;
32
+ };
33
+ margin: {
34
+ none: string;
35
+ xs: string;
36
+ sm: string;
37
+ md: string;
38
+ lg: string;
39
+ xl: string;
40
+ '2xl': string;
41
+ };
42
+ }, {
43
+ padding: {
44
+ none: string;
45
+ xs: string;
46
+ sm: string;
47
+ md: string;
48
+ lg: string;
49
+ xl: string;
50
+ '2xl': string;
51
+ };
52
+ margin: {
53
+ none: string;
54
+ xs: string;
55
+ sm: string;
56
+ md: string;
57
+ lg: string;
58
+ xl: string;
59
+ '2xl': string;
60
+ };
61
+ }>, {
62
+ padding: {
63
+ none: string;
64
+ xs: string;
65
+ sm: string;
66
+ md: string;
67
+ lg: string;
68
+ xl: string;
69
+ '2xl': string;
70
+ };
71
+ margin: {
72
+ none: string;
73
+ xs: string;
74
+ sm: string;
75
+ md: string;
76
+ lg: string;
77
+ xl: string;
78
+ '2xl': string;
79
+ };
80
+ }, undefined, import("tailwind-variants").TVReturnType<{
81
+ padding: {
82
+ none: string;
83
+ xs: string;
84
+ sm: string;
85
+ md: string;
86
+ lg: string;
87
+ xl: string;
88
+ '2xl': string;
89
+ };
90
+ margin: {
91
+ none: string;
92
+ xs: string;
93
+ sm: string;
94
+ md: string;
95
+ lg: string;
96
+ xl: string;
97
+ '2xl': string;
98
+ };
99
+ }, undefined, "", import("tailwind-variants/dist/config.js").TVConfig<{
100
+ padding: {
101
+ none: string;
102
+ xs: string;
103
+ sm: string;
104
+ md: string;
105
+ lg: string;
106
+ xl: string;
107
+ '2xl': string;
108
+ };
109
+ margin: {
110
+ none: string;
111
+ xs: string;
112
+ sm: string;
113
+ md: string;
114
+ lg: string;
115
+ xl: string;
116
+ '2xl': string;
117
+ };
118
+ }, {
119
+ padding: {
120
+ none: string;
121
+ xs: string;
122
+ sm: string;
123
+ md: string;
124
+ lg: string;
125
+ xl: string;
126
+ '2xl': string;
127
+ };
128
+ margin: {
129
+ none: string;
130
+ xs: string;
131
+ sm: string;
132
+ md: string;
133
+ lg: string;
134
+ xl: string;
135
+ '2xl': string;
136
+ };
137
+ }>, unknown, unknown, undefined>>;
138
+ export interface BoxProps extends Omit<ViewProps, 'className'>, VariantProps<typeof boxVariants> {
139
+ className?: string;
140
+ }
141
+ declare const Box: React.ForwardRefExoticComponent<BoxProps & React.RefAttributes<View>>;
142
+ export { Box, boxVariants };
143
+ //# sourceMappingURL=box.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"box.d.ts","sourceRoot":"","sources":["../../../src/components/box/box.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAEpD,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,cAAc,CAAC;AAErD,QAAA,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iCA0Bf,CAAC;AAEH,MAAM,WAAW,QAAS,SAAQ,IAAI,CAAC,SAAS,EAAE,WAAW,CAAC,EAAE,YAAY,CAAC,OAAO,WAAW,CAAC;IAC9F,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,GAAG,uEAMR,CAAC;AAIF,OAAO,EAAE,GAAG,EAAE,WAAW,EAAE,CAAC"}
@@ -0,0 +1,38 @@
1
+ import { jsx as _jsx } from "react/jsx-runtime";
2
+ import React from 'react';
3
+ import { View } from 'react-native';
4
+ import { cn } from '../../lib/cn';
5
+ import { tv } from '../../lib/tv';
6
+ const boxVariants = tv({
7
+ base: '',
8
+ variants: {
9
+ padding: {
10
+ none: '',
11
+ xs: 'p-1',
12
+ sm: 'p-2',
13
+ md: 'p-3',
14
+ lg: 'p-4',
15
+ xl: 'p-6',
16
+ '2xl': 'p-8',
17
+ },
18
+ margin: {
19
+ none: '',
20
+ xs: 'm-1',
21
+ sm: 'm-2',
22
+ md: 'm-3',
23
+ lg: 'm-4',
24
+ xl: 'm-6',
25
+ '2xl': 'm-8',
26
+ },
27
+ },
28
+ defaultVariants: {
29
+ padding: 'none',
30
+ margin: 'none',
31
+ },
32
+ });
33
+ const Box = React.forwardRef(({ className, padding, margin, ...props }, ref) => {
34
+ return (_jsx(View, { ref: ref, className: cn(boxVariants({ padding, margin }), className), ...props }));
35
+ });
36
+ Box.displayName = 'Box';
37
+ export { Box, boxVariants };
38
+ //# sourceMappingURL=box.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"box.js","sourceRoot":"","sources":["../../../src/components/box/box.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAkB,MAAM,cAAc,CAAC;AACpD,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAClC,OAAO,EAAE,EAAE,EAAqB,MAAM,cAAc,CAAC;AAErD,MAAM,WAAW,GAAG,EAAE,CAAC;IACrB,IAAI,EAAE,EAAE;IACR,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,IAAI,EAAE,EAAE;YACR,EAAE,EAAE,KAAK;YACT,EAAE,EAAE,KAAK;YACT,EAAE,EAAE,KAAK;YACT,EAAE,EAAE,KAAK;YACT,EAAE,EAAE,KAAK;YACT,KAAK,EAAE,KAAK;SACb;QACD,MAAM,EAAE;YACN,IAAI,EAAE,EAAE;YACR,EAAE,EAAE,KAAK;YACT,EAAE,EAAE,KAAK;YACT,EAAE,EAAE,KAAK;YACT,EAAE,EAAE,KAAK;YACT,EAAE,EAAE,KAAK;YACT,KAAK,EAAE,KAAK;SACb;KACF;IACD,eAAe,EAAE;QACf,OAAO,EAAE,MAAM;QACf,MAAM,EAAE,MAAM;KACf;CACF,CAAC,CAAC;AAMH,MAAM,GAAG,GAAG,KAAK,CAAC,UAAU,CAC1B,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IAChD,OAAO,CACL,KAAC,IAAI,IAAC,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,EAAE,CAAC,WAAW,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,CAAC,EAAE,SAAS,CAAC,KAAM,KAAK,GAAI,CAC1F,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,GAAG,CAAC,WAAW,GAAG,KAAK,CAAC;AAExB,OAAO,EAAE,GAAG,EAAE,WAAW,EAAE,CAAC"}