everkit-ui 0.1.0

package/dist/module/components/BotChatBubble.js

@@ -0,0 +1,124 @@
+"use strict";
+
+import React from 'react';
+import { Linking, Pressable, View } from 'react-native';
+import { ExternalLink, Sparkles } from 'lucide-react-native';
+import { Text } from "./Text.js";
+import { FormattedText } from "./FormattedText.js";
+import { TypingIndicator } from "./TypingIndicator.js";
+import { useColors, useShadows } from "../theme/ThemeProvider.js";
+import { SPACE, RADIUS } from "../theme/scale.js";
+
+/** One cited web source — a generic `{ title, url }`, never a domain type. */
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+function BotChatBubbleImpl({
+  content,
+  isLoading,
+  sources,
+  avatarIcon
+}) {
+  const colors = useColors();
+  const shadows = useShadows();
+  return /*#__PURE__*/_jsxs(View, {
+    style: {
+      flexDirection: 'row',
+      alignItems: 'flex-start',
+      marginBottom: SPACE['3'],
+      paddingHorizontal: SPACE['4'],
+      gap: SPACE['2']
+    },
+    children: [/*#__PURE__*/_jsx(View, {
+      style: {
+        width: 32,
+        height: 32,
+        borderRadius: RADIUS.full,
+        alignItems: 'center',
+        justifyContent: 'center',
+        marginTop: SPACE['1'],
+        backgroundColor: colors.brand.primary
+      },
+      children: avatarIcon ?? /*#__PURE__*/_jsx(Sparkles, {
+        size: 16,
+        color: colors.text.inverse
+      })
+    }), /*#__PURE__*/_jsxs(View, {
+      style: {
+        flex: 1,
+        maxWidth: '82%'
+      },
+      children: [/*#__PURE__*/_jsx(View, {
+        style: [shadows.sm, {
+          borderRadius: 16
+        }],
+        children: /*#__PURE__*/_jsx(View, {
+          style: {
+            borderRadius: RADIUS['2xl'],
+            borderTopLeftRadius: 4,
+            paddingHorizontal: SPACE['3.5'],
+            paddingVertical: SPACE['2.5'],
+            backgroundColor: colors.bg.card
+          },
+          children: isLoading ? /*#__PURE__*/_jsx(TypingIndicator, {}) : /*#__PURE__*/_jsx(FormattedText, {
+            content: content,
+            variant: "body-md",
+            style: {
+              color: colors.text.primary,
+              lineHeight: 21
+            }
+          })
+        })
+      }), sources && sources.length > 0 ? /*#__PURE__*/_jsx(View, {
+        style: {
+          flexDirection: 'row',
+          flexWrap: 'wrap',
+          gap: SPACE['2'],
+          marginTop: SPACE['2']
+        },
+        children: sources.map(s => /*#__PURE__*/_jsxs(Pressable, {
+          onPress: () => Linking.openURL(s.url),
+          style: {
+            flexDirection: 'row',
+            alignItems: 'center',
+            borderRadius: RADIUS.full,
+            paddingHorizontal: SPACE['3'],
+            paddingVertical: SPACE['1.5'],
+            gap: SPACE['1.5'],
+            alignSelf: 'flex-start',
+            backgroundColor: colors.bg.secondary
+          },
+          accessibilityRole: "link",
+          accessibilityLabel: `Source: ${s.title}`,
+          children: [/*#__PURE__*/_jsx(ExternalLink, {
+            size: 12,
+            color: colors.text.secondary
+          }), /*#__PURE__*/_jsx(Text, {
+            variant: "caption",
+            numberOfLines: 1,
+            style: {
+              color: colors.text.secondary,
+              maxWidth: 180
+            },
+            children: s.title
+          })]
+        }, s.url))
+      }) : null]
+    })]
+  });
+}
+
+/**
+ * Theme-agnostic incoming (bot) chat bubble — a brand avatar disc + a left-tail
+ * bubble, an optional row of tappable source pills, and a typing state.
+ *
+ * GENERIC: it carries NO domain coupling. Sources are a plain
+ * `{ title, url }[]` (not a web-source domain type) and the avatar glyph is
+ * injected by the caller, so the same bubble serves any chat. Color comes INLINE
+ * from {@link useColors}: the avatar + nothing else uses `brand.primary`, the
+ * bubble is `bg.card` with the themed {@link useShadows} `sm` elevation, the text
+ * is `text.primary` (via {@link FormattedText}, which also renders inline
+ * markdown), and source pills are `bg.secondary` with `text.secondary` content.
+ * Memoised so older bubbles in a long inverted `FlatList` do not re-render when a
+ * new message is appended or the latest bubble's loading flips.
+ */
+export const BotChatBubble = /*#__PURE__*/React.memo(BotChatBubbleImpl, (prev, next) => prev.content === next.content && prev.isLoading === next.isLoading && prev.sources === next.sources && prev.avatarIcon === next.avatarIcon);
+//# sourceMappingURL=BotChatBubble.js.map

package/dist/module/components/BotChatBubble.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Linking","Pressable","View","ExternalLink","Sparkles","Text","FormattedText","TypingIndicator","useColors","useShadows","SPACE","RADIUS","jsx","_jsx","jsxs","_jsxs","BotChatBubbleImpl","content","isLoading","sources","avatarIcon","colors","shadows","style","flexDirection","alignItems","marginBottom","paddingHorizontal","gap","children","width","height","borderRadius","full","justifyContent","marginTop","backgroundColor","brand","primary","size","color","text","inverse","flex","maxWidth","sm","borderTopLeftRadius","paddingVertical","bg","card","variant","lineHeight","length","flexWrap","map","s","onPress","openURL","url","alignSelf","secondary","accessibilityRole","accessibilityLabel","title","numberOfLines","BotChatBubble","memo","prev","next"],"sourceRoot":"../../../src","sources":["components/BotChatBubble.tsx"],"mappings":"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","ignoreList":[]}

package/dist/module/components/BottomActionSheet.js

@@ -0,0 +1,86 @@
+"use strict";
+
+import { Modal, Pressable, View } from 'react-native';
+import { KeyboardAware } from "./KeyboardAware.js";
+import { useColors } from "../theme/ThemeProvider.js";
+import { SPACE, RADIUS } from "../theme/scale.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Theme-agnostic bottom-sheet scaffold — owns the `Modal` + dim backdrop + sheet
+ * container + grabber bar, so consumers only render the body (title, action rows,
+ * lists, etc.).
+ *
+ * A `Modal`-based sheet (rather than `@gorhom/bottom-sheet`): short, modal, no
+ * gesture-drag — which keeps the library dependency-free and avoids gesture/
+ * animation regressions. Tap-outside-to-close is the outer `<Pressable
+ * onPress={onClose}>` with an inner `<Pressable>` that swallows taps on the body.
+ *
+ * Color comes INLINE from {@link useColors} (`bg.primary` surface, `border.strong`
+ * grabber); spacing + radii from the {@link SPACE}/{@link RADIUS} scale. The
+ * backdrop is a fixed black scrim (modal dim is conventionally dark on any theme),
+ * its opacity tunable via `backdropOpacity`.
+ */
+export function BottomActionSheet({
+  visible,
+  onClose,
+  maxHeight,
+  roundedBottom = false,
+  backdropOpacity = 0.4,
+  keyboardAware = false,
+  children
+}) {
+  const colors = useColors();
+
+  // The sheet body (grabber + children) inside the tap-swallowing Pressable.
+  const sheet = /*#__PURE__*/_jsx(Pressable, {
+    onPress: e => e.stopPropagation(),
+    children: /*#__PURE__*/_jsxs(View, {
+      style: {
+        backgroundColor: colors.bg.primary,
+        borderTopLeftRadius: RADIUS.xl,
+        borderTopRightRadius: RADIUS.xl,
+        paddingTop: SPACE['3'],
+        paddingBottom: SPACE['8'],
+        ...(roundedBottom ? {
+          borderBottomLeftRadius: RADIUS.xl,
+          borderBottomRightRadius: RADIUS.xl
+        } : null),
+        ...(maxHeight !== undefined ? {
+          maxHeight
+        } : null)
+      },
+      children: [/*#__PURE__*/_jsx(View, {
+        style: {
+          alignSelf: 'center',
+          width: 40,
+          height: 4,
+          borderRadius: 2,
+          backgroundColor: colors.border.strong,
+          marginBottom: SPACE['2.5']
+        }
+      }), children]
+    })
+  });
+  return /*#__PURE__*/_jsx(Modal, {
+    visible: visible,
+    transparent: true,
+    animationType: "fade",
+    onRequestClose: onClose,
+    children: /*#__PURE__*/_jsx(Pressable, {
+      onPress: onClose,
+      style: {
+        flex: 1,
+        backgroundColor: `rgba(0,0,0,${backdropOpacity})`,
+        justifyContent: 'flex-end',
+        ...(roundedBottom ? {
+          paddingBottom: SPACE['4']
+        } : null)
+      },
+      children: keyboardAware ? /*#__PURE__*/_jsx(KeyboardAware, {
+        style: {},
+        children: sheet
+      }) : sheet
+    })
+  });
+}
+//# sourceMappingURL=BottomActionSheet.js.map

package/dist/module/components/BottomActionSheet.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Modal","Pressable","View","KeyboardAware","useColors","SPACE","RADIUS","jsx","_jsx","jsxs","_jsxs","BottomActionSheet","visible","onClose","maxHeight","roundedBottom","backdropOpacity","keyboardAware","children","colors","sheet","onPress","e","stopPropagation","style","backgroundColor","bg","primary","borderTopLeftRadius","xl","borderTopRightRadius","paddingTop","paddingBottom","borderBottomLeftRadius","borderBottomRightRadius","undefined","alignSelf","width","height","borderRadius","border","strong","marginBottom","transparent","animationType","onRequestClose","flex","justifyContent"],"sourceRoot":"../../../src","sources":["components/BottomActionSheet.tsx"],"mappings":";;AAEA,SAASA,KAAK,EAAEC,SAAS,EAAEC,IAAI,QAAQ,cAAc;AACrD,SAASC,aAAa,QAAQ,oBAAiB;AAC/C,SAASC,SAAS,QAAQ,2BAAwB;AAClD,SAASC,KAAK,EAAEC,MAAM,QAAQ,mBAAgB;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AA6B9C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,iBAAiBA,CAAC;EAChCC,OAAO;EACPC,OAAO;EACPC,SAAS;EACTC,aAAa,GAAG,KAAK;EACrBC,eAAe,GAAG,GAAG;EACrBC,aAAa,GAAG,KAAK;EACrBC;AACsB,CAAC,EAAE;EACzB,MAAMC,MAAM,GAAGf,SAAS,CAAC,CAAC;;EAE1B;EACA,MAAMgB,KAAK,gBACTZ,IAAA,CAACP,SAAS;IAACoB,OAAO,EAAGC,CAAC,IAAKA,CAAC,CAACC,eAAe,CAAC,CAAE;IAAAL,QAAA,eAC7CR,KAAA,CAACR,IAAI;MACHsB,KAAK,EAAE;QACLC,eAAe,EAAEN,MAAM,CAACO,EAAE,CAACC,OAAO;QAClCC,mBAAmB,EAAEtB,MAAM,CAACuB,EAAE;QAC9BC,oBAAoB,EAAExB,MAAM,CAACuB,EAAE;QAC/BE,UAAU,EAAE1B,KAAK,CAAC,GAAG,CAAC;QACtB2B,aAAa,EAAE3B,KAAK,CAAC,GAAG,CAAC;QACzB,IAAIU,aAAa,GACb;UAAEkB,sBAAsB,EAAE3B,MAAM,CAACuB,EAAE;UAAEK,uBAAuB,EAAE5B,MAAM,CAACuB;QAAG,CAAC,GACzE,IAAI,CAAC;QACT,IAAIf,SAAS,KAAKqB,SAAS,GAAG;UAAErB;QAAU,CAAC,GAAG,IAAI;MACpD,CAAE;MAAAI,QAAA,gBAEFV,IAAA,CAACN,IAAI;QACHsB,KAAK,EAAE;UACLY,SAAS,EAAE,QAAQ;UACnBC,KAAK,EAAE,EAAE;UACTC,MAAM,EAAE,CAAC;UACTC,YAAY,EAAE,CAAC;UACfd,eAAe,EAAEN,MAAM,CAACqB,MAAM,CAACC,MAAM;UACrCC,YAAY,EAAErC,KAAK,CAAC,KAAK;QAC3B;MAAE,CACH,CAAC,EACDa,QAAQ;IAAA,CACL;EAAC,CACE,CACZ;EAED,oBACEV,IAAA,CAACR,KAAK;IAACY,OAAO,EAAEA,OAAQ;IAAC+B,WAAW;IAACC,aAAa,EAAC,MAAM;IAACC,cAAc,EAAEhC,OAAQ;IAAAK,QAAA,eAChFV,IAAA,CAACP,SAAS;MACRoB,OAAO,EAAER,OAAQ;MACjBW,KAAK,EAAE;QACLsB,IAAI,EAAE,CAAC;QACPrB,eAAe,EAAE,cAAcT,eAAe,GAAG;QACjD+B,cAAc,EAAE,UAAU;QAC1B,IAAIhC,aAAa,GAAG;UAAEiB,aAAa,EAAE3B,KAAK,CAAC,GAAG;QAAE,CAAC,GAAG,IAAI;MAC1D,CAAE;MAAAa,QAAA,EAIDD,aAAa,gBAAGT,IAAA,CAACL,aAAa;QAACqB,KAAK,EAAE,CAAC,CAAE;QAAAN,QAAA,EAAEE;MAAK,CAAgB,CAAC,GAAGA;IAAK,CACjE;EAAC,CACP,CAAC;AAEZ","ignoreList":[]}

package/dist/module/components/Button.js

@@ -0,0 +1,158 @@
+"use strict";
+
+import { ActivityIndicator, Pressable, View } from 'react-native';
+import Animated, { useSharedValue, useAnimatedStyle, withSpring } from 'react-native-reanimated';
+import { Text } from "./Text.js";
+import { useColors, useShadows } from "../theme/ThemeProvider.js";
+import { SPACE, RADIUS } from "../theme/scale.js";
+import { SPRINGS } from "../internal/springs.js";
+
+// ---------------------------------------------------------------------------
+// Types
+// ---------------------------------------------------------------------------
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+// ---------------------------------------------------------------------------
+// Style maps
+// ---------------------------------------------------------------------------
+
+// Which themed text token the label/loader uses per variant. Surface + label
+// colors are applied INLINE from useColors(); only layout lives in className.
+// Var-backed className colors don't resolve reliably on native, and even
+// static-hex bg classes render faint on the animated Pressable — so the
+// background is driven by `style` to guarantee a solid CTA under any theme.
+const INK = {
+  primary: 'inverse',
+  secondary: 'inverse',
+  accent: 'inverse',
+  outline: 'primary',
+  ghost: 'primary',
+  danger: 'inverse'
+};
+const sizeStyles = {
+  sm: {
+    height: 36,
+    paddingX: SPACE['4'],
+    textVariant: 'label-md',
+    iconGap: SPACE['1.5']
+  },
+  md: {
+    height: 46,
+    paddingX: SPACE['6'],
+    textVariant: 'label-lg',
+    iconGap: SPACE['2']
+  },
+  lg: {
+    height: 54,
+    paddingX: SPACE['7'],
+    textVariant: 'label-lg',
+    iconGap: SPACE['2']
+  }
+};
+
+// ---------------------------------------------------------------------------
+// Component
+// ---------------------------------------------------------------------------
+
+const AnimatedPressable = Animated.createAnimatedComponent(Pressable);
+
+/**
+ * Theme-agnostic call-to-action button.
+ *
+ * Color comes INLINE from {@link useColors}: the surface is a `brand.*` /
+ * `semantic.error` / `bg.primary` token (per variant), and the label + loader
+ * use `text.inverse` or `brand.primary` per the {@link INK} map. Elevation comes
+ * from the themed {@link useShadows} `sm` preset (so each theme tunes its own
+ * dark-mode opacity), and the press scale runs on the lifted {@link SPRINGS}.
+ * Layout (flex, padding, radius) is applied INLINE from the library-owned
+ * {@link SPACE}/{@link RADIUS} scale, so the button renders with no NativeWind
+ * setup in the consumer; `style` is an inline override merged last.
+ */
+export function Button({
+  variant = 'primary',
+  size = 'md',
+  icon,
+  iconPosition = 'left',
+  loading = false,
+  disabled = false,
+  fullWidth = false,
+  children,
+  onPress,
+  style
+}) {
+  const colors = useColors();
+  const shadows = useShadows();
+  const pressed = useSharedValue(0);
+  const isGhost = variant === 'ghost';
+  const isDisabled = disabled || loading;
+  const ss = sizeStyles[size];
+  const hasShadow = !isGhost && !isDisabled;
+  const bgForVariant = {
+    primary: colors.brand.primary,
+    secondary: colors.brand.secondary,
+    accent: colors.brand.accent,
+    outline: colors.bg.primary,
+    ghost: 'transparent',
+    danger: colors.semantic.error
+  };
+  const animatedStyle = useAnimatedStyle(() => ({
+    transform: [{
+      scale: 1 - pressed.value * 0.03
+    }]
+  }));
+  const handlePressIn = () => {
+    if (!isDisabled) {
+      pressed.value = withSpring(1, SPRINGS.press);
+    }
+  };
+  const handlePressOut = () => {
+    if (!isDisabled) {
+      pressed.value = withSpring(0, SPRINGS.press);
+    }
+  };
+  const labelColor = INK[variant] === 'inverse' ? colors.text.inverse : colors.brand.primary;
+  return /*#__PURE__*/_jsx(AnimatedPressable, {
+    onPress: isDisabled ? undefined : onPress,
+    onPressIn: handlePressIn,
+    onPressOut: handlePressOut,
+    accessibilityRole: "button",
+    accessibilityLabel: typeof children === 'string' ? children : undefined,
+    accessibilityState: {
+      disabled: isDisabled,
+      busy: loading
+    },
+    style: [animatedStyle, {
+      flexDirection: 'row',
+      alignItems: 'center',
+      justifyContent: 'center',
+      borderRadius: RADIUS.full,
+      height: ss.height,
+      paddingHorizontal: ss.paddingX,
+      gap: ss.iconGap,
+      backgroundColor: bgForVariant[variant]
+    }, fullWidth ? {
+      width: '100%'
+    } : undefined, isDisabled ? {
+      opacity: 0.5
+    } : undefined, variant === 'outline' ? {
+      borderWidth: 2,
+      borderColor: colors.brand.primary
+    } : undefined, hasShadow ? shadows.sm : undefined, style],
+    children: loading ? /*#__PURE__*/_jsx(ActivityIndicator, {
+      size: "small",
+      color: labelColor
+    }) : /*#__PURE__*/_jsxs(_Fragment, {
+      children: [icon && iconPosition === 'left' && /*#__PURE__*/_jsx(View, {
+        children: icon
+      }), typeof children === 'string' ? /*#__PURE__*/_jsx(Text, {
+        variant: ss.textVariant,
+        style: {
+          color: labelColor
+        },
+        children: children
+      }) : children, icon && iconPosition === 'right' && /*#__PURE__*/_jsx(View, {
+        children: icon
+      })]
+    })
+  });
+}
+//# sourceMappingURL=Button.js.map

package/dist/module/components/Button.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["ActivityIndicator","Pressable","View","Animated","useSharedValue","useAnimatedStyle","withSpring","Text","useColors","useShadows","SPACE","RADIUS","SPRINGS","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","INK","primary","secondary","accent","outline","ghost","danger","sizeStyles","sm","height","paddingX","textVariant","iconGap","md","lg","AnimatedPressable","createAnimatedComponent","Button","variant","size","icon","iconPosition","loading","disabled","fullWidth","children","onPress","style","colors","shadows","pressed","isGhost","isDisabled","ss","hasShadow","bgForVariant","brand","bg","semantic","error","animatedStyle","transform","scale","value","handlePressIn","press","handlePressOut","labelColor","text","inverse","undefined","onPressIn","onPressOut","accessibilityRole","accessibilityLabel","accessibilityState","busy","flexDirection","alignItems","justifyContent","borderRadius","full","paddingHorizontal","gap","backgroundColor","width","opacity","borderWidth","borderColor","color"],"sourceRoot":"../../../src","sources":["components/Button.tsx"],"mappings":"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","ignoreList":[]}

package/dist/module/components/Card.js

@@ -0,0 +1,98 @@
+"use strict";
+
+import { Pressable } from 'react-native';
+import Animated, { useSharedValue, useAnimatedStyle, withSpring } from 'react-native-reanimated';
+import { useColors, useShadows } from "../theme/ThemeProvider.js";
+import { SPACE, RADIUS } from "../theme/scale.js";
+import { SPRINGS } from "../internal/springs.js";
+
+// ---------------------------------------------------------------------------
+// Types
+// ---------------------------------------------------------------------------
+import { jsx as _jsx } from "react/jsx-runtime";
+/** Shared card surface specs — use these in ad-hoc card-like Views for consistency. */
+export const CARD_SPECS = {
+  sm: {
+    borderRadius: 14,
+    padding: 12
+  },
+  md: {
+    borderRadius: 16,
+    padding: 16
+  },
+  lg: {
+    borderRadius: 20,
+    padding: 20
+  }
+};
+// ---------------------------------------------------------------------------
+// Component
+// ---------------------------------------------------------------------------
+
+const AnimatedPressable = Animated.createAnimatedComponent(Pressable);
+
+/**
+ * Theme-agnostic surface card.
+ *
+ * The surface color comes INLINE from {@link useColors} (`bg.card`) and the
+ * elevation from the themed {@link useShadows} `md` preset, so each theme tunes
+ * its own dark-mode shadow. When `onPress`/`onLongPress` is supplied the card
+ * becomes a Pressable with a subtle press-scale on the lifted {@link SPRINGS};
+ * otherwise it is a static `Animated.View`. The `"accent"` variant draws a left
+ * border in {@link CardProps.accentColor} (a theme color value, not a domain
+ * class). Layout (radius + padding) is applied INLINE from the library-owned
+ * {@link SPACE}/{@link RADIUS} scale, so the card renders with no NativeWind
+ * setup in the consumer; `style` is an inline escape hatch merged last.
+ */
+export function Card({
+  variant = 'default',
+  accentColor,
+  onPress,
+  onLongPress,
+  children,
+  style,
+  accessibilityLabel
+}) {
+  const colors = useColors();
+  const shadows = useShadows();
+  const pressed = useSharedValue(0);
+  const interactive = Boolean(onPress || onLongPress);
+  const animatedStyle = useAnimatedStyle(() => ({
+    transform: [{
+      scale: 1 - pressed.value * 0.02
+    }]
+  }));
+  const handlePressIn = () => {
+    if (interactive) {
+      pressed.value = withSpring(1, SPRINGS.press);
+    }
+  };
+  const handlePressOut = () => {
+    if (interactive) {
+      pressed.value = withSpring(0, SPRINGS.press);
+    }
+  };
+  const accentStyle = variant === 'accent' ? {
+    borderLeftWidth: 4,
+    borderLeftColor: accentColor ?? colors.brand.primary
+  } : undefined;
+  const Wrapper = interactive ? AnimatedPressable : Animated.View;
+  return /*#__PURE__*/_jsx(Wrapper, {
+    onPress: onPress,
+    onLongPress: onLongPress,
+    delayLongPress: 350,
+    onPressIn: handlePressIn,
+    onPressOut: handlePressOut,
+    ...(interactive ? {
+      accessibilityRole: 'button'
+    } : {}),
+    accessibilityLabel: accessibilityLabel,
+    style: [{
+      borderRadius: RADIUS.lg,
+      padding: SPACE['4'],
+      backgroundColor: colors.bg.card
+    }, shadows.md, accentStyle, interactive ? animatedStyle : undefined, style],
+    children: children
+  });
+}
+//# sourceMappingURL=Card.js.map

package/dist/module/components/Card.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Pressable","Animated","useSharedValue","useAnimatedStyle","withSpring","useColors","useShadows","SPACE","RADIUS","SPRINGS","jsx","_jsx","CARD_SPECS","sm","borderRadius","padding","md","lg","AnimatedPressable","createAnimatedComponent","Card","variant","accentColor","onPress","onLongPress","children","style","accessibilityLabel","colors","shadows","pressed","interactive","Boolean","animatedStyle","transform","scale","value","handlePressIn","press","handlePressOut","accentStyle","borderLeftWidth","borderLeftColor","brand","primary","undefined","Wrapper","View","delayLongPress","onPressIn","onPressOut","accessibilityRole","backgroundColor","bg","card"],"sourceRoot":"../../../src","sources":["components/Card.tsx"],"mappings":"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","ignoreList":[]}

package/dist/module/components/Carousel.js

@@ -0,0 +1,55 @@
+"use strict";
+
+import { ScrollView, View } from 'react-native';
+import { SPACE } from "../theme/scale.js";
+
+// ---------------------------------------------------------------------------
+// Public types
+// ---------------------------------------------------------------------------
+import { jsx as _jsx } from "react/jsx-runtime";
+// ---------------------------------------------------------------------------
+// Component
+// ---------------------------------------------------------------------------
+
+/**
+ * Theme-agnostic horizontal snap carousel. Generic over the item type `T`: the
+ * carousel owns only the horizontal layout (gap, edge padding, snapping) and
+ * delegates every card to `renderItem`, so the same row carries products,
+ * photos, stats — anything one-wide. Domain-free: no card, store, or router is
+ * imported; the consumer injects the cards.
+ *
+ * `ScrollView`-based (horizontal, scrollbar hidden) to match the source it was
+ * ported from. With {@link CarouselProps.itemWidth} set and `snap` left on, each
+ * item snaps to the start via `snapToInterval = itemWidth + gap`. Spacing comes
+ * INLINE from the library-owned {@link SPACE} scale — the row renders with no
+ * NativeWind setup in the consumer.
+ */
+export function Carousel({
+  data,
+  renderItem,
+  keyExtractor,
+  itemWidth,
+  gap = SPACE['3'],
+  contentPaddingHorizontal,
+  snap = true
+}) {
+  if (data.length === 0) return null;
+  const snapInterval = snap && itemWidth != null ? itemWidth + gap : undefined;
+  return /*#__PURE__*/_jsx(ScrollView, {
+    horizontal: true,
+    showsHorizontalScrollIndicator: false,
+    decelerationRate: snapInterval != null ? 'fast' : 'normal',
+    snapToInterval: snapInterval,
+    snapToAlignment: "start",
+    contentContainerStyle: {
+      paddingHorizontal: contentPaddingHorizontal
+    },
+    children: data.map((item, index) => /*#__PURE__*/_jsx(View, {
+      style: {
+        marginRight: index < data.length - 1 ? gap : 0
+      },
+      children: renderItem(item, index)
+    }, keyExtractor ? keyExtractor(item, index) : String(index)))
+  });
+}
+//# sourceMappingURL=Carousel.js.map

package/dist/module/components/Carousel.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["ScrollView","View","SPACE","jsx","_jsx","Carousel","data","renderItem","keyExtractor","itemWidth","gap","contentPaddingHorizontal","snap","length","snapInterval","undefined","horizontal","showsHorizontalScrollIndicator","decelerationRate","snapToInterval","snapToAlignment","contentContainerStyle","paddingHorizontal","children","map","item","index","style","marginRight","String"],"sourceRoot":"../../../src","sources":["components/Carousel.tsx"],"mappings":";;AACA,SAASA,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAC/C,SAASC,KAAK,QAAQ,mBAAgB;;AAEtC;AACA;AACA;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAgCA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,QAAQA,CAAI;EAC1BC,IAAI;EACJC,UAAU;EACVC,YAAY;EACZC,SAAS;EACTC,GAAG,GAAGR,KAAK,CAAC,GAAG,CAAC;EAChBS,wBAAwB;EACxBC,IAAI,GAAG;AACS,CAAC,EAAE;EACnB,IAAIN,IAAI,CAACO,MAAM,KAAK,CAAC,EAAE,OAAO,IAAI;EAElC,MAAMC,YAAY,GAAGF,IAAI,IAAIH,SAAS,IAAI,IAAI,GAAGA,SAAS,GAAGC,GAAG,GAAGK,SAAS;EAE5E,oBACEX,IAAA,CAACJ,UAAU;IACTgB,UAAU;IACVC,8BAA8B,EAAE,KAAM;IACtCC,gBAAgB,EAAEJ,YAAY,IAAI,IAAI,GAAG,MAAM,GAAG,QAAS;IAC3DK,cAAc,EAAEL,YAAa;IAC7BM,eAAe,EAAC,OAAO;IACvBC,qBAAqB,EAAE;MAAEC,iBAAiB,EAAEX;IAAyB,CAAE;IAAAY,QAAA,EAEtEjB,IAAI,CAACkB,GAAG,CAAC,CAACC,IAAI,EAAEC,KAAK,kBACpBtB,IAAA,CAACH,IAAI;MAEH0B,KAAK,EAAE;QAAEC,WAAW,EAAEF,KAAK,GAAGpB,IAAI,CAACO,MAAM,GAAG,CAAC,GAAGH,GAAG,GAAG;MAAE,CAAE;MAAAa,QAAA,EAEzDhB,UAAU,CAACkB,IAAI,EAAEC,KAAK;IAAC,GAHnBlB,YAAY,GAAGA,YAAY,CAACiB,IAAI,EAAEC,KAAK,CAAC,GAAGG,MAAM,CAACH,KAAK,CAIxD,CACP;EAAC,CACQ,CAAC;AAEjB","ignoreList":[]}

package/dist/module/components/ChatInputBar.js

@@ -0,0 +1,101 @@
+"use strict";
+
+import { TextInput, View, Pressable } from 'react-native';
+import { Send } from 'lucide-react-native';
+import { useColors, useShadows, useTypography } from "../theme/ThemeProvider.js";
+import { VARIANT_GEOMETRY } from "../theme/geometry.js";
+import { SPACE, RADIUS } from "../theme/scale.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Theme-agnostic chat composer — a multiline rounded input with a send button,
+ * anchored at the bottom of a {@link ChatScreen}.
+ *
+ * Color comes INLINE from {@link useColors}: the bar fills with `bg.primary`
+ * (with a `border.default` top hairline), the field is `bg.card` with
+ * `text.primary` text + `text.tertiary` placeholder, and the send button is
+ * `brand.primary` (themed {@link useShadows} `sm`) when sendable / `bg.secondary`
+ * when not. The field FONT also comes from the theme — `body-md` family +
+ * geometry inline — never a `font-*` className (those do not resolve reliably on
+ * native). Layout (flex, padding, radius) is applied INLINE from the
+ * library-owned {@link SPACE}/{@link RADIUS} scale, so the bar renders with no
+ * NativeWind setup in the consumer; `style` is an inline override merged last.
+ */
+export function ChatInputBar({
+  value,
+  onChangeText,
+  onSend,
+  isSending = false,
+  placeholder = 'Type a message...',
+  maxLength = 2000,
+  style
+}) {
+  const colors = useColors();
+  const shadows = useShadows();
+  const typography = useTypography();
+  const canSend = value.trim().length > 0 && !isSending;
+
+  // Field font from the theme's body-md variant — family + geometry inline.
+  const bodyGeometry = VARIANT_GEOMETRY['body-md'];
+  const fieldFont = {
+    fontFamily: typography.fontFamily['body-md'],
+    fontSize: bodyGeometry.fontSize,
+    lineHeight: bodyGeometry.lineHeight,
+    letterSpacing: bodyGeometry.letterSpacing
+  };
+  return /*#__PURE__*/_jsxs(View, {
+    style: [{
+      flexDirection: 'row',
+      alignItems: 'flex-end',
+      paddingHorizontal: SPACE['4'],
+      paddingVertical: SPACE['3'],
+      gap: SPACE['2.5'],
+      backgroundColor: colors.bg.primary,
+      borderTopWidth: 1,
+      borderTopColor: colors.border.default
+    }, style],
+    children: [/*#__PURE__*/_jsx(TextInput, {
+      value: value,
+      onChangeText: onChangeText,
+      placeholder: placeholder,
+      placeholderTextColor: colors.text.tertiary,
+      style: [fieldFont, {
+        flex: 1,
+        borderRadius: RADIUS['2xl'],
+        paddingHorizontal: SPACE['4'],
+        paddingVertical: SPACE['2.5'],
+        maxHeight: 110,
+        backgroundColor: colors.bg.card,
+        color: colors.text.primary
+      }],
+      maxLength: maxLength,
+      multiline: true,
+      returnKeyType: "default",
+      accessibilityLabel: "Message input",
+      accessibilityHint: placeholder
+    }), /*#__PURE__*/_jsx(Pressable, {
+      onPress: onSend,
+      disabled: !canSend,
+      style: [{
+        width: 40,
+        height: 40,
+        borderRadius: RADIUS.full,
+        alignItems: 'center',
+        justifyContent: 'center'
+      }, canSend ? [{
+        backgroundColor: colors.brand.primary
+      }, shadows.sm] : {
+        backgroundColor: colors.bg.secondary
+      }],
+      accessibilityRole: "button",
+      accessibilityLabel: "Send message",
+      accessibilityState: {
+        disabled: !canSend
+      },
+      children: /*#__PURE__*/_jsx(Send, {
+        size: 20,
+        color: canSend ? colors.text.inverse : colors.text.tertiary
+      })
+    })]
+  });
+}
+//# sourceMappingURL=ChatInputBar.js.map