react-native-system-ui 0.0.2 → 0.0.3

package/dist/cjs/{notify → components/notify}/Notify.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = exports.Notify = void 0;
 function _react() {
-  const data = _interopRequireWildcard(require("react"));
+  const data = _interopRequireDefault(require("react"));
   _react = function () {
     return data;
   };
@@ -23,10 +23,8 @@ var _hooks = require("../../hooks");
 var _usePresenceAnimation = require("../../hooks/usePresenceAnimation");
 var _Portal = _interopRequireDefault(require("../portal/Portal"));
 var _overlay = require("../overlay");
-var _safeArea = require("../safe-area");
 var _tokens = require("./tokens");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 const Notify = props => {
   const {
@@ -49,18 +47,24 @@ const Notify = props => {
     onClosed
   } = props;
   const tokens = (0, _tokens.useNotifyTokens)(tokensOverride);
+  const paddingVertical = tokens.spacing.paddingVertical;
+  const safeAreaPadding = (0, _hooks.useSafeAreaPadding)({
+    top: paddingVertical,
+    bottom: paddingVertical
+  });
   const type = typeProp ?? tokens.defaults.type;
   const position = positionProp ?? tokens.defaults.position;
   const closeOnClick = closeOnClickProp ?? tokens.defaults.closeOnClick;
   const safeAreaInsetTop = props.safeAreaInsetTop ?? (position === 'top' ? tokens.defaults.safeAreaInsetTop : false);
   const safeAreaInsetBottom = props.safeAreaInsetBottom ?? (position === 'bottom' ? tokens.defaults.safeAreaInsetBottom : false);
+  const safeTop = !safeAreaInsetTop || position !== 'top' ? paddingVertical : safeAreaPadding.paddingTop;
+  const safeBottom = !safeAreaInsetBottom || position !== 'bottom' ? paddingVertical : safeAreaPadding.paddingBottom;
   const variant = tokens.colors.variants[type];
   const resolvedBackground = background ?? variant.background;
   const resolvedTextColor = color ?? variant.text;
   const resolvedDuration = durationProp ?? tokens.defaults.duration;
-  const topInsetStyle = (0, _react().useMemo)(() => ({
-    backgroundColor: resolvedBackground
-  }), [resolvedBackground]);
+
+  // 关键：静态调用时 Notify 初次挂载的 visible=true，需要执行进入动画
   const {
     mounted,
     animated
@@ -75,9 +79,10 @@ const Notify = props => {
     type: 'notify',
     zIndex
   });
-  const prevVisibleRef = (0, _react().useRef)(visible);
-  const closingRef = (0, _react().useRef)(false);
-  (0, _react().useEffect)(() => {
+  const resolvedZIndex = stackZIndex ?? zIndex;
+  const prevVisibleRef = _react().default.useRef(visible);
+  const closingRef = _react().default.useRef(false);
+  _react().default.useEffect(() => {
     let openedTimer = null;
     if (visible) {
       closingRef.current = false;
@@ -93,13 +98,13 @@ const Notify = props => {
       if (openedTimer) clearTimeout(openedTimer);
     };
   }, [onOpen, onOpened, tokens.defaults.animationDuration, visible]);
-  (0, _react().useEffect)(() => {
+  _react().default.useEffect(() => {
     if (!mounted && closingRef.current) {
       closingRef.current = false;
       onClosed?.();
     }
   }, [mounted, onClosed]);
-  (0, _react().useEffect)(() => {
+  _react().default.useEffect(() => {
     let timer = null;
     if (visible && resolvedDuration > 0) {
       timer = setTimeout(() => {
@@ -111,10 +116,10 @@ const Notify = props => {
     };
   }, [onClose, resolvedDuration, visible]);
   const interactive = closeOnClick || (0, _utils.isFunction)(onClick);
-  const handlePress = (0, _react().useCallback)(() => {
+  const handlePress = () => {
     onClick?.();
     if (closeOnClick) onClose?.();
-  }, [closeOnClick, onClick, onClose]);
+  };
   const accessibilityRole = interactive ? 'button' : 'alert';
   const press = (0, _hooks.useAriaPress)({
     disabled: !interactive,
@@ -124,13 +129,13 @@ const Notify = props => {
       accessibilityLiveRegion: 'assertive'
     }
   });
-  const [barHeight, setBarHeight] = (0, _react().useState)(0);
-  const handleLayout = (0, _react().useCallback)(event => {
+  const [barHeight, setBarHeight] = _react().default.useState(0);
+  const handleLayout = event => {
     const height = event.nativeEvent.layout.height;
     if (!height) return;
     setBarHeight(prev => prev === height ? prev : height);
-  }, []);
-  const translateDistance = Math.max(barHeight, tokens.sizing.minHeight);
+  };
+  const translateDistance = barHeight || tokens.sizing.minHeight;
   const translateY = position === 'bottom' ? animated.interpolate({
     inputRange: [0, 1],
     outputRange: [translateDistance, 0]
@@ -140,8 +145,7 @@ const Notify = props => {
   });
   const hasMessage = message !== undefined && message !== null && message !== false && message !== '';
   if (!mounted) return null;
-  const resolvedZIndex = stackZIndex ?? zIndex;
-  const renderBar = topInsetNode => /*#__PURE__*/_react().default.createElement(_reactNative().Animated.View, {
+  const bar = /*#__PURE__*/_react().default.createElement(_reactNative().Animated.View, {
     testID: "rv-notify-bar",
     accessibilityRole: !interactive ? accessibilityRole : undefined,
     accessibilityLiveRegion: !interactive ? 'assertive' : undefined,
@@ -151,12 +155,14 @@ const Notify = props => {
       opacity: animated,
       transform: [{
         translateY
-      }]
+      }],
+      paddingTop: position === 'top' ? safeTop : paddingVertical,
+      paddingBottom: position === 'bottom' ? safeBottom : paddingVertical
     }, style]
-  }, topInsetNode, /*#__PURE__*/_react().default.createElement(_reactNative().View, {
+  }, /*#__PURE__*/_react().default.createElement(_reactNative().View, {
     style: [tokens.layout.content, {
       paddingHorizontal: tokens.spacing.paddingHorizontal,
-      paddingVertical: tokens.spacing.paddingVertical,
+      paddingVertical: 0,
       minHeight: tokens.sizing.minHeight
     }]
   }, hasMessage ? (0, _utils.isText)(message) ? /*#__PURE__*/_react().default.createElement(_reactNative().Text, {
@@ -165,13 +171,10 @@ const Notify = props => {
       fontSize: tokens.typography.fontSize,
       lineHeight: tokens.typography.lineHeight
     }, textStyle]
-  }, message) : message : null), safeAreaInsetBottom && /*#__PURE__*/_react().default.createElement(_reactNative().SafeAreaView, {
-    style: tokens.layout.safeArea
-  }));
-  return /*#__PURE__*/_react().default.createElement(_Portal.default, null, /*#__PURE__*/_react().default.createElement(_safeArea.SafeAreaClipProvider, {
-    enabled: safeAreaInsetTop,
-    position: position,
-    topInsetStyle: topInsetStyle,
+  }, message) : message : null));
+  return /*#__PURE__*/_react().default.createElement(_Portal.default, null, /*#__PURE__*/_react().default.createElement(_reactNative().View, {
+    testID: "rv-notify",
+    pointerEvents: interactive ? 'box-none' : 'none',
     style: [tokens.layout.portal, position === 'bottom' ? {
       bottom: 0
     } : {
@@ -179,20 +182,9 @@ const Notify = props => {
     }, resolvedZIndex !== undefined && resolvedZIndex !== null ? {
       zIndex: resolvedZIndex
     } : null]
-  }, ({
-    clipTop,
-    topInset
-  }) => {
-    const topInsetNode = clipTop ? null : safeAreaInsetTop ? /*#__PURE__*/_react().default.createElement(_reactNative().SafeAreaView, {
-      style: tokens.layout.safeArea
-    }) : topInset;
-    return /*#__PURE__*/_react().default.createElement(_reactNative().View, {
-      testID: "rv-notify",
-      pointerEvents: interactive ? 'box-none' : 'none'
-    }, interactive ? /*#__PURE__*/_react().default.createElement(_reactNative().Pressable, _extends({}, press.interactionProps, {
-      disabled: !interactive
-    }), renderBar(topInsetNode)) : renderBar(topInsetNode));
-  }));
+  }, interactive ? /*#__PURE__*/_react().default.createElement(_reactNative().Pressable, _extends({}, press.interactionProps, {
+    disabled: !interactive
+  }), bar) : bar));
 };
 exports.Notify = Notify;
 Notify.displayName = 'Notify';

package/dist/cjs/{notify → components/notify}/imperative.js

@@ -98,7 +98,7 @@ const NotifyPortal = ({
 const showNotify = (input, fallbackType = 'primary') => {
   const opts = mergeOptions(parseOptions(input), fallbackType);
   if (!allowMultiple) {
-    activeKeys.forEach(key => closeNotify(key));
+    Array.from(activeKeys).forEach(key => removeNotify(key));
   }
   const key = _Portal.default.add(null);
   notifyOptions.set(key, opts);

package/dist/cjs/{number-keyboard → components/number-keyboard}/NumberKeyboard.js

@@ -24,6 +24,7 @@ var _createPlatformShadow = require("../../utils/createPlatformShadow");
 var _number = require("../../utils/number");
 var _loading = _interopRequireDefault(require("../loading"));
 var _Portal = _interopRequireDefault(require("../portal/Portal"));
+var _safeAreaView = require("../safe-area-view");
 var _tokens = require("./tokens");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
@@ -411,10 +412,8 @@ const NumberKeyboard = /*#__PURE__*/_react().default.memo(props => {
     }, customMainNode, /*#__PURE__*/_react().default.createElement(_reactNative().View, {
       style: customSidebarStyle
     }, deleteNode, closeNode)) : defaultNode;
-    const safeAreaNode = safeAreaInsetBottom && /*#__PURE__*/_react().default.createElement(_reactNative().SafeAreaView, {
-      style: {
-        width: '100%'
-      }
+    const safeAreaNode = safeAreaInsetBottom && /*#__PURE__*/_react().default.createElement(_safeAreaView.SafeAreaView, {
+      edge: "bottom"
     });
     return {
       headerNode,

package/dist/cjs/{popup → components/popup}/Popup.js

@@ -18,6 +18,7 @@ function _reactNative() {
   };
   return data;
 }
+var _safeAreaView = require("../safe-area-view");
 var _platform = require("../../platform");
 var _createPlatformShadow = require("../../utils/createPlatformShadow");
 var _validate = require("../../utils/validate");
@@ -117,19 +118,15 @@ const renderHeaderNode = (node, options) => {
 };
 const renderWithSafeArea = (children, opts, onSafeAreaTopLayout) => {
   if (opts.safeArea) {
-    return /*#__PURE__*/_react().default.createElement(_reactNative().SafeAreaView, {
-      style: styles.safeAreaView
-    }, children);
+    return /*#__PURE__*/_react().default.createElement(_safeAreaView.SafeAreaView, null, children);
   }
-  return /*#__PURE__*/_react().default.createElement(_react().default.Fragment, null, opts.safeAreaInsetTop ? /*#__PURE__*/_react().default.createElement(_reactNative().SafeAreaView, {
-    style: [styles.safeInsetTop, {
-      pointerEvents: 'none'
-    }],
-    onLayout: onSafeAreaTopLayout
-  }) : null, children, opts.safeAreaInsetBottom && /*#__PURE__*/_react().default.createElement(_reactNative().SafeAreaView, {
-    style: [styles.safeInsetBottom, {
-      pointerEvents: 'none'
-    }]
+  return /*#__PURE__*/_react().default.createElement(_react().default.Fragment, null, opts.safeAreaInsetTop ? /*#__PURE__*/_react().default.createElement(_safeAreaView.SafeAreaView, {
+    edge: "top",
+    onLayout: onSafeAreaTopLayout,
+    pointerEvents: "none"
+  }) : null, children, opts.safeAreaInsetBottom && /*#__PURE__*/_react().default.createElement(_safeAreaView.SafeAreaView, {
+    edge: "bottom",
+    pointerEvents: "none"
   }));
 };
 const hiddenContentStyle = {
@@ -547,15 +544,6 @@ const styles = _reactNative().StyleSheet.create({
   },
   lockLayer: {
     ..._reactNative().StyleSheet.absoluteFillObject
-  },
-  safeAreaView: {
-    width: '100%'
-  },
-  safeInsetTop: {
-    width: '100%'
-  },
-  safeInsetBottom: {
-    width: '100%'
   }
 });
 Popup.displayName = 'Popup';

package/dist/cjs/components/safe-area-view/SafeAreaView.js

@@ -0,0 +1,63 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SafeAreaView = void 0;
+function _react() {
+  const data = _interopRequireDefault(require("react"));
+  _react = function () {
+    return data;
+  };
+  return data;
+}
+function _reactNative() {
+  const data = require("react-native");
+  _reactNative = function () {
+    return data;
+  };
+  return data;
+}
+var _useSafeAreaPadding = require("../../hooks/useSafeAreaPadding");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const SafeAreaView = ({
+  edge,
+  style,
+  children,
+  onLayout,
+  pointerEvents
+}) => {
+  const p = (0, _useSafeAreaPadding.useSafeAreaPadding)({});
+  if (edge === 'top') {
+    return /*#__PURE__*/_react().default.createElement(_reactNative().View, {
+      style: [{
+        width: '100%',
+        minHeight: p.paddingTop
+      }, style],
+      onLayout: onLayout,
+      pointerEvents: pointerEvents ?? 'none'
+    });
+  }
+  if (edge === 'bottom') {
+    return /*#__PURE__*/_react().default.createElement(_reactNative().View, {
+      style: [{
+        width: '100%',
+        minHeight: p.paddingBottom
+      }, style],
+      pointerEvents: pointerEvents ?? 'none'
+    });
+  }
+  return /*#__PURE__*/_react().default.createElement(_reactNative().View, {
+    style: [{
+      width: '100%',
+      paddingTop: p.paddingTop,
+      paddingBottom: p.paddingBottom,
+      paddingLeft: p.paddingLeft,
+      paddingRight: p.paddingRight
+    }, style],
+    onLayout: onLayout,
+    pointerEvents: pointerEvents
+  }, children);
+};
+exports.SafeAreaView = SafeAreaView;
+SafeAreaView.displayName = 'SafeAreaView';

package/dist/cjs/components/safe-area-view/index.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "SafeAreaView", {
+  enumerable: true,
+  get: function () {
+    return _SafeAreaView.SafeAreaView;
+  }
+});
+var _SafeAreaView = require("./SafeAreaView");

package/dist/cjs/{tabbar → components/tabbar}/Tabbar.js

@@ -21,6 +21,7 @@ function _reactNative() {
 var _designSystem = require("../../design-system");
 var _hooks = require("../../hooks");
 var _hairline = require("../../utils/hairline");
+var _safeAreaView = require("../safe-area-view");
 var _TabbarContext = require("./TabbarContext");
 var _tokens = require("./tokens");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
@@ -92,7 +93,7 @@ const TabbarBase = props => {
     });
   }), [iconSize, items, tokensOverride]);
   if (items.length === 0) return null;
-  const ContentWrapper = enableSafeAreaInsetBottom ? _reactNative().SafeAreaView : _reactNative().View;
+  const ContentWrapper = enableSafeAreaInsetBottom ? _safeAreaView.SafeAreaView : _reactNative().View;
   return /*#__PURE__*/_react().default.createElement(_react().default.Fragment, null, enablePlaceholder && /*#__PURE__*/_react().default.createElement(_reactNative().View, {
     testID: "rv-tabbar-placeholder",
     style: {

package/dist/cjs/{toast → components/toast}/Toast.js

@@ -19,6 +19,7 @@ function _reactNative() {
   return data;
 }
 var _Portal = _interopRequireDefault(require("../portal/Portal"));
+var _safeAreaView = require("../safe-area-view");
 var _hooks = require("../../hooks");
 var _usePresenceAnimation = require("../../hooks/usePresenceAnimation");
 var _loading = _interopRequireDefault(require("../loading"));
@@ -205,10 +206,8 @@ const Toast = props => {
     onPress: overlay && closeOnClickOverlay ? handleClose : undefined,
     onStartShouldSetResponder: () => true,
     onMoveShouldSetResponder: () => true
-  }) : null, needsSafeAreaTop && /*#__PURE__*/_react().default.createElement(_reactNative().SafeAreaView, {
-    style: {
-      width: '100%'
-    },
+  }) : null, needsSafeAreaTop && /*#__PURE__*/_react().default.createElement(_safeAreaView.SafeAreaView, {
+    edge: "top",
     pointerEvents: "none"
   }), /*#__PURE__*/_react().default.createElement(_reactNative().Pressable, _extends({
     disabled: !closeOnClick
@@ -228,10 +227,8 @@ const Toast = props => {
     style: {
       alignItems: 'center'
     }
-  }, message) : null)), needsSafeAreaBottom && /*#__PURE__*/_react().default.createElement(_reactNative().SafeAreaView, {
-    style: {
-      width: '100%'
-    },
+  }, message) : null)), needsSafeAreaBottom && /*#__PURE__*/_react().default.createElement(_safeAreaView.SafeAreaView, {
+    edge: "bottom",
     pointerEvents: "none"
   })));
 };

package/dist/cjs/components/types.js

@@ -0,0 +1 @@
+"use strict";

package/dist/cjs/design-system/ThemeContext.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ThemeContext = void 0;
+function _react() {
+  const data = _interopRequireDefault(require("react"));
+  _react = function () {
+    return data;
+  };
+  return data;
+}
+var _tokens = require("./tokens");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const ThemeContext = exports.ThemeContext = /*#__PURE__*/_react().default.createContext({
+  foundations: _tokens.defaultTokens,
+  components: undefined
+});

package/dist/cjs/design-system/ThemeProvider.js

@@ -0,0 +1,37 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ThemeProvider = void 0;
+function _react() {
+  const data = _interopRequireWildcard(require("react"));
+  _react = function () {
+    return data;
+  };
+  return data;
+}
+var _ThemeContext = require("./ThemeContext");
+var _tokens = require("./tokens");
+var _validate = require("../utils/validate");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const isThemeTokens = value => {
+  return Boolean((0, _validate.isObject)(value) && 'palette' in value && 'spacing' in value);
+};
+const ThemeProvider = ({
+  value,
+  children
+}) => {
+  const resolved = (0, _react().useMemo)(() => {
+    const foundations = isThemeTokens(value) ? value : (0, _tokens.createTokens)(value?.foundations);
+    const components = !isThemeTokens(value) ? value?.components : undefined;
+    return {
+      foundations,
+      components
+    };
+  }, [value]);
+  return /*#__PURE__*/_react().default.createElement(_ThemeContext.ThemeContext.Provider, {
+    value: resolved
+  }, children);
+};
+exports.ThemeProvider = ThemeProvider;

package/dist/cjs/design-system/createComponentTokensHook.js

@@ -0,0 +1,30 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createComponentTokensHook = void 0;
+function _react() {
+  const data = require("react");
+  _react = function () {
+    return data;
+  };
+  return data;
+}
+var _deepMerge = require("../utils/deepMerge");
+var _useTheme = require("./useTheme");
+const createComponentTokensHook = (key, createBaseTokens) => {
+  return overrides => {
+    const {
+      foundations,
+      components
+    } = (0, _useTheme.useTheme)();
+    const componentOverrides = components?.[key];
+    return (0, _react().useMemo)(() => {
+      const base = createBaseTokens(foundations);
+      const merged = componentOverrides && overrides ? (0, _deepMerge.deepMerge)(componentOverrides, overrides) : componentOverrides ?? overrides;
+      return merged ? (0, _deepMerge.deepMerge)(base, merged) : base;
+    }, [componentOverrides, foundations, overrides]);
+  };
+};
+exports.createComponentTokensHook = createComponentTokensHook;

package/dist/cjs/design-system/index.js

@@ -0,0 +1,59 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "ThemeProvider", {
+  enumerable: true,
+  get: function () {
+    return _ThemeProvider.ThemeProvider;
+  }
+});
+Object.defineProperty(exports, "createComponentTokensHook", {
+  enumerable: true,
+  get: function () {
+    return _createComponentTokensHook.createComponentTokensHook;
+  }
+});
+Object.defineProperty(exports, "createTokens", {
+  enumerable: true,
+  get: function () {
+    return _tokens.createTokens;
+  }
+});
+Object.defineProperty(exports, "defaultTokens", {
+  enumerable: true,
+  get: function () {
+    return _tokens.defaultTokens;
+  }
+});
+Object.defineProperty(exports, "getThemePreset", {
+  enumerable: true,
+  get: function () {
+    return _presets.getThemePreset;
+  }
+});
+Object.defineProperty(exports, "mergeTokensOverride", {
+  enumerable: true,
+  get: function () {
+    return _mergeTokensOverride.mergeTokensOverride;
+  }
+});
+Object.defineProperty(exports, "themePresets", {
+  enumerable: true,
+  get: function () {
+    return _presets.themePresets;
+  }
+});
+Object.defineProperty(exports, "useTheme", {
+  enumerable: true,
+  get: function () {
+    return _useTheme.useTheme;
+  }
+});
+var _ThemeProvider = require("./ThemeProvider");
+var _useTheme = require("./useTheme");
+var _createComponentTokensHook = require("./createComponentTokensHook");
+var _mergeTokensOverride = require("./mergeTokensOverride");
+var _tokens = require("./tokens");
+var _presets = require("./presets");

package/dist/cjs/design-system/mergeTokensOverride.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.mergeTokensOverride = void 0;
+var _deepMerge = require("../utils/deepMerge");
+const mergeTokensOverride = (base, override) => {
+  if (base && override) return (0, _deepMerge.deepMerge)(base, override);
+  return base ?? override;
+};
+exports.mergeTokensOverride = mergeTokensOverride;