@oxyhq/bloom 0.1.4 → 0.1.6

package/lib/module/select/index.web.js

@@ -0,0 +1,367 @@
+"use strict";
+
+import React, { createContext, useContext, useId, useMemo, useState } from 'react';
+import { Pressable, StyleSheet, View } from 'react-native';
+import { useTheme } from "../theme/use-theme.js";
+import { Text } from "../typography/index.js";
+import { Portal } from "../portal/index.js";
+import { useInteractionState } from "../hooks/useInteractionState.js";
+import { ChevronBottom_Stroke2_Corner0_Rounded as ChevronDownIcon } from "../icons/Chevron.js";
+import { Check_Stroke2_Corner0_Rounded as CheckIcon } from "../icons/Check.js";
+import { defaultItemValueExtractor, ItemContext, useItemContext } from "./common.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export { useItemContext };
+
+// ---------------------------------------------------------------------------
+// Context
+// ---------------------------------------------------------------------------
+
+const SelectContext = /*#__PURE__*/createContext(null);
+SelectContext.displayName = 'SelectContext';
+function useSelectContext() {
+  const ctx = useContext(SelectContext);
+  if (!ctx) {
+    throw new Error('Select components must be used within a Select.Root');
+  }
+  return ctx;
+}
+
+// ---------------------------------------------------------------------------
+// Root
+// ---------------------------------------------------------------------------
+
+export function Root({
+  children,
+  value,
+  onValueChange,
+  disabled
+}) {
+  const [isOpen, setIsOpen] = useState(false);
+  const ctx = useMemo(() => ({
+    value,
+    onValueChange,
+    disabled,
+    isOpen,
+    open: () => setIsOpen(true),
+    close: () => setIsOpen(false)
+  }), [value, onValueChange, disabled, isOpen]);
+  return /*#__PURE__*/_jsx(SelectContext.Provider, {
+    value: ctx,
+    children: children
+  });
+}
+
+// ---------------------------------------------------------------------------
+// Trigger
+// ---------------------------------------------------------------------------
+
+export function Trigger({
+  children,
+  label
+}) {
+  const ctx = useSelectContext();
+  const theme = useTheme();
+  const triggerId = useId();
+  const {
+    state: hovered,
+    onIn: onMouseEnter,
+    onOut: onMouseLeave
+  } = useInteractionState();
+  const {
+    state: focused,
+    onIn: onFocus,
+    onOut: onBlur
+  } = useInteractionState();
+  if (typeof children === 'function') {
+    return children({
+      control: {
+        id: triggerId,
+        ref: {
+          current: null
+        },
+        open: ctx.open,
+        close: ctx.close
+      },
+      state: {
+        hovered,
+        focused,
+        pressed: false
+      },
+      props: {
+        onPress: ctx.open,
+        onFocus,
+        onBlur,
+        accessibilityLabel: label
+      }
+    });
+  }
+  return /*#__PURE__*/_jsx(Pressable, {
+    onPress: ctx.open,
+    onFocus: onFocus,
+    onBlur: onBlur,
+    accessibilityLabel: label,
+    accessibilityRole: "button",
+    onMouseEnter,
+    onMouseLeave,
+    style: [styles.trigger, {
+      backgroundColor: theme.colors.contrast50,
+      borderColor: focused ? theme.colors.primary : theme.colors.contrast50
+    }],
+    children: children
+  });
+}
+
+// ---------------------------------------------------------------------------
+// ValueText
+// ---------------------------------------------------------------------------
+
+export function ValueText({
+  children: extractLabel,
+  placeholder,
+  style
+}) {
+  const {
+    value
+  } = useSelectContext();
+  const theme = useTheme();
+  const display = value ?? placeholder ?? '';
+  return /*#__PURE__*/_jsx(Text, {
+    numberOfLines: 1,
+    style: [styles.valueText, {
+      color: value ? theme.colors.text : theme.colors.textSecondary
+    }, ...(style ? [style] : [])],
+    children: extractLabel && value ? extractLabel(value) : display
+  });
+}
+
+// ---------------------------------------------------------------------------
+// Icon
+// ---------------------------------------------------------------------------
+
+export function Icon({
+  style
+}) {
+  const theme = useTheme();
+  return /*#__PURE__*/_jsx(ChevronDownIcon, {
+    style: style,
+    size: "xs",
+    fill: theme.colors.textSecondary
+  });
+}
+
+// ---------------------------------------------------------------------------
+// Content
+// ---------------------------------------------------------------------------
+
+export function Content({
+  items,
+  renderItem,
+  label = 'Select an option',
+  valueExtractor = defaultItemValueExtractor
+}) {
+  const ctx = useSelectContext();
+  const theme = useTheme();
+  if (!ctx.isOpen) return null;
+  return /*#__PURE__*/_jsxs(Portal, {
+    children: [/*#__PURE__*/_jsx(Pressable, {
+      style: styles.backdrop,
+      onPress: ctx.close,
+      accessibilityLabel: "Close selection"
+    }), /*#__PURE__*/_jsx(View, {
+      accessibilityRole: "list",
+      accessibilityLabel: label,
+      style: [styles.dropdown, {
+        backgroundColor: theme.isDark ? theme.colors.backgroundSecondary : theme.colors.background,
+        borderColor: theme.colors.borderLight,
+        shadowColor: theme.colors.shadow
+      }],
+      children: items.map((item, index) => /*#__PURE__*/_jsx(React.Fragment, {
+        children: renderItem(item, index, ctx.value)
+      }, valueExtractor(item)))
+    })]
+  });
+}
+
+// ---------------------------------------------------------------------------
+// Item context + value extractor (shared across platforms)
+// ---------------------------------------------------------------------------
+
+// ---------------------------------------------------------------------------
+// Item
+// ---------------------------------------------------------------------------
+
+export function Item({
+  ref,
+  value,
+  children,
+  style
+}) {
+  const theme = useTheme();
+  const ctx = useSelectContext();
+  const {
+    state: hovered,
+    onIn: onMouseEnter,
+    onOut: onMouseLeave
+  } = useInteractionState();
+  const {
+    state: focused,
+    onIn: onFocus,
+    onOut: onBlur
+  } = useInteractionState();
+  const isSelected = ctx.value === value;
+  const itemCtx = useMemo(() => ({
+    selected: isSelected,
+    hovered,
+    focused,
+    pressed: false
+  }), [isSelected, hovered, focused]);
+  return /*#__PURE__*/_jsx(Pressable, {
+    ref: ref,
+    accessibilityRole: "radio",
+    accessibilityState: {
+      checked: isSelected
+    },
+    onPress: () => {
+      ctx.onValueChange?.(value);
+      ctx.close();
+    },
+    onFocus: onFocus,
+    onBlur: onBlur,
+    onMouseEnter,
+    onMouseLeave,
+    style: [styles.item, (hovered || focused) && {
+      backgroundColor: theme.colors.primaryLight
+    }, style],
+    children: /*#__PURE__*/_jsx(ItemContext.Provider, {
+      value: itemCtx,
+      children: children
+    })
+  });
+}
+
+// ---------------------------------------------------------------------------
+// ItemText
+// ---------------------------------------------------------------------------
+
+export function ItemText({
+  children,
+  style
+}) {
+  return /*#__PURE__*/_jsx(Text, {
+    style: [styles.itemText, ...(style ? [style] : [])],
+    children: children
+  });
+}
+
+// ---------------------------------------------------------------------------
+// ItemIndicator
+// ---------------------------------------------------------------------------
+
+export function ItemIndicator({
+  icon: IconComponent = CheckIcon
+}) {
+  const {
+    selected
+  } = useItemContext();
+  if (!selected) {
+    return /*#__PURE__*/_jsx(View, {
+      style: styles.itemIndicatorPlaceholder
+    });
+  }
+  return /*#__PURE__*/_jsx(View, {
+    style: styles.itemIndicatorContainer,
+    children: /*#__PURE__*/_jsx(IconComponent, {
+      size: "sm"
+    })
+  });
+}
+
+// ---------------------------------------------------------------------------
+// Separator
+// ---------------------------------------------------------------------------
+
+export function Separator() {
+  const theme = useTheme();
+  return /*#__PURE__*/_jsx(View, {
+    style: [styles.separator, {
+      backgroundColor: theme.colors.borderLight
+    }]
+  });
+}
+
+// ---------------------------------------------------------------------------
+// Styles
+// ---------------------------------------------------------------------------
+
+const styles = StyleSheet.create({
+  trigger: {
+    flexDirection: 'row',
+    position: 'relative',
+    alignItems: 'center',
+    gap: 8,
+    justifyContent: 'space-between',
+    paddingVertical: 8,
+    paddingHorizontal: 12,
+    borderRadius: 10,
+    maxWidth: 400,
+    borderWidth: 2,
+    borderStyle: 'solid'
+  },
+  valueText: {
+    fontSize: 16
+  },
+  backdrop: {
+    position: 'fixed',
+    top: 0,
+    left: 0,
+    right: 0,
+    bottom: 0,
+    zIndex: 50
+  },
+  dropdown: {
+    position: 'absolute',
+    zIndex: 60,
+    borderRadius: 8,
+    borderWidth: 1,
+    overflow: 'hidden',
+    padding: 4,
+    minWidth: 180,
+    shadowOpacity: 0.15,
+    shadowRadius: 12,
+    shadowOffset: {
+      width: 0,
+      height: 4
+    }
+  },
+  item: {
+    position: 'relative',
+    flexDirection: 'row',
+    minHeight: 25,
+    paddingLeft: 30,
+    paddingRight: 8,
+    alignItems: 'center',
+    borderRadius: 4,
+    paddingVertical: 4
+  },
+  itemText: {
+    fontSize: 14
+  },
+  itemIndicatorPlaceholder: {
+    position: 'absolute',
+    left: 0,
+    width: 30
+  },
+  itemIndicatorContainer: {
+    position: 'absolute',
+    left: 0,
+    width: 30,
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  separator: {
+    height: 1,
+    marginVertical: 4,
+    width: '100%'
+  }
+});
+//# sourceMappingURL=index.web.js.map

package/lib/module/select/index.web.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","createContext","useContext","useId","useMemo","useState","Pressable","StyleSheet","View","useTheme","Text","Portal","useInteractionState","ChevronBottom_Stroke2_Corner0_Rounded","ChevronDownIcon","Check_Stroke2_Corner0_Rounded","CheckIcon","defaultItemValueExtractor","ItemContext","useItemContext","jsx","_jsx","jsxs","_jsxs","SelectContext","displayName","useSelectContext","ctx","Error","Root","children","value","onValueChange","disabled","isOpen","setIsOpen","open","close","Provider","Trigger","label","theme","triggerId","state","hovered","onIn","onMouseEnter","onOut","onMouseLeave","focused","onFocus","onBlur","control","id","ref","current","pressed","props","onPress","accessibilityLabel","accessibilityRole","style","styles","trigger","backgroundColor","colors","contrast50","borderColor","primary","ValueText","extractLabel","placeholder","display","numberOfLines","valueText","color","text","textSecondary","Icon","size","fill","Content","items","renderItem","valueExtractor","backdrop","dropdown","isDark","backgroundSecondary","background","borderLight","shadowColor","shadow","map","item","index","Fragment","Item","isSelected","itemCtx","selected","accessibilityState","checked","primaryLight","ItemText","itemText","ItemIndicator","icon","IconComponent","itemIndicatorPlaceholder","itemIndicatorContainer","Separator","separator","create","flexDirection","position","alignItems","gap","justifyContent","paddingVertical","paddingHorizontal","borderRadius","maxWidth","borderWidth","borderStyle","fontSize","top","left","right","bottom","zIndex","overflow","padding","minWidth","shadowOpacity","shadowRadius","shadowOffset","width","height","minHeight","paddingLeft","paddingRight","marginVertical"],"sourceRoot":"../../../src","sources":["select/index.web.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/select/types.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export {};
+//# sourceMappingURL=types.js.map

package/lib/module/select/types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../src","sources":["select/types.ts"],"mappings":"","ignoreList":[]}

package/lib/module/skeleton/index.js

@@ -0,0 +1,108 @@
+"use strict";
+
+import React from 'react';
+import { View, StyleSheet } from 'react-native';
+import { useTheme } from "../theme/use-theme.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+export function Text({
+  blend,
+  style
+}) {
+  const {
+    colors
+  } = useTheme();
+  const flattened = StyleSheet.flatten(style);
+  const width = flattened?.width;
+  const lineHeight = flattened?.lineHeight || 14;
+  return /*#__PURE__*/_jsx(View, {
+    style: [styles.textOuter, {
+      maxWidth: width
+    }, {
+      paddingVertical: lineHeight * 0.15
+    }],
+    children: /*#__PURE__*/_jsx(View, {
+      style: [styles.textInner, {
+        backgroundColor: colors.contrast50,
+        height: lineHeight * 0.7,
+        opacity: blend ? 0.6 : 1
+      }]
+    })
+  });
+}
+export function Circle({
+  children,
+  size,
+  blend,
+  style
+}) {
+  const {
+    colors
+  } = useTheme();
+  return /*#__PURE__*/_jsx(View, {
+    style: [styles.circle, {
+      backgroundColor: colors.contrast50,
+      width: size,
+      height: size,
+      opacity: blend ? 0.6 : 1
+    }, style],
+    children: children
+  });
+}
+export function Pill({
+  size,
+  blend,
+  style
+}) {
+  const {
+    colors
+  } = useTheme();
+  return /*#__PURE__*/_jsx(View, {
+    style: [styles.pill, {
+      backgroundColor: colors.contrast50,
+      width: size * 1.618,
+      height: size,
+      opacity: blend ? 0.6 : 1
+    }, style]
+  });
+}
+export function Col({
+  children,
+  style
+}) {
+  return /*#__PURE__*/_jsx(View, {
+    style: [styles.col, style],
+    children: children
+  });
+}
+export function Row({
+  children,
+  style
+}) {
+  return /*#__PURE__*/_jsx(View, {
+    style: [styles.row, style],
+    children: children
+  });
+}
+const styles = StyleSheet.create({
+  textOuter: {
+    flex: 1
+  },
+  textInner: {
+    borderRadius: 8
+  },
+  circle: {
+    justifyContent: 'center',
+    alignItems: 'center',
+    borderRadius: 999
+  },
+  pill: {
+    borderRadius: 999
+  },
+  col: {
+    flex: 1
+  },
+  row: {
+    flexDirection: 'row'
+  }
+});
+//# sourceMappingURL=index.js.map

package/lib/module/skeleton/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","StyleSheet","useTheme","jsx","_jsx","Text","blend","style","colors","flattened","flatten","width","lineHeight","styles","textOuter","maxWidth","paddingVertical","children","textInner","backgroundColor","contrast50","height","opacity","Circle","size","circle","Pill","pill","Col","col","Row","row","create","flex","borderRadius","justifyContent","alignItems","flexDirection"],"sourceRoot":"../../../src","sources":["skeleton/index.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAkCC,UAAU,QAAQ,cAAc;AAE/E,SAASC,QAAQ,QAAQ,uBAAoB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAM9C,OAAO,SAASC,IAAIA,CAAC;EACnBC,KAAK;EACLC;AAIF,CAAC,EAAE;EACD,MAAM;IAAEC;EAAO,CAAC,GAAGN,QAAQ,CAAC,CAAC;EAC7B,MAAMO,SAAS,GAAGR,UAAU,CAACS,OAAO,CAACH,KAAK,CAAC;EAC3C,MAAMI,KAAK,GAAIF,SAAS,EAAgBE,KAAK;EAC7C,MAAMC,UAAU,GAAIH,SAAS,EAAEG,UAAU,IAAe,EAAE;EAE1D,oBACER,IAAA,CAACJ,IAAI;IACHO,KAAK,EAAE,CACLM,MAAM,CAACC,SAAS,EAChB;MAAEC,QAAQ,EAAEJ;IAAgB,CAAC,EAC7B;MAAEK,eAAe,EAAEJ,UAAU,GAAG;IAAK,CAAC,CACtC;IAAAK,QAAA,eACFb,IAAA,CAACJ,IAAI;MACHO,KAAK,EAAE,CACLM,MAAM,CAACK,SAAS,EAChB;QACEC,eAAe,EAAEX,MAAM,CAACY,UAAU;QAClCC,MAAM,EAAET,UAAU,GAAG,GAAG;QACxBU,OAAO,EAAEhB,KAAK,GAAG,GAAG,GAAG;MACzB,CAAC;IACD,CACH;EAAC,CACE,CAAC;AAEX;AAEA,OAAO,SAASiB,MAAMA,CAAC;EACrBN,QAAQ;EACRO,IAAI;EACJlB,KAAK;EACLC;AAMF,CAAC,EAAE;EACD,MAAM;IAAEC;EAAO,CAAC,GAAGN,QAAQ,CAAC,CAAC;EAC7B,oBACEE,IAAA,CAACJ,IAAI;IACHO,KAAK,EAAE,CACLM,MAAM,CAACY,MAAM,EACb;MACEN,eAAe,EAAEX,MAAM,CAACY,UAAU;MAClCT,KAAK,EAAEa,IAAI;MACXH,MAAM,EAAEG,IAAI;MACZF,OAAO,EAAEhB,KAAK,GAAG,GAAG,GAAG;IACzB,CAAC,EACDC,KAAK,CACL;IAAAU,QAAA,EACDA;EAAQ,CACL,CAAC;AAEX;AAEA,OAAO,SAASS,IAAIA,CAAC;EACnBF,IAAI;EACJlB,KAAK;EACLC;AAKF,CAAC,EAAE;EACD,MAAM;IAAEC;EAAO,CAAC,GAAGN,QAAQ,CAAC,CAAC;EAC7B,oBACEE,IAAA,CAACJ,IAAI;IACHO,KAAK,EAAE,CACLM,MAAM,CAACc,IAAI,EACX;MACER,eAAe,EAAEX,MAAM,CAACY,UAAU;MAClCT,KAAK,EAAEa,IAAI,GAAG,KAAK;MACnBH,MAAM,EAAEG,IAAI;MACZF,OAAO,EAAEhB,KAAK,GAAG,GAAG,GAAG;IACzB,CAAC,EACDC,KAAK;EACL,CACH,CAAC;AAEN;AAEA,OAAO,SAASqB,GAAGA,CAAC;EAClBX,QAAQ;EACRV;AAIF,CAAC,EAAE;EACD,oBAAOH,IAAA,CAACJ,IAAI;IAACO,KAAK,EAAE,CAACM,MAAM,CAACgB,GAAG,EAAEtB,KAAK,CAAE;IAAAU,QAAA,EAAEA;EAAQ,CAAO,CAAC;AAC5D;AAEA,OAAO,SAASa,GAAGA,CAAC;EAClBb,QAAQ;EACRV;AAIF,CAAC,EAAE;EACD,oBAAOH,IAAA,CAACJ,IAAI;IAACO,KAAK,EAAE,CAACM,MAAM,CAACkB,GAAG,EAAExB,KAAK,CAAE;IAAAU,QAAA,EAAEA;EAAQ,CAAO,CAAC;AAC5D;AAEA,MAAMJ,MAAM,GAAGZ,UAAU,CAAC+B,MAAM,CAAC;EAC/BlB,SAAS,EAAE;IACTmB,IAAI,EAAE;EACR,CAAC;EACDf,SAAS,EAAE;IACTgB,YAAY,EAAE;EAChB,CAAC;EACDT,MAAM,EAAE;IACNU,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE,QAAQ;IACpBF,YAAY,EAAE;EAChB,CAAC;EACDP,IAAI,EAAE;IACJO,YAAY,EAAE;EAChB,CAAC;EACDL,GAAG,EAAE;IACHI,IAAI,EAAE;EACR,CAAC;EACDF,GAAG,EAAE;IACHM,aAAa,EAAE;EACjB;AACF,CAAC,CAAC","ignoreList":[]}