@korsolutions/ui 0.0.61 → 0.0.63

package/src/components/menu/components/menu-item.tsx

@@ -1,8 +1,8 @@
 import React, { useState } from "react";
 import { Pressable, type StyleProp, type ViewStyle } from "react-native";
+import { useOrganizedChildren } from "../../../hooks/use-organized-children";
 import { useMenu } from "../context";
 import type { MenuButtonState } from "../types";
-import { useOrganizedChildren } from "../use-organized-children";
 
 export interface MenuItemProps {
   children: React.ReactNode;
@@ -34,7 +34,14 @@ export function MenuItem(props: MenuItemProps) {
     menu.setIsOpen((prev) => !prev);
   };
 
-  const organizedChildren = useOrganizedChildren(props.children);
+  const textStyles = menu.styles?.itemText;
+  const iconStyles = menu.styles?.itemIcon;
+
+  const organizedChildren = useOrganizedChildren(
+    props.children,
+    textStyles,
+    iconStyles,
+  );
 
   if (props.render) {
     return (

package/src/components/menu/components/menu-radio-item.tsx

@@ -1,8 +1,8 @@
 import React, { useState } from "react";
 import { Pressable, type StyleProp, type ViewStyle } from "react-native";
+import { useOrganizedChildren } from "../../../hooks/use-organized-children";
 import { useMenu, useMenuRadioGroup } from "../context";
 import type { MenuRadioItemState } from "../types";
-import { useOrganizedChildren } from "../use-organized-children";
 import { MenuSelectionIndicator } from "./menu-selection-indicator";
 
 export interface MenuRadioItemProps {
@@ -46,7 +46,14 @@ export function MenuRadioItem(props: MenuRadioItemProps) {
     }
   };
 
-  const organizedChildren = useOrganizedChildren(props.children);
+  const textStyles = menu.styles?.itemText;
+  const iconStyles = menu.styles?.itemIcon;
+
+  const organizedChildren = useOrganizedChildren(
+    props.children,
+    textStyles,
+    iconStyles,
+  );
 
   if (props.render) {
     return (

package/src/components/menu/types.ts

@@ -1,5 +1,6 @@
 import type { StyleProp, TextStyle, ViewStyle } from "react-native";
 import type { SvgProps } from "../../types/props.types";
+import type { IconProps } from "../icon";
 import type { MenuContentProps } from "./components/menu-content";
 import type { MenuOverlayProps } from "./components/menu-overlay";
 
@@ -15,7 +16,7 @@ export interface MenuStyles {
   content?: MenuContentProps["style"];
   item?: Partial<Record<MenuButtonState, StyleProp<ViewStyle>>>;
   itemText?: StyleProp<TextStyle>;
-  itemIcon?: SvgProps;
+  itemIcon?: IconProps;
   overlay?: MenuOverlayProps["style"];
 
   group?: StyleProp<ViewStyle>;

package/src/components/tabs/components/tabs-item.tsx

@@ -0,0 +1,96 @@
+import React, { useState } from "react";
+import {
+  Pressable,
+  StyleSheet,
+  type PressableProps,
+  type StyleProp,
+  type ViewStyle,
+} from "react-native";
+import { useOrganizedChildren } from "../../../hooks/use-organized-children";
+import { useTabsContext } from "../context";
+import type { TabsItemState } from "../types";
+
+export interface TabsItemProps extends PressableProps {
+  children: React.ReactNode;
+  value: string;
+  isDisabled?: boolean;
+  style?: StyleProp<ViewStyle>;
+}
+
+const calculateState = (
+  isActive: boolean,
+  isDisabled: boolean,
+  isHovered: boolean,
+): TabsItemState => {
+  if (isDisabled) {
+    return "disabled";
+  }
+  if (isActive) {
+    return "active";
+  }
+  if (isHovered) {
+    return "hovered";
+  }
+  return "default";
+};
+
+export function TabsItem(props: TabsItemProps) {
+  const {
+    children,
+    value: triggerValue,
+    isDisabled = false,
+    style,
+    ...pressableProps
+  } = props;
+  const { value, onChange, styles } = useTabsContext();
+  const [isHovered, setIsHovered] = useState(false);
+  const isActive = value === triggerValue;
+  const state = calculateState(isActive, isDisabled, isHovered);
+
+  const handlePress = () => {
+    if (!isDisabled) {
+      onChange(triggerValue);
+    }
+  };
+
+  const calculatedStyle = StyleSheet.flatten([
+    styles?.item?.default,
+    styles?.item?.[state],
+    style,
+  ]);
+
+  const textStyles = StyleSheet.flatten([
+    styles?.itemText?.default,
+    styles?.itemText?.[state],
+  ]);
+
+  const iconStyles = StyleSheet.flatten([
+    styles?.itemIcon?.default,
+    styles?.itemIcon?.[state],
+  ]);
+
+  const organizedChildren = useOrganizedChildren(
+    children,
+    textStyles,
+    iconStyles ?? undefined,
+  );
+
+  return (
+    <Pressable
+      {...pressableProps}
+      onHoverIn={(e) => {
+        setIsHovered(true);
+        pressableProps.onHoverIn?.(e);
+      }}
+      onHoverOut={(e) => {
+        setIsHovered(false);
+        pressableProps.onHoverOut?.(e);
+      }}
+      disabled={isDisabled}
+      onPress={handlePress}
+      style={calculatedStyle}
+    >
+      {organizedChildren}
+    </Pressable>
+  );
+}

package/src/components/tabs/components/tabs-root.tsx

@@ -1,5 +1,11 @@
 import React, { useMemo } from "react";
-import { View, type StyleProp, type ViewProps, type ViewStyle } from "react-native";
+import {
+  StyleSheet,
+  View,
+  type StyleProp,
+  type ViewProps,
+  type ViewStyle,
+} from "react-native";
 import { TabsContext } from "../context";
 import { TabsVariants } from "../variants";
 
@@ -23,10 +29,11 @@ export function TabsRoot(props: TabsRootProps) {
     }),
     [value, onChange, variantStyles],
   );
+  const composedStyles = StyleSheet.flatten([variantStyles?.root, style]);
 
   return (
     <TabsContext.Provider value={contextValue}>
-      <View {...viewProps} style={style}>
+      <View {...viewProps} style={composedStyles}>
         {children}
       </View>
     </TabsContext.Provider>

package/src/components/tabs/index.ts

@@ -1,17 +1,11 @@
-import { TabsList } from "./components/tabs-list";
+import { TabsItem } from "./components/tabs-item";
 import { TabsRoot } from "./components/tabs-root";
-import { TabsTrigger } from "./components/tabs-trigger";
-import { TabsTriggerText } from "./components/tabs-trigger-text";
 
 export const Tabs = {
   Root: TabsRoot,
-  List: TabsList,
-  Trigger: TabsTrigger,
-  TriggerText: TabsTriggerText,
+  Item: TabsItem,
 };
 
-export type { TabsListProps } from "./components/tabs-list";
+export type { TabsItemProps } from "./components/tabs-item";
 export type { TabsRootProps } from "./components/tabs-root";
-export type { TabsTriggerProps } from "./components/tabs-trigger";
-export type { TabsTriggerTextProps } from "./components/tabs-trigger-text";
 export * from "./types";

package/src/components/tabs/types.ts

@@ -1,12 +1,13 @@
 import type { StyleProp, TextStyle } from "react-native";
-import type { TabsListProps } from "./components/tabs-list";
-import type { TabsTriggerProps } from "./components/tabs-trigger";
+import type { IconProps } from "../icon";
+import type { TabsItemProps } from "./components/tabs-item";
+import type { TabsRootProps } from "./components/tabs-root";
 
-export type TabsState = "default" | "active" | "disabled";
+export type TabsItemState = "default" | "active" | "disabled" | "hovered";
 
 export interface TabsStyles {
-  root?: TabsListProps["style"];
-  list?: TabsListProps["style"];
-  trigger?: Partial<Record<TabsState, TabsTriggerProps["style"]>>;
-  triggerText?: Partial<Record<TabsState, StyleProp<TextStyle>>>;
+  root?: TabsRootProps["style"];
+  item?: Partial<Record<TabsItemState, TabsItemProps["style"]>>;
+  itemText?: Partial<Record<TabsItemState, StyleProp<TextStyle>>>;
+  itemIcon?: Partial<Record<TabsItemState, IconProps>>;
 }

package/src/components/tabs/variants/default.tsx

@@ -4,37 +4,55 @@ import { type TabsStyles } from "../types";
 export const useTabsVariantDefault = (): TabsStyles => {
   return useThemedStyles(
     ({ colors, radius, fontFamily, fontSize }): TabsStyles => ({
-      list: {
+      root: {
         flexDirection: "row",
         backgroundColor: colors.muted,
         padding: 4,
         borderRadius: radius,
         gap: 4,
       },
-      trigger: {
+      item: {
         default: {
-          paddingVertical: 8,
+          flex: 1,
+          flexDirection: "row",
+          alignItems: "center",
+          justifyContent: "center",
+          gap: 8,
+          paddingVertical: 6,
           paddingHorizontal: 12,
-          borderRadius: radius,
+          borderRadius: radius - 2,
           backgroundColor: "transparent",
         },
         active: {
           backgroundColor: colors.background,
           shadowColor: "#000",
           shadowOffset: { width: 0, height: 1 },
-          shadowOpacity: 0.1,
+          shadowOpacity: 0.05,
           shadowRadius: 2,
-          elevation: 2,
+          elevation: 1,
         },
         disabled: {
           opacity: 0.5,
         },
       },
-      triggerText: {
+      itemText: {
         default: {
           color: colors.mutedForeground,
           fontSize,
           fontFamily,
+          fontWeight: "500",
+        },
+        active: {
+          color: colors.foreground,
+        },
+        disabled: {
+          color: colors.mutedForeground,
+        },
+      },
+      itemIcon: {
+        default: {
+          color: colors.mutedForeground,
+          size: fontSize,
         },
         active: {
           color: colors.foreground,

package/src/components/tabs/variants/line.tsx

@@ -4,16 +4,20 @@ import { useThemedStyles } from "../../../utils/use-themed-styles";
 export const useTabsVariantLine = (): TabsStyles => {
   return useThemedStyles(
     ({ colors, fontFamily, fontSize }): TabsStyles => ({
-      list: {
+      root: {
         flexDirection: "row",
         borderBottomWidth: 1,
         borderBottomColor: colors.border,
-        gap: 0,
       },
-      trigger: {
+      item: {
         default: {
-          paddingVertical: 12,
+          flexDirection: "row",
+          alignItems: "center",
+          justifyContent: "center",
+          gap: 8,
+          paddingVertical: 8,
           paddingHorizontal: 16,
+          marginBottom: -1,
           borderBottomWidth: 2,
           borderBottomColor: "transparent",
           backgroundColor: "transparent",
@@ -25,11 +29,24 @@ export const useTabsVariantLine = (): TabsStyles => {
           opacity: 0.5,
         },
       },
-      triggerText: {
+      itemText: {
         default: {
           color: colors.mutedForeground,
           fontSize,
           fontFamily,
+          fontWeight: "500",
+        },
+        active: {
+          color: colors.foreground,
+        },
+        disabled: {
+          color: colors.mutedForeground,
+        },
+      },
+      itemIcon: {
+        default: {
+          color: colors.mutedForeground,
+          size: fontSize,
         },
         active: {
           color: colors.foreground,

package/src/components/toast/components/toast-icon.tsx

@@ -10,7 +10,7 @@ export type ToastIconProps = SvgProps;
 export function ToastIcon({
   render: Component,
   ...props
-}: PropsWithRequiredRender<ToastIconProps>) {
+}: PropsWithRequiredRender<SvgProps>) {
   const toast = useToast();
 
   const composedProps = {

package/src/{components/menu → hooks}/use-organized-children.tsx

@@ -1,38 +1,37 @@
 import React, { useMemo } from "react";
-import { Text } from "react-native";
-import { getElementProp } from "../../utils/element-utils";
-import { Icon } from "../icon";
-import { useMenu } from "./context";
-
-export function useOrganizedChildren(children: React.ReactNode) {
-  const menu = useMenu();
+import { Text, type StyleProp, type TextStyle } from "react-native";
+import { Icon, type IconProps } from "../components/icon";
+import { getElementProp } from "../utils/element-utils";
 
+export function useOrganizedChildren(
+  children: React.ReactNode,
+  textStyle: StyleProp<TextStyle> | undefined,
+  iconProps: IconProps | undefined,
+): React.ReactNode {
   const organizedChildren = useMemo(() => {
     if (typeof children === "string") {
-      return <Text style={menu.styles?.itemText}>{children}</Text>;
+      return <Text style={textStyle}>{children}</Text>;
     }
     if (Array.isArray(children)) {
       return children.map((child, index) => {
         if (typeof child === "string") {
           return (
-            <Text key={index} style={menu.styles?.itemText}>
+            <Text key={index} style={textStyle}>
               {child}
             </Text>
           );
         } else if (React.isValidElement(child) && child.type === Icon) {
           return React.cloneElement(child as React.ReactElement<any>, {
             key: child.key,
-            ...menu.styles?.itemIcon,
-            style: [
-              menu.styles?.itemIcon?.style,
-              getElementProp(child, "style"),
-            ],
+            ...iconProps,
+            style: [iconProps?.style, getElementProp(child, "style")],
           });
         }
         return child;
       });
     }
     return children;
-  }, [children, menu.styles?.itemIcon]);
+  }, [children, iconProps, textStyle]);
+
   return organizedChildren;
 }

package/src/themes/provider.tsx

@@ -7,7 +7,7 @@ import {
 } from "react";
 import { useColorScheme } from "react-native";
 import type { ToastVariants } from "../components/toast/variants";
-import type { IconComponent } from "../types/element.types";
+import type { SvgProps } from "../types/props.types";
 import type { DeepPartial } from "../types/util.types";
 import { defaultThemeAssets } from "./default";
 import type {
@@ -34,10 +34,12 @@ interface ThemeContext {
 
 export interface ComponentsConfig {
   toast?: {
-    icons?: Partial<Record<keyof typeof ToastVariants, IconComponent>>;
+    icons?: Partial<
+      Record<keyof typeof ToastVariants, React.ComponentType<SvgProps>>
+    >;
   };
   menu?: {
-    selectionIcon?: IconComponent;
+    selectionIcon?: React.ComponentType<SvgProps>;
   };
 }
 

package/src/types/props.types.ts

@@ -1,3 +1,4 @@
+import type React from "react";
 import type { ColorValue, StyleProp, TextStyle, ViewStyle } from "react-native";
 
 export type PropsWithRender<P> = P & {
@@ -5,7 +6,7 @@ export type PropsWithRender<P> = P & {
 };
 
 export type PropsWithRequiredRender<P> = P & {
-  render: (props: P) => React.ReactNode;
+  render: React.ComponentType<P>;
 };
 
 export type SvgProps = {

package/dist/module/components/badge/components/badge-label.js

@@ -1,17 +0,0 @@
-"use strict";
-
-import { calculateComposedStyles } from "../../../utils/calculate-styles.js";
-import React from "react";
-import { Text } from "react-native";
-import { useBadge } from "../context.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-export function BadgeLabel(props) {
-  const badge = useBadge();
-  const composedStyle = calculateComposedStyles(badge.styles, badge.state, "label", props.style);
-  const Component = props.render ?? Text;
-  return /*#__PURE__*/_jsx(Component, {
-    ...props,
-    style: composedStyle
-  });
-}
-//# sourceMappingURL=badge-label.js.map

package/dist/module/components/badge/components/badge-label.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["calculateComposedStyles","React","Text","useBadge","jsx","_jsx","BadgeLabel","props","badge","composedStyle","styles","state","style","Component","render"],"sourceRoot":"../../../../../src","sources":["components/badge/components/badge-label.tsx"],"mappings":";;AAAA,SAASA,uBAAuB,QAAQ,oCAAiC;AACzE,OAAOC,KAAK,MAAM,OAAO;AACzB,SAAyBC,IAAI,QAAwB,cAAc;AACnE,SAASC,QAAQ,QAAQ,eAAY;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAUtC,OAAO,SAASC,UAAUA,CAACC,KAAsB,EAAE;EACjD,MAAMC,KAAK,GAAGL,QAAQ,CAAC,CAAC;EAExB,MAAMM,aAAa,GAAGT,uBAAuB,CAACQ,KAAK,CAACE,MAAM,EAAEF,KAAK,CAACG,KAAK,EAAE,OAAO,EAAEJ,KAAK,CAACK,KAAK,CAAC;EAE9F,MAAMC,SAAS,GAAGN,KAAK,CAACO,MAAM,IAAIZ,IAAI;EACtC,oBAAOG,IAAA,CAACQ,SAAS;IAAA,GAAKN,KAAK;IAAEK,KAAK,EAAEH;EAAc,CAAE,CAAC;AACvD","ignoreList":[]}

package/dist/module/components/badge/components/badge-root.js

@@ -1,27 +0,0 @@
-"use strict";
-
-import { calculateComposedStyles } from "../../../utils/calculate-styles.js";
-import React from "react";
-import { View } from "react-native";
-import { BadgeContext } from "../context.js";
-import { BadgeVariants } from "../variants/index.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-export function BadgeRoot(props) {
-  const variantStyles = BadgeVariants[props.variant || "default"]();
-  const customStyle = props.color ? {
-    backgroundColor: props.color
-  } : undefined;
-  const composedStyle = calculateComposedStyles(variantStyles, "default", "root", props.style);
-  const Component = props.render ?? View;
-  return /*#__PURE__*/_jsx(BadgeContext.Provider, {
-    value: {
-      state: "default",
-      styles: variantStyles
-    },
-    children: /*#__PURE__*/_jsx(Component, {
-      ...props,
-      style: [composedStyle, customStyle]
-    })
-  });
-}
-//# sourceMappingURL=badge-root.js.map

package/dist/module/components/badge/components/badge-root.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["calculateComposedStyles","React","View","BadgeContext","BadgeVariants","jsx","_jsx","BadgeRoot","props","variantStyles","variant","customStyle","color","backgroundColor","undefined","composedStyle","style","Component","render","Provider","value","state","styles","children"],"sourceRoot":"../../../../../src","sources":["components/badge/components/badge-root.tsx"],"mappings":";;AACA,SAASA,uBAAuB,QAAQ,oCAAiC;AACzE,OAAOC,KAAK,MAAM,OAAO;AACzB,SAAyBC,IAAI,QAAwB,cAAc;AACnE,SAASC,YAAY,QAAQ,eAAY;AACzC,SAASC,aAAa,QAAQ,sBAAa;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAY5C,OAAO,SAASC,SAASA,CAACC,KAAqB,EAAE;EAC/C,MAAMC,aAAa,GAAGL,aAAa,CAACI,KAAK,CAACE,OAAO,IAAI,SAAS,CAAC,CAAC,CAAC;EAEjE,MAAMC,WAAW,GAAGH,KAAK,CAACI,KAAK,GAAG;IAAEC,eAAe,EAAEL,KAAK,CAACI;EAAM,CAAC,GAAGE,SAAS;EAE9E,MAAMC,aAAa,GAAGf,uBAAuB,CAACS,aAAa,EAAE,SAAS,EAAE,MAAM,EAAED,KAAK,CAACQ,KAAK,CAAC;EAE5F,MAAMC,SAAS,GAAGT,KAAK,CAACU,MAAM,IAAIhB,IAAI;EACtC,oBACEI,IAAA,CAACH,YAAY,CAACgB,QAAQ;IACpBC,KAAK,EAAE;MACLC,KAAK,EAAE,SAAS;MAChBC,MAAM,EAAEb;IACV,CAAE;IAAAc,QAAA,eAEFjB,IAAA,CAACW,SAAS;MAAA,GAAKT,KAAK;MAAEQ,KAAK,EAAE,CAACD,aAAa,EAAEJ,WAAW;IAAE,CAAE;EAAC,CACxC,CAAC;AAE5B","ignoreList":[]}

package/dist/module/components/menu/use-organized-children.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","useMemo","Text","getElementProp","Icon","useMenu","jsx","_jsx","useOrganizedChildren","children","menu","organizedChildren","style","styles","itemText","Array","isArray","map","child","index","isValidElement","type","cloneElement","key","itemIcon"],"sourceRoot":"../../../../src","sources":["components/menu/use-organized-children.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AACtC,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,cAAc,QAAQ,8BAA2B;AAC1D,SAASC,IAAI,QAAQ,kBAAS;AAC9B,SAASC,OAAO,QAAQ,cAAW;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAEpC,OAAO,SAASC,oBAAoBA,CAACC,QAAyB,EAAE;EAC9D,MAAMC,IAAI,GAAGL,OAAO,CAAC,CAAC;EAEtB,MAAMM,iBAAiB,GAAGV,OAAO,CAAC,MAAM;IACtC,IAAI,OAAOQ,QAAQ,KAAK,QAAQ,EAAE;MAChC,oBAAOF,IAAA,CAACL,IAAI;QAACU,KAAK,EAAEF,IAAI,CAACG,MAAM,EAAEC,QAAS;QAAAL,QAAA,EAAEA;MAAQ,CAAO,CAAC;IAC9D;IACA,IAAIM,KAAK,CAACC,OAAO,CAACP,QAAQ,CAAC,EAAE;MAC3B,OAAOA,QAAQ,CAACQ,GAAG,CAAC,CAACC,KAAK,EAAEC,KAAK,KAAK;QACpC,IAAI,OAAOD,KAAK,KAAK,QAAQ,EAAE;UAC7B,oBACEX,IAAA,CAACL,IAAI;YAAaU,KAAK,EAAEF,IAAI,CAACG,MAAM,EAAEC,QAAS;YAAAL,QAAA,EAC5CS;UAAK,GADGC,KAEL,CAAC;QAEX,CAAC,MAAM,IAAI,aAAAnB,KAAK,CAACoB,cAAc,CAACF,KAAK,CAAC,IAAIA,KAAK,CAACG,IAAI,KAAKjB,IAAI,EAAE;UAC7D,oBAAOJ,KAAK,CAACsB,YAAY,CAACJ,KAAK,EAA6B;YAC1DK,GAAG,EAAEL,KAAK,CAACK,GAAG;YACd,GAAGb,IAAI,CAACG,MAAM,EAAEW,QAAQ;YACxBZ,KAAK,EAAE,CACLF,IAAI,CAACG,MAAM,EAAEW,QAAQ,EAAEZ,KAAK,EAC5BT,cAAc,CAACe,KAAK,EAAE,OAAO,CAAC;UAElC,CAAC,CAAC;QACJ;QACA,OAAOA,KAAK;MACd,CAAC,CAAC;IACJ;IACA,OAAOT,QAAQ;EACjB,CAAC,EAAE,CAACA,QAAQ,EAAEC,IAAI,CAACG,MAAM,EAAEW,QAAQ,CAAC,CAAC;EACrC,OAAOb,iBAAiB;AAC1B","ignoreList":[]}

package/dist/module/components/tabs/components/tabs-list.js

@@ -1,23 +0,0 @@
-"use strict";
-
-import React from "react";
-import { View } from "react-native";
-import { useTabsContext } from "../context.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-export function TabsList(props) {
-  const {
-    children,
-    style,
-    ...viewProps
-  } = props;
-  const {
-    styles
-  } = useTabsContext();
-  const calculatedStyle = [styles?.list, style];
-  return /*#__PURE__*/_jsx(View, {
-    ...viewProps,
-    style: calculatedStyle,
-    children: children
-  });
-}
-//# sourceMappingURL=tabs-list.js.map

package/dist/module/components/tabs/components/tabs-list.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","View","useTabsContext","jsx","_jsx","TabsList","props","children","style","viewProps","styles","calculatedStyle","list"],"sourceRoot":"../../../../../src","sources":["components/tabs/components/tabs-list.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAwD,cAAc;AACnF,SAASC,cAAc,QAAQ,eAAY;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAO5C,OAAO,SAASC,QAAQA,CAACC,KAAoB,EAAE;EAC7C,MAAM;IAAEC,QAAQ;IAAEC,KAAK;IAAE,GAAGC;EAAU,CAAC,GAAGH,KAAK;EAC/C,MAAM;IAAEI;EAAO,CAAC,GAAGR,cAAc,CAAC,CAAC;EAEnC,MAAMS,eAAe,GAAG,CAACD,MAAM,EAAEE,IAAI,EAAEJ,KAAK,CAAC;EAE7C,oBACEJ,IAAA,CAACH,IAAI;IAAA,GAAKQ,SAAS;IAAED,KAAK,EAAEG,eAAgB;IAAAJ,QAAA,EACzCA;EAAQ,CACL,CAAC;AAEX","ignoreList":[]}

package/dist/module/components/tabs/components/tabs-trigger-text.js

@@ -1,28 +0,0 @@
-"use strict";
-
-import React from "react";
-import { Text } from "react-native";
-import { useTabsContext } from "../context.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-export function TabsTriggerText(props) {
-  const {
-    children,
-    value: triggerValue,
-    isDisabled,
-    style,
-    ...textProps
-  } = props;
-  const {
-    value,
-    styles
-  } = useTabsContext();
-  const isActive = value === triggerValue;
-  const state = isDisabled ? "disabled" : isActive ? "active" : "default";
-  const calculatedStyle = [styles?.triggerText?.default, styles?.triggerText?.[state], style];
-  return /*#__PURE__*/_jsx(Text, {
-    ...textProps,
-    style: calculatedStyle,
-    children: children
-  });
-}
-//# sourceMappingURL=tabs-trigger-text.js.map

package/dist/module/components/tabs/components/tabs-trigger-text.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","Text","useTabsContext","jsx","_jsx","TabsTriggerText","props","children","value","triggerValue","isDisabled","style","textProps","styles","isActive","state","calculatedStyle","triggerText","default"],"sourceRoot":"../../../../../src","sources":["components/tabs/components/tabs-trigger-text.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAwD,cAAc;AACnF,SAASC,cAAc,QAAQ,eAAY;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAS5C,OAAO,SAASC,eAAeA,CAACC,KAA2B,EAAE;EAC3D,MAAM;IAAEC,QAAQ;IAAEC,KAAK,EAAEC,YAAY;IAAEC,UAAU;IAAEC,KAAK;IAAE,GAAGC;EAAU,CAAC,GAAGN,KAAK;EAChF,MAAM;IAAEE,KAAK;IAAEK;EAAO,CAAC,GAAGX,cAAc,CAAC,CAAC;EAE1C,MAAMY,QAAQ,GAAGN,KAAK,KAAKC,YAAY;EACvC,MAAMM,KAAK,GAAGL,UAAU,GAAG,UAAU,GAAGI,QAAQ,GAAG,QAAQ,GAAG,SAAS;EAEvE,MAAME,eAAe,GAAG,CAACH,MAAM,EAAEI,WAAW,EAAEC,OAAO,EAAEL,MAAM,EAAEI,WAAW,GAAGF,KAAK,CAAC,EAAEJ,KAAK,CAAC;EAE3F,oBACEP,IAAA,CAACH,IAAI;IAAA,GAAKW,SAAS;IAAED,KAAK,EAAEK,eAAgB;IAAAT,QAAA,EACzCA;EAAQ,CACL,CAAC;AAEX","ignoreList":[]}

package/dist/module/components/tabs/components/tabs-trigger.js

@@ -1,45 +0,0 @@
-"use strict";
-
-import React from "react";
-import { Pressable } from "react-native";
-import { useTabsContext } from "../context.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-const calculateState = (isActive, isDisabled) => {
-  if (isDisabled) {
-    return "disabled";
-  }
-  if (isActive) {
-    return "active";
-  }
-  return "default";
-};
-export function TabsTrigger(props) {
-  const {
-    children,
-    value: triggerValue,
-    isDisabled,
-    style,
-    ...pressableProps
-  } = props;
-  const {
-    value,
-    onChange,
-    styles
-  } = useTabsContext();
-  const isActive = value === triggerValue;
-  const state = calculateState(isActive, isDisabled);
-  const handlePress = () => {
-    if (!isDisabled) {
-      onChange(triggerValue);
-    }
-  };
-  const calculatedStyle = [styles?.trigger?.default, styles?.trigger?.[state], style];
-  return /*#__PURE__*/_jsx(Pressable, {
-    ...pressableProps,
-    disabled: isDisabled,
-    onPress: handlePress,
-    style: calculatedStyle,
-    children: children
-  });
-}
-//# sourceMappingURL=tabs-trigger.js.map

package/dist/module/components/tabs/components/tabs-trigger.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","Pressable","useTabsContext","jsx","_jsx","calculateState","isActive","isDisabled","TabsTrigger","props","children","value","triggerValue","style","pressableProps","onChange","styles","state","handlePress","calculatedStyle","trigger","default","disabled","onPress"],"sourceRoot":"../../../../../src","sources":["components/tabs/components/tabs-trigger.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,SAAS,QAA6D,cAAc;AAC7F,SAASC,cAAc,QAAQ,eAAY;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAU5C,MAAMC,cAAc,GAAGA,CAACC,QAAiB,EAAEC,UAA+B,KAAgB;EACxF,IAAIA,UAAU,EAAE;IACd,OAAO,UAAU;EACnB;EACA,IAAID,QAAQ,EAAE;IACZ,OAAO,QAAQ;EACjB;EACA,OAAO,SAAS;AAClB,CAAC;AAED,OAAO,SAASE,WAAWA,CAACC,KAAuB,EAAE;EACnD,MAAM;IAAEC,QAAQ;IAAEC,KAAK,EAAEC,YAAY;IAAEL,UAAU;IAAEM,KAAK;IAAE,GAAGC;EAAe,CAAC,GAAGL,KAAK;EACrF,MAAM;IAAEE,KAAK;IAAEI,QAAQ;IAAEC;EAAO,CAAC,GAAGd,cAAc,CAAC,CAAC;EAEpD,MAAMI,QAAQ,GAAGK,KAAK,KAAKC,YAAY;EACvC,MAAMK,KAAK,GAAGZ,cAAc,CAACC,QAAQ,EAAEC,UAAU,CAAC;EAElD,MAAMW,WAAW,GAAGA,CAAA,KAAM;IACxB,IAAI,CAACX,UAAU,EAAE;MACfQ,QAAQ,CAACH,YAAY,CAAC;IACxB;EACF,CAAC;EAED,MAAMO,eAAe,GAAG,CAACH,MAAM,EAAEI,OAAO,EAAEC,OAAO,EAAEL,MAAM,EAAEI,OAAO,GAAGH,KAAK,CAAC,EAAEJ,KAAK,CAAC;EAEnF,oBACET,IAAA,CAACH,SAAS;IAAA,GAAKa,cAAc;IAAEQ,QAAQ,EAAEf,UAAW;IAACgB,OAAO,EAAEL,WAAY;IAACL,KAAK,EAAEM,eAAgB;IAAAT,QAAA,EAC/FA;EAAQ,CACA,CAAC;AAEhB","ignoreList":[]}

package/dist/typescript/src/components/badge/components/badge-label.d.ts

@@ -1,9 +0,0 @@
-import React from "react";
-import { type StyleProp, type TextStyle } from "react-native";
-export interface BadgeLabelProps {
-    children?: string;
-    render?: (props: BadgeLabelProps) => React.ReactNode;
-    style?: StyleProp<TextStyle>;
-}
-export declare function BadgeLabel(props: BadgeLabelProps): React.JSX.Element;
-//# sourceMappingURL=badge-label.d.ts.map

package/dist/typescript/src/components/badge/components/badge-label.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"badge-label.d.ts","sourceRoot":"","sources":["../../../../../../src/components/badge/components/badge-label.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,KAAK,SAAS,EAAQ,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAGpE,MAAM,WAAW,eAAe;IAC9B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,eAAe,KAAK,KAAK,CAAC,SAAS,CAAC;IAErD,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,qBAOhD"}

package/dist/typescript/src/components/badge/components/badge-root.d.ts

@@ -1,13 +0,0 @@
-import type { ElementChildren } from "../../../types/element.types";
-import React from "react";
-import { type StyleProp, type ViewStyle } from "react-native";
-import { BadgeVariants } from "../variants";
-export interface BadgeRootProps {
-    variant?: keyof typeof BadgeVariants;
-    color?: string;
-    children?: ElementChildren;
-    render?: (props: BadgeRootProps) => React.ReactNode;
-    style?: StyleProp<ViewStyle>;
-}
-export declare function BadgeRoot(props: BadgeRootProps): React.JSX.Element;
-//# sourceMappingURL=badge-root.d.ts.map