@thewhileloop/whileui 0.2.1 → 0.2.3

package/dist/blocks/navigation/drawer-menu.js

@@ -4,9 +4,9 @@ import { View, Pressable, useWindowDimensions, StyleSheet, } from 'react-native'
 import Animated, { useSharedValue, useAnimatedStyle, withTiming, Easing, interpolate, } from 'react-native-reanimated';
 import { Text } from '../../components/text';
 import { cn } from '../../lib/cn';
-const DRAWER_WIDTH_RATIO = 0.85;
-const OPEN_DURATION = 280;
-const CLOSE_DURATION = 250;
+const DRAWER_WIDTH_RATIO = 0.82;
+const OPEN_DURATION = 300;
+const CLOSE_DURATION = 220;
 export function DrawerMenu({ visible, onClose, sections, activeKey, onSelect, header, footer, className, style, }) {
     const { width: screenWidth } = useWindowDimensions();
     const drawerWidth = screenWidth * DRAWER_WIDTH_RATIO;
@@ -14,7 +14,9 @@ export function DrawerMenu({ visible, onClose, sections, activeKey, onSelect, he
     React.useEffect(() => {
         progress.value = withTiming(visible ? 1 : 0, {
             duration: visible ? OPEN_DURATION : CLOSE_DURATION,
-            easing: visible ? Easing.out(Easing.cubic) : Easing.in(Easing.cubic),
+            easing: visible
+                ? Easing.bezier(0.2, 0.8, 0.2, 1) // Swift, decelerating entrance
+                : Easing.bezier(0.4, 0, 1, 1), // Accelerating, sharp exit
         });
     }, [visible, progress]);
     const backdropStyle = useAnimatedStyle(() => ({
@@ -37,12 +39,17 @@ export function DrawerMenu({ visible, onClose, sections, activeKey, onSelect, he
                         bottom: 0,
                         left: 0,
                         width: drawerWidth,
+                        shadowColor: '#000',
+                        shadowOffset: { width: 4, height: 0 },
+                        shadowOpacity: 0.15,
+                        shadowRadius: 24,
+                        elevation: 16,
                     },
                     drawerStyle,
                     style,
-                ], className: cn('bg-background border-r border-border', className), children: _jsxs(View, { className: "flex-1 pt-14", children: [header && _jsx(View, { className: "px-5 pb-4 mb-2 border-b border-border", children: header }), _jsx(View, { className: "flex-1 px-3", children: sections.map((section, sectionIndex) => (_jsxs(View, { className: "mb-4", children: [section.title && (_jsx(Text, { className: "text-xs font-medium text-muted-foreground uppercase tracking-wide px-3 mb-2", children: section.title })), _jsx(View, { className: "gap-0.5", children: section.items.map((item) => {
+                ], className: cn('bg-background border-r border-border rounded-r-2xl', className), children: _jsxs(View, { className: "flex-1 pt-14 pb-8", children: [header && _jsx(View, { className: "px-5 pb-4 mb-2 border-b border-border", children: header }), _jsx(View, { className: "flex-1 px-3", children: sections.map((section, sectionIndex) => (_jsxs(View, { className: "mb-4", children: [section.title && (_jsx(Text, { className: "text-xs font-medium text-muted-foreground uppercase tracking-wide px-3 mb-2", children: section.title })), _jsx(View, { className: "gap-0.5", children: section.items.map((item) => {
                                             const isActive = activeKey === item.key;
-                                            return (_jsxs(Pressable, { onPress: () => handleItemPress(item.key), className: cn('flex-row items-center gap-3 px-3 py-3 rounded-lg active:opacity-70', isActive && 'bg-primary/10'), children: [item.icon, _jsx(Text, { className: cn('flex-1 font-medium', item.destructive
+                                            return (_jsxs(Pressable, { onPress: () => handleItemPress(item.key), className: cn('flex-row items-center gap-3 px-4 py-3 mx-1 rounded-xl active:opacity-70 transition-colors', isActive && 'bg-primary/5'), children: [item.icon, _jsx(Text, { className: cn('flex-1 text-[15px] font-semibold tracking-tight', item.destructive
                                                             ? 'text-destructive'
                                                             : isActive
                                                                 ? 'text-primary'

package/dist/blocks/navigation/drawer-menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"drawer-menu.js","sourceRoot":"","sources":["../../../src/blocks/navigation/drawer-menu.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"drawer-menu.js","sourceRoot":"","sources":["../../../src/blocks/navigation/drawer-menu.tsx"],"names":[],"mappings":"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"}

package/dist/components/badge/badge.d.ts

@@ -9,6 +9,12 @@ declare const badgeVariants: import("tailwind-variants").TVReturnType<{
         success: string;
         warning: string;
         info: string;
+        soft: string;
+        'soft-secondary': string;
+        'soft-destructive': string;
+        'soft-success': string;
+        'soft-warning': string;
+        'soft-info': string;
     };
 }, undefined, "inline-flex items-center rounded-full px-2.5 py-0.5", import("tailwind-variants/dist/config.js").TVConfig<{
     variant: {
@@ -19,6 +25,12 @@ declare const badgeVariants: import("tailwind-variants").TVReturnType<{
         success: string;
         warning: string;
         info: string;
+        soft: string;
+        'soft-secondary': string;
+        'soft-destructive': string;
+        'soft-success': string;
+        'soft-warning': string;
+        'soft-info': string;
     };
 }, {
     variant: {
@@ -29,6 +41,12 @@ declare const badgeVariants: import("tailwind-variants").TVReturnType<{
         success: string;
         warning: string;
         info: string;
+        soft: string;
+        'soft-secondary': string;
+        'soft-destructive': string;
+        'soft-success': string;
+        'soft-warning': string;
+        'soft-info': string;
     };
 }>, {
     variant: {
@@ -39,6 +57,12 @@ declare const badgeVariants: import("tailwind-variants").TVReturnType<{
         success: string;
         warning: string;
         info: string;
+        soft: string;
+        'soft-secondary': string;
+        'soft-destructive': string;
+        'soft-success': string;
+        'soft-warning': string;
+        'soft-info': string;
     };
 }, undefined, import("tailwind-variants").TVReturnType<{
     variant: {
@@ -49,6 +73,12 @@ declare const badgeVariants: import("tailwind-variants").TVReturnType<{
         success: string;
         warning: string;
         info: string;
+        soft: string;
+        'soft-secondary': string;
+        'soft-destructive': string;
+        'soft-success': string;
+        'soft-warning': string;
+        'soft-info': string;
     };
 }, undefined, "inline-flex items-center rounded-full px-2.5 py-0.5", import("tailwind-variants/dist/config.js").TVConfig<{
     variant: {
@@ -59,6 +89,12 @@ declare const badgeVariants: import("tailwind-variants").TVReturnType<{
         success: string;
         warning: string;
         info: string;
+        soft: string;
+        'soft-secondary': string;
+        'soft-destructive': string;
+        'soft-success': string;
+        'soft-warning': string;
+        'soft-info': string;
     };
 }, {
     variant: {
@@ -69,6 +105,12 @@ declare const badgeVariants: import("tailwind-variants").TVReturnType<{
         success: string;
         warning: string;
         info: string;
+        soft: string;
+        'soft-secondary': string;
+        'soft-destructive': string;
+        'soft-success': string;
+        'soft-warning': string;
+        'soft-info': string;
     };
 }>, unknown, unknown, undefined>>;
 declare const badgeTextVariants: import("tailwind-variants").TVReturnType<{
@@ -80,6 +122,12 @@ declare const badgeTextVariants: import("tailwind-variants").TVReturnType<{
         success: string;
         warning: string;
         info: string;
+        soft: string;
+        'soft-secondary': string;
+        'soft-destructive': string;
+        'soft-success': string;
+        'soft-warning': string;
+        'soft-info': string;
     };
 }, undefined, "text-xs font-semibold", import("tailwind-variants/dist/config.js").TVConfig<{
     variant: {
@@ -90,6 +138,12 @@ declare const badgeTextVariants: import("tailwind-variants").TVReturnType<{
         success: string;
         warning: string;
         info: string;
+        soft: string;
+        'soft-secondary': string;
+        'soft-destructive': string;
+        'soft-success': string;
+        'soft-warning': string;
+        'soft-info': string;
     };
 }, {
     variant: {
@@ -100,6 +154,12 @@ declare const badgeTextVariants: import("tailwind-variants").TVReturnType<{
         success: string;
         warning: string;
         info: string;
+        soft: string;
+        'soft-secondary': string;
+        'soft-destructive': string;
+        'soft-success': string;
+        'soft-warning': string;
+        'soft-info': string;
     };
 }>, {
     variant: {
@@ -110,6 +170,12 @@ declare const badgeTextVariants: import("tailwind-variants").TVReturnType<{
         success: string;
         warning: string;
         info: string;
+        soft: string;
+        'soft-secondary': string;
+        'soft-destructive': string;
+        'soft-success': string;
+        'soft-warning': string;
+        'soft-info': string;
     };
 }, undefined, import("tailwind-variants").TVReturnType<{
     variant: {
@@ -120,6 +186,12 @@ declare const badgeTextVariants: import("tailwind-variants").TVReturnType<{
         success: string;
         warning: string;
         info: string;
+        soft: string;
+        'soft-secondary': string;
+        'soft-destructive': string;
+        'soft-success': string;
+        'soft-warning': string;
+        'soft-info': string;
     };
 }, undefined, "text-xs font-semibold", import("tailwind-variants/dist/config.js").TVConfig<{
     variant: {
@@ -130,6 +202,12 @@ declare const badgeTextVariants: import("tailwind-variants").TVReturnType<{
         success: string;
         warning: string;
         info: string;
+        soft: string;
+        'soft-secondary': string;
+        'soft-destructive': string;
+        'soft-success': string;
+        'soft-warning': string;
+        'soft-info': string;
     };
 }, {
     variant: {
@@ -140,6 +218,12 @@ declare const badgeTextVariants: import("tailwind-variants").TVReturnType<{
         success: string;
         warning: string;
         info: string;
+        soft: string;
+        'soft-secondary': string;
+        'soft-destructive': string;
+        'soft-success': string;
+        'soft-warning': string;
+        'soft-info': string;
     };
 }>, unknown, unknown, undefined>>;
 export interface BadgeProps extends ViewProps, VariantProps<typeof badgeVariants> {

package/dist/components/badge/badge.d.ts.map

@@ -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"}
+{"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"}

package/dist/components/badge/badge.js

@@ -17,6 +17,12 @@ const badgeVariants = tv({
             success: 'bg-success',
             warning: 'bg-warning',
             info: 'bg-info',
+            soft: 'bg-primary/10',
+            'soft-secondary': 'bg-secondary/60',
+            'soft-destructive': 'bg-destructive/10',
+            'soft-success': 'bg-success/10',
+            'soft-warning': 'bg-warning/10',
+            'soft-info': 'bg-info/10',
         },
     },
     defaultVariants: {
@@ -34,6 +40,12 @@ const badgeTextVariants = tv({
             success: 'text-success-foreground',
             warning: 'text-warning-foreground',
             info: 'text-info-foreground',
+            soft: 'text-primary',
+            'soft-secondary': 'text-secondary-foreground',
+            'soft-destructive': 'text-destructive',
+            'soft-success': 'text-success',
+            'soft-warning': 'text-warning',
+            'soft-info': 'text-info',
         },
     },
     defaultVariants: {

package/dist/components/badge/badge.js.map

@@ -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"}
+{"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"}

package/dist/components/box/box.d.ts

@@ -0,0 +1,143 @@
+import React from 'react';
+import { View, type ViewProps } from 'react-native';
+import { type VariantProps } from '../../lib/tv';
+declare const boxVariants: import("tailwind-variants").TVReturnType<{
+    padding: {
+        none: string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        '2xl': string;
+    };
+    margin: {
+        none: string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        '2xl': string;
+    };
+}, undefined, "", import("tailwind-variants/dist/config.js").TVConfig<{
+    padding: {
+        none: string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        '2xl': string;
+    };
+    margin: {
+        none: string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        '2xl': string;
+    };
+}, {
+    padding: {
+        none: string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        '2xl': string;
+    };
+    margin: {
+        none: string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        '2xl': string;
+    };
+}>, {
+    padding: {
+        none: string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        '2xl': string;
+    };
+    margin: {
+        none: string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        '2xl': string;
+    };
+}, undefined, import("tailwind-variants").TVReturnType<{
+    padding: {
+        none: string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        '2xl': string;
+    };
+    margin: {
+        none: string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        '2xl': string;
+    };
+}, undefined, "", import("tailwind-variants/dist/config.js").TVConfig<{
+    padding: {
+        none: string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        '2xl': string;
+    };
+    margin: {
+        none: string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        '2xl': string;
+    };
+}, {
+    padding: {
+        none: string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        '2xl': string;
+    };
+    margin: {
+        none: string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        '2xl': string;
+    };
+}>, unknown, unknown, undefined>>;
+export interface BoxProps extends Omit<ViewProps, 'className'>, VariantProps<typeof boxVariants> {
+    className?: string;
+}
+declare const Box: React.ForwardRefExoticComponent<BoxProps & React.RefAttributes<View>>;
+export { Box, boxVariants };
+//# sourceMappingURL=box.d.ts.map

package/dist/components/box/box.d.ts.map

@@ -0,0 +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"}

package/dist/components/box/box.js

@@ -0,0 +1,38 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import { View } from 'react-native';
+import { cn } from '../../lib/cn';
+import { tv } from '../../lib/tv';
+const boxVariants = tv({
+    base: '',
+    variants: {
+        padding: {
+            none: '',
+            xs: 'p-1',
+            sm: 'p-2',
+            md: 'p-3',
+            lg: 'p-4',
+            xl: 'p-6',
+            '2xl': 'p-8',
+        },
+        margin: {
+            none: '',
+            xs: 'm-1',
+            sm: 'm-2',
+            md: 'm-3',
+            lg: 'm-4',
+            xl: 'm-6',
+            '2xl': 'm-8',
+        },
+    },
+    defaultVariants: {
+        padding: 'none',
+        margin: 'none',
+    },
+});
+const Box = React.forwardRef(({ className, padding, margin, ...props }, ref) => {
+    return (_jsx(View, { ref: ref, className: cn(boxVariants({ padding, margin }), className), ...props }));
+});
+Box.displayName = 'Box';
+export { Box, boxVariants };
+//# sourceMappingURL=box.js.map

package/dist/components/box/box.js.map

@@ -0,0 +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"}

package/dist/components/box/index.d.ts

@@ -0,0 +1,2 @@
+export { Box, boxVariants, type BoxProps } from './box';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/box/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/box/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,WAAW,EAAE,KAAK,QAAQ,EAAE,MAAM,OAAO,CAAC"}

package/dist/components/box/index.js

@@ -0,0 +1,2 @@
+export { Box, boxVariants } from './box';
+//# sourceMappingURL=index.js.map

package/dist/components/box/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/box/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,WAAW,EAAiB,MAAM,OAAO,CAAC"}

package/dist/components/input/input.d.ts

@@ -39,6 +39,9 @@ declare const inputVariants: import("tailwind-variants").TVReturnType<{
 }>, unknown, unknown, undefined>>;
 export interface InputProps extends TextInputProps, VariantProps<typeof inputVariants> {
     className?: string;
+    prefix?: React.ReactNode;
+    suffix?: React.ReactNode;
+    inputClassName?: string;
 }
 declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<TextInput>>;
 export { Input, inputVariants };

package/dist/components/input/input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../../src/components/input/input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,cAAc,CAAC;AAE9D,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,cAAc,CAAC;AAErD,QAAA,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iCAWjB,CAAC;AAEH,MAAM,WAAW,UAAW,SAAQ,cAAc,EAAE,YAAY,CAAC,OAAO,aAAa,CAAC;IACpF,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,KAAK,8EAYV,CAAC;AAIF,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,CAAC"}
+{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../../src/components/input/input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAQ,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,cAAc,CAAC;AAEpE,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,cAAc,CAAC;AAErD,QAAA,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iCAWjB,CAAC;AAEH,MAAM,WAAW,UAAW,SAAQ,cAAc,EAAE,YAAY,CAAC,OAAO,aAAa,CAAC;IACpF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,QAAA,MAAM,KAAK,8EAwCV,CAAC;AAIF,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,CAAC"}

package/dist/components/input/input.js

@@ -1,6 +1,6 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
-import { TextInput } from 'react-native';
+import { View, TextInput } from 'react-native';
 import { cn } from '../../lib/cn';
 import { tv } from '../../lib/tv';
 const inputVariants = tv({
@@ -15,8 +15,8 @@ const inputVariants = tv({
         variant: 'default',
     },
 });
-const Input = React.forwardRef(({ className, variant, editable = true, placeholderTextColor = '#737373', ...props }, ref) => {
-    return (_jsx(TextInput, { ref: ref, className: cn(inputVariants({ variant }), !editable && 'opacity-50', className), editable: editable, placeholderTextColor: placeholderTextColor, ...props }));
+const Input = React.forwardRef(({ className, prefix, suffix, inputClassName, variant, editable = true, placeholderTextColor = '#737373', ...props }, ref) => {
+    return (_jsxs(View, { className: cn('flex-row items-center rounded-md border border-input bg-background', inputVariants({ variant }), !editable && 'opacity-50', className), children: [prefix && _jsx(View, { className: "pl-3", children: prefix }), _jsx(TextInput, { ref: ref, className: cn('flex-1 py-2 text-sm text-foreground placeholder:text-muted-foreground', prefix && 'pl-2', suffix && 'pr-2', inputClassName), editable: editable, placeholderTextColor: placeholderTextColor, ...props }), suffix && _jsx(View, { className: "pr-3", children: suffix })] }));
 });
 Input.displayName = 'Input';
 export { Input, inputVariants };

package/dist/components/input/input.js.map

@@ -1 +1 @@
-{"version":3,"file":"input.js","sourceRoot":"","sources":["../../../src/components/input/input.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAuB,MAAM,cAAc,CAAC;AAC9D,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAClC,OAAO,EAAE,EAAE,EAAqB,MAAM,cAAc,CAAC;AAErD,MAAM,aAAa,GAAG,EAAE,CAAC;IACvB,IAAI,EAAE,iGAAiG;IACvG,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,OAAO,EAAE,cAAc;YACvB,KAAK,EAAE,oBAAoB;SAC5B;KACF;IACD,eAAe,EAAE;QACf,OAAO,EAAE,SAAS;KACnB;CACF,CAAC,CAAC;AAMH,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAC5B,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,GAAG,IAAI,EAAE,oBAAoB,GAAG,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IAC3F,OAAO,CACL,KAAC,SAAS,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,aAAa,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,QAAQ,IAAI,YAAY,EAAE,SAAS,CAAC,EAC/E,QAAQ,EAAE,QAAQ,EAClB,oBAAoB,EAAE,oBAAoB,KACtC,KAAK,GACT,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,KAAK,CAAC,WAAW,GAAG,OAAO,CAAC;AAE5B,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,CAAC"}
+{"version":3,"file":"input.js","sourceRoot":"","sources":["../../../src/components/input/input.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,SAAS,EAAuB,MAAM,cAAc,CAAC;AACpE,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAClC,OAAO,EAAE,EAAE,EAAqB,MAAM,cAAc,CAAC;AAErD,MAAM,aAAa,GAAG,EAAE,CAAC;IACvB,IAAI,EAAE,iGAAiG;IACvG,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,OAAO,EAAE,cAAc;YACvB,KAAK,EAAE,oBAAoB;SAC5B;KACF;IACD,eAAe,EAAE;QACf,OAAO,EAAE,SAAS;KACnB;CACF,CAAC,CAAC;AASH,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAC5B,CACE,EACE,SAAS,EACT,MAAM,EACN,MAAM,EACN,cAAc,EACd,OAAO,EACP,QAAQ,GAAG,IAAI,EACf,oBAAoB,GAAG,SAAS,EAChC,GAAG,KAAK,EACT,EACD,GAAG,EACH,EAAE;IACF,OAAO,CACL,MAAC,IAAI,IACH,SAAS,EAAE,EAAE,CACX,oEAAoE,EACpE,aAAa,CAAC,EAAE,OAAO,EAAE,CAAC,EAC1B,CAAC,QAAQ,IAAI,YAAY,EACzB,SAAS,CACV,aAEA,MAAM,IAAI,KAAC,IAAI,IAAC,SAAS,EAAC,MAAM,YAAE,MAAM,GAAQ,EACjD,KAAC,SAAS,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,uEAAuE,EACvE,MAAM,IAAI,MAAM,EAChB,MAAM,IAAI,MAAM,EAChB,cAAc,CACf,EACD,QAAQ,EAAE,QAAQ,EAClB,oBAAoB,EAAE,oBAAoB,KACtC,KAAK,GACT,EACD,MAAM,IAAI,KAAC,IAAI,IAAC,SAAS,EAAC,MAAM,YAAE,MAAM,GAAQ,IAC5C,CACR,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,KAAK,CAAC,WAAW,GAAG,OAAO,CAAC;AAE5B,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,CAAC"}

package/dist/components/layout/index.d.ts

@@ -0,0 +1,2 @@
+export * from './layout';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/layout/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/layout/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC"}

package/dist/components/layout/index.js

@@ -0,0 +1,2 @@
+export * from './layout';
+//# sourceMappingURL=index.js.map

package/dist/components/layout/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/layout/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC"}