react-native-system-ui 1.0.2 → 1.0.4

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

@@ -1,50 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Form = void 0;
-Object.defineProperty(exports, "FormItem", {
-  enumerable: true,
-  get: function () {
-    return _FormItem.FormItem;
-  }
-});
-Object.defineProperty(exports, "FormList", {
-  enumerable: true,
-  get: function () {
-    return _FormList.FormList;
-  }
-});
-Object.defineProperty(exports, "FormSubscribe", {
-  enumerable: true,
-  get: function () {
-    return _Form.FormSubscribe;
-  }
-});
-exports.default = void 0;
-Object.defineProperty(exports, "useWatch", {
-  enumerable: true,
-  get: function () {
-    return _Form.useWatch;
-  }
-});
-function _react() {
-  const data = require("react");
-  _react = function () {
-    return data;
-  };
-  return data;
-}
-var _Form = _interopRequireWildcard(require("./Form"));
-var _FormItem = require("./FormItem");
-var _FormList = require("./FormList");
-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 Form = exports.Form = Object.assign(_Form.default, {
-  Item: _FormItem.FormItem,
-  List: _FormList.FormList,
-  useForm: () => (0, _react().useRef)(null),
-  Subscribe: _Form.FormSubscribe,
-  useWatch: _Form.useWatch
-});
-var _default = exports.default = Form;
+"use strict";function _react(){const e=require("react");return _react=function(){return e},e}Object.defineProperty(exports,"__esModule",{value:!0}),exports.Form=void 0,Object.defineProperty(exports,"FormItem",{enumerable:!0,get:function(){return _FormItem.FormItem}}),Object.defineProperty(exports,"FormList",{enumerable:!0,get:function(){return _FormList.FormList}}),Object.defineProperty(exports,"FormSubscribe",{enumerable:!0,get:function(){return _Form.FormSubscribe}}),exports.default=void 0,Object.defineProperty(exports,"useWatch",{enumerable:!0,get:function(){return _Form.useWatch}});var _Form=_interopRequireWildcard(require("./Form")),_FormItem=require("./FormItem"),_FormList=require("./FormList");function _interopRequireWildcard(e,r){if("function"==typeof WeakMap)var t=new WeakMap,o=new WeakMap;return(_interopRequireWildcard=function(e,r){if(!r&&e&&e.__esModule)return e;var n,u,i={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return i;if(n=r?o:t){if(n.has(e))return n.get(e);n.set(e,i)}for(const r in e)"default"!==r&&{}.hasOwnProperty.call(e,r)&&((u=(n=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,r))&&(u.get||u.set)?n(i,r,u):i[r]=e[r]);return i})(e,r)}const Form=exports.Form=Object.assign(_Form.default,{Item:_FormItem.FormItem,List:_FormList.FormList,useForm:()=>(0,_react().useRef)(null),Subscribe:_Form.FormSubscribe,useWatch:_Form.useWatch});var _default=exports.default=Form;

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

@@ -1,14 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useFormTokens = void 0;
-var _designSystem = require("../../design-system");
-const createFormTokens = _foundations => ({
-  defaults: {
-    showValidateMessage: true,
-    defaultValidationMessage: 'Validation failed'
-  }
-});
-const useFormTokens = exports.useFormTokens = (0, _designSystem.createComponentTokensHook)('form', createFormTokens);
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useFormTokens=void 0;var _designSystem=require("../../design-system");const createFormTokens=e=>({defaults:{showValidateMessage:!0,defaultValidationMessage:"Validation failed"}}),useFormTokens=exports.useFormTokens=(0,_designSystem.createComponentTokensHook)("form",createFormTokens);

package/dist/cjs/components/form/utils.js

@@ -1,56 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.toNamePath = exports.setValueByName = exports.serializeNamePath = exports.normalizeTrigger = exports.getValueByName = exports.FORM_ALL_FIELDS_KEY = void 0;
-var _utils = require("../../utils");
-const normalizeTrigger = trigger => trigger ? Array.isArray(trigger) ? trigger : [trigger] : [];
-exports.normalizeTrigger = normalizeTrigger;
-const FORM_ALL_FIELDS_KEY = exports.FORM_ALL_FIELDS_KEY = '__form_all__';
-const toNamePath = name => {
-  if (name === undefined || name === null) return [];
-  if (Array.isArray(name)) return name;
-  if ((0, _utils.isNumber)(name)) return [name];
-  if ((0, _utils.isString)(name)) return name.split('.');
-  return [String(name)];
-};
-exports.toNamePath = toNamePath;
-const serializeNamePath = name => toNamePath(name).join('.');
-exports.serializeNamePath = serializeNamePath;
-const getValueByName = (source, name) => {
-  return toNamePath(name).reduce((acc, key) => {
-    if (acc == null) return acc;
-    const k = String(key);
-    if (Array.isArray(acc)) {
-      const i = Number(k);
-      return Number.isFinite(i) ? acc[i] : acc[k];
-    }
-    return typeof acc === 'object' ? acc[k] : undefined;
-  }, source);
-};
-exports.getValueByName = getValueByName;
-const setValueByName = (source, name, value) => {
-  const path = toNamePath(name);
-  if (!path.length) return source;
-  const clone = Array.isArray(source) ? [...source] : typeof source === 'object' && source !== null ? {
-    ...source
-  } : {};
-  let cursor = clone;
-  path.forEach((key, index) => {
-    const k = String(key),
-      ki = Number(k);
-    if (index === path.length - 1) {
-      if (Array.isArray(cursor) && Number.isFinite(ki)) cursor[ki] = value;else cursor[k] = value;
-      return;
-    }
-    const nv = Array.isArray(cursor) && Number.isFinite(ki) ? cursor[ki] : cursor[k];
-    const nc = nv === undefined || nv === null ? (0, _utils.isNumber)(path[index + 1]) ? [] : {} : Array.isArray(nv) ? [...nv] : typeof nv === 'object' ? {
-      ...nv
-    } : {};
-    if (Array.isArray(cursor) && Number.isFinite(ki)) cursor[ki] = nc;else cursor[k] = nc;
-    cursor = nc;
-  });
-  return clone;
-};
-exports.setValueByName = setValueByName;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.toNamePath=exports.setValueByName=exports.serializeNamePath=exports.normalizeTrigger=exports.getValueByName=exports.FORM_ALL_FIELDS_KEY=void 0;var _utils=require("../../utils");const normalizeTrigger=e=>e?Array.isArray(e)?e:[e]:[];exports.normalizeTrigger=normalizeTrigger;const FORM_ALL_FIELDS_KEY=exports.FORM_ALL_FIELDS_KEY="__form_all__",toNamePath=e=>null==e?[]:Array.isArray(e)?e:(0,_utils.isNumber)(e)?[e]:(0,_utils.isString)(e)?e.split("."):[String(e)];exports.toNamePath=toNamePath;const serializeNamePath=e=>toNamePath(e).join(".");exports.serializeNamePath=serializeNamePath;const getValueByName=(e,r)=>toNamePath(r).reduce((e,r)=>{if(null==e)return e;const t=String(r);if(Array.isArray(e)){const r=Number(t);return Number.isFinite(r)?e[r]:e[t]}return"object"==typeof e?e[t]:void 0},e);exports.getValueByName=getValueByName;const setValueByName=(e,r,t)=>{const a=toNamePath(r);if(!a.length)return e;const i=Array.isArray(e)?[...e]:"object"==typeof e&&null!==e?{...e}:{};let s=i;return a.forEach((e,r)=>{const i=String(e),o=Number(i);if(r===a.length-1)return void(Array.isArray(s)&&Number.isFinite(o)?s[o]=t:s[i]=t);const l=Array.isArray(s)&&Number.isFinite(o)?s[o]:s[i],n=null==l?(0,_utils.isNumber)(a[r+1])?[]:{}:Array.isArray(l)?[...l]:"object"==typeof l?{...l}:{};Array.isArray(s)&&Number.isFinite(o)?s[o]=n:s[i]=n,s=n}),i};exports.setValueByName=setValueByName;

package/dist/cjs/components/grid/Grid.js

@@ -1,118 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.GridContext = exports.Grid = 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 GridContext = exports.GridContext = /*#__PURE__*/_react().default.createContext(null);
-const GridImpl = props => {
-  const {
-    tokensOverride,
-    children,
-    columnNum: colNumP,
-    gutter: gutP,
-    border: borderP,
-    center: centerP,
-    square: sqP,
-    direction: dirP,
-    reverse: revP,
-    clickable: clkP,
-    iconSize: iconSzP,
-    iconColor,
-    style,
-    ...rest
-  } = props;
-  const tokens = (0, _tokens.useGridTokens)(tokensOverride);
-  const columnNum = (0, _react().useMemo)(() => {
-    const v = colNumP ?? tokens.defaults.columnNum;
-    return Number.isFinite(v) && v > 0 ? Math.floor(v) : tokens.defaults.columnNum;
-  }, [colNumP, tokens.defaults.columnNum]);
-  const gutter = (0, _react().useMemo)(() => {
-    const v = gutP ?? tokens.defaults.gutter;
-    return Number.isFinite(v) && v > 0 ? v : 0;
-  }, [gutP, tokens.defaults.gutter]);
-  const border = borderP ?? tokens.defaults.border;
-  const center = centerP ?? tokens.defaults.center;
-  const square = sqP ?? tokens.defaults.square;
-  const direction = dirP ?? tokens.defaults.direction;
-  const reverse = revP ?? tokens.defaults.reverse;
-  const clickable = clkP ?? tokens.defaults.clickable;
-  const iconSize = (0, _react().useMemo)(() => {
-    const v = iconSzP ?? tokens.defaults.iconSize;
-    return Number.isFinite(v) && v > 0 ? v : tokens.defaults.iconSize;
-  }, [iconSzP, tokens.defaults.iconSize]);
-  const childrenArray = (0, _react().useMemo)(() => _react().default.Children.toArray(children).filter(c => /*#__PURE__*/_react().default.isValidElement(c)), [children]);
-  const showBorder = border && !gutter;
-  const borderClr = tokens.colors.border;
-  const topBorder = (0, _react().useMemo)(() => showBorder ? /*#__PURE__*/_react().default.createElement(_reactNative().View, {
-    style: [tokens.layout.border, tokens.layout.borderTop, (0, _utils.createHairlineView)({
-      position: 'top',
-      color: borderClr,
-      left: 0,
-      right: 0,
-      top: 0
-    })]
-  }) : null, [borderClr, showBorder, tokens.layout.border, tokens.layout.borderTop]);
-  const bottomBorder = (0, _react().useMemo)(() => showBorder ? /*#__PURE__*/_react().default.createElement(_reactNative().View, {
-    style: [tokens.layout.border, tokens.layout.borderBottom, (0, _utils.createHairlineView)({
-      position: 'bottom',
-      color: borderClr,
-      left: 0,
-      right: 0,
-      bottom: 0
-    })]
-  }) : null, [borderClr, showBorder, tokens.layout.border, tokens.layout.borderBottom]);
-  const ctxVal = (0, _react().useMemo)(() => ({
-    columnNum,
-    gutter,
-    border,
-    center,
-    square,
-    direction,
-    reverse,
-    clickable,
-    iconSize,
-    iconColor,
-    count: childrenArray.length,
-    tokens
-  }), [border, center, childrenArray.length, clickable, columnNum, direction, gutter, iconColor, iconSize, reverse, square, tokens]);
-  const webGridStyle = (0, _react().useMemo)(() => _reactNative().Platform.OS === 'web' ? {
-    display: 'grid',
-    gridTemplateColumns: `repeat(${columnNum}, minmax(0, 1fr))`,
-    columnGap: gutter,
-    rowGap: gutter
-  } : undefined, [columnNum, gutter]);
-  const ctrStyle = (0, _react().useMemo)(() => [tokens.layout.container, _reactNative().Platform.OS === 'web' ? webGridStyle : gutter ? {
-    paddingLeft: gutter
-  } : undefined, style], [gutter, style, tokens.layout.container, webGridStyle]);
-  const rendered = (0, _react().useMemo)(() => childrenArray.map((child, i) => /*#__PURE__*/_react().default.cloneElement(child, {
-    gridItemIndex: i,
-    key: child.key ?? i
-  })), [childrenArray]);
-  return /*#__PURE__*/_react().default.createElement(GridContext.Provider, {
-    value: ctxVal
-  }, /*#__PURE__*/_react().default.createElement(_reactNative().View, _extends({
-    accessibilityRole: 'grid',
-    style: ctrStyle
-  }, rest), topBorder, rendered, bottomBorder));
-};
-const Grid = exports.Grid = /*#__PURE__*/_react().default.memo(GridImpl);
-Grid.displayName = 'Grid';
+"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.GridContext=exports.Grid=void 0;var _utils=require("../../utils"),_tokens=require("./tokens");function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var r=new WeakMap,o=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var a,i,n={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return n;if(a=t?o:r){if(a.has(e))return a.get(e);a.set(e,n)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((i=(a=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(i.get||i.set)?a(n,t,i):n[t]=e[t]);return n})(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 o in r)({}).hasOwnProperty.call(r,o)&&(e[o]=r[o])}return e},_extends.apply(null,arguments)}const GridContext=exports.GridContext=_react().default.createContext(null),GridImpl=e=>{const{tokensOverride:t,children:r,columnNum:o,gutter:a,border:i,center:n,square:u,direction:l,reverse:c,clickable:s,iconSize:d,iconColor:f,style:_,...m}=e,p=(0,_tokens.useGridTokens)(t),b=(0,_react().useMemo)(()=>{const e=o??p.defaults.columnNum;return Number.isFinite(e)&&e>0?Math.floor(e):p.defaults.columnNum},[o,p.defaults.columnNum]),y=(0,_react().useMemo)(()=>{const e=a??p.defaults.gutter;return Number.isFinite(e)&&e>0?e:0},[a,p.defaults.gutter]),v=i??p.defaults.border,g=n??p.defaults.center,x=u??p.defaults.square,M=l??p.defaults.direction,N=c??p.defaults.reverse,k=s??p.defaults.clickable,G=(0,_react().useMemo)(()=>{const e=d??p.defaults.iconSize;return Number.isFinite(e)&&e>0?e:p.defaults.iconSize},[d,p.defaults.iconSize]),w=(0,_react().useMemo)(()=>_react().default.Children.toArray(r).filter(e=>_react().default.isValidElement(e)),[r]),h=v&&!y,O=p.colors.border,q=(0,_react().useMemo)(()=>h?_react().default.createElement(_reactNative().View,{style:[p.layout.border,p.layout.borderTop,(0,_utils.createHairlineView)({position:"top",color:O,left:0,right:0,top:0})]}):null,[O,h,p.layout.border,p.layout.borderTop]),C=(0,_react().useMemo)(()=>h?_react().default.createElement(_reactNative().View,{style:[p.layout.border,p.layout.borderBottom,(0,_utils.createHairlineView)({position:"bottom",color:O,left:0,right:0,bottom:0})]}):null,[O,h,p.layout.border,p.layout.borderBottom]),P=(0,_react().useMemo)(()=>({columnNum:b,gutter:y,border:v,center:g,square:x,direction:M,reverse:N,clickable:k,iconSize:G,iconColor:f,count:w.length,tokens:p}),[v,g,w.length,k,b,M,y,f,G,N,x,p]),S=(0,_react().useMemo)(()=>"web"===_reactNative().Platform.OS?{display:"grid",gridTemplateColumns:`repeat(${b}, minmax(0, 1fr))`,columnGap:y,rowGap:y}:void 0,[b,y]),j=(0,_react().useMemo)(()=>[p.layout.container,"web"===_reactNative().Platform.OS?S:y?{paddingLeft:y}:void 0,_],[y,_,p.layout.container,S]),E=(0,_react().useMemo)(()=>w.map((e,t)=>_react().default.cloneElement(e,{gridItemIndex:t,key:e.key??t})),[w]);return _react().default.createElement(GridContext.Provider,{value:P},_react().default.createElement(_reactNative().View,_extends({accessibilityRole:"grid",style:j},m),q,E,C))},Grid=exports.Grid=_react().default.memo(GridImpl);Grid.displayName="Grid";

package/dist/cjs/components/grid/GridContext.js

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

package/dist/cjs/components/grid/GridItem.js

@@ -1,158 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.GridItem = 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 _designSystem = require("../../design-system");
-var _badge = _interopRequireDefault(require("../badge"));
-var _utils = require("../../utils");
-var _GridContext = require("./GridContext");
-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 GridItemImpl = p => {
-  const ctx = (0, _react().useContext)(_GridContext.GridContext);
-  if (!ctx) throw new Error('GridItem must be used within Grid');
-  const {
-    gridItemIndex = 0,
-    text,
-    icon,
-    iconColor: icp,
-    badge,
-    dot,
-    contentStyle,
-    textStyle,
-    children,
-    style,
-    onPress,
-    ...rest
-  } = p;
-  const {
-    tokens: t,
-    columnNum: cn,
-    gutter: g,
-    border: b,
-    center: c,
-    square: sq,
-    direction: d,
-    reverse: r,
-    clickable: cl,
-    iconSize: is,
-    iconColor: ic,
-    count
-  } = ctx;
-  const wp = `${100 / cn}%`;
-  const ilc = (gridItemIndex + 1) % cn === 0;
-  const ri = Math.floor(gridItemIndex / cn);
-  const lri = Math.floor((count - 1) / cn);
-  const cws = [t.layout.itemContentBase, d === 'horizontal' ? t.layout.itemHorizontal : t.layout.itemVertical, c && t.layout.itemCenter, r ? d === 'horizontal' ? t.layout.itemReverseRow : t.layout.itemReverseColumn : null, sq ? t.layout.itemContentSquare : null, {
-    paddingHorizontal: t.spacing.paddingHorizontal,
-    paddingVertical: t.spacing.paddingVertical,
-    backgroundColor: t.colors.background
-  }, contentStyle];
-  const ht = (0, _utils.isRenderable)(text);
-  const ric = icp ?? ic ?? t.colors.text;
-  const icn = (0, _react().useMemo)(() => {
-    if (children) return (0, _utils.isText)(children) ? (0, _utils.renderTextOrNode)(children, [t.layout.text, {
-      color: t.colors.text,
-      fontSize: t.typography.fontSize,
-      lineHeight: t.typography.lineHeight,
-      fontFamily: t.typography.fontFamily,
-      fontWeight: t.typography.fontWeight
-    }, textStyle]) : children;
-    let ie = null;
-    if (icon || badge || dot) {
-      const {
-        style: bws,
-        ...br
-      } = badge ?? {};
-      const mk = d === 'vertical' ? r ? 'marginTop' : 'marginBottom' : r ? 'marginLeft' : 'marginRight';
-      const iws = [t.layout.iconWrapper, ht && {
-        [mk]: t.spacing.iconGap
-      }];
-      const ino = (0, _utils.isFunction)(icon) ? icon(is, ric) : icon;
-      const cnt = /*#__PURE__*/_react().default.createElement(_reactNative().View, {
-        style: iws
-      }, ino);
-      ie = badge || dot ? /*#__PURE__*/_react().default.createElement(_badge.default, _extends({
-        dot: dot
-      }, br, {
-        style: c ? [bws, {
-          alignSelf: 'center'
-        }] : bws
-      }), cnt) : cnt;
-    }
-    const te = ht && ((0, _utils.isText)(text) ? /*#__PURE__*/_react().default.createElement(_designSystem.Text, {
-      style: [t.layout.text, {
-        color: t.colors.text,
-        fontSize: t.typography.fontSize,
-        lineHeight: t.typography.lineHeight,
-        fontFamily: t.typography.fontFamily,
-        fontWeight: t.typography.fontWeight
-      }, textStyle],
-      numberOfLines: t.defaults.textNumberOfLines
-    }, text) : text);
-    return /*#__PURE__*/_react().default.createElement(_react().default.Fragment, null, ie, te);
-  }, [badge, c, children, d, dot, ht, icon, is, ric, r, text, textStyle, t.colors.text, t.defaults.textNumberOfLines, t.layout.iconWrapper, t.layout.text, t.spacing.iconGap, t.typography.fontFamily, t.typography.fontSize, t.typography.fontWeight, t.typography.lineHeight]);
-  const rb = b && !g && !ilc ? /*#__PURE__*/_react().default.createElement(_reactNative().View, {
-    style: [t.layout.itemBorderRight, (0, _utils.createHairlineView)({
-      position: 'right',
-      color: t.colors.border,
-      top: 0,
-      bottom: 0,
-      right: 0
-    })]
-  }) : null;
-  const bb = b && !g && ri < lri ? /*#__PURE__*/_react().default.createElement(_reactNative().View, {
-    style: [t.layout.itemBorderBottom, (0, _utils.createHairlineView)({
-      position: 'bottom',
-      color: t.colors.border,
-      left: 0,
-      right: 0,
-      bottom: 0
-    })]
-  }) : null;
-  const cnt = /*#__PURE__*/_react().default.createElement(_reactNative().View, {
-    style: cws
-  }, icn, rb, bb);
-  const bis = {
-    width: _reactNative().Platform.OS === 'web' ? undefined : wp,
-    flexGrow: 0,
-    flexShrink: 0,
-    paddingRight: _reactNative().Platform.OS === 'web' ? undefined : g ? g : undefined,
-    marginTop: _reactNative().Platform.OS === 'web' ? undefined : g && ri > 0 ? g : undefined
-  };
-  const ii = cl || (0, _utils.isFunction)(onPress);
-  if (ii) return /*#__PURE__*/_react().default.createElement(_reactNative().Pressable, _extends({
-    accessibilityRole: "button",
-    style: ps => [bis, typeof style === 'function' ? style(ps) : style, {
-      opacity: ps.pressed ? t.defaults.pressedOpacity : 1
-    }],
-    android_ripple: {
-      color: t.colors.active
-    },
-    onPress: onPress
-  }, rest), cnt);
-  return /*#__PURE__*/_react().default.createElement(_reactNative().View, _extends({
-    style: [bis, typeof style === 'function' ? style({
-      pressed: false
-    }) : style]
-  }, rest), cnt);
-};
-const GridItem = exports.GridItem = /*#__PURE__*/_react().default.memo(GridItemImpl);
-GridItem.displayName = 'GridItem';
+"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.GridItem=void 0;var _designSystem=require("../../design-system"),_badge=_interopRequireDefault(require("../badge")),_utils=require("../../utils"),_GridContext=require("./GridContext");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}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 o,n,a={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return a;if(o=t?i:r){if(o.has(e))return o.get(e);o.set(e,a)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((n=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(n.get||n.set)?o(a,t,n):a[t]=e[t]);return a})(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 GridItemImpl=e=>{const t=(0,_react().useContext)(_GridContext.GridContext);if(!t)throw new Error("GridItem must be used within Grid");const{gridItemIndex:r=0,text:i,icon:o,iconColor:n,badge:a,dot:l,contentStyle:c,textStyle:u,children:s,style:d,onPress:f,...p}=e,{tokens:y,columnNum:_,gutter:m,border:g,center:h,square:x,direction:b,reverse:v,clickable:w,iconSize:G,iconColor:N,count:O}=t,S=100/_+"%",q=(r+1)%_===0,R=Math.floor(r/_),W=Math.floor((O-1)/_),C=[y.layout.itemContentBase,"horizontal"===b?y.layout.itemHorizontal:y.layout.itemVertical,h&&y.layout.itemCenter,v?"horizontal"===b?y.layout.itemReverseRow:y.layout.itemReverseColumn:null,x?y.layout.itemContentSquare:null,{paddingHorizontal:y.spacing.paddingHorizontal,paddingVertical:y.spacing.paddingVertical,backgroundColor:y.colors.background},c],I=(0,_utils.isRenderable)(i),z=n??N??y.colors.text,P=(0,_react().useMemo)(()=>{if(s)return(0,_utils.isText)(s)?(0,_utils.renderTextOrNode)(s,[y.layout.text,{color:y.colors.text,fontSize:y.typography.fontSize,lineHeight:y.typography.lineHeight,fontFamily:y.typography.fontFamily,fontWeight:y.typography.fontWeight},u]):s;let e=null;if(o||a||l){const{style:t,...r}=a??{},i="vertical"===b?v?"marginTop":"marginBottom":v?"marginLeft":"marginRight",n=[y.layout.iconWrapper,I&&{[i]:y.spacing.iconGap}],c=(0,_utils.isFunction)(o)?o(G,z):o,u=_react().default.createElement(_reactNative().View,{style:n},c);e=a||l?_react().default.createElement(_badge.default,_extends({dot:l},r,{style:h?[t,{alignSelf:"center"}]:t}),u):u}const t=I&&((0,_utils.isText)(i)?_react().default.createElement(_designSystem.Text,{style:[y.layout.text,{color:y.colors.text,fontSize:y.typography.fontSize,lineHeight:y.typography.lineHeight,fontFamily:y.typography.fontFamily,fontWeight:y.typography.fontWeight},u],numberOfLines:y.defaults.textNumberOfLines},i):i);return _react().default.createElement(_react().default.Fragment,null,e,t)},[a,h,s,b,l,I,o,G,z,v,i,u,y.colors.text,y.defaults.textNumberOfLines,y.layout.iconWrapper,y.layout.text,y.spacing.iconGap,y.typography.fontFamily,y.typography.fontSize,y.typography.fontWeight,y.typography.lineHeight]),E=!g||m||q?null:_react().default.createElement(_reactNative().View,{style:[y.layout.itemBorderRight,(0,_utils.createHairlineView)({position:"right",color:y.colors.border,top:0,bottom:0,right:0})]}),H=g&&!m&&R<W?_react().default.createElement(_reactNative().View,{style:[y.layout.itemBorderBottom,(0,_utils.createHairlineView)({position:"bottom",color:y.colors.border,left:0,right:0,bottom:0})]}):null,V=_react().default.createElement(_reactNative().View,{style:C},P,E,H),M={width:"web"===_reactNative().Platform.OS?void 0:S,flexGrow:0,flexShrink:0,paddingRight:"web"===_reactNative().Platform.OS?void 0:m||void 0,marginTop:"web"===_reactNative().Platform.OS?void 0:m&&R>0?m:void 0};return w||(0,_utils.isFunction)(f)?_react().default.createElement(_reactNative().Pressable,_extends({accessibilityRole:"button",style:e=>[M,"function"==typeof d?d(e):d,{opacity:e.pressed?y.defaults.pressedOpacity:1}],android_ripple:{color:y.colors.active},onPress:f},p),V):_react().default.createElement(_reactNative().View,_extends({style:[M,"function"==typeof d?d({pressed:!1}):d]},p),V)},GridItem=exports.GridItem=_react().default.memo(GridItemImpl);GridItem.displayName="GridItem";

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

@@ -1,12 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.GridComponent = void 0;
-var _Grid = require("./Grid");
-var _GridItem = require("./GridItem");
-const GridComponent = exports.GridComponent = Object.assign(_Grid.Grid, {
-  Item: _GridItem.GridItem
-});
-var _default = exports.default = GridComponent;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.GridComponent=void 0;var _Grid=require("./Grid"),_GridItem=require("./GridItem");const GridComponent=exports.GridComponent=Object.assign(_Grid.Grid,{Item:_GridItem.GridItem});var _default=exports.default=GridComponent;

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

@@ -1,105 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useGridTokens = exports.createGridTokens = void 0;
-var _designSystem = require("../../design-system");
-const createGridTokens = foundations => {
-  const {
-    palette,
-    spacing,
-    fontSize,
-    typography,
-    opacity
-  } = foundations;
-  return {
-    defaults: {
-      columnNum: 4,
-      gutter: 0,
-      border: true,
-      center: true,
-      square: false,
-      direction: 'vertical',
-      reverse: false,
-      clickable: false,
-      iconSize: 28,
-      pressedOpacity: opacity.pressed,
-      textNumberOfLines: 2
-    },
-    layout: {
-      container: {
-        flexDirection: 'row',
-        flexWrap: 'wrap'
-      },
-      border: {
-        position: 'absolute',
-        left: 0,
-        right: 0,
-        height: 1,
-        zIndex: 1
-      },
-      borderTop: {
-        top: 0
-      },
-      borderBottom: {
-        bottom: 0
-      },
-      itemContentBase: {
-        justifyContent: 'center'
-      },
-      itemVertical: {
-        flexDirection: 'column'
-      },
-      itemHorizontal: {
-        flexDirection: 'row',
-        alignItems: 'center'
-      },
-      itemCenter: {
-        alignItems: 'center'
-      },
-      itemReverseColumn: {
-        flexDirection: 'column-reverse'
-      },
-      itemReverseRow: {
-        flexDirection: 'row-reverse'
-      },
-      iconWrapper: {
-        alignItems: 'center',
-        justifyContent: 'center'
-      },
-      text: {
-        textAlign: 'center'
-      },
-      itemBorderRight: {
-        width: 1
-      },
-      itemBorderBottom: {
-        height: 1
-      },
-      itemContentSquare: {
-        width: '100%',
-        aspectRatio: 1
-      }
-    },
-    colors: {
-      border: palette.default[200],
-      text: palette.default[600],
-      background: '#ffffff',
-      active: palette.default[100]
-    },
-    typography: {
-      fontSize: fontSize.sm,
-      fontFamily: typography.fontFamily,
-      lineHeight: Math.round(fontSize.sm * typography.lineHeightMultiplier),
-      fontWeight: typography.weight.regular
-    },
-    spacing: {
-      paddingHorizontal: spacing.sm,
-      paddingVertical: spacing.md,
-      iconGap: spacing.sm
-    }
-  };
-};
-exports.createGridTokens = createGridTokens;
-const useGridTokens = exports.useGridTokens = (0, _designSystem.createComponentTokensHook)('grid', createGridTokens);
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useGridTokens=exports.createGridTokens=void 0;var _designSystem=require("../../design-system");const createGridTokens=e=>{const{palette:t,spacing:r,fontSize:i,typography:o,opacity:n}=e,s=e.surface??"#ffffff";return{defaults:{columnNum:4,gutter:0,border:!0,center:!0,square:!1,direction:"vertical",reverse:!1,clickable:!1,iconSize:28,pressedOpacity:n.pressed,textNumberOfLines:2},layout:{container:{flexDirection:"row",flexWrap:"wrap"},border:{position:"absolute",left:0,right:0,height:1,zIndex:1},borderTop:{top:0},borderBottom:{bottom:0},itemContentBase:{justifyContent:"center"},itemVertical:{flexDirection:"column"},itemHorizontal:{flexDirection:"row",alignItems:"center"},itemCenter:{alignItems:"center"},itemReverseColumn:{flexDirection:"column-reverse"},itemReverseRow:{flexDirection:"row-reverse"},iconWrapper:{alignItems:"center",justifyContent:"center"},text:{textAlign:"center"},itemBorderRight:{width:1},itemBorderBottom:{height:1},itemContentSquare:{width:"100%",aspectRatio:1}},colors:{border:t.default[200],text:t.default[600],background:s,active:t.default[100]},typography:{fontSize:i.sm,fontFamily:o.fontFamily,lineHeight:Math.round(i.sm*o.lineHeightMultiplier),fontWeight:o.weight.regular},spacing:{paddingHorizontal:r.sm,paddingVertical:r.md,iconGap:r.sm}}};exports.createGridTokens=createGridTokens;const useGridTokens=exports.useGridTokens=(0,_designSystem.createComponentTokensHook)("grid",createGridTokens);