@tamagui/demos 2.7.7 → 3.0.0-beta.637.1

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","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":[]}
+{"version":3,"file":"TabsAdvancedDemo.js","names":[],"sources":["esm/TabsAdvancedDemo.js"],"sourcesContent":["import React from \"react\";\nimport {\n  AnimatePresence,\n  Button,\n  H5,\n  SizableText,\n  Tabs,\n  XStack,\n  YStack,\n  styled\n} from \"tamagui\";\nimport { Fragment, jsx, jsxs } from \"react/jsx-runtime\";\nconst demos = [\"background\", \"underline\"];\nconst demosTitle = {\n  background: \"Background Indicator\",\n  underline: \"Underline Indicator\"\n};\nconst TabsAdvancedDemo = () => {\n  const [demoIndex, setDemoIndex] = React.useState(0);\n  const demo = demos[demoIndex];\n  return /* @__PURE__ */ jsxs(Fragment, { children: [\n    demo === \"underline\" ? /* @__PURE__ */ jsx(TabsAdvancedUnderline, {}) : /* @__PURE__ */ jsx(TabsAdvancedBackground, {}),\n    /* @__PURE__ */ jsx(XStack, { items: \"center\", gap: \"4\", position: \"absolute\", b: \"3\", l: \"4\", display: \"xxs:none\", children: /* @__PURE__ */ jsx(Button, { size: \"2\", onPress: () => setDemoIndex((x) => (x + 1) % demos.length), children: demosTitle[demo] }) })\n  ] });\n};\nconst TabsAdvancedBackground = () => {\n  const [tabState, setTabState] = React.useState({\n    activeAt: null,\n    currentTab: \"tab1\",\n    intentAt: null,\n    prevActiveAt: null\n  });\n  const setCurrentTab = (currentTab2) => setTabState({ ...tabState, currentTab: currentTab2 });\n  const setIntentIndicator = (intentAt2) => setTabState({ ...tabState, intentAt: intentAt2 });\n  const setActiveIndicator = (activeAt2) => setTabState({ ...tabState, prevActiveAt: tabState.activeAt, activeAt: activeAt2 });\n  const { activeAt, intentAt, prevActiveAt, currentTab } = tabState;\n  const direction = (() => {\n    if (!activeAt || !prevActiveAt || activeAt.x === prevActiveAt.x) {\n      return 0;\n    }\n    return activeAt.x > prevActiveAt.x ? -1 : 1;\n  })();\n  const handleOnInteraction = (type, layout) => {\n    if (type === \"select\") {\n      setActiveIndicator(layout);\n    } else {\n      setIntentIndicator(layout);\n    }\n  };\n  return /* @__PURE__ */ jsxs(\n    Tabs,\n    {\n      value: currentTab,\n      onValueChange: setCurrentTab,\n      orientation: \"horizontal\",\n      size: \"4\",\n      p: \"2\",\n      height: 150,\n      flexDirection: \"column\",\n      bg: \"background\",\n      rounded: \"4\",\n      activationMode: \"manual\",\n      children: [\n        /* @__PURE__ */ jsx(AnimatePresence, { children: intentAt && /* @__PURE__ */ jsx(\n          TabsRovingIndicator,\n          {\n            rounded: \"4\",\n            width: intentAt.width,\n            height: intentAt.height,\n            x: intentAt.x,\n            y: intentAt.y\n          }\n        ) }),\n        /* @__PURE__ */ jsx(AnimatePresence, { children: activeAt && /* @__PURE__ */ jsx(\n          TabsRovingIndicator,\n          {\n            rounded: \"4\",\n            theme: \"accent\",\n            width: activeAt.width,\n            height: activeAt.height,\n            x: activeAt.x,\n            y: activeAt.y\n          }\n        ) }),\n        /* @__PURE__ */ jsx(YStack, { position: \"relative\", children: /* @__PURE__ */ jsxs(\n          Tabs.List,\n          {\n            loop: false,\n            \"aria-label\": \"Manage your account\",\n            gap: \"2\",\n            backgroundColor: \"transparent\",\n            children: [\n              /* @__PURE__ */ jsx(\n                Tabs.Tab,\n                {\n                  unstyled: true,\n                  paddingHorizontal: \"3\",\n                  value: \"tab1\",\n                  onInteraction: handleOnInteraction,\n                  children: /* @__PURE__ */ jsx(SizableText, { children: \"Profile\" })\n                }\n              ),\n              /* @__PURE__ */ jsx(\n                Tabs.Tab,\n                {\n                  unstyled: true,\n                  paddingHorizontal: \"3\",\n                  value: \"tab2\",\n                  onInteraction: handleOnInteraction,\n                  children: /* @__PURE__ */ jsx(SizableText, { children: \"Connections\" })\n                }\n              ),\n              /* @__PURE__ */ jsx(\n                Tabs.Tab,\n                {\n                  unstyled: true,\n                  paddingHorizontal: \"3\",\n                  value: \"tab3\",\n                  onInteraction: handleOnInteraction,\n                  children: /* @__PURE__ */ jsx(SizableText, { children: \"Notifications\" })\n                }\n              )\n            ]\n          }\n        ) }),\n        /* @__PURE__ */ jsx(AnimatePresence, { mode: \"wait\", custom: { direction }, initial: false, children: /* @__PURE__ */ jsx(AnimatedYStack, { children: /* @__PURE__ */ jsx(Tabs.Content, { value: currentTab, forceMount: true, flex: 1, justify: \"center\", children: /* @__PURE__ */ jsx(H5, { text: \"center\", children: currentTab }) }) }, currentTab) })\n      ]\n    }\n  );\n};\nconst TabsAdvancedUnderline = () => {\n  const [tabState, setTabState] = React.useState({\n    activeAt: null,\n    currentTab: \"tab1\",\n    intentAt: null,\n    prevActiveAt: null\n  });\n  const setCurrentTab = (currentTab2) => setTabState({ ...tabState, currentTab: currentTab2 });\n  const setIntentIndicator = (intentAt2) => setTabState({ ...tabState, intentAt: intentAt2 });\n  const setActiveIndicator = (activeAt2) => setTabState({ ...tabState, prevActiveAt: tabState.activeAt, activeAt: activeAt2 });\n  const { activeAt, intentAt, prevActiveAt, currentTab } = tabState;\n  const direction = (() => {\n    if (!activeAt || !prevActiveAt || activeAt.x === prevActiveAt.x) {\n      return 0;\n    }\n    return activeAt.x > prevActiveAt.x ? -1 : 1;\n  })();\n  const handleOnInteraction = (type, layout) => {\n    if (type === \"select\") {\n      setActiveIndicator(layout);\n    } else {\n      setIntentIndicator(layout);\n    }\n  };\n  return /* @__PURE__ */ jsxs(\n    Tabs,\n    {\n      value: currentTab,\n      onValueChange: setCurrentTab,\n      orientation: \"horizontal\",\n      size: \"4\",\n      height: 150,\n      flexDirection: \"column\",\n      bg: \"background\",\n      rounded: \"4\",\n      activationMode: \"manual\",\n      children: [\n        /* @__PURE__ */ jsxs(YStack, { position: \"relative\", children: [\n          /* @__PURE__ */ jsx(AnimatePresence, { children: intentAt && /* @__PURE__ */ jsx(\n            TabsRovingIndicator,\n            {\n              width: intentAt.width,\n              height: \"0-5\",\n              x: intentAt.x,\n              b: 0\n            }\n          ) }),\n          /* @__PURE__ */ jsx(AnimatePresence, { children: activeAt && /* @__PURE__ */ jsx(\n            TabsRovingIndicator,\n            {\n              theme: \"accent\",\n              active: true,\n              width: activeAt.width,\n              height: \"0-5\",\n              x: activeAt.x,\n              b: 0\n            }\n          ) }),\n          /* @__PURE__ */ jsxs(\n            Tabs.List,\n            {\n              loop: false,\n              \"aria-label\": \"Manage your account\",\n              borderBottomLeftRadius: 0,\n              borderBottomRightRadius: 0,\n              paddingBottom: \"1-5\",\n              borderColor: \"color3\",\n              borderBottomWidth: \"0-5\",\n              backgroundColor: \"transparent\",\n              children: [\n                /* @__PURE__ */ jsx(\n                  Tabs.Tab,\n                  {\n                    unstyled: true,\n                    paddingHorizontal: \"3\",\n                    value: \"tab1\",\n                    onInteraction: handleOnInteraction,\n                    children: /* @__PURE__ */ jsx(SizableText, { select: \"none\", cursor: \"default\", children: \"Profile\" })\n                  }\n                ),\n                /* @__PURE__ */ jsx(\n                  Tabs.Tab,\n                  {\n                    unstyled: true,\n                    paddingHorizontal: \"3\",\n                    value: \"tab2\",\n                    onInteraction: handleOnInteraction,\n                    children: /* @__PURE__ */ jsx(SizableText, { select: \"none\", cursor: \"default\", children: \"Connections\" })\n                  }\n                ),\n                /* @__PURE__ */ jsx(\n                  Tabs.Tab,\n                  {\n                    unstyled: true,\n                    paddingHorizontal: \"3\",\n                    value: \"tab3\",\n                    onInteraction: handleOnInteraction,\n                    children: /* @__PURE__ */ jsx(SizableText, { select: \"none\", cursor: \"default\", children: \"Notifications\" })\n                  }\n                )\n              ]\n            }\n          )\n        ] }),\n        /* @__PURE__ */ jsx(AnimatePresence, { mode: \"wait\", custom: { direction }, initial: false, children: /* @__PURE__ */ jsx(AnimatedYStack, { children: /* @__PURE__ */ jsx(\n          Tabs.Content,\n          {\n            value: currentTab,\n            forceMount: true,\n            flex: 1,\n            justify: \"center\",\n            flexBasis: \"auto\",\n            children: /* @__PURE__ */ jsx(H5, { text: \"center\", children: currentTab })\n          }\n        ) }, currentTab) })\n      ]\n    }\n  );\n};\nconst TabsRovingIndicator = ({ active, ...props }) => {\n  return /* @__PURE__ */ jsx(\n    YStack,\n    {\n      position: \"absolute\",\n      backgroundColor: \"color5\",\n      opacity: \"0.7 enter:0 exit:0\",\n      transition: \"100ms\",\n      ...active && { backgroundColor: \"color5\", opacity: 0.6 },\n      ...props\n    }\n  );\n};\nconst AnimatedYStack = styled(YStack, {\n  flex: 1,\n  x: 0,\n  opacity: 1,\n  transition: \"100ms\",\n  variants: {\n    // 1 = right, 0 = nowhere, -1 = left\n    direction: {\n      number: (direction) => ({\n        x: `enter:${direction > 0 ? -25 : 25}px exit:${direction < 0 ? -25 : 25}px`,\n        opacity: \"enter:0 exit:0\",\n        zIndex: \"exit:0\"\n      })\n    }\n  }\n});\nexport {\n  TabsAdvancedDemo\n};\n//# sourceMappingURL=TabsAdvancedDemo.js.map\n"],"mappings":";;;;;AAYA,MAAM,QAAQ,CAAC,cAAc,WAAW;AACxC,MAAM,aAAa;CACjB,YAAY;CACZ,WAAW;AACb;AACA,MAAM,yBAAyB;CAC7B,MAAM,CAAC,WAAW,gBAAgB,MAAM,SAAS,CAAC;CAClD,MAAM,OAAO,MAAM;CACnB,OAAuB,qBAAK,UAAU,EAAE,UAAU,CAChD,SAAS,cAA8B,oBAAI,uBAAuB,CAAC,CAAC,IAAoB,oBAAI,wBAAwB,CAAC,CAAC,GACtG,oBAAI,QAAQ;EAAE,OAAO;EAAU,KAAK;EAAK,UAAU;EAAY,GAAG;EAAK,GAAG;EAAK,SAAS;EAAY,UAA0B,oBAAI,QAAQ;GAAE,MAAM;GAAK,eAAe,cAAc,OAAO,IAAI,KAAK,MAAM,MAAM;GAAG,UAAU,WAAW;EAAM,CAAC;CAAE,CAAC,CACpQ,EAAE,CAAC;AACL;AACA,MAAM,+BAA+B;CACnC,MAAM,CAAC,UAAU,eAAe,MAAM,SAAS;EAC7C,UAAU;EACV,YAAY;EACZ,UAAU;EACV,cAAc;CAChB,CAAC;CACD,MAAM,iBAAiB,gBAAgB,YAAY;EAAE,GAAG;EAAU,YAAY;CAAY,CAAC;CAC3F,MAAM,sBAAsB,cAAc,YAAY;EAAE,GAAG;EAAU,UAAU;CAAU,CAAC;CAC1F,MAAM,sBAAsB,cAAc,YAAY;EAAE,GAAG;EAAU,cAAc,SAAS;EAAU,UAAU;CAAU,CAAC;CAC3H,MAAM,EAAE,UAAU,UAAU,cAAc,eAAe;CACzD,MAAM,mBAAmB;EACvB,IAAI,CAAC,YAAY,CAAC,gBAAgB,SAAS,MAAM,aAAa,GAAG;GAC/D,OAAO;EACT;EACA,OAAO,SAAS,IAAI,aAAa,IAAI,CAAC,IAAI;CAC5C,GAAG;CACH,MAAM,uBAAuB,MAAM,WAAW;EAC5C,IAAI,SAAS,UAAU;GACrB,mBAAmB,MAAM;EAC3B,OAAO;GACL,mBAAmB,MAAM;EAC3B;CACF;CACA,OAAuB,qBACrB,MACA;EACE,OAAO;EACP,eAAe;EACf,aAAa;EACb,MAAM;EACN,GAAG;EACH,QAAQ;EACR,eAAe;EACf,IAAI;EACJ,SAAS;EACT,gBAAgB;EAChB,UAAU;GACQ,oBAAI,iBAAiB,EAAE,UAAU,YAA4B,oBAC3E,qBACA;IACE,SAAS;IACT,OAAO,SAAS;IAChB,QAAQ,SAAS;IACjB,GAAG,SAAS;IACZ,GAAG,SAAS;GACd,CACF,EAAE,CAAC;GACa,oBAAI,iBAAiB,EAAE,UAAU,YAA4B,oBAC3E,qBACA;IACE,SAAS;IACT,OAAO;IACP,OAAO,SAAS;IAChB,QAAQ,SAAS;IACjB,GAAG,SAAS;IACZ,GAAG,SAAS;GACd,CACF,EAAE,CAAC;GACa,oBAAI,QAAQ;IAAE,UAAU;IAAY,UAA0B,qBAC5E,KAAK,MACL;KACE,MAAM;KACN,cAAc;KACd,KAAK;KACL,iBAAiB;KACjB,UAAU;MACQ,oBACd,KAAK,KACL;OACE,UAAU;OACV,mBAAmB;OACnB,OAAO;OACP,eAAe;OACf,UAA0B,oBAAI,aAAa,EAAE,UAAU,UAAU,CAAC;MACpE,CACF;MACgB,oBACd,KAAK,KACL;OACE,UAAU;OACV,mBAAmB;OACnB,OAAO;OACP,eAAe;OACf,UAA0B,oBAAI,aAAa,EAAE,UAAU,cAAc,CAAC;MACxE,CACF;MACgB,oBACd,KAAK,KACL;OACE,UAAU;OACV,mBAAmB;OACnB,OAAO;OACP,eAAe;OACf,UAA0B,oBAAI,aAAa,EAAE,UAAU,gBAAgB,CAAC;MAC1E,CACF;KACF;IACF,CACF;GAAE,CAAC;GACa,oBAAI,iBAAiB;IAAE,MAAM;IAAQ,QAAQ,EAAE,UAAU;IAAG,SAAS;IAAO,UAA0B,oBAAI,gBAAgB,EAAE,UAA0B,oBAAI,KAAK,SAAS;KAAE,OAAO;KAAY,YAAY;KAAM,MAAM;KAAG,SAAS;KAAU,UAA0B,oBAAI,IAAI;MAAE,MAAM;MAAU,UAAU;KAAW,CAAC;IAAE,CAAC,EAAE,GAAG,UAAU;GAAE,CAAC;EAC5V;CACF,CACF;AACF;AACA,MAAM,8BAA8B;CAClC,MAAM,CAAC,UAAU,eAAe,MAAM,SAAS;EAC7C,UAAU;EACV,YAAY;EACZ,UAAU;EACV,cAAc;CAChB,CAAC;CACD,MAAM,iBAAiB,gBAAgB,YAAY;EAAE,GAAG;EAAU,YAAY;CAAY,CAAC;CAC3F,MAAM,sBAAsB,cAAc,YAAY;EAAE,GAAG;EAAU,UAAU;CAAU,CAAC;CAC1F,MAAM,sBAAsB,cAAc,YAAY;EAAE,GAAG;EAAU,cAAc,SAAS;EAAU,UAAU;CAAU,CAAC;CAC3H,MAAM,EAAE,UAAU,UAAU,cAAc,eAAe;CACzD,MAAM,mBAAmB;EACvB,IAAI,CAAC,YAAY,CAAC,gBAAgB,SAAS,MAAM,aAAa,GAAG;GAC/D,OAAO;EACT;EACA,OAAO,SAAS,IAAI,aAAa,IAAI,CAAC,IAAI;CAC5C,GAAG;CACH,MAAM,uBAAuB,MAAM,WAAW;EAC5C,IAAI,SAAS,UAAU;GACrB,mBAAmB,MAAM;EAC3B,OAAO;GACL,mBAAmB,MAAM;EAC3B;CACF;CACA,OAAuB,qBACrB,MACA;EACE,OAAO;EACP,eAAe;EACf,aAAa;EACb,MAAM;EACN,QAAQ;EACR,eAAe;EACf,IAAI;EACJ,SAAS;EACT,gBAAgB;EAChB,UAAU,CACQ,qBAAK,QAAQ;GAAE,UAAU;GAAY,UAAU;IAC7C,oBAAI,iBAAiB,EAAE,UAAU,YAA4B,oBAC3E,qBACA;KACE,OAAO,SAAS;KAChB,QAAQ;KACR,GAAG,SAAS;KACZ,GAAG;IACL,CACF,EAAE,CAAC;IACa,oBAAI,iBAAiB,EAAE,UAAU,YAA4B,oBAC3E,qBACA;KACE,OAAO;KACP,QAAQ;KACR,OAAO,SAAS;KAChB,QAAQ;KACR,GAAG,SAAS;KACZ,GAAG;IACL,CACF,EAAE,CAAC;IACa,qBACd,KAAK,MACL;KACE,MAAM;KACN,cAAc;KACd,wBAAwB;KACxB,yBAAyB;KACzB,eAAe;KACf,aAAa;KACb,mBAAmB;KACnB,iBAAiB;KACjB,UAAU;MACQ,oBACd,KAAK,KACL;OACE,UAAU;OACV,mBAAmB;OACnB,OAAO;OACP,eAAe;OACf,UAA0B,oBAAI,aAAa;QAAE,QAAQ;QAAQ,QAAQ;QAAW,UAAU;OAAU,CAAC;MACvG,CACF;MACgB,oBACd,KAAK,KACL;OACE,UAAU;OACV,mBAAmB;OACnB,OAAO;OACP,eAAe;OACf,UAA0B,oBAAI,aAAa;QAAE,QAAQ;QAAQ,QAAQ;QAAW,UAAU;OAAc,CAAC;MAC3G,CACF;MACgB,oBACd,KAAK,KACL;OACE,UAAU;OACV,mBAAmB;OACnB,OAAO;OACP,eAAe;OACf,UAA0B,oBAAI,aAAa;QAAE,QAAQ;QAAQ,QAAQ;QAAW,UAAU;OAAgB,CAAC;MAC7G,CACF;KACF;IACF,CACF;GACF;EAAE,CAAC,GACa,oBAAI,iBAAiB;GAAE,MAAM;GAAQ,QAAQ,EAAE,UAAU;GAAG,SAAS;GAAO,UAA0B,oBAAI,gBAAgB,EAAE,UAA0B,oBACpK,KAAK,SACL;IACE,OAAO;IACP,YAAY;IACZ,MAAM;IACN,SAAS;IACT,WAAW;IACX,UAA0B,oBAAI,IAAI;KAAE,MAAM;KAAU,UAAU;IAAW,CAAC;GAC5E,CACF,EAAE,GAAG,UAAU;EAAE,CAAC,CACpB;CACF,CACF;AACF;AACA,MAAM,uBAAuB,EAAE,QAAQ,GAAG,YAAY;CACpD,OAAuB,oBACrB,QACA;EACE,UAAU;EACV,iBAAiB;EACjB,SAAS;EACT,YAAY;EACZ,GAAG,UAAU;GAAE,iBAAiB;GAAU,SAAS;EAAI;EACvD,GAAG;CACL,CACF;AACF;AACA,MAAM,iBAAiB,OAAO,QAAQ;CACpC,MAAM;CACN,GAAG;CACH,SAAS;CACT,YAAY;CACZ,UAAU,EAER,WAAW,EACT,SAAS,eAAe;EACtB,GAAG,SAAS,YAAY,IAAI,CAAC,KAAK,GAAG,UAAU,YAAY,IAAI,CAAC,KAAK,GAAG;EACxE,SAAS;EACT,QAAQ;CACV,GACF,EACF;AACF,CAAC"}