react-native-system-ui 1.0.2 → 1.0.4

package/dist/cjs/components/button/Button.js

@@ -1,203 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.Button = 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 _color = require("../../utils/color");
-var _createPlatformShadow = require("../../utils/createPlatformShadow");
-var _hairline = require("../../utils/hairline");
-var _string = require("../../utils/string");
-var _utils = require("../../utils");
-var _hooks = require("../../hooks");
-var _ButtonContext = require("./ButtonContext");
-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 clampShadowLevel = level => level <= 1 ? 1 : level >= 3 ? 3 : level;
-const ROUND_CORNER_STYLE = {
-  overflow: 'hidden'
-};
-const ButtonImpl = (props, forwardedRef) => {
-  const grp = (0, _react().useContext)(_ButtonContext.ButtonGroupContext);
-  const {
-    text,
-    children,
-    icon,
-    iconPosition: iconPosP,
-    type: typeP,
-    size: sizeP,
-    color,
-    textColor: txtClrP,
-    plain: plainP,
-    block: blockP,
-    round: roundP,
-    square: sqP,
-    hairline: hlP,
-    shadow: shP,
-    loading: loadP,
-    loadingText,
-    loadingIndicator,
-    loadingSize: loadSzP,
-    disabled: disP,
-    allowFontScaling: fontScaleP,
-    maxFontSizeMultiplier,
-    rippleColor: rippleP,
-    contentStyle,
-    textStyle,
-    tokensOverride,
-    style,
-    ...pressProps
-  } = props;
-  const tokens = (0, _tokens.useButtonTokens)(tokensOverride);
-  const type = typeP ?? grp?.type ?? tokens.defaults.type;
-  const size = sizeP ?? grp?.size ?? tokens.defaults.size;
-  const plain = plainP ?? grp?.plain ?? tokens.defaults.plain;
-  const block = blockP ?? grp?.block ?? tokens.defaults.block;
-  const round = roundP ?? grp?.round ?? tokens.defaults.round;
-  const square = sqP ?? grp?.square ?? tokens.defaults.square;
-  const hairline = hlP ?? grp?.hairline ?? tokens.defaults.hairline;
-  const iconPos = iconPosP ?? grp?.iconPosition ?? tokens.defaults.iconPosition;
-  const disabled = disP ?? grp?.disabled ?? tokens.defaults.disabled;
-  const loading = loadP ?? tokens.defaults.loading;
-  const loadSz = loadSzP ?? tokens.defaults.loadingSize;
-  const allowFontScaling = fontScaleP ?? tokens.defaults.allowFontScaling;
-  const shVal = shP ?? grp?.shadow;
-  const isDis = disabled || loading;
-  const tone = tokens.colors.tones[type] ?? tokens.colors.tones.default;
-  const szTok = tokens.sizing.sizes[size];
-  const [bgClr, borderClr, txtClr] = (0, _react().useMemo)(() => plain ? [tokens.colors.backgroundPlain, color ?? tone.border, txtClrP ?? (type === 'default' && !color ? tone.text : color ?? tone.border)] : [color ?? tone.background, color ?? tone.border, txtClrP ?? (color ? '#ffffff' : tone.text)], [color, txtClrP, plain, type, tone, tokens.colors.backgroundPlain]);
-  const hasBorder = plain || type === 'default';
-  const useHl = hasBorder && hairline;
-  const borderW = hasBorder && !hairline ? tokens.borders.width : 0;
-  const radius = square ? 0 : round ? szTok.height / 2 : szTok.radius;
-  const shStyle = (0, _react().useMemo)(() => {
-    if (plain) return undefined;
-    const lvl = (0, _utils.isFiniteNumber)(shVal) ? clampShadowLevel(shVal) : shVal === true ? 2 : undefined;
-    return lvl ? (0, _createPlatformShadow.createPlatformShadow)(tokens.shadows[lvl]) : undefined;
-  }, [shVal, plain, tokens.shadows]);
-  const {
-    onPress,
-    onPressIn,
-    onPressOut,
-    accessibilityLabel,
-    accessibilityHint,
-    accessibilityRole,
-    accessibilityState,
-    android_ripple: andRippleP,
-    ...viewProps
-  } = pressProps;
-  const {
-    interactionProps,
-    states
-  } = (0, _hooks.useAriaPress)({
-    disabled: isDis,
-    onPress: onPress || undefined,
-    onPressStart: onPressIn || undefined,
-    onPressEnd: onPressOut || undefined
-  });
-  const opacity = disabled ? tokens.states.disabledOpacity : loading ? tokens.states.loadingOpacity : states.pressed ? tokens.states.pressedOpacity : 1;
-  const txtStyle = (0, _react().useMemo)(() => ({
-    fontFamily: tokens.typography.fontFamily,
-    fontWeight: tokens.typography.fontWeight,
-    fontSize: szTok.fontSize,
-    lineHeight: szTok.fontSize * tokens.typography.lineHeightMultiplier,
-    color: txtClr
-  }), [tokens.typography, szTok.fontSize, txtClr]);
-  const iconGap = tokens.spacing.iconGap;
-  const rIcon = () => {
-    if (!icon) return null;
-    try {
-      const el = (0, _utils.isFunction)(icon) ? icon(txtClr, szTok.iconSize) : icon;
-      const margin = iconPos === 'left' ? {
-        marginRight: iconGap
-      } : {
-        marginLeft: iconGap
-      };
-      return /*#__PURE__*/_react().default.createElement(_reactNative().View, {
-        style: [tokens.layout.iconWrapper, margin]
-      }, el);
-    } catch (err) {
-      if (__DEV__) console.warn('[Button] Failed to render icon:', err);
-      return null;
-    }
-  };
-  const rLoad = () => /*#__PURE__*/_react().default.createElement(_reactNative().View, {
-    style: [tokens.layout.iconWrapper, {
-      marginRight: iconGap
-    }]
-  }, loadingIndicator ?? /*#__PURE__*/_react().default.createElement(_reactNative().ActivityIndicator, {
-    size: loadSz,
-    color: txtClr
-  }));
-  const label = loading && loadingText !== undefined ? loadingText : text !== undefined ? text : children;
-  const rLabel = () => {
-    if (label == null) return null;
-    if (typeof label === 'string' || typeof label === 'number') return /*#__PURE__*/_react().default.createElement(_reactNative().Text, {
-      style: [tokens.layout.text, txtStyle, textStyle],
-      numberOfLines: 1,
-      allowFontScaling: allowFontScaling,
-      maxFontSizeMultiplier: maxFontSizeMultiplier
-    }, (0, _utils.isString)(label) ? (0, _string.ensureSpace)(label, true) : String(label));
-    return label;
-  };
-  const accLabel = accessibilityLabel ?? (typeof label === 'string' || typeof label === 'number' ? String(label) : undefined);
-  const accState = (0, _react().useMemo)(() => ({
-    ...accessibilityState,
-    disabled: isDis,
-    busy: loading
-  }), [accessibilityState, isDis, loading]);
-  const andRipple = (0, _react().useMemo)(() => {
-    if (_reactNative().Platform.OS !== 'android') return andRippleP;
-    if (andRippleP) return andRippleP;
-    const rc = rippleP ?? (plain ? txtClr : type === 'default' && !color ? (0, _color.withAlpha)(txtClr, 0.15) : tokens.colors.ripple);
-    return {
-      color: rc,
-      borderless: false
-    };
-  }, [andRippleP, rippleP, plain, txtClr, type, color, tokens.colors.ripple]);
-  return /*#__PURE__*/_react().default.createElement(_reactNative().Pressable, _extends({
-    ref: forwardedRef,
-    disabled: isDis,
-    style: [tokens.layout.base, {
-      minHeight: szTok.height,
-      paddingHorizontal: szTok.paddingHorizontal,
-      borderRadius: radius,
-      backgroundColor: bgClr,
-      borderColor: useHl ? 'transparent' : borderClr,
-      borderWidth: borderW,
-      opacity
-    }, _reactNative().Platform.OS === 'android' && radius > 0 && !shStyle ? ROUND_CORNER_STYLE : null, block ? tokens.layout.block : null, shStyle, style],
-    android_ripple: andRipple
-  }, interactionProps, {
-    accessibilityState: accState,
-    accessibilityRole: accessibilityRole ?? 'button',
-    accessibilityLabel: accLabel,
-    accessibilityHint: accessibilityHint
-  }, viewProps), /*#__PURE__*/_react().default.createElement(_reactNative().View, {
-    style: [tokens.layout.content, contentStyle]
-  }, loading ? /*#__PURE__*/_react().default.createElement(_react().default.Fragment, null, rLoad(), rLabel()) : /*#__PURE__*/_react().default.createElement(_react().default.Fragment, null, icon && iconPos === 'left' && rIcon(), rLabel(), icon && iconPos === 'right' && rIcon())), useHl && /*#__PURE__*/_react().default.createElement(_reactNative().View, {
-    style: (0, _hairline.createHairlineView)({
-      position: 'all',
-      color: borderClr,
-      borderRadius: radius
-    })
-  }));
-};
-const ButtonForwardRef = /*#__PURE__*/_react().default.forwardRef(ButtonImpl);
-const Button = exports.Button = /*#__PURE__*/_react().default.memo(ButtonForwardRef);
-var _default = exports.default = Button;
+"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.Button=void 0;var _color=require("../../utils/color"),_createPlatformShadow=require("../../utils/createPlatformShadow"),_hairline=require("../../utils/hairline"),_string=require("../../utils/string"),_utils=require("../../utils"),_hooks=require("../../hooks"),_ButtonContext=require("./ButtonContext"),_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 o,a,n={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return n;if(o=t?i:r){if(o.has(e))return o.get(e);o.set(e,n)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((a=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(a.get||a.set)?o(n,t,a):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 i in r)({}).hasOwnProperty.call(r,i)&&(e[i]=r[i])}return e},_extends.apply(null,arguments)}const clampShadowLevel=e=>e<=1?1:e>=3?3:e,ROUND_CORNER_STYLE={overflow:"hidden"},ButtonImpl=(e,t)=>{const r=(0,_react().useContext)(_ButtonContext.ButtonGroupContext),{text:i,children:o,icon:a,iconPosition:n,type:l,size:s,color:u,textColor:c,plain:d,block:f,round:p,square:_,hairline:y,shadow:g,loading:b,loadingText:h,loadingIndicator:m,loadingSize:v,disabled:S,allowFontScaling:w,maxFontSizeMultiplier:P,rippleColor:x,contentStyle:O,textStyle:k,tokensOverride:R,style:z,...q}=e,N=(0,_tokens.useButtonTokens)(R),E=l??r?.type??N.defaults.type,B=s??r?.size??N.defaults.size,F=d??r?.plain??N.defaults.plain,M=f??r?.block??N.defaults.block,C=p??r?.round??N.defaults.round,W=_??r?.square??N.defaults.square,H=y??r?.hairline??N.defaults.hairline,L=n??r?.iconPosition??N.defaults.iconPosition,j=S??r?.disabled??N.defaults.disabled,V=b??N.defaults.loading,I=v??N.defaults.loadingSize,T=w??N.defaults.allowFontScaling,D=g??r?.shadow,A=j||V,G=N.colors.tones[E]??N.colors.tones.default,U=N.sizing.sizes[B],[Y,J,K]=(0,_react().useMemo)(()=>F?[N.colors.backgroundPlain,u??G.border,c??("default"!==E||u?u??G.border:G.text)]:[u??G.background,u??G.border,c??(u?"#ffffff":G.text)],[u,c,F,E,G,N.colors.backgroundPlain]),Q=F||"default"===E,X=Q&&H,Z=Q&&!H?N.borders.width:0,$=W?0:C?U.height/2:U.radius,ee=(0,_react().useMemo)(()=>{if(F)return;const e=(0,_utils.isFiniteNumber)(D)?clampShadowLevel(D):!0===D?2:void 0;return e?(0,_createPlatformShadow.createPlatformShadow)(N.shadows[e]):void 0},[D,F,N.shadows]),{onPress:te,onPressIn:re,onPressOut:ie,accessibilityLabel:oe,accessibilityHint:ae,accessibilityRole:ne,accessibilityState:le,android_ripple:se,...ue}=q,{interactionProps:ce,states:de}=(0,_hooks.useAriaPress)({disabled:A,onPress:te||void 0,onPressStart:re||void 0,onPressEnd:ie||void 0}),fe=j?N.states.disabledOpacity:V?N.states.loadingOpacity:de.pressed?N.states.pressedOpacity:1,pe=(0,_react().useMemo)(()=>({fontFamily:N.typography.fontFamily,fontWeight:N.typography.fontWeight,fontSize:U.fontSize,lineHeight:U.fontSize*N.typography.lineHeightMultiplier,color:K}),[N.typography,U.fontSize,K]),_e=N.spacing.iconGap,ye=()=>{if(!a)return null;try{const e=(0,_utils.isFunction)(a)?a(K,U.iconSize):a,t="left"===L?{marginRight:_e}:{marginLeft:_e};return _react().default.createElement(_reactNative().View,{style:[N.layout.iconWrapper,t]},e)}catch(e){return __DEV__&&console.warn("[Button] Failed to render icon:",e),null}},ge=V&&void 0!==h?h:void 0!==i?i:o,be=()=>null==ge?null:"string"==typeof ge||"number"==typeof ge?_react().default.createElement(_reactNative().Text,{style:[N.layout.text,pe,k],numberOfLines:1,allowFontScaling:T,maxFontSizeMultiplier:P},(0,_utils.isString)(ge)?(0,_string.ensureSpace)(ge,!0):String(ge)):ge,he=oe??("string"==typeof ge||"number"==typeof ge?String(ge):void 0),me=(0,_react().useMemo)(()=>({...le,disabled:A,busy:V}),[le,A,V]),ve=(0,_react().useMemo)(()=>{if("android"!==_reactNative().Platform.OS)return se;if(se)return se;return{color:x??(F?K:"default"!==E||u?N.colors.ripple:(0,_color.withAlpha)(K,.15)),borderless:!1}},[se,x,F,K,E,u,N.colors.ripple]);return _react().default.createElement(_reactNative().Pressable,_extends({ref:t,disabled:A,style:[N.layout.base,{minHeight:U.height,paddingHorizontal:U.paddingHorizontal,borderRadius:$,backgroundColor:Y,borderColor:X?"transparent":J,borderWidth:Z,opacity:fe},"android"===_reactNative().Platform.OS&&$>0&&!ee?ROUND_CORNER_STYLE:null,M?N.layout.block:null,ee,z],android_ripple:ve},ce,{accessibilityState:me,accessibilityRole:ne??"button",accessibilityLabel:he,accessibilityHint:ae},ue),_react().default.createElement(_reactNative().View,{style:[N.layout.content,O]},V?_react().default.createElement(_react().default.Fragment,null,_react().default.createElement(_reactNative().View,{style:[N.layout.iconWrapper,{marginRight:_e}]},m??_react().default.createElement(_reactNative().ActivityIndicator,{size:I,color:K})),be()):_react().default.createElement(_react().default.Fragment,null,a&&"left"===L&&ye(),be(),a&&"right"===L&&ye())),X&&_react().default.createElement(_reactNative().View,{style:(0,_hairline.createHairlineView)({position:"all",color:J,borderRadius:$})}))},ButtonForwardRef=_react().default.forwardRef(ButtonImpl),Button=exports.Button=_react().default.memo(ButtonForwardRef);var _default=exports.default=Button;

package/dist/cjs/components/button/ButtonContext.js

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

package/dist/cjs/components/button/ButtonGroup.js

@@ -1,65 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ButtonGroupContext = exports.ButtonGroup = 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 _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); }
-const ButtonGroupContext = exports.ButtonGroupContext = /*#__PURE__*/_react().default.createContext(null);
-const ButtonGroup = exports.ButtonGroup = /*#__PURE__*/_react().default.memo(({
-  children,
-  direction = 'horizontal',
-  spacing,
-  style,
-  type,
-  size,
-  plain,
-  block,
-  round,
-  square,
-  shadow,
-  disabled,
-  iconPosition,
-  hairline
-}) => {
-  const tokens = (0, _tokens.useButtonTokens)();
-  const gap = spacing ?? tokens.spacing.groupGap;
-  const grpVal = (0, _react().useMemo)(() => ({
-    type,
-    size,
-    plain,
-    block,
-    round,
-    square,
-    shadow,
-    disabled,
-    iconPosition,
-    hairline
-  }), [block, disabled, hairline, iconPosition, plain, round, shadow, size, square, type]);
-  const ctrStyle = (0, _react().useMemo)(() => [{
-    flexDirection: direction === 'horizontal' ? 'row' : 'column',
-    alignItems: 'center',
-    gap,
-    width: block ? '100%' : undefined
-  }, style], [block, direction, gap, style]);
-  return /*#__PURE__*/_react().default.createElement(ButtonGroupContext.Provider, {
-    value: grpVal
-  }, /*#__PURE__*/_react().default.createElement(_reactNative().View, {
-    style: ctrStyle
-  }, children));
-});
+"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.ButtonGroupContext=exports.ButtonGroup=void 0;var _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 n,i,u={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return u;if(n=t?o:r){if(n.has(e))return n.get(e);n.set(e,u)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((i=(n=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(i.get||i.set)?n(u,t,i):u[t]=e[t]);return u})(e,t)}const ButtonGroupContext=exports.ButtonGroupContext=_react().default.createContext(null),ButtonGroup=exports.ButtonGroup=_react().default.memo(({children:e,direction:t="horizontal",spacing:r,style:o,type:n,size:i,plain:u,block:a,round:c,square:s,shadow:l,disabled:p,iconPosition:d,hairline:f})=>{const _=(0,_tokens.useButtonTokens)(),v=r??_.spacing.groupGap,x=(0,_react().useMemo)(()=>({type:n,size:i,plain:u,block:a,round:c,square:s,shadow:l,disabled:p,iconPosition:d,hairline:f}),[a,p,f,d,u,c,l,i,s,n]),y=(0,_react().useMemo)(()=>[{flexDirection:"horizontal"===t?"row":"column",alignItems:"center",gap:v,width:a?"100%":void 0},o],[a,t,v,o]);return _react().default.createElement(ButtonGroupContext.Provider,{value:x},_react().default.createElement(_reactNative().View,{style:y},e))});

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

@@ -1,12 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.Button = void 0;
-var _Button = require("./Button");
-var _ButtonGroup = require("./ButtonGroup");
-const Button = exports.Button = Object.assign(_Button.Button, {
-  Group: _ButtonGroup.ButtonGroup
-});
-var _default = exports.default = Button;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.Button=void 0;var _Button=require("./Button"),_ButtonGroup=require("./ButtonGroup");const Button=exports.Button=Object.assign(_Button.Button,{Group:_ButtonGroup.ButtonGroup});var _default=exports.default=Button;

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

@@ -1,176 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useButtonTokens = void 0;
-var _designSystem = require("../../design-system");
-var _utils = require("../../utils");
-const isDarkThemeBackground = color => {
-  const rgb = (0, _utils.hexToRgb)(color);
-  return !!rgb && (rgb[0] * 299 + rgb[1] * 587 + rgb[2] * 114) / 1000 < 140;
-};
-const createButtonTokens = foundations => {
-  const {
-    palette,
-    spacing,
-    radii,
-    fontSize,
-    typography,
-    opacity
-  } = foundations;
-  const buildTone = (tone, text) => {
-    const ramp = palette[tone];
-    const baseBackground = ramp[500];
-    return {
-      background: baseBackground,
-      border: baseBackground,
-      text: text ?? ramp.foreground ?? '#ffffff',
-      tonalBackground: ramp[100],
-      tonalBorder: ramp[200],
-      tonalText: ramp[700] ?? ramp[800] ?? '#111111'
-    };
-  };
-  const darkTheme = isDarkThemeBackground(palette.default[50]);
-  const baseRadius = Math.max(0, Math.round(radii.xs / 2));
-  const defaultBackground = darkTheme ? palette.default[100] : '#ffffff';
-  const defaultBorder = darkTheme ? palette.default[300] : '#ebedf0';
-  const defaultText = darkTheme ? palette.default.foreground ?? '#f4f6fb' : '#323233';
-  return {
-    defaults: {
-      type: 'default',
-      size: 'normal',
-      plain: false,
-      block: false,
-      round: false,
-      square: false,
-      hairline: false,
-      iconPosition: 'left',
-      loading: false,
-      loadingSize: 'small',
-      disabled: false,
-      allowFontScaling: true
-    },
-    layout: {
-      base: {
-        borderStyle: 'solid',
-        alignItems: 'center',
-        justifyContent: 'center',
-        flexDirection: 'row',
-        alignSelf: 'flex-start'
-      },
-      block: {
-        alignSelf: 'stretch',
-        width: '100%'
-      },
-      content: {
-        flexDirection: 'row',
-        alignItems: 'center',
-        justifyContent: 'center'
-      },
-      iconWrapper: {
-        alignItems: 'center',
-        justifyContent: 'center'
-      },
-      text: {
-        fontWeight: '400'
-      }
-    },
-    colors: {
-      ripple: 'rgba(255,255,255,0.35)',
-      backgroundTransparent: 'transparent',
-      backgroundPlain: defaultBackground,
-      textDark: '#ffffff',
-      textLight: '#111111',
-      tones: {
-        default: {
-          background: defaultBackground,
-          border: defaultBorder,
-          text: defaultText,
-          tonalBackground: darkTheme ? palette.default[200] : palette.default[100],
-          tonalBorder: defaultBorder,
-          tonalText: defaultText
-        },
-        primary: buildTone('primary'),
-        info: buildTone('info'),
-        success: buildTone('success'),
-        warning: buildTone('warning', palette.warning.foreground ?? '#ffffff'),
-        danger: buildTone('danger')
-      }
-    },
-    typography: {
-      fontFamily: typography.fontFamily,
-      lineHeightMultiplier: typography.lineHeightMultiplier,
-      fontWeight: typography.weight.medium
-    },
-    sizing: {
-      sizes: {
-        large: {
-          height: 50,
-          fontSize: fontSize.lg,
-          paddingHorizontal: fontSize.lg,
-          iconSize: fontSize.lg,
-          radius: baseRadius
-        },
-        normal: {
-          height: 44,
-          fontSize: fontSize.sm,
-          paddingHorizontal: fontSize.md,
-          iconSize: fontSize.sm,
-          radius: baseRadius
-        },
-        small: {
-          height: 32,
-          fontSize: fontSize.xs,
-          paddingHorizontal: fontSize.xs,
-          iconSize: fontSize.xs,
-          radius: baseRadius
-        },
-        mini: {
-          height: 24,
-          fontSize: fontSize.xxs,
-          paddingHorizontal: fontSize.xxs,
-          iconSize: fontSize.xxs,
-          radius: baseRadius
-        }
-      }
-    },
-    borders: {
-      width: 1,
-      hairlineWidth: (0, _utils.getHairlineWidth)()
-    },
-    spacing: {
-      iconGap: spacing.sm,
-      groupGap: spacing.xs
-    },
-    states: {
-      disabledOpacity: opacity.disabled,
-      loadingOpacity: opacity.loading,
-      pressedOpacity: 0.7
-    },
-    shadows: {
-      1: {
-        color: '#0f1a38',
-        opacity: 0.12,
-        radius: 2,
-        offsetY: 2,
-        elevation: 2
-      },
-      2: {
-        color: '#0f1a38',
-        opacity: 0.15,
-        radius: 4,
-        offsetY: 3,
-        elevation: 3
-      },
-      3: {
-        color: '#0f1a38',
-        opacity: 0.2,
-        radius: 6,
-        offsetY: 4,
-        elevation: 5
-      }
-    }
-  };
-};
-const useButtonTokens = exports.useButtonTokens = (0, _designSystem.createComponentTokensHook)('button', createButtonTokens);
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useButtonTokens=void 0;var _designSystem=require("../../design-system"),_utils=require("../../utils");const isDarkThemeBackground=e=>{const t=(0,_utils.hexToRgb)(e);return!!t&&(299*t[0]+587*t[1]+114*t[2])/1e3<140},createButtonTokens=e=>{const{palette:t,spacing:i,radii:n,fontSize:o,typography:a,opacity:r}=e,s=(e,i)=>{const n=t[e],o=n[500];return{background:o,border:o,text:i??n.foreground??"#ffffff",tonalBackground:n[100],tonalBorder:n[200],tonalText:n[700]??n[800]??"#111111"}},l=isDarkThemeBackground(t.default[50]),d=Math.max(0,Math.round(n.xs/2)),f=l?t.default[100]:"#ffffff",u=l?t.default[300]:"#ebedf0",g=l?t.default.foreground??"#f4f6fb":"#323233";return{defaults:{type:"default",size:"normal",plain:!1,block:!1,round:!1,square:!1,hairline:!1,iconPosition:"left",loading:!1,loadingSize:"small",disabled:!1,allowFontScaling:!0},layout:{base:{borderStyle:"solid",alignItems:"center",justifyContent:"center",flexDirection:"row",alignSelf:"flex-start"},block:{alignSelf:"stretch",width:"100%"},content:{flexDirection:"row",alignItems:"center",justifyContent:"center"},iconWrapper:{alignItems:"center",justifyContent:"center"},text:{fontWeight:"400"}},colors:{ripple:"rgba(255,255,255,0.35)",backgroundTransparent:"transparent",backgroundPlain:f,textDark:"#ffffff",textLight:"#111111",tones:{default:{background:f,border:u,text:g,tonalBackground:l?t.default[200]:t.default[100],tonalBorder:u,tonalText:g},primary:s("primary"),info:s("info"),success:s("success"),warning:s("warning",t.warning.foreground??"#ffffff"),danger:s("danger")}},typography:{fontFamily:a.fontFamily,lineHeightMultiplier:a.lineHeightMultiplier,fontWeight:a.weight.medium},sizing:{sizes:{large:{height:50,fontSize:o.lg,paddingHorizontal:o.lg,iconSize:o.lg,radius:d},normal:{height:44,fontSize:o.sm,paddingHorizontal:o.md,iconSize:o.sm,radius:d},small:{height:32,fontSize:o.xs,paddingHorizontal:o.xs,iconSize:o.xs,radius:d},mini:{height:24,fontSize:o.xxs,paddingHorizontal:o.xxs,iconSize:o.xxs,radius:d}}},borders:{width:1,hairlineWidth:(0,_utils.getHairlineWidth)()},spacing:{iconGap:i.sm,groupGap:i.xs},states:{disabledOpacity:r.disabled,loadingOpacity:r.loading,pressedOpacity:.7},shadows:{1:{color:"#0f1a38",opacity:.12,radius:2,offsetY:2,elevation:2},2:{color:"#0f1a38",opacity:.15,radius:4,offsetY:3,elevation:3},3:{color:"#0f1a38",opacity:.2,radius:6,offsetY:4,elevation:5}}}},useButtonTokens=exports.useButtonTokens=(0,_designSystem.createComponentTokensHook)("button",createButtonTokens);