@korsolutions/ui 0.0.62 → 0.0.63

package/dist/typescript/src/types/props.types.d.ts

@@ -1,9 +1,10 @@
+import type React from "react";
 import type { ColorValue, StyleProp, TextStyle, ViewStyle } from "react-native";
 export type PropsWithRender<P> = P & {
     render?: (props: P) => React.ReactNode;
 };
 export type PropsWithRequiredRender<P> = P & {
-    render: (props: P) => React.ReactNode;
+    render: React.ComponentType<P>;
 };
 export type SvgProps = {
     size?: number;

package/dist/typescript/src/types/props.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"props.types.d.ts","sourceRoot":"","sources":["../../../../src/types/props.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEhF,MAAM,MAAM,eAAe,CAAC,CAAC,IAAI,CAAC,GAAG;IACnC,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC;CACxC,CAAC;AAEF,MAAM,MAAM,uBAAuB,CAAC,CAAC,IAAI,CAAC,GAAG;IAC3C,MAAM,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC;CACvC,CAAC;AAEF,MAAM,MAAM,QAAQ,GAAG;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,GAAG,SAAS,CAAC,CAAC;CAC1C,CAAC"}
+{"version":3,"file":"props.types.d.ts","sourceRoot":"","sources":["../../../../src/types/props.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEhF,MAAM,MAAM,eAAe,CAAC,CAAC,IAAI,CAAC,GAAG;IACnC,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC;CACxC,CAAC;AAEF,MAAM,MAAM,uBAAuB,CAAC,CAAC,IAAI,CAAC,GAAG;IAC3C,MAAM,EAAE,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC;CAChC,CAAC;AAEF,MAAM,MAAM,QAAQ,GAAG;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,GAAG,SAAS,CAAC,CAAC;CAC1C,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@korsolutions/ui",
-  "version": "0.0.62",
+  "version": "0.0.63",
   "license": "MIT",
   "repository": {
     "type": "git",

package/src/components/avatar/components/avatar-image.tsx

@@ -1,5 +1,10 @@
 import React from "react";
-import { Image, type ImageSource, type ImageStyle, type StyleProp } from "react-native";
+import {
+  Image,
+  type ImageSource,
+  type ImageStyle,
+  type StyleProp,
+} from "react-native";
 import { useAvatar } from "../context";
 
 export interface AvatarImageProps {
@@ -11,5 +16,12 @@ export function AvatarImage(props: AvatarImageProps) {
   const avatar = useAvatar();
   const composedStyles = [avatar.styles?.image, props.style];
 
-  return <Image {...props} style={composedStyles} onLoad={() => avatar.setImageLoaded(true)} onError={() => avatar.setImageLoaded(false)} />;
+  return (
+    <Image
+      {...props}
+      style={composedStyles}
+      onLoad={() => avatar.setImageLoaded(true)}
+      onError={() => avatar.setImageLoaded(false)}
+    />
+  );
 }

package/src/components/badge/badge.tsx

@@ -0,0 +1,46 @@
+import React from "react";
+import { type StyleProp, StyleSheet, View, type ViewStyle } from "react-native";
+import { useOrganizedChildren } from "../../hooks/use-organized-children";
+import { BadgeContext } from "./context";
+import { BadgeVariants } from "./variants";
+
+export interface BadgeProps {
+  variant?: keyof typeof BadgeVariants;
+  color?: string;
+  children?: React.ReactNode;
+
+  render?: (props: BadgeProps) => React.ReactNode;
+
+  style?: StyleProp<ViewStyle>;
+}
+
+export function Badge(props: BadgeProps) {
+  const variantStyles = BadgeVariants[props.variant || "default"]();
+
+  const customStyle = props.color
+    ? { backgroundColor: props.color }
+    : undefined;
+
+  const composedStyle = StyleSheet.flatten([variantStyles.root, props.style]);
+
+  const textStyle = variantStyles.text;
+  const iconStyle = variantStyles.icon;
+  const organizedChildren = useOrganizedChildren(
+    props.children,
+    textStyle,
+    iconStyle,
+  );
+
+  const Component = props.render ?? View;
+  return (
+    <BadgeContext.Provider
+      value={{
+        styles: variantStyles,
+      }}
+    >
+      <Component {...props} style={[composedStyle, customStyle]}>
+        {organizedChildren}
+      </Component>
+    </BadgeContext.Provider>
+  );
+}

package/src/components/badge/context.ts

@@ -1,8 +1,7 @@
 import { createContext, useContext } from "react";
-import type { BadgeState, BadgeStyles } from "./types";
+import type { BadgeStyles } from "./types";
 
 export interface BadgeContext {
-  state: BadgeState;
   styles?: BadgeStyles;
 }
 

package/src/components/badge/index.ts

@@ -1,11 +1,2 @@
-import { BadgeLabel } from "./components/badge-label";
-import { BadgeRoot } from "./components/badge-root";
-
-export const Badge = {
-  Root: BadgeRoot,
-  Label: BadgeLabel,
-};
-
-export type { BadgeLabelProps } from "./components/badge-label";
-export type { BadgeRootProps } from "./components/badge-root";
+export { Badge, type BadgeProps } from "./badge";
 export type { BadgeStyles } from "./types";

package/src/components/badge/types.ts

@@ -1,9 +1,9 @@
-import type { BadgeLabelProps } from "./components/badge-label";
-import type { BadgeRootProps } from "./components/badge-root";
-
-export type BadgeState = "default";
+import type { TextStyle } from "react-native";
+import type { IconProps } from "../icon";
+import type { BadgeProps } from "./badge";
 
 export interface BadgeStyles {
-  root?: Partial<Record<BadgeState, BadgeRootProps["style"]>>;
-  label?: Partial<Record<BadgeState, BadgeLabelProps["style"]>>;
+  root?: BadgeProps["style"];
+  text?: TextStyle;
+  icon?: IconProps;
 }

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

@@ -5,21 +5,24 @@ export const useBadgeVariantDefault = (): BadgeStyles => {
   return useThemedStyles(
     ({ colors, radius, fontFamily, fontSize }): BadgeStyles => ({
       root: {
-        default: {
-          backgroundColor: colors.primary,
-          paddingVertical: 4,
-          paddingHorizontal: 8,
-          borderRadius: radius,
-          alignSelf: "flex-start",
-        },
+        flexDirection: "row",
+        gap: 4,
+        alignItems: "center",
+        alignSelf: "flex-start",
+        backgroundColor: colors.primary,
+        paddingVertical: 4,
+        paddingHorizontal: 8,
+        borderRadius: radius,
       },
-      label: {
-        default: {
-          color: colors.primaryForeground,
-          fontSize: fontSize * 0.75,
-          fontWeight: "600",
-          fontFamily,
-        },
+      text: {
+        color: colors.primaryForeground,
+        fontSize: fontSize * 0.75,
+        fontWeight: "600",
+        fontFamily,
+      },
+      icon: {
+        color: colors.primaryForeground,
+        size: fontSize * 0.75,
       },
     }),
   );

package/src/components/badge/variants/secondary.tsx

@@ -5,21 +5,24 @@ export const useBadgeVariantSecondary = (): BadgeStyles => {
   return useThemedStyles(
     ({ colors, radius, fontFamily, fontSize }): BadgeStyles => ({
       root: {
-        default: {
-          backgroundColor: colors.secondary,
-          paddingVertical: 4,
-          paddingHorizontal: 8,
-          borderRadius: radius,
-          alignSelf: "flex-start",
-        },
+        flexDirection: "row",
+        gap: 4,
+        alignItems: "center",
+        alignSelf: "flex-start",
+        backgroundColor: colors.secondary,
+        paddingVertical: 4,
+        paddingHorizontal: 8,
+        borderRadius: radius,
       },
-      label: {
-        default: {
-          color: colors.secondaryForeground,
-          fontSize: fontSize * 0.75,
-          fontWeight: "600",
-          fontFamily,
-        },
+      text: {
+        color: colors.secondaryForeground,
+        fontSize: fontSize * 0.75,
+        fontWeight: "600",
+        fontFamily,
+      },
+      icon: {
+        color: colors.secondaryForeground,
+        size: fontSize * 0.75,
       },
     }),
   );

package/src/components/input/input.tsx

@@ -1,6 +1,6 @@
-import type { TextInputRef } from "../../types/element.types";
 import { forwardRef, useState } from "react";
 import { StyleSheet, TextInput, type TextInputProps } from "react-native";
+import type { TextInputRef } from "../../types/element.types";
 import { useFieldOptional } from "../field/context";
 import type { InputState } from "./types";
 import { InputVariants } from "./variants";
@@ -29,7 +29,11 @@ export const Input = forwardRef<TextInputRef, InputProps>((props, ref) => {
   const state = calculateState(props, isFocused);
   const field = useFieldOptional();
 
-  const composedStyles = StyleSheet.flatten([variantStyles.default?.style, variantStyles[state]?.style, props.style]);
+  const composedStyles = StyleSheet.flatten([
+    variantStyles.default?.style,
+    variantStyles[state]?.style,
+    props.style,
+  ]);
   const composedProps = {
     ...variantStyles.default,
     ...variantStyles[state],

package/src/components/menu/components/menu-checkbox-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 { MenuCheckboxItemState } from "../types";
-import { useOrganizedChildren } from "../use-organized-children";
 import { MenuSelectionIndicator } from "./menu-selection-indicator";
 
 export interface MenuCheckboxItemProps {
@@ -43,7 +43,14 @@ export function MenuCheckboxItem(props: MenuCheckboxItemProps) {
     }
   };
 
-  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-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

@@ -6,9 +6,9 @@ import {
   type StyleProp,
   type ViewStyle,
 } from "react-native";
+import { useOrganizedChildren } from "../../../hooks/use-organized-children";
 import { useTabsContext } from "../context";
 import type { TabsItemState } from "../types";
-import { useOrganizedChildren } from "../use-organized-children";
 
 export interface TabsItemProps extends PressableProps {
   children: React.ReactNode;

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/tabs → hooks}/use-organized-children.tsx

@@ -1,13 +1,13 @@
 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";
+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={textStyle}>{children}</Text>;

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

@@ -1,39 +0,0 @@
-"use strict";
-
-import React, { useMemo } from "react";
-import { Text } from "react-native";
-import { getElementProp } from "../../utils/element-utils.js";
-import { Icon } from "../icon/index.js";
-import { useMenu } from "./context.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-export function useOrganizedChildren(children) {
-  const menu = useMenu();
-  const organizedChildren = useMemo(() => {
-    if (typeof children === "string") {
-      return /*#__PURE__*/_jsx(Text, {
-        style: menu.styles?.itemText,
-        children: children
-      });
-    }
-    if (Array.isArray(children)) {
-      return children.map((child, index) => {
-        if (typeof child === "string") {
-          return /*#__PURE__*/_jsx(Text, {
-            style: menu.styles?.itemText,
-            children: child
-          }, index);
-        } else if (/*#__PURE__*/React.isValidElement(child) && child.type === Icon) {
-          return /*#__PURE__*/React.cloneElement(child, {
-            key: child.key,
-            ...menu.styles?.itemIcon,
-            style: [menu.styles?.itemIcon?.style, getElementProp(child, "style")]
-          });
-        }
-        return child;
-      });
-    }
-    return children;
-  }, [children, menu.styles?.itemIcon]);
-  return organizedChildren;
-}
-//# sourceMappingURL=use-organized-children.js.map

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/use-organized-children.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","useMemo","Text","getElementProp","Icon","jsx","_jsx","useOrganizedChildren","children","textStyle","iconProps","organizedChildren","style","Array","isArray","map","child","index","isValidElement","type","cloneElement","key"],"sourceRoot":"../../../../src","sources":["components/tabs/use-organized-children.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AACtC,SAASC,IAAI,QAAwC,cAAc;AACnE,SAASC,cAAc,QAAQ,8BAA2B;AAC1D,SAASC,IAAI,QAAwB,kBAAS;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAE/C,OAAO,SAASC,oBAAoBA,CAClCC,QAAyB,EACzBC,SAA2C,EAC3CC,SAAgC,EAChC;EACA,MAAMC,iBAAiB,GAAGV,OAAO,CAAC,MAAM;IACtC,IAAI,OAAOO,QAAQ,KAAK,QAAQ,EAAE;MAChC,oBAAOF,IAAA,CAACJ,IAAI;QAACU,KAAK,EAAEH,SAAU;QAAAD,QAAA,EAAEA;MAAQ,CAAO,CAAC;IAClD;IACA,IAAIK,KAAK,CAACC,OAAO,CAACN,QAAQ,CAAC,EAAE;MAC3B,OAAOA,QAAQ,CAACO,GAAG,CAAC,CAACC,KAAK,EAAEC,KAAK,KAAK;QACpC,IAAI,OAAOD,KAAK,KAAK,QAAQ,EAAE;UAC7B,oBACEV,IAAA,CAACJ,IAAI;YAAaU,KAAK,EAAEH,SAAU;YAAAD,QAAA,EAChCQ;UAAK,GADGC,KAEL,CAAC;QAEX,CAAC,MAAM,IAAI,aAAAjB,KAAK,CAACkB,cAAc,CAACF,KAAK,CAAC,IAAIA,KAAK,CAACG,IAAI,KAAKf,IAAI,EAAE;UAC7D,oBAAOJ,KAAK,CAACoB,YAAY,CAACJ,KAAK,EAA6B;YAC1DK,GAAG,EAAEL,KAAK,CAACK,GAAG;YACd,GAAGX,SAAS;YACZE,KAAK,EAAE,CAACF,SAAS,EAAEE,KAAK,EAAET,cAAc,CAACa,KAAK,EAAE,OAAO,CAAC;UAC1D,CAAC,CAAC;QACJ;QACA,OAAOA,KAAK;MACd,CAAC,CAAC;IACJ;IACA,OAAOR,QAAQ;EACjB,CAAC,EAAE,CAACA,QAAQ,EAAEE,SAAS,EAAED,SAAS,CAAC,CAAC;EAEpC,OAAOE,iBAAiB;AAC1B","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

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

@@ -1 +0,0 @@
-{"version":3,"file":"badge-root.d.ts","sourceRoot":"","sources":["../../../../../../src/components/badge/components/badge-root.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAEpE,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,KAAK,SAAS,EAAQ,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAEpE,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAE5C,MAAM,WAAW,cAAc;IAC7B,OAAO,CAAC,EAAE,MAAM,OAAO,aAAa,CAAC;IACrC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,eAAe,CAAC;IAE3B,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,cAAc,KAAK,KAAK,CAAC,SAAS,CAAC;IAEpD,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED,wBAAgB,SAAS,CAAC,KAAK,EAAE,cAAc,qBAkB9C"}

package/dist/typescript/src/components/menu/use-organized-children.d.ts

@@ -1,3 +0,0 @@
-import React from "react";
-export declare function useOrganizedChildren(children: React.ReactNode): number | bigint | boolean | any[] | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | React.JSX.Element | null | undefined;
-//# sourceMappingURL=use-organized-children.d.ts.map

package/dist/typescript/src/components/menu/use-organized-children.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-organized-children.d.ts","sourceRoot":"","sources":["../../../../../src/components/menu/use-organized-children.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAMvC,wBAAgB,oBAAoB,CAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,kSA+B7D"}

package/dist/typescript/src/components/tabs/use-organized-children.d.ts

@@ -1,5 +0,0 @@
-import React from "react";
-import { type StyleProp, type TextStyle } from "react-native";
-import { type IconProps } from "../icon";
-export declare function useOrganizedChildren(children: React.ReactNode, textStyle: StyleProp<TextStyle> | undefined, iconProps: IconProps | undefined): number | bigint | boolean | any[] | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | React.JSX.Element | null | undefined;
-//# sourceMappingURL=use-organized-children.d.ts.map

package/dist/typescript/src/components/tabs/use-organized-children.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-organized-children.d.ts","sourceRoot":"","sources":["../../../../../src/components/tabs/use-organized-children.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AACvC,OAAO,EAAQ,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAEpE,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,SAAS,CAAC;AAE/C,wBAAgB,oBAAoB,CAClC,QAAQ,EAAE,KAAK,CAAC,SAAS,EACzB,SAAS,EAAE,SAAS,CAAC,SAAS,CAAC,GAAG,SAAS,EAC3C,SAAS,EAAE,SAAS,GAAG,SAAS,kSA4BjC"}

package/src/components/badge/components/badge-label.tsx

@@ -1,21 +0,0 @@
-import { calculateComposedStyles } from "../../../utils/calculate-styles";
-import React from "react";
-import { type StyleProp, Text, type TextStyle } from "react-native";
-import { useBadge } from "../context";
-
-export interface BadgeLabelProps {
-  children?: string;
-
-  render?: (props: BadgeLabelProps) => React.ReactNode;
-
-  style?: StyleProp<TextStyle>;
-}
-
-export function BadgeLabel(props: BadgeLabelProps) {
-  const badge = useBadge();
-
-  const composedStyle = calculateComposedStyles(badge.styles, badge.state, "label", props.style);
-
-  const Component = props.render ?? Text;
-  return <Component {...props} style={composedStyle} />;
-}