@tamagui/demos 2.7.7 → 3.0.0-beta.643.1

package/dist/esm/RadioGroupUnstyledDemo.mjs

@@ -1,118 +0,0 @@
-import { Label, XStack, YStack, styled } from "tamagui";
-import { createRadioGroup } from "@tamagui/radio-group";
-import { jsx, jsxs } from "react/jsx-runtime";
-const RADIO_GROUP_ITEM_NAME = "RadioGroupItem";
-const RadioGroupItemFrame = styled(YStack, {
-  name: RADIO_GROUP_ITEM_NAME,
-  render: "button",
-  rounded: 1e3,
-  bg: "$background",
-  items: "center",
-  justify: "center",
-  borderWidth: 1,
-  borderColor: "$borderColor",
-  p: 0,
-  hoverStyle: {
-    borderColor: "$borderColorHover",
-    bg: "$backgroundHover"
-  },
-  focusStyle: {
-    borderColor: "$borderColorHover",
-    bg: "$backgroundHover"
-  },
-  focusVisibleStyle: {
-    outlineStyle: "solid",
-    outlineWidth: 2,
-    outlineColor: "$outlineColor"
-  },
-  pressStyle: {
-    borderColor: "$borderColorFocus",
-    bg: "$backgroundFocus"
-  },
-  variants: {
-    disabled: {
-      true: {
-        pointerEvents: "none",
-        userSelect: "none",
-        cursor: "not-allowed",
-        hoverStyle: {
-          borderColor: "$borderColor",
-          bg: "$background"
-        },
-        pressStyle: {
-          borderColor: "$borderColor",
-          bg: "$background"
-        },
-        focusVisibleStyle: {
-          outlineWidth: 0
-        }
-      }
-    }
-  }
-});
-const RADIO_GROUP_INDICATOR_NAME = "RadioGroupIndicator";
-const RadioGroupIndicatorFrame = styled(YStack, {
-  name: RADIO_GROUP_INDICATOR_NAME,
-  width: "53%",
-  height: "53%",
-  rounded: 1e3,
-  bg: "$color"
-});
-const RADIO_GROUP_NAME = "RadioGroup";
-const RadioGroupFrame = styled(YStack, {
-  name: RADIO_GROUP_NAME,
-  variants: {
-    orientation: {
-      horizontal: {
-        flexDirection: "row",
-        spaceDirection: "horizontal"
-      },
-      vertical: {
-        flexDirection: "column",
-        spaceDirection: "vertical"
-      }
-    }
-  }
-});
-const RadioGroup = createRadioGroup({
-  Frame: RadioGroupFrame,
-  Indicator: RadioGroupIndicatorFrame,
-  Item: RadioGroupItemFrame
-});
-function RadioGroupUnstyledDemo() {
-  return /* @__PURE__ */jsx(RadioGroup, {
-    "aria-labelledby": "Select one item",
-    defaultValue: "3",
-    name: "form",
-    children: /* @__PURE__ */jsxs(YStack, {
-      width: 200,
-      items: "center",
-      gap: "$2",
-      children: [/* @__PURE__ */jsx(RadioGroupItemWithLabel, {
-        value: "2",
-        label: "Option One"
-      }), /* @__PURE__ */jsx(RadioGroupItemWithLabel, {
-        value: "3",
-        label: "Option Two"
-      })]
-    })
-  });
-}
-function RadioGroupItemWithLabel(props) {
-  const id = `radiogroup-${props.value}`;
-  return /* @__PURE__ */jsxs(XStack, {
-    width: 300,
-    items: "center",
-    gap: "$4",
-    children: [/* @__PURE__ */jsx(RadioGroup.Item, {
-      value: props.value,
-      id,
-      children: /* @__PURE__ */jsx(RadioGroup.Indicator, {})
-    }), /* @__PURE__ */jsx(Label, {
-      htmlFor: id,
-      children: props.label
-    })]
-  });
-}
-export { RadioGroupUnstyledDemo };
-//# sourceMappingURL=RadioGroupUnstyledDemo.mjs.map

package/dist/esm/RadioGroupUnstyledDemo.mjs.map

@@ -1 +0,0 @@
-{"version":3,"names":["Label","XStack","YStack","styled","createRadioGroup","jsx","jsxs","RADIO_GROUP_ITEM_NAME","RadioGroupItemFrame","name","render","rounded","bg","items","justify","borderWidth","borderColor","p","hoverStyle","focusStyle","focusVisibleStyle","outlineStyle","outlineWidth","outlineColor","pressStyle","variants","disabled","true","pointerEvents","userSelect","cursor","RADIO_GROUP_INDICATOR_NAME","RadioGroupIndicatorFrame","width","height","RADIO_GROUP_NAME","RadioGroupFrame","orientation","horizontal","flexDirection","spaceDirection","vertical","RadioGroup","Frame","Indicator","Item","RadioGroupUnstyledDemo","defaultValue","children","gap","RadioGroupItemWithLabel","value","label","props","id","htmlFor"],"sources":["../../src/RadioGroupUnstyledDemo.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/RadioGroupUnstyledDemo.native.js

@@ -1,118 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Label, XStack, YStack, styled } from "tamagui";
-import { createRadioGroup } from "@tamagui/radio-group";
-var RADIO_GROUP_ITEM_NAME = "RadioGroupItem";
-var RadioGroupItemFrame = styled(YStack, {
-  name: RADIO_GROUP_ITEM_NAME,
-  render: "button",
-  rounded: 1e3,
-  bg: "$background",
-  items: "center",
-  justify: "center",
-  borderWidth: 1,
-  borderColor: "$borderColor",
-  p: 0,
-  hoverStyle: {
-    borderColor: "$borderColorHover",
-    bg: "$backgroundHover"
-  },
-  focusStyle: {
-    borderColor: "$borderColorHover",
-    bg: "$backgroundHover"
-  },
-  focusVisibleStyle: {
-    outlineStyle: "solid",
-    outlineWidth: 2,
-    outlineColor: "$outlineColor"
-  },
-  pressStyle: {
-    borderColor: "$borderColorFocus",
-    bg: "$backgroundFocus"
-  },
-  variants: {
-    disabled: {
-      true: {
-        pointerEvents: "none",
-        userSelect: "none",
-        cursor: "not-allowed",
-        hoverStyle: {
-          borderColor: "$borderColor",
-          bg: "$background"
-        },
-        pressStyle: {
-          borderColor: "$borderColor",
-          bg: "$background"
-        },
-        focusVisibleStyle: {
-          outlineWidth: 0
-        }
-      }
-    }
-  }
-});
-var RADIO_GROUP_INDICATOR_NAME = "RadioGroupIndicator";
-var RadioGroupIndicatorFrame = styled(YStack, {
-  name: RADIO_GROUP_INDICATOR_NAME,
-  width: "53%",
-  height: "53%",
-  rounded: 1e3,
-  bg: "$color"
-});
-var RADIO_GROUP_NAME = "RadioGroup";
-var RadioGroupFrame = styled(YStack, {
-  name: RADIO_GROUP_NAME,
-  variants: {
-    orientation: {
-      horizontal: {
-        flexDirection: "row",
-        spaceDirection: "horizontal"
-      },
-      vertical: {
-        flexDirection: "column",
-        spaceDirection: "vertical"
-      }
-    }
-  }
-});
-var RadioGroup = createRadioGroup({
-  Frame: RadioGroupFrame,
-  Indicator: RadioGroupIndicatorFrame,
-  Item: RadioGroupItemFrame
-});
-function RadioGroupUnstyledDemo() {
-  return /* @__PURE__ */_jsx(RadioGroup, {
-    "aria-labelledby": "Select one item",
-    defaultValue: "3",
-    name: "form",
-    children: /* @__PURE__ */_jsxs(YStack, {
-      width: 200,
-      items: "center",
-      gap: "$2",
-      children: [/* @__PURE__ */_jsx(RadioGroupItemWithLabel, {
-        value: "2",
-        label: "Option One"
-      }), /* @__PURE__ */_jsx(RadioGroupItemWithLabel, {
-        value: "3",
-        label: "Option Two"
-      })]
-    })
-  });
-}
-function RadioGroupItemWithLabel(props) {
-  var id = `radiogroup-${props.value}`;
-  return /* @__PURE__ */_jsxs(XStack, {
-    width: 300,
-    items: "center",
-    gap: "$4",
-    children: [/* @__PURE__ */_jsx(RadioGroup.Item, {
-      value: props.value,
-      id,
-      children: /* @__PURE__ */_jsx(RadioGroup.Indicator, {})
-    }), /* @__PURE__ */_jsx(Label, {
-      htmlFor: id,
-      children: props.label
-    })]
-  });
-}
-export { RadioGroupUnstyledDemo };
-//# sourceMappingURL=RadioGroupUnstyledDemo.native.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Label","XStack","YStack","styled","createRadioGroup","RADIO_GROUP_ITEM_NAME","RadioGroupItemFrame","name","render","rounded","bg","items","justify","borderWidth","borderColor","p","hoverStyle","focusStyle","focusVisibleStyle","outlineStyle","outlineWidth","outlineColor","pressStyle","variants","disabled","true","pointerEvents","userSelect","cursor","RADIO_GROUP_INDICATOR_NAME","RadioGroupIndicatorFrame","width","height","RADIO_GROUP_NAME","RadioGroupFrame","orientation","horizontal","flexDirection","spaceDirection","vertical","RadioGroup","Frame","Indicator","Item","RadioGroupUnstyledDemo","defaultValue","children","gap","RadioGroupItemWithLabel","value","label"],"sources":["../../src/RadioGroupUnstyledDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAOC,IAAA,EAAAC,IAAQ,IAAAC,KAAQ,2BAAc;AAE9C,SAASC,KAAA,EAAAC,MAAA,EAAAC,MAAA,EAAAC,MAAwB;AAmG3B,SACEC,gBADF;AAjGN,IAAAC,qBAAM,mBAAwB;AAE9B,IAAAC,mBAAM,GAAAH,MAAsB,CAAAD,MAAO;EACjCK,IAAA,EAAMF,qBAAA;EACNG,MAAA,EAAQ;EAERC,OAAA,EAAS;EACTC,EAAA,EAAI;EACJC,KAAA,EAAO;EACPC,OAAA,EAAS;EACTC,WAAA,EAAa;EACbC,WAAA,EAAa;EACbC,CAAA,EAAG;EAEHC,UAAA,EAAY;IACVF,WAAA,EAAa;IACbJ,EAAA,EAAI;EACN;EAEAO,UAAA,EAAY;IACVH,WAAA,EAAa;IACbJ,EAAA,EAAI;EACN;EAEAQ,iBAAA,EAAmB;IACjBC,YAAA,EAAc;IACdC,YAAA,EAAc;IACdC,YAAA,EAAc;EAChB;EAEAC,UAAA,EAAY;IACVR,WAAA,EAAa;IACbJ,EAAA,EAAI;EACN;EAEAa,QAAA,EAAU;IACRC,QAAA,EAAU;MACRC,IAAA,EAAM;QACJC,aAAA,EAAe;QACfC,UAAA,EAAY;QACZC,MAAA,EAAQ;QAERZ,UAAA,EAAY;UACVF,WAAA,EAAa;UACbJ,EAAA,EAAI;QACN;QAEAY,UAAA,EAAY;UACVR,WAAA,EAAa;UACbJ,EAAA,EAAI;QACN;QAEAQ,iBAAA,EAAmB;UACjBE,YAAA,EAAc;QAChB;MACF;IACF;EACF;AACF,CAAU;AAEV,IAAAS,0BAAM,wBAA6B;AAEnC,IAAAC,wBAAM,GAAA3B,MAA2B,CAAAD,MAAO;EACtCK,IAAA,EAAMsB,0BAAA;EACNE,KAAA,EAAO;EACPC,MAAA,EAAQ;EACRvB,OAAA,EAAS;EACTC,EAAA,EAAI;AACN,CAAC;AAED,IAAAuB,gBAAM,eAAmB;AAEzB,IAAAC,eAAM,GAAA/B,MAAkB,CAAAD,MAAO;EAC7BK,IAAA,EAAM0B,gBAAA;EACNV,QAAA,EAAU;IACRY,WAAA,EAAa;MACXC,UAAA,EAAY;QACVC,aAAA,EAAe;QACfC,cAAA,EAAgB;MAClB;MACAC,QAAA,EAAU;QACRF,aAAA,EAAe;QACfC,cAAA,EAAgB;MAClB;IACF;EACF;AACF,CAAC;AAED,IAAAE,UAAM,GAAApC,gBAAa;EACjBqC,KAAA,EAAOP,eAAA;EACPQ,SAAA,EAAWZ,wBAAA;EACXa,IAAA,EAAMrC;AACR,CAAC;AAEM,SAASsC,uBAAA,EAAyB;EACvC,OACE,eAAA/C,IAAC,CAAA2C,UAAA;IAEG,oCAAC;IACDK,YAAA;IAAsDtC,IAE1D;IAEJuC,QAAA,iBAAA/C,KAAA,CAAAG,MAAA;MAEA6B,KAAS;MACPpB,KAAM,EAAK;MACXoC,GACE;MACED,QAAA,GAIA,eAACjD,IAAA,CAAAmD,uBAAoB;QACvBC,KAAA;QAEJC,KAAA","ignoreList":[]}

package/dist/esm/SwitchUnstyledDemo.mjs

@@ -1,65 +0,0 @@
-import { View, styled } from "@tamagui/core";
-import { createSwitch } from "@tamagui/switch";
-import { Label, XStack, YStack } from "tamagui";
-import { jsx, jsxs } from "react/jsx-runtime";
-const Frame = styled(View, {
-  width: 40,
-  height: 20,
-  rounded: 20,
-  variants: {
-    checked: {
-      true: {
-        backgroundColor: "lightblue"
-      },
-      false: {
-        backgroundColor: "silver"
-      }
-    }
-  },
-  defaultVariants: {
-    checked: false
-  }
-});
-const Thumb = styled(View, {
-  width: 20,
-  height: 20,
-  bg: "black",
-  rounded: 20,
-  variants: {
-    checked: {
-      true: {
-        opacity: 0.8
-      },
-      false: {
-        opacity: 0.5
-      }
-    }
-  }
-});
-const Switch = createSwitch({
-  Frame,
-  Thumb
-});
-function SwitchUnstyledDemo() {
-  return /* @__PURE__ */jsx(YStack, {
-    width: 200,
-    items: "center",
-    gap: "$3",
-    children: /* @__PURE__ */jsxs(XStack, {
-      gap: "$3",
-      items: "center",
-      children: [/* @__PURE__ */jsx(Label, {
-        htmlFor: "unstyled-switch",
-        children: "Unstyled"
-      }), /* @__PURE__ */jsx(Switch, {
-        defaultChecked: true,
-        id: "unstyled-switch",
-        children: /* @__PURE__ */jsx(Switch.Thumb, {
-          transition: "quickest"
-        })
-      })]
-    })
-  });
-}
-export { Switch, SwitchUnstyledDemo };
-//# sourceMappingURL=SwitchUnstyledDemo.mjs.map

package/dist/esm/SwitchUnstyledDemo.mjs.map

@@ -1 +0,0 @@
-{"version":3,"names":["View","styled","createSwitch","Label","XStack","YStack","jsx","jsxs","Frame","width","height","rounded","variants","checked","true","backgroundColor","false","defaultVariants","Thumb","bg","opacity","Switch","SwitchUnstyledDemo","items","gap","children","htmlFor","defaultChecked","id","transition"],"sources":["../../src/SwitchUnstyledDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,IAAA,EAAMC,MAAA,QAAc;AAC7B,SAASC,YAAA,QAAoB;AAC7B,SAASC,KAAA,EAAOC,MAAA,EAAQC,MAAA,QAAc;AA+ChC,SACEC,GAAA,EADFC,IAAA;AA7CN,MAAMC,KAAA,GAAQP,MAAA,CAAOD,IAAA,EAAM;EACzBS,KAAA,EAAO;EACPC,MAAA,EAAQ;EACRC,OAAA,EAAS;EACTC,QAAA,EAAU;IACRC,OAAA,EAAS;MACPC,IAAA,EAAM;QACJC,eAAA,EAAiB;MACnB;MACAC,KAAA,EAAO;QACLD,eAAA,EAAiB;MACnB;IACF;EACF;EACAE,eAAA,EAAiB;IACfJ,OAAA,EAAS;EACX;AACF,CAAC;AAED,MAAMK,KAAA,GAAQjB,MAAA,CAAOD,IAAA,EAAM;EACzBS,KAAA,EAAO;EACPC,MAAA,EAAQ;EACRS,EAAA,EAAI;EACJR,OAAA,EAAS;EAETC,QAAA,EAAU;IACRC,OAAA,EAAS;MACPC,IAAA,EAAM;QACJM,OAAA,EAAS;MACX;MACAJ,KAAA,EAAO;QACLI,OAAA,EAAS;MACX;IACF;EACF;AACF,CAAC;AAEM,MAAMC,MAAA,GAASnB,YAAA,CAAa;EACjCM,KAAA;EACAU;AACF,CAAC;AAEM,SAASI,mBAAA,EAAqB;EACnC,OACE,eAAAhB,GAAA,CAACD,MAAA;IAAOI,KAAA,EAAO;IAAKc,KAAA,EAAM;IAASC,GAAA,EAAI;IACrCC,QAAA,iBAAAlB,IAAA,CAACH,MAAA;MAAOoB,GAAA,EAAI;MAAKD,KAAA,EAAM;MACrBE,QAAA,kBAAAnB,GAAA,CAACH,KAAA;QAAMuB,OAAA,EAAQ;QAAkBD,QAAA;MAAA,CAAQ,GACzC,eAAAnB,GAAA,CAACe,MAAA;QAAOM,cAAA,EAAc;QAACC,EAAA,EAAG;QACxBH,QAAA,iBAAAnB,GAAA,CAACe,MAAA,CAAOH,KAAA,EAAP;UAAaW,UAAA,EAAW;QAAA,CAAW;MAAA,CACtC;IAAA,CACF;EAAA,CACF;AAEJ","ignoreList":[]}

package/dist/esm/SwitchUnstyledDemo.native.js

@@ -1,65 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { View, styled } from "@tamagui/core";
-import { createSwitch } from "@tamagui/switch";
-import { Label, XStack, YStack } from "tamagui";
-var Frame = styled(View, {
-  width: 40,
-  height: 20,
-  rounded: 20,
-  variants: {
-    checked: {
-      true: {
-        backgroundColor: "lightblue"
-      },
-      false: {
-        backgroundColor: "silver"
-      }
-    }
-  },
-  defaultVariants: {
-    checked: false
-  }
-});
-var Thumb = styled(View, {
-  width: 20,
-  height: 20,
-  bg: "black",
-  rounded: 20,
-  variants: {
-    checked: {
-      true: {
-        opacity: 0.8
-      },
-      false: {
-        opacity: 0.5
-      }
-    }
-  }
-});
-var Switch = createSwitch({
-  Frame,
-  Thumb
-});
-function SwitchUnstyledDemo() {
-  return /* @__PURE__ */_jsx(YStack, {
-    width: 200,
-    items: "center",
-    gap: "$3",
-    children: /* @__PURE__ */_jsxs(XStack, {
-      gap: "$3",
-      items: "center",
-      children: [/* @__PURE__ */_jsx(Label, {
-        htmlFor: "unstyled-switch",
-        children: "Unstyled"
-      }), /* @__PURE__ */_jsx(Switch, {
-        defaultChecked: true,
-        id: "unstyled-switch",
-        children: /* @__PURE__ */_jsx(Switch.Thumb, {
-          transition: "quickest"
-        })
-      })]
-    })
-  });
-}
-export { Switch, SwitchUnstyledDemo };
-//# sourceMappingURL=SwitchUnstyledDemo.native.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","View","styled","createSwitch","Label","XStack","YStack","Frame","width","height","rounded","variants","checked","true","backgroundColor","false","defaultVariants","Thumb","bg","opacity","Switch","SwitchUnstyledDemo","items","gap","children"],"sources":["../../src/SwitchUnstyledDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAMC,IAAA,EAAAC,IAAA,IAAcC,KAAA;AAC7B,SAASC,IAAA,EAAAC,MAAA,QAAoB;AAC7B,SAASC,YAAO,QAAQ,iBAAc;AA+ChC,SACEC,KADF,EAAAC,MAAA,EAAAC,MAAA;AA7CN,IAAAC,KAAM,GAAAL,MAAQ,CAAAD,IAAO;EACnBO,KAAA,EAAO;EACPC,MAAA,EAAQ;EACRC,OAAA,EAAS;EACTC,QAAA,EAAU;IACRC,OAAA,EAAS;MACPC,IAAA,EAAM;QACJC,eAAA,EAAiB;MACnB;MACAC,KAAA,EAAO;QACLD,eAAA,EAAiB;MACnB;IACF;EACF;EACAE,eAAA,EAAiB;IACfJ,OAAA,EAAS;EACX;AACF,CAAC;AAED,IAAAK,KAAM,GAAAf,MAAQ,CAAAD,IAAO;EACnBO,KAAA,EAAO;EACPC,MAAA,EAAQ;EACRS,EAAA,EAAI;EACJR,OAAA,EAAS;EAETC,QAAA,EAAU;IACRC,OAAA,EAAS;MACPC,IAAA,EAAM;QACJM,OAAA,EAAS;MACX;MACAJ,KAAA,EAAO;QACLI,OAAA,EAAS;MACX;IACF;EACF;AACF,CAAC;AAEM,IAAAC,MAAM,GAAAjB,YAAS;EACpBI,KAAA;EACAU;AACF,CAAC;AAEM,SAASI,mBAAA,EAAqB;EACnC,OACE,eAAAvB,IAAC,CAAAQ,MAAA;IAEGE,KAAA;IACAc,KAAA;IAEAC,GACF,EACF;IAEJC,QAAA,iBAAAxB,KAAA,CAAAK,MAAA","ignoreList":[]}

package/dist/esm/TabsHeadlessDemo.mjs

@@ -1,107 +0,0 @@
-import { useState } from "react";
-import { Button, SizableStack, ThemeableStack, XStack, YStack, isWeb, styled } from "tamagui";
-import { createTabs } from "@tamagui/tabs";
-import { getButtonSized } from "@tamagui/get-button-sized";
-import { jsx, jsxs } from "react/jsx-runtime";
-const demos = ["horizontal", "vertical"];
-const TabsFrame = styled(SizableStack, {
-  name: "TabsFrame"
-});
-const TabFrame = styled(ThemeableStack, {
-  name: "TabsTrigger",
-  render: "button",
-  cursor: "pointer",
-  backgroundColor: "transparent",
-  variants: {
-    size: {
-      "...size": getButtonSized
-    },
-    disabled: {
-      true: {
-        pointerEvents: "none"
-      }
-    },
-    active: {
-      true: {
-        hoverStyle: {
-          backgroundColor: "$background"
-        },
-        focusStyle: {
-          backgroundColor: "$background"
-        }
-      }
-    }
-  }
-});
-const CONTENT_NAME = "TabsContent";
-const ContentFrame = styled(ThemeableStack, {
-  name: CONTENT_NAME,
-  flex: 1,
-  p: "$6",
-  justify: "center",
-  items: "center",
-  bg: "$color4",
-  rounded: "$4"
-});
-const CustomTabs = createTabs({
-  TabsFrame,
-  TabFrame,
-  ContentFrame
-});
-function TabsHeadlessDemo() {
-  const [demo, setDemo] = useState(demos[0]);
-  return (
-    // web only fix for position relative
-    /* @__PURE__ */
-    jsxs(YStack, {
-      px: "$4",
-      ...(isWeb && {
-        position: "static"
-      }),
-      children: [/* @__PURE__ */jsx(TabsView, {
-        flexDirection: demo === "horizontal" ? "row" : "column"
-      }), /* @__PURE__ */jsx(XStack, {
-        items: "center",
-        gap: "$4",
-        position: "absolute",
-        b: "$3",
-        l: "$4",
-        $xxs: {
-          display: "none"
-        },
-        children: /* @__PURE__ */jsx(Button, {
-          size: "$2",
-          onPress: () => setDemo(demo === "horizontal" ? "vertical" : "horizontal"),
-          children: /* @__PURE__ */jsx(Button.Text, {
-            textTransform: "capitalize",
-            children: demo
-          })
-        })
-      })]
-    })
-  );
-}
-const content = ["Home", "Profile", "Settings"];
-const TabsView = ({
-  flexDirection = "row"
-}) => {
-  return /* @__PURE__ */jsxs(CustomTabs, {
-    flexDirection: flexDirection === "column" ? "row" : "column",
-    defaultValue: content[0],
-    children: [/* @__PURE__ */jsx(CustomTabs.List, {
-      flexDirection,
-      children: content.map((name, index) => /* @__PURE__ */jsx(CustomTabs.Tab, {
-        value: name,
-        activeStyle: {
-          backgroundColor: "transparent"
-        },
-        children: name
-      }, index))
-    }), content.map((name, index) => /* @__PURE__ */jsx(CustomTabs.Content, {
-      value: name,
-      children: name
-    }, index))]
-  });
-};
-export { ContentFrame, CustomTabs, TabFrame, TabsFrame, TabsHeadlessDemo };
-//# sourceMappingURL=TabsHeadlessDemo.mjs.map

package/dist/esm/TabsHeadlessDemo.mjs.map

@@ -1 +0,0 @@
-{"version":3,"names":["useState","Button","SizableStack","ThemeableStack","XStack","YStack","isWeb","styled","createTabs","getButtonSized","jsx","jsxs","demos","TabsFrame","name","TabFrame","render","cursor","backgroundColor","variants","size","disabled","true","pointerEvents","active","hoverStyle","focusStyle","CONTENT_NAME","ContentFrame","flex","p","justify","items","bg","rounded","CustomTabs","TabsHeadlessDemo","demo","setDemo","px","position","children","TabsView","flexDirection","gap","b","l","$xxs","display","onPress","Text","textTransform","content","defaultValue","List","map","index","Tab","value","activeStyle","Content"],"sources":["../../src/TabsHeadlessDemo.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/TabsHeadlessDemo.native.js

@@ -1,114 +0,0 @@
-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 "tamagui";
-import { createTabs } from "@tamagui/tabs";
-import { getButtonSized } from "@tamagui/get-button-sized";
-var demos = ["horizontal", "vertical"];
-var TabsFrame = styled(SizableStack, {
-  name: "TabsFrame"
-});
-var TabFrame = styled(ThemeableStack, {
-  name: "TabsTrigger",
-  render: "button",
-  cursor: "pointer",
-  backgroundColor: "transparent",
-  variants: {
-    size: {
-      "...size": getButtonSized
-    },
-    disabled: {
-      true: {
-        pointerEvents: "none"
-      }
-    },
-    active: {
-      true: {
-        hoverStyle: {
-          backgroundColor: "$background"
-        },
-        focusStyle: {
-          backgroundColor: "$background"
-        }
-      }
-    }
-  }
-});
-var CONTENT_NAME = "TabsContent";
-var ContentFrame = styled(ThemeableStack, {
-  name: CONTENT_NAME,
-  flex: 1,
-  p: "$6",
-  justify: "center",
-  items: "center",
-  bg: "$color4",
-  rounded: "$4"
-});
-var CustomTabs = createTabs({
-  TabsFrame,
-  TabFrame,
-  ContentFrame
-});
-function TabsHeadlessDemo() {
-  var [demo, setDemo] = useState(demos[0]);
-  return (
-    // web only fix for position relative
-    /* @__PURE__ */
-    _jsxs(YStack, {
-      px: "$4",
-      ...(isWeb && {
-        position: "static"
-      }),
-      children: [/* @__PURE__ */_jsx(TabsView, {
-        flexDirection: demo === "horizontal" ? "row" : "column"
-      }), /* @__PURE__ */_jsx(XStack, {
-        items: "center",
-        gap: "$4",
-        position: "absolute",
-        b: "$3",
-        l: "$4",
-        $xxs: {
-          display: "none"
-        },
-        children: /* @__PURE__ */_jsx(Button, {
-          size: "$2",
-          onPress: function () {
-            return setDemo(demo === "horizontal" ? "vertical" : "horizontal");
-          },
-          children: /* @__PURE__ */_jsx(Button.Text, {
-            textTransform: "capitalize",
-            children: demo
-          })
-        })
-      })]
-    })
-  );
-}
-var content = ["Home", "Profile", "Settings"];
-var TabsView = function (param) {
-  var {
-    flexDirection = "row"
-  } = param;
-  return /* @__PURE__ */_jsxs(CustomTabs, {
-    flexDirection: flexDirection === "column" ? "row" : "column",
-    defaultValue: content[0],
-    children: [/* @__PURE__ */_jsx(CustomTabs.List, {
-      flexDirection,
-      children: content.map(function (name, index) {
-        return /* @__PURE__ */_jsx(CustomTabs.Tab, {
-          value: name,
-          activeStyle: {
-            backgroundColor: "transparent"
-          },
-          children: name
-        }, index);
-      })
-    }), content.map(function (name, index) {
-      return /* @__PURE__ */_jsx(CustomTabs.Content, {
-        value: name,
-        children: name
-      }, index);
-    })]
-  });
-};
-export { ContentFrame, CustomTabs, TabFrame, TabsFrame, TabsHeadlessDemo };
-//# sourceMappingURL=TabsHeadlessDemo.native.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","React","useState","Button","SizableStack","ThemeableStack","XStack","YStack","isWeb","styled","createTabs","getButtonSized","demos","TabsFrame","name","TabFrame","render","cursor","backgroundColor","variants","size","disabled","true","pointerEvents","active","hoverStyle","focusStyle","CONTENT_NAME","ContentFrame","flex","p","justify","items","bg","rounded","CustomTabs","TabsHeadlessDemo","demo","setDemo","px","position","children","TabsView","flexDirection","gap","b","l","$xxs","display","onPress","Text","textTransform","content","param","defaultValue","List","map","index","Tab","value","activeStyle","Content"],"sources":["../../src/TabsHeadlessDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAAgBA,GAAA,IAAAC,IAAA,EAAAC,IAAgB,IAAAC,KAAA;AAChC,OAAAC,KAAA,IAAAC,QAAA;AAAA,SACEC,MAAA,EAAAC,YAAA,EAAAC,cAAA,EAAAC,MAAA,EAAAC,MAAA,EAAAC,KAAA,EAAAC,MAAA;AAAA,SACAC,UAAA;AAAA,SACAC,cAAA;AAAA,IACAC,KAAA,IACA,cACA;AACA,IAAAC,SACK,GAAAJ,MAAA,CAAAL,YAAA;EACPU,IAAA;AACA;AA6DI,IAAAC,QAME,GANFN,MAAA,CAAAJ,cAAA;EA3DJS,IAAM,eAAS;EAERE,MAAM,UAAY;EACvBC,MAAM;EACPC,eAAA;EAEMC,QAAM;IACXC,IAAM;MACN,SAAQ,EAAAT;IACR;IACAU,QAAA;MACAC,IAAA,EAAU;QACRC,aAAM;MACJ;IACF;IAEAC,MAAA;MACEF,IAAA,EAAM;QACJG,UAAA;UACFP,eAAA;QACF;QAEAQ,UAAQ;UACNR,eAAM;QACJ;MAAY;IACO;EACnB;AAEY;AACO,IAAAS,YACnB;AAAA,IAAAC,YACF,GAAAnB,MAAA,CAAAJ,cAAA;EAAAS,IACF,EAAAa,YAAA;EACFE,IAAA;EACDC,CAAA;EAEDC,OAAM;EAECC,KAAM;EACXC,EAAA,WAAM;EACNC,OAAM;AAAA,EACN;AAAG,IACHC,UAAS,GAAAzB,UAAA;EACTG,SAAO;EACPE,QAAI;EACJa;AACF,CAAC;AAEM,SAAMQ,gBAAaA,CAAA;EACxB,KAAAC,IAAA,EAAAC,OAAA,IAAApC,QAAA,CAAAU,KAAA;EACA;IACA;IACD;IAAAZ,KAAA,CAAAO,MAAA;MAEMgC,EAAA,EAAS;MACd,IAAO/B,KAAA,IAAM;QAEbgC,QAAA;MAAA;MAEEC,QAAA,GAAC,eAAA3C,IAAA,CAAA4C,QAAA;QAAAC,aAAA,EAAAN,IAAA;MACC,IACC,eAAavC,IAAA,CAAAQ,MAAA;QACZ0B,KAAA,UAAU;QACZY,GAAA;QAEAJ,QAAA;QAAAK,CAAA;QAEAC,CAAA;QAAAC,IAAC;UAAAC,OAAA;QAAA;QACOP,QACN,EAAI,eAAA3C,IAAA,CAAAK,MAAA;UAAAiB,IACJ;UAAS6B,OACP,WAAAA,CAAA;YACF,OAAEX,OAAA,CAAAD,IAAA;UAAA;UACsBI,QAExB,iBAAA3C,IAAA,CAAAK,MAAA,CAAA+C,IAAA;YAAAC,aAAC;YAAAV,QAAA,EAAAJ;UAAA;QACM;MACmE;IAE1B;EAAA;AAChD;AACF,IAAAe,OAAA,qBACF,aAEJ;AAEA,IAAAV,QAAM,YAAAA,CAAWW,KAAQ;EAEzB,IAAM;IAAAV,aAAc;EAAA,IAAAU,KAAgB;EAClC,OACE,eAAArD,KAAA,CAAAmC,UAAA;IAACQ,aAAA,EAAAA,aAAA;IAAAW,YAAA,EAAAF,OAAA;IAAAX,QACC,GACA,eAAc3C,IAAA,CAAAqC,UAAS,CAAAoB,IAAA;MAEvBZ,aAAA;MAAAF,QAAA,EAAAW,OAAA,CAAAI,GAAC,WAAW1C,IAAA,EAAX2C,KAAgB;QAEZ,sBAAW3D,IAAA,CAAAqC,UAAA,CAAAuB,GAAA;UAAXC,KAAA,EAAA7C,IAAA;UAEC8C,WAAO;YACP1C,eAAe;UAEd;UAAAuB,QAAA,EAAA3B;QAJI,GAAA2C,KAAA;MAKP,CACD;IACH,EACC,EAIAL,OAAA,CAAAI,GAAA,WAAA1C,IAAA,EAAA2C,KAAA;MAAA,sBAAA3D,IAAA,CAAAqC,UAAA,CAAA0B,OAAA;QACHF,KAAA,EAAA7C,IAAA;QAEJ2B,QAAA,EAAA3B","ignoreList":[]}