@ornikar/kitt-universal 32.1.1-canary.28d1f9f68cb643b8c67559f72df59006a88da1e9.0 → 32.2.0

package/dist/index-node-22.17.cjs.web.js

@@ -4710,8 +4710,7 @@ function AnimatedChoiceItemView({
   isPressed,
   isDisabled,
   isSelected,
-  hasError,
-  shouldExpand = false
+  hasError
 }) {
   const theme = useTheme();
   return /*#__PURE__*/jsxRuntime.jsx(View, {
@@ -4730,8 +4729,6 @@ function AnimatedChoiceItemView({
       isPressed
     }),
     padding: size === 'small' ? 'kitt.2' : 'kitt.4',
-    flexGrow: shouldExpand ? 1 : undefined,
-    flexShrink: shouldExpand ? 1 : undefined,
     _web: {
       style: {
         transitionProperty: theme.kitt.choices.item.transition.property,
@@ -4767,7 +4764,6 @@ function ChoiceItem({
   value,
   selected,
   disabled,
-  shouldExpand = false,
   children,
   isPressedInternal,
   isHoveredInternal,
@@ -4803,8 +4799,6 @@ function ChoiceItem({
       checked: selected
     },
     style: style,
-    flexGrow: shouldExpand ? 1 : undefined,
-    flexShrink: shouldExpand ? 1 : undefined,
     onBlur: onBlur,
     onFocus: onFocus,
     onPress: e => {
@@ -4824,8 +4818,6 @@ function ChoiceItem({
       });
       return /*#__PURE__*/jsxRuntime.jsxs(VStack, {
         space: "kitt.2",
-        flexGrow: shouldExpand ? 1 : undefined,
-        flexShrink: shouldExpand ? 1 : undefined,
         children: [/*#__PURE__*/jsxRuntime.jsxs(AnimatedChoiceItemView, {
           animatedStyles: backgroundStyles,
           isHovered: isHovered || isHoveredInternal,
@@ -4833,13 +4825,10 @@ function ChoiceItem({
           isSelected: selected,
           isPressed: isPressed || isPressedInternal,
           hasError: hasError,
-          shouldExpand: shouldExpand,
           size: size,
           children: [/*#__PURE__*/jsxRuntime.jsxs(Stack, {
             alignItems: "center",
             space: "kitt.2",
-            flexGrow: shouldExpand ? 1 : undefined,
-            flexShrink: shouldExpand ? 1 : undefined,
             children: [icon ? /*#__PURE__*/jsxRuntime.jsx(TypographyIcon, {
               color: textColor,
               icon: icon
@@ -4868,49 +4857,36 @@ function ChoiceItem({
 function ChoiceItemContainer({
   children,
   direction,
-  shouldExpand,
   isLast
 }) {
   const currentItemMarginValue = isLast ? undefined : 'kitt.3';
-  const directionFlexProps = direction === 'row' ? {
+  const flexProps = direction === 'row' ? {
     flexGrow: 1,
     flexShrink: 1,
     flexBasis: 0
   } : {};
-  const shouldExpandFlexProps = shouldExpand ? {
-    flexGrow: 1,
-    flexShrink: 1
-  } : {};
   return /*#__PURE__*/jsxRuntime.jsx(View, {
     marginRight: direction === 'row' ? currentItemMarginValue : undefined,
     marginBottom: direction === 'column' ? currentItemMarginValue : undefined,
-    ...directionFlexProps,
-    ...shouldExpandFlexProps,
+    ...flexProps,
     children: children
   });
 }
 
 function ChoicesContainer({
   direction,
-  shouldExpand,
   contentContainerStyle,
   ...props
 }) {
-  const shouldExpandFlexProps = shouldExpand ? {
-    flexGrow: 1,
-    flexShrink: 1
-  } : {};
   if (direction === 'row') {
-    return /*#__PURE__*/jsxRuntime.jsx(ScrollView, {
+    return /*#__PURE__*/jsxRuntime.jsx(reactNative.ScrollView, {
       horizontal: true,
-      contentContainerStyle: shouldExpand ? shouldExpandFlexProps : contentContainerStyle,
-      ...props,
-      ...shouldExpandFlexProps
+      contentContainerStyle: contentContainerStyle,
+      ...props
     });
   }
-  return /*#__PURE__*/jsxRuntime.jsx(View, {
-    ...props,
-    ...shouldExpandFlexProps
+  return /*#__PURE__*/jsxRuntime.jsx(reactNative.View, {
+    ...props
   });
 }
 
@@ -4922,7 +4898,6 @@ function Choices({
   type,
   direction = 'column',
   disabled,
-  shouldExpand = false,
   children,
   value,
   onPress,
@@ -4939,7 +4914,6 @@ function Choices({
   const sharedProps = {
     type,
     disabled,
-    shouldExpand,
     onPress: !isForm ? onPress : undefined,
     onChange: isForm ? newValue => {
       setCurrentValue(newValue);
@@ -4951,7 +4925,6 @@ function Choices({
   };
   return /*#__PURE__*/jsxRuntime.jsx(ChoicesContainer, {
     direction: direction,
-    shouldExpand: shouldExpand,
     testID: testID,
     id: id,
     style: style,
@@ -4963,7 +4936,6 @@ function Choices({
       });
       return /*#__PURE__*/jsxRuntime.jsx(ChoiceItemContainer, {
         direction: direction,
-        shouldExpand: shouldExpand,
         isLast: index === childrenArray.length - 1,
         children: element
       }, child.key);