@multiplatform.one/components 1.0.1 → 1.0.2

package/dist/esm/layouts/Debug/index.js

@@ -1,49 +1,54 @@
 import { Select, YStack, XStack, Adapt, Popover, Circle } from "tamagui";
 import { SelectSimple } from "../../forms/SelectSimple";
-import { createWithLayout, useLocale, useSupportedLocales } from "multiplatform.one";
+import { createWithLayout } from "multiplatform.one";
+import { useLocale, useSupportedLocales } from "@multiplatform.one/locales";
+import { useTheme } from "multiplatform.one/theme";
+import { useTint } from "../../tints";
 import { config } from "app/config";
-import { useThemeState } from "app/state/theme";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 function DebugLayout({
   children,
   debugView,
   debugViewProps,
-  rootThemeNames,
-  size,
-  subThemeNames
+  rootThemeNames = ["system", "light", "dark"],
+  size = 12,
+  subThemeNames = ["blue", "gray", "green", "orange", "pink", "purple", "red", "yellow"]
 }) {
-  const DebugView = debugView, [locale, setLocale] = useLocale(), themeState = useThemeState(), supportedLocales = useSupportedLocales();
+  const { familiesNames, setFamily, name } = useTint(), DebugView = debugView, [theme, setTheme] = useTheme(), [locale, setLocale] = useLocale(), supportedLocales = useSupportedLocales();
   function handleSubThemeChange(subTheme) {
-    themeState.setSub(subTheme);
+    setTheme({ sub: subTheme });
   }
   function handleRootThemeChange(rootTheme) {
-    themeState.setRoot(rootTheme);
+    setTheme({ root: rootTheme });
   }
   function renderSubThemeItems() {
-    return (subThemeNames || []).map((name, i) => /* @__PURE__ */ jsx(Select.Item, { index: i, value: name, children: /* @__PURE__ */ jsx(Select.ItemText, { children: name }) }, i + name));
+    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((name, i) => /* @__PURE__ */ jsx(Select.Item, { index: i, value: name, children: /* @__PURE__ */ jsx(Select.ItemText, { children: name }) }, i + name));
+    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 (supportedLocales || []).map((name, i) => /* @__PURE__ */ jsx(Select.Item, { index: i, value: name, children: /* @__PURE__ */ jsx(Select.ItemText, { children: name }) }, i + name));
+    return (supportedLocales || []).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));
   }
   function renderDebug() {
-    return /* @__PURE__ */ jsx(XStack, { space: !0, m: "$4", width: size, height: size, children: /* @__PURE__ */ jsxs(Popover, { placement: "right", size: "$5", children: [
+    return /* @__PURE__ */ jsx(XStack, { gap: !0, m: "$4", width: size, height: size, children: /* @__PURE__ */ jsxs(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__ */ jsxs(XStack, { space: !0, children: [
+        /* @__PURE__ */ jsxs(XStack, { gap: !0, children: [
           /* @__PURE__ */ jsx(
             SelectSimple,
             {
               id: "root-theme",
-              placeholder: themeState.root,
+              placeholder: theme.root,
               width: 96,
-              value: themeState.root,
+              value: theme.root || "system",
               onValueChange: handleRootThemeChange,
               children: renderRootThemeItems()
             }
@@ -52,10 +57,10 @@ function DebugLayout({
             SelectSimple,
             {
               id: "sub-theme",
-              placeholder: themeState.sub,
+              placeholder: theme.sub,
               width: 96,
               backgroundColor: "$color5",
-              value: themeState.sub,
+              value: theme.sub?.toString(),
               onValueChange: handleSubThemeChange,
               children: renderSubThemeItems()
             }
@@ -71,6 +76,18 @@ function DebugLayout({
               onValueChange: setLocale,
               children: renderLocaleItems()
             }
+          ),
+          /* @__PURE__ */ jsx(
+            SelectSimple,
+            {
+              id: "tint-families",
+              width: 96,
+              placeholder: name.toString(),
+              backgroundColor: "$color10",
+              value: name.toString(),
+              onValueChange: setFamily,
+              children: renderTintFamilyItems()
+            }
           )
         ] }),
         DebugView && /* @__PURE__ */ jsx(DebugView, { ...debugViewProps })
@@ -82,11 +99,6 @@ function DebugLayout({
     /* @__PURE__ */ jsx(YStack, { position: "absolute", children: renderDebug() })
   ] });
 }
-DebugLayout.defaultProps = {
-  rootThemeNames: ["light", "dark"],
-  size: 12,
-  subThemeNames: ["blue", "gray", "green", "orange", "pink", "purple", "red", "yellow"]
-};
 function createWithDebugLayout(extraLayouts, debugLayoutProps = {}) {
   return createWithLayout(DebugLayout, extraLayouts, debugLayoutProps);
 }

package/dist/esm/layouts/Debug/index.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/layouts/Debug/index.tsx"],
-  "mappings": "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",
-  "names": []
+  "mappings": "AAyBA,SAAS,QAAQ,QAAQ,QAAQ,OAAO,SAAS,cAAc;AAC/D,SAAS,oBAAoB;AAC7B,SAAS,wBAAwB;AACjC,SAAS,WAAW,2BAA2B;AAC/C,SAAS,gBAAgB;AACzB,SAAS,eAAe;AAExB,SAAS,cAAc;AAuCb,SAoGgC,UApGhC,KA4CE,YA5CF;AA1BH,SAAS,YAA4B;AAAA,EAC1C;AAAA,EACA;AAAA,EACA;AAAA,EACA,iBAAiB,CAAC,UAAU,SAAS,MAAM;AAAA,EAC3C,OAAO;AAAA,EACP,gBAAgB,CAAC,QAAQ,QAAQ,SAAS,UAAU,QAAQ,UAAU,OAAO,QAAQ;AACvF,GAAqC;AACnC,QAAM,EAAE,eAAe,WAAW,KAAK,IAAI,QAAQ,GAC7C,YAAY,WACZ,CAAC,OAAO,QAAQ,IAAI,SAAS,GAC7B,CAAC,QAAQ,SAAS,IAAI,UAAU,GAChC,mBAAmB,oBAAoB;AAE7C,WAAS,qBAAqB,UAAqB;AACjD,aAAS,EAAE,KAAK,SAAS,CAAC;AAAA,EAC5B;AAEA,WAAS,sBAAsB,WAAwB;AACrD,aAAS,EAAE,MAAM,UAAU,CAAC;AAAA,EAC9B;AAEA,WAAS,sBAAsB;AAC7B,YAAQ,iBAAiB,CAAC,GAAG,IAAI,CAACA,OAAc,MAE5C,oBAAC,OAAO,MAAP,EAA2B,OAAO,GAAG,OAAOA,OAC3C,8BAAC,OAAO,UAAP,EAAiB,UAAAA,OAAK,KADP,IAAIA,KAEtB,CAEH;AAAA,EACH;AAEA,WAAS,uBAAuB;AAC9B,YAAQ,kBAAkB,CAAC,GAAG,IAAI,CAACA,OAAc,MAE7C,oBAAC,OAAO,MAAP,EAA2B,OAAO,GAAG,OAAOA,OAC3C,8BAAC,OAAO,UAAP,EAAiB,UAAAA,OAAK,KADP,IAAIA,KAEtB,CAEH;AAAA,EACH;AAEA,WAAS,oBAAoB;AAC3B,YAAQ,oBAAoB,CAAC,GAAG,IAAI,CAACA,OAAc,MAE/C,oBAAC,OAAO,MAAP,EAA2B,OAAO,GAAG,OAAOA,OAC3C,8BAAC,OAAO,UAAP,EAAiB,UAAAA,OAAK,KADP,IAAIA,KAEtB,CAEH;AAAA,EACH;AAEA,WAAS,wBAAwB;AAC/B,WAAO,cAAc,IAAI,CAACA,OAAM,MAE5B,oBAAC,OAAO,MAAP,EAA2B,OAAO,GAAG,OAAOA,OAC3C,8BAAC,OAAO,UAAP,EAAiB,UAAAA,OAAK,KADP,IAAIA,KAEtB,CAEH;AAAA,EACH;AAEA,WAAS,cAAc;AACrB,WACE,oBAAC,UAAO,KAAG,IAAC,GAAE,MAAK,OAAO,MAAM,QAAQ,MACtC,+BAAC,WAAQ,WAAU,SAAQ,MAAK,MAC9B;AAAA,0BAAC,QAAQ,SAAR,EACC,8BAAC,UAAO,QAAO,WAAU,iBAAgB,WAAU,OAAO,MAAM,QAAQ,MAAM,GAChF;AAAA,MACA,oBAAC,SACC,+BAAC,QAAQ,OAAR,EAAc,OAAK,IAAC,uBAAqB,IACxC;AAAA,4BAAC,QAAQ,MAAM,OAAd,EAAoB,SAAQ,MAC3B,8BAAC,MAAM,UAAN,EAAe,GAClB;AAAA,QACA,oBAAC,QAAQ,MAAM,SAAd,EAAsB;AAAA,SACzB,GACF;AAAA,MACA,qBAAC,QAAQ,SAAR,EAAgB,aAAa,GAAG,aAAY,gBAAe,SAAO,IACjE;AAAA,6BAAC,UAAO,KAAG,IACT;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,IAAG;AAAA,cACH,aAAa,MAAM;AAAA,cACnB,OAAO;AAAA,cACP,OAAO,MAAM,QAAQ;AAAA,cACrB,eAAe;AAAA,cAEd,+BAAqB;AAAA;AAAA,UACxB;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACC,IAAG;AAAA,cACH,aAAa,MAAM;AAAA,cACnB,OAAO;AAAA,cACP,iBAAgB;AAAA,cAChB,OAAO,MAAM,KAAK,SAAS;AAAA,cAC3B,eAAe;AAAA,cAEd,8BAAoB;AAAA;AAAA,UACvB;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACC,IAAG;AAAA,cACH,OAAO;AAAA,cACP,aAAa;AAAA,cACb,iBAAgB;AAAA,cAChB,OAAO;AAAA,cACP,eAAe;AAAA,cAEd,4BAAkB;AAAA;AAAA,UACrB;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACC,IAAG;AAAA,cACH,OAAO;AAAA,cACP,aAAa,KAAK,SAAS;AAAA,cAC3B,iBAAgB;AAAA,cAChB,OAAO,KAAK,SAAS;AAAA,cACrB,eAAe;AAAA,cAEd,gCAAsB;AAAA;AAAA,UACzB;AAAA,WACF;AAAA,QACC,aAAa,oBAAC,aAAW,GAAI,gBAAwB;AAAA,SACxD;AAAA,OACF,GACF;AAAA,EAEJ;AAEA,SAAI,OAAO,IAAI,OAAO,MAAM,MAAY,gCAAG,UAAS,IAElD,qBAAC,UAAO,YAAU,IACf;AAAA;AAAA,IACD,oBAAC,UAAO,UAAS,YAAY,sBAAY,GAAE;AAAA,KAC7C;AAEJ;AAEO,SAAS,sBACd,cACA,mBAA0D,CAAC,GAC3D;AACA,SAAO,iBAAiB,aAAa,cAAc,gBAAgB;AACrE;AAEO,MAAM,kBAAkB,sBAAsB;",
+  "names": ["name"]
 }

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

@@ -0,0 +1,156 @@
+import { Select, YStack, XStack, Adapt, Popover, Circle } from "tamagui";
+import { SelectSimple } from "../../forms/SelectSimple/index.mjs";
+import { createWithLayout } from "multiplatform.one";
+import { useLocale, useSupportedLocales } from "@multiplatform.one/locales";
+import { useTheme } from "multiplatform.one/theme";
+import { useTint } from "../../tints.mjs";
+import { config } from "app/config";
+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"]
+}) {
+  const {
+      familiesNames,
+      setFamily,
+      name
+    } = useTint(),
+    DebugView = debugView,
+    [theme, setTheme] = useTheme(),
+    [locale, setLocale] = useLocale(),
+    supportedLocales = useSupportedLocales();
+  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 (supportedLocales || []).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));
+  }
+  function renderDebug() {
+    return /* @__PURE__ */jsx(XStack, {
+      gap: !0,
+      m: "$4",
+      width: size,
+      height: size,
+      children: /* @__PURE__ */jsxs(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__ */jsxs(XStack, {
+            gap: !0,
+            children: [/* @__PURE__ */jsx(SelectSimple, {
+              id: "root-theme",
+              placeholder: theme.root,
+              width: 96,
+              value: theme.root || "system",
+              onValueChange: handleRootThemeChange,
+              children: renderRootThemeItems()
+            }), /* @__PURE__ */jsx(SelectSimple, {
+              id: "sub-theme",
+              placeholder: theme.sub,
+              width: 96,
+              backgroundColor: "$color5",
+              value: theme.sub?.toString(),
+              onValueChange: handleSubThemeChange,
+              children: renderSubThemeItems()
+            }), /* @__PURE__ */jsx(SelectSimple, {
+              id: "locales",
+              width: 96,
+              placeholder: locale,
+              backgroundColor: "$color10",
+              value: locale,
+              onValueChange: setLocale,
+              children: renderLocaleItems()
+            }), /* @__PURE__ */jsx(SelectSimple, {
+              id: "tint-families",
+              width: 96,
+              placeholder: name.toString(),
+              backgroundColor: "$color10",
+              value: name.toString(),
+              onValueChange: setFamily,
+              children: renderTintFamilyItems()
+            })]
+          }), DebugView && /* @__PURE__ */jsx(DebugView, {
+            ...debugViewProps
+          })]
+        })]
+      })
+    });
+  }
+  return config.get("DEBUG") !== "1" ? /* @__PURE__ */jsx(Fragment, {
+    children
+  }) : /* @__PURE__ */jsxs(YStack, {
+    fullscreen: !0,
+    children: [children, /* @__PURE__ */jsx(YStack, {
+      position: "absolute",
+      children: renderDebug()
+    })]
+  });
+}
+function createWithDebugLayout(extraLayouts, debugLayoutProps = {}) {
+  return createWithLayout(DebugLayout, extraLayouts, debugLayoutProps);
+}
+const withDebugLayout = createWithDebugLayout();
+export { DebugLayout, createWithDebugLayout, withDebugLayout };

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

@@ -1,79 +1,249 @@
-import React from "react";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import "react";
 import { Select, YStack, XStack, Adapt, Popover, Circle } from "tamagui";
 import { SelectSimple } from "../../forms/SelectSimple";
-import { createWithLayout, useLocale, useSupportedLocales } from "multiplatform.one";
+import { createWithLayout } from "multiplatform.one";
+import { useLocale, useSupportedLocales } from "@multiplatform.one/locales";
+import { useTheme } from "multiplatform.one/theme";
+import { useTint } from "../../tints";
 import { config } from "app/config";
-import { useThemeState } from "app/state/theme";
-function DebugLayout({
-  children,
-  debugView,
-  debugViewProps,
-  rootThemeNames,
-  size,
-  subThemeNames
-}) {
-  const DebugView = debugView, [locale, setLocale] = useLocale(), themeState = useThemeState(), supportedLocales = useSupportedLocales();
+function _array_like_to_array(arr, len) {
+  (len == null || len > arr.length) && (len = arr.length);
+  for (var i = 0, arr2 = new Array(len); i < len; i++)
+    arr2[i] = arr[i];
+  return arr2;
+}
+function _array_with_holes(arr) {
+  if (Array.isArray(arr))
+    return arr;
+}
+function _define_property(obj, key, value) {
+  return key in obj ? Object.defineProperty(obj, key, {
+    value,
+    enumerable: !0,
+    configurable: !0,
+    writable: !0
+  }) : obj[key] = value, obj;
+}
+function _iterable_to_array_limit(arr, i) {
+  var _i = arr == null ? null : typeof Symbol < "u" && arr[Symbol.iterator] || arr["@@iterator"];
+  if (_i != null) {
+    var _arr = [], _n = !0, _d = !1, _s, _e;
+    try {
+      for (_i = _i.call(arr); !(_n = (_s = _i.next()).done) && (_arr.push(_s.value), !(i && _arr.length === i)); _n = !0)
+        ;
+    } catch (err) {
+      _d = !0, _e = err;
+    } finally {
+      try {
+        !_n && _i.return != null && _i.return();
+      } finally {
+        if (_d)
+          throw _e;
+      }
+    }
+    return _arr;
+  }
+}
+function _non_iterable_rest() {
+  throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function _object_spread(target) {
+  for (var i = 1; i < arguments.length; i++) {
+    var source = arguments[i] != null ? arguments[i] : {}, ownKeys = Object.keys(source);
+    typeof Object.getOwnPropertySymbols == "function" && (ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+      return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+    }))), ownKeys.forEach(function(key) {
+      _define_property(target, key, source[key]);
+    });
+  }
+  return target;
+}
+function _sliced_to_array(arr, i) {
+  return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
+}
+function _unsupported_iterable_to_array(o, minLen) {
+  if (o) {
+    if (typeof o == "string")
+      return _array_like_to_array(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor && (n = o.constructor.name), n === "Map" || n === "Set")
+      return Array.from(n);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))
+      return _array_like_to_array(o, minLen);
+  }
+}
+function DebugLayout(param) {
+  var children = param.children, debugView = param.debugView, debugViewProps = param.debugViewProps, _param_rootThemeNames = param.rootThemeNames, rootThemeNames = _param_rootThemeNames === void 0 ? [
+    "system",
+    "light",
+    "dark"
+  ] : _param_rootThemeNames, _param_size = param.size, size = _param_size === void 0 ? 12 : _param_size, _param_subThemeNames = param.subThemeNames, subThemeNames = _param_subThemeNames === void 0 ? [
+    "blue",
+    "gray",
+    "green",
+    "orange",
+    "pink",
+    "purple",
+    "red",
+    "yellow"
+  ] : _param_subThemeNames, _useTint = useTint(), familiesNames = _useTint.familiesNames, setFamily = _useTint.setFamily, name = _useTint.name, DebugView = debugView, _useTheme = _sliced_to_array(useTheme(), 2), theme = _useTheme[0], setTheme = _useTheme[1], _useLocale = _sliced_to_array(useLocale(), 2), locale = _useLocale[0], setLocale = _useLocale[1], supportedLocales = useSupportedLocales();
   function handleSubThemeChange(subTheme) {
-    themeState.setSub(subTheme);
+    setTheme({
+      sub: subTheme
+    });
   }
   function handleRootThemeChange(rootTheme) {
-    themeState.setRoot(rootTheme);
+    setTheme({
+      root: rootTheme
+    });
   }
   function renderSubThemeItems() {
-    return (subThemeNames || []).map((name, i) => /* @__PURE__ */ React.createElement(Select.Item, { key: i + name, index: i, value: name }, /* @__PURE__ */ React.createElement(Select.ItemText, null, name)));
+    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((name, i) => /* @__PURE__ */ React.createElement(Select.Item, { key: i + name, index: i, value: name }, /* @__PURE__ */ React.createElement(Select.ItemText, null, name)));
+    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 (supportedLocales || []).map((name, i) => /* @__PURE__ */ React.createElement(Select.Item, { key: i + name, index: i, value: name }, /* @__PURE__ */ React.createElement(Select.ItemText, null, name)));
+    return (supportedLocales || []).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);
+    });
   }
   function renderDebug() {
-    return /* @__PURE__ */ React.createElement(XStack, { space: !0, m: "$4", width: size, height: size }, /* @__PURE__ */ React.createElement(Popover, { placement: "right", size: "$5" }, /* @__PURE__ */ React.createElement(Popover.Trigger, null, /* @__PURE__ */ React.createElement(Circle, { cursor: "pointer", backgroundColor: "$color9", width: size, height: size })), /* @__PURE__ */ React.createElement(Adapt, null, /* @__PURE__ */ React.createElement(Popover.Sheet, { modal: !0, dismissOnSnapToBottom: !0 }, /* @__PURE__ */ React.createElement(Popover.Sheet.Frame, { padding: "$4" }, /* @__PURE__ */ React.createElement(Adapt.Contents, null)), /* @__PURE__ */ React.createElement(Popover.Sheet.Overlay, null))), /* @__PURE__ */ React.createElement(Popover.Content, { borderWidth: 1, borderColor: "$borderColor", elevate: !0 }, /* @__PURE__ */ React.createElement(XStack, { space: !0 }, /* @__PURE__ */ React.createElement(
-      SelectSimple,
-      {
-        id: "root-theme",
-        placeholder: themeState.root,
-        width: 96,
-        value: themeState.root,
-        onValueChange: handleRootThemeChange
-      },
-      renderRootThemeItems()
-    ), /* @__PURE__ */ React.createElement(
-      SelectSimple,
-      {
-        id: "sub-theme",
-        placeholder: themeState.sub,
-        width: 96,
-        backgroundColor: "$color5",
-        value: themeState.sub,
-        onValueChange: handleSubThemeChange
-      },
-      renderSubThemeItems()
-    ), /* @__PURE__ */ React.createElement(
-      SelectSimple,
-      {
-        id: "locales",
-        width: 96,
-        placeholder: locale,
-        backgroundColor: "$color10",
-        value: locale,
-        onValueChange: setLocale
-      },
-      renderLocaleItems()
-    )), DebugView && /* @__PURE__ */ React.createElement(DebugView, { ...debugViewProps }))));
+    var _theme_sub;
+    return /* @__PURE__ */ _jsx(XStack, {
+      gap: !0,
+      m: "$4",
+      width: size,
+      height: size,
+      children: /* @__PURE__ */ _jsxs(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__ */ _jsxs(XStack, {
+                gap: !0,
+                children: [
+                  /* @__PURE__ */ _jsx(SelectSimple, {
+                    id: "root-theme",
+                    placeholder: theme.root,
+                    width: 96,
+                    value: theme.root || "system",
+                    onValueChange: handleRootThemeChange,
+                    children: renderRootThemeItems()
+                  }),
+                  /* @__PURE__ */ _jsx(SelectSimple, {
+                    id: "sub-theme",
+                    placeholder: theme.sub,
+                    width: 96,
+                    backgroundColor: "$color5",
+                    value: (_theme_sub = theme.sub) === null || _theme_sub === void 0 ? void 0 : _theme_sub.toString(),
+                    onValueChange: handleSubThemeChange,
+                    children: renderSubThemeItems()
+                  }),
+                  /* @__PURE__ */ _jsx(SelectSimple, {
+                    id: "locales",
+                    width: 96,
+                    placeholder: locale,
+                    backgroundColor: "$color10",
+                    value: locale,
+                    onValueChange: setLocale,
+                    children: renderLocaleItems()
+                  }),
+                  /* @__PURE__ */ _jsx(SelectSimple, {
+                    id: "tint-families",
+                    width: 96,
+                    placeholder: name.toString(),
+                    backgroundColor: "$color10",
+                    value: name.toString(),
+                    onValueChange: setFamily,
+                    children: renderTintFamilyItems()
+                  })
+                ]
+              }),
+              DebugView && /* @__PURE__ */ _jsx(DebugView, _object_spread({}, debugViewProps))
+            ]
+          })
+        ]
+      })
+    });
   }
-  return config.get("DEBUG") !== "1" ? /* @__PURE__ */ React.createElement(React.Fragment, null, children) : /* @__PURE__ */ React.createElement(YStack, { fullscreen: !0 }, children, /* @__PURE__ */ React.createElement(YStack, { position: "absolute" }, renderDebug()));
+  return config.get("DEBUG") !== "1" ? /* @__PURE__ */ _jsx(_Fragment, {
+    children
+  }) : /* @__PURE__ */ _jsxs(YStack, {
+    fullscreen: !0,
+    children: [
+      children,
+      /* @__PURE__ */ _jsx(YStack, {
+        position: "absolute",
+        children: renderDebug()
+      })
+    ]
+  });
 }
-DebugLayout.defaultProps = {
-  rootThemeNames: ["light", "dark"],
-  size: 12,
-  subThemeNames: ["blue", "gray", "green", "orange", "pink", "purple", "red", "yellow"]
-};
-function createWithDebugLayout(extraLayouts, debugLayoutProps = {}) {
+function createWithDebugLayout(extraLayouts) {
+  var debugLayoutProps = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
   return createWithLayout(DebugLayout, extraLayouts, debugLayoutProps);
 }
-const withDebugLayout = createWithDebugLayout();
+var withDebugLayout = createWithDebugLayout();
 export {
   DebugLayout,
   createWithDebugLayout,

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../../src/layouts/Debug/index.tsx"],
-  "mappings": "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",
-  "names": []
+  "sources": ["../../../../src/layouts/Debug/Users/clayrisser/Projects/.bitspur/multiplatform.one/packages/components/src/layouts/Debug/index.tsx"],
+  "mappings": "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",
+  "names": ["Select", "YStack", "XStack", "Adapt", "Popover", "Circle", "SelectSimple", "createWithLayout", "useLocale", "useSupportedLocales", "useTheme", "useTint", "config", "DebugLayout", "children", "debugView", "debugViewProps", "rootThemeNames", "size", "subThemeNames", "familiesNames", "setFamily", "name", "DebugView", "theme", "setTheme", "locale", "setLocale", "supportedLocales", "handleSubThemeChange", "subTheme", "sub", "handleRootThemeChange", "rootTheme", "root", "renderSubThemeItems", "map", "i", "Item", "index", "value", "ItemText", "renderRootThemeItems", "renderLocaleItems", "renderTintFamilyItems", "renderDebug", "gap", "m", "width", "height", "placement", "Trigger", "cursor", "backgroundColor", "Sheet", "modal", "dismissOnSnapToBottom", "Frame", "padding", "Contents", "Overlay", "Content", "borderWidth", "borderColor", "elevate", "id", "placeholder", "onValueChange", "toString", "get", "fullscreen", "position", "createWithDebugLayout", "extraLayouts", "debugLayoutProps", "withDebugLayout"]
 }

package/dist/esm/layouts/index.mjs

@@ -0,0 +1 @@
+export * from "./Debug/index.mjs";

package/dist/esm/layouts/index.native.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../src/layouts/index.tsx"],
+  "sources": ["../../../src/layouts/Users/clayrisser/Projects/.bitspur/multiplatform.one/packages/components/src/layouts/index.tsx"],
   "mappings": "AAAA,cAAc;",
   "names": []
 }