react-native-system-ui 1.0.1 → 1.0.3

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

@@ -1,62 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.usePopupTokens = exports.createPopupTokens = void 0;
-var _designSystem = require("../../design-system");
-const createPopupTokens = foundations => {
-  const {
-    palette,
-    spacing,
-    radii,
-    fontSize,
-    typography
-  } = foundations;
-  return {
-    colors: {
-      overlay: 'rgba(0,0,0,0.5)',
-      background: '#ffffff',
-      title: palette.default[900],
-      description: palette.default[500],
-      closeIcon: palette.default[300]
-    },
-    radius: {
-      round: radii.lg,
-      shadow: 18
-    },
-    spacing: {
-      padding: spacing.lg,
-      titleTop: spacing.xl,
-      titleBottom: spacing.md,
-      descriptionHorizontal: spacing.xl,
-      descriptionBottom: spacing.md,
-      closeIconTop: spacing.md,
-      closeIconRight: spacing.md,
-      closeIconSize: 36,
-      closeIconPadding: spacing.ssm
-    },
-    typography: {
-      fontFamily: typography.fontFamily,
-      titleSize: fontSize.md,
-      titleWeight: typography.weight.medium,
-      descriptionSize: fontSize.sm,
-      descriptionLineHeight: 20
-    },
-    shadow: {
-      color: 'rgba(0,0,0,0.25)',
-      opacity: 0.35,
-      radius: 18,
-      offsetY: 8,
-      elevation: 24
-    },
-    layout: {
-      maxWidth: 420,
-      minWidth: 260,
-      centerMaxWidth: 360,
-      sideWidth: '80%'
-    }
-  };
-};
-exports.createPopupTokens = createPopupTokens;
-const usePopupTokens = exports.usePopupTokens = (0, _designSystem.createComponentTokensHook)('popup', createPopupTokens);
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.usePopupTokens=exports.createPopupTokens=void 0;var _designSystem=require("../../design-system");const createPopupTokens=e=>{const{palette:o,spacing:t,radii:s,fontSize:i,typography:n}=e;return{colors:{overlay:"rgba(0,0,0,0.5)",background:"#ffffff",title:o.default[900],description:o.default[500],closeIcon:o.default[300]},radius:{round:s.lg,shadow:18},spacing:{padding:t.lg,titleTop:t.xl,titleBottom:t.md,descriptionHorizontal:t.xl,descriptionBottom:t.md,closeIconTop:t.md,closeIconRight:t.md,closeIconSize:36,closeIconPadding:t.ssm},typography:{fontFamily:n.fontFamily,titleSize:i.md,titleWeight:n.weight.medium,descriptionSize:i.sm,descriptionLineHeight:20},shadow:{color:"rgba(0,0,0,0.25)",opacity:.35,radius:18,offsetY:8,elevation:24},layout:{maxWidth:420,minWidth:260,centerMaxWidth:360,sideWidth:"80%"}}};exports.createPopupTokens=createPopupTokens;const usePopupTokens=exports.usePopupTokens=(0,_designSystem.createComponentTokensHook)("popup",createPopupTokens);

package/dist/cjs/components/portal/Portal.js

@@ -1,50 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.Portal = void 0;
-function _react() {
-  const data = _interopRequireWildcard(require("react"));
-  _react = function () {
-    return data;
-  };
-  return data;
-}
-var _PortalHost = require("./PortalHost");
-var _PortalContext = require("./PortalContext");
-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 PortalComponentImpl = ({
-  children,
-  isOpen,
-  visible
-}, _ref) => {
-  const manager = (0, _react().useContext)(_PortalContext.PortalContext) ?? _PortalHost.portalManager;
-  const keyRef = (0, _react().useRef)(null);
-  const content = isOpen ?? visible ?? true ? children : null;
-  (0, _react().useLayoutEffect)(() => {
-    keyRef.current === null ? keyRef.current = manager.mount(content) : manager.update(keyRef.current, content);
-  }, [manager, content]);
-  (0, _react().useLayoutEffect)(() => () => {
-    if (keyRef.current != null) {
-      manager.unmount(keyRef.current);
-      keyRef.current = null;
-    }
-  }, [manager]);
-  return null;
-};
-const PortalComponentRef = /*#__PURE__*/_react().default.forwardRef(PortalComponentImpl);
-PortalComponentRef.displayName = 'Portal';
-const PortalComponent = /*#__PURE__*/_react().default.memo(PortalComponentRef);
-const add = (content, key) => _PortalHost.portalManager.mount(content, key);
-const remove = key => _PortalHost.portalManager.unmount(key);
-const update = (key, content) => _PortalHost.portalManager.update(key, content);
-const clear = () => _PortalHost.portalStore.clear();
-const Portal = exports.Portal = Object.assign(PortalComponent, {
-  Host: _PortalHost.PortalHost,
-  add,
-  remove,
-  update,
-  clear
-});
-var _default = exports.default = Portal;
+"use strict";function _react(){const t=_interopRequireWildcard(require("react"));return _react=function(){return t},t}Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.Portal=void 0;var _PortalHost=require("./PortalHost"),_PortalContext=require("./PortalContext");function _interopRequireWildcard(t,e){if("function"==typeof WeakMap)var r=new WeakMap,o=new WeakMap;return(_interopRequireWildcard=function(t,e){if(!e&&t&&t.__esModule)return t;var a,n,l={__proto__:null,default:t};if(null===t||"object"!=typeof t&&"function"!=typeof t)return l;if(a=e?o:r){if(a.has(t))return a.get(t);a.set(t,l)}for(const e in t)"default"!==e&&{}.hasOwnProperty.call(t,e)&&((n=(a=Object.defineProperty)&&Object.getOwnPropertyDescriptor(t,e))&&(n.get||n.set)?a(l,e,n):l[e]=t[e]);return l})(t,e)}const PortalComponentImpl=({children:t,isOpen:e,visible:r},o)=>{const a=(0,_react().useContext)(_PortalContext.PortalContext)??_PortalHost.portalManager,n=(0,_react().useRef)(null),l=e??r??1?t:null;return(0,_react().useLayoutEffect)(()=>{null===n.current?n.current=a.mount(l):a.update(n.current,l)},[a,l]),(0,_react().useLayoutEffect)(()=>()=>{null!=n.current&&(a.unmount(n.current),n.current=null)},[a]),null},PortalComponentRef=_react().default.forwardRef(PortalComponentImpl);PortalComponentRef.displayName="Portal";const PortalComponent=_react().default.memo(PortalComponentRef),add=(t,e)=>_PortalHost.portalManager.mount(t,e),remove=t=>_PortalHost.portalManager.unmount(t),update=(t,e)=>_PortalHost.portalManager.update(t,e),clear=()=>_PortalHost.portalStore.clear(),Portal=exports.Portal=Object.assign(PortalComponent,{Host:_PortalHost.PortalHost,add:add,remove:remove,update:update,clear:clear});var _default=exports.default=Portal;

package/dist/cjs/components/portal/PortalContext.js

@@ -1,15 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.PortalContext = void 0;
-function _react() {
-  const data = _interopRequireDefault(require("react"));
-  _react = function () {
-    return data;
-  };
-  return data;
-}
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const PortalContext = exports.PortalContext = /*#__PURE__*/_react().default.createContext(null);
+"use strict";function _react(){const e=_interopRequireDefault(require("react"));return _react=function(){return e},e}function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(exports,"__esModule",{value:!0}),exports.PortalContext=void 0;const PortalContext=exports.PortalContext=_react().default.createContext(null);

package/dist/cjs/components/portal/PortalHost.js

@@ -1,253 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.portalStore = exports.portalManager = exports.PortalHost = 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 _PortalContext = require("./PortalContext");
-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 AE = 'RNSU_PORTAL_ADD';
-const UE = 'RNSU_PORTAL_UPDATE';
-const RE = 'RNSU_PORTAL_REMOVE';
-const CE = 'RNSU_PORTAL_CLEAR';
-const TVE = _reactNative().DeviceEventEmitter || new (_reactNative().NativeEventEmitter)();
-const IW = _reactNative().Platform.OS === 'web';
-const ao = (m, o) => {
-  if (o.type === 'mount') m.mount(o.children, o.key);else if (o.type === 'update') m.update(o.key, o.children);else if (o.type === 'clear') m.clear();else m.unmount(o.key);
-};
-const PortalManagerView = /*#__PURE__*/_react().default.forwardRef((_, ref) => {
-  const [e, setE] = (0, _react().useState)([]);
-  const ks = (0, _react().useRef)(0);
-  const us = (0, _react().useCallback)(en => {
-    setE(p => {
-      const i = p.findIndex(it => it.key === en.key);
-      return i === -1 ? [...p, en] : [...p.slice(0, i), en, ...p.slice(i + 1)];
-    });
-  }, []);
-  const mt = (0, _react().useCallback)((c, k) => {
-    const rk = k ?? ++ks.current;
-    if ((0, _utils.isNumber)(k) && k >= ks.current) ks.current = k + 1;
-    us({
-      key: rk,
-      children: c
-    });
-    return rk;
-  }, [us]);
-  const up = (0, _react().useCallback)((k, c) => {
-    us({
-      key: k,
-      children: c
-    });
-  }, [us]);
-  const um = (0, _react().useCallback)(k => {
-    setE(p => p.filter(it => it.key !== k));
-  }, []);
-  const cl = (0, _react().useCallback)(() => {
-    setE([]);
-  }, []);
-  _react().default.useImperativeHandle(ref, () => ({
-    mount: mt,
-    update: up,
-    unmount: um,
-    clear: cl
-  }), [mt, up, um, cl]);
-  if (e.length === 0) return null;
-  return /*#__PURE__*/_react().default.createElement(_reactNative().View, {
-    pointerEvents: "box-none",
-    style: S.pl,
-    collapsable: false
-  }, e.map(en => /*#__PURE__*/_react().default.createElement(_reactNative().View, {
-    key: en.key,
-    pointerEvents: "box-none",
-    collapsable: false,
-    style: S.pe
-  }, en.children)));
-});
-let ah = 0;
-let nh = 1;
-let ngk = 10000;
-const gm = {
-  mount: (c, k) => {
-    if (typeof __DEV__ !== 'undefined' && __DEV__ && ah === 0) console.warn('[Portal] Please mount <PortalHost> or <ConfigProvider> at the root to enable imperative APIs.');
-    const rk = k ?? ngk++;
-    if ((0, _utils.isNumber)(k) && k >= ngk) ngk = k + 1;
-    TVE.emit(AE, {
-      key: rk,
-      children: c
-    });
-    return rk;
-  },
-  update: (k, c) => {
-    TVE.emit(UE, {
-      key: k,
-      children: c
-    });
-  },
-  unmount: k => {
-    TVE.emit(RE, {
-      key: k
-    });
-  }
-};
-const PortalHostImpl = ({
-  children
-}) => {
-  const hir = (0, _react().useRef)(nh++),
-    mr = (0, _react().useRef)(null),
-    qr = (0, _react().useRef)([]),
-    nkr = (0, _react().useRef)(1);
-  const eor = (0, _react().useCallback)(o => {
-    const m = mr.current;
-    if (m) ao(m, o);else qr.current.push(o);
-  }, []);
-  const sm = (0, _react().useMemo)(() => ({
-    mount: (c, k) => {
-      const rk = k ?? nkr.current++;
-      if ((0, _utils.isNumber)(k) && k >= nkr.current) nkr.current = k + 1;
-      eor({
-        type: 'mount',
-        key: rk,
-        children: c
-      });
-      return rk;
-    },
-    update: (k, c) => {
-      eor({
-        type: 'update',
-        key: k,
-        children: c
-      });
-    },
-    unmount: k => {
-      eor({
-        type: 'unmount',
-        key: k
-      });
-    }
-  }), [eor]);
-  const hmr = (0, _react().useCallback)(m => {
-    mr.current = m;
-    if (m) {
-      if (qr.current.length > 0) {
-        const pd = qr.current.splice(0, qr.current.length);
-        pd.forEach(o => ao(m, o));
-      }
-      ;
-      if (ah === 0 || ah === hir.current) ah = hir.current;else if (typeof __DEV__ !== 'undefined' && __DEV__) console.warn('[PortalHost] Multiple PortalHost instances detected. Imperative APIs will only use the first mounted host.');
-    }
-  }, []);
-  (0, _react().useEffect)(() => () => {
-    if (ah === hir.current) {
-      ah = 0;
-      qr.current = [];
-      portalStore.clear();
-    }
-  }, []);
-  (0, _react().useEffect)(() => {
-    const ha = ({
-      key: k,
-      children: c
-    }) => {
-      if (ah !== hir.current) return;
-      eor({
-        type: 'mount',
-        key: k,
-        children: c
-      });
-    };
-    const hu = ({
-      key: k,
-      children: c
-    }) => {
-      if (ah !== hir.current) return;
-      eor({
-        type: 'update',
-        key: k,
-        children: c
-      });
-    };
-    const hr = ({
-      key: k
-    }) => {
-      if (ah !== hir.current) return;
-      eor({
-        type: 'unmount',
-        key: k
-      });
-    };
-    const hc = () => {
-      if (ah !== hir.current) return;
-      qr.current = [];
-      eor({
-        type: 'clear'
-      });
-    };
-    const as = TVE.addListener(AE, ha);
-    const us = TVE.addListener(UE, hu);
-    const rs = TVE.addListener(RE, hr);
-    const cs = TVE.addListener(CE, hc);
-    return () => {
-      as.remove();
-      us.remove();
-      rs.remove();
-      cs.remove();
-    };
-  }, [eor]);
-  return /*#__PURE__*/_react().default.createElement(_PortalContext.PortalContext.Provider, {
-    value: sm
-  }, /*#__PURE__*/_react().default.createElement(_reactNative().View, {
-    style: S.h,
-    collapsable: false
-  }, /*#__PURE__*/_react().default.createElement(_reactNative().View, {
-    style: S.r,
-    collapsable: false,
-    pointerEvents: "box-none"
-  }, children), /*#__PURE__*/_react().default.createElement(PortalManagerView, {
-    ref: hmr
-  })));
-};
-const PortalHost = exports.PortalHost = /*#__PURE__*/_react().default.memo(PortalHostImpl);
-PortalHost.displayName = 'PortalHost';
-const S = _reactNative().StyleSheet.create({
-  h: {
-    position: 'relative',
-    flex: 1
-  },
-  r: {
-    flex: 1
-  },
-  pl: IW ? {
-    position: 'fixed',
-    top: 0,
-    left: 0,
-    right: 0,
-    bottom: 0
-  } : {
-    ..._reactNative().StyleSheet.absoluteFillObject
-  },
-  pe: {
-    ..._reactNative().StyleSheet.absoluteFillObject
-  }
-});
-const portalManager = exports.portalManager = gm;
-const portalStore = exports.portalStore = {
-  clear: () => {
-    TVE.emit(CE);
-  },
-  hasHosts: () => ah !== 0
-};
+"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.portalStore=exports.portalManager=exports.PortalHost=void 0;var _utils=require("../../utils"),_PortalContext=require("./PortalContext");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 n,o,l={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return l;if(n=t?a:r){if(n.has(e))return n.get(e);n.set(e,l)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((o=(n=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(o.get||o.set)?n(l,t,o):l[t]=e[t]);return l})(e,t)}const AE="RNSU_PORTAL_ADD",UE="RNSU_PORTAL_UPDATE",RE="RNSU_PORTAL_REMOVE",CE="RNSU_PORTAL_CLEAR",TVE=_reactNative().DeviceEventEmitter||new(_reactNative().NativeEventEmitter),IW="web"===_reactNative().Platform.OS,ao=(e,t)=>{"mount"===t.type?e.mount(t.children,t.key):"update"===t.type?e.update(t.key,t.children):"clear"===t.type?e.clear():e.unmount(t.key)},PortalManagerView=_react().default.forwardRef((e,t)=>{const[r,a]=(0,_react().useState)([]),n=(0,_react().useRef)(0),o=(0,_react().useCallback)(e=>{a(t=>{const r=t.findIndex(t=>t.key===e.key);return-1===r?[...t,e]:[...t.slice(0,r),e,...t.slice(r+1)]})},[]),l=(0,_react().useCallback)((e,t)=>{const r=t??++n.current;return(0,_utils.isNumber)(t)&&t>=n.current&&(n.current=t+1),o({key:r,children:e}),r},[o]),c=(0,_react().useCallback)((e,t)=>{o({key:e,children:t})},[o]),u=(0,_react().useCallback)(e=>{a(t=>t.filter(t=>t.key!==e))},[]),i=(0,_react().useCallback)(()=>{a([])},[]);return _react().default.useImperativeHandle(t,()=>({mount:l,update:c,unmount:u,clear:i}),[l,c,u,i]),0===r.length?null:_react().default.createElement(_reactNative().View,{pointerEvents:"box-none",style:S.pl,collapsable:!1},r.map(e=>_react().default.createElement(_reactNative().View,{key:e.key,pointerEvents:"box-none",collapsable:!1,style:S.pe},e.children)))});let ah=0,nh=1,ngk=1e4;const gm={mount:(e,t)=>{"undefined"!=typeof __DEV__&&__DEV__&&0===ah&&console.warn("[Portal] Please mount <PortalHost> or <ConfigProvider> at the root to enable imperative APIs.");const r=t??ngk++;return(0,_utils.isNumber)(t)&&t>=ngk&&(ngk=t+1),TVE.emit(AE,{key:r,children:e}),r},update:(e,t)=>{TVE.emit(UE,{key:e,children:t})},unmount:e=>{TVE.emit(RE,{key:e})}},PortalHostImpl=({children:e})=>{const t=(0,_react().useRef)(nh++),r=(0,_react().useRef)(null),a=(0,_react().useRef)([]),n=(0,_react().useRef)(1),o=(0,_react().useCallback)(e=>{const t=r.current;t?ao(t,e):a.current.push(e)},[]),l=(0,_react().useMemo)(()=>({mount:(e,t)=>{const r=t??n.current++;return(0,_utils.isNumber)(t)&&t>=n.current&&(n.current=t+1),o({type:"mount",key:r,children:e}),r},update:(e,t)=>{o({type:"update",key:e,children:t})},unmount:e=>{o({type:"unmount",key:e})}}),[o]),c=(0,_react().useCallback)(e=>{if(r.current=e,e){if(a.current.length>0){a.current.splice(0,a.current.length).forEach(t=>ao(e,t))}0===ah||ah===t.current?ah=t.current:"undefined"!=typeof __DEV__&&__DEV__&&console.warn("[PortalHost] Multiple PortalHost instances detected. Imperative APIs will only use the first mounted host.")}},[]);return(0,_react().useEffect)(()=>()=>{ah===t.current&&(ah=0,a.current=[],portalStore.clear())},[]),(0,_react().useEffect)(()=>{const e=TVE.addListener(AE,({key:e,children:r})=>{ah===t.current&&o({type:"mount",key:e,children:r})}),r=TVE.addListener(UE,({key:e,children:r})=>{ah===t.current&&o({type:"update",key:e,children:r})}),n=TVE.addListener(RE,({key:e})=>{ah===t.current&&o({type:"unmount",key:e})}),l=TVE.addListener(CE,()=>{ah===t.current&&(a.current=[],o({type:"clear"}))});return()=>{e.remove(),r.remove(),n.remove(),l.remove()}},[o]),_react().default.createElement(_PortalContext.PortalContext.Provider,{value:l},_react().default.createElement(_reactNative().View,{style:S.h,collapsable:!1},_react().default.createElement(_reactNative().View,{style:S.r,collapsable:!1,pointerEvents:"box-none"},e),_react().default.createElement(PortalManagerView,{ref:c})))},PortalHost=exports.PortalHost=_react().default.memo(PortalHostImpl);PortalHost.displayName="PortalHost";const S=_reactNative().StyleSheet.create({h:{position:"relative",flex:1},r:{flex:1},pl:IW?{position:"fixed",top:0,left:0,right:0,bottom:0}:{..._reactNative().StyleSheet.absoluteFillObject},pe:{..._reactNative().StyleSheet.absoluteFillObject}}),portalManager=exports.portalManager=gm,portalStore=exports.portalStore={clear:()=>{TVE.emit(CE)},hasHosts:()=>0!==ah};

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

@@ -1,25 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "Portal", {
-  enumerable: true,
-  get: function () {
-    return _Portal.Portal;
-  }
-});
-Object.defineProperty(exports, "PortalHost", {
-  enumerable: true,
-  get: function () {
-    return _PortalHost.PortalHost;
-  }
-});
-Object.defineProperty(exports, "portalManager", {
-  enumerable: true,
-  get: function () {
-    return _PortalHost.portalManager;
-  }
-});
-var _PortalHost = require("./PortalHost");
-var _Portal = require("./Portal");
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"Portal",{enumerable:!0,get:function(){return _Portal.Portal}}),Object.defineProperty(exports,"PortalHost",{enumerable:!0,get:function(){return _PortalHost.PortalHost}}),Object.defineProperty(exports,"portalManager",{enumerable:!0,get:function(){return _PortalHost.portalManager}});var _PortalHost=require("./PortalHost"),_Portal=require("./Portal");

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

@@ -1,11 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.usePortalTokens = void 0;
-var _designSystem = require("../../design-system");
-const createPortalTokens = _foundations => {
-  return {};
-};
-const usePortalTokens = exports.usePortalTokens = (0, _designSystem.createComponentTokensHook)('portal', createPortalTokens);
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.usePortalTokens=void 0;var _designSystem=require("../../design-system");const createPortalTokens=e=>({}),usePortalTokens=exports.usePortalTokens=(0,_designSystem.createComponentTokensHook)("portal",createPortalTokens);

package/dist/cjs/components/progress/Progress.js

@@ -1,216 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.ProgressFilledTrack = exports.Progress = 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 _animation = require("../../hooks/animation");
-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 GRADIENT_REGEX = /linear-gradient|radial-gradient|conic-gradient/i;
-const ProgressContext = /*#__PURE__*/_react().default.createContext(null);
-const ProgressFilledTrack = ({
-  style
-}) => {
-  const context = (0, _react().useContext)(ProgressContext);
-  if (!context) return null;
-  const size = (0, _react().useMemo)(() => context.animatedValue.interpolate({
-    inputRange: [0, 100],
-    outputRange: ['0%', '100%']
-  }), [context.animatedValue]);
-  const sizeStyle = (0, _react().useMemo)(() => context.orientation === 'vertical' ? {
-    width: context.height,
-    height: size,
-    bottom: 0,
-    left: 0,
-    position: 'absolute'
-  } : {
-    height: context.height,
-    width: size
-  }, [context.height, context.orientation, size]);
-  const baseStyle = [context.orientation === 'vertical' ? {
-    position: 'absolute',
-    left: 0,
-    bottom: 0
-  } : context.layoutIndicator, {
-    backgroundColor: context.indicatorColor,
-    borderRadius: context.height / 2,
-    ...(context.isGradient && context.gradientColor ? {
-      backgroundImage: context.gradientColor
-    } : null)
-  }, sizeStyle, context.indicatorStyle, style];
-  return /*#__PURE__*/_react().default.createElement(_reactNative().Animated.View, {
-    style: baseStyle
-  });
-};
-exports.ProgressFilledTrack = ProgressFilledTrack;
-const Progress = exports.Progress = /*#__PURE__*/(0, _react().memo)(props => {
-  const {
-    tokensOverride,
-    percentage: pctP,
-    strokeWidth,
-    color,
-    trackColor,
-    pivotText,
-    pivotColor,
-    textColor,
-    inactive: inactP,
-    showPivot: showPivotP,
-    animated,
-    transition: transP,
-    animationDuration: durP,
-    style,
-    pivotStyle,
-    indicatorStyle,
-    orientation: oriP,
-    children,
-    ...rest
-  } = props;
-  const tokens = (0, _tokens.useProgressTokens)(tokensOverride);
-  const reducedMotion = (0, _animation.useReducedMotion)();
-  const pct = (0, _utils.clamp)((0, _utils.parsePercentage)(pctP ?? tokens.defaults.percentage), 0, 100);
-  const h = (0, _utils.parseNumberLike)(strokeWidth, tokens.sizing.height) ?? tokens.sizing.height;
-  const inact = inactP ?? tokens.defaults.inactive;
-  const ori = oriP ?? 'horizontal';
-  const showPivot = ori === 'vertical' ? false : showPivotP ?? tokens.defaults.showPivot;
-  const doAnim = (animated ?? transP ?? tokens.defaults.transition) && !inact;
-  const dur = Math.max(0, durP ?? tokens.defaults.animationDuration);
-  const isGrad = _reactNative().Platform.OS === 'web' && (0, _utils.isString)(color) && GRADIENT_REGEX.test(color);
-  const trackClr = trackColor ?? tokens.colors.track;
-  const indClr = inact ? tokens.colors.track : !isGrad ? color ?? tokens.colors.indicator : undefined;
-  const pivotBg = pivotColor ?? (isGrad ? inact ? tokens.colors.track : tokens.colors.indicator : indClr);
-  const pivotTxtClr = textColor ?? tokens.colors.pivotText;
-  const pivotCnt = pivotText ?? `${pct}%`;
-  const hasPiv = showPivot && pivotCnt !== null && pivotCnt !== false;
-  const animVal = (0, _react().useRef)(new (_reactNative().Animated.Value)(pct)).current;
-  (0, _react().useEffect)(() => {
-    if (doAnim && dur > 0 && !reducedMotion) {
-      const anim = _reactNative().Animated.timing(animVal, {
-        toValue: pct,
-        duration: dur,
-        useNativeDriver: false,
-        isInteraction: false
-      });
-      anim.start();
-      return () => anim.stop();
-    } else animVal.setValue(pct);
-  }, [pct, doAnim, dur, animVal, reducedMotion]);
-  const [lay, setLay] = (0, _react().useState)({
-    track: 0,
-    pivot: 0
-  });
-  const onTrackLay = (0, _react().useCallback)(e => {
-    const w = e.nativeEvent.layout.width;
-    setLay(prev => prev.track === w ? prev : {
-      ...prev,
-      track: w
-    });
-  }, []);
-  const onPivotLay = (0, _react().useCallback)(e => {
-    const w = e.nativeEvent.layout.width;
-    setLay(prev => prev.pivot === w ? prev : {
-      ...prev,
-      pivot: w
-    });
-  }, []);
-  const trackStyle = [tokens.layout.track, ori === 'vertical' ? {
-    width: h,
-    height: '100%',
-    backgroundColor: trackClr,
-    borderRadius: h / 2
-  } : {
-    height: h,
-    backgroundColor: trackClr,
-    borderRadius: h / 2
-  }];
-  const pivotNode = (0, _react().useMemo)(() => {
-    if (!hasPiv) return null;
-    const {
-      track: tw,
-      pivot: pw
-    } = lay;
-    const ctrStyle = [tokens.layout.pivot, {
-      bottom: h + tokens.sizing.pivotPaddingVertical * 2,
-      backgroundColor: pivotBg,
-      paddingHorizontal: tokens.sizing.pivotPaddingHorizontal,
-      paddingVertical: tokens.sizing.pivotPaddingVertical,
-      borderRadius: h,
-      opacity: tw > 0 ? 1 : 0
-    }];
-    let transStyle = null;
-    if (tw > 0 && pw > 0) {
-      const p1 = pw / 2 / tw * 100;
-      const p2 = (tw - pw / 2) / tw * 100;
-      transStyle = p1 < p2 ? {
-        transform: [{
-          translateX: animVal.interpolate({
-            inputRange: [0, p1, p2, 100],
-            outputRange: [0, 0, tw - pw, tw - pw],
-            extrapolate: 'clamp'
-          })
-        }]
-      } : {
-        transform: [{
-          translateX: (tw - pw) / 2
-        }]
-      };
-    } else transStyle = {
-      transform: [{
-        translateX: (tw - pw) / 2
-      }]
-    };
-    return /*#__PURE__*/_react().default.createElement(_reactNative().Animated.View, {
-      style: [ctrStyle, transStyle],
-      pointerEvents: "none",
-      onLayout: onPivotLay
-    }, (0, _utils.isText)(pivotCnt) ? /*#__PURE__*/_react().default.createElement(_reactNative().Text, {
-      style: [tokens.layout.pivotText, {
-        color: pivotTxtClr,
-        fontFamily: tokens.typography.fontFamily,
-        fontSize: tokens.typography.pivotFontSize
-      }, pivotStyle]
-    }, pivotCnt) : pivotCnt);
-  }, [animVal, hasPiv, h, lay, onPivotLay, pivotCnt, pivotStyle, pivotBg, pivotTxtClr, tokens.layout.pivot, tokens.layout.pivotText, tokens.sizing.pivotPaddingHorizontal, tokens.sizing.pivotPaddingVertical, tokens.typography.fontFamily, tokens.typography.pivotFontSize]);
-  const ctxVal = (0, _react().useMemo)(() => ({
-    animatedValue: animVal,
-    orientation: ori,
-    height: h,
-    indicatorColor: indClr,
-    indicatorStyle: indicatorStyle,
-    isGradient: isGrad,
-    gradientColor: isGrad ? color : undefined,
-    layoutIndicator: tokens.layout.indicator
-  }), [animVal, color, h, indicatorStyle, isGrad, ori, indClr, tokens.layout.indicator]);
-  return /*#__PURE__*/_react().default.createElement(ProgressContext.Provider, {
-    value: ctxVal
-  }, /*#__PURE__*/_react().default.createElement(_reactNative().View, _extends({
-    style: style,
-    accessibilityRole: "progressbar",
-    accessibilityValue: {
-      min: 0,
-      max: 100,
-      now: pct
-    }
-  }, rest), /*#__PURE__*/_react().default.createElement(_reactNative().View, {
-    style: trackStyle,
-    onLayout: hasPiv ? onTrackLay : undefined
-  }, children ?? /*#__PURE__*/_react().default.createElement(ProgressFilledTrack, null)), pivotNode));
-});
-Progress.displayName = 'Progress';
-var _default = exports.default = Progress;
+"use strict";function _react(){const t=_interopRequireWildcard(require("react"));return _react=function(){return t},t}function _reactNative(){const t=require("react-native");return _reactNative=function(){return t},t}Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.ProgressFilledTrack=exports.Progress=void 0;var _utils=require("../../utils"),_animation=require("../../hooks/animation"),_tokens=require("./tokens");function _interopRequireWildcard(t,e){if("function"==typeof WeakMap)var r=new WeakMap,a=new WeakMap;return(_interopRequireWildcard=function(t,e){if(!e&&t&&t.__esModule)return t;var i,o,n={__proto__:null,default:t};if(null===t||"object"!=typeof t&&"function"!=typeof t)return n;if(i=e?a:r){if(i.has(t))return i.get(t);i.set(t,n)}for(const e in t)"default"!==e&&{}.hasOwnProperty.call(t,e)&&((o=(i=Object.defineProperty)&&Object.getOwnPropertyDescriptor(t,e))&&(o.get||o.set)?i(n,e,o):n[e]=t[e]);return n})(t,e)}function _extends(){return _extends=Object.assign?Object.assign.bind():function(t){for(var e=1;e<arguments.length;e++){var r=arguments[e];for(var a in r)({}).hasOwnProperty.call(r,a)&&(t[a]=r[a])}return t},_extends.apply(null,arguments)}const GRADIENT_REGEX=/linear-gradient|radial-gradient|conic-gradient/i,ProgressContext=_react().default.createContext(null),ProgressFilledTrack=({style:t})=>{const e=(0,_react().useContext)(ProgressContext);if(!e)return null;const r=(0,_react().useMemo)(()=>e.animatedValue.interpolate({inputRange:[0,100],outputRange:["0%","100%"]}),[e.animatedValue]),a=(0,_react().useMemo)(()=>"vertical"===e.orientation?{width:e.height,height:r,bottom:0,left:0,position:"absolute"}:{height:e.height,width:r},[e.height,e.orientation,r]),i=["vertical"===e.orientation?{position:"absolute",left:0,bottom:0}:e.layoutIndicator,{backgroundColor:e.indicatorColor,borderRadius:e.height/2,...e.isGradient&&e.gradientColor?{backgroundImage:e.gradientColor}:null},a,e.indicatorStyle,t];return _react().default.createElement(_reactNative().Animated.View,{style:i})};exports.ProgressFilledTrack=ProgressFilledTrack;const Progress=exports.Progress=(0,_react().memo)(t=>{const{tokensOverride:e,percentage:r,strokeWidth:a,color:i,trackColor:o,pivotText:n,pivotColor:l,textColor:s,inactive:c,showPivot:u,animated:d,transition:p,animationDuration:g,style:v,pivotStyle:_,indicatorStyle:f,orientation:y,children:m,...h}=t,k=(0,_tokens.useProgressTokens)(e),P=(0,_animation.useReducedMotion)(),b=(0,_utils.clamp)((0,_utils.parsePercentage)(r??k.defaults.percentage),0,100),x=(0,_utils.parseNumberLike)(a,k.sizing.height)??k.sizing.height,w=c??k.defaults.inactive,C=y??"horizontal",R="vertical"!==C&&(u??k.defaults.showPivot),E=(d??p??k.defaults.transition)&&!w,N=Math.max(0,g??k.defaults.animationDuration),V="web"===_reactNative().Platform.OS&&(0,_utils.isString)(i)&&GRADIENT_REGEX.test(i),z=o??k.colors.track,T=w?k.colors.track:V?void 0:i??k.colors.indicator,M=l??(V?w?k.colors.track:k.colors.indicator:T),F=s??k.colors.pivotText,O=n??`${b}%`,S=R&&null!==O&&!1!==O,q=(0,_react().useRef)(new(_reactNative().Animated.Value)(b)).current;(0,_react().useEffect)(()=>{if(E&&N>0&&!P){const t=_reactNative().Animated.timing(q,{toValue:b,duration:N,useNativeDriver:!1,isInteraction:!1});return t.start(),()=>t.stop()}q.setValue(b)},[b,E,N,q,P]);const[W,j]=(0,_react().useState)({track:0,pivot:0}),A=(0,_react().useCallback)(t=>{const e=t.nativeEvent.layout.width;j(t=>t.track===e?t:{...t,track:e})},[]),D=(0,_react().useCallback)(t=>{const e=t.nativeEvent.layout.width;j(t=>t.pivot===e?t:{...t,pivot:e})},[]),G=[k.layout.track,"vertical"===C?{width:x,height:"100%",backgroundColor:z,borderRadius:x/2}:{height:x,backgroundColor:z,borderRadius:x/2}],I=(0,_react().useMemo)(()=>{if(!S)return null;const{track:t,pivot:e}=W,r=[k.layout.pivot,{bottom:x+2*k.sizing.pivotPaddingVertical,backgroundColor:M,paddingHorizontal:k.sizing.pivotPaddingHorizontal,paddingVertical:k.sizing.pivotPaddingVertical,borderRadius:x,opacity:t>0?1:0}];let a=null;if(t>0&&e>0){const r=e/2/t*100,i=(t-e/2)/t*100;a=r<i?{transform:[{translateX:q.interpolate({inputRange:[0,r,i,100],outputRange:[0,0,t-e,t-e],extrapolate:"clamp"})}]}:{transform:[{translateX:(t-e)/2}]}}else a={transform:[{translateX:(t-e)/2}]};return _react().default.createElement(_reactNative().Animated.View,{style:[r,a],pointerEvents:"none",onLayout:D},(0,_utils.isText)(O)?_react().default.createElement(_reactNative().Text,{style:[k.layout.pivotText,{color:F,fontFamily:k.typography.fontFamily,fontSize:k.typography.pivotFontSize},_]},O):O)},[q,S,x,W,D,O,_,M,F,k.layout.pivot,k.layout.pivotText,k.sizing.pivotPaddingHorizontal,k.sizing.pivotPaddingVertical,k.typography.fontFamily,k.typography.pivotFontSize]),X=(0,_react().useMemo)(()=>({animatedValue:q,orientation:C,height:x,indicatorColor:T,indicatorStyle:f,isGradient:V,gradientColor:V?i:void 0,layoutIndicator:k.layout.indicator}),[q,i,x,f,V,C,T,k.layout.indicator]);return _react().default.createElement(ProgressContext.Provider,{value:X},_react().default.createElement(_reactNative().View,_extends({style:v,accessibilityRole:"progressbar",accessibilityValue:{min:0,max:100,now:b}},h),_react().default.createElement(_reactNative().View,{style:G,onLayout:S?A:void 0},m??_react().default.createElement(ProgressFilledTrack,null)),I))});Progress.displayName="Progress";var _default=exports.default=Progress;

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

@@ -1,14 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "ProgressFilledTrack", {
-  enumerable: true,
-  get: function () {
-    return _Progress.ProgressFilledTrack;
-  }
-});
-exports.default = void 0;
-var _Progress = require("./Progress");
-var _default = exports.default = _Progress.Progress;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"ProgressFilledTrack",{enumerable:!0,get:function(){return _Progress.ProgressFilledTrack}}),exports.default=void 0;var _Progress=require("./Progress"),_default=exports.default=_Progress.Progress;