@multiplatform.one/components 5.0.1 → 5.0.7

package/dist/cjs/ErrorBoundary/index.cjs

@@ -0,0 +1,57 @@
+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: !0
+    });
+  },
+  __copyProps = (to, from, except, desc) => {
+    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__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: !0
+}), mod);
+var ErrorBoundary_exports = {};
+__export(ErrorBoundary_exports, {
+  ErrorBoundary: () => ErrorBoundary
+});
+module.exports = __toCommonJS(ErrorBoundary_exports);
+var import_react = require("react"),
+  import_tamagui = require("tamagui"),
+  import_jsx_runtime = require("react/jsx-runtime");
+const logger = console;
+class ErrorBoundary extends import_react.Component {
+  static getDerivedStateFromError(_err) {
+    return {
+      hasError: !0
+    };
+  }
+  state = {
+    hasError: !1
+  };
+  componentDidCatch(err, errorInfo) {
+    logger.info({
+      error: err,
+      errorInfo
+    });
+  }
+  render() {
+    return this.state.hasError ? /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.H2, {
+        children: "Oops, there is an error!"
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Button, {
+        onPress: () => this.setState({
+          hasError: !1
+        }),
+        children: "Try again?"
+      })]
+    }) : this.props.children;
+  }
+}

package/dist/cjs/ErrorBoundary/index.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../src/ErrorBoundary/index.tsx"],
-  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAiC,kBACjC,iBAAmC,oBAkB3B;AAhBR,MAAM,SAAS;AAER,MAAM,sBAAsB,uBAAe;AAAA,EAChD,OAAO,yBAAyB,MAAa;AAC3C,WAAO,EAAE,UAAU,GAAK;AAAA,EAC1B;AAAA,EAEA,QAAQ,EAAE,UAAU,GAAM;AAAA,EAE1B,kBAAkB,KAAY,WAAgB;AAC5C,WAAO,KAAK,EAAE,OAAO,KAAK,UAAU,CAAC;AAAA,EACvC;AAAA,EAEA,SAAS;AACP,WAAI,KAAK,MAAM,WAEX,6CAAC,yBACC;AAAA,kDAAC,qBAAG,sCAAwB;AAAA,MAC5B,4CAAC,yBAAO,SAAS,MAAM,KAAK,SAAS,EAAE,UAAU,GAAM,CAAC,GAAG,wBAAU;AAAA,OACvE,IAGG,KAAK,MAAM;AAAA,EACpB;AACF;",
+  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA0B,kBAC1B,iBAAmC,oBAkB3B;AAhBR,MAAM,SAAS;AAER,MAAM,sBAAsB,uBAAe;AAAA,EAChD,OAAO,yBAAyB,MAAa;AAC3C,WAAO,EAAE,UAAU,GAAK;AAAA,EAC1B;AAAA,EAEA,QAAQ,EAAE,UAAU,GAAM;AAAA,EAE1B,kBAAkB,KAAY,WAAgB;AAC5C,WAAO,KAAK,EAAE,OAAO,KAAK,UAAU,CAAC;AAAA,EACvC;AAAA,EAEA,SAAS;AACP,WAAI,KAAK,MAAM,WAEX,6CAAC,yBACC;AAAA,kDAAC,qBAAG,sCAAwB;AAAA,MAC5B,4CAAC,yBAAO,SAAS,MAAM,KAAK,SAAS,EAAE,UAAU,GAAM,CAAC,GAAG,wBAE3D;AAAA,OACF,IAGG,KAAK,MAAM;AAAA,EACpB;AACF;",
   "names": []
 }

package/dist/cjs/ErrorBoundary/index.native.js

@@ -1,3 +1,4 @@
+"use strict";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
@@ -23,6 +24,9 @@ function _assert_this_initialized(self) {
     throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
   return self;
 }
+function _call_super(_this, derived, args) {
+  return derived = _get_prototype_of(derived), _possible_constructor_return(_this, _is_native_reflect_construct() ? Reflect.construct(derived, args || [], _get_prototype_of(_this).constructor) : derived.apply(_this, args));
+}
 function _class_call_check(instance, Constructor) {
   if (!(instance instanceof Constructor))
     throw new TypeError("Cannot call a class as a function");
@@ -73,35 +77,22 @@ function _type_of(obj) {
   return obj && typeof Symbol < "u" && obj.constructor === Symbol ? "symbol" : typeof obj;
 }
 function _is_native_reflect_construct() {
-  if (typeof Reflect > "u" || !Reflect.construct || Reflect.construct.sham) return !1;
-  if (typeof Proxy == "function") return !0;
   try {
-    return Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function() {
-    })), !0;
+    var result = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function() {
+    }));
   } catch {
-    return !1;
   }
-}
-function _create_super(Derived) {
-  var hasNativeReflectConstruct = _is_native_reflect_construct();
-  return function() {
-    var Super = _get_prototype_of(Derived), result;
-    if (hasNativeReflectConstruct) {
-      var NewTarget = _get_prototype_of(this).constructor;
-      result = Reflect.construct(Super, arguments, NewTarget);
-    } else
-      result = Super.apply(this, arguments);
-    return _possible_constructor_return(this, result);
-  };
+  return (_is_native_reflect_construct = function() {
+    return !!result;
+  })();
 }
 var logger = console, ErrorBoundary = /* @__PURE__ */ function(Component2) {
   "use strict";
   _inherits(ErrorBoundary2, Component2);
-  var _super = _create_super(ErrorBoundary2);
   function ErrorBoundary2() {
     _class_call_check(this, ErrorBoundary2);
     var _this;
-    return _this = _super.apply(this, arguments), _define_property(_assert_this_initialized(_this), "state", {
+    return _this = _call_super(this, ErrorBoundary2, arguments), _define_property(_this, "state", {
       hasError: !1
     }), _this;
   }

package/dist/cjs/ErrorBoundary/index.native.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../src/ErrorBoundary/home/dharmendraboddeda/Projects/bitspur/multiplatform.one/multiplatform.one/packages/components/src/ErrorBoundary/index.tsx"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;uDAAA,eAAiC,kBACjC,iBAAmC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEnC,IAAMA,SAASC,SAEFC,gBAAN,yBAAAC,YAAA;;YAAMD,gBAAAA,UAAAA;6BAAAA,cAAAA;WAAAA,iBAAAA;4BAAAA,cAAAA;;kDAKXE,iBAAAA,yBAAAA,KAAAA,GAAAA,SAAQ;MAAEC,UAAU;IAAM,CAAA;;uBALfH,gBAAAA;;MAOXI,KAAAA;aAAAA,SAAkBC,KAAYC,WAAc;AAC1CR,eAAOS,KAAK;UAAEC,OAAOH;UAAKC;QAAU,CAAA;MACtC;;;MAEAG,KAAAA;aAAAA,WAAAA;;AACE,eAAI,KAAKP,MAAMC,WAEX,uCAAAO,MAACC,uBAAAA;;YACC,uCAAAC,KAACC,mBAAAA;wBAAG;;YACJ,uCAAAD,KAACE,uBAAAA;cAAOC,SAAS,WAAA;uBAAM,MAAKC,SAAS;kBAAEb,UAAU;gBAAM,CAAA;;wBAAI;;;aAI1D,KAAKc,MAAMC;MACpB;;;;MApBOC,KAAAA;aAAP,SAAgCC,MAAW;AACzC,eAAO;UAAEjB,UAAU;QAAK;MAC1B;;MAHWH;EAAsBC,sBAAAA;",
+  "sources": ["../../../src/ErrorBoundary/home/clayrisser/Projects/bitspur/multiplatform.one/multiplatform.one/packages/components/src/ErrorBoundary/index.tsx"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;uDAAA,eAA0B,kBAC1B,iBAAmC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEnC,IAAMA,SAASC,SAEFC,gBAAN,yBAAAC,YAAA;;YAAMD,gBAAAA,UAAAA;WAAAA,iBAAAA;4BAAAA,cAAAA;;mBAAN,YAAA,MAAMA,gBAAAA,SAAAA,GAKXE,iBAAAA,OAAAA,SAAQ;MAAEC,UAAU;IAAM,CAAA;;uBALfH,gBAAAA;;MAOXI,KAAAA;aAAAA,SAAkBC,KAAYC,WAAc;AAC1CR,eAAOS,KAAK;UAAEC,OAAOH;UAAKC;QAAU,CAAA;MACtC;;;MAEAG,KAAAA;aAAAA,WAAAA;;AACE,eAAI,KAAKP,MAAMC,WAEX,uCAAAO,MAACC,uBAAAA;;YACC,uCAAAC,KAACC,mBAAAA;wBAAG;;YACJ,uCAAAD,KAACE,uBAAAA;cAAOC,SAAS,WAAA;uBAAM,MAAKC,SAAS;kBAAEb,UAAU;gBAAM,CAAA;;wBAAI;;;aAM1D,KAAKc,MAAMC;MACpB;;;;MAtBOC,KAAAA;aAAP,SAAgCC,MAAW;AACzC,eAAO;UAAEjB,UAAU;QAAK;MAC1B;;MAHWH;EAAsBC,sBAAAA;",
   "names": ["logger", "console", "ErrorBoundary", "Component", "state", "hasError", "componentDidCatch", "err", "errorInfo", "info", "error", "render", "_jsxs", "YStack", "_jsx", "H2", "Button", "onPress", "setState", "props", "children", "getDerivedStateFromError", "_err"]
 }

package/dist/cjs/code/Code/Code.stories.cjs

@@ -0,0 +1,43 @@
+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: !0
+    });
+  },
+  __copyProps = (to, from, except, desc) => {
+    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__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: !0
+}), mod);
+var Code_stories_exports = {};
+__export(Code_stories_exports, {
+  default: () => Code_stories_default,
+  main: () => main
+});
+module.exports = __toCommonJS(Code_stories_exports);
+var import_index = require("./index.cjs");
+const meta = {
+    title: "code/Code",
+    component: import_index.Code,
+    parameters: {
+      status: {
+        type: "beta"
+      }
+    }
+  },
+  main = {
+    args: {
+      children: `const hello = "world"
+const hello = "world"`
+    }
+  };
+var Code_stories_default = meta;

package/dist/cjs/code/Code/Code.stories.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/code/Code/Code.stories.tsx"],
-  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAqBA,mBAAqB;AAGrB,MAAM,OAAa;AAAA,EACjB,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY;AAAA,IACV,QAAQ,EAAE,MAAM,OAAO;AAAA,EACzB;AACF,GAEa,OAA8B;AAAA,EACzC,MAAM;AAAA,IACJ,UAAU;AAAA;AAAA,EAEZ;AACF;AAEA,IAAO,uBAAQ;",
+  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAsBA,mBAAqB;AAErB,MAAM,OAAa;AAAA,EACjB,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY;AAAA,IACV,QAAQ,EAAE,MAAM,OAAO;AAAA,EACzB;AACF,GAEa,OAA8B;AAAA,EACzC,MAAM;AAAA,IACJ,UAAU;AAAA;AAAA,EAEZ;AACF;AAEA,IAAO,uBAAQ;",
   "names": []
 }

package/dist/cjs/code/Code/Code.stories.native.js

@@ -1,3 +1,4 @@
+"use strict";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;

package/dist/cjs/code/Code/Code.stories.native.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../../src/code/Code/home/dharmendraboddeda/Projects/bitspur/multiplatform.one/multiplatform.one/packages/components/src/code/Code/Code.stories.tsx"],
-  "mappings": ";;;;;;;;;;;;;;AAAA;;;;;;AAqBA,mBAAqB,oBAGfA,OAAa;EACjBC,OAAO;EACPC,WAAWC;EACXC,YAAY;IACVC,QAAQ;MAAEC,MAAM;IAAO;EACzB;AACF,GAEaC,OAA8B;EACzCC,MAAM;IACJC,UAAW;;EAEb;AACF,GAEA,uBAAeT;",
+  "sources": ["../../../../src/code/Code/home/clayrisser/Projects/bitspur/multiplatform.one/multiplatform.one/packages/components/src/code/Code/Code.stories.tsx"],
+  "mappings": ";;;;;;;;;;;;;;;AAAA;;;;;;AAsBA,mBAAqB,oBAEfA,OAAa;EACjBC,OAAO;EACPC,WAAWC;EACXC,YAAY;IACVC,QAAQ;MAAEC,MAAM;IAAO;EACzB;AACF,GAEaC,OAA8B;EACzCC,MAAM;IACJC,UAAU;;EAEZ;AACF,GAEA,uBAAeT;",
   "names": ["meta", "title", "component", "Code", "parameters", "status", "type", "main", "args", "children"]
 }

package/dist/cjs/code/Code/index.cjs

@@ -0,0 +1,62 @@
+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: !0
+    });
+  },
+  __copyProps = (to, from, except, desc) => {
+    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__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: !0
+}), mod);
+var Code_exports = {};
+__export(Code_exports, {
+  Code: () => Code,
+  CodeInline: () => CodeInline
+});
+module.exports = __toCommonJS(Code_exports);
+var import_multiplatform = require("multiplatform.one"),
+  import_tamagui = require("tamagui");
+const Code = (0, import_tamagui.styled)(import_tamagui.Paragraph, {
+    name: "Code",
+    borderRadius: "$4",
+    cursor: "inherit",
+    // @ts-ignore
+    fontFamily: import_multiplatform.isWeb ? "$mono" : void 0,
+    lineHeight: 18,
+    padding: "$1",
+    // @ts-ignore
+    size: "$3",
+    tag: "code",
+    whiteSpace: "pre",
+    variants: {
+      colored: {
+        true: {
+          backgroundColor: "$background",
+          color: "$color"
+        }
+      }
+    }
+  }),
+  CodeInline = (0, import_tamagui.styled)(import_tamagui.Paragraph, {
+    name: "CodeInline",
+    backgroundColor: "$background",
+    borderRadius: "$3",
+    color: "$colorHover",
+    cursor: "inherit",
+    // @ts-ignore
+    fontFamily: import_multiplatform.isWeb ? "$mono" : void 0,
+    // @ts-ignore
+    fontSize: "85%",
+    padding: "$1.5",
+    tag: "code"
+  });

package/dist/cjs/code/Code/index.js

@@ -18,13 +18,13 @@ __export(Code_exports, {
   CodeInline: () => CodeInline
 });
 module.exports = __toCommonJS(Code_exports);
-var import_tamagui = require("tamagui"), import_react_native = require("react-native-web");
+var import_multiplatform = require("multiplatform.one"), import_tamagui = require("tamagui");
 const Code = (0, import_tamagui.styled)(import_tamagui.Paragraph, {
   name: "Code",
   borderRadius: "$4",
   cursor: "inherit",
   // @ts-ignore
-  fontFamily: import_react_native.Platform.OS === "web" ? "$mono" : void 0,
+  fontFamily: import_multiplatform.isWeb ? "$mono" : void 0,
   lineHeight: 18,
   padding: "$1",
   // @ts-ignore
@@ -46,7 +46,7 @@ const Code = (0, import_tamagui.styled)(import_tamagui.Paragraph, {
   color: "$colorHover",
   cursor: "inherit",
   // @ts-ignore
-  fontFamily: import_react_native.Platform.OS === "web" ? "$mono" : void 0,
+  fontFamily: import_multiplatform.isWeb ? "$mono" : void 0,
   // @ts-ignore
   fontSize: "85%",
   padding: "$1.5",

package/dist/cjs/code/Code/index.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/code/Code/index.ts"],
-  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAsBA,qBAAkC,oBAClC,sBAAyB;AAElB,MAAM,WAAO,uBAAO,0BAAW;AAAA,EACpC,MAAM;AAAA,EACN,cAAc;AAAA,EACd,QAAQ;AAAA;AAAA,EAER,YAAY,6BAAS,OAAO,QAAQ,UAAU;AAAA,EAC9C,YAAY;AAAA,EACZ,SAAS;AAAA;AAAA,EAET,MAAM;AAAA,EACN,KAAK;AAAA,EACL,YAAY;AAAA,EACZ,UAAU;AAAA,IACR,SAAS;AAAA,MACP,MAAM;AAAA,QACJ,iBAAiB;AAAA,QACjB,OAAO;AAAA,MACT;AAAA,IACF;AAAA,EACF;AACF,CAAC,GAEY,iBAAa,uBAAO,0BAAW;AAAA,EAC1C,MAAM;AAAA,EACN,iBAAiB;AAAA,EACjB,cAAc;AAAA,EACd,OAAO;AAAA,EACP,QAAQ;AAAA;AAAA,EAER,YAAY,6BAAS,OAAO,QAAQ,UAAU;AAAA;AAAA,EAE9C,UAAU;AAAA,EACV,SAAS;AAAA,EACT,KAAK;AACP,CAAC;",
+  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAqBA,2BAAsB,8BAEtB,iBAAkC;AAE3B,MAAM,WAAO,uBAAO,0BAAW;AAAA,EACpC,MAAM;AAAA,EACN,cAAc;AAAA,EACd,QAAQ;AAAA;AAAA,EAER,YAAY,6BAAQ,UAAU;AAAA,EAC9B,YAAY;AAAA,EACZ,SAAS;AAAA;AAAA,EAET,MAAM;AAAA,EACN,KAAK;AAAA,EACL,YAAY;AAAA,EACZ,UAAU;AAAA,IACR,SAAS;AAAA,MACP,MAAM;AAAA,QACJ,iBAAiB;AAAA,QACjB,OAAO;AAAA,MACT;AAAA,IACF;AAAA,EACF;AACF,CAAC,GAEY,iBAAa,uBAAO,0BAAW;AAAA,EAC1C,MAAM;AAAA,EACN,iBAAiB;AAAA,EACjB,cAAc;AAAA,EACd,OAAO;AAAA,EACP,QAAQ;AAAA;AAAA,EAER,YAAY,6BAAQ,UAAU;AAAA;AAAA,EAE9B,UAAU;AAAA,EACV,SAAS;AAAA,EACT,KAAK;AACP,CAAC;",
   "names": []
 }

package/dist/cjs/code/Code/index.native.js

@@ -1,3 +1,4 @@
+"use strict";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
@@ -18,12 +19,12 @@ __export(Code_exports, {
   CodeInline: () => CodeInline
 });
 module.exports = __toCommonJS(Code_exports);
-var import_tamagui = require("tamagui"), import_react_native = require("react-native"), Code = (0, import_tamagui.styled)(import_tamagui.Paragraph, {
+var import_multiplatform = require("multiplatform.one"), import_tamagui = require("tamagui"), Code = (0, import_tamagui.styled)(import_tamagui.Paragraph, {
   name: "Code",
   borderRadius: "$4",
   cursor: "inherit",
   // @ts-ignore
-  fontFamily: import_react_native.Platform.OS === "web" ? "$mono" : void 0,
+  fontFamily: import_multiplatform.isWeb ? "$mono" : void 0,
   lineHeight: 18,
   padding: "$1",
   // @ts-ignore
@@ -45,7 +46,7 @@ var import_tamagui = require("tamagui"), import_react_native = require("react-na
   color: "$colorHover",
   cursor: "inherit",
   // @ts-ignore
-  fontFamily: import_react_native.Platform.OS === "web" ? "$mono" : void 0,
+  fontFamily: import_multiplatform.isWeb ? "$mono" : void 0,
   // @ts-ignore
   fontSize: "85%",
   padding: "$1.5",

package/dist/cjs/code/Code/index.native.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../../src/code/Code/home/dharmendraboddeda/Projects/bitspur/multiplatform.one/multiplatform.one/packages/components/src/code/Code/index.ts"],
-  "mappings": ";;;;;;;;;;;;;;AAAA;;;;;;AAsBA,qBAAkC,oBAClC,sBAAyB,yBAEZA,WAAOC,uBAAOC,0BAAW;EACpCC,MAAM;EACNC,cAAc;EACdC,QAAQ;;EAERC,YAAYC,6BAASC,OAAO,QAAQ,UAAUC;EAC9CC,YAAY;EACZC,SAAS;;EAETC,MAAM;EACNC,KAAK;EACLC,YAAY;EACZC,UAAU;IACRC,SAAS;MACPC,MAAM;QACJC,iBAAiB;QACjBC,OAAO;MACT;IACF;EACF;AACF,CAAA,GAEaC,iBAAanB,uBAAOC,0BAAW;EAC1CC,MAAM;EACNe,iBAAiB;EACjBd,cAAc;EACde,OAAO;EACPd,QAAQ;;EAERC,YAAYC,6BAASC,OAAO,QAAQ,UAAUC;;EAE9CY,UAAU;EACVV,SAAS;EACTE,KAAK;AACP,CAAA;",
-  "names": ["Code", "styled", "Paragraph", "name", "borderRadius", "cursor", "fontFamily", "Platform", "OS", "undefined", "lineHeight", "padding", "size", "tag", "whiteSpace", "variants", "colored", "true", "backgroundColor", "color", "CodeInline", "fontSize"]
+  "sources": ["../../../../src/code/Code/home/clayrisser/Projects/bitspur/multiplatform.one/multiplatform.one/packages/components/src/code/Code/index.ts"],
+  "mappings": ";;;;;;;;;;;;;;;AAAA;;;;;;AAqBA,2BAAsB,8BAEtB,iBAAkC,oBAErBA,WAAOC,uBAAOC,0BAAW;EACpCC,MAAM;EACNC,cAAc;EACdC,QAAQ;;EAERC,YAAYC,6BAAQ,UAAUC;EAC9BC,YAAY;EACZC,SAAS;;EAETC,MAAM;EACNC,KAAK;EACLC,YAAY;EACZC,UAAU;IACRC,SAAS;MACPC,MAAM;QACJC,iBAAiB;QACjBC,OAAO;MACT;IACF;EACF;AACF,CAAA,GAEaC,iBAAalB,uBAAOC,0BAAW;EAC1CC,MAAM;EACNc,iBAAiB;EACjBb,cAAc;EACdc,OAAO;EACPb,QAAQ;;EAERC,YAAYC,6BAAQ,UAAUC;;EAE9BY,UAAU;EACVV,SAAS;EACTE,KAAK;AACP,CAAA;",
+  "names": ["Code", "styled", "Paragraph", "name", "borderRadius", "cursor", "fontFamily", "isWeb", "undefined", "lineHeight", "padding", "size", "tag", "whiteSpace", "variants", "colored", "true", "backgroundColor", "color", "CodeInline", "fontSize"]
 }

package/dist/cjs/code/CodeBlock/CodeBlock.stories.cjs

@@ -0,0 +1,54 @@
+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: !0
+    });
+  },
+  __copyProps = (to, from, except, desc) => {
+    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__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: !0
+}), mod);
+var CodeBlock_stories_exports = {};
+__export(CodeBlock_stories_exports, {
+  default: () => CodeBlock_stories_default,
+  main: () => main
+});
+module.exports = __toCommonJS(CodeBlock_stories_exports);
+var import_index = require("./index.cjs");
+const meta = {
+    title: "code/CodeBlock",
+    component: import_index.CodeBlock,
+    parameters: {
+      status: {
+        type: "beta"
+      }
+    }
+  },
+  main = {
+    args: {
+      backgroundColor: "$color2",
+      debug: !1,
+      disableCopy: !1,
+      isCollapsible: !1,
+      isHighlightingLines: !0,
+      showLineNumbers: !1,
+      children: `
+const hello = 'world';
+
+function howdy() {
+  return 'texas';
+}
+`
+    }
+  };
+var CodeBlock_stories_default = meta;

package/dist/cjs/code/CodeBlock/CodeBlock.stories.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/code/CodeBlock/CodeBlock.stories.ts"],
-  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA0B;AAG1B,MAAM,OAAa;AAAA,EACjB,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY;AAAA,IACV,QAAQ,EAAE,MAAM,OAAO;AAAA,EACzB;AACF,GAEa,OAAmC;AAAA,EAC9C,MAAM;AAAA,IACJ,iBAAiB;AAAA,IACjB,OAAO;AAAA,IACP,aAAa;AAAA,IACb,eAAe;AAAA,IACf,qBAAqB;AAAA,IACrB,iBAAiB;AAAA,IACjB,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOZ;AACF;AAEA,IAAO,4BAAQ;",
+  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,mBAA0B;AAE1B,MAAM,OAAa;AAAA,EACjB,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY;AAAA,IACV,QAAQ,EAAE,MAAM,OAAO;AAAA,EACzB;AACF,GAEa,OAAmC;AAAA,EAC9C,MAAM;AAAA,IACJ,iBAAiB;AAAA,IACjB,OAAO;AAAA,IACP,aAAa;AAAA,IACb,eAAe;AAAA,IACf,qBAAqB;AAAA,IACrB,iBAAiB;AAAA,IACjB,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOZ;AACF;AAEA,IAAO,4BAAQ;",
   "names": []
 }

package/dist/cjs/code/CodeBlock/CodeBlock.stories.native.js

@@ -1,3 +1,4 @@
+"use strict";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;

package/dist/cjs/code/CodeBlock/CodeBlock.stories.native.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../../src/code/CodeBlock/home/dharmendraboddeda/Projects/bitspur/multiplatform.one/multiplatform.one/packages/components/src/code/CodeBlock/CodeBlock.stories.ts"],
-  "mappings": ";;;;;;;;;;;;;;AAAA;;;;;;mBAA0B,oBAGpBA,OAAa;EACjBC,OAAO;EACPC,WAAWC;EACXC,YAAY;IACVC,QAAQ;MAAEC,MAAM;IAAO;EACzB;AACF,GAEaC,OAAmC;EAC9CC,MAAM;IACJC,iBAAiB;IACjBC,OAAO;IACPC,aAAa;IACbC,eAAe;IACfC,qBAAqB;IACrBC,iBAAiB;IACjBC,UAAW;;;;;;;EAOb;AACF,GAEA,4BAAef;",
+  "sources": ["../../../../src/code/CodeBlock/home/clayrisser/Projects/bitspur/multiplatform.one/multiplatform.one/packages/components/src/code/CodeBlock/CodeBlock.stories.ts"],
+  "mappings": ";;;;;;;;;;;;;;;AACA;;;;;;mBAA0B,oBAEpBA,OAAa;EACjBC,OAAO;EACPC,WAAWC;EACXC,YAAY;IACVC,QAAQ;MAAEC,MAAM;IAAO;EACzB;AACF,GAEaC,OAAmC;EAC9CC,MAAM;IACJC,iBAAiB;IACjBC,OAAO;IACPC,aAAa;IACbC,eAAe;IACfC,qBAAqB;IACrBC,iBAAiB;IACjBC,UAAU;;;;;;;EAOZ;AACF,GAEA,4BAAef;",
   "names": ["meta", "title", "component", "CodeBlock", "parameters", "status", "type", "main", "args", "backgroundColor", "debug", "disableCopy", "isCollapsible", "isHighlightingLines", "showLineNumbers", "children"]
 }

package/dist/cjs/code/CodeBlock/index.cjs

@@ -0,0 +1,52 @@
+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: !0
+    });
+  },
+  __copyProps = (to, from, except, desc) => {
+    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__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: !0
+}), mod);
+var CodeBlock_exports = {};
+__export(CodeBlock_exports, {
+  CodeBlock: () => CodeBlock
+});
+module.exports = __toCommonJS(CodeBlock_exports);
+var import_react = require("react"),
+  import_MDX = require("../../mdx/MDX/index.cjs"),
+  import_MDXCodeBlockContext = require("../../mdx/MDXCodeBlock/MDXCodeBlockContext.cjs"),
+  import_jsx_runtime = require("react/jsx-runtime");
+function CodeBlock({
+  children,
+  language = "tsx",
+  components,
+  debug,
+  ...props
+}) {
+  const mdxString = (0, import_react.useMemo)(() => `\`\`\`${language}
+${children?.trim()}
+\`\`\``, [children, language]),
+    value = (0, import_react.useMemo)(() => ({
+      ...props,
+      debug
+    }), [props, debug]);
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_MDXCodeBlockContext.MDXCodeBlockContext.Provider, {
+    value,
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_MDX.MDX, {
+      components,
+      debug,
+      children: mdxString
+    })
+  });
+}

package/dist/cjs/code/CodeBlock/index.js

@@ -18,7 +18,13 @@ __export(CodeBlock_exports, {
 });
 module.exports = __toCommonJS(CodeBlock_exports);
 var import_react = require("react"), import_MDX = require("../../mdx/MDX"), import_MDXCodeBlockContext = require("../../mdx/MDXCodeBlock/MDXCodeBlockContext"), import_jsx_runtime = require("react/jsx-runtime");
-function CodeBlock({ children, language = "tsx", components, debug, ...props }) {
+function CodeBlock({
+  children,
+  language = "tsx",
+  components,
+  debug,
+  ...props
+}) {
   const mdxString = (0, import_react.useMemo)(
     () => `\`\`\`${language}
 ${children?.trim()}

package/dist/cjs/code/CodeBlock/index.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/code/CodeBlock/index.tsx"],
-  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA+B,kBAG/B,aAAoB,0BACpB,6BAAoC,uDAiB9B;AAVC,SAAS,UAAU,EAAE,UAAU,WAAW,OAAO,YAAY,OAAO,GAAG,MAAM,GAAmB;AACrG,QAAM,gBAAY;AAAA,IAChB,MAAM,SAAS,QAAQ;AAAA,EACzB,UAAU,KAAK,CAAC;AAAA;AAAA,IAEd,CAAC,UAAU,QAAQ;AAAA,EACrB,GACM,YAAQ,sBAAQ,OAAO,EAAE,GAAG,OAAO,MAAM,IAAI,CAAC,OAAO,KAAK,CAAC;AACjE,SACE,4CAAC,+CAAoB,UAApB,EAA6B,OAC5B,sDAAC,kBAAI,YAAwB,OAC1B,qBACH,GACF;AAEJ;",
+  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAwB,kBAExB,aAAoB,0BAEpB,6BAAoC,uDAyB9B;AAhBC,SAAS,UAAU;AAAA,EACxB;AAAA,EACA,WAAW;AAAA,EACX;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAmB;AACjB,QAAM,gBAAY;AAAA,IAChB,MAAM,SAAS,QAAQ;AAAA,EACzB,UAAU,KAAK,CAAC;AAAA;AAAA,IAEd,CAAC,UAAU,QAAQ;AAAA,EACrB,GACM,YAAQ,sBAAQ,OAAO,EAAE,GAAG,OAAO,MAAM,IAAI,CAAC,OAAO,KAAK,CAAC;AACjE,SACE,4CAAC,+CAAoB,UAApB,EAA6B,OAC5B,sDAAC,kBAAI,YAAwB,OAC1B,qBACH,GACF;AAEJ;",
   "names": []
 }

package/dist/cjs/code/CodeBlock/index.native.js

@@ -1,3 +1,4 @@
+"use strict";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
@@ -18,73 +19,19 @@ __export(CodeBlock_exports, {
 });
 module.exports = __toCommonJS(CodeBlock_exports);
 var import_jsx_runtime = require("react/jsx-runtime"), import_react = require("react"), import_MDX = require("../../mdx/MDX"), import_MDXCodeBlockContext = require("../../mdx/MDXCodeBlock/MDXCodeBlockContext");
-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 _object_spread(target) {
-  for (var i = 1; i < arguments.length; i++) {
-    var source = arguments[i] != null ? arguments[i] : {}, ownKeys2 = Object.keys(source);
-    typeof Object.getOwnPropertySymbols == "function" && (ownKeys2 = ownKeys2.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
-      return Object.getOwnPropertyDescriptor(source, sym).enumerable;
-    }))), ownKeys2.forEach(function(key) {
-      _define_property(target, key, source[key]);
-    });
-  }
-  return target;
-}
-function ownKeys(object, enumerableOnly) {
-  var keys = Object.keys(object);
-  if (Object.getOwnPropertySymbols) {
-    var symbols = Object.getOwnPropertySymbols(object);
-    enumerableOnly && (symbols = symbols.filter(function(sym) {
-      return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-    })), keys.push.apply(keys, symbols);
-  }
-  return keys;
-}
-function _object_spread_props(target, source) {
-  return source = source ?? {}, Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function(key) {
-    Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
-  }), target;
-}
-function _object_without_properties(source, excluded) {
-  if (source == null) return {};
-  var target = _object_without_properties_loose(source, excluded), key, i;
-  if (Object.getOwnPropertySymbols) {
-    var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
-    for (i = 0; i < sourceSymbolKeys.length; i++)
-      key = sourceSymbolKeys[i], !(excluded.indexOf(key) >= 0) && Object.prototype.propertyIsEnumerable.call(source, key) && (target[key] = source[key]);
-  }
-  return target;
-}
-function _object_without_properties_loose(source, excluded) {
-  if (source == null) return {};
-  var target = {}, sourceKeys = Object.keys(source), key, i;
-  for (i = 0; i < sourceKeys.length; i++)
-    key = sourceKeys[i], !(excluded.indexOf(key) >= 0) && (target[key] = source[key]);
-  return target;
-}
-function CodeBlock(_param) {
-  var children = _param.children, _param_language = _param.language, language = _param_language === void 0 ? "tsx" : _param_language, components = _param.components, debug = _param.debug, props = _object_without_properties(_param, [
-    "children",
-    "language",
-    "components",
-    "debug"
-  ]), mdxString = (0, import_react.useMemo)(function() {
-    return "```".concat(language, `
-`).concat(children == null ? void 0 : children.trim(), "\n```");
+function CodeBlock(param) {
+  var { children, language = "tsx", components, debug, ...props } = param, mdxString = (0, import_react.useMemo)(function() {
+    return `\`\`\`${language}
+${children == null ? void 0 : children.trim()}
+\`\`\``;
   }, [
     children,
     language
   ]), value = (0, import_react.useMemo)(function() {
-    return _object_spread_props(_object_spread({}, props), {
+    return {
+      ...props,
       debug
-    });
+    };
   }, [
     props,
     debug

package/dist/cjs/code/CodeBlock/index.native.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../../src/code/CodeBlock/home/dharmendraboddeda/Projects/bitspur/multiplatform.one/multiplatform.one/packages/components/src/code/CodeBlock/index.tsx"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;uDAAA,eAA+B,kBAG/B,aAAoB,0BACpB,6BAAoC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAO7B,SAASA,UAAU,QAAA;MAAEC,WAAF,OAAEA,UAAAA,kBAAF,OAAYC,UAAAA,WAAAA,oBAAAA,SAAW,QAAA,iBAAOC,aAA9B,OAA8BA,YAAYC,QAA1C,OAA0CA,OAAUC,QAAAA,2BAApD,QAAA;IAAEJ;IAAUC;IAAkBC;IAAYC;MAC5DE,gBAAYC,sBAChB,WAAA;WAAO,MAAA,OAAQL,UAAS;CAAA,EACT,OAAjBD,YAAAA,OAAAA,SAAAA,SAAUO,KAAI,GAAG,OAAA;KAEf;IAACP;IAAUC;GAAS,GAEhBO,YAAQF,sBAAQ,WAAA;WAAO,qBAAA,eAAA,CAAA,GAAKF,KAAAA,GAAAA;MAAOD;;KAAU;IAACC;IAAOD;GAAM;AACjE,SACE,uCAAAM,KAACC,+CAAoBC,UAAQ;IAACH;cAC5B,uCAAAC,KAACG,gBAAAA;MAAIV;MAAwBC;gBAC1BE;;;AAIT;",
+  "sources": ["../../../../src/code/CodeBlock/home/clayrisser/Projects/bitspur/multiplatform.one/multiplatform.one/packages/components/src/code/CodeBlock/index.tsx"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;uDAAA,eAAwB,kBAExB,aAAoB,0BAEpB,6BAAoC;AAS7B,SAASA,UAAU,OAMT;MANS,EACxBC,UACAC,WAAW,OACXC,YACAC,OACA,GAAGC,MAAAA,IALqB,OAOlBC,gBAAYC,sBAChB,WAAA;WAAM,SAASL,QAAAA;EACjBD,YAAAA,OAAAA,SAAAA,SAAUO,KAAI,CAAA;;KAEZ;IAACP;IAAUC;GAAS,GAEhBO,YAAQF,sBAAQ,WAAA;WAAO;MAAE,GAAGF;MAAOD;IAAM;KAAI;IAACC;IAAOD;GAAM;AACjE,SACE,uCAAAM,KAACC,+CAAoBC,UAAQ;IAACH;cAC5B,uCAAAC,KAACG,gBAAAA;MAAIV;MAAwBC;gBAC1BE;;;AAIT;",
   "names": ["CodeBlock", "children", "language", "components", "debug", "props", "mdxString", "useMemo", "trim", "value", "_jsx", "MDXCodeBlockContext", "Provider", "MDX"]
 }

package/dist/cjs/code/Pre/index.cjs

@@ -0,0 +1,33 @@
+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: !0
+    });
+  },
+  __copyProps = (to, from, except, desc) => {
+    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__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: !0
+}), mod);
+var Pre_exports = {};
+__export(Pre_exports, {
+  Pre: () => Pre
+});
+module.exports = __toCommonJS(Pre_exports);
+var import_tamagui = require("tamagui");
+const Pre = (0, import_tamagui.styled)(import_tamagui.YStack, {
+  backgroundColor: "$background",
+  borderRadius: "$4",
+  overflow: "visible",
+  padding: "$4",
+  tag: "pre"
+});