@oxyhq/bloom 0.9.1 → 0.11.0

package/lib/commonjs/button/Button.web.js

@@ -0,0 +1,431 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TextButton = exports.SecondaryButton = exports.PrimaryButton = exports.OutlineButton = exports.LinkButton = exports.InverseButton = exports.IconButton = exports.GhostButton = exports.DestructiveButton = exports.Button = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _useTheme = require("../theme/use-theme.js");
+var _SpinnerIconWeb = require("../loading/SpinnerIcon.web.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); }
+// ---------------------------------------------------------------------------
+//  Geometry — mirrors the native (`Button.tsx`) impl exactly so the web button
+//  is pixel-consistent with native. Sizes below are the resolved primitives;
+//  the shadcn-style aliases (`sm | md | lg | icon`) are normalized first.
+// ---------------------------------------------------------------------------
+
+const SIZE_CONFIG = {
+  small: {
+    paddingVertical: 6,
+    paddingHorizontal: 12,
+    fontSize: 14,
+    minHeight: 32
+  },
+  medium: {
+    paddingVertical: 8,
+    paddingHorizontal: 16,
+    fontSize: 15,
+    minHeight: 40
+  },
+  large: {
+    paddingVertical: 12,
+    paddingHorizontal: 20,
+    fontSize: 16,
+    minHeight: 48
+  }
+};
+const SIZE_ALIAS = {
+  small: 'small',
+  medium: 'medium',
+  large: 'large',
+  sm: 'small',
+  md: 'medium',
+  lg: 'large',
+  icon: 'medium'
+};
+
+// Fully-rounded (pill/capsule) corner radius — large enough to stay a perfect
+// capsule at any button height. Mirrors native `PILL_RADIUS` so web and native
+// produce the SAME fully-rounded shape. The icon variant reuses it too: a square
+// button with this radius renders as a perfect circle.
+const PILL_RADIUS = 999;
+const ICON_RADIUS = PILL_RADIUS;
+const PRESS_SCALE = 0.97;
+
+/** Variants that get a tactile press-scale (matches native `SCALE_VARIANTS`). */
+const SCALE_VARIANTS = new Set(['primary', 'secondary', 'inverse', 'destructive']);
+
+// ---------------------------------------------------------------------------
+//  Per-state CSS injection
+//
+//  Inline styles cannot express `:hover` / `:focus-visible` / `:active` /
+//  `:disabled`, and the keyboard-focus ring MUST be a `:focus-visible` rule
+//  (not always-on) for correct mouse-vs-keyboard behavior. We inject one static
+//  stylesheet (keyed by id, once) that defines the interaction behavior for the
+//  base `bloom-btn` class; per-instance resolved colors stay inline.
+// ---------------------------------------------------------------------------
+
+const STYLE_ID = 'bloom-button-web-css';
+
+/**
+ * The focus ring color is read from a CSS custom property the component sets
+ * inline per-instance (`--bloom-btn-ring`), so the static rule can theme itself
+ * from the resolved token without a per-instance stylesheet.
+ */
+const BLOOM_BUTTON_CSS = `
+.bloom-btn {
+  appearance: none;
+  -webkit-appearance: none;
+  box-sizing: border-box;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  flex-direction: row;
+  gap: 8px;
+  position: relative;
+  margin: 0;
+  border: none;
+  background: transparent;
+  font-family: inherit;
+  text-decoration: none;
+  cursor: pointer;
+  user-select: none;
+  outline: none;
+  transition: opacity 120ms ease, transform 120ms ease, background-color 120ms ease, border-color 120ms ease;
+}
+.bloom-btn:disabled,
+.bloom-btn[aria-disabled="true"] {
+  cursor: default;
+  opacity: 0.5;
+}
+.bloom-btn:not(:disabled):not([aria-disabled="true"]):hover {
+  opacity: 0.9;
+}
+.bloom-btn:not(:disabled):not([aria-disabled="true"]):active {
+  transform: scale(var(--bloom-btn-press-scale, 1));
+}
+.bloom-btn:focus-visible {
+  outline: 2px solid var(--bloom-btn-ring, currentColor);
+  outline-offset: 2px;
+}
+.bloom-btn--link:not(:disabled):not([aria-disabled="true"]):hover {
+  opacity: 1;
+  text-decoration: underline;
+}
+`;
+function useButtonCss() {
+  (0, _react.useEffect)(() => {
+    if (typeof document === 'undefined') return;
+    if (document.getElementById(STYLE_ID)) return;
+    const style = document.createElement('style');
+    style.id = STYLE_ID;
+    style.textContent = BLOOM_BUTTON_CSS;
+    document.head.appendChild(style);
+  }, []);
+}
+
+// ---------------------------------------------------------------------------
+//  Variant styling — all colors come from the SAME Bloom theme tokens native
+//  uses, so primary/secondary/etc. look identical across platforms. The added
+//  web variants (`outline | link | destructive`) are styled from those tokens
+//  too (no new palette).
+// ---------------------------------------------------------------------------
+
+function resolveVariantStyle(variant, size, theme) {
+  const c = theme.colors;
+  const sizeConfig = SIZE_CONFIG[size];
+  switch (variant) {
+    case 'primary':
+      return {
+        container: {
+          backgroundColor: c.primary,
+          borderRadius: PILL_RADIUS
+        },
+        textColor: c.primaryForeground,
+        ringColor: c.primary
+      };
+    case 'destructive':
+      return {
+        container: {
+          backgroundColor: c.negative,
+          borderRadius: PILL_RADIUS
+        },
+        textColor: c.negativeForeground,
+        ringColor: c.negative
+      };
+    case 'inverse':
+      return {
+        container: {
+          backgroundColor: '#FFFFFF',
+          borderRadius: PILL_RADIUS
+        },
+        textColor: '#000000',
+        ringColor: c.primary
+      };
+    case 'secondary':
+    case 'outline':
+      return {
+        container: {
+          backgroundColor: 'transparent',
+          borderWidth: 1,
+          borderStyle: 'solid',
+          borderColor: c.border,
+          borderRadius: PILL_RADIUS
+        },
+        textColor: c.text,
+        ringColor: c.primary
+      };
+    case 'ghost':
+      return {
+        container: {
+          backgroundColor: 'transparent',
+          borderRadius: PILL_RADIUS
+        },
+        textColor: c.primary,
+        ringColor: c.primary
+      };
+    case 'icon':
+      return {
+        container: {
+          backgroundColor: c.background,
+          borderWidth: 1,
+          borderStyle: 'solid',
+          borderColor: c.border,
+          borderRadius: ICON_RADIUS,
+          padding: 8,
+          width: sizeConfig.minHeight,
+          height: sizeConfig.minHeight
+        },
+        textColor: c.text,
+        ringColor: c.primary
+      };
+    case 'text':
+    case 'link':
+    default:
+      return {
+        container: {
+          backgroundColor: 'transparent',
+          borderRadius: PILL_RADIUS
+        },
+        textColor: c.primary,
+        ringColor: c.primary
+      };
+  }
+}
+
+// ---------------------------------------------------------------------------
+//  Component
+// ---------------------------------------------------------------------------
+
+const ButtonWebComponent = ({
+  onPress,
+  onClick,
+  children,
+  disabled = false,
+  variant = 'primary',
+  size: sizeProp = 'medium',
+  style,
+  icon,
+  iconPosition = 'left',
+  loading = false,
+  loadingColor,
+  accessibilityLabel,
+  'aria-label': ariaLabelProp,
+  accessibilityHint,
+  testID,
+  className,
+  type = 'button',
+  asChild = false,
+  id,
+  name,
+  value,
+  title,
+  autoFocus,
+  tabIndex,
+  fullWidth = false
+}) => {
+  useButtonCss();
+  const theme = (0, _useTheme.useTheme)();
+  const reactId = (0, _react.useId)();
+  const resolvedId = id ?? `bloom-btn-${reactId}`;
+
+  // `size="icon"` shorthand also selects the icon variant unless the caller
+  // explicitly picked one — mirrors native + shadcn behavior.
+  const resolvedVariant = sizeProp === 'icon' && variant === 'primary' ? 'icon' : variant;
+  const size = SIZE_ALIAS[sizeProp];
+  const isIcon = resolvedVariant === 'icon';
+  const isInteractionBlocked = disabled || loading;
+  const variantStyle = (0, _react.useMemo)(() => resolveVariantStyle(resolvedVariant, size, theme), [resolvedVariant, size, theme]);
+  const sizeConfig = SIZE_CONFIG[size];
+  const containerStyle = (0, _react.useMemo)(() => {
+    const base = {
+      fontSize: sizeConfig.fontSize,
+      fontWeight: 'bold',
+      color: variantStyle.textColor,
+      width: fullWidth ? '100%' : undefined,
+      // CSS custom props consumed by the static stylesheet.
+      ['--bloom-btn-ring']: variantStyle.ringColor,
+      ['--bloom-btn-press-scale']: SCALE_VARIANTS.has(resolvedVariant) ? PRESS_SCALE : 1,
+      ...variantStyle.container
+    };
+    if (!isIcon) {
+      base.paddingTop = sizeConfig.paddingVertical;
+      base.paddingBottom = sizeConfig.paddingVertical;
+      base.paddingLeft = sizeConfig.paddingHorizontal;
+      base.paddingRight = sizeConfig.paddingHorizontal;
+      base.minHeight = sizeConfig.minHeight;
+    }
+    if (resolvedVariant === 'text' || resolvedVariant === 'link') {
+      base.paddingTop = 4;
+      base.paddingBottom = 4;
+      base.paddingLeft = 8;
+      base.paddingRight = 8;
+      base.minHeight = undefined;
+    }
+    return base;
+  }, [sizeConfig, variantStyle, fullWidth, isIcon, resolvedVariant]);
+  const handleClick = (0, _react.useCallback)(event => {
+    if (isInteractionBlocked) {
+      event.preventDefault();
+      return;
+    }
+    onClick?.(event);
+    onPress?.();
+  }, [isInteractionBlocked, onClick, onPress]);
+  const ariaLabel = ariaLabelProp ?? accessibilityLabel;
+  const composedClassName = ['bloom-btn'].concat(resolvedVariant === 'link' ? ['bloom-btn--link'] : []).concat(className ? [className] : []).join(' ');
+  const spinnerColor = loadingColor ?? variantStyle.textColor;
+  const content = /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [iconPosition === 'left' && icon, children != null && (typeof children === 'string' || typeof children === 'number' ? /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+      children: children
+    }) : children), iconPosition === 'right' && icon]
+  });
+  const body = loading ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+      "aria-hidden": "true",
+      style: {
+        display: 'inline-flex',
+        alignItems: 'center',
+        justifyContent: 'center',
+        gap: 8,
+        opacity: 0,
+        pointerEvents: 'none'
+      },
+      children: content
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+      "aria-hidden": "true",
+      style: {
+        position: 'absolute',
+        inset: 0,
+        display: 'inline-flex',
+        alignItems: 'center',
+        justifyContent: 'center',
+        pointerEvents: 'none'
+      },
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SpinnerIconWeb.SpinnerIcon, {
+        size: Math.round(sizeConfig.fontSize * 1.2),
+        color: spinnerColor
+      })
+    })]
+  }) : content;
+
+  // asChild: render the provided child element (e.g. <a> / router <Link>) with
+  // the button styling and handlers merged in. Used for link-buttons.
+  if (asChild && /*#__PURE__*/_react.default.isValidElement(children)) {
+    const child = children;
+    const childProps = child.props;
+    return /*#__PURE__*/_react.default.cloneElement(child, {
+      className: [composedClassName, childProps.className].filter(Boolean).join(' '),
+      style: {
+        ...containerStyle,
+        ...style,
+        ...childProps.style
+      },
+      onClick: event => {
+        if (isInteractionBlocked) {
+          event.preventDefault();
+          return;
+        }
+        childProps.onClick?.(event);
+        onClick?.(event);
+        onPress?.();
+      },
+      'aria-disabled': isInteractionBlocked || undefined,
+      'aria-busy': loading || undefined,
+      'aria-label': ariaLabel ?? childProps['aria-label'],
+      title: title ?? childProps.title,
+      id: childProps.id ?? resolvedId,
+      tabIndex: isInteractionBlocked ? -1 : childProps.tabIndex
+    });
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
+    id: resolvedId,
+    type: type,
+    name: name,
+    value: value,
+    className: composedClassName,
+    style: {
+      ...containerStyle,
+      ...style
+    },
+    onClick: handleClick,
+    disabled: disabled && !loading,
+    "aria-disabled": isInteractionBlocked || undefined,
+    "aria-busy": loading || undefined,
+    "aria-label": ariaLabel,
+    title: title ?? accessibilityHint,
+    autoFocus: autoFocus,
+    tabIndex: tabIndex,
+    "data-testid": testID,
+    children: body
+  });
+};
+const Button = exports.Button = /*#__PURE__*/(0, _react.memo)(ButtonWebComponent);
+Button.displayName = 'Button';
+const PrimaryButton = exports.PrimaryButton = /*#__PURE__*/(0, _react.memo)(props => /*#__PURE__*/(0, _jsxRuntime.jsx)(Button, {
+  ...props,
+  variant: "primary"
+}));
+PrimaryButton.displayName = 'PrimaryButton';
+const SecondaryButton = exports.SecondaryButton = /*#__PURE__*/(0, _react.memo)(props => /*#__PURE__*/(0, _jsxRuntime.jsx)(Button, {
+  ...props,
+  variant: "secondary"
+}));
+SecondaryButton.displayName = 'SecondaryButton';
+const IconButton = exports.IconButton = /*#__PURE__*/(0, _react.memo)(props => /*#__PURE__*/(0, _jsxRuntime.jsx)(Button, {
+  ...props,
+  variant: "icon"
+}));
+IconButton.displayName = 'IconButton';
+const GhostButton = exports.GhostButton = /*#__PURE__*/(0, _react.memo)(props => /*#__PURE__*/(0, _jsxRuntime.jsx)(Button, {
+  ...props,
+  variant: "ghost"
+}));
+GhostButton.displayName = 'GhostButton';
+const InverseButton = exports.InverseButton = /*#__PURE__*/(0, _react.memo)(props => /*#__PURE__*/(0, _jsxRuntime.jsx)(Button, {
+  ...props,
+  variant: "inverse"
+}));
+InverseButton.displayName = 'InverseButton';
+const TextButton = exports.TextButton = /*#__PURE__*/(0, _react.memo)(props => /*#__PURE__*/(0, _jsxRuntime.jsx)(Button, {
+  ...props,
+  variant: "text"
+}));
+TextButton.displayName = 'TextButton';
+const OutlineButton = exports.OutlineButton = /*#__PURE__*/(0, _react.memo)(props => /*#__PURE__*/(0, _jsxRuntime.jsx)(Button, {
+  ...props,
+  variant: "outline"
+}));
+OutlineButton.displayName = 'OutlineButton';
+const LinkButton = exports.LinkButton = /*#__PURE__*/(0, _react.memo)(props => /*#__PURE__*/(0, _jsxRuntime.jsx)(Button, {
+  ...props,
+  variant: "link"
+}));
+LinkButton.displayName = 'LinkButton';
+const DestructiveButton = exports.DestructiveButton = /*#__PURE__*/(0, _react.memo)(props => /*#__PURE__*/(0, _jsxRuntime.jsx)(Button, {
+  ...props,
+  variant: "destructive"
+}));
+DestructiveButton.displayName = 'DestructiveButton';
+//# sourceMappingURL=Button.web.js.map

package/lib/commonjs/button/Button.web.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_useTheme","_SpinnerIconWeb","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","SIZE_CONFIG","small","paddingVertical","paddingHorizontal","fontSize","minHeight","medium","large","SIZE_ALIAS","sm","md","lg","icon","PILL_RADIUS","ICON_RADIUS","PRESS_SCALE","SCALE_VARIANTS","Set","STYLE_ID","BLOOM_BUTTON_CSS","useButtonCss","useEffect","document","getElementById","style","createElement","id","textContent","head","appendChild","resolveVariantStyle","variant","size","theme","c","colors","sizeConfig","container","backgroundColor","primary","borderRadius","textColor","primaryForeground","ringColor","negative","negativeForeground","borderWidth","borderStyle","borderColor","border","text","background","padding","width","height","ButtonWebComponent","onPress","onClick","children","disabled","sizeProp","iconPosition","loading","loadingColor","accessibilityLabel","ariaLabelProp","accessibilityHint","testID","className","type","asChild","name","value","title","autoFocus","tabIndex","fullWidth","useTheme","reactId","useId","resolvedId","resolvedVariant","isIcon","isInteractionBlocked","variantStyle","useMemo","containerStyle","base","fontWeight","color","undefined","paddingTop","paddingBottom","paddingLeft","paddingRight","handleClick","useCallback","event","preventDefault","ariaLabel","composedClassName","concat","join","spinnerColor","content","jsxs","Fragment","jsx","body","display","alignItems","justifyContent","gap","opacity","pointerEvents","position","inset","SpinnerIcon","Math","round","React","isValidElement","child","childProps","props","cloneElement","filter","Boolean","Button","exports","memo","displayName","PrimaryButton","SecondaryButton","IconButton","GhostButton","InverseButton","TextButton","OutlineButton","LinkButton","DestructiveButton"],"sourceRoot":"../../../src","sources":["button/Button.web.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/button/index.js

@@ -9,6 +9,12 @@ Object.defineProperty(exports, "Button", {
     return _Button.Button;
   }
 });
+Object.defineProperty(exports, "DestructiveButton", {
+  enumerable: true,
+  get: function () {
+    return _Button.DestructiveButton;
+  }
+});
 Object.defineProperty(exports, "GhostButton", {
   enumerable: true,
   get: function () {
@@ -21,6 +27,24 @@ Object.defineProperty(exports, "IconButton", {
     return _Button.IconButton;
   }
 });
+Object.defineProperty(exports, "InverseButton", {
+  enumerable: true,
+  get: function () {
+    return _Button.InverseButton;
+  }
+});
+Object.defineProperty(exports, "LinkButton", {
+  enumerable: true,
+  get: function () {
+    return _Button.LinkButton;
+  }
+});
+Object.defineProperty(exports, "OutlineButton", {
+  enumerable: true,
+  get: function () {
+    return _Button.OutlineButton;
+  }
+});
 Object.defineProperty(exports, "PrimaryButton", {
   enumerable: true,
   get: function () {
@@ -39,5 +63,5 @@ Object.defineProperty(exports, "TextButton", {
     return _Button.TextButton;
   }
 });
-var _Button = require("./Button.js");
+var _Button = require("./Button");
 //# sourceMappingURL=index.js.map

package/lib/commonjs/button/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_Button","require"],"sourceRoot":"../../../src","sources":["button/index.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,OAAA,GAAAC,OAAA","ignoreList":[]}
+{"version":3,"names":["_Button","require"],"sourceRoot":"../../../src","sources":["button/index.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,OAAA,GAAAC,OAAA","ignoreList":[]}

package/lib/commonjs/button/index.web.js

@@ -0,0 +1,67 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Button", {
+  enumerable: true,
+  get: function () {
+    return _ButtonWeb.Button;
+  }
+});
+Object.defineProperty(exports, "DestructiveButton", {
+  enumerable: true,
+  get: function () {
+    return _ButtonWeb.DestructiveButton;
+  }
+});
+Object.defineProperty(exports, "GhostButton", {
+  enumerable: true,
+  get: function () {
+    return _ButtonWeb.GhostButton;
+  }
+});
+Object.defineProperty(exports, "IconButton", {
+  enumerable: true,
+  get: function () {
+    return _ButtonWeb.IconButton;
+  }
+});
+Object.defineProperty(exports, "InverseButton", {
+  enumerable: true,
+  get: function () {
+    return _ButtonWeb.InverseButton;
+  }
+});
+Object.defineProperty(exports, "LinkButton", {
+  enumerable: true,
+  get: function () {
+    return _ButtonWeb.LinkButton;
+  }
+});
+Object.defineProperty(exports, "OutlineButton", {
+  enumerable: true,
+  get: function () {
+    return _ButtonWeb.OutlineButton;
+  }
+});
+Object.defineProperty(exports, "PrimaryButton", {
+  enumerable: true,
+  get: function () {
+    return _ButtonWeb.PrimaryButton;
+  }
+});
+Object.defineProperty(exports, "SecondaryButton", {
+  enumerable: true,
+  get: function () {
+    return _ButtonWeb.SecondaryButton;
+  }
+});
+Object.defineProperty(exports, "TextButton", {
+  enumerable: true,
+  get: function () {
+    return _ButtonWeb.TextButton;
+  }
+});
+var _ButtonWeb = require("./Button.web.js");
+//# sourceMappingURL=index.web.js.map

package/lib/commonjs/button/index.web.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_ButtonWeb","require"],"sourceRoot":"../../../src","sources":["button/index.web.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAaA,IAAAA,UAAA,GAAAC,OAAA","ignoreList":[]}