@multiplatform.one/components 0.7.0 → 0.7.2

package/dist/jsx/organize/SimpleCarousel/Carousel.stories.js

@@ -0,0 +1,22 @@
+import { SimpleCarousel } from "./index";
+import { SimpleImage } from "../../images/SimpleImage";
+var Carousel_stories_default = {
+  title: "organize/SimpleCarousel",
+  component: SimpleCarousel,
+  parameters: {
+    status: {
+      type: "beta"
+    }
+  }
+};
+const mail = require("../../../assets/mail.png"), pentagon = require("../../../assets/pentagon.svg"), Main = () => <SimpleCarousel speed={5e3} defaultSlide={4}>
+  <SimpleImage src={mail} height={300} resizeMode="cover" />
+  <SimpleImage src={pentagon} height={300} resizeMode="cover" />
+  <SimpleImage src={mail} height={300} resizeMode="cover" />
+  <SimpleImage src={pentagon} height={300} resizeMode="cover" />
+</SimpleCarousel>;
+export {
+  Main,
+  Carousel_stories_default as default
+};
+//# sourceMappingURL=Carousel.stories.js.map

package/dist/jsx/organize/SimpleCarousel/Carousel.stories.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/organize/SimpleCarousel/Carousel.stories.tsx"],
+  "mappings": "AAoBA,SAAS,sBAAsB;AAE/B,SAAS,mBAAmB;AAE5B,IAAO,2BAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY;AAAA,IACV,QAAQ;AAAA,MACN,MAAM;AAAA,IACR;AAAA,EACF;AACF;AAEA,MAAM,OAAO,QAAQ,0BAA0B,GACzC,WAAW,QAAQ,8BAA8B,GAE1C,OAAO,MAClB,CAAC,eAAe,OAAO,KAAM,cAAc;AAAA,EACzC,CAAC,YAAY,KAAK,MAAM,QAAQ,KAAK,WAAW,QAAQ;AAAA,EACxD,CAAC,YAAY,KAAK,UAAU,QAAQ,KAAK,WAAW,QAAQ;AAAA,EAC5D,CAAC,YAAY,KAAK,MAAM,QAAQ,KAAK,WAAW,QAAQ;AAAA,EACxD,CAAC,YAAY,KAAK,UAAU,QAAQ,KAAK,WAAW,QAAQ;AAC9D,EALC;",
+  "names": []
+}

package/dist/jsx/organize/SimpleCarousel/Carousel.stories.native.js

@@ -0,0 +1,22 @@
+import { SimpleCarousel } from "./index";
+import { SimpleImage } from "../../images/SimpleImage";
+var Carousel_stories_default = {
+  title: "organize/SimpleCarousel",
+  component: SimpleCarousel,
+  parameters: {
+    status: {
+      type: "beta"
+    }
+  }
+};
+const mail = require("../../../assets/mail.png"), pentagon = require("../../../assets/pentagon.svg"), Main = () => <SimpleCarousel speed={5e3} defaultSlide={4}>
+  <SimpleImage src={mail} height={300} resizeMode="cover" />
+  <SimpleImage src={pentagon} height={300} resizeMode="cover" />
+  <SimpleImage src={mail} height={300} resizeMode="cover" />
+  <SimpleImage src={pentagon} height={300} resizeMode="cover" />
+</SimpleCarousel>;
+export {
+  Main,
+  Carousel_stories_default as default
+};
+//# sourceMappingURL=Carousel.stories.js.map

package/dist/jsx/organize/SimpleCarousel/Carousel.stories.native.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/organize/SimpleCarousel/Carousel.stories.tsx"],
+  "mappings": "AAoBA,SAAS,sBAAsB;AAE/B,SAAS,mBAAmB;AAE5B,IAAO,2BAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY;AAAA,IACV,QAAQ;AAAA,MACN,MAAM;AAAA,IACR;AAAA,EACF;AACF;AAEA,MAAM,OAAO,QAAQ,0BAA0B,GACzC,WAAW,QAAQ,8BAA8B,GAE1C,OAAO,MAClB,CAAC,eAAe,OAAO,KAAM,cAAc;AAAA,EACzC,CAAC,YAAY,KAAK,MAAM,QAAQ,KAAK,WAAW,QAAQ;AAAA,EACxD,CAAC,YAAY,KAAK,UAAU,QAAQ,KAAK,WAAW,QAAQ;AAAA,EAC5D,CAAC,YAAY,KAAK,MAAM,QAAQ,KAAK,WAAW,QAAQ;AAAA,EACxD,CAAC,YAAY,KAAK,UAAU,QAAQ,KAAK,WAAW,QAAQ;AAC9D,EALC;",
+  "names": []
+}

package/dist/jsx/organize/SimpleCarousel/index.js

@@ -0,0 +1,83 @@
+import { Stack, Text, XStack, YStack } from "tamagui";
+import React, { useEffect, useState, useRef } from "react";
+import { ChevronLeft, ChevronRight } from "@tamagui/lucide-icons";
+function SimpleCarousel({
+  children,
+  speed = 3e3,
+  showCenterIndicator = !0,
+  showSideArrows = !0,
+  defaultSlide,
+  sideArrowStyle,
+  ...props
+}) {
+  const [currentSlide, setCurrentSlide] = useState(0), childrenCount = React.Children.count(children), carouselRef = useRef(null);
+  useEffect(() => {
+    const slideInterval = setInterval(() => {
+      setCurrentSlide((prevSlide) => (prevSlide + 1) % childrenCount);
+    }, speed);
+    return () => {
+      clearInterval(slideInterval);
+    };
+  }, [children, speed]), useEffect(() => {
+    defaultSlide !== void 0 && defaultSlide <= childrenCount && setCurrentSlide((defaultSlide - 1 + childrenCount) % childrenCount);
+  }, [defaultSlide]);
+  function handlePressNext() {
+    setCurrentSlide((prevSlide) => (prevSlide + 1) % childrenCount);
+  }
+  function handlePressPrev() {
+    setCurrentSlide((prevSlide) => (prevSlide - 1 + childrenCount) % childrenCount);
+  }
+  function renderSideArrows() {
+    return <>
+      <YStack
+        height={carouselRef.current?.clientHeight}
+        bg="$backgroundTransparent"
+        position="absolute"
+        justifyContent="center"
+        alignItems="center"
+      ><Text onPress={handlePressPrev} cur="pointer"><ChevronLeft color="gray" size="$4" {...sideArrowStyle} /></Text></YStack>
+      <YStack
+        height={carouselRef.current?.clientHeight}
+        bg="$backgroundTransparent"
+        position="absolute"
+        justifyContent="center"
+        alignItems="center"
+        right={0}
+      ><Text onPress={handlePressNext} cur="pointer"><ChevronRight color="gray" size="$4" {...sideArrowStyle} /></Text></YStack>
+    </>;
+  }
+  function renderCenterIndicator() {
+    return <YStack
+      height={carouselRef.current?.clientHeight}
+      bg="$backgroundTransparent"
+      position="absolute"
+      justifyContent="flex-end"
+      alignItems="center"
+      left={0}
+      right={0}
+    ><XStack space="$2" ai="center" marginBottom={20}>{Array.from({ length: childrenCount }).map((_, index) => <Stack
+      height={index === currentSlide ? 4 : 1}
+      bg="$backgroundHover"
+      width={30}
+      key={index}
+      cursor="pointer"
+      marginVertical="$2"
+      onPress={() => setCurrentSlide(index)}
+    />)}</XStack></YStack>;
+  }
+  return <YStack overflow="hidden">
+    <XStack
+      transform={[{ translateX: -currentSlide * (carouselRef.current?.clientWidth || 1) }]}
+      width="100%"
+      animation="lazy"
+      {...props}
+      ref={carouselRef}
+    >{React.Children.map(children, (child, index) => <YStack key={index} flex-flexGrow={0} flexShrink={0} flexBasis="100%">{child}</YStack>)}</XStack>
+    {showCenterIndicator && childrenCount > 1 && renderCenterIndicator()}
+    {showSideArrows && childrenCount > 1 && renderSideArrows()}
+  </YStack>;
+}
+export {
+  SimpleCarousel
+};
+//# sourceMappingURL=index.js.map

package/dist/jsx/organize/SimpleCarousel/index.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/organize/SimpleCarousel/index.tsx"],
+  "mappings": "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",
+  "names": []
+}

package/dist/jsx/organize/SimpleCarousel/index.native.js

@@ -0,0 +1,86 @@
+import { Stack, Text, XStack, YStack } from "tamagui";
+import React, { useEffect, useState, useRef } from "react";
+import { ChevronLeft, ChevronRight } from "@tamagui/lucide-icons";
+function SimpleCarousel({
+  children,
+  speed = 3e3,
+  showCenterIndicator = !0,
+  showSideArrows = !0,
+  defaultSlide,
+  sideArrowStyle,
+  ...props
+}) {
+  var _a;
+  const [currentSlide, setCurrentSlide] = useState(0), childrenCount = React.Children.count(children), carouselRef = useRef(null);
+  useEffect(() => {
+    const slideInterval = setInterval(() => {
+      setCurrentSlide((prevSlide) => (prevSlide + 1) % childrenCount);
+    }, speed);
+    return () => {
+      clearInterval(slideInterval);
+    };
+  }, [children, speed]), useEffect(() => {
+    defaultSlide !== void 0 && defaultSlide <= childrenCount && setCurrentSlide((defaultSlide - 1 + childrenCount) % childrenCount);
+  }, [defaultSlide]);
+  function handlePressNext() {
+    setCurrentSlide((prevSlide) => (prevSlide + 1) % childrenCount);
+  }
+  function handlePressPrev() {
+    setCurrentSlide((prevSlide) => (prevSlide - 1 + childrenCount) % childrenCount);
+  }
+  function renderSideArrows() {
+    var _a2, _b;
+    return <>
+      <YStack
+        height={(_a2 = carouselRef.current) == null ? void 0 : _a2.clientHeight}
+        bg="$backgroundTransparent"
+        position="absolute"
+        justifyContent="center"
+        alignItems="center"
+      ><Text onPress={handlePressPrev} cur="pointer"><ChevronLeft color="gray" size="$4" {...sideArrowStyle} /></Text></YStack>
+      <YStack
+        height={(_b = carouselRef.current) == null ? void 0 : _b.clientHeight}
+        bg="$backgroundTransparent"
+        position="absolute"
+        justifyContent="center"
+        alignItems="center"
+        right={0}
+      ><Text onPress={handlePressNext} cur="pointer"><ChevronRight color="gray" size="$4" {...sideArrowStyle} /></Text></YStack>
+    </>;
+  }
+  function renderCenterIndicator() {
+    var _a2;
+    return <YStack
+      height={(_a2 = carouselRef.current) == null ? void 0 : _a2.clientHeight}
+      bg="$backgroundTransparent"
+      position="absolute"
+      justifyContent="flex-end"
+      alignItems="center"
+      left={0}
+      right={0}
+    ><XStack space="$2" ai="center" marginBottom={20}>{Array.from({ length: childrenCount }).map((_, index) => <Stack
+      height={index === currentSlide ? 4 : 1}
+      bg="$backgroundHover"
+      width={30}
+      key={index}
+      cursor="pointer"
+      marginVertical="$2"
+      onPress={() => setCurrentSlide(index)}
+    />)}</XStack></YStack>;
+  }
+  return <YStack overflow="hidden">
+    <XStack
+      transform={[{ translateX: -currentSlide * (((_a = carouselRef.current) == null ? void 0 : _a.clientWidth) || 1) }]}
+      width="100%"
+      animation="lazy"
+      {...props}
+      ref={carouselRef}
+    >{React.Children.map(children, (child, index) => <YStack key={index} flex-flexGrow={0} flexShrink={0} flexBasis="100%">{child}</YStack>)}</XStack>
+    {showCenterIndicator && childrenCount > 1 && renderCenterIndicator()}
+    {showSideArrows && childrenCount > 1 && renderSideArrows()}
+  </YStack>;
+}
+export {
+  SimpleCarousel
+};
+//# sourceMappingURL=index.js.map

package/dist/jsx/organize/SimpleCarousel/index.native.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/organize/SimpleCarousel/index.tsx"],
+  "mappings": "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",
+  "names": ["_a"]
+}

package/dist/jsx/organize/SimpleInput/SimpleInput.stories.js

@@ -0,0 +1,18 @@
+import { SimpleInput } from ".";
+import { YStack } from "tamagui";
+import { Key, Eye } from "@tamagui/lucide-icons";
+var SimpleInput_stories_default = {
+  title: "organize/SimpleInput",
+  component: SimpleInput,
+  parameters: { status: { type: "beta" } }
+};
+const password = () => <YStack justifyContent="center" alignItems="center"><SimpleInput password size="$3" iconAfter={Key} passwordWithoutIcon /></YStack>, iconBefore = () => <SimpleInput password width={800} height={50} iconBefore={Key} />, iconAfter = () => <SimpleInput width={250} height={50} iconAfter={Eye} placeholder="icon after input box" />, circular = () => <SimpleInput placeholder="icon after input box" circular password />, passwordWithoutIcon = () => <SimpleInput password passwordWithoutIcon />;
+export {
+  circular,
+  SimpleInput_stories_default as default,
+  iconAfter,
+  iconBefore,
+  password,
+  passwordWithoutIcon
+};
+//# sourceMappingURL=SimpleInput.stories.js.map

package/dist/jsx/organize/SimpleInput/SimpleInput.stories.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/organize/SimpleInput/SimpleInput.stories.tsx"],
+  "mappings": "AAsBA,SAAS,mBAAmB;AAC5B,SAAS,cAAc;AACvB,SAAS,KAAK,WAAW;AAEzB,IAAO,8BAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY,EAAE,QAAQ,EAAE,MAAM,OAAO,EAAE;AACzC;AAEO,MAAM,WAAW,MACtB,CAAC,OAAO,eAAe,SAAS,WAAW,SACzC,CAAC,YAAY,SAAS,KAAK,KAAK,WAAW,KAAK,oBAAoB,EACtE,EAFC,SAKU,aAAa,MAAM,CAAC,YAAY,SAAS,OAAO,KAAK,QAAQ,IAAI,YAAY,KAAK,IAElF,YAAY,MACvB,CAAC,YAAY,OAAO,KAAK,QAAQ,IAAI,WAAW,KAAK,YAAY,uBAAuB,IAG7E,WAAW,MAAM,CAAC,YAAY,YAAY,uBAAuB,SAAS,SAAS,IAEnF,sBAAsB,MAAM,CAAC,YAAY,SAAS,oBAAoB;",
+  "names": []
+}

package/dist/jsx/organize/SimpleInput/SimpleInput.stories.native.js

@@ -0,0 +1,18 @@
+import { SimpleInput } from ".";
+import { YStack } from "tamagui";
+import { Key, Eye } from "@tamagui/lucide-icons";
+var SimpleInput_stories_default = {
+  title: "organize/SimpleInput",
+  component: SimpleInput,
+  parameters: { status: { type: "beta" } }
+};
+const password = () => <YStack justifyContent="center" alignItems="center"><SimpleInput password size="$3" iconAfter={Key} passwordWithoutIcon /></YStack>, iconBefore = () => <SimpleInput password width={800} height={50} iconBefore={Key} />, iconAfter = () => <SimpleInput width={250} height={50} iconAfter={Eye} placeholder="icon after input box" />, circular = () => <SimpleInput placeholder="icon after input box" circular password />, passwordWithoutIcon = () => <SimpleInput password passwordWithoutIcon />;
+export {
+  circular,
+  SimpleInput_stories_default as default,
+  iconAfter,
+  iconBefore,
+  password,
+  passwordWithoutIcon
+};
+//# sourceMappingURL=SimpleInput.stories.js.map

package/dist/jsx/organize/SimpleInput/SimpleInput.stories.native.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/organize/SimpleInput/SimpleInput.stories.tsx"],
+  "mappings": "AAsBA,SAAS,mBAAmB;AAC5B,SAAS,cAAc;AACvB,SAAS,KAAK,WAAW;AAEzB,IAAO,8BAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY,EAAE,QAAQ,EAAE,MAAM,OAAO,EAAE;AACzC;AAEO,MAAM,WAAW,MACtB,CAAC,OAAO,eAAe,SAAS,WAAW,SACzC,CAAC,YAAY,SAAS,KAAK,KAAK,WAAW,KAAK,oBAAoB,EACtE,EAFC,SAKU,aAAa,MAAM,CAAC,YAAY,SAAS,OAAO,KAAK,QAAQ,IAAI,YAAY,KAAK,IAElF,YAAY,MACvB,CAAC,YAAY,OAAO,KAAK,QAAQ,IAAI,WAAW,KAAK,YAAY,uBAAuB,IAG7E,WAAW,MAAM,CAAC,YAAY,YAAY,uBAAuB,SAAS,SAAS,IAEnF,sBAAsB,MAAM,CAAC,YAAY,SAAS,oBAAoB;",
+  "names": []
+}

package/dist/jsx/organize/SimpleInput/index.js

@@ -0,0 +1,114 @@
+import { Button, Input, XGroup, XStack } from "tamagui";
+import { Eye, EyeOff } from "@tamagui/lucide-icons";
+import React, { useEffect } from "react";
+function SimpleInput({
+  value,
+  size,
+  password,
+  iconBefore,
+  iconAfter,
+  height,
+  width,
+  iconStyle,
+  circular,
+  placeholder,
+  iconAfterScale,
+  iconBeforeScale,
+  iconPasswordScale,
+  iconAfterAsButton,
+  iconBeforeAsButton,
+  iconsAsButton,
+  passwordWithoutIcon,
+  paddingHorizontal,
+  onChangeText,
+  ...props
+}) {
+  const [show, setShow] = React.useState(!1), [inputValue, setInputValue] = React.useState(value ?? ""), [borderWidth, setBorderWidth] = React.useState(1), [secureTextEntry, setSecureTextEntry] = React.useState(password), totalIcons = (iconBefore ? 1 : 0) + (iconAfter || password && !passwordWithoutIcon ? 1 : 0), inputValuePadding = iconBefore ? 0 : 24, iconPercentage = totalIcons === 1 ? "20%" : totalIcons === 2 ? "10%" : void 0, inputPercentage = iconPercentage ? "80%" : "100%";
+  useEffect(() => {
+    inputValue && onChangeText && onChangeText(inputValue);
+  }, [inputValue]), useEffect(() => {
+    if (password) {
+      if (show) {
+        setSecureTextEntry(!1);
+        return;
+      }
+      if (!show && password) {
+        setSecureTextEntry(!0);
+        return;
+      }
+    }
+  }, [password, show]);
+  function handleValueChange(text) {
+    setInputValue(text), onChangeText && onChangeText(text);
+  }
+  return <XStack><XGroup
+    {...props}
+    height={size}
+    borderRadius={circular ? 9999999 : props.borderRadius || size}
+    borderWidth={borderWidth}
+    borderColor="$backgroundFocus"
+    minHeight={height || "$5"}
+    width={width || "$20"}
+  >
+    {iconBefore && <Button
+      icon={iconBefore}
+      unstyled={!(iconsAsButton || iconBeforeAsButton)}
+      {...iconStyle}
+      jc="center"
+      ai="center"
+      scaleIcon={iconBeforeScale}
+      width={iconPercentage}
+      height="100%"
+      padding={0}
+    />}
+    <Input
+      onChangeText={handleValueChange}
+      value={inputValue}
+      {...props}
+      size={size}
+      onFocus={(e) => {
+        setBorderWidth(2), props.onFocus?.(e);
+      }}
+      onBlur={(e) => {
+        setBorderWidth(1), props.onBlur?.(e);
+      }}
+      height="100%"
+      placeholder={placeholder}
+      width={inputPercentage}
+      paddingLeft={inputValuePadding}
+      paddingRight={inputValuePadding}
+      unstyled
+      borderWidth={0}
+      paddingHorizontal={paddingHorizontal}
+      secureTextEntry={secureTextEntry}
+    />
+    {!!password && !passwordWithoutIcon && <Button
+      icon={show ? Eye : EyeOff}
+      scaleIcon={iconPasswordScale}
+      height="100%"
+      {...iconStyle}
+      width={iconPercentage}
+      onPress={(e) => {
+        setShow((prev) => !prev), setBorderWidth(2), props.onPress?.(e);
+      }}
+      jc="center"
+      ai="center"
+      padding={0}
+    />}
+    {!!iconAfter && (!password || passwordWithoutIcon) && <Button
+      icon={iconAfter}
+      {...iconStyle}
+      jc="center"
+      ai="center"
+      scaleIcon={iconBeforeScale}
+      width={iconPercentage}
+      unstyled={!(iconsAsButton || iconAfterAsButton)}
+      height="100%"
+      padding={0}
+    />}
+  </XGroup></XStack>;
+}
+export {
+  SimpleInput
+};
+//# sourceMappingURL=index.js.map

package/dist/jsx/organize/SimpleInput/index.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/organize/SimpleInput/index.tsx"],
+  "mappings": "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",
+  "names": []
+}

package/dist/jsx/organize/SimpleInput/index.native.js

@@ -0,0 +1,117 @@
+import { Button, Input, XGroup, XStack } from "tamagui";
+import { Eye, EyeOff } from "@tamagui/lucide-icons";
+import React, { useEffect } from "react";
+function SimpleInput({
+  value,
+  size,
+  password,
+  iconBefore,
+  iconAfter,
+  height,
+  width,
+  iconStyle,
+  circular,
+  placeholder,
+  iconAfterScale,
+  iconBeforeScale,
+  iconPasswordScale,
+  iconAfterAsButton,
+  iconBeforeAsButton,
+  iconsAsButton,
+  passwordWithoutIcon,
+  paddingHorizontal,
+  onChangeText,
+  ...props
+}) {
+  const [show, setShow] = React.useState(!1), [inputValue, setInputValue] = React.useState(value ?? ""), [borderWidth, setBorderWidth] = React.useState(1), [secureTextEntry, setSecureTextEntry] = React.useState(password), totalIcons = (iconBefore ? 1 : 0) + (iconAfter || password && !passwordWithoutIcon ? 1 : 0), inputValuePadding = iconBefore ? 0 : 24, iconPercentage = totalIcons === 1 ? "20%" : totalIcons === 2 ? "10%" : void 0, inputPercentage = iconPercentage ? "80%" : "100%";
+  useEffect(() => {
+    inputValue && onChangeText && onChangeText(inputValue);
+  }, [inputValue]), useEffect(() => {
+    if (password) {
+      if (show) {
+        setSecureTextEntry(!1);
+        return;
+      }
+      if (!show && password) {
+        setSecureTextEntry(!0);
+        return;
+      }
+    }
+  }, [password, show]);
+  function handleValueChange(text) {
+    setInputValue(text), onChangeText && onChangeText(text);
+  }
+  return <XStack><XGroup
+    {...props}
+    height={size}
+    borderRadius={circular ? 9999999 : props.borderRadius || size}
+    borderWidth={borderWidth}
+    borderColor="$backgroundFocus"
+    minHeight={height || "$5"}
+    width={width || "$20"}
+  >
+    {iconBefore && <Button
+      icon={iconBefore}
+      unstyled={!(iconsAsButton || iconBeforeAsButton)}
+      {...iconStyle}
+      jc="center"
+      ai="center"
+      scaleIcon={iconBeforeScale}
+      width={iconPercentage}
+      height="100%"
+      padding={0}
+    />}
+    <Input
+      onChangeText={handleValueChange}
+      value={inputValue}
+      {...props}
+      size={size}
+      onFocus={(e) => {
+        var _a;
+        setBorderWidth(2), (_a = props.onFocus) == null || _a.call(props, e);
+      }}
+      onBlur={(e) => {
+        var _a;
+        setBorderWidth(1), (_a = props.onBlur) == null || _a.call(props, e);
+      }}
+      height="100%"
+      placeholder={placeholder}
+      width={inputPercentage}
+      paddingLeft={inputValuePadding}
+      paddingRight={inputValuePadding}
+      unstyled
+      borderWidth={0}
+      paddingHorizontal={paddingHorizontal}
+      secureTextEntry={secureTextEntry}
+    />
+    {!!password && !passwordWithoutIcon && <Button
+      icon={show ? Eye : EyeOff}
+      scaleIcon={iconPasswordScale}
+      height="100%"
+      {...iconStyle}
+      width={iconPercentage}
+      onPress={(e) => {
+        var _a;
+        setShow((prev) => !prev), setBorderWidth(2), (_a = props.onPress) == null || _a.call(props, e);
+      }}
+      jc="center"
+      ai="center"
+      padding={0}
+    />}
+    {!!iconAfter && (!password || passwordWithoutIcon) && <Button
+      icon={iconAfter}
+      {...iconStyle}
+      jc="center"
+      ai="center"
+      scaleIcon={iconBeforeScale}
+      width={iconPercentage}
+      unstyled={!(iconsAsButton || iconAfterAsButton)}
+      height="100%"
+      padding={0}
+    />}
+  </XGroup></XStack>;
+}
+export {
+  SimpleInput
+};
+//# sourceMappingURL=index.js.map

package/dist/jsx/organize/SimpleInput/index.native.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/organize/SimpleInput/index.tsx"],
+  "mappings": "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",
+  "names": []
+}

package/dist/jsx/organize/SimpleListItem/SimpleListItem.stories.js

@@ -0,0 +1,34 @@
+import React from "react";
+import { SimpleList, SimpleListItem } from "./index";
+import { ChevronRight, Star } from "@tamagui/lucide-icons";
+import { Label, Separator, Switch, XStack, YStack } from "tamagui";
+var SimpleListItem_stories_default = {
+  title: "organize/SimpleListItem",
+  component: SimpleList,
+  parameters: {
+    status: { type: "beta" }
+  }
+};
+function Main() {
+  const [orientation, setOrientation] = React.useState(!0);
+  return <YStack fullscreen>
+    <XStack width={200} alignItems="center" space="$4" alignSelf="flex-start">
+      <Label paddingRight="$0" minWidth={90} justifyContent="flex-end" size="$2">{orientation ? "Horizontal" : "Vertical"}</Label>
+      <Separator minHeight={20} vertical />
+      <Switch size="$2" defaultChecked={orientation} onCheckedChange={setOrientation}><Switch.Thumb animation="quick" /></Switch>
+    </XStack>
+    <SimpleList orientation={orientation ? "horizontal" : "vertical"}>
+      <SimpleListItem title="hello" icon={Star} subTitle="how are you" iconAfter={ChevronRight} width={200} />
+      <SimpleListItem title="hello" icon={Star} subTitle="how are you" iconAfter={ChevronRight} width={200} />
+      <SimpleListItem title="hello" icon={Star} subTitle="how are you" iconAfter={ChevronRight} width={200} />
+      <SimpleListItem title="hello" icon={Star} subTitle="how are you" iconAfter={ChevronRight} width={200} />
+      <SimpleListItem title="hello" icon={Star} subTitle="how are you" iconAfter={ChevronRight} width={200} />
+    </SimpleList>
+  </YStack>;
+}
+const main = () => <Main />;
+export {
+  SimpleListItem_stories_default as default,
+  main
+};
+//# sourceMappingURL=SimpleListItem.stories.js.map

package/dist/jsx/organize/SimpleListItem/SimpleListItem.stories.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/organize/SimpleListItem/SimpleListItem.stories.tsx"],
+  "mappings": "AAqBA,OAAO,WAAW;AAClB,SAAS,YAAY,sBAAsB;AAC3C,SAAS,cAAc,YAAY;AACnC,SAAS,OAAO,WAAW,QAAQ,QAAQ,cAAc;AAEzD,IAAO,iCAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY;AAAA,IACV,QAAQ,EAAE,MAAM,OAAO;AAAA,EACzB;AACF;AAEA,SAAS,OAAO;AACd,QAAM,CAAC,aAAa,cAAc,IAAI,MAAM,SAAS,EAAI;AACzD,SACE,CAAC,OAAO;AAAA,IACN,CAAC,OAAO,OAAO,KAAK,WAAW,SAAS,MAAM,KAAK,UAAU;AAAA,MAC3D,CAAC,MAAM,aAAa,KAAK,UAAU,IAAI,eAAe,WAAW,KAAK,MACnE,cAAc,eAAe,WAChC,EAFC;AAAA,MAGD,CAAC,UAAU,WAAW,IAAI,SAAS;AAAA,MACnC,CAAC,OAAO,KAAK,KAAK,gBAAgB,aAAa,iBAAiB,gBAC9D,CAAC,OAAO,MAAM,UAAU,QAAQ,EAClC,EAFC;AAAA,IAGH,EARC;AAAA,IASD,CAAC,WAAW,aAAa,cAAc,eAAe;AAAA,MACpD,CAAC,eAAe,MAAM,QAAQ,MAAM,MAAM,SAAS,cAAc,WAAW,cAAc,OAAO,KAAK;AAAA,MACtG,CAAC,eAAe,MAAM,QAAQ,MAAM,MAAM,SAAS,cAAc,WAAW,cAAc,OAAO,KAAK;AAAA,MACtG,CAAC,eAAe,MAAM,QAAQ,MAAM,MAAM,SAAS,cAAc,WAAW,cAAc,OAAO,KAAK;AAAA,MACtG,CAAC,eAAe,MAAM,QAAQ,MAAM,MAAM,SAAS,cAAc,WAAW,cAAc,OAAO,KAAK;AAAA,MACtG,CAAC,eAAe,MAAM,QAAQ,MAAM,MAAM,SAAS,cAAc,WAAW,cAAc,OAAO,KAAK;AAAA,IACxG,EANC;AAAA,EAOH,EAjBC;AAmBL;AAEO,MAAM,OAAO,MAAM,CAAC,KAAK;",
+  "names": []
+}

package/dist/jsx/organize/SimpleListItem/SimpleListItem.stories.native.js

@@ -0,0 +1,34 @@
+import React from "react";
+import { SimpleList, SimpleListItem } from "./index";
+import { ChevronRight, Star } from "@tamagui/lucide-icons";
+import { Label, Separator, Switch, XStack, YStack } from "tamagui";
+var SimpleListItem_stories_default = {
+  title: "organize/SimpleListItem",
+  component: SimpleList,
+  parameters: {
+    status: { type: "beta" }
+  }
+};
+function Main() {
+  const [orientation, setOrientation] = React.useState(!0);
+  return <YStack fullscreen>
+    <XStack width={200} alignItems="center" space="$4" alignSelf="flex-start">
+      <Label paddingRight="$0" minWidth={90} justifyContent="flex-end" size="$2">{orientation ? "Horizontal" : "Vertical"}</Label>
+      <Separator minHeight={20} vertical />
+      <Switch size="$2" defaultChecked={orientation} onCheckedChange={setOrientation}><Switch.Thumb animation="quick" /></Switch>
+    </XStack>
+    <SimpleList orientation={orientation ? "horizontal" : "vertical"}>
+      <SimpleListItem title="hello" icon={Star} subTitle="how are you" iconAfter={ChevronRight} width={200} />
+      <SimpleListItem title="hello" icon={Star} subTitle="how are you" iconAfter={ChevronRight} width={200} />
+      <SimpleListItem title="hello" icon={Star} subTitle="how are you" iconAfter={ChevronRight} width={200} />
+      <SimpleListItem title="hello" icon={Star} subTitle="how are you" iconAfter={ChevronRight} width={200} />
+      <SimpleListItem title="hello" icon={Star} subTitle="how are you" iconAfter={ChevronRight} width={200} />
+    </SimpleList>
+  </YStack>;
+}
+const main = () => <Main />;
+export {
+  SimpleListItem_stories_default as default,
+  main
+};
+//# sourceMappingURL=SimpleListItem.stories.js.map

package/dist/jsx/organize/SimpleListItem/SimpleListItem.stories.native.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/organize/SimpleListItem/SimpleListItem.stories.tsx"],
+  "mappings": "AAqBA,OAAO,WAAW;AAClB,SAAS,YAAY,sBAAsB;AAC3C,SAAS,cAAc,YAAY;AACnC,SAAS,OAAO,WAAW,QAAQ,QAAQ,cAAc;AAEzD,IAAO,iCAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY;AAAA,IACV,QAAQ,EAAE,MAAM,OAAO;AAAA,EACzB;AACF;AAEA,SAAS,OAAO;AACd,QAAM,CAAC,aAAa,cAAc,IAAI,MAAM,SAAS,EAAI;AACzD,SACE,CAAC,OAAO;AAAA,IACN,CAAC,OAAO,OAAO,KAAK,WAAW,SAAS,MAAM,KAAK,UAAU;AAAA,MAC3D,CAAC,MAAM,aAAa,KAAK,UAAU,IAAI,eAAe,WAAW,KAAK,MACnE,cAAc,eAAe,WAChC,EAFC;AAAA,MAGD,CAAC,UAAU,WAAW,IAAI,SAAS;AAAA,MACnC,CAAC,OAAO,KAAK,KAAK,gBAAgB,aAAa,iBAAiB,gBAC9D,CAAC,OAAO,MAAM,UAAU,QAAQ,EAClC,EAFC;AAAA,IAGH,EARC;AAAA,IASD,CAAC,WAAW,aAAa,cAAc,eAAe;AAAA,MACpD,CAAC,eAAe,MAAM,QAAQ,MAAM,MAAM,SAAS,cAAc,WAAW,cAAc,OAAO,KAAK;AAAA,MACtG,CAAC,eAAe,MAAM,QAAQ,MAAM,MAAM,SAAS,cAAc,WAAW,cAAc,OAAO,KAAK;AAAA,MACtG,CAAC,eAAe,MAAM,QAAQ,MAAM,MAAM,SAAS,cAAc,WAAW,cAAc,OAAO,KAAK;AAAA,MACtG,CAAC,eAAe,MAAM,QAAQ,MAAM,MAAM,SAAS,cAAc,WAAW,cAAc,OAAO,KAAK;AAAA,MACtG,CAAC,eAAe,MAAM,QAAQ,MAAM,MAAM,SAAS,cAAc,WAAW,cAAc,OAAO,KAAK;AAAA,IACxG,EANC;AAAA,EAOH,EAjBC;AAmBL;AAEO,MAAM,OAAO,MAAM,CAAC,KAAK;",
+  "names": []
+}