@multiplatform.one/components 0.7.0 → 0.7.2

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

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

package/dist/esm/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/esm/organize/SimpleCarousel/index.native.js

@@ -0,0 +1,95 @@
+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 /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
+      YStack,
+      {
+        height: carouselRef.current?.clientHeight,
+        bg: "$backgroundTransparent",
+        position: "absolute",
+        justifyContent: "center",
+        alignItems: "center"
+      },
+      /* @__PURE__ */ React.createElement(Text, { onPress: handlePressPrev, cur: "pointer" }, /* @__PURE__ */ React.createElement(ChevronLeft, { color: "gray", size: "$4", ...sideArrowStyle }))
+    ), /* @__PURE__ */ React.createElement(
+      YStack,
+      {
+        height: carouselRef.current?.clientHeight,
+        bg: "$backgroundTransparent",
+        position: "absolute",
+        justifyContent: "center",
+        alignItems: "center",
+        right: 0
+      },
+      /* @__PURE__ */ React.createElement(Text, { onPress: handlePressNext, cur: "pointer" }, /* @__PURE__ */ React.createElement(ChevronRight, { color: "gray", size: "$4", ...sideArrowStyle }))
+    ));
+  }
+  function renderCenterIndicator() {
+    return /* @__PURE__ */ React.createElement(
+      YStack,
+      {
+        height: carouselRef.current?.clientHeight,
+        bg: "$backgroundTransparent",
+        position: "absolute",
+        justifyContent: "flex-end",
+        alignItems: "center",
+        left: 0,
+        right: 0
+      },
+      /* @__PURE__ */ React.createElement(XStack, { space: "$2", ai: "center", marginBottom: 20 }, Array.from({ length: childrenCount }).map((_, index) => /* @__PURE__ */ React.createElement(
+        Stack,
+        {
+          height: index === currentSlide ? 4 : 1,
+          bg: "$backgroundHover",
+          width: 30,
+          key: index,
+          cursor: "pointer",
+          marginVertical: "$2",
+          onPress: () => setCurrentSlide(index)
+        }
+      )))
+    );
+  }
+  return /* @__PURE__ */ React.createElement(YStack, { overflow: "hidden" }, /* @__PURE__ */ React.createElement(
+    XStack,
+    {
+      transform: [{ translateX: -currentSlide * (carouselRef.current?.clientWidth || 1) }],
+      width: "100%",
+      animation: "lazy",
+      ...props,
+      ref: carouselRef
+    },
+    React.Children.map(children, (child, index) => /* @__PURE__ */ React.createElement(YStack, { key: index, "flex-flexGrow": 0, flexShrink: 0, flexBasis: "100%" }, child))
+  ), showCenterIndicator && childrenCount > 1 && renderCenterIndicator(), showSideArrows && childrenCount > 1 && renderSideArrows());
+}
+export {
+  SimpleCarousel
+};
+//# sourceMappingURL=index.js.map

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

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

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

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

package/dist/esm/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;AAUrB;AARJ,IAAO,8BAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY,EAAE,QAAQ,EAAE,MAAM,OAAO,EAAE;AACzC;AAEO,MAAM,WAAW,MACtB,oBAAC,UAAO,gBAAe,UAAS,YAAW,UACzC,8BAAC,eAAY,UAAQ,IAAC,MAAK,MAAK,WAAW,KAAK,qBAAmB,IAAC,GACtE,GAGW,aAAa,MAAM,oBAAC,eAAY,UAAQ,IAAC,OAAO,KAAK,QAAQ,IAAI,YAAY,KAAK,GAElF,YAAY,MACvB,oBAAC,eAAY,OAAO,KAAK,QAAQ,IAAI,WAAW,KAAK,aAAY,wBAAuB,GAG7E,WAAW,MAAM,oBAAC,eAAY,aAAY,wBAAuB,UAAQ,IAAC,UAAQ,IAAC,GAEnF,sBAAsB,MAAM,oBAAC,eAAY,UAAQ,IAAC,qBAAmB,IAAC;",
+  "names": []
+}

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

@@ -0,0 +1,19 @@
+import React from "react";
+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 = () => /* @__PURE__ */ React.createElement(YStack, { justifyContent: "center", alignItems: "center" }, /* @__PURE__ */ React.createElement(SimpleInput, { password: !0, size: "$3", iconAfter: Key, passwordWithoutIcon: !0 })), iconBefore = () => /* @__PURE__ */ React.createElement(SimpleInput, { password: !0, width: 800, height: 50, iconBefore: Key }), iconAfter = () => /* @__PURE__ */ React.createElement(SimpleInput, { width: 250, height: 50, iconAfter: Eye, placeholder: "icon after input box" }), circular = () => /* @__PURE__ */ React.createElement(SimpleInput, { placeholder: "icon after input box", circular: !0, password: !0 }), passwordWithoutIcon = () => /* @__PURE__ */ React.createElement(SimpleInput, { password: !0, passwordWithoutIcon: !0 });
+export {
+  circular,
+  SimpleInput_stories_default as default,
+  iconAfter,
+  iconBefore,
+  password,
+  passwordWithoutIcon
+};
+//# sourceMappingURL=SimpleInput.stories.js.map

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

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/organize/SimpleInput/SimpleInput.stories.tsx"],
+  "mappings": "AAqBA,OAAO,WAAW;AAClB,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,oCAAC,UAAO,gBAAe,UAAS,YAAW,YACzC,oCAAC,eAAY,UAAQ,IAAC,MAAK,MAAK,WAAW,KAAK,qBAAmB,IAAC,CACtE,GAGW,aAAa,MAAM,oCAAC,eAAY,UAAQ,IAAC,OAAO,KAAK,QAAQ,IAAI,YAAY,KAAK,GAElF,YAAY,MACvB,oCAAC,eAAY,OAAO,KAAK,QAAQ,IAAI,WAAW,KAAK,aAAY,wBAAuB,GAG7E,WAAW,MAAM,oCAAC,eAAY,aAAY,wBAAuB,UAAQ,IAAC,UAAQ,IAAC,GAEnF,sBAAsB,MAAM,oCAAC,eAAY,UAAQ,IAAC,qBAAmB,IAAC;",
+  "names": []
+}

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

@@ -0,0 +1,131 @@
+import { Button, Input, XGroup, XStack } from "tamagui";
+import { Eye, EyeOff } from "@tamagui/lucide-icons";
+import React, { useEffect } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+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 /* @__PURE__ */ jsx(XStack, { children: /* @__PURE__ */ jsxs(
+    XGroup,
+    {
+      ...props,
+      height: size,
+      borderRadius: circular ? 9999999 : props.borderRadius || size,
+      borderWidth,
+      borderColor: "$backgroundFocus",
+      minHeight: height || "$5",
+      width: width || "$20",
+      children: [
+        iconBefore && /* @__PURE__ */ jsx(
+          Button,
+          {
+            icon: iconBefore,
+            unstyled: !(iconsAsButton || iconBeforeAsButton),
+            ...iconStyle,
+            jc: "center",
+            ai: "center",
+            scaleIcon: iconBeforeScale,
+            width: iconPercentage,
+            height: "100%",
+            padding: 0
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Input,
+          {
+            onChangeText: handleValueChange,
+            value: inputValue,
+            ...props,
+            size,
+            onFocus: (e) => {
+              setBorderWidth(2), props.onFocus?.(e);
+            },
+            onBlur: (e) => {
+              setBorderWidth(1), props.onBlur?.(e);
+            },
+            height: "100%",
+            placeholder,
+            width: inputPercentage,
+            paddingLeft: inputValuePadding,
+            paddingRight: inputValuePadding,
+            unstyled: !0,
+            borderWidth: 0,
+            paddingHorizontal,
+            secureTextEntry
+          }
+        ),
+        !!password && !passwordWithoutIcon && /* @__PURE__ */ jsx(
+          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) && /* @__PURE__ */ jsx(
+          Button,
+          {
+            icon: iconAfter,
+            ...iconStyle,
+            jc: "center",
+            ai: "center",
+            scaleIcon: iconBeforeScale,
+            width: iconPercentage,
+            unstyled: !(iconsAsButton || iconAfterAsButton),
+            height: "100%",
+            padding: 0
+          }
+        )
+      ]
+    }
+  ) });
+}
+export {
+  SimpleInput
+};
+//# sourceMappingURL=index.js.map

package/dist/esm/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/esm/organize/SimpleInput/index.native.js

@@ -0,0 +1,128 @@
+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 /* @__PURE__ */ React.createElement(XStack, null, /* @__PURE__ */ React.createElement(
+    XGroup,
+    {
+      ...props,
+      height: size,
+      borderRadius: circular ? 9999999 : props.borderRadius || size,
+      borderWidth,
+      borderColor: "$backgroundFocus",
+      minHeight: height || "$5",
+      width: width || "$20"
+    },
+    iconBefore && /* @__PURE__ */ React.createElement(
+      Button,
+      {
+        icon: iconBefore,
+        unstyled: !(iconsAsButton || iconBeforeAsButton),
+        ...iconStyle,
+        jc: "center",
+        ai: "center",
+        scaleIcon: iconBeforeScale,
+        width: iconPercentage,
+        height: "100%",
+        padding: 0
+      }
+    ),
+    /* @__PURE__ */ React.createElement(
+      Input,
+      {
+        onChangeText: handleValueChange,
+        value: inputValue,
+        ...props,
+        size,
+        onFocus: (e) => {
+          setBorderWidth(2), props.onFocus?.(e);
+        },
+        onBlur: (e) => {
+          setBorderWidth(1), props.onBlur?.(e);
+        },
+        height: "100%",
+        placeholder,
+        width: inputPercentage,
+        paddingLeft: inputValuePadding,
+        paddingRight: inputValuePadding,
+        unstyled: !0,
+        borderWidth: 0,
+        paddingHorizontal,
+        secureTextEntry
+      }
+    ),
+    !!password && !passwordWithoutIcon && /* @__PURE__ */ React.createElement(
+      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) && /* @__PURE__ */ React.createElement(
+      Button,
+      {
+        icon: iconAfter,
+        ...iconStyle,
+        jc: "center",
+        ai: "center",
+        scaleIcon: iconBeforeScale,
+        width: iconPercentage,
+        unstyled: !(iconsAsButton || iconAfterAsButton),
+        height: "100%",
+        padding: 0
+      }
+    )
+  ));
+}
+export {
+  SimpleInput
+};
+//# sourceMappingURL=index.js.map

package/dist/esm/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/esm/organize/SimpleListItem/SimpleListItem.stories.js

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

package/dist/esm/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;AAcnD,SACE,KADF;AAZN,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,qBAAC,UAAO,YAAU,IAChB;AAAA,yBAAC,UAAO,OAAO,KAAK,YAAW,UAAS,OAAM,MAAK,WAAU,cAC3D;AAAA,0BAAC,SAAM,cAAa,MAAK,UAAU,IAAI,gBAAe,YAAW,MAAK,MACnE,wBAAc,eAAe,YAChC;AAAA,MACA,oBAAC,aAAU,WAAW,IAAI,UAAQ,IAAC;AAAA,MACnC,oBAAC,UAAO,MAAK,MAAK,gBAAgB,aAAa,iBAAiB,gBAC9D,8BAAC,OAAO,OAAP,EAAa,WAAU,SAAQ,GAClC;AAAA,OACF;AAAA,IACA,qBAAC,cAAW,aAAa,cAAc,eAAe,YACpD;AAAA,0BAAC,kBAAe,OAAM,SAAQ,MAAM,MAAM,UAAS,eAAc,WAAW,cAAc,OAAO,KAAK;AAAA,MACtG,oBAAC,kBAAe,OAAM,SAAQ,MAAM,MAAM,UAAS,eAAc,WAAW,cAAc,OAAO,KAAK;AAAA,MACtG,oBAAC,kBAAe,OAAM,SAAQ,MAAM,MAAM,UAAS,eAAc,WAAW,cAAc,OAAO,KAAK;AAAA,MACtG,oBAAC,kBAAe,OAAM,SAAQ,MAAM,MAAM,UAAS,eAAc,WAAW,cAAc,OAAO,KAAK;AAAA,MACtG,oBAAC,kBAAe,OAAM,SAAQ,MAAM,MAAM,UAAS,eAAc,WAAW,cAAc,OAAO,KAAK;AAAA,OACxG;AAAA,KACF;AAEJ;AAEO,MAAM,OAAO,MAAM,oBAAC,QAAK;",
+  "names": []
+}

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

@@ -0,0 +1,21 @@
+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 /* @__PURE__ */ React.createElement(YStack, { fullscreen: !0 }, /* @__PURE__ */ React.createElement(XStack, { width: 200, alignItems: "center", space: "$4", alignSelf: "flex-start" }, /* @__PURE__ */ React.createElement(Label, { paddingRight: "$0", minWidth: 90, justifyContent: "flex-end", size: "$2" }, orientation ? "Horizontal" : "Vertical"), /* @__PURE__ */ React.createElement(Separator, { minHeight: 20, vertical: !0 }), /* @__PURE__ */ React.createElement(Switch, { size: "$2", defaultChecked: orientation, onCheckedChange: setOrientation }, /* @__PURE__ */ React.createElement(Switch.Thumb, { animation: "quick" }))), /* @__PURE__ */ React.createElement(SimpleList, { orientation: orientation ? "horizontal" : "vertical" }, /* @__PURE__ */ React.createElement(SimpleListItem, { title: "hello", icon: Star, subTitle: "how are you", iconAfter: ChevronRight, width: 200 }), /* @__PURE__ */ React.createElement(SimpleListItem, { title: "hello", icon: Star, subTitle: "how are you", iconAfter: ChevronRight, width: 200 }), /* @__PURE__ */ React.createElement(SimpleListItem, { title: "hello", icon: Star, subTitle: "how are you", iconAfter: ChevronRight, width: 200 }), /* @__PURE__ */ React.createElement(SimpleListItem, { title: "hello", icon: Star, subTitle: "how are you", iconAfter: ChevronRight, width: 200 }), /* @__PURE__ */ React.createElement(SimpleListItem, { title: "hello", icon: Star, subTitle: "how are you", iconAfter: ChevronRight, width: 200 })));
+}
+const main = () => /* @__PURE__ */ React.createElement(Main, null);
+export {
+  SimpleListItem_stories_default as default,
+  main
+};
+//# sourceMappingURL=SimpleListItem.stories.js.map

package/dist/esm/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,oCAAC,UAAO,YAAU,MAChB,oCAAC,UAAO,OAAO,KAAK,YAAW,UAAS,OAAM,MAAK,WAAU,gBAC3D,oCAAC,SAAM,cAAa,MAAK,UAAU,IAAI,gBAAe,YAAW,MAAK,QACnE,cAAc,eAAe,UAChC,GACA,oCAAC,aAAU,WAAW,IAAI,UAAQ,IAAC,GACnC,oCAAC,UAAO,MAAK,MAAK,gBAAgB,aAAa,iBAAiB,kBAC9D,oCAAC,OAAO,OAAP,EAAa,WAAU,SAAQ,CAClC,CACF,GACA,oCAAC,cAAW,aAAa,cAAc,eAAe,cACpD,oCAAC,kBAAe,OAAM,SAAQ,MAAM,MAAM,UAAS,eAAc,WAAW,cAAc,OAAO,KAAK,GACtG,oCAAC,kBAAe,OAAM,SAAQ,MAAM,MAAM,UAAS,eAAc,WAAW,cAAc,OAAO,KAAK,GACtG,oCAAC,kBAAe,OAAM,SAAQ,MAAM,MAAM,UAAS,eAAc,WAAW,cAAc,OAAO,KAAK,GACtG,oCAAC,kBAAe,OAAM,SAAQ,MAAM,MAAM,UAAS,eAAc,WAAW,cAAc,OAAO,KAAK,GACtG,oCAAC,kBAAe,OAAM,SAAQ,MAAM,MAAM,UAAS,eAAc,WAAW,cAAc,OAAO,KAAK,CACxG,CACF;AAEJ;AAEO,MAAM,OAAO,MAAM,oCAAC,UAAK;",
+  "names": []
+}

package/dist/esm/organize/SimpleListItem/index.js

@@ -0,0 +1,22 @@
+import { YGroup, ListItem, XGroup } from "ui";
+import React, { useMemo } from "react";
+import { jsx } from "react/jsx-runtime";
+const ListContext = React.createContext(null);
+function SimpleList({ children, orientation = "vertical", backgroundColor, bg, ...props }) {
+  const contextValue = useMemo(() => ({ orientation, backgroundColor, bg }), [orientation, backgroundColor, bg]), renderView = () => orientation === "horizontal" ? /* @__PURE__ */ jsx(XGroup, { ...props, children }) : /* @__PURE__ */ jsx(YGroup, { ...props, children });
+  return /* @__PURE__ */ jsx(ListContext.Provider, { value: contextValue, children: renderView() });
+}
+function SimpleListItem({ ...props }) {
+  const context = React.useContext(ListContext);
+  if (!context)
+    throw new Error("SimpleListItem must be used within a SimpleList");
+  function renderItem() {
+    return /* @__PURE__ */ jsx(ListItem, { hoverTheme: !0, bg: context?.backgroundColor || context?.bg, ...props });
+  }
+  return context.orientation === "horizontal" ? /* @__PURE__ */ jsx(XGroup.Item, { children: renderItem() }) : /* @__PURE__ */ jsx(YGroup.Item, { children: renderItem() });
+}
+export {
+  SimpleList,
+  SimpleListItem
+};
+//# sourceMappingURL=index.js.map