@multiplatform.one/components 5.0.27 → 6.0.0

package/dist/jsx/layouts/Debug/index.mjs

@@ -1,103 +1,43 @@
-import i18n from "i18next";
-import { config } from "multiplatform.one";
-import { createWithLayout, useLanguage } from "multiplatform.one";
-import { useTheme } from "multiplatform.one/theme";
-import { Adapt, Circle, Popover, Select, XStack, YStack } from "tamagui";
-import { useTint } from "../../tints.mjs";
+import { componentColors } from "../../componentColors.mjs";
+import { createWithLayout } from "@multiplatform.one/platform";
+import { config } from "@multiplatform.one/platform";
+import { useResolvedKnobs } from "@multiplatform.one/theme";
+import { Circle, Popover, XStack, YStack } from "tamagui";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 function DebugLayout({
   children,
   debugView,
   debugViewProps,
-  rootThemeNames = ["system", "light", "dark"],
-  size = 12,
-  subThemeNames = ["blue", "gray", "green", "orange", "pink", "purple", "red", "yellow"]
+  size = 12
 }) {
   const {
-      familiesNames,
-      setFamily,
-      name
-    } = useTint(),
-    DebugView = debugView,
-    [theme, setTheme] = useTheme(),
-    [language, setLanguage] = useLanguage();
-  function handleSubThemeChange(subTheme) {
-    setTheme({
-      sub: subTheme
-    });
-  }
-  function handleRootThemeChange(rootTheme) {
-    setTheme({
-      root: rootTheme
-    });
-  }
-  function renderSubThemeItems() {
-    return (subThemeNames || []).map((name2, i) => /* @__PURE__ */jsx(Select.Item, {
-      index: i,
-      value: name2,
-      children: /* @__PURE__ */jsx(Select.ItemText, {
-        children: name2
-      })
-    }, i + name2));
-  }
-  function renderRootThemeItems() {
-    return (rootThemeNames || []).map((name2, i) => /* @__PURE__ */jsx(Select.Item, {
-      index: i,
-      value: name2,
-      children: /* @__PURE__ */jsx(Select.ItemText, {
-        children: name2
-      })
-    }, i + name2));
-  }
-  function renderLocaleItems() {
-    return (i18n?.languages || []).map((name2, i) => /* @__PURE__ */jsx(Select.Item, {
-      index: i,
-      value: name2,
-      children: /* @__PURE__ */jsx(Select.ItemText, {
-        children: name2
-      })
-    }, i + name2));
-  }
-  function renderTintFamilyItems() {
-    return familiesNames.map((name2, i) => /* @__PURE__ */jsx(Select.Item, {
-      index: i,
-      value: name2,
-      children: /* @__PURE__ */jsx(Select.ItemText, {
-        children: name2
-      })
-    }, i + name2));
-  }
+    knobProps
+  } = useResolvedKnobs();
+  const DebugView = debugView;
   function renderDebug() {
     return /* @__PURE__ */jsx(XStack, {
-      gap: "$4",
-      margin: "$4",
+      ...knobProps.gap,
+      margin: knobProps.panelPadding.padding,
       width: size,
       height: size,
+      "data-testid": "debug-container",
       children: /* @__PURE__ */jsxs(Popover, {
         placement: "right",
         size: "$5",
         children: [/* @__PURE__ */jsx(Popover.Trigger, {
           children: /* @__PURE__ */jsx(Circle, {
             cursor: "pointer",
-            backgroundColor: "$color9",
+            backgroundColor: componentColors.debug,
             width: size,
-            height: size
-          })
-        }), /* @__PURE__ */jsx(Adapt, {
-          children: /* @__PURE__ */jsxs(Popover.Sheet, {
-            modal: !0,
-            dismissOnSnapToBottom: !0,
-            children: [/* @__PURE__ */jsx(Popover.Sheet.Frame, {
-              padding: "$4",
-              children: /* @__PURE__ */jsx(Adapt.Contents, {})
-            }), /* @__PURE__ */jsx(Popover.Sheet.Overlay, {})]
+            height: size,
+            "data-testid": "debug-circle"
           })
         }), /* @__PURE__ */jsxs(Popover.Content, {
           borderWidth: 1,
           borderColor: "$borderColor",
-          elevate: !0,
+          elevation: knobProps.elevation,
           children: [/* @__PURE__ */jsx(XStack, {
-            gap: "$4"
+            ...knobProps.gap
           }), DebugView && /* @__PURE__ */jsx(DebugView, {
             ...debugViewProps
           })]
@@ -105,10 +45,12 @@ function DebugLayout({
       })
     });
   }
-  return config.get("DEBUG") !== "1" ? /* @__PURE__ */jsx(Fragment, {
+  if (config.get("DEBUG") !== "1") return /* @__PURE__ */jsx(Fragment, {
     children
-  }) : /* @__PURE__ */jsxs(YStack, {
-    fullscreen: !0,
+  });
+  return /* @__PURE__ */jsxs(YStack, {
+    fullscreen: true,
+    "data-testid": "debug-layout-root",
     children: [children, /* @__PURE__ */jsx(YStack, {
       position: "absolute",
       children: renderDebug()

package/dist/jsx/layouts/Debug/index.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["i18n","config","createWithLayout","useLanguage","useTheme","Adapt","Circle","Popover","Select","XStack","YStack","useTint","Fragment","jsx","jsxs","DebugLayout","children","debugView","debugViewProps","rootThemeNames","size","subThemeNames","familiesNames","setFamily","name","DebugView","theme","setTheme","language","setLanguage","handleSubThemeChange","subTheme","sub","handleRootThemeChange","rootTheme","root","renderSubThemeItems","map","name2","i","Item","index","value","ItemText","renderRootThemeItems","renderLocaleItems","languages","renderTintFamilyItems","renderDebug","gap","margin","width","height","placement","Trigger","cursor","backgroundColor","Sheet","modal","dismissOnSnapToBottom","Frame","padding","Contents","Overlay","Content","borderWidth","borderColor","elevate","get","fullscreen","position","createWithDebugLayout","extraLayouts","debugLayoutProps","withDebugLayout"],"sources":["../../../../src/layouts/Debug/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["componentColors","createWithLayout","config","useResolvedKnobs","Circle","Popover","XStack","YStack","Fragment","jsx","jsxs","DebugLayout","children","debugView","debugViewProps","size","knobProps","DebugView","renderDebug","gap","margin","panelPadding","padding","width","height","placement","Trigger","cursor","backgroundColor","debug","Content","borderWidth","borderColor","elevation","get","fullscreen","position","createWithDebugLayout","extraLayouts","debugLayoutProps","withDebugLayout"],"sources":["../../../../src/layouts/Debug/index.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,eAAA,QAAuB;AAEhC,SAASC,gBAAA,QAAwB;AACjC,SAASC,MAAA,QAAc;AACvB,SAASC,gBAAA,QAAwB;AAEjC,SAASC,MAAA,EAAQC,OAAA,EAASC,MAAA,EAAQC,MAAA,QAAc;AA6BpC,SAqB8BC,QAAA,EArB9BC,GAAA,EAQFC,IAAA,QARE;AApBL,SAASC,YAA4B;EAC1CC,QAAA;EACAC,SAAA;EACAC,cAAA;EACAC,IAAA,GAAO;AACT,GAAqC;EACnC,MAAM;IAAEC;EAAU,IAAIb,gBAAA,CAAiB;EACvC,MAAMc,SAAA,GAAYJ,SAAA;EAElB,SAASK,YAAA,EAAc;IACrB,OACE,eAAAT,GAAA,CAACH,MAAA;MACE,GAAGU,SAAA,CAAUG,GAAA;MACdC,MAAA,EAAQJ,SAAA,CAAUK,YAAA,CAAaC,OAAA;MAC/BC,KAAA,EAAOR,IAAA;MACPS,MAAA,EAAQT,IAAA;MACR,eAAY;MAEZH,QAAA,iBAAAF,IAAA,CAACL,OAAA;QAAQoB,SAAA,EAAU;QAAQV,IAAA,EAAK;QAC9BH,QAAA,kBAAAH,GAAA,CAACJ,OAAA,CAAQqB,OAAA,EAAR;UACCd,QAAA,iBAAAH,GAAA,CAACL,MAAA;YACCuB,MAAA,EAAO;YACPC,eAAA,EAAiB5B,eAAA,CAAgB6B,KAAA;YACjCN,KAAA,EAAOR,IAAA;YACPS,MAAA,EAAQT,IAAA;YACR,eAAY;UAAA,CACd;QAAA,CACF,GACA,eAAAL,IAAA,CAACL,OAAA,CAAQyB,OAAA,EAAR;UACCC,WAAA,EAAa;UACbC,WAAA,EAAY;UACZC,SAAA,EAAWjB,SAAA,CAAUiB,SAAA;UAErBrB,QAAA,kBAAAH,GAAA,CAACH,MAAA;YAAQ,GAAGU,SAAA,CAAUG;UAAA,CAAK,GAC1BF,SAAA,IAAa,eAAAR,GAAA,CAACQ,SAAA;YAAW,GAAIH;UAAA,CAAwB;QAAA,CACxD;MAAA,CACF;IAAA,CACF;EAEJ;EAEA,IAAIZ,MAAA,CAAOgC,GAAA,CAAI,OAAO,MAAM,KAAK,OAAO,eAAAzB,GAAA,CAAAD,QAAA;IAAGI;EAAA,CAAS;EACpD,OACE,eAAAF,IAAA,CAACH,MAAA;IAAO4B,UAAA,EAAU;IAAC,eAAY;IAC5BvB,QAAA,GAAAA,QAAA,EACD,eAAAH,GAAA,CAACF,MAAA;MAAO6B,QAAA,EAAS;MAAYxB,QAAA,EAAAM,WAAA,CAAY;IAAA,CAAE;EAAA,CAC7C;AAEJ;AAEO,SAASmB,sBACdC,YAAA,EACAC,gBAAA,GAA0D,CAAC,GAC3D;EACA,OAAOtC,gBAAA,CACLU,WAAA,EACA2B,YAAA,EACAC,gBACF;AACF;AAEO,MAAMC,eAAA,GAAkBH,qBAAA,CAAsB","ignoreList":[]}

package/dist/jsx/layouts/Debug/index.native.js

@@ -1,187 +1,97 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import i18n from "i18next";
-import { config } from "multiplatform.one";
-import { createWithLayout, useLanguage } from "multiplatform.one";
-import { useTheme } from "multiplatform.one/theme";
-import { Adapt, Circle, Popover, Select, XStack, YStack } from "tamagui";
-import { useTint } from "../../tints";
-function DebugLayout(param) {
-  var { children, debugView, debugViewProps, rootThemeNames = [
-    "system",
-    "light",
-    "dark"
-  ], size = 12, subThemeNames = [
-    "blue",
-    "gray",
-    "green",
-    "orange",
-    "pink",
-    "purple",
-    "red",
-    "yellow"
-  ] } = param, { familiesNames, setFamily, name } = useTint(), DebugView = debugView, [theme, setTheme] = useTheme(), [language, setLanguage] = useLanguage();
-  function handleSubThemeChange(subTheme) {
-    setTheme({
-      sub: subTheme
-    });
-  }
-  function handleRootThemeChange(rootTheme) {
-    setTheme({
-      root: rootTheme
-    });
-  }
-  function renderSubThemeItems() {
-    return (subThemeNames || []).map(function(name2, i) {
-      return /* @__PURE__ */ _jsx(Select.Item, {
-        index: i,
-        value: name2,
-        children: /* @__PURE__ */ _jsx(Select.ItemText, {
-          children: name2
-        })
-      }, i + name2);
-    });
-  }
-  function renderRootThemeItems() {
-    return (rootThemeNames || []).map(function(name2, i) {
-      return /* @__PURE__ */ _jsx(Select.Item, {
-        index: i,
-        value: name2,
-        children: /* @__PURE__ */ _jsx(Select.ItemText, {
-          children: name2
-        })
-      }, i + name2);
-    });
-  }
-  function renderLocaleItems() {
-    return ((i18n === null || i18n === void 0 ? void 0 : i18n.languages) || []).map(function(name2, i) {
-      return /* @__PURE__ */ _jsx(Select.Item, {
-        index: i,
-        value: name2,
-        children: /* @__PURE__ */ _jsx(Select.ItemText, {
-          children: name2
-        })
-      }, i + name2);
-    });
-  }
-  function renderTintFamilyItems() {
-    return familiesNames.map(function(name2, i) {
-      return /* @__PURE__ */ _jsx(Select.Item, {
-        index: i,
-        value: name2,
-        children: /* @__PURE__ */ _jsx(Select.ItemText, {
-          children: name2
-        })
-      }, i + name2);
+"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 Debug_exports = {};
+__export(Debug_exports, {
+  DebugLayout: () => DebugLayout,
+  createWithDebugLayout: () => createWithDebugLayout,
+  withDebugLayout: () => withDebugLayout
+});
+module.exports = __toCommonJS(Debug_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_componentColors = require("../../componentColors.native.js");
+var import_platform = require("@multiplatform.one/platform");
+var import_platform2 = require("@multiplatform.one/platform");
+var import_theme = require("@multiplatform.one/theme");
+var import_tamagui = require("tamagui");
+function DebugLayout(param) {
+  var {
+    children,
+    debugView,
+    debugViewProps,
+    size = 12
+  } = param;
+  var {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)();
+  var DebugView = debugView;
   function renderDebug() {
-    return /* @__PURE__ */ _jsx(XStack, {
-      gap: "$4",
-      margin: "$4",
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.XStack, {
+      ...knobProps.gap,
+      margin: knobProps.panelPadding.padding,
       width: size,
       height: size,
-      children: /* @__PURE__ */ _jsxs(Popover, {
+      "data-testid": "debug-container",
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Popover, {
         placement: "right",
         size: "$5",
-        children: [
-          /* @__PURE__ */ _jsx(Popover.Trigger, {
-            children: /* @__PURE__ */ _jsx(Circle, {
-              cursor: "pointer",
-              backgroundColor: "$color9",
-              width: size,
-              height: size
-            })
-          }),
-          /* @__PURE__ */ _jsx(Adapt, {
-            children: /* @__PURE__ */ _jsxs(Popover.Sheet, {
-              modal: !0,
-              dismissOnSnapToBottom: !0,
-              children: [
-                /* @__PURE__ */ _jsx(Popover.Sheet.Frame, {
-                  padding: "$4",
-                  children: /* @__PURE__ */ _jsx(Adapt.Contents, {})
-                }),
-                /* @__PURE__ */ _jsx(Popover.Sheet.Overlay, {})
-              ]
-            })
-          }),
-          /* @__PURE__ */ _jsxs(Popover.Content, {
-            borderWidth: 1,
-            borderColor: "$borderColor",
-            elevate: !0,
-            children: [
-              /* @__PURE__ */ _jsx(XStack, {
-                gap: "$4"
-              }),
-              /* <SelectSimple
-                id="root-theme"
-                placeholder={theme.root}
-                width={96}
-                value={theme.root || 'system'}
-                onValueChange={handleRootThemeChange}
-              >
-                {renderRootThemeItems()}
-              </SelectSimple>
-              <SelectSimple
-                id="sub-theme"
-                placeholder={theme.sub}
-                width={96}
-                backgroundColor="$color5"
-                value={theme.sub?.toString()}
-                onValueChange={handleSubThemeChange}
-              >
-                {renderSubThemeItems()}
-              </SelectSimple>
-              <SelectSimple
-                id="locales"
-                width={96}
-                placeholder={locale}
-                backgroundColor="$color10"
-                value={language}
-                onValueChange={setLanguage}
-              >
-                {renderLocaleItems()}
-              </SelectSimple>
-              <SelectSimple
-                id="tint-families"
-                width={96}
-                placeholder={name.toString()}
-                backgroundColor="$color10"
-                value={name.toString()}
-                onValueChange={setFamily}
-              >
-                {renderTintFamilyItems()}
-              </SelectSimple> */
-              DebugView && /* @__PURE__ */ _jsx(DebugView, {
-                ...debugViewProps
-              })
-            ]
+        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Popover.Trigger, {
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Circle, {
+            cursor: "pointer",
+            backgroundColor: import_componentColors.componentColors.debug,
+            width: size,
+            height: size,
+            "data-testid": "debug-circle"
           })
-        ]
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Popover.Content, {
+          borderWidth: 1,
+          borderColor: "$borderColor",
+          elevation: knobProps.elevation,
+          children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.XStack, {
+            ...knobProps.gap
+          }), DebugView && /* @__PURE__ */(0, import_jsx_runtime.jsx)(DebugView, {
+            ...debugViewProps
+          })]
+        })]
       })
     });
   }
-  return config.get("DEBUG") !== "1" ? /* @__PURE__ */ _jsx(_Fragment, {
+  if (import_platform2.config.get("DEBUG") !== "1") return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {
     children
-  }) : /* @__PURE__ */ _jsxs(YStack, {
-    fullscreen: !0,
-    children: [
-      children,
-      /* @__PURE__ */ _jsx(YStack, {
-        position: "absolute",
-        children: renderDebug()
-      })
-    ]
+  });
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+    fullscreen: true,
+    "data-testid": "debug-layout-root",
+    children: [children, /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+      position: "absolute",
+      children: renderDebug()
+    })]
   });
 }
 function createWithDebugLayout(extraLayouts) {
   var debugLayoutProps = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
-  return createWithLayout(DebugLayout, extraLayouts, debugLayoutProps);
+  return (0, import_platform.createWithLayout)(DebugLayout, extraLayouts, debugLayoutProps);
 }
 var withDebugLayout = createWithDebugLayout();
-export {
-  DebugLayout,
-  createWithDebugLayout,
-  withDebugLayout
-};
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.native.js.map

package/dist/jsx/layouts/Debug/index.native.js.map

@@ -1,6 +1 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/layouts/Debug/home/clayrisser/Projects/bitspur/multiplatform.one/multiplatform.one/packages/components/src/layouts/Debug/index.tsx"],
-  "mappings": "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",
-  "names": ["i18n", "config", "createWithLayout", "useLanguage", "useTheme", "Adapt", "Circle", "Popover", "Select", "XStack", "YStack", "useTint", "DebugLayout", "children", "debugView", "debugViewProps", "rootThemeNames", "size", "subThemeNames", "familiesNames", "setFamily", "name", "DebugView", "theme", "setTheme", "language", "setLanguage", "handleSubThemeChange", "subTheme", "sub", "handleRootThemeChange", "rootTheme", "root", "renderSubThemeItems", "map", "i", "Item", "index", "value", "ItemText", "renderRootThemeItems", "renderLocaleItems", "languages", "renderTintFamilyItems", "renderDebug", "gap", "margin", "width", "height", "placement", "Trigger", "cursor", "backgroundColor", "Sheet", "modal", "dismissOnSnapToBottom", "Frame", "padding", "Contents", "Overlay", "Content", "borderWidth", "borderColor", "elevate", "get", "fullscreen", "position", "createWithDebugLayout", "extraLayouts", "debugLayoutProps", "withDebugLayout"]
-}
+{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toCommonJS","mod","value","Debug_exports","DebugLayout","createWithDebugLayout","withDebugLayout","module","exports","import_jsx_runtime","require","import_componentColors","import_platform","import_platform2","import_theme","import_tamagui","param","children","debugView","debugViewProps","size","knobProps","useResolvedKnobs","DebugView","renderDebug","jsx","XStack","gap","margin","panelPadding","padding","width","height","jsxs","Popover","placement","Trigger","Circle","cursor","backgroundColor","componentColors","debug","Content","borderWidth","borderColor","elevation"],"sources":["../../../../src/layouts/Debug/index.tsx"],"sourcesContent":[null],"mappings":"AAAA,YAAS;;AAET,IAAAA,SAAS,GAAAC,MAAA,CAAAC,cAAwB;AACjC,IAAAC,gBAAS,GAAcF,MAAA,CAAAG,wBAAA;AACvB,IAAAC,iBAAS,GAAAJ,MAAA,CAAAK,mBAAwB;AAEjC,IAAAC,YAAS,GAAQN,MAAA,CAASO,SAAQ,CAAAC,cAAc;AA6BpC,IAAAC,QAqB8B,GAAAA,CAAAC,MArB9B,EAQFC,GAAA;EA5BH,SAASC,IAAA,IAAAD,GAA4B,EAC1CZ,SAAA,CAAAW,MAAA,EAAAE,IAAA;IAAAC,GAAA,EAAAF,GAAA,CAAAC,IAAA;IAAAE,UAAA;EAAA;AAAA;AACA,IACAC,WAAA,GAAAA,CAAAC,EAAA,EAAAC,IAAA,EAAAC,MAAA,EAAAC,IAAA;EACA,IAAAF,IAAO,WAAAA,IAAA,wBAAAA,IAAA;IAC4B,SAAAG,GAAA,IAAAhB,iBAAA,CAAAa,IAAA,GACnC,IAAQ,CAAAX,YAAU,CAAIe,IAAA,CAAAL,EAAA,EAAAI,GAAA,KAAiBA,GAAA,KAAAF,MAAA,EACjCnB,SAAA,CAAAiB,EAAY,EAAAI,GAAA;MAAAP,GAAA,EAAAA,CAAA,KAAAI,IAAA,CAAAG,GAAA;MAAAN,UAAA,IAAAK,IAAA,GAAAjB,gBAAA,CAAAe,IAAA,EAAAG,GAAA,MAAAD,IAAA,CAAAL;IAAA;EAElB;EACE,OAAAE,EACE;AAAA;AAAC,IAAAM,YAAA,GAAAC,GAAA,IAAAR,WAAA,CAAAhB,SAAA;EAAAyB,KAAA;AAAA,IAAAD,GAAA;AAAA,IAAAE,aACK,IAAU;AAAAhB,QACd,CAAAgB,aAAQ;EAAuBC,WAC/B,EAAOA,CAAA,KAAAA,WAAA;EAAAC,qBACC,EAAAA,CAAA,KAAAA,qBAAA;EAAAC,eACR,EAAAA,CAAA,KAAYA;AAAA;AAGVC,MAAA,CAAAC,OAAA,GAAAR,YAAA,CAACG,aAAQ;AACP,IAAAM,kBAAC,GAAAC,OAAA;AAAA,IAAAC,sBAAA,GAAAD,OAAA;AAAA,IAAAE,eACC,GAAOF,OAAA;AAAA,IAAAG,gBACP,GAAAH,OAAA,CAAiB,6BAAgB;AAAA,IAAAI,YACjC,GAAAJ,OAAO;AAAA,IAAAK,cACP,GAAAL,OAAQ;AAAA,SAAAN,WACRA,CAAAY,KAAA;EAAY;IAAAC,QAAA;IAAAC,SAAA;IAAAC,cAAA;IAAAC,IAAA;EAAA,IAAAJ,KAAA;EAAA;IAAAK;EAEhB,QAAAP,YAAA,CAAAQ,gBAAA;EAAA,IAAAC,SACA,GAAAL,SAAA;EAAA,SAAAM,WAASA,CAAA;IAAA,sBAAR,IAAAf,kBAAA,CAAAgB,GAAA,EAAAV,cAAA,CAAAW,MAAA;MAAA,GAAAL,SACC,CAAAM,GAAA;MAAaC,MAAA,EACbP,SAAA,CAAAQ,YAAY,CAAAC,OAAA;MAAAC,KAAA,EAAAX,IACZ;MAAqBY,MAAA,EAErBZ,IAAA;MAAA,gCAAC;MAA0BH,QAAA,EAC1B,eAAa,IAAAR,kBAAC,CAAAwB,IAAA,EAAAlB,cAAe,CAAAmB,OAAwB;QAAAC,SAAA;QAAAf,IAAA;QAAAH,QACxD,kBACF,IAAAR,kBAAA,CAAAgB,GAAA,EAAAV,cAAA,CAAAmB,OAAA,CAAAE,OAAA;UAAAnB,QAAA,qBAAAR,kBAAA,CAAAgB,GAAA,EAAAV,cAAA,CAAAsB,MAAA;YACFC,MAAA;YAEJC,eAAA,EAAA5B,sBAAA,CAAA6B,eAAA,CAAAC,KAAA;YAEWV,KAAI,EAAAX,IAAO;YAEpBY,MAAA,EAAAZ,IAAA;YACG;UACD;QACF,IAEJ,mBAAAX,kBAAA,CAAAwB,IAAA,EAAAlB,cAAA,CAAAmB,OAAA,CAAAQ,OAAA;UAEgBC,WAAA;UAIPC,WAAA;UACLC,SAAA,EAAAxB,SAAA,CAAAwB,SAAA;UACA5B,QAAA,GACA,mBAAAR,kBAAA,CAAAgB,GAAA,EAAAV,cAAA,CAAAW,MAAA;YACF,GAAAL,SAAA,CAAAM;UACF,IAEaJ,SAAA,IAAkB,mBAAsBd,kBAAA,CAAAgB,GAAA,EAAAF,SAAA","ignoreList":[]}

package/dist/jsx/layouts/KeyboardAvoidingWrapper/KeyboardAvoidingWrapper.stories.mjs

@@ -0,0 +1,36 @@
+import { Input } from "@multiplatform.one/forms";
+import { Text, YStack } from "tamagui";
+import { KeyboardAvoidingWrapper } from "./index.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+const meta = {
+  title: "Components/KeyboardAvoidingWrapper",
+  component: KeyboardAvoidingWrapper,
+  parameters: {
+    status: {
+      type: "stable"
+    }
+  }
+};
+var KeyboardAvoidingWrapper_stories_default = meta;
+const Default = {
+  name: "Main",
+  render: () => /* @__PURE__ */jsx(KeyboardAvoidingWrapper, {
+    behavior: "padding",
+    padding: "$4",
+    children: /* @__PURE__ */jsxs(YStack, {
+      gap: "$4",
+      children: [/* @__PURE__ */jsx(Text, {
+        children: "Content inside KeyboardAvoidingWrapper"
+      }), /* @__PURE__ */jsx(Text, {
+        fontSize: "$2",
+        color: "$color10",
+        children: "On native, this shifts content when the keyboard appears. On web, it is a simple passthrough wrapper."
+      }), /* @__PURE__ */jsx(Input, {
+        label: "Test input",
+        placeholder: "Focus to test keyboard avoidance"
+      })]
+    })
+  })
+};
+export { Default, KeyboardAvoidingWrapper_stories_default as default };
+//# sourceMappingURL=KeyboardAvoidingWrapper.stories.mjs.map

package/dist/jsx/layouts/KeyboardAvoidingWrapper/KeyboardAvoidingWrapper.stories.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["Input","Text","YStack","KeyboardAvoidingWrapper","jsx","jsxs","meta","title","component","parameters","status","type","KeyboardAvoidingWrapper_stories_default","Default","name","render","behavior","padding","children","gap","fontSize","color","label","placeholder"],"sources":["../../../../src/layouts/KeyboardAvoidingWrapper/KeyboardAvoidingWrapper.stories.tsx"],"sourcesContent":[null],"mappings":"AACA,SAASA,KAAA,QAAa;AACtB,SAASC,IAAA,EAAMC,MAAA,QAAc;AAC7B,SAASC,uBAAA,QAA+B;AAiBlC,SACEC,GAAA,EADFC,IAAA;AAfN,MAAMC,IAAA,GAA6C;EACjDC,KAAA,EAAO;EACPC,SAAA,EAAWL,uBAAA;EACXM,UAAA,EAAY;IACVC,MAAA,EAAQ;MAAEC,IAAA,EAAM;IAAS;EAC3B;AACF;AAEA,IAAOC,uCAAA,GAAQN,IAAA;AAGR,MAAMO,OAAA,GAAiB;EAC5BC,IAAA,EAAM;EACNC,MAAA,EAAQA,CAAA,KACN,eAAAX,GAAA,CAACD,uBAAA;IAAwBa,QAAA,EAAS;IAAUC,OAAA,EAAQ;IAClDC,QAAA,iBAAAb,IAAA,CAACH,MAAA;MAAOiB,GAAA,EAAI;MACVD,QAAA,kBAAAd,GAAA,CAACH,IAAA;QAAKiB,QAAA;MAAA,CAAsC,GAC5C,eAAAd,GAAA,CAACH,IAAA;QAAKmB,QAAA,EAAS;QAAKC,KAAA,EAAM;QAAWH,QAAA;MAAA,CAGrC,GACA,eAAAd,GAAA,CAACJ,KAAA;QAAMsB,KAAA,EAAM;QAAaC,WAAA,EAAY;MAAA,CAAmC;IAAA,CAC3E;EAAA,CACF;AAEJ","ignoreList":[]}

package/dist/jsx/layouts/KeyboardAvoidingWrapper/KeyboardAvoidingWrapper.stories.native.js

@@ -0,0 +1,67 @@
+"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 KeyboardAvoidingWrapper_stories_exports = {};
+__export(KeyboardAvoidingWrapper_stories_exports, {
+  Default: () => Default,
+  default: () => KeyboardAvoidingWrapper_stories_default
+});
+module.exports = __toCommonJS(KeyboardAvoidingWrapper_stories_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_forms = require("@multiplatform.one/forms");
+var import_tamagui = require("tamagui");
+var import_index = require("./index.native.js");
+var meta = {
+  title: "Components/KeyboardAvoidingWrapper",
+  component: import_index.KeyboardAvoidingWrapper,
+  parameters: {
+    status: {
+      type: "stable"
+    }
+  }
+};
+var KeyboardAvoidingWrapper_stories_default = meta;
+var Default = {
+  name: "Main",
+  render: function render() {
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.KeyboardAvoidingWrapper, {
+      behavior: "padding",
+      padding: "$4",
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+        gap: "$4",
+        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+          children: "Content inside KeyboardAvoidingWrapper"
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+          fontSize: "$2",
+          color: "$color10",
+          children: "On native, this shifts content when the keyboard appears. On web, it is a simple passthrough wrapper."
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Input, {
+          label: "Test input",
+          placeholder: "Focus to test keyboard avoidance"
+        })]
+      })
+    });
+  }
+};
+//# sourceMappingURL=KeyboardAvoidingWrapper.stories.native.js.map

package/dist/jsx/layouts/KeyboardAvoidingWrapper/KeyboardAvoidingWrapper.stories.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toCommonJS","mod","value","KeyboardAvoidingWrapper_stories_exports"],"sources":["../../../../src/layouts/KeyboardAvoidingWrapper/KeyboardAvoidingWrapper.stories.tsx"],"sourcesContent":[null],"mappings":"AACA,YAAS;;AACT,IAAAA,SAAS,GAAMC,MAAA,CAAAC,cAAc;AAC7B,IAAAC,gBAAS,GAAAF,MAAA,CAAAG,wBAA+B;AAiBlC,IAAAC,iBAAA,GAAAJ,MAAA,CAAAK,mBAAA;AAfN,IAAAC,YAAmD,GAAAN,MAAA,CAAAO,SAAA,CAAAC,cAAA;AAAA,IACjDC,QAAO,GAAAA,CAAAC,MAAA,EAAAC,GAAA;EACP,SAAAC,IAAW,IAAAD,GAAA,EACXZ,SAAA,CAAYW,MAAA,EAAAE,IAAA;IAAAC,GAAA,EAAAF,GAAA,CAAAC,IAAA;IAAAE,UAAA;EAAA;AAAA;AACe,IAC3BC,WAAA,GAAAA,CAAAC,EAAA,EAAAC,IAAA,EAAAC,MAAA,EAAAC,IAAA;EACF,IAAAF,IAAA,WAAAA,IAAA,wBAAAA,IAAA;IAEO,SAAAG,GAAA,IAAAhB,iBAAA,CAAAa,IAAA,GAGM,KAAAX,YAAiB,CAAAe,IAAA,CAAAL,EAAA,EAAAI,GAAA,KAAAA,GAAA,KAAAF,MAAA,EACtBnB,SAAA,CAAAiB,EAAA,EAAAI,GAAA;MAAAP,GAAA,EAAAA,CAAA,KAAAI,IAAA,CAAAG,GAAA;MAAAN,UAAA,IAAAK,IAAA,GAAAjB,gBAAA,CAAAe,IAAA,EAAAG,GAAA,MAAAD,IAAA,CAAAL;IAAA;EACN;EAGM,OAAAE,EAAA;AAA4C;AAI5C,IACAM,YAAA,GAAAC,GAAA,IAACR,WAAM,CAAMhB,SAAA,KAAa,cAAY;EAAAyB,KAAA;AAAA,IAAAD,GAAA;AAAmC,IAAAE,uCAE7E;AAEJhB,QAAA,CAAAgB,uCAAA","ignoreList":[]}

package/dist/jsx/layouts/KeyboardAvoidingWrapper/index.mjs

@@ -0,0 +1,17 @@
+import { YStack } from "tamagui";
+import { jsx } from "react/jsx-runtime";
+function KeyboardAvoidingWrapper({
+  children,
+  behavior: _behavior,
+  keyboardVerticalOffset: _offset,
+  enabled: _enabled,
+  ...stackProps
+}) {
+  return /* @__PURE__ */jsx(YStack, {
+    flex: 1,
+    ...stackProps,
+    children
+  });
+}
+export { KeyboardAvoidingWrapper };
+//# sourceMappingURL=index.mjs.map

package/dist/jsx/layouts/KeyboardAvoidingWrapper/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["YStack","jsx","KeyboardAvoidingWrapper","children","behavior","_behavior","keyboardVerticalOffset","_offset","enabled","_enabled","stackProps","flex"],"sources":["../../../../src/layouts/KeyboardAvoidingWrapper/index.tsx"],"sourcesContent":[null],"mappings":"AACA,SAASA,MAAA,QAAgC;AAoCrC,SAAAC,GAAA;AARG,SAASC,wBAAwB;EACtCC,QAAA;EACAC,QAAA,EAAUC,SAAA;EACVC,sBAAA,EAAwBC,OAAA;EACxBC,OAAA,EAASC,QAAA;EACT,GAAGC;AACL,GAAoD;EAClD,OACE,eAAAT,GAAA,CAACD,MAAA;IAAOW,IAAA,EAAM;IAAI,GAAGD,UAAA;IAClBP;EAAA,CACH;AAEJ","ignoreList":[]}

package/dist/jsx/layouts/KeyboardAvoidingWrapper/index.native.js

@@ -0,0 +1,60 @@
+"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 index_native_exports = {};
+__export(index_native_exports, {
+  KeyboardAvoidingWrapper: () => KeyboardAvoidingWrapper
+});
+module.exports = __toCommonJS(index_native_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react_native = require("react-native");
+var import_tamagui = require("tamagui");
+function KeyboardAvoidingWrapper(param) {
+  var {
+    children,
+    behavior,
+    keyboardVerticalOffset = 0,
+    enabled = true,
+    ...stackProps
+  } = param;
+  var defaultBehavior = import_react_native.Platform.OS === "ios" ? "padding" : "height";
+  var effectiveBehavior = behavior || defaultBehavior;
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react_native.KeyboardAvoidingView, {
+    style: styles.container,
+    behavior: effectiveBehavior,
+    keyboardVerticalOffset,
+    enabled,
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+      flex: 1,
+      ...stackProps,
+      children
+    })
+  });
+}
+var styles = import_react_native.StyleSheet.create({
+  container: {
+    flex: 1
+  }
+});
+//# sourceMappingURL=index.native.js.map

package/dist/jsx/layouts/KeyboardAvoidingWrapper/index.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["index_native_exports","__export","KeyboardAvoidingWrapper","module","exports","__toCommonJS","import_jsx_runtime","require","import_react_native","import_tamagui","param","children","behavior","keyboardVerticalOffset","enabled","stackProps","defaultBehavior","Platform","OS","effectiveBehavior","jsx","KeyboardAvoidingView","style","styles","container","YStack","flex","StyleSheet","create"],"sources":["../../../../src/layouts/KeyboardAvoidingWrapper/index.native.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,oBAAA;AAAAC,QAAA,CAAAD,oBAAA;EAAAE,uBAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAC,YAAA,CAAAL,oBAAA;AAAA,IAAAM,kBAAA,GAA4BC,OAAA;AAC5B,IAAAC,mBAAA,GAA2DD,OAAA;AAC3D,IAAAE,cAAA,GAAuBF,OAAA;AAiBZ,SAASL,wBAAwBQ,KAAA,EAAO;EAC/C,IAAI;IAAEC,QAAA;IAAUC,QAAA;IAAUC,sBAAA,GAAyB;IAAGC,OAAA,GAAU;IAAM,GAAGC;EAAW,IAAIL,KAAA;EAExF,IAAIM,eAAA,GAAkBR,mBAAA,CAAAS,QAAA,CAASC,EAAA,KAAO,QAAQ,YAAY;EAC1D,IAAIC,iBAAA,GAAoBP,QAAA,IAAYI,eAAA;EACpC,OAAqB,mBAAAV,kBAAA,CAAAc,GAAA,EAAKZ,mBAAA,CAAAa,oBAAA,EAAsB;IAC5CC,KAAA,EAAOC,MAAA,CAAOC,SAAA;IACdZ,QAAA,EAAUO,iBAAA;IACVN,sBAAA;IACAC,OAAA;IACAH,QAAA,EAAwB,mBAAAL,kBAAA,CAAAc,GAAA,EAAKX,cAAA,CAAAgB,MAAA,EAAQ;MACjCC,IAAA,EAAM;MACN,GAAGX,UAAA;MACHJ;IACJ,CAAC;EACL,CAAC;AACL;AACA,IAAIY,MAAA,GAASf,mBAAA,CAAAmB,UAAA,CAAWC,MAAA,CAAO;EAC3BJ,SAAA,EAAW;IACPE,IAAA,EAAM;EACV;AACJ,CAAC","ignoreList":[]}