@class101/cdn-ui-system 0.0.7 → 0.0.11

package/contexts/ImageContext/ImageContext.js

@@ -1,8 +1,10 @@
-// tools/builders/framer-esm/build/react-shim.js
-import * as React from "react";
+import {
+  init_react_shim
+} from "../../chunk-VIIHQGZ3.js";
 
 // libs/shared/ui-system/src/contexts/ImageContext/ImageContext.ts
-import {createContext, useContext} from "react";
+init_react_shim();
+import { createContext, useContext } from "react";
 var ImageContext = createContext({});
 ImageContext.displayName = "UiSystemImageContext";
 var useImageContext = () => useContext(ImageContext);

package/contexts/ImageContext/index.js

@@ -1,8 +1,10 @@
-// tools/builders/framer-esm/build/react-shim.js
-import * as React from "react";
+import {
+  init_react_shim
+} from "../../chunk-VIIHQGZ3.js";
 
 // libs/shared/ui-system/src/contexts/ImageContext/index.ts
-import {ImageContext, useImageContext} from "./ImageContext.js";
+init_react_shim();
+import { ImageContext, useImageContext } from "./ImageContext.js";
 export {
   ImageContext,
   useImageContext

package/contexts/LinkContext/LinkContext.js

@@ -1,8 +1,10 @@
-// tools/builders/framer-esm/build/react-shim.js
-import * as React from "react";
+import {
+  init_react_shim
+} from "../../chunk-VIIHQGZ3.js";
 
 // libs/shared/ui-system/src/contexts/LinkContext/LinkContext.ts
-import {createContext, useContext} from "react";
+init_react_shim();
+import { createContext, useContext } from "react";
 var LinkContext = createContext({});
 LinkContext.displayName = "UiSystemLinkContext";
 var useLinkContext = () => useContext(LinkContext);

package/contexts/LinkContext/index.js

@@ -1,8 +1,10 @@
-// tools/builders/framer-esm/build/react-shim.js
-import * as React from "react";
+import {
+  init_react_shim
+} from "../../chunk-VIIHQGZ3.js";
 
 // libs/shared/ui-system/src/contexts/LinkContext/index.ts
-import {LinkContext, useLinkContext} from "./LinkContext.js";
+init_react_shim();
+import { LinkContext, useLinkContext } from "./LinkContext.js";
 export {
   LinkContext,
   useLinkContext

package/contexts/SafeAreaContext/SafeAreaContext.js

@@ -0,0 +1,11 @@
+import {
+  React,
+  init_react_shim
+} from "../../chunk-VIIHQGZ3.js";
+
+// libs/shared/ui-system/src/contexts/SafeAreaContext/SafeAreaContext.tsx
+init_react_shim();
+var SafeAreaProvider = ({ children }) => /* @__PURE__ */ React.createElement(React.Fragment, null, children);
+export {
+  SafeAreaProvider
+};

package/contexts/SafeAreaContext/index.js

@@ -0,0 +1,10 @@
+import {
+  init_react_shim
+} from "../../chunk-VIIHQGZ3.js";
+
+// libs/shared/ui-system/src/contexts/SafeAreaContext/index.ts
+init_react_shim();
+import { SafeAreaProvider } from "./SafeAreaContext.js";
+export {
+  SafeAreaProvider
+};

package/contexts/ScrollContext/ScrollContext.js

@@ -0,0 +1,18 @@
+import {
+  init_react_shim
+} from "../../chunk-VIIHQGZ3.js";
+
+// libs/shared/ui-system/src/contexts/ScrollContext/ScrollContext.ts
+init_react_shim();
+import { createContext, useContext } from "react";
+var ScrollContext = createContext({});
+var useScrollContext = () => {
+  if (!ScrollContext) {
+    throw new Error("Not found context");
+  }
+  return useContext(ScrollContext);
+};
+export {
+  ScrollContext,
+  useScrollContext
+};

package/contexts/ScrollContext/index.js

@@ -0,0 +1,11 @@
+import {
+  init_react_shim
+} from "../../chunk-VIIHQGZ3.js";
+
+// libs/shared/ui-system/src/contexts/ScrollContext/index.ts
+init_react_shim();
+import { ScrollContext, useScrollContext } from "./ScrollContext.js";
+export {
+  ScrollContext,
+  useScrollContext
+};

package/contexts/UiSystemProvider.js

@@ -1,11 +1,20 @@
-// tools/builders/framer-esm/build/react-shim.js
-import * as React from "react";
+import {
+  ThemeProvider
+} from "../chunk-T7TBQTBE.js";
+import "../chunk-LE44IRCL.js";
+import "../chunk-CGEEKALF.js";
+import "../chunk-J3Q2BPOW.js";
+import {
+  React,
+  init_react_shim
+} from "../chunk-VIIHQGZ3.js";
 
 // libs/shared/ui-system/src/contexts/UiSystemProvider.tsx
-import {ThemeProvider} from "https://jspm.dev/@emotion/react@11.1.5";
-import {defaultTheme} from "../core/index.js";
-import {LinkContext} from "./LinkContext/index.js";
-import {ImageContext} from "./ImageContext/index.js";
+init_react_shim();
+import { defaultTheme } from "../core/index.js";
+import { ImageContext } from "./ImageContext/index.js";
+import { LinkContext } from "./LinkContext/index.js";
+import { SafeAreaProvider } from "./SafeAreaContext/index.js";
 var UiSystemProvider = ({
   children,
   imageLoader,
@@ -13,11 +22,11 @@ var UiSystemProvider = ({
   ImageComponent
 }) => /* @__PURE__ */ React.createElement(ThemeProvider, {
   theme: defaultTheme
-}, /* @__PURE__ */ React.createElement(LinkContext.Provider, {
-  value: {LinkComponent}
+}, /* @__PURE__ */ React.createElement(SafeAreaProvider, null, /* @__PURE__ */ React.createElement(LinkContext.Provider, {
+  value: { LinkComponent }
 }, /* @__PURE__ */ React.createElement(ImageContext.Provider, {
-  value: {imageLoader, ImageComponent}
-}, children)));
+  value: { imageLoader, ImageComponent }
+}, children))));
 export {
   UiSystemProvider
 };

package/core/colors/DarkModeColors.js

@@ -1,7 +1,9 @@
-// tools/builders/framer-esm/build/react-shim.js
-import * as React from "react";
+import {
+  init_react_shim
+} from "../../chunk-VIIHQGZ3.js";
 
 // libs/shared/ui-system/src/core/colors/DarkModeColors.ts
+init_react_shim();
 var DarkModeColors = {
   black: "#000000",
   white: "#FFFFFF",
@@ -127,7 +129,8 @@ var DarkModeColors = {
       55: "rgba(0, 0, 0, 0.55)",
       35: "rgba(0, 0, 0, 0.35)",
       25: "rgba(0, 0, 0, 0.25)",
-      5: "rgba(0, 0, 0, 0.05)"
+      5: "rgba(0, 0, 0, 0.05)",
+      0: "rgba(0, 0, 0, 0)"
     }
   }
 };

package/core/colors/LightModeColors.js

@@ -1,7 +1,9 @@
-// tools/builders/framer-esm/build/react-shim.js
-import * as React from "react";
+import {
+  init_react_shim
+} from "../../chunk-VIIHQGZ3.js";
 
 // libs/shared/ui-system/src/core/colors/LightModeColors.ts
+init_react_shim();
 var LightModeColors = {
   black: "#000000",
   white: "#FFFFFF",
@@ -127,7 +129,8 @@ var LightModeColors = {
       55: "rgba(0, 0, 0, 0.55)",
       35: "rgba(0, 0, 0, 0.35)",
       25: "rgba(0, 0, 0, 0.25)",
-      5: "rgba(0, 0, 0, 0.05)"
+      5: "rgba(0, 0, 0, 0.05)",
+      0: "rgba(0, 0, 0, 0)"
     }
   }
 };

package/core/index.js

@@ -1,7 +1,9 @@
-// tools/builders/framer-esm/build/react-shim.js
-import * as React from "react";
+import {
+  init_react_shim
+} from "../chunk-VIIHQGZ3.js";
 
 // libs/shared/ui-system/src/core/index.ts
+init_react_shim();
 import {
   action,
   animator,
@@ -17,22 +19,28 @@ import {
   shouldForwardProp,
   space,
   styledSystem,
+  nativeStyledSystem,
+  nativeShouldForwardProp,
   transform,
   typography,
   video
 } from "./props/index.js";
-import {getPaddedResponsiveArray, getResponsiveOptions} from "./props/utils/getResponsiveValue.js";
-import {skipForwardProps} from "./props/utils/skipForwardProps.js";
-import {defaultTheme} from "./theme/defaultTheme.js";
-import {signatureTheme} from "./theme/signatureTheme.js";
-import {propVariant} from "./variants/propVariant/index.js";
-import {styleVariant} from "./variants/styleVariant/index.js";
-import {system} from "./variants/system/index.js";
+import { calculateResponsiveValues } from "./props/utils/calculateResponsiveValues.js";
+import { getPaddedResponsiveArray, getResponsiveOptions } from "./props/utils/getResponsiveValue.js";
+import { skipForwardProps } from "./props/utils/skipForwardProps.js";
+import { defaultTheme } from "./theme/defaultTheme.js";
+import { signatureTheme } from "./theme/signatureTheme.js";
+import { propsVariant } from "./variants/propsVariant/index.js";
+import { propVariant } from "./variants/propVariant/index.js";
+import { stylesVariant } from "./variants/stylesVariant/index.js";
+import { styleVariant } from "./variants/styleVariant/index.js";
+import { system } from "./variants/system/index.js";
 export {
   action,
   animator,
   background,
   border,
+  calculateResponsiveValues,
   color,
   defaultTheme,
   flexbox,
@@ -41,8 +49,11 @@ export {
   icon,
   image,
   layout,
+  nativeShouldForwardProp,
+  nativeStyledSystem,
   position,
   propVariant,
+  propsVariant,
   shadow,
   shouldForwardProp,
   signatureTheme,
@@ -50,6 +61,7 @@ export {
   space,
   styleVariant,
   styledSystem,
+  stylesVariant,
   system,
   transform,
   typography,

package/core/props/action.js

@@ -1,8 +1,13 @@
-// tools/builders/framer-esm/build/react-shim.js
-import * as React from "react";
+import {
+  system
+} from "../../chunk-XXMJSYNO.js";
+import "../../chunk-R4HM35UZ.js";
+import {
+  init_react_shim
+} from "../../chunk-VIIHQGZ3.js";
 
 // libs/shared/ui-system/src/core/props/action.ts
-import {system} from "https://jspm.dev/@class101/styled-system@5.3.1";
+init_react_shim();
 var action = system({
   cursor: true,
   pointerEvents: true

package/core/props/animator.js

@@ -1,8 +1,13 @@
-// tools/builders/framer-esm/build/react-shim.js
-import * as React from "react";
+import {
+  system
+} from "../../chunk-XXMJSYNO.js";
+import "../../chunk-R4HM35UZ.js";
+import {
+  init_react_shim
+} from "../../chunk-VIIHQGZ3.js";
 
 // libs/shared/ui-system/src/core/props/animator.ts
-import {system} from "https://jspm.dev/@class101/styled-system@5.3.1";
+init_react_shim();
 var animator = system({
   animationName: {
     property: "animationName"

package/core/props/background.js

@@ -1,8 +1,18 @@
-// tools/builders/framer-esm/build/react-shim.js
-import * as React from "react";
+import {
+  background,
+  system
+} from "../../chunk-XXMJSYNO.js";
+import "../../chunk-R4HM35UZ.js";
+import {
+  init_react_shim
+} from "../../chunk-VIIHQGZ3.js";
 
 // libs/shared/ui-system/src/core/props/background.ts
-import {background} from "https://jspm.dev/@class101/styled-system@5.3.1";
+init_react_shim();
+var nativeBackground = system({
+  background: false
+});
 export {
-  background
+  background,
+  nativeBackground
 };

package/core/props/border.js

@@ -1,16 +1,44 @@
-// tools/builders/framer-esm/build/react-shim.js
-import * as React from "react";
+import {
+  border,
+  compose,
+  system
+} from "../../chunk-XXMJSYNO.js";
+import "../../chunk-R4HM35UZ.js";
+import {
+  init_react_shim
+} from "../../chunk-VIIHQGZ3.js";
 
 // libs/shared/ui-system/src/core/props/border.ts
-import {compose, system, border as borderSystem} from "https://jspm.dev/@class101/styled-system@5.3.1";
+init_react_shim();
 var outline = system({
+  boxSizing: true,
   outline: true,
   outlineWidth: true,
   outlineColor: true,
   outlineStyle: true,
   outlineOffset: true
 });
-var border = compose(borderSystem, outline);
+var border2 = compose(border, outline);
+var nativeCustomBorder = system({
+  border: (value) => value === "none" || value === 0 ? {} : { border: value },
+  borderRadius: (value) => {
+    if (typeof value === "number") {
+      return {
+        borderRadius: value
+      };
+    }
+    if (value === "50%") {
+      return {
+        borderRadius: 1e3
+      };
+    }
+    return {};
+  },
+  boxSizing: () => ({}),
+  outline: () => ({})
+});
+var nativeBorder = compose(border2, nativeCustomBorder);
 export {
-  border
+  border2 as border,
+  nativeBorder
 };

package/core/props/color.js

@@ -1,8 +1,13 @@
-// tools/builders/framer-esm/build/react-shim.js
-import * as React from "react";
+import {
+  color
+} from "../../chunk-XXMJSYNO.js";
+import "../../chunk-R4HM35UZ.js";
+import {
+  init_react_shim
+} from "../../chunk-VIIHQGZ3.js";
 
 // libs/shared/ui-system/src/core/props/color.ts
-import {color} from "https://jspm.dev/@class101/styled-system@5.3.1";
+init_react_shim();
 export {
   color
 };

package/core/props/flexbox.js

@@ -1,8 +1,21 @@
-// tools/builders/framer-esm/build/react-shim.js
-import * as React from "react";
+import {
+  compose,
+  flexbox,
+  system
+} from "../../chunk-XXMJSYNO.js";
+import "../../chunk-R4HM35UZ.js";
+import {
+  init_react_shim
+} from "../../chunk-VIIHQGZ3.js";
 
 // libs/shared/ui-system/src/core/props/flexbox.ts
-import {flexbox} from "https://jspm.dev/@class101/styled-system@5.3.1";
+init_react_shim();
+var flexbox2 = flexbox;
+var nativeFlexbox = compose(flexbox, system({
+  display: (value) => ({ display: value === "none" ? "none" : "flex" }),
+  flex: (value) => value === "none" ? { flexGrow: 0, flexShrink: 0 } : { flex: value }
+}));
 export {
-  flexbox
+  flexbox2 as flexbox,
+  nativeFlexbox
 };

package/core/props/icon.js

@@ -1,8 +1,13 @@
-// tools/builders/framer-esm/build/react-shim.js
-import * as React from "react";
+import {
+  system
+} from "../../chunk-XXMJSYNO.js";
+import "../../chunk-R4HM35UZ.js";
+import {
+  init_react_shim
+} from "../../chunk-VIIHQGZ3.js";
 
 // libs/shared/ui-system/src/core/props/icon.ts
-import {system} from "https://jspm.dev/@class101/styled-system@5.3.1";
+init_react_shim();
 var icon = system({
   fill: {
     property: "fill",

package/core/props/image.js

@@ -1,12 +1,21 @@
-// tools/builders/framer-esm/build/react-shim.js
-import * as React from "react";
+import {
+  system
+} from "../../chunk-XXMJSYNO.js";
+import "../../chunk-R4HM35UZ.js";
+import {
+  init_react_shim
+} from "../../chunk-VIIHQGZ3.js";
 
 // libs/shared/ui-system/src/core/props/image.ts
-import {compose, system} from "https://jspm.dev/@class101/styled-system@5.3.1";
-var objectFit = system({
+init_react_shim();
+var image = system({
+  aspectRatio: (value) => ({ aspectRatio: typeof value === "number" ? value.toString() : value }),
   objectFit: true
 });
-var image = compose(objectFit);
+var nativeImage = system({
+  aspectRatio: (value) => ({ aspectRatio: typeof value === "number" ? value : void 0 })
+});
 export {
-  image
+  image,
+  nativeImage
 };

package/core/props/index.js

@@ -1,28 +1,51 @@
-// tools/builders/framer-esm/build/react-shim.js
-import * as React from "react";
+import {
+  createShouldForwardProp
+} from "../../chunk-ESGHR2XF.js";
+import "../../chunk-SPRM5WZD.js";
+import "../../chunk-37VQUPZR.js";
+import "../../chunk-RYCV4KQR.js";
+import {
+  compose
+} from "../../chunk-XXMJSYNO.js";
+import "../../chunk-R4HM35UZ.js";
+import "../../chunk-J3Q2BPOW.js";
+import {
+  init_react_shim
+} from "../../chunk-VIIHQGZ3.js";
 
 // libs/shared/ui-system/src/core/props/index.ts
-import {compose} from "https://jspm.dev/@class101/styled-system@5.3.1";
-import {createShouldForwardProp} from "https://jspm.dev/@styled-system/should-forward-prop@5.1.5";
-import {action} from "./action.js";
-import {animator} from "./animator.js";
-import {background} from "./background.js";
-import {border} from "./border.js";
-import {color} from "./color.js";
-import {flexbox} from "./flexbox.js";
-import {image} from "./image.js";
-import {video} from "./video.js";
-import {layout} from "./layout.js";
-import {position} from "./position.js";
-import {shadow} from "./shadow.js";
-import {space} from "./space.js";
-import {typography} from "./typography.js";
-import {transition} from "./transition.js";
-import {transform} from "./transform.js";
-import {icon} from "./icon.js";
-import {skipForwardProps} from "./utils/skipForwardProps.js";
-var styledSystem = compose(action, animator, background, border, color, flexbox, icon, image, layout, position, space, shadow, typography, transform, transition, transform, video);
+init_react_shim();
+import { action } from "./action.js";
+import { animator } from "./animator.js";
+import { background, nativeBackground } from "./background.js";
+import { border, nativeBorder } from "./border.js";
+import { color } from "./color.js";
+import { flexbox, nativeFlexbox } from "./flexbox.js";
+import { icon } from "./icon.js";
+import { image, nativeImage } from "./image.js";
+import { layout, nativeLayout } from "./layout.js";
+import { position } from "./position.js";
+import { shadow } from "./shadow.js";
+import { space } from "./space.js";
+import { nativeTransform, transform } from "./transform.js";
+import { transition } from "./transition.js";
+import { nativeTypography, typography } from "./typography.js";
+import { video } from "./video.js";
+import { skipForwardProps } from "./utils/skipForwardProps.js";
+var styledSystem = compose(action, animator, background, border, color, flexbox, icon, image, layout, position, space, shadow, typography, transform, transition, video);
+var nativeStyledSystem = compose(color, nativeBackground, image, nativeLayout, position, space, nativeTypography, nativeFlexbox, nativeImage, nativeTransform, nativeBorder);
 var shouldForwardProp = createShouldForwardProp(styledSystem.propNames);
+var nativeForwardProp = createShouldForwardProp(nativeStyledSystem.propNames);
+var nativeShouldForwardProp = (propKey) => [
+  "native_as",
+  "style",
+  "overflow",
+  "whiteSpace",
+  "native_animated",
+  "maxLength",
+  "keyboardType",
+  "secureTextEntry"
+].includes(propKey) || nativeForwardProp(propKey);
 export {
   action,
   animator,
@@ -33,6 +56,8 @@ export {
   icon,
   image,
   layout,
+  nativeShouldForwardProp,
+  nativeStyledSystem,
   position,
   shadow,
   shouldForwardProp,

package/core/props/layout.js

@@ -1,8 +1,15 @@
-// tools/builders/framer-esm/build/react-shim.js
-import * as React from "react";
+import {
+  compose,
+  layout,
+  system
+} from "../../chunk-XXMJSYNO.js";
+import "../../chunk-R4HM35UZ.js";
+import {
+  init_react_shim
+} from "../../chunk-VIIHQGZ3.js";
 
 // libs/shared/ui-system/src/core/props/layout.ts
-import {compose, layout as systemLayout, system} from "https://jspm.dev/@class101/styled-system@5.3.1";
+init_react_shim();
 var customLayout = system({
   visibility: true,
   hideScroll: (value) => value ? {
@@ -19,7 +26,32 @@ var customLayout = system({
         `
   } : {}
 });
-var layout = compose(systemLayout, customLayout);
+var layout2 = compose(layout, customLayout);
+var overflow = (value) => {
+  if (!value) {
+    return {};
+  }
+  switch (value) {
+    case "visible":
+      return { overflow: "visible" };
+    case "hidden":
+    case "clip":
+      return { overflow: "hidden" };
+    case "scroll":
+    case "auto":
+      return { overflow: "scroll" };
+    default:
+      return {};
+  }
+};
+var nativeCustomLayout = system({
+  visibility: (value) => value === "none" ? { opacity: 0, height: 0 } : {},
+  overflow,
+  overflowX: overflow,
+  overflowY: overflow
+});
+var nativeLayout = compose(layout, nativeCustomLayout);
 export {
-  layout
+  layout2 as layout,
+  nativeLayout
 };

package/core/props/position.js

@@ -1,8 +1,13 @@
-// tools/builders/framer-esm/build/react-shim.js
-import * as React from "react";
+import {
+  position
+} from "../../chunk-XXMJSYNO.js";
+import "../../chunk-R4HM35UZ.js";
+import {
+  init_react_shim
+} from "../../chunk-VIIHQGZ3.js";
 
 // libs/shared/ui-system/src/core/props/position.ts
-import {position} from "https://jspm.dev/@class101/styled-system@5.3.1";
+init_react_shim();
 export {
   position
 };

package/core/props/shadow.js

@@ -1,8 +1,13 @@
-// tools/builders/framer-esm/build/react-shim.js
-import * as React from "react";
+import {
+  shadow
+} from "../../chunk-XXMJSYNO.js";
+import "../../chunk-R4HM35UZ.js";
+import {
+  init_react_shim
+} from "../../chunk-VIIHQGZ3.js";
 
 // libs/shared/ui-system/src/core/props/shadow.ts
-import {shadow} from "https://jspm.dev/@class101/styled-system@5.3.1";
+init_react_shim();
 export {
   shadow
 };