@space-uy/pulsar-ui 0.2.0

package/lib/module/components/Select.js

@@ -0,0 +1,189 @@
+"use strict";
+
+import { useCallback, useRef, useState } from 'react';
+import { View, StyleSheet, Pressable } from 'react-native';
+import Animated, { useSharedValue, withTiming, useAnimatedStyle, interpolateColor } from 'react-native-reanimated';
+import { FlatList } from 'react-native-gesture-handler';
+import InputContainer from "./InputContainer.js";
+import BottomSheet from "./BottomSheet.js";
+import Text from "./Text.js";
+import Icon from "./Icon.js";
+import useTheme from "../hooks/useTheme.js";
+import { convertHexToRgba } from "../utils/uiUtils.js";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+const OptionItem = ({
+  style,
+  option,
+  selected,
+  onChange
+}) => {
+  const {
+    theme,
+    colors
+  } = useTheme();
+  const pressed = useSharedValue(0);
+  const pressedColor = convertHexToRgba(colors.foreground, 0.1);
+  const animatedPress = useAnimatedStyle(() => ({
+    backgroundColor: interpolateColor(pressed.value, [0, 1], [selected ? pressedColor : 'transparent', pressedColor])
+  }));
+  return /*#__PURE__*/_jsx(Pressable, {
+    style: style,
+    onPress: () => onChange(option),
+    onPressIn: () => pressed.value = 1,
+    onPressOut: () => pressed.value = 0,
+    onHoverIn: () => pressed.value = 1,
+    onHoverOut: () => pressed.value = 0,
+    children: /*#__PURE__*/_jsxs(Animated.View, {
+      style: [styles.optionContent, {
+        borderRadius: theme.roundness - 2
+      }, animatedPress],
+      children: [/*#__PURE__*/_jsx(Text, {
+        style: [styles.optionText, {
+          color: colors.foreground
+        }],
+        variant: "pm",
+        numberOfLines: 1,
+        children: option.label
+      }), selected && /*#__PURE__*/_jsx(Icon, {
+        name: "Check",
+        size: 16,
+        color: colors.foreground
+      })]
+    })
+  }, option.value);
+};
+export default function Select({
+  style,
+  value,
+  options,
+  onChange,
+  placeholder = 'Select',
+  label,
+  disabled = false,
+  error,
+  hint,
+  title
+}) {
+  const [isOpen, setIsOpen] = useState(false);
+  const rotation = useSharedValue(0);
+  const {
+    theme,
+    colors
+  } = useTheme();
+  const bottomSheetRef = useRef(null);
+  const handlePress = useCallback(() => {
+    if (disabled) return;
+    setIsOpen(true);
+    rotation.value = withTiming(1, {
+      duration: 200
+    });
+    bottomSheetRef.current?.show();
+  }, [disabled, rotation]);
+  const handleClose = useCallback(() => {
+    rotation.value = withTiming(0, {
+      duration: 200
+    });
+    setIsOpen(false);
+    bottomSheetRef.current?.hide();
+  }, [rotation]);
+  const animatedStyle = useAnimatedStyle(() => ({
+    transform: [{
+      rotate: `${rotation.value * 180}deg`
+    }]
+  }));
+  const getInputTextColor = useCallback(() => {
+    if (disabled) return convertHexToRgba(colors.foreground, 0.5);
+    return colors.foreground;
+  }, [colors.foreground, disabled]);
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(View, {
+      style: style,
+      children: /*#__PURE__*/_jsxs(InputContainer, {
+        onPress: handlePress,
+        disabled: disabled,
+        focused: isOpen,
+        error: error,
+        hint: hint,
+        label: label,
+        children: [/*#__PURE__*/_jsx(Text, {
+          variant: "pm",
+          style: [styles.selectText, {
+            color: value ? getInputTextColor() : convertHexToRgba(colors.foreground, 0.5),
+            fontFamily: theme.fonts.regular
+          }],
+          numberOfLines: 1,
+          children: value?.label ?? placeholder
+        }), /*#__PURE__*/_jsx(Animated.View, {
+          style: animatedStyle,
+          children: /*#__PURE__*/_jsx(Icon, {
+            name: "ChevronDown",
+            size: 16,
+            color: colors.foreground
+          })
+        })]
+      })
+    }), /*#__PURE__*/_jsxs(BottomSheet, {
+      ref: bottomSheetRef,
+      fullScreen: options.length > 20,
+      onBackdropPress: handleClose,
+      children: [title && /*#__PURE__*/_jsx(Text, {
+        style: styles.title,
+        variant: "h3",
+        children: title
+      }), /*#__PURE__*/_jsx(FlatList, {
+        data: options,
+        contentContainerStyle: styles.list,
+        renderItem: ({
+          item,
+          index
+        }) => /*#__PURE__*/_jsx(OptionItem, {
+          style: [styles.option, {
+            borderRadius: theme.roundness - 2
+          }, index === options.length - 1 && {
+            marginBottom: theme.insets.bottom + 8
+          }],
+          option: item,
+          selected: value?.value === item.value,
+          onChange: selectedOption => {
+            onChange(selectedOption);
+            handleClose();
+          }
+        })
+      })]
+    })]
+  });
+}
+const styles = StyleSheet.create({
+  selectText: {
+    fontSize: 14,
+    flex: 1
+  },
+  optionContent: {
+    paddingVertical: 8,
+    justifyContent: 'space-between',
+    alignItems: 'center',
+    flexDirection: 'row',
+    paddingHorizontal: 8
+  },
+  optionText: {
+    flex: 1,
+    marginEnd: 16
+  },
+  firstOption: {
+    paddingTop: 4
+  },
+  lastOption: {
+    paddingBottom: 6
+  },
+  option: {
+    paddingBottom: 2
+  },
+  list: {
+    paddingHorizontal: 8
+  },
+  title: {
+    marginBottom: 8,
+    marginHorizontal: 16
+  }
+});
+//# sourceMappingURL=Select.js.map

package/lib/module/components/Select.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useCallback","useRef","useState","View","StyleSheet","Pressable","Animated","useSharedValue","withTiming","useAnimatedStyle","interpolateColor","FlatList","InputContainer","BottomSheet","Text","Icon","useTheme","convertHexToRgba","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","OptionItem","style","option","selected","onChange","theme","colors","pressed","pressedColor","foreground","animatedPress","backgroundColor","value","onPress","onPressIn","onPressOut","onHoverIn","onHoverOut","children","styles","optionContent","borderRadius","roundness","optionText","color","variant","numberOfLines","label","name","size","Select","options","placeholder","disabled","error","hint","title","isOpen","setIsOpen","rotation","bottomSheetRef","handlePress","duration","current","show","handleClose","hide","animatedStyle","transform","rotate","getInputTextColor","focused","selectText","fontFamily","fonts","regular","ref","fullScreen","length","onBackdropPress","data","contentContainerStyle","list","renderItem","item","index","marginBottom","insets","bottom","selectedOption","create","fontSize","flex","paddingVertical","justifyContent","alignItems","flexDirection","paddingHorizontal","marginEnd","firstOption","paddingTop","lastOption","paddingBottom","marginHorizontal"],"sourceRoot":"../../../src","sources":["components/Select.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/Switch.js

@@ -0,0 +1,74 @@
+"use strict";
+
+import { useEffect } from 'react';
+import { Pressable, StyleSheet } from 'react-native';
+import Animated, { Easing, interpolate, interpolateColor, useAnimatedStyle, useSharedValue, withTiming } from 'react-native-reanimated';
+import useTheme from "../hooks/useTheme.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+const SWITCH_WIDTH = 44;
+const SWITCH_HEIGHT = 24;
+const PADDING = 2;
+const THUMB_SIZE = SWITCH_HEIGHT - PADDING * 2;
+export default function Switch({
+  value,
+  onValueChange,
+  disabled,
+  style
+}) {
+  const {
+    colors
+  } = useTheme();
+  const active = useSharedValue(value ? 1 : 0);
+  const enabled = useSharedValue(disabled ? 0 : 1);
+  useEffect(() => {
+    active.value = withTiming(value ? 1 : 0, {
+      duration: 300,
+      easing: Easing.inOut(Easing.ease)
+    });
+  }, [value, active]);
+  useEffect(() => {
+    enabled.value = withTiming(disabled ? 0 : 1, {
+      duration: 300
+    });
+  }, [disabled, enabled]);
+  const containerAnimatedStyle = useAnimatedStyle(() => {
+    return {
+      backgroundColor: interpolateColor(active.value, [0, 1], [colors.border, colors.primary]),
+      opacity: interpolate(enabled.value, [0, 1], [0.5, 1])
+    };
+  });
+  const thumbAnimatedStyle = useAnimatedStyle(() => {
+    return {
+      transform: [{
+        translateX: interpolate(active.value, [0, 1], [PADDING, SWITCH_WIDTH - (THUMB_SIZE + PADDING)])
+      }]
+    };
+  });
+  return /*#__PURE__*/_jsx(Pressable, {
+    style: style,
+    onPress: () => onValueChange(!value),
+    disabled: disabled,
+    children: /*#__PURE__*/_jsx(Animated.View, {
+      style: [styles.container, containerAnimatedStyle],
+      children: /*#__PURE__*/_jsx(Animated.View, {
+        style: [styles.thumb, {
+          backgroundColor: colors.background
+        }, thumbAnimatedStyle]
+      })
+    })
+  });
+}
+const styles = StyleSheet.create({
+  container: {
+    width: SWITCH_WIDTH,
+    height: SWITCH_HEIGHT,
+    borderRadius: SWITCH_HEIGHT,
+    justifyContent: 'center'
+  },
+  thumb: {
+    width: THUMB_SIZE,
+    height: THUMB_SIZE,
+    borderRadius: THUMB_SIZE
+  }
+});
+//# sourceMappingURL=Switch.js.map

package/lib/module/components/Switch.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useEffect","Pressable","StyleSheet","Animated","Easing","interpolate","interpolateColor","useAnimatedStyle","useSharedValue","withTiming","useTheme","jsx","_jsx","SWITCH_WIDTH","SWITCH_HEIGHT","PADDING","THUMB_SIZE","Switch","value","onValueChange","disabled","style","colors","active","enabled","duration","easing","inOut","ease","containerAnimatedStyle","backgroundColor","border","primary","opacity","thumbAnimatedStyle","transform","translateX","onPress","children","View","styles","container","thumb","background","create","width","height","borderRadius","justifyContent"],"sourceRoot":"../../../src","sources":["components/Switch.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/Tabs.js

@@ -0,0 +1,99 @@
+"use strict";
+
+import { useState } from 'react';
+import { View, Pressable, StyleSheet } from 'react-native';
+import useTheme from "../hooks/useTheme.js";
+import { convertHexToRgba } from "../utils/uiUtils.js";
+import Text from "./Text.js";
+import Animated, { useAnimatedStyle, useSharedValue, withTiming, Easing } from 'react-native-reanimated';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export default function Tabs({
+  options,
+  selected,
+  onChange,
+  style
+}) {
+  const {
+    theme,
+    colors
+  } = useTheme();
+  const [width, setWidth] = useState(0);
+  const [height, setHeight] = useState(0);
+  const index = useSharedValue(0);
+  const tabWidth = (width - 8) / options.length;
+  const tabHeight = height - 8;
+  const tabAnimStyle = useAnimatedStyle(() => {
+    return {
+      transform: [{
+        translateX: index.value * tabWidth + 4
+      }]
+    };
+  }, [tabWidth, index]);
+  return /*#__PURE__*/_jsx(View, {
+    style: [styles.container, style],
+    children: /*#__PURE__*/_jsxs(View, {
+      onLayout: event => {
+        const {
+          width: w,
+          height: h
+        } = event.nativeEvent.layout;
+        setWidth(w);
+        setHeight(h);
+      },
+      style: [styles.tabsList, {
+        backgroundColor: convertHexToRgba(colors.border, 0.5),
+        borderRadius: theme.roundness
+      }],
+      children: [/*#__PURE__*/_jsx(Animated.View, {
+        style: [styles.tab, {
+          height: tabHeight,
+          width: tabWidth,
+          backgroundColor: colors.background,
+          borderColor: colors.border
+        }, theme.roundness >= 2 && {
+          borderRadius: theme.roundness - 2
+        }, tabAnimStyle]
+      }), options.map((tab, _index) => /*#__PURE__*/_jsx(Pressable, {
+        style: styles.tabTrigger,
+        onPress: () => {
+          index.value = withTiming(_index, {
+            duration: 250,
+            easing: Easing.ease
+          });
+          onChange(tab);
+        },
+        children: /*#__PURE__*/_jsx(Text, {
+          variant: "h4",
+          numberOfLines: 1,
+          style: {
+            color: selected.value === tab.value ? colors.foreground : convertHexToRgba(colors.foreground, 0.6)
+          },
+          children: tab.label
+        })
+      }, tab.value))]
+    })
+  });
+}
+const styles = StyleSheet.create({
+  container: {
+    width: '100%'
+  },
+  tabsList: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    height: 40
+  },
+  tabTrigger: {
+    flex: 1,
+    paddingHorizontal: 16,
+    alignItems: 'center',
+    justifyContent: 'center',
+    height: 32
+  },
+  tab: {
+    position: 'absolute',
+    top: 4,
+    borderWidth: 1
+  }
+});
+//# sourceMappingURL=Tabs.js.map

package/lib/module/components/Tabs.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useState","View","Pressable","StyleSheet","useTheme","convertHexToRgba","Text","Animated","useAnimatedStyle","useSharedValue","withTiming","Easing","jsx","_jsx","jsxs","_jsxs","Tabs","options","selected","onChange","style","theme","colors","width","setWidth","height","setHeight","index","tabWidth","length","tabHeight","tabAnimStyle","transform","translateX","value","styles","container","children","onLayout","event","w","h","nativeEvent","layout","tabsList","backgroundColor","border","borderRadius","roundness","tab","background","borderColor","map","_index","tabTrigger","onPress","duration","easing","ease","variant","numberOfLines","color","foreground","label","create","flexDirection","alignItems","flex","paddingHorizontal","justifyContent","position","top","borderWidth"],"sourceRoot":"../../../src","sources":["components/Tabs.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/Text.js

@@ -0,0 +1,66 @@
+"use strict";
+
+import { useMemo } from 'react';
+import { StyleSheet, Text as RNText } from 'react-native';
+import useTheme from "../hooks/useTheme.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+export default function Text({
+  variant,
+  style,
+  children,
+  ...props
+}) {
+  const {
+    theme,
+    colors
+  } = useTheme();
+  const color = useMemo(() => StyleSheet.flatten(style)?.color ?? colors.foreground, [colors.foreground, style]);
+  const textStyle = useMemo(() => {
+    return {
+      h1: {
+        fontSize: 24,
+        fontFamily: theme.fonts.bold
+      },
+      h2: {
+        fontSize: 18,
+        fontFamily: theme.fonts.medium
+      },
+      h3: {
+        fontSize: 16,
+        fontFamily: theme.fonts.medium
+      },
+      h4: {
+        fontSize: 14,
+        fontFamily: theme.fonts.medium
+      },
+      h5: {
+        fontSize: 12,
+        fontFamily: theme.fonts.medium
+      },
+      pl: {
+        fontSize: 16,
+        fontFamily: theme.fonts.regular
+      },
+      pm: {
+        fontSize: 14,
+        fontFamily: theme.fonts.regular
+      },
+      ps: {
+        fontSize: 12,
+        fontFamily: theme.fonts.regular
+      },
+      caption: {
+        fontSize: 10,
+        fontFamily: theme.fonts.regular
+      }
+    }[variant];
+  }, [variant, theme.fonts.bold, theme.fonts.medium, theme.fonts.regular]);
+  return /*#__PURE__*/_jsx(RNText, {
+    ...props,
+    style: [style, textStyle, {
+      color
+    }],
+    children: children
+  });
+}
+//# sourceMappingURL=Text.js.map

package/lib/module/components/Text.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useMemo","StyleSheet","Text","RNText","useTheme","jsx","_jsx","variant","style","children","props","theme","colors","color","flatten","foreground","textStyle","h1","fontSize","fontFamily","fonts","bold","h2","medium","h3","h4","h5","pl","regular","pm","ps","caption"],"sourceRoot":"../../../src","sources":["components/Text.tsx"],"mappings":";;AAAA,SAASA,OAAO,QAAQ,OAAO;AAC/B,SAASC,UAAU,EAAEC,IAAI,IAAIC,MAAM,QAAwB,cAAc;AAEzE,OAAOC,QAAQ,MAAM,sBAAmB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAMzC,eAAe,SAASJ,IAAIA,CAAC;EAAEK,OAAO;EAAEC,KAAK;EAAEC,QAAQ;EAAE,GAAGC;AAAa,CAAC,EAAE;EAC1E,MAAM;IAAEC,KAAK;IAAEC;EAAO,CAAC,GAAGR,QAAQ,CAAC,CAAC;EAEpC,MAAMS,KAAK,GAAGb,OAAO,CACnB,MAAMC,UAAU,CAACa,OAAO,CAACN,KAAK,CAAC,EAAEK,KAAK,IAAID,MAAM,CAACG,UAAU,EAC3D,CAACH,MAAM,CAACG,UAAU,EAAEP,KAAK,CAC3B,CAAC;EAED,MAAMQ,SAAS,GAAGhB,OAAO,CAAC,MAAM;IAC9B,OAAO;MACLiB,EAAE,EAAE;QACFC,QAAQ,EAAE,EAAE;QACZC,UAAU,EAAER,KAAK,CAACS,KAAK,CAACC;MAC1B,CAAC;MACDC,EAAE,EAAE;QACFJ,QAAQ,EAAE,EAAE;QACZC,UAAU,EAAER,KAAK,CAACS,KAAK,CAACG;MAC1B,CAAC;MACDC,EAAE,EAAE;QACFN,QAAQ,EAAE,EAAE;QACZC,UAAU,EAAER,KAAK,CAACS,KAAK,CAACG;MAC1B,CAAC;MACDE,EAAE,EAAE;QACFP,QAAQ,EAAE,EAAE;QACZC,UAAU,EAAER,KAAK,CAACS,KAAK,CAACG;MAC1B,CAAC;MACDG,EAAE,EAAE;QACFR,QAAQ,EAAE,EAAE;QACZC,UAAU,EAAER,KAAK,CAACS,KAAK,CAACG;MAC1B,CAAC;MACDI,EAAE,EAAE;QACFT,QAAQ,EAAE,EAAE;QACZC,UAAU,EAAER,KAAK,CAACS,KAAK,CAACQ;MAC1B,CAAC;MACDC,EAAE,EAAE;QACFX,QAAQ,EAAE,EAAE;QACZC,UAAU,EAAER,KAAK,CAACS,KAAK,CAACQ;MAC1B,CAAC;MACDE,EAAE,EAAE;QACFZ,QAAQ,EAAE,EAAE;QACZC,UAAU,EAAER,KAAK,CAACS,KAAK,CAACQ;MAC1B,CAAC;MACDG,OAAO,EAAE;QACPb,QAAQ,EAAE,EAAE;QACZC,UAAU,EAAER,KAAK,CAACS,KAAK,CAACQ;MAC1B;IACF,CAAC,CAACrB,OAAO,CAAC;EACZ,CAAC,EAAE,CAACA,OAAO,EAAEI,KAAK,CAACS,KAAK,CAACC,IAAI,EAAEV,KAAK,CAACS,KAAK,CAACG,MAAM,EAAEZ,KAAK,CAACS,KAAK,CAACQ,OAAO,CAAC,CAAC;EAExE,oBACEtB,IAAA,CAACH,MAAM;IAAA,GAAKO,KAAK;IAAEF,KAAK,EAAE,CAACA,KAAK,EAAEQ,SAAS,EAAE;MAAEH;IAAM,CAAC,CAAE;IAAAJ,QAAA,EACrDA;EAAQ,CACH,CAAC;AAEb","ignoreList":[]}

package/lib/module/components/TextArea.js

@@ -0,0 +1,106 @@
+"use strict";
+
+import { forwardRef, useImperativeHandle, useMemo, useRef, useState } from 'react';
+import { TextInput, StyleSheet, Platform } from 'react-native';
+import InputContainer from "./InputContainer.js";
+import useTheme from "../hooks/useTheme.js";
+import { convertHexToRgba } from "../utils/uiUtils.js";
+import Text from "./Text.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const TextArea = /*#__PURE__*/forwardRef(({
+  style,
+  editable = true,
+  error,
+  label,
+  hint,
+  onBlur,
+  onFocus,
+  numberOfLines = 4,
+  maxLength = 1200,
+  onChangeText,
+  ...rest
+}, ref) => {
+  const [focused, setFocused] = useState(false);
+  const {
+    colors,
+    theme
+  } = useTheme();
+  const inputRef = useRef(null);
+  const value = useMemo(() => rest.value ?? '', [rest.value]);
+  useImperativeHandle(ref, () => ({
+    focus: () => inputRef.current?.focus(),
+    blur: () => inputRef.current?.blur()
+  }));
+  const handleFocus = e => {
+    setFocused(true);
+    onFocus?.(e);
+  };
+  const handleBlur = e => {
+    setFocused(false);
+    onBlur?.(e);
+  };
+  const handleChangeText = text => {
+    if (maxLength && text.length > maxLength) return;
+    onChangeText?.(text);
+  };
+  return /*#__PURE__*/_jsxs(InputContainer, {
+    style: style,
+    label: label,
+    hint: hint,
+    error: error,
+    onPress: () => inputRef.current?.focus(),
+    contentContainerStyle: styles.container,
+    focused: focused,
+    disabled: !editable,
+    height: numberOfLines * 22,
+    children: [/*#__PURE__*/_jsx(TextInput, {
+      ...rest,
+      ref: inputRef,
+      style: [styles.input, {
+        fontFamily: theme.fonts.regular,
+        color: colors.foreground,
+        height: numberOfLines * 22,
+        // @ts-ignore
+        caretColor: colors.primary // This to make the cursor color match the primary color on web
+      }, Platform.OS === 'web' && styles.webInput],
+      onFocus: handleFocus,
+      onBlur: handleBlur,
+      placeholderTextColor: convertHexToRgba(colors.foreground, 0.5),
+      editable: editable,
+      numberOfLines: numberOfLines,
+      maxLength: maxLength,
+      textAlignVertical: "top",
+      onChangeText: handleChangeText,
+      multiline: true,
+      cursorColor: colors.primary,
+      selectionColor: convertHexToRgba(colors.primary, Platform.OS === 'android' ? 0.15 : 1),
+      selectionHandleColor: colors.primary
+    }), /*#__PURE__*/_jsx(Text, {
+      variant: "caption",
+      style: [styles.caption, {
+        color: colors.foreground
+      }],
+      children: `${value.length ?? 0} / ${maxLength}`
+    })]
+  });
+});
+const styles = StyleSheet.create({
+  container: {
+    flexDirection: 'column'
+  },
+  input: {
+    flex: 1,
+    fontSize: 14,
+    width: '100%',
+    marginVertical: 8
+  },
+  caption: {
+    marginBottom: 6,
+    alignSelf: 'flex-end'
+  },
+  webInput: {
+    outlineWidth: 0
+  } // To remove native focus outline on web
+});
+export default TextArea;
+//# sourceMappingURL=TextArea.js.map

package/lib/module/components/TextArea.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["forwardRef","useImperativeHandle","useMemo","useRef","useState","TextInput","StyleSheet","Platform","InputContainer","useTheme","convertHexToRgba","Text","jsx","_jsx","jsxs","_jsxs","TextArea","style","editable","error","label","hint","onBlur","onFocus","numberOfLines","maxLength","onChangeText","rest","ref","focused","setFocused","colors","theme","inputRef","value","focus","current","blur","handleFocus","e","handleBlur","handleChangeText","text","length","onPress","contentContainerStyle","styles","container","disabled","height","children","input","fontFamily","fonts","regular","color","foreground","caretColor","primary","OS","webInput","placeholderTextColor","textAlignVertical","multiline","cursorColor","selectionColor","selectionHandleColor","variant","caption","create","flexDirection","flex","fontSize","width","marginVertical","marginBottom","alignSelf","outlineWidth"],"sourceRoot":"../../../src","sources":["components/TextArea.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/hooks/useTheme.js

@@ -0,0 +1,20 @@
+"use strict";
+
+import { useMemo } from 'react';
+import themeStore from "../store/themeStore.js";
+const useUIKitTheme = () => {
+  const theme = themeStore(state => state.theme);
+  const setTheme = themeStore(state => state.setTheme);
+  const colorScheme = themeStore(state => state.colorScheme);
+  const setColorScheme = themeStore(state => state.setColorScheme);
+  const colors = themeStore(state => state.colors);
+  return useMemo(() => ({
+    theme,
+    setTheme,
+    colorScheme,
+    setColorScheme,
+    colors
+  }), [theme, setTheme, colorScheme, setColorScheme, colors]);
+};
+export default useUIKitTheme;
+//# sourceMappingURL=useTheme.js.map

package/lib/module/hooks/useTheme.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useMemo","themeStore","useUIKitTheme","theme","state","setTheme","colorScheme","setColorScheme","colors"],"sourceRoot":"../../../src","sources":["hooks/useTheme.tsx"],"mappings":";;AAAA,SAASA,OAAO,QAAQ,OAAO;AAC/B,OAAOC,UAAU,MAAM,wBAAqB;AAE5C,MAAMC,aAAa,GAAGA,CAAA,KAAM;EAC1B,MAAMC,KAAK,GAAGF,UAAU,CAAEG,KAAK,IAAKA,KAAK,CAACD,KAAK,CAAC;EAChD,MAAME,QAAQ,GAAGJ,UAAU,CAAEG,KAAK,IAAKA,KAAK,CAACC,QAAQ,CAAC;EACtD,MAAMC,WAAW,GAAGL,UAAU,CAAEG,KAAK,IAAKA,KAAK,CAACE,WAAW,CAAC;EAC5D,MAAMC,cAAc,GAAGN,UAAU,CAAEG,KAAK,IAAKA,KAAK,CAACG,cAAc,CAAC;EAClE,MAAMC,MAAM,GAAGP,UAAU,CAAEG,KAAK,IAAKA,KAAK,CAACI,MAAM,CAAC;EAElD,OAAOR,OAAO,CACZ,OAAO;IACLG,KAAK;IACLE,QAAQ;IACRC,WAAW;IACXC,cAAc;IACdC;EACF,CAAC,CAAC,EACF,CAACL,KAAK,EAAEE,QAAQ,EAAEC,WAAW,EAAEC,cAAc,EAAEC,MAAM,CACvD,CAAC;AACH,CAAC;AAED,eAAeN,aAAa","ignoreList":[]}

package/lib/module/index.js

@@ -0,0 +1,27 @@
+"use strict";
+
+export { default as Button } from "./components/Button.js";
+export { default as Tabs } from "./components/Tabs.js";
+export { default as Input } from "./components/Input.js";
+export { default as Text } from "./components/Text.js";
+export { default as Card } from "./components/Card.js";
+export { default as Select } from "./components/Select.js";
+export { default as useUIKitTheme } from "./hooks/useTheme.js";
+export { default as LoadingIndicator } from "./components/LoadingIndicator.js";
+export { default as Checkbox } from "./components/Checkbox.js";
+export { default as Chip } from "./components/Chip.js";
+export { default as Icon } from "./components/Icon.js";
+export { default as IconButton } from "./components/IconButton.js";
+export { default as Header } from "./components/Header.js";
+export { default as Switch } from "./components/Switch.js";
+export { default as ButtonContainer, ButtonVariant, ButtonSize } from "./components/ButtonContainer.js";
+export { convertHexToRgba } from "./utils/uiUtils.js";
+export { default as BottomSheet } from "./components/BottomSheet.js";
+export { default as TextArea } from "./components/TextArea.js";
+export { OtpInputContainer } from "./components/OtpInputContainer.js";
+export { OtpInput } from "./components/OtpInput.js";
+export { default as CalendarPicker } from "./components/CalendarPicker.js";
+export { default as Accordion, AccordionItem } from "./components/Accordion.js";
+export { CopyToClipboard } from "./components/CopyToClipboard.js";
+export { default as Dialog, DialogHeader, DialogTitle, DialogDescription, DialogFooter, DialogAction, DialogCancel } from "./components/Dialog.js";
+//# sourceMappingURL=index.js.map

package/lib/module/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["default","Button","Tabs","Input","Text","Card","Select","useUIKitTheme","LoadingIndicator","Checkbox","Chip","Icon","IconButton","Header","Switch","ButtonContainer","ButtonVariant","ButtonSize","convertHexToRgba","BottomSheet","TextArea","OtpInputContainer","OtpInput","CalendarPicker","Accordion","AccordionItem","CopyToClipboard","Dialog","DialogHeader","DialogTitle","DialogDescription","DialogFooter","DialogAction","DialogCancel"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":";;AAAA,SAASA,OAAO,IAAIC,MAAM,QAAQ,wBAAqB;AACvD,SAASD,OAAO,IAAIE,IAAI,QAAkB,sBAAmB;AAC7D,SAASF,OAAO,IAAIG,KAAK,QAAQ,uBAAoB;AACrD,SAASH,OAAO,IAAII,IAAI,QAAQ,sBAAmB;AACnD,SAASJ,OAAO,IAAIK,IAAI,QAAQ,sBAAmB;AACnD,SAASL,OAAO,IAAIM,MAAM,QAA2B,wBAAqB;AAC1E,SAASN,OAAO,IAAIO,aAAa,QAAQ,qBAAkB;AAE3D,SAASP,OAAO,IAAIQ,gBAAgB,QAAQ,kCAA+B;AAC3E,SAASR,OAAO,IAAIS,QAAQ,QAAQ,0BAAuB;AAC3D,SAAST,OAAO,IAAIU,IAAI,QAAQ,sBAAmB;AACnD,SAASV,OAAO,IAAIW,IAAI,QAAuB,sBAAmB;AAClE,SAASX,OAAO,IAAIY,UAAU,QAAQ,4BAAyB;AAC/D,SAASZ,OAAO,IAAIa,MAAM,QAAQ,wBAAqB;AACvD,SAASb,OAAO,IAAIc,MAAM,QAAQ,wBAAqB;AACvD,SACEd,OAAO,IAAIe,eAAe,EAC1BC,aAAa,EACbC,UAAU,QACL,iCAA8B;AACrC,SAASC,gBAAgB,QAAQ,oBAAiB;AAClD,SAASlB,OAAO,IAAImB,WAAW,QAAQ,6BAA0B;AACjE,SAASnB,OAAO,IAAIoB,QAAQ,QAAQ,0BAAuB;AAC3D,SAASC,iBAAiB,QAAQ,mCAAgC;AAClE,SAASC,QAAQ,QAAQ,0BAAuB;AAEhD,SAAStB,OAAO,IAAIuB,cAAc,QAAQ,gCAA6B;AACvE,SAASvB,OAAO,IAAIwB,SAAS,EAAEC,aAAa,QAAQ,2BAAwB;AAC5E,SAASC,eAAe,QAAQ,iCAA8B;AAC9D,SACE1B,OAAO,IAAI2B,MAAM,EACjBC,YAAY,EACZC,WAAW,EACXC,iBAAiB,EACjBC,YAAY,EACZC,YAAY,EACZC,YAAY,QACP,wBAAqB","ignoreList":[]}

package/lib/module/package.json

@@ -0,0 +1 @@
+{"type":"module"}