@tamagui/web 1.14.1 → 1.14.2

package/dist/cjs/views/Slot.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/views/Slot.tsx"],
   "sourcesContent": ["// via radix\n\nimport { composeRefs } from '@tamagui/compose-refs'\nimport { isWeb } from '@tamagui/constants'\nimport { Children, ReactNode, cloneElement, forwardRef, isValidElement } from 'react'\n\n/* -------------------------------------------------------------------------------------------------\n * Slot\n * -----------------------------------------------------------------------------------------------*/\n\ninterface SlotProps {\n  children: ReactNode\n}\n\nexport const Slot = forwardRef<any, SlotProps>(function Slot(props, forwardedRef) {\n  const { children, ...slotProps } = props\n\n  if (isValidElement(children)) {\n    const childProps = {\n      ...mergeSlotProps(children, slotProps),\n      ref: composeRefs(forwardedRef, (children as any).ref),\n    }\n    return cloneElement(children, childProps)\n  }\n\n  return Children.count(children) > 1 ? Children.only(null) : null\n})\n\n/* -------------------------------------------------------------------------------------------------\n * Slottable\n * -----------------------------------------------------------------------------------------------*/\n\nexport const Slottable = ({ children }: { children: ReactNode }) => {\n  return <>{children}</>\n}\n\n/* ---------------------------------------------------------------------------------------------- */\n\nconst pressMap = isWeb\n  ? {\n      onPress: 'onClick',\n      onPressOut: 'onMouseUp',\n      onPressIn: 'onMouseDown',\n    }\n  : {}\n\nfunction mergeSlotProps(child: any, slotProps: Record<string, any>) {\n  const childProps = child.props\n\n  // all child props should override\n  const overrideProps = { ...childProps }\n  const isHTMLChild = typeof child.type === 'string'\n\n  if (isHTMLChild) {\n    for (const key in pressMap) {\n      if (key in slotProps) {\n        slotProps[pressMap[key]] = slotProps[key]\n        delete slotProps[key]\n      }\n    }\n  }\n\n  for (let propName in childProps) {\n    const slotPropValue = slotProps[propName]\n    const childPropValue = childProps[propName]\n\n    if (isHTMLChild && pressMap[propName]) {\n      propName = pressMap[propName]\n      delete overrideProps[propName]\n    }\n\n    const isHandler = handleRegex.test(propName)\n    // if it's a handler, modify the override by composing the base handler\n    if (isHandler) {\n      overrideProps[propName] = mergeEvent(childPropValue, slotPropValue)\n    }\n    // if it's `style`, we merge them\n    else if (propName === 'style') {\n      overrideProps[propName] = { ...slotPropValue, ...childPropValue }\n    } else if (propName === 'className') {\n      overrideProps[propName] = [slotPropValue, childPropValue].filter(Boolean).join(' ')\n    }\n  }\n\n  return { ...slotProps, ...overrideProps }\n}\n\nconst handleRegex = /^on[A-Z]/\n\nexport function mergeEvent(a?: Function, b?: Function) {\n  return (...args: unknown[]) => {\n    a?.(...args)\n    b?.(...args)\n  }\n}\n"],
-  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,UAAAE,EAAA,cAAAC,EAAA,eAAAC,IAAA,eAAAC,EAAAL,GAiCS,IAAAM,EAAA,6BA/BTC,EAA4B,iCAC5BC,EAAsB,8BACtBC,EAA8E,iBAUvE,MAAMP,KAAO,cAA2B,SAAcQ,EAAOC,EAAc,CAChF,KAAM,CAAE,SAAAC,EAAU,GAAGC,CAAU,EAAIH,EAEnC,MAAI,kBAAeE,CAAQ,EAAG,CAC5B,MAAME,EAAa,CACjB,GAAGC,EAAeH,EAAUC,CAAS,EACrC,OAAK,eAAYF,EAAeC,EAAiB,GAAG,CACtD,EACA,SAAO,gBAAaA,EAAUE,CAAU,CAC1C,CAEA,OAAO,WAAS,MAAMF,CAAQ,EAAI,EAAI,WAAS,KAAK,IAAI,EAAI,IAC9D,CAAC,EAMYT,EAAY,CAAC,CAAE,SAAAS,CAAS,OAC5B,mBAAG,SAAAA,EAAS,EAKfI,EAAW,QACb,CACE,QAAS,UACT,WAAY,YACZ,UAAW,aACb,EACA,CAAC,EAEL,SAASD,EAAeE,EAAYJ,EAAgC,CAClE,MAAMC,EAAaG,EAAM,MAGnBC,EAAgB,CAAE,GAAGJ,CAAW,EAChCK,EAAc,OAAOF,EAAM,MAAS,SAE1C,GAAIE,EACF,UAAWC,KAAOJ,EACZI,KAAOP,IACTA,EAAUG,EAASI,CAAG,CAAC,EAAIP,EAAUO,CAAG,EACxC,OAAOP,EAAUO,CAAG,GAK1B,QAASC,KAAYP,EAAY,CAC/B,MAAMQ,EAAgBT,EAAUQ,CAAQ,EAClCE,EAAiBT,EAAWO,CAAQ,EAEtCF,GAAeH,EAASK,CAAQ,IAClCA,EAAWL,EAASK,CAAQ,EAC5B,OAAOH,EAAcG,CAAQ,GAGbG,EAAY,KAAKH,CAAQ,EAGzCH,EAAcG,CAAQ,EAAIjB,EAAWmB,EAAgBD,CAAa,EAG3DD,IAAa,QACpBH,EAAcG,CAAQ,EAAI,CAAE,GAAGC,EAAe,GAAGC,CAAe,EACvDF,IAAa,cACtBH,EAAcG,CAAQ,EAAI,CAACC,EAAeC,CAAc,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,EAEtF,CAEA,MAAO,CAAE,GAAGV,EAAW,GAAGK,CAAc,CAC1C,CAEA,MAAMM,EAAc,WAEb,SAASpB,EAAWqB,EAAcC,EAAc,CACrD,MAAO,IAAIC,IAAoB,CAC7BF,GAAA,MAAAA,EAAI,GAAGE,GACPD,GAAA,MAAAA,EAAI,GAAGC,EACT,CACF",
-  "names": ["Slot_exports", "__export", "Slot", "Slottable", "mergeEvent", "__toCommonJS", "import_jsx_runtime", "import_compose_refs", "import_constants", "import_react", "props", "forwardedRef", "children", "slotProps", "childProps", "mergeSlotProps", "pressMap", "child", "overrideProps", "isHTMLChild", "key", "propName", "slotPropValue", "childPropValue", "handleRegex", "a", "b", "args"]
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAiCS;AA/BT,0BAA4B;AAC5B,uBAAsB;AACtB,mBAA8E;AAUvE,MAAM,WAAO,yBAA2B,SAASA,MAAK,OAAO,cAAc;AAChF,QAAM,EAAE,UAAU,GAAG,UAAU,IAAI;AAEnC,UAAI,6BAAe,QAAQ,GAAG;AAC5B,UAAM,aAAa;AAAA,MACjB,GAAG,eAAe,UAAU,SAAS;AAAA,MACrC,SAAK,iCAAY,cAAe,SAAiB,GAAG;AAAA,IACtD;AACA,eAAO,2BAAa,UAAU,UAAU;AAAA,EAC1C;AAEA,SAAO,sBAAS,MAAM,QAAQ,IAAI,IAAI,sBAAS,KAAK,IAAI,IAAI;AAC9D,CAAC;AAMM,MAAM,YAAY,CAAC,EAAE,SAAS,MAA+B;AAClE,SAAO,2EAAG,UAAS;AACrB;AAIA,MAAM,WAAW,yBACb;AAAA,EACE,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,WAAW;AACb,IACA,CAAC;AAEL,SAAS,eAAe,OAAY,WAAgC;AAClE,QAAM,aAAa,MAAM;AAGzB,QAAM,gBAAgB,EAAE,GAAG,WAAW;AACtC,QAAM,cAAc,OAAO,MAAM,SAAS;AAE1C,MAAI,aAAa;AACf,eAAW,OAAO,UAAU;AAC1B,UAAI,OAAO,WAAW;AACpB,kBAAU,SAAS,GAAG,CAAC,IAAI,UAAU,GAAG;AACxC,eAAO,UAAU,GAAG;AAAA,MACtB;AAAA,IACF;AAAA,EACF;AAEA,WAAS,YAAY,YAAY;AAC/B,UAAM,gBAAgB,UAAU,QAAQ;AACxC,UAAM,iBAAiB,WAAW,QAAQ;AAE1C,QAAI,eAAe,SAAS,QAAQ,GAAG;AACrC,iBAAW,SAAS,QAAQ;AAC5B,aAAO,cAAc,QAAQ;AAAA,IAC/B;AAEA,UAAM,YAAY,YAAY,KAAK,QAAQ;AAE3C,QAAI,WAAW;AACb,oBAAc,QAAQ,IAAI,WAAW,gBAAgB,aAAa;AAAA,IACpE,WAES,aAAa,SAAS;AAC7B,oBAAc,QAAQ,IAAI,EAAE,GAAG,eAAe,GAAG,eAAe;AAAA,IAClE,WAAW,aAAa,aAAa;AACnC,oBAAc,QAAQ,IAAI,CAAC,eAAe,cAAc,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAAA,IACpF;AAAA,EACF;AAEA,SAAO,EAAE,GAAG,WAAW,GAAG,cAAc;AAC1C;AAEA,MAAM,cAAc;AAEb,SAAS,WAAW,GAAc,GAAc;AACrD,SAAO,IAAI,SAAoB;AAC7B,2BAAI,GAAG;AACP,2BAAI,GAAG;AAAA,EACT;AACF;",
+  "names": ["Slot"]
 }

package/dist/cjs/views/Stack.js

@@ -1,2 +1,38 @@
-"use strict";var c=Object.defineProperty;var m=Object.getOwnPropertyDescriptor;var n=Object.getOwnPropertyNames;var k=Object.prototype.hasOwnProperty;var S=(o,t)=>{for(var a in t)c(o,a,{get:t[a],enumerable:!0})},f=(o,t,a,p)=>{if(t&&typeof t=="object"||typeof t=="function")for(let e of n(t))!k.call(o,e)&&e!==a&&c(o,e,{get:()=>t[e],enumerable:!(p=m(t,e))||p.enumerable});return o};var l=o=>f(c({},"__esModule",{value:!0}),o);var i={};S(i,{Stack:()=>P});module.exports=l(i);var r=require("../constants/constants.js"),s=require("../createComponent.js");const P=(0,s.createComponent)({componentName:"Stack",acceptsClassName:!0,defaultProps:{...r.stackDefaultStyles,flexDirection:"column"}});0&&(module.exports={Stack});
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var Stack_exports = {};
+__export(Stack_exports, {
+  Stack: () => Stack
+});
+module.exports = __toCommonJS(Stack_exports);
+var import_constants = require("../constants/constants.js");
+var import_createComponent = require("../createComponent.js");
+const Stack = (0, import_createComponent.createComponent)({
+  componentName: "Stack",
+  acceptsClassName: true,
+  defaultProps: {
+    ...import_constants.stackDefaultStyles,
+    flexDirection: "column"
+  }
+});
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Stack
+});
 //# sourceMappingURL=Stack.js.map

package/dist/cjs/views/Stack.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/views/Stack.tsx"],
   "sourcesContent": ["import { stackDefaultStyles } from '../constants/constants.js'\nimport { createComponent } from '../createComponent.js'\nimport type { StackProps, StackPropsBase } from '../types.js'\n\nexport const Stack = createComponent<\n  StackProps,\n  React.Component<StackProps>,\n  StackPropsBase\n>({\n  componentName: 'Stack',\n  acceptsClassName: true,\n  defaultProps: {\n    ...stackDefaultStyles,\n    flexDirection: 'column',\n  },\n})\n\n// test types\n// export const YStack = styled(Stack, {\n//   flexDirection: 'column',\n// })\n// // test types\n// const x00 = <Stack missing={0} /> // should err\n// const x0 = <YStack missing={0} /> // should err\n// const x1 = (props: StackProps) => <YStack {...props} />\n// type ys = typeof YStack\n// type ysv = ys extends StaticComponent<any, infer V> ? V : unknown\n"],
-  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,WAAAE,IAAA,eAAAC,EAAAH,GAAA,IAAAI,EAAmC,qCACnCC,EAAgC,iCAGzB,MAAMH,KAAQ,mBAInB,CACA,cAAe,QACf,iBAAkB,GAClB,aAAc,CACZ,GAAG,qBACH,cAAe,QACjB,CACF,CAAC",
-  "names": ["Stack_exports", "__export", "Stack", "__toCommonJS", "import_constants", "import_createComponent"]
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,uBAAmC;AACnC,6BAAgC;AAGzB,MAAM,YAAQ,wCAInB;AAAA,EACA,eAAe;AAAA,EACf,kBAAkB;AAAA,EAClB,cAAc;AAAA,IACZ,GAAG;AAAA,IACH,eAAe;AAAA,EACjB;AACF,CAAC;",
+  "names": []
 }

package/dist/cjs/views/TamaguiProvider.js

@@ -1,2 +1,91 @@
-"use strict";var C=Object.create;var n=Object.defineProperty;var h=Object.getOwnPropertyDescriptor;var c=Object.getOwnPropertyNames;var f=Object.getPrototypeOf,T=Object.prototype.hasOwnProperty;var P=(e,o)=>{for(var t in o)n(e,t,{get:o[t],enumerable:!0})},a=(e,o,t,i)=>{if(o&&typeof o=="object"||typeof o=="function")for(let r of c(o))!T.call(e,r)&&r!==t&&n(e,r,{get:()=>o[r],enumerable:!(i=h(o,r))||i.enumerable});return e};var x=(e,o,t)=>(t=e!=null?C(f(e)):{},a(o||!e||!e.__esModule?n(t,"default",{value:e,enumerable:!0}):t,e)),y=e=>a(n({},"__esModule",{value:!0}),e);var b={};P(b,{TamaguiProvider:()=>R});module.exports=y(b);var s=require("react/jsx-runtime"),m=require("@tamagui/constants"),N=x(require("react")),d=require("../contexts/ButtonNestingContext.js"),u=require("../contexts/TextAncestorContext.js"),l=require("../hooks/useMedia.js"),p=require("./ThemeProvider.js"),v=require("../contexts/AnimationDriverContext.js");function R({children:e,disableInjectCSS:o,config:t,...i}){return m.isRSC?(0,s.jsx)("span",{style:{display:"contents"},className:`t_${Object.keys(t.themes)[0]||"light"}`,children:e}):(m.isWeb&&m.isServer||(0,l.useMediaListeners)(t),m.isClient&&N.useLayoutEffect(()=>{if(document.documentElement.classList.contains("t_unmounted")&&document.documentElement.classList.remove("t_unmounted"),o)return;const r=document.createElement("style");return r.appendChild(document.createTextNode(t.getCSS())),document.head.appendChild(r),()=>{document.head.removeChild(r)}},[t,o]),(0,s.jsx)(d.ButtonNestingContext.Provider,{value:!1,children:(0,s.jsx)(u.TextAncestorContext.Provider,{value:!1,children:(0,s.jsx)(v.AnimationDriverContext.Provider,{value:t.animations,children:(0,s.jsx)(p.ThemeProvider,{themeClassNameOnRoot:t.themeClassNameOnRoot,disableRootThemeClass:t.disableRootThemeClass,...i,defaultTheme:i.defaultTheme??Object.keys(t.themes)[0],children:e})})})}))}0&&(module.exports={TamaguiProvider});
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var TamaguiProvider_exports = {};
+__export(TamaguiProvider_exports, {
+  TamaguiProvider: () => TamaguiProvider
+});
+module.exports = __toCommonJS(TamaguiProvider_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_constants = require("@tamagui/constants");
+var React = __toESM(require("react"));
+var import_ButtonNestingContext = require("../contexts/ButtonNestingContext.js");
+var import_TextAncestorContext = require("../contexts/TextAncestorContext.js");
+var import_useMedia = require("../hooks/useMedia.js");
+var import_ThemeProvider = require("./ThemeProvider.js");
+var import_AnimationDriverContext = require("../contexts/AnimationDriverContext.js");
+function TamaguiProvider({
+  children,
+  disableInjectCSS,
+  config,
+  ...themePropsProvider
+}) {
+  if (import_constants.isRSC) {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "span",
+      {
+        style: { display: "contents" },
+        className: `t_${Object.keys(config.themes)[0] || "light"}`,
+        children
+      }
+    );
+  }
+  if (!(import_constants.isWeb && import_constants.isServer)) {
+    (0, import_useMedia.useMediaListeners)(config);
+  }
+  if (import_constants.isClient) {
+    React.useLayoutEffect(() => {
+      if (document.documentElement.classList.contains("t_unmounted")) {
+        document.documentElement.classList.remove("t_unmounted");
+      }
+      if (disableInjectCSS)
+        return;
+      const style = document.createElement("style");
+      style.appendChild(document.createTextNode(config.getCSS()));
+      document.head.appendChild(style);
+      return () => {
+        document.head.removeChild(style);
+      };
+    }, [config, disableInjectCSS]);
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ButtonNestingContext.ButtonNestingContext.Provider, { value: false, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_TextAncestorContext.TextAncestorContext.Provider, { value: false, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_AnimationDriverContext.AnimationDriverContext.Provider, { value: config.animations, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_ThemeProvider.ThemeProvider,
+    {
+      themeClassNameOnRoot: config.themeClassNameOnRoot,
+      disableRootThemeClass: config.disableRootThemeClass,
+      ...themePropsProvider,
+      defaultTheme: themePropsProvider.defaultTheme ?? Object.keys(config.themes)[0],
+      children
+    }
+  ) }) }) });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  TamaguiProvider
+});
 //# sourceMappingURL=TamaguiProvider.js.map

package/dist/cjs/views/TamaguiProvider.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/views/TamaguiProvider.tsx"],
   "sourcesContent": ["import { isClient, isRSC, isServer, isWeb } from '@tamagui/constants'\nimport * as React from 'react'\n\nimport { ButtonNestingContext } from '../contexts/ButtonNestingContext.js'\nimport { TextAncestorContext } from '../contexts/TextAncestorContext.js'\nimport { useMediaListeners } from '../hooks/useMedia.js'\nimport type { TamaguiProviderProps } from '../types.js'\nimport { ThemeProvider } from './ThemeProvider.js'\nimport { AnimationDriverContext } from '../contexts/AnimationDriverContext.js'\n\nexport function TamaguiProvider({\n  children,\n  disableInjectCSS,\n  config,\n  ...themePropsProvider\n}: TamaguiProviderProps) {\n  if (isRSC) {\n    return (\n      <span\n        style={{ display: 'contents' }}\n        className={`t_${Object.keys(config.themes)[0] || 'light'}`}\n      >\n        {children}\n      </span>\n    )\n  }\n\n  if (!(isWeb && isServer)) {\n    useMediaListeners(config)\n  }\n\n  if (isClient) {\n    // inject CSS if asked to (not SSR compliant)\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    React.useLayoutEffect(() => {\n      // for easier support of hidden-until-js mount animations\n      // user must set t_unmounted on documentElement from SSR\n      if (document.documentElement.classList.contains('t_unmounted')) {\n        document.documentElement.classList.remove('t_unmounted')\n      }\n\n      if (disableInjectCSS) return\n      const style = document.createElement('style')\n      style.appendChild(document.createTextNode(config.getCSS()))\n      document.head.appendChild(style)\n      return () => {\n        document.head.removeChild(style)\n      }\n    }, [config, disableInjectCSS])\n  }\n\n  return (\n    <ButtonNestingContext.Provider value={false}>\n      <TextAncestorContext.Provider value={false}>\n        <AnimationDriverContext.Provider value={config.animations}>\n          <ThemeProvider\n            themeClassNameOnRoot={config.themeClassNameOnRoot}\n            disableRootThemeClass={config.disableRootThemeClass}\n            {...themePropsProvider}\n            defaultTheme={\n              themePropsProvider.defaultTheme ?? Object.keys(config.themes)[0]\n            }\n          >\n            {children}\n          </ThemeProvider>\n        </AnimationDriverContext.Provider>\n      </TextAncestorContext.Provider>\n    </ButtonNestingContext.Provider>\n  )\n}\n"],
-  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,qBAAAE,IAAA,eAAAC,EAAAH,GAkBM,IAAAI,EAAA,6BAlBNC,EAAiD,8BACjDC,EAAuB,oBAEvBC,EAAqC,+CACrCC,EAAoC,8CACpCC,EAAkC,gCAElCC,EAA8B,8BAC9BC,EAAuC,iDAEhC,SAAST,EAAgB,CAC9B,SAAAU,EACA,iBAAAC,EACA,OAAAC,EACA,GAAGC,CACL,EAAyB,CACvB,OAAI,WAEA,OAAC,QACC,MAAO,CAAE,QAAS,UAAW,EAC7B,UAAW,KAAK,OAAO,KAAKD,EAAO,MAAM,EAAE,CAAC,GAAK,UAEhD,SAAAF,EACH,GAIE,SAAS,eACb,qBAAkBE,CAAM,EAGtB,YAGFR,EAAM,gBAAgB,IAAM,CAO1B,GAJI,SAAS,gBAAgB,UAAU,SAAS,aAAa,GAC3D,SAAS,gBAAgB,UAAU,OAAO,aAAa,EAGrDO,EAAkB,OACtB,MAAMG,EAAQ,SAAS,cAAc,OAAO,EAC5C,OAAAA,EAAM,YAAY,SAAS,eAAeF,EAAO,OAAO,CAAC,CAAC,EAC1D,SAAS,KAAK,YAAYE,CAAK,EACxB,IAAM,CACX,SAAS,KAAK,YAAYA,CAAK,CACjC,CACF,EAAG,CAACF,EAAQD,CAAgB,CAAC,KAI7B,OAAC,uBAAqB,SAArB,CAA8B,MAAO,GACpC,mBAAC,sBAAoB,SAApB,CAA6B,MAAO,GACnC,mBAAC,yBAAuB,SAAvB,CAAgC,MAAOC,EAAO,WAC7C,mBAAC,iBACC,qBAAsBA,EAAO,qBAC7B,sBAAuBA,EAAO,sBAC7B,GAAGC,EACJ,aACEA,EAAmB,cAAgB,OAAO,KAAKD,EAAO,MAAM,EAAE,CAAC,EAGhE,SAAAF,EACH,EACF,EACF,EACF,EAEJ",
-  "names": ["TamaguiProvider_exports", "__export", "TamaguiProvider", "__toCommonJS", "import_jsx_runtime", "import_constants", "React", "import_ButtonNestingContext", "import_TextAncestorContext", "import_useMedia", "import_ThemeProvider", "import_AnimationDriverContext", "children", "disableInjectCSS", "config", "themePropsProvider", "style"]
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAkBM;AAlBN,uBAAiD;AACjD,YAAuB;AAEvB,kCAAqC;AACrC,iCAAoC;AACpC,sBAAkC;AAElC,2BAA8B;AAC9B,oCAAuC;AAEhC,SAAS,gBAAgB;AAAA,EAC9B;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAyB;AACvB,MAAI,wBAAO;AACT,WACE;AAAA,MAAC;AAAA;AAAA,QACC,OAAO,EAAE,SAAS,WAAW;AAAA,QAC7B,WAAW,KAAK,OAAO,KAAK,OAAO,MAAM,EAAE,CAAC,KAAK;AAAA,QAEhD;AAAA;AAAA,IACH;AAAA,EAEJ;AAEA,MAAI,EAAE,0BAAS,4BAAW;AACxB,2CAAkB,MAAM;AAAA,EAC1B;AAEA,MAAI,2BAAU;AAGZ,UAAM,gBAAgB,MAAM;AAG1B,UAAI,SAAS,gBAAgB,UAAU,SAAS,aAAa,GAAG;AAC9D,iBAAS,gBAAgB,UAAU,OAAO,aAAa;AAAA,MACzD;AAEA,UAAI;AAAkB;AACtB,YAAM,QAAQ,SAAS,cAAc,OAAO;AAC5C,YAAM,YAAY,SAAS,eAAe,OAAO,OAAO,CAAC,CAAC;AAC1D,eAAS,KAAK,YAAY,KAAK;AAC/B,aAAO,MAAM;AACX,iBAAS,KAAK,YAAY,KAAK;AAAA,MACjC;AAAA,IACF,GAAG,CAAC,QAAQ,gBAAgB,CAAC;AAAA,EAC/B;AAEA,SACE,4CAAC,iDAAqB,UAArB,EAA8B,OAAO,OACpC,sDAAC,+CAAoB,UAApB,EAA6B,OAAO,OACnC,sDAAC,qDAAuB,UAAvB,EAAgC,OAAO,OAAO,YAC7C;AAAA,IAAC;AAAA;AAAA,MACC,sBAAsB,OAAO;AAAA,MAC7B,uBAAuB,OAAO;AAAA,MAC7B,GAAG;AAAA,MACJ,cACE,mBAAmB,gBAAgB,OAAO,KAAK,OAAO,MAAM,EAAE,CAAC;AAAA,MAGhE;AAAA;AAAA,EACH,GACF,GACF,GACF;AAEJ;",
+  "names": []
 }

package/dist/cjs/views/Text.js

@@ -1,2 +1,96 @@
-"use strict";var s=Object.defineProperty;var m=Object.getOwnPropertyDescriptor;var d=Object.getOwnPropertyNames;var x=Object.prototype.hasOwnProperty;var u=(e,t)=>{for(var o in t)s(e,o,{get:t[o],enumerable:!0})},c=(e,t,o,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let r of d(t))!x.call(e,r)&&r!==o&&s(e,r,{get:()=>t[r],enumerable:!(n=m(t,r))||n.enumerable});return e};var f=e=>c(s({},"__esModule",{value:!0}),e);var y={};u(y,{Text:()=>b});module.exports=f(y);var l=require("@tamagui/constants"),i=require("@tamagui/helpers"),a=require("../createComponent.js");const p={maxWidth:"100%",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},b=(0,a.createComponent)({componentName:"Text",acceptsClassName:!0,isText:!0,defaultProps:{display:"flex",fontFamily:"System",...l.isWeb?{display:"inline",boxSizing:"border-box",wordWrap:"break-word",margin:0}:{suppressHighlighting:!0}},inlineWhenUnflattened:new Set(["fontFamily"]),variants:{...l.isWeb&&{numberOfLines:{1:p,":number":e=>e>=1?{WebkitLineClamp:e,WebkitBoxOrient:"vertical",display:"-webkit-box",overflow:"hidden"}:null}},ellipsizeMode:{"...":()=>null},selectable:{true:{userSelect:"text",cursor:"text"},false:{userSelect:"none",cursor:"default"}},ellipse:{true:l.isWeb?p:{numberOfLines:1,lineBreakMode:"clip"}}},deoptProps:new Set(l.isWeb?[]:["ellipse"]),validStyles:{...i.validStyles,...i.stylePropsTextOnly}});0&&(module.exports={Text});
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var Text_exports = {};
+__export(Text_exports, {
+  Text: () => Text
+});
+module.exports = __toCommonJS(Text_exports);
+var import_constants = require("@tamagui/constants");
+var import_helpers = require("@tamagui/helpers");
+var import_createComponent = require("../createComponent.js");
+const ellipseStyle = {
+  maxWidth: "100%",
+  overflow: "hidden",
+  textOverflow: "ellipsis",
+  whiteSpace: "nowrap"
+};
+const Text = (0, import_createComponent.createComponent)(
+  {
+    componentName: "Text",
+    acceptsClassName: true,
+    isText: true,
+    defaultProps: {
+      // @ts-ignore
+      display: "flex",
+      fontFamily: "System",
+      ...import_constants.isWeb ? {
+        display: "inline",
+        boxSizing: "border-box",
+        wordWrap: "break-word",
+        margin: 0
+      } : {
+        suppressHighlighting: true
+      }
+    },
+    inlineWhenUnflattened: /* @__PURE__ */ new Set(["fontFamily"]),
+    variants: {
+      ...import_constants.isWeb && {
+        numberOfLines: {
+          1: ellipseStyle,
+          ":number": (numberOfLines) => numberOfLines >= 1 ? {
+            WebkitLineClamp: numberOfLines,
+            WebkitBoxOrient: "vertical",
+            display: "-webkit-box",
+            overflow: "hidden"
+          } : null
+        }
+      },
+      // ??
+      ellipsizeMode: {
+        "...": () => null
+      },
+      selectable: {
+        true: {
+          userSelect: "text",
+          cursor: "text"
+        },
+        false: {
+          userSelect: "none",
+          cursor: "default"
+        }
+      },
+      ellipse: {
+        true: import_constants.isWeb ? ellipseStyle : {
+          numberOfLines: 1,
+          lineBreakMode: "clip"
+        }
+      }
+    },
+    deoptProps: new Set(import_constants.isWeb ? [] : ["ellipse"]),
+    validStyles: {
+      ...import_helpers.validStyles,
+      ...import_helpers.stylePropsTextOnly
+    }
+  }
+);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Text
+});
 //# sourceMappingURL=Text.js.map

package/dist/cjs/views/Text.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/views/Text.tsx"],
   "sourcesContent": ["import { isWeb } from '@tamagui/constants'\nimport { stylePropsTextOnly, validStyles } from '@tamagui/helpers'\n\nimport { createComponent } from '../createComponent.js'\nimport { TextProps, TextPropsBase } from '../types.js'\n\nconst ellipseStyle = {\n  maxWidth: '100%',\n  overflow: 'hidden',\n  textOverflow: 'ellipsis',\n  whiteSpace: 'nowrap',\n}\n\nexport const Text = createComponent<TextProps, React.Component<TextProps>, TextPropsBase>(\n  {\n    componentName: 'Text',\n    acceptsClassName: true,\n    isText: true,\n\n    defaultProps: {\n      // @ts-ignore\n      display: 'flex',\n      fontFamily: 'System',\n      ...(isWeb\n        ? {\n            display: 'inline',\n            boxSizing: 'border-box',\n            wordWrap: 'break-word',\n            margin: 0,\n          }\n        : {\n            suppressHighlighting: true,\n          }),\n    },\n\n    inlineWhenUnflattened: new Set(['fontFamily']),\n\n    variants: {\n      ...(isWeb && {\n        numberOfLines: {\n          1: ellipseStyle,\n\n          ':number': (numberOfLines) =>\n            numberOfLines >= 1\n              ? {\n                  WebkitLineClamp: numberOfLines,\n                  WebkitBoxOrient: 'vertical',\n                  display: '-webkit-box',\n                  overflow: 'hidden',\n                }\n              : null,\n        },\n      }),\n\n      // ??\n      ellipsizeMode: {\n        '...': () => null,\n      },\n\n      selectable: {\n        true: {\n          userSelect: 'text',\n          cursor: 'text',\n        },\n        false: {\n          userSelect: 'none',\n          cursor: 'default',\n        },\n      },\n\n      ellipse: {\n        true: isWeb\n          ? ellipseStyle\n          : {\n              numberOfLines: 1,\n              lineBreakMode: 'clip',\n            },\n      },\n    },\n\n    deoptProps: new Set(isWeb ? [] : ['ellipse']),\n\n    validStyles: {\n      ...validStyles,\n      ...stylePropsTextOnly,\n    },\n  }\n)\n"],
-  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,UAAAE,IAAA,eAAAC,EAAAH,GAAA,IAAAI,EAAsB,8BACtBC,EAAgD,4BAEhDC,EAAgC,iCAGhC,MAAMC,EAAe,CACnB,SAAU,OACV,SAAU,SACV,aAAc,WACd,WAAY,QACd,EAEaL,KAAO,mBAClB,CACE,cAAe,OACf,iBAAkB,GAClB,OAAQ,GAER,aAAc,CAEZ,QAAS,OACT,WAAY,SACZ,GAAI,QACA,CACE,QAAS,SACT,UAAW,aACX,SAAU,aACV,OAAQ,CACV,EACA,CACE,qBAAsB,EACxB,CACN,EAEA,sBAAuB,IAAI,IAAI,CAAC,YAAY,CAAC,EAE7C,SAAU,CACR,GAAI,SAAS,CACX,cAAe,CACb,EAAGK,EAEH,UAAYC,GACVA,GAAiB,EACb,CACE,gBAAiBA,EACjB,gBAAiB,WACjB,QAAS,cACT,SAAU,QACZ,EACA,IACR,CACF,EAGA,cAAe,CACb,MAAO,IAAM,IACf,EAEA,WAAY,CACV,KAAM,CACJ,WAAY,OACZ,OAAQ,MACV,EACA,MAAO,CACL,WAAY,OACZ,OAAQ,SACV,CACF,EAEA,QAAS,CACP,KAAM,QACFD,EACA,CACE,cAAe,EACf,cAAe,MACjB,CACN,CACF,EAEA,WAAY,IAAI,IAAI,QAAQ,CAAC,EAAI,CAAC,SAAS,CAAC,EAE5C,YAAa,CACX,GAAG,cACH,GAAG,oBACL,CACF,CACF",
-  "names": ["Text_exports", "__export", "Text", "__toCommonJS", "import_constants", "import_helpers", "import_createComponent", "ellipseStyle", "numberOfLines"]
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,uBAAsB;AACtB,qBAAgD;AAEhD,6BAAgC;AAGhC,MAAM,eAAe;AAAA,EACnB,UAAU;AAAA,EACV,UAAU;AAAA,EACV,cAAc;AAAA,EACd,YAAY;AACd;AAEO,MAAM,WAAO;AAAA,EAClB;AAAA,IACE,eAAe;AAAA,IACf,kBAAkB;AAAA,IAClB,QAAQ;AAAA,IAER,cAAc;AAAA;AAAA,MAEZ,SAAS;AAAA,MACT,YAAY;AAAA,MACZ,GAAI,yBACA;AAAA,QACE,SAAS;AAAA,QACT,WAAW;AAAA,QACX,UAAU;AAAA,QACV,QAAQ;AAAA,MACV,IACA;AAAA,QACE,sBAAsB;AAAA,MACxB;AAAA,IACN;AAAA,IAEA,uBAAuB,oBAAI,IAAI,CAAC,YAAY,CAAC;AAAA,IAE7C,UAAU;AAAA,MACR,GAAI,0BAAS;AAAA,QACX,eAAe;AAAA,UACb,GAAG;AAAA,UAEH,WAAW,CAAC,kBACV,iBAAiB,IACb;AAAA,YACE,iBAAiB;AAAA,YACjB,iBAAiB;AAAA,YACjB,SAAS;AAAA,YACT,UAAU;AAAA,UACZ,IACA;AAAA,QACR;AAAA,MACF;AAAA;AAAA,MAGA,eAAe;AAAA,QACb,OAAO,MAAM;AAAA,MACf;AAAA,MAEA,YAAY;AAAA,QACV,MAAM;AAAA,UACJ,YAAY;AAAA,UACZ,QAAQ;AAAA,QACV;AAAA,QACA,OAAO;AAAA,UACL,YAAY;AAAA,UACZ,QAAQ;AAAA,QACV;AAAA,MACF;AAAA,MAEA,SAAS;AAAA,QACP,MAAM,yBACF,eACA;AAAA,UACE,eAAe;AAAA,UACf,eAAe;AAAA,QACjB;AAAA,MACN;AAAA,IACF;AAAA,IAEA,YAAY,IAAI,IAAI,yBAAQ,CAAC,IAAI,CAAC,SAAS,CAAC;AAAA,IAE5C,aAAa;AAAA,MACX,GAAG;AAAA,MACH,GAAG;AAAA,IACL;AAAA,EACF;AACF;",
+  "names": []
 }

package/dist/cjs/views/Theme.js

@@ -1,2 +1,100 @@
-"use strict";var d=Object.defineProperty;var S=Object.getOwnPropertyDescriptor;var _=Object.getOwnPropertyNames;var w=Object.prototype.hasOwnProperty;var x=(e,t)=>{for(var o in t)d(e,o,{get:t[o],enumerable:!0})},M=(e,t,o,a)=>{if(t&&typeof t=="object"||typeof t=="function")for(let r of _(t))!w.call(e,r)&&r!==o&&d(e,r,{get:()=>t[r],enumerable:!(a=S(t,r))||a.enumerable});return e};var V=e=>M(d({},"__esModule",{value:!0}),e);var W={};x(W,{Theme:()=>y,useThemedChildren:()=>E});module.exports=V(W);var m=require("react/jsx-runtime"),C=require("@tamagui/constants"),n=require("react"),b=require("../createVariable.js"),g=require("../helpers/ThemeManagerContext.js"),P=require("../hooks/useServerHooks.js"),v=require("../hooks/useTheme.js"),N=require("./ThemeDebug");function y(e){if(e.disable)return e.children;const t=!!e._isRoot,o=(0,v.useChangeThemeEffect)(e,t);let a=e["data-themeable"]?n.Children.map(e.children,r=>(0,n.cloneElement)(r,{["data-themeable"]:!0})):e.children;return process.env.NODE_ENV==="development"&&e.debug==="visualize"&&(a=(0,m.jsx)(N.ThemeDebug,{themeState:o,themeProps:e,children:a})),E(o,a,e,t)}function E(e,t,o,a=!1){const{themeManager:r,className:c,theme:h,isNewTheme:l}=e,{shallow:R,forceClassName:i}=o,T=(0,P.useServerRef)(!1);l&&(T.current=!0);const p=l||T.current||i||a;return(0,n.useMemo)(()=>{if(!p)return t;let f=n.Children.toArray(t);R&&r&&(f=f.map(s=>(0,n.isValidElement)(s)?(0,n.cloneElement)(s,void 0,(0,m.jsx)(y,{name:r.state.parentName,children:s.props.children})):s));const u=(0,m.jsx)(g.ThemeManagerContext.Provider,{value:r,children:f});if(i===!1)return u;if(C.isWeb&&!o.passPropsToChildren){const D={color:h&&l?(0,b.variableToString)(h.color):""};return(0,m.jsx)("span",{className:`${c||""} _dsp_contents is_Theme`,style:D,children:u})}return u},[i,o.passPropsToChildren,p,r,t,h,l,c])}0&&(module.exports={Theme,useThemedChildren});
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var Theme_exports = {};
+__export(Theme_exports, {
+  Theme: () => Theme,
+  useThemedChildren: () => useThemedChildren
+});
+module.exports = __toCommonJS(Theme_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_constants = require("@tamagui/constants");
+var import_react = require("react");
+var import_createVariable = require("../createVariable.js");
+var import_ThemeManagerContext = require("../helpers/ThemeManagerContext.js");
+var import_useServerHooks = require("../hooks/useServerHooks.js");
+var import_useTheme = require("../hooks/useTheme.js");
+var import_ThemeDebug = require("./ThemeDebug");
+function Theme(props) {
+  if (props.disable) {
+    return props.children;
+  }
+  const isRoot = !!props["_isRoot"];
+  const themeState = (0, import_useTheme.useChangeThemeEffect)(props, isRoot);
+  let children = props["data-themeable"] ? import_react.Children.map(
+    props.children,
+    (child) => (0, import_react.cloneElement)(child, { ["data-themeable"]: true })
+  ) : props.children;
+  if (process.env.NODE_ENV === "development") {
+    if (props["debug"] === "visualize") {
+      children = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ThemeDebug.ThemeDebug, { themeState, themeProps: props, children });
+    }
+  }
+  return useThemedChildren(themeState, children, props, isRoot);
+}
+function useThemedChildren(themeState, children, props, isRoot = false) {
+  const { themeManager, className, theme, isNewTheme } = themeState;
+  const { shallow, forceClassName } = props;
+  const hasEverThemed = (0, import_useServerHooks.useServerRef)(false);
+  if (isNewTheme) {
+    hasEverThemed.current = true;
+  }
+  const shouldRenderChildrenWithTheme = isNewTheme || hasEverThemed.current || forceClassName || isRoot;
+  return (0, import_react.useMemo)(() => {
+    if (!shouldRenderChildrenWithTheme) {
+      return children;
+    }
+    let next = import_react.Children.toArray(children);
+    if (shallow && themeManager) {
+      next = next.map((child) => {
+        return (0, import_react.isValidElement)(child) ? (0, import_react.cloneElement)(
+          child,
+          void 0,
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Theme, { name: themeManager.state.parentName, children: child.props.children })
+        ) : child;
+      });
+    }
+    const wrapped = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ThemeManagerContext.ThemeManagerContext.Provider, { value: themeManager, children: next });
+    if (forceClassName === false) {
+      return wrapped;
+    }
+    if (import_constants.isWeb && !props.passPropsToChildren) {
+      const themeColor = theme && isNewTheme ? (0, import_createVariable.variableToString)(theme.color) : "";
+      const colorStyle = {
+        color: themeColor
+      };
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: `${className || ""} _dsp_contents is_Theme`, style: colorStyle, children: wrapped });
+    }
+    return wrapped;
+  }, [
+    forceClassName,
+    props.passPropsToChildren,
+    shouldRenderChildrenWithTheme,
+    themeManager,
+    children,
+    theme,
+    isNewTheme,
+    className
+  ]);
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Theme,
+  useThemedChildren
+});
 //# sourceMappingURL=Theme.js.map

package/dist/cjs/views/Theme.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/views/Theme.tsx"],
   "sourcesContent": ["import { isWeb } from '@tamagui/constants'\nimport { Children, cloneElement, isValidElement, useEffect, useId, useMemo } from 'react'\n\nimport { variableToString } from '../createVariable.js'\nimport { ThemeManagerContext } from '../helpers/ThemeManagerContext.js'\nimport { useServerRef } from '../hooks/useServerHooks.js'\nimport { ChangedThemeResponse, useChangeThemeEffect } from '../hooks/useTheme.js'\nimport type { DebugProp, ThemeProps } from '../types.js'\nimport { ThemeDebug } from './ThemeDebug'\n\nexport function Theme(props: ThemeProps) {\n  // @ts-expect-error only for internal views\n  if (props.disable) {\n    return props.children\n  }\n\n  const isRoot = !!props['_isRoot']\n  const themeState = useChangeThemeEffect(props, isRoot)\n\n  let children = props['data-themeable']\n    ? Children.map(props.children, (child) =>\n        cloneElement(child, { ['data-themeable']: true })\n      )\n    : props.children\n\n  if (process.env.NODE_ENV === 'development') {\n    if (props['debug'] === 'visualize') {\n      children = (\n        <ThemeDebug themeState={themeState} themeProps={props}>\n          {children}\n        </ThemeDebug>\n      )\n    }\n  }\n\n  return useThemedChildren(themeState, children, props, isRoot)\n}\n\nexport function useThemedChildren(\n  themeState: ChangedThemeResponse,\n  children: any,\n  props: {\n    forceClassName?: boolean\n    shallow?: boolean\n    passPropsToChildren?: boolean\n    debug?: DebugProp\n  },\n  isRoot = false\n) {\n  const { themeManager, className, theme, isNewTheme } = themeState\n  const { shallow, forceClassName } = props\n  const hasEverThemed = useServerRef(false)\n  if (isNewTheme) {\n    hasEverThemed.current = true\n  }\n\n  const shouldRenderChildrenWithTheme =\n    isNewTheme || hasEverThemed.current || forceClassName || isRoot\n\n  return useMemo(() => {\n    if (!shouldRenderChildrenWithTheme) {\n      return children\n    }\n\n    // be sure to memoize shouldReset to avoid reparenting\n    let next = Children.toArray(children)\n\n    // each children of these children wont get the theme\n    if (shallow && themeManager) {\n      next = next.map((child) => {\n        return isValidElement(child)\n          ? cloneElement(\n              child,\n              undefined,\n              <Theme name={themeManager.state.parentName}>\n                {(child as any).props.children}\n              </Theme>\n            )\n          : child\n      })\n    }\n\n    const wrapped = (\n      <ThemeManagerContext.Provider value={themeManager}>\n        {next}\n      </ThemeManagerContext.Provider>\n    )\n\n    if (forceClassName === false) {\n      return wrapped\n    }\n\n    if (isWeb && !props.passPropsToChildren) {\n      // in order to provide currentColor, set color by default\n      const themeColor = theme && isNewTheme ? variableToString(theme.color) : ''\n      const colorStyle = {\n        color: themeColor,\n      }\n\n      return (\n        <span className={`${className || ''} _dsp_contents is_Theme`} style={colorStyle}>\n          {wrapped}\n        </span>\n      )\n    }\n\n    return wrapped\n  }, [\n    forceClassName,\n    props.passPropsToChildren,\n    shouldRenderChildrenWithTheme,\n    themeManager,\n    children,\n    theme,\n    isNewTheme,\n    className,\n  ])\n}\n"],
-  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,WAAAE,EAAA,sBAAAC,IAAA,eAAAC,EAAAJ,GA4BQ,IAAAK,EAAA,6BA5BRC,EAAsB,8BACtBC,EAAkF,iBAElFC,EAAiC,gCACjCC,EAAoC,6CACpCC,EAA6B,sCAC7BC,EAA2D,gCAE3DC,EAA2B,wBAEpB,SAASV,EAAMW,EAAmB,CAEvC,GAAIA,EAAM,QACR,OAAOA,EAAM,SAGf,MAAMC,EAAS,CAAC,CAACD,EAAM,QACjBE,KAAa,wBAAqBF,EAAOC,CAAM,EAErD,IAAIE,EAAWH,EAAM,gBAAgB,EACjC,WAAS,IAAIA,EAAM,SAAWI,MAC5B,gBAAaA,EAAO,CAAE,CAAC,gBAAgB,EAAG,EAAK,CAAC,CAClD,EACAJ,EAAM,SAEV,OAAI,QAAQ,IAAI,WAAa,eACvBA,EAAM,QAAa,cACrBG,KACE,OAAC,cAAW,WAAYD,EAAY,WAAYF,EAC7C,SAAAG,EACH,GAKCb,EAAkBY,EAAYC,EAAUH,EAAOC,CAAM,CAC9D,CAEO,SAASX,EACdY,EACAC,EACAH,EAMAC,EAAS,GACT,CACA,KAAM,CAAE,aAAAI,EAAc,UAAAC,EAAW,MAAAC,EAAO,WAAAC,CAAW,EAAIN,EACjD,CAAE,QAAAO,EAAS,eAAAC,CAAe,EAAIV,EAC9BW,KAAgB,gBAAa,EAAK,EACpCH,IACFG,EAAc,QAAU,IAG1B,MAAMC,EACJJ,GAAcG,EAAc,SAAWD,GAAkBT,EAE3D,SAAO,WAAQ,IAAM,CACnB,GAAI,CAACW,EACH,OAAOT,EAIT,IAAIU,EAAO,WAAS,QAAQV,CAAQ,EAGhCM,GAAWJ,IACbQ,EAAOA,EAAK,IAAKT,MACR,kBAAeA,CAAK,KACvB,gBACEA,EACA,UACA,OAACf,EAAA,CAAM,KAAMgB,EAAa,MAAM,WAC5B,SAAAD,EAAc,MAAM,SACxB,CACF,EACAA,CACL,GAGH,MAAMU,KACJ,OAAC,sBAAoB,SAApB,CAA6B,MAAOT,EAClC,SAAAQ,EACH,EAGF,GAAIH,IAAmB,GACrB,OAAOI,EAGT,GAAI,SAAS,CAACd,EAAM,oBAAqB,CAGvC,MAAMe,EAAa,CACjB,MAFiBR,GAASC,KAAa,oBAAiBD,EAAM,KAAK,EAAI,EAGzE,EAEA,SACE,OAAC,QAAK,UAAW,GAAGD,GAAa,4BAA6B,MAAOS,EAClE,SAAAD,EACH,CAEJ,CAEA,OAAOA,CACT,EAAG,CACDJ,EACAV,EAAM,oBACNY,EACAP,EACAF,EACAI,EACAC,EACAF,CACF,CAAC,CACH",
-  "names": ["Theme_exports", "__export", "Theme", "useThemedChildren", "__toCommonJS", "import_jsx_runtime", "import_constants", "import_react", "import_createVariable", "import_ThemeManagerContext", "import_useServerHooks", "import_useTheme", "import_ThemeDebug", "props", "isRoot", "themeState", "children", "child", "themeManager", "className", "theme", "isNewTheme", "shallow", "forceClassName", "hasEverThemed", "shouldRenderChildrenWithTheme", "next", "wrapped", "colorStyle"]
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA4BQ;AA5BR,uBAAsB;AACtB,mBAAkF;AAElF,4BAAiC;AACjC,iCAAoC;AACpC,4BAA6B;AAC7B,sBAA2D;AAE3D,wBAA2B;AAEpB,SAAS,MAAM,OAAmB;AAEvC,MAAI,MAAM,SAAS;AACjB,WAAO,MAAM;AAAA,EACf;AAEA,QAAM,SAAS,CAAC,CAAC,MAAM,SAAS;AAChC,QAAM,iBAAa,sCAAqB,OAAO,MAAM;AAErD,MAAI,WAAW,MAAM,gBAAgB,IACjC,sBAAS;AAAA,IAAI,MAAM;AAAA,IAAU,CAAC,cAC5B,2BAAa,OAAO,EAAE,CAAC,gBAAgB,GAAG,KAAK,CAAC;AAAA,EAClD,IACA,MAAM;AAEV,MAAI,QAAQ,IAAI,aAAa,eAAe;AAC1C,QAAI,MAAM,OAAO,MAAM,aAAa;AAClC,iBACE,4CAAC,gCAAW,YAAwB,YAAY,OAC7C,UACH;AAAA,IAEJ;AAAA,EACF;AAEA,SAAO,kBAAkB,YAAY,UAAU,OAAO,MAAM;AAC9D;AAEO,SAAS,kBACd,YACA,UACA,OAMA,SAAS,OACT;AACA,QAAM,EAAE,cAAc,WAAW,OAAO,WAAW,IAAI;AACvD,QAAM,EAAE,SAAS,eAAe,IAAI;AACpC,QAAM,oBAAgB,oCAAa,KAAK;AACxC,MAAI,YAAY;AACd,kBAAc,UAAU;AAAA,EAC1B;AAEA,QAAM,gCACJ,cAAc,cAAc,WAAW,kBAAkB;AAE3D,aAAO,sBAAQ,MAAM;AACnB,QAAI,CAAC,+BAA+B;AAClC,aAAO;AAAA,IACT;AAGA,QAAI,OAAO,sBAAS,QAAQ,QAAQ;AAGpC,QAAI,WAAW,cAAc;AAC3B,aAAO,KAAK,IAAI,CAAC,UAAU;AACzB,mBAAO,6BAAe,KAAK,QACvB;AAAA,UACE;AAAA,UACA;AAAA,UACA,4CAAC,SAAM,MAAM,aAAa,MAAM,YAC5B,gBAAc,MAAM,UACxB;AAAA,QACF,IACA;AAAA,MACN,CAAC;AAAA,IACH;AAEA,UAAM,UACJ,4CAAC,+CAAoB,UAApB,EAA6B,OAAO,cAClC,gBACH;AAGF,QAAI,mBAAmB,OAAO;AAC5B,aAAO;AAAA,IACT;AAEA,QAAI,0BAAS,CAAC,MAAM,qBAAqB;AAEvC,YAAM,aAAa,SAAS,iBAAa,wCAAiB,MAAM,KAAK,IAAI;AACzE,YAAM,aAAa;AAAA,QACjB,OAAO;AAAA,MACT;AAEA,aACE,4CAAC,UAAK,WAAW,GAAG,aAAa,6BAA6B,OAAO,YAClE,mBACH;AAAA,IAEJ;AAEA,WAAO;AAAA,EACT,GAAG;AAAA,IACD;AAAA,IACA,MAAM;AAAA,IACN;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AACH;",
+  "names": []
 }

package/dist/cjs/views/ThemeDebug.js

@@ -1,2 +1,73 @@
-"use strict";var o=Object.defineProperty;var g=Object.getOwnPropertyDescriptor;var c=Object.getOwnPropertyNames;var l=Object.prototype.hasOwnProperty;var h=(e,n)=>{for(var a in n)o(e,a,{get:n[a],enumerable:!0})},N=(e,n,a,s)=>{if(n&&typeof n=="object"||typeof n=="function")for(let r of c(n))!l.call(e,r)&&r!==a&&o(e,r,{get:()=>n[r],enumerable:!(s=g(n,r))||s.enumerable});return e};var t=e=>N(o({},"__esModule",{value:!0}),e);var u={};h(u,{ThemeDebug:()=>f});module.exports=t(u);var i=require("react/jsx-runtime");function f({themeState:e,themeProps:n,children:a,onChangeCount:s}){var r,m,p,d;return process.env.NODE_ENV==="development"?(0,i.jsxs)("div",{style:{whiteSpace:"pre",background:"green",display:"inline",border:"1px solid #ccc",margin:20},children:[(0,i.jsxs)("code",{children:["<Theme />\xA0",JSON.stringify({name:e.name,className:e.className,inverse:n.inverse,forceClassName:n.forceClassName,parent:(r=e.themeManager)==null?void 0:r.state.parentName,id:(m=e.themeManager)==null?void 0:m.id,parentId:(d=(p=e.themeManager)==null?void 0:p.parentManager)==null?void 0:d.id,isNew:e.isNewTheme,onChangeCount:s},null,2)]}),a]}):a}0&&(module.exports={ThemeDebug});
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var ThemeDebug_exports = {};
+__export(ThemeDebug_exports, {
+  ThemeDebug: () => ThemeDebug
+});
+module.exports = __toCommonJS(ThemeDebug_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+function ThemeDebug({
+  themeState,
+  themeProps,
+  children,
+  onChangeCount
+}) {
+  var _a, _b, _c, _d;
+  if (process.env.NODE_ENV === "development") {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+      "div",
+      {
+        style: {
+          whiteSpace: "pre",
+          background: "green",
+          display: "inline",
+          border: "1px solid #ccc",
+          margin: 20
+        },
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("code", { children: [
+            "<Theme />\xA0",
+            JSON.stringify(
+              {
+                name: themeState.name,
+                className: themeState.className,
+                inverse: themeProps.inverse,
+                forceClassName: themeProps.forceClassName,
+                parent: (_a = themeState.themeManager) == null ? void 0 : _a.state.parentName,
+                id: (_b = themeState.themeManager) == null ? void 0 : _b.id,
+                parentId: (_d = (_c = themeState.themeManager) == null ? void 0 : _c.parentManager) == null ? void 0 : _d.id,
+                isNew: themeState.isNewTheme,
+                onChangeCount
+              },
+              null,
+              2
+            )
+          ] }),
+          children
+        ]
+      }
+    );
+  }
+  return children;
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ThemeDebug
+});
 //# sourceMappingURL=ThemeDebug.js.map

package/dist/cjs/views/ThemeDebug.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/views/ThemeDebug.tsx"],
   "sourcesContent": ["import { ChangedThemeResponse } from '../hooks/useTheme.js'\nimport { ThemeProps } from '../types.js'\n\nexport function ThemeDebug({\n  themeState,\n  themeProps,\n  children,\n  onChangeCount,\n}: {\n  themeState: ChangedThemeResponse\n  themeProps: ThemeProps\n  onChangeCount?: number\n  children: any\n}) {\n  if (process.env.NODE_ENV === 'development') {\n    return (\n      <div\n        style={{\n          whiteSpace: 'pre',\n          background: 'green',\n          display: 'inline',\n          border: '1px solid #ccc',\n          margin: 20,\n        }}\n      >\n        <code>\n          &lt;Theme /&gt;&nbsp;\n          {JSON.stringify(\n            {\n              name: themeState.name,\n              className: themeState.className,\n              inverse: themeProps.inverse,\n              forceClassName: themeProps.forceClassName,\n              parent: themeState.themeManager?.state.parentName,\n              id: themeState.themeManager?.id,\n              parentId: themeState.themeManager?.parentManager?.id,\n              isNew: themeState.isNewTheme,\n              onChangeCount,\n            },\n            null,\n            2\n          )}\n        </code>\n        {children}\n      </div>\n    )\n  }\n  return children\n}\n"],
-  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,gBAAAE,IAAA,eAAAC,EAAAH,GAyBQ,IAAAI,EAAA,6BAtBD,SAASF,EAAW,CACzB,WAAAG,EACA,WAAAC,EACA,SAAAC,EACA,cAAAC,CACF,EAKG,CAbH,IAAAC,EAAAC,EAAAC,EAAAC,EAcE,OAAI,QAAQ,IAAI,WAAa,iBAEzB,QAAC,OACC,MAAO,CACL,WAAY,MACZ,WAAY,QACZ,QAAS,SACT,OAAQ,iBACR,OAAQ,EACV,EAEA,qBAAC,QAAK,0BAEH,KAAK,UACJ,CACE,KAAMP,EAAW,KACjB,UAAWA,EAAW,UACtB,QAASC,EAAW,QACpB,eAAgBA,EAAW,eAC3B,QAAQG,EAAAJ,EAAW,eAAX,YAAAI,EAAyB,MAAM,WACvC,IAAIC,EAAAL,EAAW,eAAX,YAAAK,EAAyB,GAC7B,UAAUE,GAAAD,EAAAN,EAAW,eAAX,YAAAM,EAAyB,gBAAzB,YAAAC,EAAwC,GAClD,MAAOP,EAAW,WAClB,cAAAG,CACF,EACA,KACA,CACF,GACF,EACCD,GACH,EAGGA,CACT",
-  "names": ["ThemeDebug_exports", "__export", "ThemeDebug", "__toCommonJS", "import_jsx_runtime", "themeState", "themeProps", "children", "onChangeCount", "_a", "_b", "_c", "_d"]
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAyBQ;AAtBD,SAAS,WAAW;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAKG;AAbH;AAcE,MAAI,QAAQ,IAAI,aAAa,eAAe;AAC1C,WACE;AAAA,MAAC;AAAA;AAAA,QACC,OAAO;AAAA,UACL,YAAY;AAAA,UACZ,YAAY;AAAA,UACZ,SAAS;AAAA,UACT,QAAQ;AAAA,UACR,QAAQ;AAAA,QACV;AAAA,QAEA;AAAA,uDAAC,UAAK;AAAA;AAAA,YAEH,KAAK;AAAA,cACJ;AAAA,gBACE,MAAM,WAAW;AAAA,gBACjB,WAAW,WAAW;AAAA,gBACtB,SAAS,WAAW;AAAA,gBACpB,gBAAgB,WAAW;AAAA,gBAC3B,SAAQ,gBAAW,iBAAX,mBAAyB,MAAM;AAAA,gBACvC,KAAI,gBAAW,iBAAX,mBAAyB;AAAA,gBAC7B,WAAU,sBAAW,iBAAX,mBAAyB,kBAAzB,mBAAwC;AAAA,gBAClD,OAAO,WAAW;AAAA,gBAClB;AAAA,cACF;AAAA,cACA;AAAA,cACA;AAAA,YACF;AAAA,aACF;AAAA,UACC;AAAA;AAAA;AAAA,IACH;AAAA,EAEJ;AACA,SAAO;AACT;",
+  "names": []
 }

package/dist/cjs/views/ThemeProvider.js

@@ -1,2 +1,70 @@
-"use strict";var r=Object.defineProperty;var u=Object.getOwnPropertyDescriptor;var T=Object.getOwnPropertyNames;var c=Object.prototype.hasOwnProperty;var f=(e,t)=>{for(var o in t)r(e,o,{get:t[o],enumerable:!0})},C=(e,t,o,s)=>{if(t&&typeof t=="object"||typeof t=="function")for(let a of T(t))!c.call(e,a)&&a!==o&&r(e,a,{get:()=>t[a],enumerable:!(s=u(t,a))||s.enumerable});return e};var P=e=>C(r({},"__esModule",{value:!0}),e);var v={};f(v,{ThemeProvider:()=>R,ThemeProviderRootContext:()=>h});module.exports=P(v);var l=require("react/jsx-runtime"),n=require("@tamagui/constants"),m=require("react"),d=require("../constants/constants.js"),i=require("./Theme.js");const h=(0,m.createContext)(null),R=e=>(n.isClient&&(0,m.useLayoutEffect)(()=>{if(e.disableRootThemeClass)return;const t=`${d.THEME_CLASSNAME_PREFIX}${e.defaultTheme}`,o=e.themeClassNameOnRoot?document.documentElement:document.body;return o.classList.add(t),()=>{o.classList.remove(t)}},[e.defaultTheme,e.disableRootThemeClass,e.themeClassNameOnRoot]),(0,l.jsx)(h.Provider,{value:(0,m.useMemo)(()=>({defaultTheme:e.defaultTheme}),[]),children:(0,l.jsx)(i.Theme,{className:e.className,name:e.defaultTheme,forceClassName:e.disableRootThemeClass?!1:void 0,_isRoot:!0,children:e.children})}));0&&(module.exports={ThemeProvider,ThemeProviderRootContext});
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var ThemeProvider_exports = {};
+__export(ThemeProvider_exports, {
+  ThemeProvider: () => ThemeProvider,
+  ThemeProviderRootContext: () => ThemeProviderRootContext
+});
+module.exports = __toCommonJS(ThemeProvider_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_constants = require("@tamagui/constants");
+var import_react = require("react");
+var import_constants2 = require("../constants/constants.js");
+var import_Theme = require("./Theme.js");
+const ThemeProviderRootContext = (0, import_react.createContext)(null);
+const ThemeProvider = (props) => {
+  if (import_constants.isClient) {
+    (0, import_react.useLayoutEffect)(() => {
+      if (props.disableRootThemeClass)
+        return;
+      const cn = `${import_constants2.THEME_CLASSNAME_PREFIX}${props.defaultTheme}`;
+      const target = props.themeClassNameOnRoot ? document.documentElement : document.body;
+      target.classList.add(cn);
+      return () => {
+        target.classList.remove(cn);
+      };
+    }, [props.defaultTheme, props.disableRootThemeClass, props.themeClassNameOnRoot]);
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    ThemeProviderRootContext.Provider,
+    {
+      value: (0, import_react.useMemo)(() => {
+        return {
+          defaultTheme: props.defaultTheme
+        };
+      }, []),
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_Theme.Theme,
+        {
+          className: props.className,
+          name: props.defaultTheme,
+          forceClassName: props.disableRootThemeClass ? false : void 0,
+          _isRoot: true,
+          children: props.children
+        }
+      )
+    }
+  );
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ThemeProvider,
+  ThemeProviderRootContext
+});
 //# sourceMappingURL=ThemeProvider.js.map