@lockin90/ui-native 0.0.0-stage → 1.0.0

package/lib/commonjs/components/CodeBlock.js

@@ -0,0 +1,126 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CodeBlock = CodeBlock;
+var _reactNative = require("react-native");
+var _tokens = require("@lockin90/tokens");
+var _Popover = require("./Popover");
+var _jsxRuntime = require("react/jsx-runtime");
+/** Monospace code / JSON block on a dark inset surface. Optional header
+ *  (label + traffic-light dots + copy) over a horizontally scrolling mono body
+ *  (or wrapped), optionally height-capped with vertical scroll. Mirrors the web
+ *  `CodeBlock` prop API. Used for raw-record/JSON viewers, incident IDs, keys. */
+function CodeBlock({
+  code,
+  label,
+  copyable = true,
+  wrap = false,
+  maxHeight
+}) {
+  const hasHeader = label != null || copyable;
+  const body = wrap ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: styles.body,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+      style: styles.code,
+      children: code
+    })
+  }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ScrollView, {
+    horizontal: true,
+    showsHorizontalScrollIndicator: false,
+    contentContainerStyle: styles.body,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+      style: styles.code,
+      children: code
+    })
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: styles.root,
+    children: [hasHeader && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: styles.head,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        style: styles.dots,
+        accessibilityElementsHidden: true,
+        importantForAccessibility: "no-hide-descendants",
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+          style: [styles.dot, {
+            backgroundColor: _tokens.colors.zoneLow
+          }]
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+          style: [styles.dot, {
+            backgroundColor: _tokens.colors.zoneMid
+          }]
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+          style: [styles.dot, {
+            backgroundColor: _tokens.colors.mint
+          }]
+        })]
+      }), label != null && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        style: styles.label,
+        numberOfLines: 1,
+        children: label
+      }), copyable && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: styles.copy,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Popover.CopyButton, {
+          value: code
+        })
+      })]
+    }), maxHeight != null ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ScrollView, {
+      style: {
+        maxHeight
+      },
+      showsVerticalScrollIndicator: false,
+      children: body
+    }) : body]
+  });
+}
+const styles = _reactNative.StyleSheet.create({
+  root: {
+    borderRadius: _tokens.radii.sm,
+    borderWidth: 1,
+    borderColor: _tokens.colors.border,
+    backgroundColor: _tokens.colors.bg0,
+    overflow: 'hidden'
+  },
+  head: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: 9,
+    paddingHorizontal: 12,
+    paddingVertical: 8,
+    borderBottomWidth: 1,
+    borderBottomColor: _tokens.colors.border,
+    backgroundColor: _tokens.colors.glass
+  },
+  dots: {
+    flexDirection: 'row',
+    gap: 5
+  },
+  dot: {
+    width: 9,
+    height: 9,
+    borderRadius: 999
+  },
+  label: {
+    flex: 1,
+    fontFamily: _tokens.fonts.mono,
+    fontSize: 10.5,
+    letterSpacing: 0.4,
+    color: _tokens.colors.textFaint
+  },
+  copy: {
+    marginLeft: 'auto'
+  },
+  body: {
+    paddingHorizontal: 16,
+    paddingVertical: 14
+  },
+  code: {
+    fontFamily: _tokens.fonts.mono,
+    fontSize: 11.5,
+    lineHeight: 20,
+    color: _tokens.colors.textDim
+  }
+});
+//# sourceMappingURL=CodeBlock.js.map

package/lib/commonjs/components/CodeBlock.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_tokens","_Popover","_jsxRuntime","CodeBlock","code","label","copyable","wrap","maxHeight","hasHeader","body","jsx","View","style","styles","children","Text","ScrollView","horizontal","showsHorizontalScrollIndicator","contentContainerStyle","jsxs","root","head","dots","accessibilityElementsHidden","importantForAccessibility","dot","backgroundColor","colors","zoneLow","zoneMid","mint","numberOfLines","copy","CopyButton","value","showsVerticalScrollIndicator","StyleSheet","create","borderRadius","radii","sm","borderWidth","borderColor","border","bg0","overflow","flexDirection","alignItems","gap","paddingHorizontal","paddingVertical","borderBottomWidth","borderBottomColor","glass","width","height","flex","fontFamily","fonts","mono","fontSize","letterSpacing","color","textFaint","marginLeft","lineHeight","textDim"],"sourceRoot":"../../../src","sources":["components/CodeBlock.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/CodeField.js

@@ -0,0 +1,129 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CodeField = CodeField;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _tokens = require("@lockin90/tokens");
+var _jsxRuntime = require("react/jsx-runtime");
+/** Editable multiline monospace code / embed input on the same dark inset
+ *  surface as `CodeBlock`. Mirrors the web `CodeField` prop API. Tab-to-insert
+ *  is web-only (no soft-keyboard Tab on native); otherwise identical. */
+function CodeField({
+  value,
+  onChange,
+  language,
+  placeholder,
+  rows = 8,
+  invalid = false,
+  // `wrap` is destructured (not forwarded to TextInput) for prop parity with
+  // web; native multiline always wraps, so it has no runtime effect here.
+  wrap: _wrap = false,
+  style,
+  onFocus,
+  onBlur,
+  ...rest
+}) {
+  const [focused, setFocused] = (0, _react.useState)(false);
+  const hasHeader = language != null;
+  const borderColor = invalid ? _tokens.colors.zoneLow : focused ? _tokens.colors.accent : _tokens.colors.border;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: [styles.root, {
+      borderColor
+    }],
+    children: [hasHeader && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: styles.head,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        style: styles.dots,
+        accessibilityElementsHidden: true,
+        importantForAccessibility: "no-hide-descendants",
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+          style: [styles.dot, {
+            backgroundColor: _tokens.colors.zoneLow
+          }]
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+          style: [styles.dot, {
+            backgroundColor: _tokens.colors.zoneMid
+          }]
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+          style: [styles.dot, {
+            backgroundColor: _tokens.colors.mint
+          }]
+        })]
+      }), language != null && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        style: styles.lang,
+        numberOfLines: 1,
+        children: language
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TextInput, {
+      multiline: true,
+      textAlignVertical: "top",
+      numberOfLines: rows,
+      value: value,
+      onChangeText: onChange,
+      placeholder: placeholder,
+      placeholderTextColor: _tokens.colors.textFaint,
+      autoCapitalize: "none",
+      autoCorrect: false,
+      spellCheck: false,
+      style: [styles.ta, {
+        minHeight: rows * 20 + 28
+      }, style],
+      onFocus: e => {
+        setFocused(true);
+        onFocus?.(e);
+      },
+      onBlur: e => {
+        setFocused(false);
+        onBlur?.(e);
+      },
+      ...rest
+    })]
+  });
+}
+const styles = _reactNative.StyleSheet.create({
+  root: {
+    borderRadius: _tokens.radii.sm,
+    borderWidth: 1,
+    borderColor: _tokens.colors.border,
+    backgroundColor: _tokens.colors.bg0,
+    overflow: 'hidden'
+  },
+  head: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: 9,
+    paddingHorizontal: 12,
+    paddingVertical: 8,
+    borderBottomWidth: 1,
+    borderBottomColor: _tokens.colors.border,
+    backgroundColor: _tokens.colors.glass
+  },
+  dots: {
+    flexDirection: 'row',
+    gap: 5
+  },
+  dot: {
+    width: 9,
+    height: 9,
+    borderRadius: 999
+  },
+  lang: {
+    marginLeft: 'auto',
+    fontFamily: _tokens.fonts.mono,
+    fontSize: 10.5,
+    letterSpacing: 0.4,
+    color: _tokens.colors.textFaint
+  },
+  ta: {
+    paddingHorizontal: 16,
+    paddingVertical: 14,
+    fontFamily: _tokens.fonts.mono,
+    fontSize: 11.5,
+    lineHeight: 20,
+    color: _tokens.colors.textDim
+  }
+});
+//# sourceMappingURL=CodeField.js.map

package/lib/commonjs/components/CodeField.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_tokens","_jsxRuntime","CodeField","value","onChange","language","placeholder","rows","invalid","wrap","_wrap","style","onFocus","onBlur","rest","focused","setFocused","useState","hasHeader","borderColor","colors","zoneLow","accent","border","jsxs","View","styles","root","children","head","dots","accessibilityElementsHidden","importantForAccessibility","jsx","dot","backgroundColor","zoneMid","mint","Text","lang","numberOfLines","TextInput","multiline","textAlignVertical","onChangeText","placeholderTextColor","textFaint","autoCapitalize","autoCorrect","spellCheck","ta","minHeight","e","StyleSheet","create","borderRadius","radii","sm","borderWidth","bg0","overflow","flexDirection","alignItems","gap","paddingHorizontal","paddingVertical","borderBottomWidth","borderBottomColor","glass","width","height","marginLeft","fontFamily","fonts","mono","fontSize","letterSpacing","color","lineHeight","textDim"],"sourceRoot":"../../../src","sources":["components/CodeField.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/ColorPicker.js

@@ -0,0 +1,181 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ColorPicker = ColorPicker;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _tokens = require("@lockin90/tokens");
+var _Input = require("./Input");
+var _Modal = require("./Modal");
+var _jsxRuntime = require("react/jsx-runtime");
+/** Aurora energy-spectrum default swatches (token hexes — data, not chrome). */
+const DEFAULT_SWATCHES = ['#A8FF35',
+// lime
+'#34F5C5',
+// mint
+'#22D3EE',
+// cyan
+'#6E7BFF',
+// indigo
+'#7C5CFF',
+// accent
+'#A855F7',
+// violet
+'#FF3D81',
+// magenta
+'#FFB020',
+// warn / amber
+'#FF4D6D',
+// zone-low
+'#EEF1F8' // text (near-white)
+];
+
+/** Normalize loose input to a `#`-prefixed uppercase hex, tolerating partials. */
+function normalizeHex(raw) {
+  let v = raw.trim().toUpperCase();
+  if (!v.startsWith('#')) v = `#${v}`;
+  return v;
+}
+function isCompleteHex(v) {
+  return /^#([0-9A-F]{6}|[0-9A-F]{8})$/.test(v);
+}
+
+/** Swatch-trigger color field (native parity of the web `ColorPicker`). The
+ *  trigger chip shows the current color; tapping it opens a Modal with a hex
+ *  `TextInput` and a grid of preset swatches. There is no OS color wheel on
+ *  native — choose a preset or type a hex. Reuses Input + Modal. */
+function ColorPicker({
+  value,
+  onChange,
+  swatches = DEFAULT_SWATCHES,
+  allowAlpha = false,
+  label,
+  invalid = false
+}) {
+  const [open, setOpen] = (0, _react.useState)(false);
+  const display = normalizeHex(value || '');
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: styles.wrap,
+    children: [label ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+      style: styles.label,
+      children: label.toUpperCase()
+    }) : null, /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Pressable, {
+      style: styles.trigger,
+      onPress: () => setOpen(true),
+      accessibilityRole: "button",
+      accessibilityLabel: `Color ${display}`,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: styles.swatch,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+          style: [styles.swatchFill, {
+            backgroundColor: display
+          }]
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        style: styles.triggerHex,
+        children: display
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Modal.Modal, {
+      open: open,
+      onClose: () => setOpen(false),
+      title: "Color",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        style: styles.panel,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Input.Input, {
+          label: "Hex",
+          inputSize: "sm",
+          invalid: invalid,
+          value: display,
+          autoCapitalize: "characters",
+          autoCorrect: false,
+          maxLength: allowAlpha ? 9 : 7,
+          placeholder: allowAlpha ? '#RRGGBBAA' : '#RRGGBB',
+          onChangeText: t => onChange(normalizeHex(t))
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+          style: styles.grid,
+          children: swatches.map(sw => {
+            const swNorm = normalizeHex(sw);
+            const selected = isCompleteHex(display) && swNorm === display;
+            return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+              style: [styles.preset, {
+                backgroundColor: swNorm
+              }, selected && styles.presetSelected],
+              onPress: () => onChange(swNorm),
+              accessibilityRole: "button",
+              accessibilityLabel: swNorm,
+              accessibilityState: {
+                selected
+              }
+            }, swNorm);
+          })
+        })]
+      })
+    })]
+  });
+}
+const styles = _reactNative.StyleSheet.create({
+  wrap: {
+    gap: 6,
+    minWidth: 0
+  },
+  label: {
+    fontFamily: _tokens.fonts.mono,
+    fontSize: 10,
+    fontWeight: '500',
+    letterSpacing: 1.2,
+    color: _tokens.colors.textFaint
+  },
+  trigger: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    alignSelf: 'flex-start',
+    gap: 9,
+    paddingVertical: 7,
+    paddingHorizontal: 9,
+    borderRadius: _tokens.radii.sm,
+    borderWidth: 1,
+    borderColor: _tokens.colors.border2,
+    backgroundColor: _tokens.colors.glass2
+  },
+  swatch: {
+    width: 22,
+    height: 22,
+    borderRadius: _tokens.radii.sm,
+    padding: 1,
+    backgroundColor: _tokens.colors.bg2
+  },
+  swatchFill: {
+    flex: 1,
+    borderRadius: _tokens.radii.sm - 2,
+    borderWidth: 1,
+    borderColor: _tokens.colors.border2
+  },
+  triggerHex: {
+    fontFamily: _tokens.fonts.mono,
+    fontSize: 13,
+    letterSpacing: 0.4,
+    color: _tokens.colors.text
+  },
+  panel: {
+    gap: 16
+  },
+  grid: {
+    flexDirection: 'row',
+    flexWrap: 'wrap',
+    gap: 10
+  },
+  preset: {
+    width: 40,
+    height: 40,
+    borderRadius: _tokens.radii.sm,
+    borderWidth: 1,
+    borderColor: _tokens.colors.border
+  },
+  presetSelected: {
+    borderColor: _tokens.colors.text,
+    borderWidth: 2
+  }
+});
+//# sourceMappingURL=ColorPicker.js.map

package/lib/commonjs/components/ColorPicker.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_tokens","_Input","_Modal","_jsxRuntime","DEFAULT_SWATCHES","normalizeHex","raw","v","trim","toUpperCase","startsWith","isCompleteHex","test","ColorPicker","value","onChange","swatches","allowAlpha","label","invalid","open","setOpen","useState","display","jsxs","View","style","styles","wrap","children","jsx","Text","Pressable","trigger","onPress","accessibilityRole","accessibilityLabel","swatch","swatchFill","backgroundColor","triggerHex","Modal","onClose","title","panel","Input","inputSize","autoCapitalize","autoCorrect","maxLength","placeholder","onChangeText","t","grid","map","sw","swNorm","selected","preset","presetSelected","accessibilityState","StyleSheet","create","gap","minWidth","fontFamily","fonts","mono","fontSize","fontWeight","letterSpacing","color","colors","textFaint","flexDirection","alignItems","alignSelf","paddingVertical","paddingHorizontal","borderRadius","radii","sm","borderWidth","borderColor","border2","glass2","width","height","padding","bg2","flex","text","flexWrap","border"],"sourceRoot":"../../../src","sources":["components/ColorPicker.tsx"],"mappings":"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","ignoreList":[]}