react-native-system-ui 0.0.6 → 1.0.0

package/dist/cjs/index.js

@@ -3,9 +3,68 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+var _exportNames = {
+  flipStyle: true,
+  rtlRow: true,
+  deepMerge: true,
+  createPlatformShadow: true,
+  nativeDriverEnabled: true,
+  isWeb: true,
+  isIOS: true,
+  isAndroid: true
+};
+Object.defineProperty(exports, "createPlatformShadow", {
+  enumerable: true,
+  get: function () {
+    return _createPlatformShadow.createPlatformShadow;
+  }
+});
+Object.defineProperty(exports, "deepMerge", {
+  enumerable: true,
+  get: function () {
+    return _deepMerge.deepMerge;
+  }
+});
+Object.defineProperty(exports, "flipStyle", {
+  enumerable: true,
+  get: function () {
+    return _rtl.flipStyle;
+  }
+});
+Object.defineProperty(exports, "isAndroid", {
+  enumerable: true,
+  get: function () {
+    return _runtime.isAndroid;
+  }
+});
+Object.defineProperty(exports, "isIOS", {
+  enumerable: true,
+  get: function () {
+    return _runtime.isIOS;
+  }
+});
+Object.defineProperty(exports, "isWeb", {
+  enumerable: true,
+  get: function () {
+    return _runtime.isWeb;
+  }
+});
+Object.defineProperty(exports, "nativeDriverEnabled", {
+  enumerable: true,
+  get: function () {
+    return _animation.nativeDriverEnabled;
+  }
+});
+Object.defineProperty(exports, "rtlRow", {
+  enumerable: true,
+  get: function () {
+    return _rtl.rtlRow;
+  }
+});
 var _components = require("./components");
 Object.keys(_components).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _components[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
@@ -17,6 +76,7 @@ Object.keys(_components).forEach(function (key) {
 var _designSystem = require("./design-system");
 Object.keys(_designSystem).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _designSystem[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
@@ -28,6 +88,7 @@ Object.keys(_designSystem).forEach(function (key) {
 var _hooks = require("./hooks");
 Object.keys(_hooks).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _hooks[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
@@ -35,4 +96,9 @@ Object.keys(_hooks).forEach(function (key) {
       return _hooks[key];
     }
   });
-});
+});
+var _rtl = require("./utils/rtl");
+var _deepMerge = require("./utils/deepMerge");
+var _createPlatformShadow = require("./utils/createPlatformShadow");
+var _animation = require("./platform/animation");
+var _runtime = require("./platform/runtime");

package/dist/cjs/platform/animation.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.nativeDriverEnabled = void 0;
+exports.nativeDriverEnabled = exports.hardwareAccelerationProps = exports.defaultAnimationConfig = void 0;
 function _reactNative() {
   const data = require("react-native");
   _reactNative = function () {
@@ -11,4 +11,12 @@ function _reactNative() {
   };
   return data;
 }
-const nativeDriverEnabled = exports.nativeDriverEnabled = _reactNative().Platform.OS !== 'web';
+const nativeDriverEnabled = exports.nativeDriverEnabled = _reactNative().Platform.OS !== 'web';
+const defaultAnimationConfig = exports.defaultAnimationConfig = {
+  useNativeDriver: nativeDriverEnabled,
+  isInteraction: false
+};
+const hardwareAccelerationProps = exports.hardwareAccelerationProps = {
+  renderToHardwareTextureAndroid: _reactNative().Platform.OS === 'android',
+  shouldRasterizeIOS: _reactNative().Platform.OS === 'ios'
+};

package/dist/cjs/platform/measure.js

@@ -5,51 +5,33 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.measureInWindow = void 0;
 var _validate = require("../utils/validate");
-const measureInWindow = (node, callback) => {
+const toRect = (x, y, w, h) => [x, y, w, h].every(Number.isFinite) ? {
+  x: x,
+  y: y,
+  width: w,
+  height: h
+} : null;
+const measureInWindow = (node, cb) => {
   if (!node) {
-    callback(null);
+    cb(null);
     return;
   }
   try {
-    const maybeMeasureNode = node;
-    if ((0, _validate.isFunction)(maybeMeasureNode.measureInWindow)) {
-      maybeMeasureNode.measureInWindow((x, y, width, height) => {
-        if (![x, y, width, height].every(Number.isFinite)) {
-          callback(null);
-          return;
-        }
-        callback({
-          x,
-          y,
-          width,
-          height
-        });
-      });
+    const mn = node;
+    if ((0, _validate.isFunction)(mn.measureInWindow)) {
+      mn.measureInWindow((x, y, w, h) => cb(toRect(x, y, w, h)));
       return;
     }
-    const maybeDomNode = node;
-    if ((0, _validate.isFunction)(maybeDomNode.getBoundingClientRect)) {
-      const rect = maybeDomNode.getBoundingClientRect();
-      const x = rect?.left;
-      const y = rect?.top;
-      const width = rect?.width;
-      const height = rect?.height;
-      if (![x, y, width, height].every(Number.isFinite)) {
-        callback(null);
-        return;
-      }
-      callback({
-        x: x,
-        y: y,
-        width: width,
-        height: height
-      });
+    const dn = node;
+    if ((0, _validate.isFunction)(dn.getBoundingClientRect)) {
+      const r = dn.getBoundingClientRect();
+      cb(toRect(r?.left, r?.top, r?.width, r?.height));
       return;
     }
-  } catch (_error) {
-    callback(null);
+  } catch {
+    cb(null);
     return;
   }
-  callback(null);
+  cb(null);
 };
 exports.measureInWindow = measureInWindow;

package/dist/cjs/utils/color.js

@@ -5,48 +5,34 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.withAlpha = exports.hexToRgb = exports.extractFirstColorToken = exports.ensureRgba = void 0;
 var _number = require("./number");
-const hexRegex = /^#([0-9a-f]{3}|[0-9a-f]{6})$/i;
+const HEX_RE = /^#([0-9a-f]{3}|[0-9a-f]{6})$/i;
 const hexToRgb = input => {
-  if (!hexRegex.test(input)) return null;
-  const normalized = input.length === 4 ? `#${input[1]}${input[1]}${input[2]}${input[2]}${input[3]}${input[3]}` : input;
-  const intVal = parseInt(normalized.slice(1), 16);
-  const r = intVal >> 16 & 255;
-  const g = intVal >> 8 & 255;
-  const b = intVal & 255;
-  return [r, g, b];
+  if (!HEX_RE.test(input)) return null;
+  const h = input.length === 4 ? `#${input[1]}${input[1]}${input[2]}${input[2]}${input[3]}${input[3]}` : input;
+  const v = parseInt(h.slice(1), 16);
+  return [v >> 16 & 255, v >> 8 & 255, v & 255];
 };
 exports.hexToRgb = hexToRgb;
-const parseRgbChannels = input => {
-  const match = input.match(/^rgba?\(([^)]*)\)$/i);
-  if (!match) return null;
-  const parts = match[1].split(',').map(part => part.trim()).slice(0, 3);
-  const numeric = parts.map(value => Number(value));
-  if (!numeric.every(channel => Number.isFinite(channel))) return null;
-  return [numeric[0], numeric[1], numeric[2]];
+const parseRgb = input => {
+  const m = input.match(/^rgba?\(([^)]*)\)$/i);
+  if (!m) return null;
+  const n = m[1].split(',').map(s => Number(s.trim()));
+  return n.length >= 3 && n.every(Number.isFinite) ? [n[0], n[1], n[2]] : null;
 };
 const withAlpha = (color, alpha) => {
-  const clamped = (0, _number.clamp01)(alpha);
-  const trimmed = color?.trim?.() ?? '';
-  if (!trimmed) return color;
-  if (trimmed.startsWith('#')) {
-    const rgb = hexToRgb(trimmed);
-    return rgb ? `rgba(${rgb[0]}, ${rgb[1]}, ${rgb[2]}, ${clamped})` : color;
+  const a = (0, _number.clamp01)(alpha);
+  const t = color?.trim?.() ?? '';
+  if (!t) return color;
+  if (t.startsWith('#')) {
+    const rgb = hexToRgb(t);
+    return rgb ? `rgba(${rgb[0]}, ${rgb[1]}, ${rgb[2]}, ${a})` : color;
   }
-  const rgb = parseRgbChannels(trimmed);
-  if (rgb) return `rgba(${rgb[0]}, ${rgb[1]}, ${rgb[2]}, ${clamped})`;
-  return trimmed;
+  const rgb = parseRgb(t);
+  return rgb ? `rgba(${rgb[0]}, ${rgb[1]}, ${rgb[2]}, ${a})` : t;
 };
 exports.withAlpha = withAlpha;
-const ensureRgba = (color, alpha) => {
-  const trimmed = color.trim().toLowerCase();
-  if (trimmed.startsWith('rgba')) return color;
-  return withAlpha(color, alpha);
-};
+const ensureRgba = (color, alpha) => color.trim().toLowerCase().startsWith('rgba') ? color : withAlpha(color, alpha);
 exports.ensureRgba = ensureRgba;
-const gradientColorRegex = /(#[0-9a-fA-F]{3,8}|rgba?\([^)]*\)|hsla?\([^)]*\))/i;
-const extractFirstColorToken = input => {
-  if (!input) return undefined;
-  const match = input.match(gradientColorRegex);
-  return match ? match[0] : undefined;
-};
+const GRADIENT_RE = /(#[0-9a-fA-F]{3,8}|rgba?\([^)]*\)|hsla?\([^)]*\))/i;
+const extractFirstColorToken = input => input ? input.match(GRADIENT_RE)?.[0] : undefined;
 exports.extractFirstColorToken = extractFirstColorToken;

package/dist/cjs/utils/compare.js

@@ -6,21 +6,16 @@ Object.defineProperty(exports, "__esModule", {
 exports.shallowEqualObject = exports.shallowEqualArray = void 0;
 const shallowEqualArray = (a = [], b = []) => {
   if (a.length !== b.length) return false;
-  for (let i = 0; i < a.length; i += 1) {
-    if (a[i] !== b[i]) return false;
-  }
+  for (let i = 0; i < a.length; i++) if (a[i] !== b[i]) return false;
   return true;
 };
 exports.shallowEqualArray = shallowEqualArray;
-const shallowEqualObject = (prev, next) => {
-  if (prev === next) return true;
-  if (!prev || !next) return false;
-  const prevKeys = Object.keys(prev);
-  const nextKeys = Object.keys(next);
-  if (prevKeys.length !== nextKeys.length) return false;
-  for (const key of prevKeys) {
-    if (prev[key] !== next[key]) return false;
-  }
+const shallowEqualObject = (a, b) => {
+  if (a === b) return true;
+  if (!a || !b) return false;
+  const ak = Object.keys(a);
+  if (ak.length !== Object.keys(b).length) return false;
+  for (const k of ak) if (a[k] !== b[k]) return false;
   return true;
 };
 exports.shallowEqualObject = shallowEqualObject;

package/dist/cjs/utils/createPlatformShadow.js

@@ -11,52 +11,41 @@ function _reactNative() {
   };
   return data;
 }
-const hexToRgba = (hex, alpha) => {
-  const normalized = hex.replace('#', '');
-  const expand = normalized.length === 3 ? normalized.split('').map(char => char + char).join('') : normalized;
-  if (expand.length < 6) {
-    return hex;
-  }
-  const bigint = parseInt(expand.slice(0, 6), 16);
-  const r = bigint >> 16 & 255;
-  const g = bigint >> 8 & 255;
-  const b = bigint & 255;
-  const clampedAlpha = Math.max(0, Math.min(1, alpha));
-  return `rgba(${r}, ${g}, ${b}, ${clampedAlpha})`;
-};
-const ensureRgbaColor = (color, alpha) => {
-  const trimmed = color.trim().toLowerCase();
-  if (trimmed.startsWith('#')) {
-    return hexToRgba(trimmed, alpha);
-  }
-  if (trimmed.startsWith('rgba')) {
-    return color;
-  }
-  if (trimmed.startsWith('rgb(')) {
-    return color.replace(/rgb\(([^)]*)\)/i, (_, inner) => `rgba(${inner}, ${alpha})`);
+const toRgba = (color, alpha) => {
+  const t = color.trim();
+  if (t.startsWith('#')) {
+    const h = t.replace('#', '');
+    const e = h.length === 3 ? h.split('').map(c => c + c).join('') : h;
+    if (e.length < 6) return color;
+    const n = parseInt(e.slice(0, 6), 16);
+    return `rgba(${n >> 16 & 255}, ${n >> 8 & 255}, ${n & 255}, ${Math.max(0, Math.min(1, alpha))})`;
   }
+  if (t.startsWith('rgba')) return color;
+  if (t.startsWith('rgb(')) return color.replace(/rgb\(([^)]*)\)/i, (_, i) => `rgba(${i}, ${alpha})`);
   return color;
 };
-const createPlatformShadow = config => {
-  const nativeShadow = {
-    shadowColor: config.color,
-    shadowOpacity: config.opacity,
-    shadowRadius: config.radius,
+const createPlatformShadow = ({
+  color,
+  opacity,
+  radius,
+  offsetY,
+  offsetX = 0,
+  elevation
+}) => {
+  if (_reactNative().Platform.OS !== 'web') return {
+    shadowColor: color,
+    shadowOpacity: opacity,
+    shadowRadius: radius,
     shadowOffset: {
-      width: config.offsetX ?? 0,
-      height: config.offsetY
+      width: offsetX,
+      height: offsetY
     },
-    ...(config.elevation !== undefined ? {
-      elevation: config.elevation
-    } : null)
+    ...(elevation !== undefined && {
+      elevation
+    })
   };
-  if (_reactNative().Platform.OS !== 'web') {
-    return nativeShadow;
-  }
-  const blur = Math.max(config.radius * 1.5, config.radius);
-  const boxShadowColor = ensureRgbaColor(config.color, config.opacity);
   return {
-    boxShadow: `${config.offsetX ?? 0}px ${config.offsetY}px ${blur}px ${boxShadowColor}`
+    boxShadow: `${offsetX}px ${offsetY}px ${radius * 1.5}px ${toRgba(color, opacity)}`
   };
 };
 exports.createPlatformShadow = createPlatformShadow;

package/dist/cjs/utils/date.js

@@ -5,71 +5,41 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.times = exports.padZero = exports.isValidDate = exports.getTrueValue = exports.getMonthEndDay = exports.formatDuration = void 0;
 const padZero = (value, length = 2) => {
-  const str = String(value);
-  return str.length >= length ? str : `${'0'.repeat(length - str.length)}${str}`;
+  const s = String(value);
+  return s.length >= length ? s : `${'0'.repeat(length - s.length)}${s}`;
 };
 exports.padZero = padZero;
-const times = (count, iteratee) => {
-  return Array.from({
-    length: count
-  }, (_, index) => iteratee(index));
-};
+const times = (count, fn) => Array.from({
+  length: count
+}, (_, i) => fn(i));
 exports.times = times;
 const getTrueValue = value => {
   if (!value) return 0;
-  const parsed = parseInt(value, 10);
-  return Number.isNaN(parsed) ? 0 : parsed;
+  const n = parseInt(value, 10);
+  return Number.isNaN(n) ? 0 : n;
 };
 exports.getTrueValue = getTrueValue;
-const getMonthEndDay = (year, month) => {
-  return 32 - new Date(year, month - 1, 32).getDate();
-};
+const getMonthEndDay = (year, month) => 32 - new Date(year, month - 1, 32).getDate();
 exports.getMonthEndDay = getMonthEndDay;
-const isValidDate = value => {
-  return value instanceof Date && !Number.isNaN(value.getTime());
-};
+const isValidDate = value => value instanceof Date && !Number.isNaN(value.getTime());
 exports.isValidDate = isValidDate;
-const formatDuration = (format, currentTime) => {
-  const {
-    days
-  } = currentTime;
+const formatDuration = (format, time) => {
   let {
+    days,
     hours,
     minutes,
     seconds,
     milliseconds
-  } = currentTime;
-  let template = format;
-  if (template.includes('DD')) {
-    template = template.replace('DD', padZero(days));
-  } else {
-    hours += days * 24;
-  }
-  if (template.includes('HH')) {
-    template = template.replace('HH', padZero(hours));
-  } else {
-    minutes += hours * 60;
-  }
-  if (template.includes('mm')) {
-    template = template.replace('mm', padZero(minutes));
-  } else {
-    seconds += minutes * 60;
-  }
-  if (template.includes('ss')) {
-    template = template.replace('ss', padZero(seconds));
-  } else {
-    milliseconds += seconds * 1000;
-  }
-  if (template.includes('S')) {
+  } = time;
+  let t = format;
+  if (t.includes('DD')) t = t.replace('DD', padZero(days));else hours += days * 24;
+  if (t.includes('HH')) t = t.replace('HH', padZero(hours));else minutes += hours * 60;
+  if (t.includes('mm')) t = t.replace('mm', padZero(minutes));else seconds += minutes * 60;
+  if (t.includes('ss')) t = t.replace('ss', padZero(seconds));else milliseconds += seconds * 1000;
+  if (t.includes('S')) {
     const ms = padZero(milliseconds, 3);
-    if (template.includes('SSS')) {
-      template = template.replace('SSS', ms);
-    } else if (template.includes('SS')) {
-      template = template.replace('SS', ms.slice(0, 2));
-    } else {
-      template = template.replace('S', ms.charAt(0));
-    }
+    if (t.includes('SSS')) t = t.replace('SSS', ms);else if (t.includes('SS')) t = t.replace('SS', ms.slice(0, 2));else t = t.replace('S', ms.charAt(0));
   }
-  return template;
+  return t;
 };
 exports.formatDuration = formatDuration;

package/dist/cjs/utils/deepMerge.js

@@ -4,34 +4,24 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.deepMerge = deepMerge;
-const isPlainObject = value => {
-  return Object.prototype.toString.call(value) === '[object Object]';
-};
+const isPlainObject = v => Object.prototype.toString.call(v) === '[object Object]';
 function deepMerge(target, source) {
-  if (!source) {
-    return target;
-  }
-  if (!Array.isArray(target) && !isPlainObject(target)) {
-    return source;
-  }
-  const output = Array.isArray(target) ? [...target] : {
+  if (!source) return target;
+  if (!Array.isArray(target) && !isPlainObject(target)) return source;
+  const out = Array.isArray(target) ? [...target] : {
     ...target
   };
-  Object.keys(source).forEach(key => {
-    const sourceValue = source[key];
-    if (sourceValue === undefined) {
-      return;
+  for (const key of Object.keys(source)) {
+    const sv = source[key];
+    if (sv === undefined) continue;
+    const tv = target[key];
+    if (isPlainObject(tv) && isPlainObject(sv)) {
+      out[key] = deepMerge(tv, sv);
+      continue;
     }
-    const targetValue = target[key];
-    if (isPlainObject(targetValue) && isPlainObject(sourceValue)) {
-      ;
-      output[key] = deepMerge(targetValue, sourceValue);
-      return;
-    }
-    ;
-    output[key] = Array.isArray(sourceValue) ? [...sourceValue] : isPlainObject(sourceValue) ? {
-      ...sourceValue
-    } : sourceValue;
-  });
-  return output;
+    out[key] = Array.isArray(sv) ? [...sv] : isPlainObject(sv) ? {
+      ...sv
+    } : sv;
+  }
+  return out;
 }