@korsolutions/ui 0.0.60 → 0.0.62

package/src/components/icon-button/variants/default.tsx

@@ -0,0 +1,32 @@
+import { hslaSetRelativeLightness } from "../../../utils/hsla-utils";
+import { useThemedStyles } from "../../../utils/use-themed-styles";
+import type { IconButtonStyles } from "../types";
+
+export const useIconButtonVariantDefault = (): IconButtonStyles => {
+  return useThemedStyles(
+    ({ colors, radius }): IconButtonStyles => ({
+      root: {
+        default: {
+          alignItems: "center",
+          justifyContent: "center",
+          padding: 8,
+          borderRadius: radius,
+          backgroundColor: colors.primary,
+          borderWidth: 1,
+          borderColor: colors.border,
+        },
+        disabled: {
+          opacity: 0.5,
+        },
+        hovered: {
+          backgroundColor: hslaSetRelativeLightness(colors.primary, -10),
+        },
+      },
+      icon: {
+        default: {
+          color: colors.primaryForeground,
+        },
+      },
+    }),
+  );
+};

package/src/components/icon-button/variants/ghost.tsx

@@ -0,0 +1,33 @@
+import { hslaSetRelativeLightness } from "../../../utils/hsla-utils";
+import { useThemedStyles } from "../../../utils/use-themed-styles";
+import type { IconButtonStyles } from "../types";
+
+export const useIconButtonVariantGhost = (): IconButtonStyles => {
+  return useThemedStyles(
+    ({ colors, radius }): IconButtonStyles => ({
+      root: {
+        default: {
+          alignItems: "center",
+          justifyContent: "center",
+          padding: 8,
+          borderRadius: radius,
+          backgroundColor: "transparent",
+        },
+        disabled: {
+          opacity: 0.5,
+        },
+        hovered: {
+          backgroundColor: hslaSetRelativeLightness(colors.secondary, -1),
+        },
+      },
+      icon: {
+        default: {
+          color: colors.foreground,
+        },
+        disabled: {
+          color: colors.mutedForeground,
+        },
+      },
+    }),
+  );
+};

package/src/components/icon-button/variants/index.ts

@@ -0,0 +1,9 @@
+import { useIconButtonVariantDefault } from "./default";
+import { useIconButtonVariantGhost } from "./ghost";
+import { useIconButtonVariantSecondary } from "./secondary";
+
+export const IconButtonVariants = {
+  default: useIconButtonVariantDefault,
+  secondary: useIconButtonVariantSecondary,
+  ghost: useIconButtonVariantGhost,
+};

package/src/components/icon-button/variants/secondary.tsx

@@ -0,0 +1,35 @@
+import { hslaSetRelativeLightness } from "../../../utils/hsla-utils";
+import { useThemedStyles } from "../../../utils/use-themed-styles";
+import type { IconButtonStyles } from "../types";
+
+export const useIconButtonVariantSecondary = (): IconButtonStyles => {
+  return useThemedStyles(
+    ({ colors, radius }): IconButtonStyles => ({
+      root: {
+        default: {
+          alignItems: "center",
+          justifyContent: "center",
+          padding: 8,
+          borderRadius: radius,
+          borderWidth: 1,
+          borderColor: colors.border,
+          backgroundColor: colors.secondary,
+        },
+        disabled: {
+          opacity: 0.5,
+        },
+        hovered: {
+          backgroundColor: hslaSetRelativeLightness(colors.secondary, -1),
+        },
+      },
+      icon: {
+        default: {
+          color: colors.secondaryForeground,
+        },
+        disabled: {
+          color: colors.mutedForeground,
+        },
+      },
+    }),
+  );
+};

package/src/components/index.ts

@@ -9,6 +9,7 @@ export * from "./checkbox";
 export * from "./empty";
 export * from "./field";
 export * from "./icon";
+export * from "./icon-button";
 export * from "./input";
 export * from "./link";
 export * from "./list";
@@ -19,6 +20,7 @@ export * from "./portal";
 export * from "./progress";
 export * from "./scroll-bar";
 export * from "./select";
+export * from "./separator";
 export * from "./tabs";
 export * from "./textarea";
 export * from "./toast";

package/src/components/separator/index.ts

@@ -0,0 +1,2 @@
+export { Separator, type SeparatorProps } from "./separator";
+export type { SeparatorStyles } from "./types";

package/src/components/separator/separator.tsx

@@ -0,0 +1,15 @@
+import React from "react";
+import { View, type StyleProp, type ViewStyle } from "react-native";
+import { SeparatorVariants } from "./variants";
+
+export interface SeparatorProps {
+  variant?: keyof typeof SeparatorVariants;
+  style?: StyleProp<ViewStyle>;
+}
+
+export function Separator(props: SeparatorProps) {
+  const { variant = "horizontal", style } = props;
+  const variantStyles = SeparatorVariants[variant]();
+
+  return <View style={[variantStyles.root, style]} />;
+}

package/src/components/separator/types.ts

@@ -0,0 +1,5 @@
+import type { StyleProp, ViewStyle } from "react-native";
+
+export interface SeparatorStyles {
+  root?: StyleProp<ViewStyle>;
+}

package/src/components/separator/variants/horizontal.tsx

@@ -0,0 +1,14 @@
+import { useThemedStyles } from "../../../utils/use-themed-styles";
+import type { SeparatorStyles } from "../types";
+
+export const useSeparatorVariantHorizontal = (): SeparatorStyles => {
+  return useThemedStyles(
+    ({ colors }): SeparatorStyles => ({
+      root: {
+        height: 1,
+        alignSelf: "stretch",
+        backgroundColor: colors.border,
+      },
+    }),
+  );
+};

package/src/components/separator/variants/index.ts

@@ -0,0 +1,7 @@
+import { useSeparatorVariantHorizontal } from "./horizontal";
+import { useSeparatorVariantVertical } from "./vertical";
+
+export const SeparatorVariants = {
+  horizontal: useSeparatorVariantHorizontal,
+  vertical: useSeparatorVariantVertical,
+};

package/src/components/separator/variants/vertical.tsx

@@ -0,0 +1,14 @@
+import { useThemedStyles } from "../../../utils/use-themed-styles";
+import type { SeparatorStyles } from "../types";
+
+export const useSeparatorVariantVertical = (): SeparatorStyles => {
+  return useThemedStyles(
+    ({ colors }): SeparatorStyles => ({
+      root: {
+        width: 1,
+        alignSelf: "stretch",
+        backgroundColor: colors.border,
+      },
+    }),
+  );
+};

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 { useTabsContext } from "../context";
+import type { TabsItemState } from "../types";
+import { useOrganizedChildren } from "../use-organized-children";
+
+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/use-organized-children.tsx

@@ -0,0 +1,37 @@
+import React, { useMemo } from "react";
+import { Text, type StyleProp, type TextStyle } from "react-native";
+import { getElementProp } from "../../utils/element-utils";
+import { Icon, type IconProps } from "../icon";
+
+export function useOrganizedChildren(
+  children: React.ReactNode,
+  textStyle: StyleProp<TextStyle> | undefined,
+  iconProps: IconProps | undefined,
+) {
+  const organizedChildren = useMemo(() => {
+    if (typeof children === "string") {
+      return <Text style={textStyle}>{children}</Text>;
+    }
+    if (Array.isArray(children)) {
+      return children.map((child, index) => {
+        if (typeof child === "string") {
+          return (
+            <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,
+            ...iconProps,
+            style: [iconProps?.style, getElementProp(child, "style")],
+          });
+        }
+        return child;
+      });
+    }
+    return children;
+  }, [children, iconProps, textStyle]);
+
+  return organizedChildren;
+}

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/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/tabs/components/tabs-list.d.ts

@@ -1,8 +0,0 @@
-import React from "react";
-import { type StyleProp, type ViewProps, type ViewStyle } from "react-native";
-export interface TabsListProps extends ViewProps {
-    children: React.ReactNode;
-    style?: StyleProp<ViewStyle>;
-}
-export declare function TabsList(props: TabsListProps): React.JSX.Element;
-//# sourceMappingURL=tabs-list.d.ts.map

package/dist/typescript/src/components/tabs/components/tabs-list.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"tabs-list.d.ts","sourceRoot":"","sources":["../../../../../../src/components/tabs/components/tabs-list.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAQ,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAGpF,MAAM,WAAW,aAAc,SAAQ,SAAS;IAC9C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED,wBAAgB,QAAQ,CAAC,KAAK,EAAE,aAAa,qBAW5C"}

package/dist/typescript/src/components/tabs/components/tabs-trigger-text.d.ts

@@ -1,10 +0,0 @@
-import React from "react";
-import { type StyleProp, type TextProps, type TextStyle } from "react-native";
-export interface TabsTriggerTextProps extends TextProps {
-    children: React.ReactNode;
-    value: string;
-    isDisabled?: boolean;
-    style?: StyleProp<TextStyle>;
-}
-export declare function TabsTriggerText(props: TabsTriggerTextProps): React.JSX.Element;
-//# sourceMappingURL=tabs-trigger-text.d.ts.map

package/dist/typescript/src/components/tabs/components/tabs-trigger-text.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"tabs-trigger-text.d.ts","sourceRoot":"","sources":["../../../../../../src/components/tabs/components/tabs-trigger-text.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAQ,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAGpF,MAAM,WAAW,oBAAqB,SAAQ,SAAS;IACrD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED,wBAAgB,eAAe,CAAC,KAAK,EAAE,oBAAoB,qBAc1D"}

package/dist/typescript/src/components/tabs/components/tabs-trigger.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"tabs-trigger.d.ts","sourceRoot":"","sources":["../../../../../../src/components/tabs/components/tabs-trigger.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAa,KAAK,cAAc,EAAE,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAI9F,MAAM,WAAW,gBAAiB,SAAQ,cAAc;IACtD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAYD,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,qBAoBlD"}