@hanzogui/demos 4.4.0 → 8.0.0

package/dist/esm/TabsAdvancedDemo.mjs

@@ -1,5 +1,5 @@
 import React from "react";
-import { AnimatePresence, Button, H5, SizableText, Tabs, XStack, YStack, styled } from "@hanzo/gui";
+import { AnimatePresence, Button, H5, SizableText, Tabs, XStack, YStack, styled } from "hanzogui";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 const demos = ["background", "underline"];
 const demosTitle = {
@@ -103,7 +103,6 @@ const TabsAdvancedBackground = () => {
         backgroundColor: "transparent",
         children: [/* @__PURE__ */jsx(Tabs.Tab, {
           unstyled: true,
-          paddingVertical: "$2",
           paddingHorizontal: "$3",
           value: "tab1",
           onInteraction: handleOnInteraction,
@@ -112,7 +111,6 @@ const TabsAdvancedBackground = () => {
           })
         }), /* @__PURE__ */jsx(Tabs.Tab, {
           unstyled: true,
-          paddingVertical: "$2",
           paddingHorizontal: "$3",
           value: "tab2",
           onInteraction: handleOnInteraction,
@@ -121,7 +119,6 @@ const TabsAdvancedBackground = () => {
           })
         }), /* @__PURE__ */jsx(Tabs.Tab, {
           unstyled: true,
-          paddingVertical: "$2",
           paddingHorizontal: "$3",
           value: "tab3",
           onInteraction: handleOnInteraction,
@@ -230,34 +227,37 @@ const TabsAdvancedUnderline = () => {
         children: [/* @__PURE__ */jsx(Tabs.Tab, {
           unstyled: true,
           paddingHorizontal: "$3",
-          paddingVertical: "$2",
           value: "tab1",
           onInteraction: handleOnInteraction,
           children: /* @__PURE__ */jsx(SizableText, {
+            select: "none",
+            cursor: "default",
             children: "Profile"
           })
         }), /* @__PURE__ */jsx(Tabs.Tab, {
           unstyled: true,
           paddingHorizontal: "$3",
-          paddingVertical: "$2",
           value: "tab2",
           onInteraction: handleOnInteraction,
           children: /* @__PURE__ */jsx(SizableText, {
+            select: "none",
+            cursor: "default",
             children: "Connections"
           })
         }), /* @__PURE__ */jsx(Tabs.Tab, {
           unstyled: true,
           paddingHorizontal: "$3",
-          paddingVertical: "$2",
           value: "tab3",
           onInteraction: handleOnInteraction,
           children: /* @__PURE__ */jsx(SizableText, {
+            select: "none",
+            cursor: "default",
             children: "Notifications"
           })
         })]
       })]
     }), /* @__PURE__ */jsx(AnimatePresence, {
-      exitBeforeEnter: true,
+      mode: "wait",
       custom: {
         direction
       },
@@ -294,7 +294,7 @@ const TabsRovingIndicator = ({
       opacity: 0
     },
     ...(active && {
-      backgroundColor: "$color8",
+      backgroundColor: "$color5",
       opacity: 0.6
     }),
     ...props

package/dist/esm/TabsAdvancedDemo.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["React","AnimatePresence","Button","H5","SizableText","Tabs","XStack","YStack","styled","Fragment","jsx","jsxs","demos","demosTitle","background","underline","TabsAdvancedDemo","demoIndex","setDemoIndex","useState","demo","children","TabsAdvancedUnderline","TabsAdvancedBackground","items","gap","position","b","l","$xxs","display","size","onPress","x","length","tabState","setTabState","activeAt","currentTab","intentAt","prevActiveAt","setCurrentTab","currentTab2","setIntentIndicator","intentAt2","setActiveIndicator","activeAt2","direction","handleOnInteraction","type","layout","value","onValueChange","orientation","p","height","flexDirection","activationMode","bg","rounded","TabsRovingIndicator","width","y","theme","List","loop","backgroundColor","Tab","unstyled","paddingVertical","paddingHorizontal","onInteraction","exitBeforeEnter","custom","initial","AnimatedYStack","Content","forceMount","flex","justify","text","active","borderBottomLeftRadius","borderBottomRightRadius","paddingBottom","borderColor","borderBottomWidth","flexBasis","props","opacity","transition","enterStyle","exitStyle","variants","zIndex"],"sources":["../../src/TabsAdvancedDemo.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","AnimatePresence","Button","H5","SizableText","Tabs","XStack","YStack","styled","Fragment","jsx","jsxs","demos","demosTitle","background","underline","TabsAdvancedDemo","demoIndex","setDemoIndex","useState","demo","children","TabsAdvancedUnderline","TabsAdvancedBackground","items","gap","position","b","l","$xxs","display","size","onPress","x","length","tabState","setTabState","activeAt","currentTab","intentAt","prevActiveAt","setCurrentTab","currentTab2","setIntentIndicator","intentAt2","setActiveIndicator","activeAt2","direction","handleOnInteraction","type","layout","value","onValueChange","orientation","p","height","flexDirection","activationMode","bg","rounded","TabsRovingIndicator","width","y","theme","List","loop","backgroundColor","Tab","unstyled","paddingHorizontal","onInteraction","exitBeforeEnter","custom","initial","AnimatedYStack","Content","forceMount","flex","justify","text","active","borderBottomLeftRadius","borderBottomRightRadius","paddingBottom","borderColor","borderBottomWidth","select","cursor","mode","flexBasis","props","opacity","transition","enterStyle","exitStyle","variants","zIndex"],"sources":["../../src/TabsAdvancedDemo.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/TabsAdvancedDemo.native.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import React from "react";
-import { AnimatePresence, Button, H5, SizableText, Tabs, XStack, YStack, styled } from "@hanzo/gui";
+import { AnimatePresence, Button, H5, SizableText, Tabs, XStack, YStack, styled } from "hanzogui";
 var demos = ["background", "underline"];
 var demosTitle = {
   background: "Background Indicator",
@@ -123,7 +123,6 @@ var TabsAdvancedBackground = function () {
         backgroundColor: "transparent",
         children: [/* @__PURE__ */_jsx(Tabs.Tab, {
           unstyled: true,
-          paddingVertical: "$2",
           paddingHorizontal: "$3",
           value: "tab1",
           onInteraction: handleOnInteraction,
@@ -132,7 +131,6 @@ var TabsAdvancedBackground = function () {
           })
         }), /* @__PURE__ */_jsx(Tabs.Tab, {
           unstyled: true,
-          paddingVertical: "$2",
           paddingHorizontal: "$3",
           value: "tab2",
           onInteraction: handleOnInteraction,
@@ -141,7 +139,6 @@ var TabsAdvancedBackground = function () {
           })
         }), /* @__PURE__ */_jsx(Tabs.Tab, {
           unstyled: true,
-          paddingVertical: "$2",
           paddingHorizontal: "$3",
           value: "tab3",
           onInteraction: handleOnInteraction,
@@ -266,34 +263,37 @@ var TabsAdvancedUnderline = function () {
         children: [/* @__PURE__ */_jsx(Tabs.Tab, {
           unstyled: true,
           paddingHorizontal: "$3",
-          paddingVertical: "$2",
           value: "tab1",
           onInteraction: handleOnInteraction,
           children: /* @__PURE__ */_jsx(SizableText, {
+            select: "none",
+            cursor: "default",
             children: "Profile"
           })
         }), /* @__PURE__ */_jsx(Tabs.Tab, {
           unstyled: true,
           paddingHorizontal: "$3",
-          paddingVertical: "$2",
           value: "tab2",
           onInteraction: handleOnInteraction,
           children: /* @__PURE__ */_jsx(SizableText, {
+            select: "none",
+            cursor: "default",
             children: "Connections"
           })
         }), /* @__PURE__ */_jsx(Tabs.Tab, {
           unstyled: true,
           paddingHorizontal: "$3",
-          paddingVertical: "$2",
           value: "tab3",
           onInteraction: handleOnInteraction,
           children: /* @__PURE__ */_jsx(SizableText, {
+            select: "none",
+            cursor: "default",
             children: "Notifications"
           })
         })]
       })]
     }), /* @__PURE__ */_jsx(AnimatePresence, {
-      exitBeforeEnter: true,
+      mode: "wait",
       custom: {
         direction
       },
@@ -331,7 +331,7 @@ var TabsRovingIndicator = function (param) {
       opacity: 0
     },
     ...(active && {
-      backgroundColor: "$color8",
+      backgroundColor: "$color5",
       opacity: 0.6
     }),
     ...props

package/dist/esm/TabsAdvancedDemo.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","React","AnimatePresence","Button","H5","SizableText","Tabs","XStack","YStack","styled","demos","demosTitle","background","underline","TabsAdvancedDemo","demoIndex","setDemoIndex","useState","demo","children","TabsAdvancedUnderline","TabsAdvancedBackground","items","gap","position","b","l","$xxs","display","size","onPress","x","length","tabState","setTabState","activeAt","currentTab","intentAt","prevActiveAt","setCurrentTab","currentTab2","setIntentIndicator","intentAt2","setActiveIndicator","activeAt2","direction","handleOnInteraction","type","layout","value","onValueChange","orientation","p","height","flexDirection","activationMode","bg","rounded","TabsRovingIndicator","width","y","theme","List","loop","backgroundColor","Tab","unstyled","paddingVertical","paddingHorizontal","onInteraction","exitBeforeEnter","custom","initial","AnimatedYStack","Content","forceMount","flex","justify","text","active","borderBottomLeftRadius","borderBottomRightRadius","paddingBottom","borderColor","borderBottomWidth"],"sources":["../../src/TabsAdvancedDemo.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","React","AnimatePresence","Button","H5","SizableText","Tabs","XStack","YStack","styled","demos","demosTitle","background","underline","TabsAdvancedDemo","demoIndex","setDemoIndex","useState","demo","children","TabsAdvancedUnderline","TabsAdvancedBackground","items","gap","position","b","l","$xxs","display","size","onPress","x","length","tabState","setTabState","activeAt","currentTab","intentAt","prevActiveAt","setCurrentTab","currentTab2","setIntentIndicator","intentAt2","setActiveIndicator","activeAt2","direction","handleOnInteraction","type","layout","value","onValueChange","orientation","p","height","flexDirection","activationMode","bg","rounded","TabsRovingIndicator","width","y","theme","List","loop","backgroundColor","Tab","unstyled","paddingHorizontal","onInteraction","exitBeforeEnter","custom","initial","AnimatedYStack","Content","forceMount","flex","justify","text","active","borderBottomLeftRadius","borderBottomRightRadius","paddingBottom","borderColor","borderBottomWidth","select","cursor"],"sources":["../../src/TabsAdvancedDemo.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/TabsDemo.mjs

@@ -1,5 +1,5 @@
 import React from "react";
-import { Button, H5, Separator, SizableText, Tabs, XStack, YStack, isWeb, useWindowDimensions } from "@hanzo/gui";
+import { Button, H5, Separator, SizableText, Tabs, XStack, YStack, isWeb, useWindowDimensions } from "hanzogui";
 import { jsx, jsxs } from "react/jsx-runtime";
 const demos = ["horizontal", "vertical"];
 const demosTitle = {

package/dist/esm/TabsDemo.native.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from "react";
-import { Button, H5, Separator, SizableText, Tabs, XStack, YStack, isWeb, useWindowDimensions } from "@hanzo/gui";
+import { Button, H5, Separator, SizableText, Tabs, XStack, YStack, isWeb, useWindowDimensions } from "hanzogui";
 var demos = ["horizontal", "vertical"];
 var demosTitle = {
   horizontal: "Horizontal",

package/dist/esm/TabsHeadlessDemo.mjs

@@ -1,5 +1,5 @@
 import { useState } from "react";
-import { Button, SizableStack, ThemeableStack, XStack, YStack, isWeb, styled } from "@hanzo/gui";
+import { Button, SizableStack, ThemeableStack, XStack, YStack, isWeb, styled } from "hanzogui";
 import { createTabs } from "@hanzogui/tabs";
 import { getButtonSized } from "@hanzogui/get-button-sized";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/esm/TabsHeadlessDemo.native.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React, { useState } from "react";
-import { Button, SizableStack, ThemeableStack, XStack, YStack, isWeb, styled } from "@hanzo/gui";
+import { Button, SizableStack, ThemeableStack, XStack, YStack, isWeb, styled } from "hanzogui";
 import { createTabs } from "@hanzogui/tabs";
 import { getButtonSized } from "@hanzogui/get-button-sized";
 var demos = ["horizontal", "vertical"];

package/dist/esm/TextDemo.mjs

@@ -1,4 +1,4 @@
-import { Em, Paragraph, SizableText, Span, Strong, YStack } from "@hanzo/gui";
+import { Em, Paragraph, SizableText, Span, Strong, YStack } from "hanzogui";
 import { jsx, jsxs } from "react/jsx-runtime";
 function TextDemo() {
   return /* @__PURE__ */jsxs(YStack, {

package/dist/esm/TextDemo.native.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Em, Paragraph, SizableText, Span, Strong, YStack } from "@hanzo/gui";
+import { Em, Paragraph, SizableText, Span, Strong, YStack } from "hanzogui";
 function TextDemo() {
   return /* @__PURE__ */_jsxs(YStack, {
     gap: "$2",

package/dist/esm/ThemeBuilderDemo.mjs

@@ -1,4 +1,4 @@
-import { Square, XStack, YStack } from "@hanzo/gui";
+import { Square, XStack, YStack } from "hanzogui";
 import { jsx, jsxs } from "react/jsx-runtime";
 function ThemeBuilderDemo() {
   return /* @__PURE__ */jsx(YStack, {

package/dist/esm/ThemeBuilderDemo.native.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Square, XStack, YStack } from "@hanzo/gui";
+import { Square, XStack, YStack } from "hanzogui";
 function ThemeBuilderDemo() {
   return /* @__PURE__ */_jsx(YStack, {
     fullscreen: true,

package/dist/esm/ThemeInverseDemo.mjs

@@ -1,4 +1,4 @@
-import { Button, H5, Theme, XStack, YStack } from "@hanzo/gui";
+import { Button, H5, Theme, XStack, YStack } from "hanzogui";
 import { jsx, jsxs } from "react/jsx-runtime";
 function ThemeInverseDemo() {
   return /* @__PURE__ */jsxs(XStack, {

package/dist/esm/ThemeInverseDemo.native.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button, H5, Theme, XStack, YStack } from "@hanzo/gui";
+import { Button, H5, Theme, XStack, YStack } from "hanzogui";
 function ThemeInverseDemo() {
   return /* @__PURE__ */_jsxs(XStack, {
     gap: "$4",

package/dist/esm/ToastDemo.mjs

@@ -1,119 +1,207 @@
-import { Toast, useToastController, useToastState } from "@hanzogui/toast";
-import React from "react";
-import { Button, Label, Switch, XStack, YStack } from "@hanzo/gui";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { isWeb } from "hanzogui";
+import { Toast, toast, useToastItem } from "@hanzogui/toast/v2";
+import { ArrowDown, ArrowDownLeft, ArrowDownRight, ArrowUp, ArrowUpLeft, ArrowUpRight } from "@hanzogui/lucide-icons-2";
+import { useRef, useState } from "react";
+import { Button, Label, SizableText, Slider, XStack, YStack } from "hanzogui";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 const ToastDemo = () => {
-  const [native, setNative] = React.useState(false);
-  return /* @__PURE__ */jsxs(YStack, {
-    gap: "$4",
-    items: "center",
-    children: [/* @__PURE__ */jsx(ToastControl, {
-      native
-    }), /* @__PURE__ */jsx(CurrentToast, {}), /* @__PURE__ */jsx(NativeOptions, {
-      native,
-      setNative
+  const [position, setPosition] = useState("bottom-right");
+  const [gap, setGap] = useState(14);
+  const [visibleToasts, setVisibleToasts] = useState(4);
+  const [duration, setDuration] = useState(4e3);
+  const count = useRef(0);
+  const showToast = newPosition => {
+    setPosition(newPosition);
+    count.current++;
+    toast(`Toast #${count.current}`, {
+      description: "Swipe to dismiss or wait for auto-close."
+    });
+  };
+  return /* @__PURE__ */jsxs(Toast, {
+    position,
+    gap: Math.round(gap),
+    visibleToasts,
+    duration,
+    children: [/* @__PURE__ */jsx(Toast.Viewport, {
+      offset: 16,
+      children: /* @__PURE__ */jsx(Toast.List, {
+        renderItem: ({
+          toast: t,
+          index
+        }) => /* @__PURE__ */jsx(Toast.Item, {
+          toast: t,
+          index,
+          testID: "toast-item",
+          children: /* @__PURE__ */jsx(ToastContent, {
+            toast: t
+          })
+        }, t.id)
+      })
+    }), /* @__PURE__ */jsxs(YStack, {
+      gap: "$3",
+      self: "center",
+      width: 280,
+      children: [/* @__PURE__ */jsxs(YStack, {
+        gap: "$2",
+        self: "center",
+        children: [/* @__PURE__ */jsxs(XStack, {
+          gap: "$2",
+          children: [/* @__PURE__ */jsx(PositionButton, {
+            position: "top-left",
+            current: position,
+            onPress: showToast,
+            Icon: ArrowUpLeft
+          }), /* @__PURE__ */jsx(PositionButton, {
+            position: "top-center",
+            current: position,
+            onPress: showToast,
+            Icon: ArrowUp
+          }), /* @__PURE__ */jsx(PositionButton, {
+            position: "top-right",
+            current: position,
+            onPress: showToast,
+            Icon: ArrowUpRight,
+            testID: "toast-top-right-button"
+          })]
+        }), /* @__PURE__ */jsxs(XStack, {
+          gap: "$2",
+          children: [/* @__PURE__ */jsx(PositionButton, {
+            position: "bottom-left",
+            current: position,
+            onPress: showToast,
+            Icon: ArrowDownLeft
+          }), /* @__PURE__ */jsx(PositionButton, {
+            position: "bottom-center",
+            current: position,
+            onPress: showToast,
+            Icon: ArrowDown
+          }), /* @__PURE__ */jsx(PositionButton, {
+            position: "bottom-right",
+            current: position,
+            onPress: showToast,
+            Icon: ArrowDownRight,
+            testID: "toast-show-button"
+          })]
+        })]
+      }), /* @__PURE__ */jsxs(YStack, {
+        gap: "$1",
+        paddingTop: "$1",
+        children: [/* @__PURE__ */jsx(DemoSlider, {
+          label: "Gap",
+          value: gap,
+          min: 0,
+          max: 30,
+          step: 0.1,
+          onChange: setGap
+        }), /* @__PURE__ */jsx(DemoSlider, {
+          label: "Visible",
+          value: visibleToasts,
+          min: 1,
+          max: 8,
+          step: 1,
+          onChange: setVisibleToasts
+        }), /* @__PURE__ */jsx(DemoSlider, {
+          label: "Duration",
+          value: duration,
+          min: 1e3,
+          max: 1e4,
+          step: 100,
+          onChange: setDuration,
+          format: v => `${(v / 1e3).toFixed(1)}s`
+        })]
+      })]
     })]
   });
 };
-const CurrentToast = () => {
-  const currentToast = useToastState();
-  if (!currentToast || currentToast.isHandledNatively) return null;
-  return /* @__PURE__ */jsx(Toast, {
-    duration: currentToast.duration,
-    viewportName: currentToast.viewportName,
-    enterStyle: {
-      opacity: 0,
-      scale: 0.95,
-      y: -80
-    },
-    exitStyle: {
-      opacity: 0,
-      scale: 0.95,
-      y: -80
-    },
-    opacity: 1,
-    scale: 1,
-    y: -50,
-    transition: "quicker",
-    bg: "$color2",
-    boxShadow: "0px 2px 4px rgba(0,0,0,0.12), 0px 8px 24px rgba(0,0,0,0.08)",
-    children: /* @__PURE__ */jsxs(XStack, {
-      gap: "$5",
-      items: "center",
-      justify: "space-between",
-      children: [/* @__PURE__ */jsxs(YStack, {
-        gap: "$0.5",
+function ToastContent({
+  toast: t
+}) {
+  const {
+    handleClose
+  } = useToastItem();
+  const title = typeof t.title === "function" ? t.title() : t.title;
+  const description = typeof t.description === "function" ? t.description() : t.description;
+  return /* @__PURE__ */jsxs(Fragment, {
+    children: [/* @__PURE__ */jsxs(XStack, {
+      gap: "$3",
+      alignItems: "flex-start",
+      children: [/* @__PURE__ */jsx(Toast.Icon, {}), /* @__PURE__ */jsxs(YStack, {
         flex: 1,
-        children: [/* @__PURE__ */jsx(Toast.Title, {
-          children: currentToast.title
-        }), !!currentToast.message && /* @__PURE__ */jsx(Toast.Description, {
-          children: currentToast.message
-        })]
-      }), /* @__PURE__ */jsx(Toast.Action, {
-        asChild: true,
-        altText: "Dismiss toast",
-        children: /* @__PURE__ */jsx(Button, {
+        gap: "$0.5",
+        children: [title && /* @__PURE__ */jsx(Toast.Title, {
+          fontWeight: "600",
+          size: "$3",
+          children: title
+        }), description && /* @__PURE__ */jsx(Toast.Description, {
+          color: "$color9",
           size: "$2",
-          children: "Dismiss"
-        })
+          children: description
+        })]
       })]
-    })
-  }, currentToast.id);
-};
-const ToastControl = ({
-  native
-}) => {
-  const toast = useToastController();
-  return /* @__PURE__ */jsxs(XStack, {
-    gap: "$2",
-    justify: "center",
-    children: [/* @__PURE__ */jsx(Button, {
-      onPress: () => {
-        toast.show("Successfully saved!", {
-          message: "Don't worry, we've got your data.",
-          native,
-          demo: true
-        });
-      },
-      children: "Show"
-    }), /* @__PURE__ */jsx(Button, {
-      onPress: () => {
-        toast.hide();
-      },
-      children: "Hide"
+    }), isWeb && /* @__PURE__ */jsx(Toast.Close, {
+      testID: "toast-close-button",
+      position: "absolute",
+      top: -6,
+      left: -6,
+      zIndex: 1
     })]
   });
-};
-const NativeOptions = ({
-  native,
-  setNative
-}) => {
+}
+function DemoSlider({
+  label,
+  value,
+  min,
+  max,
+  step,
+  onChange,
+  format
+}) {
   return /* @__PURE__ */jsxs(XStack, {
-    gap: "$3",
+    gap: "$2",
+    alignItems: "center",
     children: [/* @__PURE__ */jsx(Label, {
-      size: "$1",
-      onPress: () => setNative(false),
-      children: "Custom"
-    }), /* @__PURE__ */jsx(Switch, {
-      theme: "surface2",
-      id: "native-toggle",
-      size: "$1",
-      checked: !!native,
-      onCheckedChange: val => setNative(val),
-      children: /* @__PURE__ */jsx(Switch.Thumb, {
+      size: "$2",
+      width: 55,
+      children: label
+    }), /* @__PURE__ */jsxs(Slider, {
+      flex: 1,
+      value: [value],
+      min,
+      max,
+      step,
+      onValueChange: ([v]) => onChange(v),
+      children: [/* @__PURE__ */jsx(Slider.Track, {
+        children: /* @__PURE__ */jsx(Slider.TrackActive, {})
+      }), /* @__PURE__ */jsx(Slider.Thumb, {
         theme: "accent",
-        transition: ["quickest", {
-          transform: {
-            overshootClamping: true
-          }
-        }]
-      })
-    }), /* @__PURE__ */jsx(Label, {
-      size: "$1",
-      onPress: () => setNative(true),
-      children: "Native"
+        size: 16,
+        borderRadius: 100,
+        index: 0
+      })]
+    }), /* @__PURE__ */jsx(SizableText, {
+      userSelect: "none",
+      size: "$2",
+      width: 35,
+      textAlign: "right",
+      children: format ? format(value) : Math.round(value)
     })]
   });
+}
+const PositionButton = ({
+  position,
+  current,
+  onPress,
+  Icon,
+  testID
+}) => {
+  const isActive = position === current;
+  return /* @__PURE__ */jsx(Button, {
+    icon: Icon,
+    circular: true,
+    theme: isActive ? "accent" : void 0,
+    onPress: () => onPress(position),
+    testID
+  });
 };
 export { ToastDemo };
 //# sourceMappingURL=ToastDemo.mjs.map