@webority/mobile-ui 0.0.39 → 0.2.0

package/lib/commonjs/components/BottomSheet/index.js

@@ -1,26 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "BottomSheet", {
-  enumerable: true,
-  get: function () {
-    return _BottomSheet.BottomSheet;
-  }
-});
-Object.defineProperty(exports, "default", {
-  enumerable: true,
-  get: function () {
-    return _BottomSheet.default;
-  }
-});
-Object.defineProperty(exports, "useBottomSheet", {
-  enumerable: true,
-  get: function () {
-    return _BottomSheet.useBottomSheet;
-  }
-});
-var _BottomSheet = _interopRequireWildcard(require("./BottomSheet.js"));
-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); }
-//# sourceMappingURL=index.js.map
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"BottomSheet",{enumerable:!0,get:function(){return _BottomSheet.BottomSheet}}),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return _BottomSheet.default}}),Object.defineProperty(exports,"useBottomSheet",{enumerable:!0,get:function(){return _BottomSheet.useBottomSheet}});var _BottomSheet=_interopRequireWildcard(require("./BottomSheet.js"));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 n,u,i={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return i;if(n=t?o:r){if(n.has(e))return n.get(e);n.set(e,i)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((u=(n=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(u.get||u.set)?n(i,t,u):i[t]=e[t]);return i})(e,t)}

package/lib/commonjs/components/Box/Box.js

@@ -1,226 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.resolveBoxStyle = exports.default = exports.Stack = exports.Spacer = exports.Row = exports.Box = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _reactNative = require("react-native");
-var _index = require("../../theme/index.js");
-var _corners = require("../../utils/corners.js");
-var _SquircleFill = require("../SquircleFill/SquircleFill.js");
-var _jsxRuntime = require("react/jsx-runtime");
-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 space = (theme, token) => token == null ? undefined : theme.spacing[token];
-const resolveBoxStyle = (theme, p) => {
-  const style = {};
-  if (p.p != null) {
-    style.padding = space(theme, p.p);
-  }
-  if (p.px != null) {
-    style.paddingHorizontal = space(theme, p.px);
-  }
-  if (p.py != null) {
-    style.paddingVertical = space(theme, p.py);
-  }
-  if (p.pt != null) {
-    style.paddingTop = space(theme, p.pt);
-  }
-  if (p.pr != null) {
-    style.paddingRight = space(theme, p.pr);
-  }
-  if (p.pb != null) {
-    style.paddingBottom = space(theme, p.pb);
-  }
-  if (p.pl != null) {
-    style.paddingLeft = space(theme, p.pl);
-  }
-  if (p.m != null) {
-    style.margin = space(theme, p.m);
-  }
-  if (p.mx != null) {
-    style.marginHorizontal = space(theme, p.mx);
-  }
-  if (p.my != null) {
-    style.marginVertical = space(theme, p.my);
-  }
-  if (p.mt != null) {
-    style.marginTop = space(theme, p.mt);
-  }
-  if (p.mr != null) {
-    style.marginRight = space(theme, p.mr);
-  }
-  if (p.mb != null) {
-    style.marginBottom = space(theme, p.mb);
-  }
-  if (p.ml != null) {
-    style.marginLeft = space(theme, p.ml);
-  }
-  if (p.gap != null) {
-    style.gap = space(theme, p.gap);
-  }
-  if (p.bg != null) {
-    const bgTokens = theme.colors.background;
-    style.backgroundColor = bgTokens[p.bg] ?? p.bg;
-  }
-  if (p.radius != null) {
-    style.borderRadius = theme.radius[p.radius];
-    style.borderCurve = _corners.smoothCorners.borderCurve;
-  }
-  if (p.border) {
-    style.borderWidth = theme.colors.border.width;
-    style.borderColor = theme.colors.border.primary;
-  }
-  if (p.flex != null) {
-    style.flex = p.flex;
-  }
-  if (p.align != null) {
-    style.alignItems = p.align;
-  }
-  if (p.justify != null) {
-    style.justifyContent = p.justify;
-  }
-  if (p.direction != null) {
-    style.flexDirection = p.direction;
-  }
-  if (p.wrap) {
-    style.flexWrap = 'wrap';
-  }
-  return style;
-};
-exports.resolveBoxStyle = resolveBoxStyle;
-const Box = exports.Box = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
-  const theme = (0, _index.useTheme)();
-  const {
-    // layout props consumed by the resolver — kept out of the View spread
-    p,
-    px,
-    py,
-    pt,
-    pr,
-    pb,
-    pl,
-    m,
-    mx,
-    my,
-    mt,
-    mr,
-    mb,
-    ml,
-    gap,
-    bg,
-    radius,
-    border,
-    flex,
-    align,
-    justify,
-    direction,
-    wrap,
-    style,
-    children,
-    ...viewProps
-  } = props;
-  const boxStyle = resolveBoxStyle(theme, {
-    p,
-    px,
-    py,
-    pt,
-    pr,
-    pb,
-    pl,
-    m,
-    mx,
-    my,
-    mt,
-    mr,
-    mb,
-    ml,
-    gap,
-    bg,
-    radius,
-    border,
-    flex,
-    align,
-    justify,
-    direction,
-    wrap
-  });
-  // Android smooth corners: a Box with a radius and something to paint (a
-  // fill or the hairline border) draws them as an SVG squircle over a
-  // transparent host. A bare radius with nothing painted has nothing to
-  // draw, so it stays native.
-  const squircle = (0, _SquircleFill.useSquircle)(radius != null && (bg != null || Boolean(border)), boxStyle.borderRadius, viewProps.onLayout);
-  const hostStyle = squircle.active ? {
-    ...boxStyle,
-    backgroundColor: 'transparent',
-    borderColor: 'transparent'
-  } : boxStyle;
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-    ref: ref,
-    ...viewProps,
-    onLayout: squircle.onLayout,
-    style: [hostStyle, style],
-    children: [squircle.active && squircle.size ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_SquircleFill.SquircleFill, {
-      width: squircle.size.width,
-      height: squircle.size.height,
-      radius: boxStyle.borderRadius,
-      fill: boxStyle.backgroundColor ?? 'transparent',
-      stroke: boxStyle.borderColor,
-      strokeWidth: boxStyle.borderWidth ?? 0,
-      outset: boxStyle.borderWidth ?? 0
-    }) : null, children]
-  });
-});
-Box.displayName = 'Box';
-/** Vertical flex container with token spacing between children (default gap `md`). */
-const Stack = exports.Stack = /*#__PURE__*/(0, _react.forwardRef)(({
-  gap = 'md',
-  ...rest
-}, ref) => /*#__PURE__*/(0, _jsxRuntime.jsx)(Box, {
-  ref: ref,
-  direction: "column",
-  gap: gap,
-  ...rest
-}));
-Stack.displayName = 'Stack';
-/** Horizontal flex container (default `align="center"`, gap `sm`). */
-const Row = exports.Row = /*#__PURE__*/(0, _react.forwardRef)(({
-  gap = 'sm',
-  align = 'center',
-  ...rest
-}, ref) => /*#__PURE__*/(0, _jsxRuntime.jsx)(Box, {
-  ref: ref,
-  direction: "row",
-  gap: gap,
-  align: align,
-  ...rest
-}));
-Row.displayName = 'Row';
-/** Fixed gap (`size`) or a flexible push (`flex: 1`) between siblings. */
-const Spacer = ({
-  size,
-  style,
-  testID
-}) => {
-  const theme = (0, _index.useTheme)();
-  if (size != null) {
-    const value = theme.spacing[size];
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      testID: testID,
-      style: [{
-        width: value,
-        height: value
-      }, style]
-    });
-  }
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-    testID: testID,
-    style: [{
-      flex: 1
-    }, style]
-  });
-};
-exports.Spacer = Spacer;
-Spacer.displayName = 'Spacer';
-var _default = exports.default = Box;
-//# sourceMappingURL=Box.js.map
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.resolveBoxStyle=exports.default=exports.Stack=exports.Spacer=exports.Row=exports.Box=void 0;var _react=_interopRequireWildcard(require("react")),_reactNative=require("react-native"),_index=require("../../theme/index.js"),_corners=require("../../utils/corners.js"),_SquircleFill=require("../SquircleFill/SquircleFill.js"),_jsxRuntime=require("react/jsx-runtime");function _interopRequireWildcard(e,r){if("function"==typeof WeakMap)var t=new WeakMap,l=new WeakMap;return(_interopRequireWildcard=function(e,r){if(!r&&e&&e.__esModule)return e;var i,o,a={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return a;if(i=r?l:t){if(i.has(e))return i.get(e);i.set(e,a)}for(const r in e)"default"!==r&&{}.hasOwnProperty.call(e,r)&&((o=(i=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,r))&&(o.get||o.set)?i(a,r,o):a[r]=e[r]);return a})(e,r)}const space=(e,r)=>null==r?void 0:e.spacing[r],resolveBoxStyle=(e,r)=>{const t={};if(null!=r.p&&(t.padding=space(e,r.p)),null!=r.px&&(t.paddingHorizontal=space(e,r.px)),null!=r.py&&(t.paddingVertical=space(e,r.py)),null!=r.pt&&(t.paddingTop=space(e,r.pt)),null!=r.pr&&(t.paddingRight=space(e,r.pr)),null!=r.pb&&(t.paddingBottom=space(e,r.pb)),null!=r.pl&&(t.paddingLeft=space(e,r.pl)),null!=r.m&&(t.margin=space(e,r.m)),null!=r.mx&&(t.marginHorizontal=space(e,r.mx)),null!=r.my&&(t.marginVertical=space(e,r.my)),null!=r.mt&&(t.marginTop=space(e,r.mt)),null!=r.mr&&(t.marginRight=space(e,r.mr)),null!=r.mb&&(t.marginBottom=space(e,r.mb)),null!=r.ml&&(t.marginLeft=space(e,r.ml)),null!=r.gap&&(t.gap=space(e,r.gap)),null!=r.bg){const l=e.colors.background;t.backgroundColor=l[r.bg]??r.bg}return null!=r.radius&&(t.borderRadius=e.radius[r.radius],t.borderCurve=_corners.smoothCorners.borderCurve),r.border&&(t.borderWidth=e.colors.border.width,t.borderColor=e.colors.border.primary),null!=r.flex&&(t.flex=r.flex),null!=r.align&&(t.alignItems=r.align),null!=r.justify&&(t.justifyContent=r.justify),null!=r.direction&&(t.flexDirection=r.direction),r.wrap&&(t.flexWrap="wrap"),t};exports.resolveBoxStyle=resolveBoxStyle;const Box=exports.Box=(0,_react.forwardRef)((e,r)=>{const t=(0,_index.useTheme)(),{p:l,px:i,py:o,pt:a,pr:n,pb:s,pl:p,m:u,mx:c,my:d,mt:x,mr:m,mb:g,ml:f,gap:y,bg:b,radius:_,border:j,flex:h,align:w,justify:R,direction:S,wrap:v,style:q,children:B,...k}=e,W=resolveBoxStyle(t,{p:l,px:i,py:o,pt:a,pr:n,pb:s,pl:p,m:u,mx:c,my:d,mt:x,mr:m,mb:g,ml:f,gap:y,bg:b,radius:_,border:j,flex:h,align:w,justify:R,direction:S,wrap:v}),C=(0,_SquircleFill.useSquircle)(null!=_&&(null!=b||Boolean(j)),W.borderRadius,k.onLayout),N=C.active?{...W,backgroundColor:"transparent",borderColor:"transparent"}:W;return(0,_jsxRuntime.jsxs)(_reactNative.View,{ref:r,...k,onLayout:C.onLayout,style:[N,q],children:[C.active&&C.size?(0,_jsxRuntime.jsx)(_SquircleFill.SquircleFill,{width:C.size.width,height:C.size.height,radius:W.borderRadius,fill:W.backgroundColor??"transparent",stroke:W.borderColor,strokeWidth:W.borderWidth??0,outset:W.borderWidth??0}):null,B]})});Box.displayName="Box";const Stack=exports.Stack=(0,_react.forwardRef)(({gap:e="md",...r},t)=>(0,_jsxRuntime.jsx)(Box,{ref:t,direction:"column",gap:e,...r}));Stack.displayName="Stack";const Row=exports.Row=(0,_react.forwardRef)(({gap:e="sm",align:r="center",...t},l)=>(0,_jsxRuntime.jsx)(Box,{ref:l,direction:"row",gap:e,align:r,...t}));Row.displayName="Row";const Spacer=({size:e,style:r,testID:t})=>{const l=(0,_index.useTheme)();if(null!=e){const i=l.spacing[e];return(0,_jsxRuntime.jsx)(_reactNative.View,{testID:t,style:[{width:i,height:i},r]})}return(0,_jsxRuntime.jsx)(_reactNative.View,{testID:t,style:[{flex:1},r]})};exports.Spacer=Spacer,Spacer.displayName="Spacer";var _default=exports.default=Box;

package/lib/commonjs/components/Box/index.js

@@ -1,37 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "Box", {
-  enumerable: true,
-  get: function () {
-    return _Box.Box;
-  }
-});
-Object.defineProperty(exports, "Row", {
-  enumerable: true,
-  get: function () {
-    return _Box.Row;
-  }
-});
-Object.defineProperty(exports, "Spacer", {
-  enumerable: true,
-  get: function () {
-    return _Box.Spacer;
-  }
-});
-Object.defineProperty(exports, "Stack", {
-  enumerable: true,
-  get: function () {
-    return _Box.Stack;
-  }
-});
-Object.defineProperty(exports, "resolveBoxStyle", {
-  enumerable: true,
-  get: function () {
-    return _Box.resolveBoxStyle;
-  }
-});
-var _Box = require("./Box.js");
-//# sourceMappingURL=index.js.map
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"Box",{enumerable:!0,get:function(){return _Box.Box}}),Object.defineProperty(exports,"Row",{enumerable:!0,get:function(){return _Box.Row}}),Object.defineProperty(exports,"Spacer",{enumerable:!0,get:function(){return _Box.Spacer}}),Object.defineProperty(exports,"Stack",{enumerable:!0,get:function(){return _Box.Stack}}),Object.defineProperty(exports,"resolveBoxStyle",{enumerable:!0,get:function(){return _Box.resolveBoxStyle}});var _Box=require("./Box.js");