everkit-ui 0.1.0

package/dist/commonjs/components/ToggleRow.js

@@ -0,0 +1,121 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ToggleRow = ToggleRow;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _Text = require("./Text.js");
+var _ThemeProvider = require("../theme/ThemeProvider.js");
+var _scale = require("../theme/scale.js");
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * Theme-agnostic row primitive: a label + optional helper text + a `Switch`.
+ * Tapping anywhere on the row toggles the value (matches platform expectations
+ * and a11y — the row's accessibility role is `switch`). Its visual style matches
+ * {@link SettingsRow}'s toggle variant so the two mix inside a `Card` seamlessly.
+ *
+ * Color comes INLINE from {@link useColors}: the icon disc fills with
+ * `bg.secondary`, the label defaults to `text.primary` (via {@link Text}), the
+ * helper text is `text.tertiary`, and the `Switch` track is `border.default` →
+ * `brand.primary` with a `bg.primary` thumb. Layout (flex, gap, padding, radius)
+ * is applied INLINE from the library-owned {@link SPACE}/{@link RADIUS} scale, so
+ * the row renders with no NativeWind setup in the consumer and aligns across a
+ * section; `style` is an inline escape hatch merged last.
+ */
+function ToggleRow({
+  label,
+  value,
+  onValueChange,
+  helperText,
+  icon,
+  disabled = false,
+  style
+}) {
+  const colors = (0, _ThemeProvider.useColors)();
+  const handleToggle = () => {
+    if (disabled) return;
+    onValueChange(!value);
+  };
+
+  // Two icon shapes: a `LucideIcon` component (size + colour owned here) or a
+  // pre-rendered element (already styled by the caller).
+  const iconNode = renderIcon(icon, colors.text.secondary);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+    onPress: handleToggle,
+    disabled: disabled,
+    accessibilityRole: "switch",
+    accessibilityState: {
+      checked: value,
+      disabled
+    },
+    accessibilityLabel: label,
+    accessibilityHint: helperText,
+    hitSlop: 4,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: [{
+        flexDirection: 'row',
+        alignItems: 'center',
+        gap: _scale.SPACE['3'],
+        paddingVertical: 4,
+        opacity: disabled ? 0.5 : 1
+      }, style],
+      children: [iconNode ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: {
+          width: 36,
+          height: 36,
+          borderRadius: _scale.RADIUS.full,
+          alignItems: 'center',
+          justifyContent: 'center',
+          backgroundColor: colors.bg.secondary
+        },
+        children: iconNode
+      }) : null, /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        style: {
+          flex: 1
+        },
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.Text, {
+          variant: "body-md",
+          children: label
+        }), helperText ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.Text, {
+          variant: "caption",
+          style: {
+            marginTop: _scale.SPACE['0.5'],
+            color: colors.text.tertiary
+          },
+          children: helperText
+        }) : null]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Switch, {
+        value: value,
+        onValueChange: onValueChange,
+        disabled: disabled,
+        trackColor: {
+          false: colors.border.default,
+          true: colors.brand.primary
+        },
+        thumbColor: colors.bg.primary
+      })]
+    })
+  });
+}
+
+// ---------------------------------------------------------------------------
+// Helpers
+// ---------------------------------------------------------------------------
+
+function renderIcon(icon, color) {
+  if (!icon) return null;
+  // A pre-rendered element (already styled by the caller) is returned as-is.
+  // Otherwise `icon` is a component TYPE we render with our own size + colour.
+  // NOTE: a `LucideIcon` is a `forwardRef` object (`{ $$typeof, render, … }`),
+  // NOT a plain function — so a `typeof === 'function'` check misses it and
+  // would render the object as a child (React error #31). `isValidElement`
+  // cleanly separates "already an element" from "a component type to render".
+  if (/*#__PURE__*/(0, _react.isValidElement)(icon)) return icon;
+  return /*#__PURE__*/(0, _react.createElement)(icon, {
+    size: 18,
+    color
+  });
+}
+//# sourceMappingURL=ToggleRow.js.map

package/dist/commonjs/components/ToggleRow.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_Text","_ThemeProvider","_scale","_jsxRuntime","ToggleRow","label","value","onValueChange","helperText","icon","disabled","style","colors","useColors","handleToggle","iconNode","renderIcon","text","secondary","jsx","Pressable","onPress","accessibilityRole","accessibilityState","checked","accessibilityLabel","accessibilityHint","hitSlop","children","jsxs","View","flexDirection","alignItems","gap","SPACE","paddingVertical","opacity","width","height","borderRadius","RADIUS","full","justifyContent","backgroundColor","bg","flex","Text","variant","marginTop","color","tertiary","Switch","trackColor","false","border","default","true","brand","primary","thumbColor","isValidElement","createElement","size"],"sourceRoot":"../../../src","sources":["components/ToggleRow.tsx"],"mappings":"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","ignoreList":[]}

package/dist/commonjs/components/TypingIndicator.js

@@ -0,0 +1,96 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TypingIndicator = TypingIndicator;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
+var _ThemeProvider = require("../theme/ThemeProvider.js");
+var _scale = require("../theme/scale.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 DOT_SIZE = 8;
+const ANIMATION_DURATION = 400;
+function Dot({
+  delay,
+  color,
+  animate
+}) {
+  const translateY = (0, _reactNativeReanimated.useSharedValue)(0);
+  (0, _react.useEffect)(() => {
+    if (!animate) {
+      translateY.value = 0;
+      return;
+    }
+    translateY.value = (0, _reactNativeReanimated.withDelay)(delay, (0, _reactNativeReanimated.withRepeat)((0, _reactNativeReanimated.withSequence)((0, _reactNativeReanimated.withTiming)(-6, {
+      duration: ANIMATION_DURATION,
+      easing: _reactNativeReanimated.Easing.out(_reactNativeReanimated.Easing.ease)
+    }), (0, _reactNativeReanimated.withTiming)(0, {
+      duration: ANIMATION_DURATION,
+      easing: _reactNativeReanimated.Easing.in(_reactNativeReanimated.Easing.ease)
+    })), -1, false));
+    return () => (0, _reactNativeReanimated.cancelAnimation)(translateY);
+  }, [translateY, delay, animate]);
+  const animatedStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => ({
+    transform: [{
+      translateY: translateY.value
+    }]
+  }));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
+    style: [{
+      width: DOT_SIZE,
+      height: DOT_SIZE,
+      borderRadius: DOT_SIZE / 2,
+      backgroundColor: color
+    }, animatedStyle]
+  });
+}
+
+/**
+ * Theme-agnostic chat "typing" indicator — three dots bouncing in a staggered
+ * wave, sized for the inside of a {@link BotChatBubble}. Honors the system
+ * Reduce-Motion setting (renders three static dots) via reanimated's
+ * {@link useReducedMotion}.
+ *
+ * Color comes INLINE from {@link useColors}: the dots default to `text.tertiary`
+ * (pass `color` to override). Larger + slower than {@link AnimatedEllipsis} (the
+ * inline "reading" dots); use this one inside a bot bubble. Layout (flex, gap,
+ * padding) is applied INLINE from the library-owned {@link SPACE} scale, so the
+ * indicator renders with no NativeWind setup in the consumer; `style` is an
+ * inline override merged last.
+ */
+function TypingIndicator({
+  color,
+  style
+} = {}) {
+  const colors = (0, _ThemeProvider.useColors)();
+  const reduced = (0, _reactNativeReanimated.useReducedMotion)();
+  const c = color ?? colors.text.tertiary;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: [{
+      flexDirection: 'row',
+      alignItems: 'center',
+      gap: _scale.SPACE['1'],
+      paddingVertical: _scale.SPACE['2'],
+      paddingHorizontal: _scale.SPACE['1']
+    }, style],
+    accessibilityRole: "text",
+    accessibilityLabel: "Typing",
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(Dot, {
+      delay: 0,
+      color: c,
+      animate: !reduced
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(Dot, {
+      delay: 150,
+      color: c,
+      animate: !reduced
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(Dot, {
+      delay: 300,
+      color: c,
+      animate: !reduced
+    })]
+  });
+}
+//# sourceMappingURL=TypingIndicator.js.map

package/dist/commonjs/components/TypingIndicator.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_reactNativeReanimated","_interopRequireWildcard","_ThemeProvider","_scale","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","DOT_SIZE","ANIMATION_DURATION","Dot","delay","color","animate","translateY","useSharedValue","useEffect","value","withDelay","withRepeat","withSequence","withTiming","duration","easing","Easing","out","ease","in","cancelAnimation","animatedStyle","useAnimatedStyle","transform","jsx","View","style","width","height","borderRadius","backgroundColor","TypingIndicator","colors","useColors","reduced","useReducedMotion","c","text","tertiary","jsxs","flexDirection","alignItems","gap","SPACE","paddingVertical","paddingHorizontal","accessibilityRole","accessibilityLabel","children"],"sourceRoot":"../../../src","sources":["components/TypingIndicator.tsx"],"mappings":"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","ignoreList":[]}

package/dist/commonjs/components/UserChatBubble.js

@@ -0,0 +1,68 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.UserChatBubble = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _Text = require("./Text.js");
+var _ThemeProvider = require("../theme/ThemeProvider.js");
+var _scale = require("../theme/scale.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function UserChatBubbleImpl({
+  content,
+  timestamp,
+  style
+}) {
+  const colors = (0, _ThemeProvider.useColors)();
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: [{
+      alignItems: 'flex-end',
+      alignSelf: 'flex-end',
+      maxWidth: '82%',
+      marginBottom: _scale.SPACE['3'],
+      paddingHorizontal: _scale.SPACE['4'],
+      gap: _scale.SPACE['1']
+    }, style],
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: {
+        borderRadius: _scale.RADIUS['2xl'],
+        borderBottomRightRadius: 4,
+        paddingHorizontal: _scale.SPACE['3.5'],
+        paddingVertical: _scale.SPACE['2.5'],
+        backgroundColor: colors.brand.primary
+      },
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.Text, {
+        variant: "body-md",
+        style: {
+          color: colors.text.inverse,
+          lineHeight: 21
+        },
+        children: content
+      })
+    }), timestamp ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.Text, {
+      variant: "caption-sm",
+      style: {
+        color: colors.text.tertiary
+      },
+      children: timestamp
+    }) : null]
+  });
+}
+
+/**
+ * Theme-agnostic outgoing (user) chat bubble — a right-aligned brand-filled
+ * bubble with an optional timestamp beneath it.
+ *
+ * Color comes INLINE from {@link useColors}: the bubble fills with
+ * `brand.primary`, its text is `text.inverse`, and the timestamp is
+ * `text.tertiary`. Layout (alignment, max-width, spacing) is applied INLINE from
+ * the library-owned {@link SPACE}/{@link RADIUS} scale, so the bubble renders
+ * with no NativeWind setup in the consumer; `style` is an inline override merged
+ * last. Memoised so older bubbles in a long inverted `FlatList` do not re-render
+ * when a new message is appended.
+ */
+const UserChatBubble = exports.UserChatBubble = /*#__PURE__*/_react.default.memo(UserChatBubbleImpl, (prev, next) => prev.content === next.content && prev.timestamp === next.timestamp && prev.style === next.style);
+//# sourceMappingURL=UserChatBubble.js.map

package/dist/commonjs/components/UserChatBubble.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_Text","_ThemeProvider","_scale","_jsxRuntime","e","__esModule","default","UserChatBubbleImpl","content","timestamp","style","colors","useColors","jsxs","View","alignItems","alignSelf","maxWidth","marginBottom","SPACE","paddingHorizontal","gap","children","jsx","borderRadius","RADIUS","borderBottomRightRadius","paddingVertical","backgroundColor","brand","primary","Text","variant","color","text","inverse","lineHeight","tertiary","UserChatBubble","exports","React","memo","prev","next"],"sourceRoot":"../../../src","sources":["components/UserChatBubble.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,cAAA,GAAAH,OAAA;AACA,IAAAI,MAAA,GAAAJ,OAAA;AAA8C,IAAAK,WAAA,GAAAL,OAAA;AAAA,SAAAD,uBAAAO,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAmB9C,SAASG,kBAAkBA,CAAC;EAAEC,OAAO;EAAEC,SAAS;EAAEC;AAA2B,CAAC,EAAE;EAC9E,MAAMC,MAAM,GAAG,IAAAC,wBAAS,EAAC,CAAC;EAC1B,oBACE,IAAAT,WAAA,CAAAU,IAAA,EAACd,YAAA,CAAAe,IAAI;IACHJ,KAAK,EAAE,CACL;MACEK,UAAU,EAAE,UAAU;MACtBC,SAAS,EAAE,UAAU;MACrBC,QAAQ,EAAE,KAAK;MACfC,YAAY,EAAEC,YAAK,CAAC,GAAG,CAAC;MACxBC,iBAAiB,EAAED,YAAK,CAAC,GAAG,CAAC;MAC7BE,GAAG,EAAEF,YAAK,CAAC,GAAG;IAChB,CAAC,EACDT,KAAK,CACL;IAAAY,QAAA,gBAEF,IAAAnB,WAAA,CAAAoB,GAAA,EAACxB,YAAA,CAAAe,IAAI;MACHJ,KAAK,EAAE;QACLc,YAAY,EAAEC,aAAM,CAAC,KAAK,CAAC;QAC3BC,uBAAuB,EAAE,CAAC;QAC1BN,iBAAiB,EAAED,YAAK,CAAC,KAAK,CAAC;QAC/BQ,eAAe,EAAER,YAAK,CAAC,KAAK,CAAC;QAC7BS,eAAe,EAAEjB,MAAM,CAACkB,KAAK,CAACC;MAChC,CAAE;MAAAR,QAAA,eAEF,IAAAnB,WAAA,CAAAoB,GAAA,EAACvB,KAAA,CAAA+B,IAAI;QAACC,OAAO,EAAC,SAAS;QAACtB,KAAK,EAAE;UAAEuB,KAAK,EAAEtB,MAAM,CAACuB,IAAI,CAACC,OAAO;UAAEC,UAAU,EAAE;QAAG,CAAE;QAAAd,QAAA,EAC3Ed;MAAO,CACJ;IAAC,CACH,CAAC,EACNC,SAAS,gBACR,IAAAN,WAAA,CAAAoB,GAAA,EAACvB,KAAA,CAAA+B,IAAI;MAACC,OAAO,EAAC,YAAY;MAACtB,KAAK,EAAE;QAAEuB,KAAK,EAAEtB,MAAM,CAACuB,IAAI,CAACG;MAAS,CAAE;MAAAf,QAAA,EAC/Db;IAAS,CACN,CAAC,GACL,IAAI;EAAA,CACJ,CAAC;AAEX;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAM6B,cAAc,GAAAC,OAAA,CAAAD,cAAA,gBAAGE,cAAK,CAACC,IAAI,CACtClC,kBAAkB,EAClB,CAACmC,IAAI,EAAEC,IAAI,KACTD,IAAI,CAAClC,OAAO,KAAKmC,IAAI,CAACnC,OAAO,IAC7BkC,IAAI,CAACjC,SAAS,KAAKkC,IAAI,CAAClC,SAAS,IACjCiC,IAAI,CAAChC,KAAK,KAAKiC,IAAI,CAACjC,KACxB,CAAC","ignoreList":[]}