@kivid/native-components 1.0.0-alpha.23 → 1.0.0-alpha.25

package/dist/module/components/Dropdown/index.js

@@ -0,0 +1,195 @@
+"use strict";
+
+import React, { useState, useRef, useEffect } from "react";
+import { View, Pressable, Modal, TouchableWithoutFeedback } from "react-native";
+import { Typography } from "../Typography/index.js";
+import { ArrowChevronDownStroke } from "@kivid/icons/native";
+import { Animated, Easing } from "react-native";
+import { IconButton } from "../IconButton/index.js";
+import { IconButtonSizeEnum } from "../IconButton/enums.js";
+import { cva } from "class-variance-authority";
+import { SizeEnum } from "../../enums/index.js";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+export function Dropdown(props) {
+  const {
+    label,
+    value,
+    placeholder,
+    disabled = false,
+    className,
+    leftButtonText,
+    hidePlaceholder = false,
+    children,
+    iconButtonTrigger,
+    iconButtonAlign = "right",
+    size = SizeEnum.MEDIUM,
+    corner = SizeEnum.SMALL
+  } = props;
+  const [isOpen, setIsOpen] = useState(false);
+  const [dropdownLayout, setDropdownLayout] = useState({
+    top: 0,
+    left: 0,
+    width: 0
+  });
+  const triggerRef = useRef(null);
+  const rotateAnim = useRef(new Animated.Value(0)).current;
+  useEffect(() => {
+    Animated.timing(rotateAnim, {
+      toValue: isOpen ? 1 : 0,
+      duration: 200,
+      easing: Easing.out(Easing.ease),
+      useNativeDriver: true
+    }).start();
+  }, [isOpen, rotateAnim]);
+  const rotate = rotateAnim.interpolate({
+    inputRange: [0, 1],
+    outputRange: ["0deg", "180deg"]
+  });
+  const handlePress = () => {
+    if (disabled) return;
+    triggerRef.current?.measureInWindow((x, y, width, height) => {
+      setDropdownLayout({
+        top: y + height + 4,
+        left: x,
+        width: width
+      });
+      setIsOpen(true);
+    });
+  };
+  const handleClose = () => {
+    setIsOpen(false);
+  };
+  const textStyle = cva("text-chia-900", {
+    variants: {
+      placeholder: {
+        true: "text-chia-600",
+        false: "text-chia-900"
+      }
+    }
+  });
+  const dropdownStyle = cva("bg-chia-100 border border-chia-400 px-500 ", {
+    variants: {
+      size: {
+        [SizeEnum.SMALL]: "py-400",
+        [SizeEnum.MEDIUM]: "py-600"
+      },
+      corner: {
+        [SizeEnum.SMALL]: "rounded-400",
+        [SizeEnum.MEDIUM]: "rounded-700"
+      }
+    }
+  });
+  const triggerPositionStyle = cva("flex-row w-full", {
+    variants: {
+      align: {
+        left: "justify-start",
+        right: "justify-end",
+        center: "justify-center"
+      }
+    }
+  });
+  function renderVariant() {
+    const displayPlaceholder = !!placeholder && !value;
+    if (hidePlaceholder) {
+      return null;
+    }
+    return /*#__PURE__*/_jsx(View, {
+      className: "flex-row justify-between gap-100",
+      children: /*#__PURE__*/_jsx(Typography, {
+        variant: "label_large",
+        weight: "700",
+        className: textStyle({
+          placeholder: displayPlaceholder
+        }),
+        children: displayPlaceholder ? placeholder : value
+      })
+    });
+  }
+  function renderTrigger() {
+    if (iconButtonTrigger) {
+      return /*#__PURE__*/_jsx(View, {
+        className: triggerPositionStyle({
+          align: iconButtonAlign
+        }),
+        children: /*#__PURE__*/_jsx(IconButton, {
+          onPress: handlePress,
+          disabled: disabled,
+          size: IconButtonSizeEnum.MEDIUM,
+          ...iconButtonTrigger
+        })
+      });
+    }
+    return /*#__PURE__*/_jsx(Pressable, {
+      onPress: handlePress,
+      disabled: disabled,
+      className: dropdownStyle({
+        size,
+        corner
+      }),
+      children: /*#__PURE__*/_jsxs(View, {
+        className: "flex-row justify-between items-center",
+        children: [/*#__PURE__*/_jsxs(View, {
+          className: "",
+          children: [/*#__PURE__*/_jsx(View, {
+            className: "flex-col",
+            children: label && /*#__PURE__*/_jsx(Typography, {
+              variant: "label_small",
+              weight: "600",
+              className: "text-chia-900",
+              children: label
+            })
+          }), renderVariant()]
+        }), /*#__PURE__*/_jsxs(View, {
+          className: "flex-row items-center gap-400",
+          children: [leftButtonText && /*#__PURE__*/_jsx(Typography, {
+            variant: "label_medium",
+            weight: "700",
+            children: leftButtonText
+          }), /*#__PURE__*/_jsx(Animated.View, {
+            style: {
+              transform: [{
+                rotate
+              }]
+            },
+            children: /*#__PURE__*/_jsx(ArrowChevronDownStroke, {
+              size: 24,
+              className: "text-chia-900"
+            })
+          })]
+        })]
+      })
+    });
+  }
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(View, {
+      ref: triggerRef,
+      className: className,
+      children: renderTrigger()
+    }), /*#__PURE__*/_jsx(Modal, {
+      visible: isOpen,
+      transparent: true,
+      animationType: "fade",
+      onRequestClose: handleClose,
+      children: /*#__PURE__*/_jsx(TouchableWithoutFeedback, {
+        onPress: handleClose,
+        children: /*#__PURE__*/_jsx(View, {
+          className: "flex-1",
+          children: /*#__PURE__*/_jsx(TouchableWithoutFeedback, {
+            children: /*#__PURE__*/_jsx(View, {
+              style: {
+                position: "absolute",
+                top: dropdownLayout.top,
+                left: dropdownLayout.left,
+                width: dropdownLayout.width,
+                zIndex: 9999
+              },
+              className: "bg-white border border-gray-200 rounded-xl shadow-lg",
+              children: children
+            })
+          })
+        })
+      })
+    })]
+  });
+}
+//# sourceMappingURL=index.js.map

package/dist/module/components/Dropdown/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useState","useRef","useEffect","View","Pressable","Modal","TouchableWithoutFeedback","Typography","ArrowChevronDownStroke","Animated","Easing","IconButton","IconButtonSizeEnum","cva","SizeEnum","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","Dropdown","props","label","value","placeholder","disabled","className","leftButtonText","hidePlaceholder","children","iconButtonTrigger","iconButtonAlign","size","MEDIUM","corner","SMALL","isOpen","setIsOpen","dropdownLayout","setDropdownLayout","top","left","width","triggerRef","rotateAnim","Value","current","timing","toValue","duration","easing","out","ease","useNativeDriver","start","rotate","interpolate","inputRange","outputRange","handlePress","measureInWindow","x","y","height","handleClose","textStyle","variants","true","false","dropdownStyle","triggerPositionStyle","align","right","center","renderVariant","displayPlaceholder","variant","weight","renderTrigger","onPress","style","transform","ref","visible","transparent","animationType","onRequestClose","position","zIndex"],"sourceRoot":"../../../../src","sources":["components/Dropdown/index.tsx"],"mappings":"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","ignoreList":[]}

package/dist/module/components/Dropdown/types.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export {};
+//# sourceMappingURL=types.js.map

package/dist/module/components/Dropdown/types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["components/Dropdown/types.ts"],"mappings":"","ignoreList":[]}

package/dist/module/components/Tab/assets/class-variants.js

@@ -0,0 +1,66 @@
+"use strict";
+
+import { cva } from "class-variance-authority";
+import { SizeEnum } from "../../../enums/index.js";
+const tabContainerVariants = cva(["flex-row w-full"], {
+  variants: {
+    size: {
+      [SizeEnum.MEDIUM]: "",
+      [SizeEnum.SMALL]: ""
+    }
+  },
+  defaultVariants: {
+    size: SizeEnum.MEDIUM
+  }
+});
+const dividerVariants = cva(["w-full"], {
+  variants: {
+    selected: {
+      true: "h-200 bg-grape-500",
+      false: "h-[1px] bg-chia-400"
+    },
+    size: {
+      [SizeEnum.MEDIUM]: "mt-500",
+      [SizeEnum.SMALL]: "mt-400"
+    }
+  },
+  defaultVariants: {
+    selected: false,
+    size: SizeEnum.MEDIUM
+  }
+});
+const tabLabelVariants = cva("", {
+  variants: {
+    selected: {
+      true: "text-chia-900",
+      false: "text-chia-700"
+    }
+  },
+  defaultVariants: {
+    selected: false
+  }
+});
+const tabCountVariants = cva(["px-300 rounded-300 items-center justify-center ml-400"], {
+  variants: {
+    selected: {
+      true: "bg-grape-500",
+      false: "bg-chia-400"
+    }
+  },
+  defaultVariants: {
+    selected: false
+  }
+});
+const tabCountTextVariants = cva("", {
+  variants: {
+    selected: {
+      true: "text-chia-100",
+      false: "text-chia-700"
+    }
+  },
+  defaultVariants: {
+    selected: false
+  }
+});
+export { tabContainerVariants, dividerVariants, tabLabelVariants, tabCountVariants, tabCountTextVariants };
+//# sourceMappingURL=class-variants.js.map

package/dist/module/components/Tab/assets/class-variants.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["cva","SizeEnum","tabContainerVariants","variants","size","MEDIUM","SMALL","defaultVariants","dividerVariants","selected","true","false","tabLabelVariants","tabCountVariants","tabCountTextVariants"],"sourceRoot":"../../../../../src","sources":["components/Tab/assets/class-variants.ts"],"mappings":";;AAAA,SAASA,GAAG,QAAQ,0BAA0B;AAC9C,SAASC,QAAQ,QAAQ,yBAAgB;AAEzC,MAAMC,oBAAoB,GAAGF,GAAG,CAAC,CAAC,iBAAiB,CAAC,EAAE;EACpDG,QAAQ,EAAE;IACRC,IAAI,EAAE;MACJ,CAACH,QAAQ,CAACI,MAAM,GAAG,EAAE;MACrB,CAACJ,QAAQ,CAACK,KAAK,GAAG;IACpB;EACF,CAAC;EACDC,eAAe,EAAE;IACfH,IAAI,EAAEH,QAAQ,CAACI;EACjB;AACF,CAAC,CAAC;AAEF,MAAMG,eAAe,GAAGR,GAAG,CACzB,CACE,QAAQ,CACT,EACD;EACEG,QAAQ,EAAE;IACRM,QAAQ,EAAE;MACRC,IAAI,EAAE,oBAAoB;MAC1BC,KAAK,EAAE;IACT,CAAC;IACDP,IAAI,EAAE;MACJ,CAACH,QAAQ,CAACI,MAAM,GAAG,QAAQ;MAC3B,CAACJ,QAAQ,CAACK,KAAK,GAAG;IACpB;EACF,CAAC;EACDC,eAAe,EAAE;IACfE,QAAQ,EAAE,KAAK;IACfL,IAAI,EAAEH,QAAQ,CAACI;EACjB;AACF,CACF,CAAC;AAED,MAAMO,gBAAgB,GAAGZ,GAAG,CAAC,EAAE,EAAE;EAC/BG,QAAQ,EAAE;IACRM,QAAQ,EAAE;MACRC,IAAI,EAAE,eAAe;MACrBC,KAAK,EAAE;IACT;EACF,CAAC;EACDJ,eAAe,EAAE;IACfE,QAAQ,EAAE;EACZ;AACF,CAAC,CAAC;AAEF,MAAMI,gBAAgB,GAAGb,GAAG,CAC1B,CAAC,uDAAuD,CAAC,EACzD;EACEG,QAAQ,EAAE;IACRM,QAAQ,EAAE;MACRC,IAAI,EAAE,cAAc;MACpBC,KAAK,EAAE;IACT;EACF,CAAC;EACDJ,eAAe,EAAE;IACfE,QAAQ,EAAE;EACZ;AACF,CACF,CAAC;AAED,MAAMK,oBAAoB,GAAGd,GAAG,CAAC,EAAE,EAAE;EACnCG,QAAQ,EAAE;IACRM,QAAQ,EAAE;MACRC,IAAI,EAAE,eAAe;MACrBC,KAAK,EAAE;IACT;EACF,CAAC;EACDJ,eAAe,EAAE;IACfE,QAAQ,EAAE;EACZ;AACF,CAAC,CAAC;AAEF,SACEP,oBAAoB,EACpBM,eAAe,EACfI,gBAAgB,EAChBC,gBAAgB,EAChBC,oBAAoB","ignoreList":[]}

package/dist/module/components/Tab/index.js

@@ -0,0 +1,86 @@
+"use strict";
+
+import { Pressable, View } from "react-native";
+import { merge } from "@kivid/tailwind-preset";
+import { tabContainerVariants, dividerVariants, tabLabelVariants, tabCountVariants, tabCountTextVariants } from "./assets/class-variants.js";
+import { Typography } from "../Typography/index.js";
+import { SizeEnum } from "../../enums/index.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function Tab(props) {
+  const {
+    items,
+    onTabChange,
+    size = SizeEnum.MEDIUM,
+    className,
+    selectedTab,
+    customDividerColor,
+    customDividerComponent
+  } = props;
+  const handleTabPress = index => {
+    onTabChange?.(index);
+  };
+  const containerStyle = merge(tabContainerVariants({
+    size
+  }), className);
+  return /*#__PURE__*/_jsx(View, {
+    className: containerStyle,
+    accessibilityRole: "tablist",
+    children: items.map((item, index) => {
+      const selected = selectedTab === index;
+      const buttonStyle = merge("flex-1 flex-col items-center justify-center", className);
+      const labelStyle = tabLabelVariants({
+        selected
+      });
+      const countTextStyle = tabCountTextVariants({
+        selected
+      });
+      const dividerStyle = selected && customDividerColor ? merge(dividerVariants({
+        selected,
+        size
+      }), customDividerColor) : dividerVariants({
+        selected,
+        size
+      });
+      const countContainerStyle = selected && customDividerColor ? merge(tabCountVariants({
+        selected
+      }), customDividerColor) : tabCountVariants({
+        selected
+      });
+      const renderDivider = () => {
+        if (selected && customDividerComponent) {
+          return customDividerComponent;
+        }
+        return /*#__PURE__*/_jsx(View, {
+          className: dividerStyle
+        });
+      };
+      return /*#__PURE__*/_jsxs(Pressable, {
+        testID: `tab-${index}`,
+        className: buttonStyle,
+        onPress: () => handleTabPress(index),
+        accessibilityRole: "tab",
+        accessibilityState: {
+          selected
+        },
+        children: [/*#__PURE__*/_jsxs(View, {
+          className: "flex flex-row",
+          children: [/*#__PURE__*/_jsx(Typography, {
+            variant: size === SizeEnum.MEDIUM ? "label_medium" : "label_small",
+            weight: "700",
+            className: labelStyle,
+            children: item.label
+          }), item.count !== undefined && /*#__PURE__*/_jsx(View, {
+            className: countContainerStyle,
+            children: /*#__PURE__*/_jsx(Typography, {
+              variant: "label_small",
+              weight: "700",
+              className: countTextStyle,
+              children: item.count
+            })
+          })]
+        }), renderDivider()]
+      }, index);
+    })
+  });
+}
+//# sourceMappingURL=index.js.map

package/dist/module/components/Tab/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Pressable","View","merge","tabContainerVariants","dividerVariants","tabLabelVariants","tabCountVariants","tabCountTextVariants","Typography","SizeEnum","jsx","_jsx","jsxs","_jsxs","Tab","props","items","onTabChange","size","MEDIUM","className","selectedTab","customDividerColor","customDividerComponent","handleTabPress","index","containerStyle","accessibilityRole","children","map","item","selected","buttonStyle","labelStyle","countTextStyle","dividerStyle","countContainerStyle","renderDivider","testID","onPress","accessibilityState","variant","weight","label","count","undefined"],"sourceRoot":"../../../../src","sources":["components/Tab/index.tsx"],"mappings":"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","ignoreList":[]}

package/dist/module/components/Tab/types.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export {};
+//# sourceMappingURL=types.js.map

package/dist/module/components/Tab/types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["components/Tab/types.ts"],"mappings":"","ignoreList":[]}

package/dist/module/components/Title/components/marker/index.js

@@ -6,7 +6,8 @@ import { jsx as _jsx } from "react/jsx-runtime";
 export function Marker(props) {
   const {
     size = SizeEnum.MEDIUM,
-    color = "chia"
+    color = "chia",
+    customMarkerComponent
   } = props;
   const mappedSize = {
     [SizeEnum.SMALL]: "w-700 h-300",
@@ -23,8 +24,14 @@ export function Marker(props) {
     chia: "bg-chia-600",
     ghost: "bg-chia-200"
   }[color];
-  return /*#__PURE__*/_jsx(View, {
-    className: `${mappedColor} ${mappedSize} rounded-500`
-  });
+  function renderMarker() {
+    if (customMarkerComponent) {
+      return customMarkerComponent;
+    }
+    return /*#__PURE__*/_jsx(View, {
+      className: `${mappedColor} ${mappedSize} rounded-500`
+    });
+  }
+  return renderMarker();
 }
 //# sourceMappingURL=index.js.map

package/dist/module/components/Title/components/marker/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["View","SizeEnum","jsx","_jsx","Marker","props","size","MEDIUM","color","mappedSize","SMALL","mappedColor","pear","java","grape","pitaya","tangerine","mango","blackberry","chia","ghost","className"],"sourceRoot":"../../../../../../src","sources":["components/Title/components/marker/index.tsx"],"mappings":";;AAAA,SAASA,IAAI,QAAQ,cAAc;AAEnC,SAASC,QAAQ,QAAQ,4BAAmB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAE7C,OAAO,SAASC,MAAMA,CAACC,KAAkB,EAAE;EACzC,MAAM;IAAEC,IAAI,GAAGL,QAAQ,CAACM,MAAM;IAAEC,KAAK,GAAG;EAAO,CAAC,GAAGH,KAAK;EAExD,MAAMI,UAAU,GAAG;IACjB,CAACR,QAAQ,CAACS,KAAK,GAAG,aAAa;IAC/B,CAACT,QAAQ,CAACM,MAAM,GAAG;EACrB,CAAC,CAACD,IAAI,CAAC;EAEP,MAAMK,WAAW,GAAG;IAClBC,IAAI,EAAE,aAAa;IACnBC,IAAI,EAAE,aAAa;IACnBC,KAAK,EAAE,cAAc;IACrBC,MAAM,EAAE,eAAe;IACvBC,SAAS,EAAE,kBAAkB;IAC7BC,KAAK,EAAE,cAAc;IACrBC,UAAU,EAAE,mBAAmB;IAC/BC,IAAI,EAAE,aAAa;IACnBC,KAAK,EAAE;EACT,CAAC,CAACZ,KAAK,CAAC;EAER,oBAAOL,IAAA,CAACH,IAAI;IAACqB,SAAS,EAAE,GAAGV,WAAW,IAAIF,UAAU;EAAe,CAAE,CAAC;AACxE","ignoreList":[]}
+{"version":3,"names":["View","SizeEnum","jsx","_jsx","Marker","props","size","MEDIUM","color","customMarkerComponent","mappedSize","SMALL","mappedColor","pear","java","grape","pitaya","tangerine","mango","blackberry","chia","ghost","renderMarker","className"],"sourceRoot":"../../../../../../src","sources":["components/Title/components/marker/index.tsx"],"mappings":";;AAAA,SAASA,IAAI,QAAQ,cAAc;AAEnC,SAASC,QAAQ,QAAQ,4BAAmB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAE7C,OAAO,SAASC,MAAMA,CAACC,KAAkB,EAAE;EACzC,MAAM;IAAEC,IAAI,GAAGL,QAAQ,CAACM,MAAM;IAAEC,KAAK,GAAG,MAAM;IAAEC;EAAsB,CAAC,GAAGJ,KAAK;EAE/E,MAAMK,UAAU,GAAG;IACjB,CAACT,QAAQ,CAACU,KAAK,GAAG,aAAa;IAC/B,CAACV,QAAQ,CAACM,MAAM,GAAG;EACrB,CAAC,CAACD,IAAI,CAAC;EAEP,MAAMM,WAAW,GAAG;IAClBC,IAAI,EAAE,aAAa;IACnBC,IAAI,EAAE,aAAa;IACnBC,KAAK,EAAE,cAAc;IACrBC,MAAM,EAAE,eAAe;IACvBC,SAAS,EAAE,kBAAkB;IAC7BC,KAAK,EAAE,cAAc;IACrBC,UAAU,EAAE,mBAAmB;IAC/BC,IAAI,EAAE,aAAa;IACnBC,KAAK,EAAE;EACT,CAAC,CAACb,KAAK,CAAC;EAER,SAASc,YAAYA,CAAA,EAAG;IACtB,IAAIb,qBAAqB,EAAE;MACzB,OAAOA,qBAAqB;IAC9B;IAEA,oBAAON,IAAA,CAACH,IAAI;MAACuB,SAAS,EAAE,GAAGX,WAAW,IAAIF,UAAU;IAAe,CAAE,CAAC;EACxE;EAEA,OAAOY,YAAY,CAAC,CAAC;AACvB","ignoreList":[]}

package/dist/module/components/Toast/assets/class-variants.js

@@ -17,7 +17,7 @@ const toastVariants = cva("justify-between min-w-[200px] max-w min-h-12 mx-600 p
 const containerVariants = cva("absolute z-[800px] w-full min-h-12 flex", {
   variants: {
     position: {
-      [ToastPositionEnum.TOP]: "top-1000",
+      [ToastPositionEnum.TOP]: "top-1000 mt-700",
       [ToastPositionEnum.BOTTOM]: "bottom-1000"
     }
   },

package/dist/module/components/Toast/assets/class-variants.js.map

@@ -1 +1 @@
-{"version":3,"names":["cva","ToastPositionEnum","ToastVariantEnum","toastVariants","variants","variant","SUCCESS","ERROR","WARNING","defaultVariants","containerVariants","position","TOP","BOTTOM"],"sourceRoot":"../../../../../src","sources":["components/Toast/assets/class-variants.ts"],"mappings":";;AAAA,SAASA,GAAG,QAAQ,0BAA0B;AAC9C,SAASC,iBAAiB,EAAEC,gBAAgB,QAAQ,mBAAU;AAE9D,MAAMC,aAAa,GAAGH,GAAG,CACvB,kHAAkH,EAClH;EACEI,QAAQ,EAAE;IACRC,OAAO,EAAE;MACP,CAACH,gBAAgB,CAACI,OAAO,GAAG,aAAa;MACzC,CAACJ,gBAAgB,CAACK,KAAK,GAAG,mBAAmB;MAC7C,CAACL,gBAAgB,CAACM,OAAO,GAAG;IAC9B;EACF,CAAC;EACDC,eAAe,EAAE;IACfJ,OAAO,EAAEH,gBAAgB,CAACI;EAC5B;AACF,CACF,CAAC;AAED,MAAMI,iBAAiB,GAAGV,GAAG,CAAC,yCAAyC,EAAE;EACvEI,QAAQ,EAAE;IACRO,QAAQ,EAAE;MACR,CAACV,iBAAiB,CAACW,GAAG,GAAG,UAAU;MACnC,CAACX,iBAAiB,CAACY,MAAM,GAAG;IAC9B;EACF,CAAC;EACDJ,eAAe,EAAE;IACfE,QAAQ,EAAEV,iBAAiB,CAACW;EAC9B;AACF,CAAC,CAAC;AAEF,SAAST,aAAa,EAAEO,iBAAiB","ignoreList":[]}
+{"version":3,"names":["cva","ToastPositionEnum","ToastVariantEnum","toastVariants","variants","variant","SUCCESS","ERROR","WARNING","defaultVariants","containerVariants","position","TOP","BOTTOM"],"sourceRoot":"../../../../../src","sources":["components/Toast/assets/class-variants.ts"],"mappings":";;AAAA,SAASA,GAAG,QAAQ,0BAA0B;AAC9C,SAASC,iBAAiB,EAAEC,gBAAgB,QAAQ,mBAAU;AAE9D,MAAMC,aAAa,GAAGH,GAAG,CACvB,kHAAkH,EAClH;EACEI,QAAQ,EAAE;IACRC,OAAO,EAAE;MACP,CAACH,gBAAgB,CAACI,OAAO,GAAG,aAAa;MACzC,CAACJ,gBAAgB,CAACK,KAAK,GAAG,mBAAmB;MAC7C,CAACL,gBAAgB,CAACM,OAAO,GAAG;IAC9B;EACF,CAAC;EACDC,eAAe,EAAE;IACfJ,OAAO,EAAEH,gBAAgB,CAACI;EAC5B;AACF,CACF,CAAC;AAED,MAAMI,iBAAiB,GAAGV,GAAG,CAAC,yCAAyC,EAAE;EACvEI,QAAQ,EAAE;IACRO,QAAQ,EAAE;MACR,CAACV,iBAAiB,CAACW,GAAG,GAAG,iBAAiB;MAC1C,CAACX,iBAAiB,CAACY,MAAM,GAAG;IAC9B;EACF,CAAC;EACDJ,eAAe,EAAE;IACfE,QAAQ,EAAEV,iBAAiB,CAACW;EAC9B;AACF,CAAC,CAAC;AAEF,SAAST,aAAa,EAAEO,iBAAiB","ignoreList":[]}

package/dist/module/components/index.js

@@ -40,4 +40,6 @@ export * from "./PageIndicators/index.js";
 export * from "./ActionButton/index.js";
 export * from "./MessageInput/index.js";
 export * from "./DatePicker/index.js";
+export * from "./Tab/index.js";
+export * from "./Dropdown/index.js";
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":[],"sourceRoot":"../../../src","sources":["components/index.ts"],"mappings":";;AAAA,cAAc,mBAAU;AACxB,cAAc,mBAAU;AAGxB,cAAc,uBAAc;AAI5B,cAAc,iBAAQ;AACtB,cAAc,uBAAc;AAC5B,cAAc,iBAAc;AAE5B,cAAc,8BAAqB;AACnC,cAAc,8BAA2B;AAGzC,cAAc,0BAAiB;AAC/B,cAAc,gCAAuB;AAGrC,cAAc,qBAAY;AAC1B,cAAc,2BAAkB;AAGhC,cAAc,yBAAgB;AAG9B,cAAc,4BAAmB;AAGjC,cAAc,wBAAe;AAC7B,cAAc,wBAAqB;AAEnC,cAAc,iBAAQ;AACtB,cAAc,uBAAc;AAG5B,cAAc,kBAAS;AAGvB,cAAc,mBAAU;AACxB,cAAc,yBAAgB;AAG9B,cAAc,uBAAc;AAG5B,cAAc,kBAAS;AACvB,cAAc,wBAAe;AAG7B,cAAc,oBAAW;AAGzB,cAAc,uBAAc;AAC5B,cAAc,6BAAoB;AAGlC,cAAc,sBAAa;AAC3B,cAAc,sBAAmB;AAGjC,cAAc,yBAAgB;AAC9B,cAAc,+BAAsB;AAGpC,cAAc,uBAAc;AAC5B,cAAc,6BAAoB;AAGlC,cAAc,uBAAc;AAC5B,cAAc,uBAAoB;AAGlC,cAAc,0BAAiB;AAG/B,cAAc,2BAAkB;AAGhC,cAAc,yBAAgB;AAG9B,cAAc,yBAAgB;AAG9B,cAAc,uBAAc","ignoreList":[]}
+{"version":3,"names":[],"sourceRoot":"../../../src","sources":["components/index.ts"],"mappings":";;AAAA,cAAc,mBAAU;AACxB,cAAc,mBAAU;AAGxB,cAAc,uBAAc;AAI5B,cAAc,iBAAQ;AACtB,cAAc,uBAAc;AAC5B,cAAc,iBAAc;AAE5B,cAAc,8BAAqB;AACnC,cAAc,8BAA2B;AAGzC,cAAc,0BAAiB;AAC/B,cAAc,gCAAuB;AAGrC,cAAc,qBAAY;AAC1B,cAAc,2BAAkB;AAGhC,cAAc,yBAAgB;AAG9B,cAAc,4BAAmB;AAGjC,cAAc,wBAAe;AAC7B,cAAc,wBAAqB;AAEnC,cAAc,iBAAQ;AACtB,cAAc,uBAAc;AAG5B,cAAc,kBAAS;AAGvB,cAAc,mBAAU;AACxB,cAAc,yBAAgB;AAG9B,cAAc,uBAAc;AAG5B,cAAc,kBAAS;AACvB,cAAc,wBAAe;AAG7B,cAAc,oBAAW;AAGzB,cAAc,uBAAc;AAC5B,cAAc,6BAAoB;AAGlC,cAAc,sBAAa;AAC3B,cAAc,sBAAmB;AAGjC,cAAc,yBAAgB;AAC9B,cAAc,+BAAsB;AAGpC,cAAc,uBAAc;AAC5B,cAAc,6BAAoB;AAGlC,cAAc,uBAAc;AAC5B,cAAc,uBAAoB;AAGlC,cAAc,0BAAiB;AAG/B,cAAc,2BAAkB;AAGhC,cAAc,yBAAgB;AAG9B,cAAc,yBAAgB;AAG9B,cAAc,uBAAc;AAG5B,cAAc,gBAAO;AAGrB,cAAc,qBAAY","ignoreList":[]}

package/dist/typescript/components/Dropdown/index.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import type { DropdownProps } from "./types";
+export declare function Dropdown(props: DropdownProps): React.JSX.Element;

package/dist/typescript/components/Dropdown/types.d.ts

@@ -0,0 +1,17 @@
+import { ReactNode } from "react";
+import { IconButtonProps } from "../IconButton/types";
+import { SizeEnum } from "../../enums";
+export interface DropdownProps {
+    label?: string;
+    value?: string;
+    placeholder?: string;
+    disabled?: boolean;
+    className?: string;
+    leftButtonText?: string;
+    hidePlaceholder?: boolean;
+    children: ReactNode;
+    iconButtonTrigger?: IconButtonProps;
+    iconButtonAlign?: "left" | "right" | "center";
+    size?: SizeEnum.SMALL | SizeEnum.MEDIUM;
+    corner?: SizeEnum.SMALL | SizeEnum.MEDIUM;
+}

package/dist/typescript/components/Tab/assets/class-variants.d.ts

@@ -0,0 +1,18 @@
+import { SizeEnum } from "../../../enums";
+declare const tabContainerVariants: (props?: ({
+    size?: SizeEnum.SMALL | SizeEnum.MEDIUM | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+declare const dividerVariants: (props?: ({
+    selected?: boolean | null | undefined;
+    size?: SizeEnum.SMALL | SizeEnum.MEDIUM | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+declare const tabLabelVariants: (props?: ({
+    selected?: boolean | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+declare const tabCountVariants: (props?: ({
+    selected?: boolean | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+declare const tabCountTextVariants: (props?: ({
+    selected?: boolean | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export { tabContainerVariants, dividerVariants, tabLabelVariants, tabCountVariants, tabCountTextVariants, };

package/dist/typescript/components/Tab/index.d.ts

@@ -0,0 +1,2 @@
+import type { TabProps } from "./types";
+export declare function Tab(props: TabProps): import("react").JSX.Element;

package/dist/typescript/components/Tab/types.d.ts

@@ -0,0 +1,17 @@
+import { ReactNode } from "react";
+import { SizeEnum } from "../../enums";
+export type TabSize = SizeEnum.SMALL | SizeEnum.MEDIUM;
+export interface TabItem {
+    label: string;
+    count?: number;
+}
+export interface TabProps {
+    items: TabItem[];
+    onTabChange: (index: number) => void;
+    size?: TabSize;
+    className?: string;
+    customDividerColor?: string;
+    customDividerComponent?: ReactNode;
+    selectedTab: number;
+    selected?: boolean;
+}

package/dist/typescript/components/Title/components/marker/index.d.ts

@@ -1,2 +1,2 @@
 import type { MarkerProps } from "./types";
-export declare function Marker(props: MarkerProps): import("react").JSX.Element;
+export declare function Marker(props: MarkerProps): string | number | bigint | true | Iterable<import("react").ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | null | undefined> | import("react").JSX.Element;

package/dist/typescript/components/Title/components/marker/types.d.ts

@@ -1,6 +1,7 @@
 import { SizeEnum } from "../../../../enums";
 export type MarkerSize = SizeEnum.SMALL | SizeEnum.MEDIUM;
 export interface MarkerProps {
+    customMarkerComponent?: React.ReactNode;
     size?: MarkerSize;
     color?: "pear" | "java" | "grape" | "pitaya" | "tangerine" | "mango" | "blackberry" | "chia" | "ghost";
 }

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

@@ -62,3 +62,7 @@ export * from "./MessageInput";
 export type * from "./MessageInput/types";
 export * from "./DatePicker";
 export type * from "./DatePicker/types";
+export * from "./Tab";
+export type * from "./Tab/types";
+export * from "./Dropdown";
+export type * from "./Dropdown/types";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kivid/native-components",
-  "version": "1.0.0-alpha.23",
+  "version": "1.0.0-alpha.25",
   "description": "A React Native component library for the Butterfly Design System.",
   "repository": {
     "type": "git",
@@ -88,8 +88,8 @@
     "react-test-renderer": "19.0.0",
     "ts-jest": "^29.2.5",
     "typescript": "~5.8.3",
-    "@kivid/tailwind-preset": "1.0.0-alpha.23",
-    "@kivid/icons": "1.0.0-alpha.23"
+    "@kivid/tailwind-preset": "1.0.0-alpha.25",
+    "@kivid/icons": "1.0.0-alpha.25"
   },
   "peerDependencies": {
     "@lottiefiles/dotlottie-react": "^0.15.1",
@@ -99,8 +99,8 @@
     "react": "19.0.0",
     "react-native": "0.79.5",
     "react-native-svg": "^15.12.0",
-    "@kivid/tailwind-preset": "1.0.0-alpha.23",
-    "@kivid/icons": "1.0.0-alpha.23"
+    "@kivid/tailwind-preset": "1.0.0-alpha.25",
+    "@kivid/icons": "1.0.0-alpha.25"
   },
   "eslintIgnore": [
     "node_modules/",