react-native-system-ui 1.0.1 → 1.0.3

package/dist/cjs/components/typography/Typography.js

@@ -1,181 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.Typography = void 0;
-function _react() {
-  const data = _interopRequireWildcard(require("react"));
-  _react = function () {
-    return data;
-  };
-  return data;
-}
-function _reactNative() {
-  const data = require("react-native");
-  _reactNative = function () {
-    return data;
-  };
-  return data;
-}
-var _utils = require("../../utils");
-var _platform = require("../../platform");
-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); }
-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 FLEX_SHRINK_STYLE = {
-  flexShrink: 1
-};
-const resolveEllipsisRows = ellipsis => {
-  if (!ellipsis) return undefined;
-  if ((0, _utils.isBoolean)(ellipsis)) return ellipsis ? 1 : undefined;
-  if ((0, _utils.isNumber)(ellipsis)) return ellipsis;
-  return ellipsis.rows ?? 1;
-};
-const hasTypographyColorKey = (colors, key) => Object.prototype.hasOwnProperty.call(colors, key);
-const isEllipsisObject = ellipsis => (0, _utils.isPlainObject)(ellipsis);
-const TypographyTextBaseInner = /*#__PURE__*/_react().default.forwardRef((props, ref) => {
-  const {
-    tokensOverride,
-    children,
-    type: typeP,
-    color: colorP,
-    size: sizeP,
-    level,
-    disabled: disP,
-    delete: deleted,
-    underline,
-    center,
-    strong,
-    ellipsis,
-    style,
-    onPress,
-    ...textProps
-  } = props;
-  const tokens = (0, _tokens.useTypographyTokens)(tokensOverride);
-  const type = typeP ?? tokens.defaults.type;
-  const size = sizeP ?? tokens.defaults.size;
-  const disabled = disP ?? tokens.defaults.disabled;
-  const ellipsisRows = resolveEllipsisRows(ellipsis);
-  const ellipsisConfig = isEllipsisObject(ellipsis) ? ellipsis : undefined;
-  const [isTruncated, setIsTruncated] = (0, _react().useState)(false);
-  const [expanded, setExpanded] = (0, _react().useState)(false);
-  const isWeb = (0, _platform.isWeb)();
-  const handleTextLayout = (0, _react().useCallback)(event => {
-    if (!ellipsisRows || expanded) return;
-    const exceeded = event.nativeEvent.lines.length > ellipsisRows;
-    setIsTruncated(prev => prev === exceeded ? prev : exceeded);
-  }, [ellipsisRows, expanded]);
-  let resolvedColor = tokens.colors[type] ?? tokens.colors.default;
-  if (colorP !== undefined && colorP !== null) {
-    const ck = String(colorP);
-    resolvedColor = hasTypographyColorKey(tokens.colors, ck) ? tokens.colors[ck] : ck;
-  }
-  ;
-  const fontSize = level ? tokens.sizing.titles[level].fontSize : tokens.sizing.sizes[size];
-  const lineHeight = level ? tokens.sizing.titles[level].lineHeight : fontSize * tokens.sizing.lineHeightMultiplier;
-  const textDeco = underline && deleted ? 'underline line-through' : underline ? 'underline' : deleted ? 'line-through' : undefined;
-  const baseStyle = [{
-    color: resolvedColor,
-    fontSize,
-    lineHeight,
-    fontFamily: tokens.typography.fontFamily,
-    fontWeight: strong ? tokens.typography.weight.strong : tokens.typography.weight.regular,
-    includeFontPadding: false,
-    textDecorationLine: textDeco,
-    textAlign: center ? 'center' : undefined,
-    opacity: disabled ? tokens.opacity.disabled : 1
-  }, style];
-  const hasActTxt = !!ellipsisConfig && (ellipsisConfig.expandText || ellipsisConfig.collapseText);
-  const showAct = hasActTxt && (isTruncated || expanded || isWeb);
-  const handleToggleEllipsis = (0, _react().useCallback)(() => {
-    if (!ellipsisConfig) return;
-    setExpanded(prev => {
-      const next = !prev;
-      ellipsisConfig.onExpand?.(next);
-      return next;
-    });
-  }, [ellipsisConfig]);
-  const actLabel = !ellipsisConfig ? undefined : expanded ? ellipsisConfig.collapseText ?? ellipsisConfig.expandText : ellipsisConfig.expandText ?? ellipsisConfig.collapseText;
-  const actTxtStyle = {
-    color: tokens.colors.primary,
-    fontSize: tokens.sizing.sizes.sm,
-    fontWeight: tokens.typography.weight.medium,
-    marginLeft: tokens.sizing.actionMarginLeft,
-    includeFontPadding: false
-  };
-  const textStyle = showAct ? [baseStyle, FLEX_SHRINK_STYLE] : baseStyle;
-  const textNode = /*#__PURE__*/_react().default.createElement(_reactNative().Text, _extends({
-    ref: ref,
-    style: textStyle,
-    onPress: onPress,
-    numberOfLines: !expanded ? ellipsisRows : undefined,
-    ellipsizeMode: "tail",
-    onTextLayout: hasActTxt && ellipsisRows && !expanded && !isWeb ? handleTextLayout : undefined
-  }, textProps), children);
-  if (!showAct) return center ? /*#__PURE__*/_react().default.createElement(_reactNative().View, {
-    style: tokens.layout.centerWrapper
-  }, textNode) : textNode;
-  const actionNode = /*#__PURE__*/_react().default.createElement(_reactNative().View, {
-    style: tokens.layout.actionRow
-  }, textNode, /*#__PURE__*/_react().default.createElement(_reactNative().Text, {
-    onPress: handleToggleEllipsis,
-    suppressHighlighting: true,
-    style: actTxtStyle
-  }, actLabel));
-  return center ? /*#__PURE__*/_react().default.createElement(_reactNative().View, {
-    style: tokens.layout.centerWrapper
-  }, actionNode) : actionNode;
-});
-TypographyTextBaseInner.displayName = 'TypographyText';
-const TypographyTextBase = /*#__PURE__*/_react().default.memo(TypographyTextBaseInner);
-TypographyTextBase.displayName = 'TypographyText';
-const TypographyTitle = /*#__PURE__*/_react().default.forwardRef((props, ref) => {
-  const {
-    level = 5,
-    accessibilityRole,
-    ...rest
-  } = props;
-  return /*#__PURE__*/_react().default.createElement(TypographyTextBase, _extends({
-    ref: ref,
-    level: level,
-    accessibilityRole: accessibilityRole ?? 'header'
-  }, rest));
-});
-TypographyTitle.displayName = 'TypographyTitle';
-const TypographyLink = /*#__PURE__*/_react().default.forwardRef((props, ref) => {
-  const {
-    href,
-    onPress,
-    underline = true,
-    type = 'primary',
-    accessibilityRole,
-    ...rest
-  } = props;
-  const handlePress = (0, _react().useCallback)(async event => {
-    if (onPress) {
-      onPress(event);
-      return;
-    }
-    ;
-    if (href) {
-      try {
-        await _reactNative().Linking.openURL(href);
-      } catch {}
-    }
-  }, [onPress, href]);
-  return /*#__PURE__*/_react().default.createElement(TypographyTextBase, _extends({
-    ref: ref,
-    underline: underline,
-    type: type,
-    onPress: handlePress,
-    accessibilityRole: accessibilityRole ?? 'link'
-  }, rest));
-});
-TypographyLink.displayName = 'TypographyLink';
-const Typography = exports.Typography = Object.assign(TypographyTextBase, {
-  Text: TypographyTextBase,
-  Title: TypographyTitle,
-  Link: TypographyLink
-});
-var _default = exports.default = Typography;
+"use strict";function _react(){const e=_interopRequireWildcard(require("react"));return _react=function(){return e},e}function _reactNative(){const e=require("react-native");return _reactNative=function(){return e},e}Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.Typography=void 0;var _utils=require("../../utils"),_platform=require("../../platform"),_tokens=require("./tokens");function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var r=new WeakMap,a=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var i,n,o={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return o;if(i=t?a:r){if(i.has(e))return i.get(e);i.set(e,o)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((n=(i=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(n.get||n.set)?i(o,t,n):o[t]=e[t]);return o})(e,t)}function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)({}).hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e},_extends.apply(null,arguments)}const FLEX_SHRINK_STYLE={flexShrink:1},resolveEllipsisRows=e=>{if(e)return(0,_utils.isBoolean)(e)?e?1:void 0:(0,_utils.isNumber)(e)?e:e.rows??1},hasTypographyColorKey=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),isEllipsisObject=e=>(0,_utils.isPlainObject)(e),TypographyTextBaseInner=_react().default.forwardRef((e,t)=>{const{tokensOverride:r,children:a,type:i,color:n,size:o,level:l,disabled:s,delete:p,underline:c,center:y,strong:u,ellipsis:d,style:f,onPress:g,...h}=e,_=(0,_tokens.useTypographyTokens)(r),T=i??_.defaults.type,x=o??_.defaults.size,v=s??_.defaults.disabled,m=resolveEllipsisRows(d),b=isEllipsisObject(d)?d:void 0,[w,k]=(0,_react().useState)(!1),[E,L]=(0,_react().useState)(!1),O=(0,_platform.isWeb)(),R=(0,_react().useCallback)(e=>{if(!m||E)return;const t=e.nativeEvent.lines.length>m;k(e=>e===t?e:t)},[m,E]);let N=_.colors[T]??_.colors.default;if(null!=n){const e=String(n);N=hasTypographyColorKey(_.colors,e)?_.colors[e]:e}const z=l?_.sizing.titles[l].fontSize:_.sizing.sizes[x],P=c&&p?"underline line-through":c?"underline":p?"line-through":void 0,j=[{color:N,fontSize:z,lineHeight:l?_.sizing.titles[l].lineHeight:z*_.sizing.lineHeightMultiplier,fontFamily:_.typography.fontFamily,fontWeight:u?_.typography.weight.strong:_.typography.weight.regular,includeFontPadding:!1,textDecorationLine:P,textAlign:y?"center":void 0,opacity:v?_.opacity.disabled:1},f],S=!!b&&(b.expandText||b.collapseText),W=S&&(w||E||O),B=(0,_react().useCallback)(()=>{b&&L(e=>{const t=!e;return b.onExpand?.(t),t})},[b]),q=b?E?b.collapseText??b.expandText:b.expandText??b.collapseText:void 0,M={color:_.colors.primary,fontSize:_.sizing.sizes.sm,fontWeight:_.typography.weight.medium,marginLeft:_.sizing.actionMarginLeft,includeFontPadding:!1},F=W?[j,FLEX_SHRINK_STYLE]:j,H=_react().default.createElement(_reactNative().Text,_extends({ref:t,style:F,onPress:g,numberOfLines:E?void 0:m,ellipsizeMode:"tail",onTextLayout:S&&m&&!E&&!O?R:void 0},h),a);if(!W)return y?_react().default.createElement(_reactNative().View,{style:_.layout.centerWrapper},H):H;const C=_react().default.createElement(_reactNative().View,{style:_.layout.actionRow},H,_react().default.createElement(_reactNative().Text,{onPress:B,suppressHighlighting:!0,style:M},q));return y?_react().default.createElement(_reactNative().View,{style:_.layout.centerWrapper},C):C});TypographyTextBaseInner.displayName="TypographyText";const TypographyTextBase=_react().default.memo(TypographyTextBaseInner);TypographyTextBase.displayName="TypographyText";const TypographyTitle=_react().default.forwardRef((e,t)=>{const{level:r=5,accessibilityRole:a,...i}=e;return _react().default.createElement(TypographyTextBase,_extends({ref:t,level:r,accessibilityRole:a??"header"},i))});TypographyTitle.displayName="TypographyTitle";const TypographyLink=_react().default.forwardRef((e,t)=>{const{href:r,onPress:a,underline:i=!0,type:n="primary",accessibilityRole:o,...l}=e,s=(0,_react().useCallback)(async e=>{if(a)a(e);else if(r)try{await _reactNative().Linking.openURL(r)}catch{}},[a,r]);return _react().default.createElement(TypographyTextBase,_extends({ref:t,underline:i,type:n,onPress:s,accessibilityRole:o??"link"},l))});TypographyLink.displayName="TypographyLink";const Typography=exports.Typography=Object.assign(TypographyTextBase,{Text:TypographyTextBase,Title:TypographyTitle,Link:TypographyLink});var _default=exports.default=Typography;

package/dist/cjs/components/typography/index.js

@@ -1,9 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _Typography = _interopRequireDefault(require("./Typography"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-var _default = exports.default = _Typography.default;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _Typography=_interopRequireDefault(require("./Typography"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=_Typography.default;

package/dist/cjs/components/typography/tokens.js

@@ -1,88 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useTypographyTokens = void 0;
-var _designSystem = require("../../design-system");
-const createTypographyTokens = ({
-  palette,
-  fontSize,
-  typography,
-  opacity
-}) => ({
-  defaults: {
-    type: 'default',
-    size: 'md',
-    disabled: false
-  },
-  layout: {
-    centerWrapper: {
-      alignItems: 'center'
-    },
-    actionRow: {
-      flexDirection: 'row',
-      flexWrap: 'wrap',
-      alignItems: 'baseline'
-    }
-  },
-  colors: {
-    default: palette.default[700],
-    primary: palette.primary[500],
-    success: palette.success[500],
-    warning: palette.warning[500],
-    danger: palette.danger[500],
-    secondary: palette.default[500],
-    light: palette.default[300]
-  },
-  sizing: {
-    sizes: {
-      xs: fontSize.xs,
-      sm: fontSize.sm,
-      md: fontSize.md,
-      lg: fontSize.lg,
-      xl: fontSize.xl,
-      xxl: fontSize.xl * 1.2
-    },
-    titles: {
-      1: {
-        fontSize: 30,
-        lineHeight: 34
-      },
-      2: {
-        fontSize: 26,
-        lineHeight: 30
-      },
-      3: {
-        fontSize: 22,
-        lineHeight: 26
-      },
-      4: {
-        fontSize: 20,
-        lineHeight: 24
-      },
-      5: {
-        fontSize: 16,
-        lineHeight: 20
-      },
-      6: {
-        fontSize: 14,
-        lineHeight: 18
-      }
-    },
-    lineHeightMultiplier: 1.3,
-    actionMarginLeft: 4
-  },
-  typography: {
-    fontFamily: typography.fontFamily,
-    weight: {
-      regular: typography.weight.regular,
-      medium: typography.weight.medium,
-      strong: typography.weight.semiBold
-    }
-  },
-  opacity: {
-    disabled: opacity.disabled
-  }
-});
-const useTypographyTokens = exports.useTypographyTokens = (0, _designSystem.createComponentTokensHook)('typography', createTypographyTokens);
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useTypographyTokens=void 0;var _designSystem=require("../../design-system");const createTypographyTokens=({palette:e,fontSize:t,typography:i,opacity:s})=>({defaults:{type:"default",size:"md",disabled:!1},layout:{centerWrapper:{alignItems:"center"},actionRow:{flexDirection:"row",flexWrap:"wrap",alignItems:"baseline"}},colors:{default:e.default[700],primary:e.primary[500],success:e.success[500],warning:e.warning[500],danger:e.danger[500],secondary:e.default[500],light:e.default[300]},sizing:{sizes:{xs:t.xs,sm:t.sm,md:t.md,lg:t.lg,xl:t.xl,xxl:1.2*t.xl},titles:{1:{fontSize:30,lineHeight:34},2:{fontSize:26,lineHeight:30},3:{fontSize:22,lineHeight:26},4:{fontSize:20,lineHeight:24},5:{fontSize:16,lineHeight:20},6:{fontSize:14,lineHeight:18}},lineHeightMultiplier:1.3,actionMarginLeft:4},typography:{fontFamily:i.fontFamily,weight:{regular:i.weight.regular,medium:i.weight.medium,strong:i.weight.semiBold}},opacity:{disabled:s.disabled}}),useTypographyTokens=exports.useTypographyTokens=(0,_designSystem.createComponentTokensHook)("typography",createTypographyTokens);

package/dist/cjs/components/water-mark/WaterMark.js

@@ -1,172 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-function _react() {
-  const data = _interopRequireWildcard(require("react"));
-  _react = function () {
-    return data;
-  };
-  return data;
-}
-function _reactNative() {
-  const data = require("react-native");
-  _reactNative = function () {
-    return data;
-  };
-  return data;
-}
-var _utils = require("../../utils");
-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); }
-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 resolveFiniteNumber = (value, fallback) => (0, _utils.isFiniteNumber)(value) ? value : fallback;
-const resolveNonNegativeNumber = (value, fallback) => Math.max(0, resolveFiniteNumber(value, fallback));
-const resolvePositiveNumber = (value, fallback) => Math.max(1, resolveFiniteNumber(value, fallback));
-const WaterMarkImpl = props => {
-  const {
-    content: contentP,
-    width,
-    height,
-    gapX,
-    gapY,
-    rotate,
-    image,
-    font,
-    fontSize,
-    color,
-    opacity,
-    zIndex: zIdxP,
-    fullPage: fullP,
-    tokensOverride,
-    style,
-    onLayoutCalculated,
-    textStyle,
-    ...rest
-  } = props;
-  const tokens = (0, _tokens.useWaterMarkTokens)(tokensOverride);
-  const content = contentP ?? tokens.defaults.content;
-  const zIndex = resolveFiniteNumber(zIdxP, tokens.defaults.zIndex);
-  const fullPage = fullP ?? tokens.defaults.fullPage;
-  const window = (0, _reactNative().useWindowDimensions)();
-  const [layoutSize, setLayoutSize] = (0, _react().useState)({
-    width: 0,
-    height: 0
-  });
-  const lastLayoutRef = (0, _react().useRef)({
-    width: 0,
-    height: 0
-  });
-  const size = fullPage ? window : layoutSize;
-  const rGapX = resolveNonNegativeNumber(gapX, tokens.defaults.gapX);
-  const rGapY = resolveNonNegativeNumber(gapY, tokens.defaults.gapY);
-  const rRotate = resolveFiniteNumber(rotate, tokens.defaults.rotate);
-  const rOpacity = Math.max(0, Math.min(1, resolveFiniteNumber(opacity, tokens.defaults.opacity)));
-  const fontSzFromFont = (0, _utils.isFiniteNumber)(font?.size) ? font.size : (0, _utils.isString)(font?.size) ? Number.parseFloat(font.size) : undefined;
-  const normFontSz = Math.max(0, resolveFiniteNumber((Number.isFinite(fontSzFromFont ?? Number.NaN) ? fontSzFromFont : undefined) ?? fontSize, tokens.defaults.fontSize));
-  const rColor = font?.color ?? color ?? tokens.colors.mark;
-  const markW = resolvePositiveNumber(image?.width ?? width, tokens.defaults.width);
-  const markH = resolvePositiveNumber(image?.height ?? height, tokens.defaults.height);
-  const cellW = Math.max(1, markW + rGapX);
-  const cellH = Math.max(1, markH + rGapY);
-  const rows = size.height ? Math.ceil(size.height / cellH) + 1 : 1;
-  const cols = size.width ? Math.ceil(size.width / cellW) + 1 : 1;
-  const onLayoutCalcRef = (0, _react().useRef)(onLayoutCalculated);
-  onLayoutCalcRef.current = onLayoutCalculated;
-  const handleLayout = (0, _react().useCallback)(event => {
-    if (fullPage) return;
-    const {
-      width: w,
-      height: h
-    } = event.nativeEvent.layout;
-    if (!(0, _utils.isFiniteNumber)(w) || !(0, _utils.isFiniteNumber)(h)) return;
-    const nw = Math.max(0, w),
-      nh = Math.max(0, h);
-    if (lastLayoutRef.current.width === nw && lastLayoutRef.current.height === nh) return;
-    lastLayoutRef.current = {
-      width: nw,
-      height: nh
-    };
-    setLayoutSize({
-      width: nw,
-      height: nh
-    });
-    onLayoutCalcRef.current?.({
-      width: nw,
-      height: nh
-    });
-  }, [fullPage]);
-  (0, _react().useEffect)(() => {
-    if (!fullPage || !(0, _utils.isFiniteNumber)(window.width) || !(0, _utils.isFiniteNumber)(window.height) || window.width <= 0 || window.height <= 0) return;
-    onLayoutCalcRef.current?.({
-      width: window.width,
-      height: window.height
-    });
-  }, [fullPage, window.width, window.height]);
-  const zIdxStyle = (0, _react().useMemo)(() => ({
-    zIndex
-  }), [zIndex]);
-  const cellStyle = (0, _react().useMemo)(() => ({
-    width: cellW,
-    height: cellH
-  }), [cellW, cellH]);
-  const oddRowStyle = (0, _react().useMemo)(() => ({
-    paddingLeft: cellW / 2
-  }), [cellW]);
-  const markStyle = (0, _react().useMemo)(() => ({
-    width: markW,
-    height: markH,
-    transform: [{
-      rotate: `${rRotate}deg`
-    }]
-  }), [markW, markH, rRotate]);
-  const imgStyle = (0, _react().useMemo)(() => ({
-    width: markW,
-    height: markH,
-    opacity: rOpacity
-  }), [markW, markH, rOpacity]);
-  const txtBaseStyle = (0, _react().useMemo)(() => ({
-    fontSize: normFontSz,
-    color: rColor,
-    opacity: rOpacity,
-    fontFamily: font?.family,
-    fontWeight: font?.weight
-  }), [normFontSz, rColor, rOpacity, font?.family, font?.weight]);
-  const rowIdx = Array.from({
-    length: rows
-  }, (_, i) => i);
-  const colIdx = Array.from({
-    length: cols
-  }, (_, i) => i);
-  return /*#__PURE__*/_react().default.createElement(_reactNative().View, _extends({
-    pointerEvents: "none",
-    importantForAccessibility: "no-hide-descendants",
-    accessibilityElementsHidden: true,
-    style: [fullPage ? tokens.layout.absoluteFill : null, zIdxStyle, style],
-    onLayout: handleLayout
-  }, rest), /*#__PURE__*/_react().default.createElement(_reactNative().View, {
-    style: tokens.layout.wrapper
-  }, rowIdx.map(ri => /*#__PURE__*/_react().default.createElement(_reactNative().View, {
-    key: `row-${ri}`,
-    style: [tokens.layout.row, ri % 2 === 0 ? null : oddRowStyle]
-  }, colIdx.map(ci => /*#__PURE__*/_react().default.createElement(_reactNative().View, {
-    key: `col-${ri}-${ci}`,
-    style: [tokens.layout.cell, cellStyle]
-  }, /*#__PURE__*/_react().default.createElement(_reactNative().View, {
-    style: [tokens.layout.mark, markStyle]
-  }, image ? /*#__PURE__*/_react().default.createElement(_reactNative().Image, {
-    source: {
-      uri: image.src
-    },
-    style: imgStyle,
-    resizeMode: "contain"
-  }) : /*#__PURE__*/_react().default.createElement(_reactNative().Text, {
-    allowFontScaling: false,
-    style: [txtBaseStyle, textStyle]
-  }, content))))))));
-};
-const WaterMark = /*#__PURE__*/_react().default.memo(WaterMarkImpl);
-WaterMark.displayName = 'WaterMark';
-var _default = exports.default = WaterMark;
+"use strict";function _react(){const e=_interopRequireWildcard(require("react"));return _react=function(){return e},e}function _reactNative(){const e=require("react-native");return _reactNative=function(){return e},e}Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _utils=require("../../utils"),_tokens=require("./tokens");function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var r=new WeakMap,i=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var a,n,o={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return o;if(a=t?i:r){if(a.has(e))return a.get(e);a.set(e,o)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((n=(a=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(n.get||n.set)?a(o,t,n):o[t]=e[t]);return o})(e,t)}function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var i in r)({}).hasOwnProperty.call(r,i)&&(e[i]=r[i])}return e},_extends.apply(null,arguments)}const resolveFiniteNumber=(e,t)=>(0,_utils.isFiniteNumber)(e)?e:t,resolveNonNegativeNumber=(e,t)=>Math.max(0,resolveFiniteNumber(e,t)),resolvePositiveNumber=(e,t)=>Math.max(1,resolveFiniteNumber(e,t)),WaterMarkImpl=e=>{const{content:t,width:r,height:i,gapX:a,gapY:n,rotate:o,image:u,font:l,fontSize:s,color:c,opacity:h,zIndex:d,fullPage:f,tokensOverride:m,style:_,onLayoutCalculated:g,textStyle:v,...N}=e,p=(0,_tokens.useWaterMarkTokens)(m),y=t??p.defaults.content,w=resolveFiniteNumber(d,p.defaults.zIndex),b=f??p.defaults.fullPage,M=(0,_reactNative().useWindowDimensions)(),[k,x]=(0,_react().useState)({width:0,height:0}),F=(0,_react().useRef)({width:0,height:0}),W=b?M:k,z=resolveNonNegativeNumber(a,p.defaults.gapX),E=resolveNonNegativeNumber(n,p.defaults.gapY),P=resolveFiniteNumber(o,p.defaults.rotate),O=Math.max(0,Math.min(1,resolveFiniteNumber(h,p.defaults.opacity))),q=(0,_utils.isFiniteNumber)(l?.size)?l.size:(0,_utils.isString)(l?.size)?Number.parseFloat(l.size):void 0,S=Math.max(0,resolveFiniteNumber((Number.isFinite(q??Number.NaN)?q:void 0)??s,p.defaults.fontSize)),j=l?.color??c??p.colors.mark,I=resolvePositiveNumber(u?.width??r,p.defaults.width),R=resolvePositiveNumber(u?.height??i,p.defaults.height),V=Math.max(1,I+z),$=Math.max(1,R+E),A=W.height?Math.ceil(W.height/$)+1:1,L=W.width?Math.ceil(W.width/V)+1:1,C=(0,_react().useRef)(g);C.current=g;const D=(0,_react().useCallback)(e=>{if(b)return;const{width:t,height:r}=e.nativeEvent.layout;if(!(0,_utils.isFiniteNumber)(t)||!(0,_utils.isFiniteNumber)(r))return;const i=Math.max(0,t),a=Math.max(0,r);F.current.width===i&&F.current.height===a||(F.current={width:i,height:a},x({width:i,height:a}),C.current?.({width:i,height:a}))},[b]);(0,_react().useEffect)(()=>{!b||!(0,_utils.isFiniteNumber)(M.width)||!(0,_utils.isFiniteNumber)(M.height)||M.width<=0||M.height<=0||C.current?.({width:M.width,height:M.height})},[b,M.width,M.height]);const T=(0,_react().useMemo)(()=>({zIndex:w}),[w]),X=(0,_react().useMemo)(()=>({width:V,height:$}),[V,$]),Y=(0,_react().useMemo)(()=>({paddingLeft:V/2}),[V]),H=(0,_react().useMemo)(()=>({width:I,height:R,transform:[{rotate:`${P}deg`}]}),[I,R,P]),B=(0,_react().useMemo)(()=>({width:I,height:R,opacity:O}),[I,R,O]),G=(0,_react().useMemo)(()=>({fontSize:S,color:j,opacity:O,fontFamily:l?.family,fontWeight:l?.weight}),[S,j,O,l?.family,l?.weight]),J=Array.from({length:A},(e,t)=>t),K=Array.from({length:L},(e,t)=>t);return _react().default.createElement(_reactNative().View,_extends({pointerEvents:"none",importantForAccessibility:"no-hide-descendants",accessibilityElementsHidden:!0,style:[b?p.layout.absoluteFill:null,T,_],onLayout:D},N),_react().default.createElement(_reactNative().View,{style:p.layout.wrapper},J.map(e=>_react().default.createElement(_reactNative().View,{key:`row-${e}`,style:[p.layout.row,e%2==0?null:Y]},K.map(t=>_react().default.createElement(_reactNative().View,{key:`col-${e}-${t}`,style:[p.layout.cell,X]},_react().default.createElement(_reactNative().View,{style:[p.layout.mark,H]},u?_react().default.createElement(_reactNative().Image,{source:{uri:u.src},style:B,resizeMode:"contain"}):_react().default.createElement(_reactNative().Text,{allowFontScaling:!1,style:[G,v]},y))))))))},WaterMark=_react().default.memo(WaterMarkImpl);WaterMark.displayName="WaterMark";var _default=exports.default=WaterMark;

package/dist/cjs/components/water-mark/index.js

@@ -1,22 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "WaterMark", {
-  enumerable: true,
-  get: function () {
-    return _WaterMark.default;
-  }
-});
-exports.default = void 0;
-Object.defineProperty(exports, "useWaterMarkTokens", {
-  enumerable: true,
-  get: function () {
-    return _tokens.useWaterMarkTokens;
-  }
-});
-var _WaterMark = _interopRequireDefault(require("./WaterMark"));
-var _tokens = require("./tokens");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-var _default = exports.default = _WaterMark.default;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"WaterMark",{enumerable:!0,get:function(){return _WaterMark.default}}),exports.default=void 0,Object.defineProperty(exports,"useWaterMarkTokens",{enumerable:!0,get:function(){return _tokens.useWaterMarkTokens}});var _WaterMark=_interopRequireDefault(require("./WaterMark")),_tokens=require("./tokens");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=_WaterMark.default;

package/dist/cjs/components/water-mark/tokens.js

@@ -1,54 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useWaterMarkTokens = void 0;
-function _reactNative() {
-  const data = require("react-native");
-  _reactNative = function () {
-    return data;
-  };
-  return data;
-}
-var _designSystem = require("../../design-system");
-const createTokens = foundations => {
-  const {
-    palette
-  } = foundations;
-  return {
-    defaults: {
-      content: 'WaterMark',
-      width: 120,
-      height: 64,
-      gapX: 24,
-      gapY: 48,
-      rotate: -22,
-      fontSize: 14,
-      opacity: 0.15,
-      zIndex: 2000,
-      fullPage: true
-    },
-    layout: {
-      absoluteFill: _reactNative().StyleSheet.absoluteFillObject,
-      wrapper: {
-        flex: 1
-      },
-      row: {
-        flexDirection: 'row'
-      },
-      cell: {
-        alignItems: 'center',
-        justifyContent: 'center'
-      },
-      mark: {
-        alignItems: 'center',
-        justifyContent: 'center'
-      }
-    },
-    colors: {
-      mark: palette.default[500]
-    }
-  };
-};
-const useWaterMarkTokens = exports.useWaterMarkTokens = (0, _designSystem.createComponentTokensHook)('waterMark', createTokens);
+"use strict";function _reactNative(){const e=require("react-native");return _reactNative=function(){return e},e}Object.defineProperty(exports,"__esModule",{value:!0}),exports.useWaterMarkTokens=void 0;var _designSystem=require("../../design-system");const createTokens=e=>{const{palette:t}=e;return{defaults:{content:"WaterMark",width:120,height:64,gapX:24,gapY:48,rotate:-22,fontSize:14,opacity:.15,zIndex:2e3,fullPage:!0},layout:{absoluteFill:_reactNative().StyleSheet.absoluteFillObject,wrapper:{flex:1},row:{flexDirection:"row"},cell:{alignItems:"center",justifyContent:"center"},mark:{alignItems:"center",justifyContent:"center"}},colors:{mark:t.default[500]}}},useWaterMarkTokens=exports.useWaterMarkTokens=(0,_designSystem.createComponentTokensHook)("waterMark",createTokens);

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

@@ -1,38 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Text = 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 _useTheme = require("./useTheme");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-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 Text = exports.Text = /*#__PURE__*/_react().default.forwardRef(({
-  style,
-  ...rest
-}, ref) => {
-  const {
-    foundations
-  } = (0, _useTheme.useTheme)();
-  return /*#__PURE__*/_react().default.createElement(_reactNative().Text, _extends({
-    ref: ref,
-    style: [{
-      fontFamily: foundations.typography.fontFamily
-    }, style]
-  }, rest));
-});
-Text.displayName = 'Text';
+"use strict";function _react(){const e=_interopRequireDefault(require("react"));return _react=function(){return e},e}function _reactNative(){const e=require("react-native");return _reactNative=function(){return e},e}Object.defineProperty(exports,"__esModule",{value:!0}),exports.Text=void 0;var _useTheme=require("./useTheme");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)({}).hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},_extends.apply(null,arguments)}const Text=exports.Text=_react().default.forwardRef(({style:e,...t},r)=>{const{foundations:n}=(0,_useTheme.useTheme)();return _react().default.createElement(_reactNative().Text,_extends({ref:r,style:[{fontFamily:n.typography.fontFamily},e]},t))});Text.displayName="Text";

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

@@ -1,19 +1 @@
-"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
-});
+"use strict";function _react(){const e=_interopRequireDefault(require("react"));return _react=function(){return e},e}Object.defineProperty(exports,"__esModule",{value:!0}),exports.ThemeContext=void 0;var _tokens=require("./tokens");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const ThemeContext=exports.ThemeContext=_react().default.createContext({foundations:_tokens.defaultTokens,components:void 0});

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

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