@campxdev/react-native-blueprint 0.1.16 → 0.1.18

package/lib/module/components/DataDisplay/FeedCard/FeedCard.figma.js

@@ -0,0 +1,42 @@
+"use strict";
+
+import figma from '@figma/code-connect';
+import { FeedCard } from "./FeedCard.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+const FIGMA_URL = 'https://www.figma.com/design/66WaqopqU3WXgwVtyQuTUf/React-Native-Blueprint-Library?node-id=511-10139';
+figma.connect(FeedCard, FIGMA_URL, {
+  props: {
+    type: figma.enum('type', {
+      post: 'post',
+      announcement: 'announcement'
+    }),
+    authorName: figma.string('authorName'),
+    postTitle: figma.string('postTitle'),
+    subtitle: figma.string('subtitle'),
+    postContent: figma.string('postContent'),
+    showHeader: figma.boolean('Show Header'),
+    showLeading: figma.boolean('Show Leading'),
+    showMedia: figma.boolean('Show Media'),
+    showPostContent: figma.boolean('Show PostContent'),
+    showSubtitle: figma.boolean('Show Subtitle'),
+    showBadges: figma.boolean('Show Badges'),
+    showFooterActions: figma.boolean('Show FooterActions'),
+    showSecondaryButton: figma.boolean('Show SecondaryButton')
+  },
+  example: props => /*#__PURE__*/_jsx(FeedCard, {
+    type: props.type,
+    authorName: props.authorName,
+    postTitle: props.postTitle,
+    subtitle: props.subtitle,
+    postContent: props.postContent,
+    showHeader: props.showHeader,
+    showLeading: props.showLeading,
+    showMedia: props.showMedia,
+    showPostContent: props.showPostContent,
+    showSubtitle: props.showSubtitle,
+    showBadges: props.showBadges,
+    showFooterActions: props.showFooterActions,
+    showSecondaryButton: props.showSecondaryButton
+  })
+});
+//# sourceMappingURL=FeedCard.figma.js.map

package/lib/module/components/DataDisplay/FeedCard/FeedCard.figma.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["figma","FeedCard","jsx","_jsx","FIGMA_URL","connect","props","type","enum","post","announcement","authorName","string","postTitle","subtitle","postContent","showHeader","boolean","showLeading","showMedia","showPostContent","showSubtitle","showBadges","showFooterActions","showSecondaryButton","example"],"sourceRoot":"../../../../../src","sources":["components/DataDisplay/FeedCard/FeedCard.figma.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,qBAAqB;AACvC,SAASC,QAAQ,QAAQ,eAAY;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAEtC,MAAMC,SAAS,GACb,sGAAsG;AAExGJ,KAAK,CAACK,OAAO,CAACJ,QAAQ,EAAEG,SAAS,EAAE;EACjCE,KAAK,EAAE;IACLC,IAAI,EAAEP,KAAK,CAACQ,IAAI,CAAC,MAAM,EAAE;MACvBC,IAAI,EAAE,MAAM;MACZC,YAAY,EAAE;IAChB,CAAC,CAAC;IACFC,UAAU,EAAEX,KAAK,CAACY,MAAM,CAAC,YAAY,CAAC;IACtCC,SAAS,EAAEb,KAAK,CAACY,MAAM,CAAC,WAAW,CAAC;IACpCE,QAAQ,EAAEd,KAAK,CAACY,MAAM,CAAC,UAAU,CAAC;IAClCG,WAAW,EAAEf,KAAK,CAACY,MAAM,CAAC,aAAa,CAAC;IACxCI,UAAU,EAAEhB,KAAK,CAACiB,OAAO,CAAC,aAAa,CAAC;IACxCC,WAAW,EAAElB,KAAK,CAACiB,OAAO,CAAC,cAAc,CAAC;IAC1CE,SAAS,EAAEnB,KAAK,CAACiB,OAAO,CAAC,YAAY,CAAC;IACtCG,eAAe,EAAEpB,KAAK,CAACiB,OAAO,CAAC,kBAAkB,CAAC;IAClDI,YAAY,EAAErB,KAAK,CAACiB,OAAO,CAAC,eAAe,CAAC;IAC5CK,UAAU,EAAEtB,KAAK,CAACiB,OAAO,CAAC,aAAa,CAAC;IACxCM,iBAAiB,EAAEvB,KAAK,CAACiB,OAAO,CAAC,oBAAoB,CAAC;IACtDO,mBAAmB,EAAExB,KAAK,CAACiB,OAAO,CAAC,sBAAsB;EAC3D,CAAC;EACDQ,OAAO,EAAGnB,KAAK,iBACbH,IAAA,CAACF,QAAQ;IACPM,IAAI,EAAED,KAAK,CAACC,IAAK;IACjBI,UAAU,EAAEL,KAAK,CAACK,UAAW;IAC7BE,SAAS,EAAEP,KAAK,CAACO,SAAU;IAC3BC,QAAQ,EAAER,KAAK,CAACQ,QAAS;IACzBC,WAAW,EAAET,KAAK,CAACS,WAAY;IAC/BC,UAAU,EAAEV,KAAK,CAACU,UAAW;IAC7BE,WAAW,EAAEZ,KAAK,CAACY,WAAY;IAC/BC,SAAS,EAAEb,KAAK,CAACa,SAAU;IAC3BC,eAAe,EAAEd,KAAK,CAACc,eAAgB;IACvCC,YAAY,EAAEf,KAAK,CAACe,YAAa;IACjCC,UAAU,EAAEhB,KAAK,CAACgB,UAAW;IAC7BC,iBAAiB,EAAEjB,KAAK,CAACiB,iBAAkB;IAC3CC,mBAAmB,EAAElB,KAAK,CAACkB;EAAoB,CAChD;AAEL,CAAC,CAAC","ignoreList":[]}

package/lib/module/components/DataDisplay/FeedCard/FeedCard.js

@@ -0,0 +1,261 @@
+"use strict";
+
+// @ts-nocheck
+import { View as RNView, Text as RNTextBase, Image as RNImage } from 'react-native';
+import { cssInterop } from 'nativewind';
+import { cva } from 'class-variance-authority';
+import { cn } from "../../../lib/utils.js";
+import { Button } from "../../Input/Button/Button.js";
+import { Badge } from "../Badge/Badge.js";
+import { Text } from "../../Input/Text/Text.js";
+import { Avatar } from "../Avatar/Avatar.js";
+import { AspectRatio } from "../../Layout/AspectRatio/Aspect-Ratio.js";
+
+// Default placeholder image
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const DEFAULT_MEDIA_IMAGE = 'https://images.unsplash.com/photo-1470071459604-3b5ec3a7fe3e?w=400&h=224&fit=crop';
+
+// NativeWind interop (className -> style)
+const View = cssInterop(RNView, {
+  className: 'style'
+});
+const RNText = cssInterop(RNTextBase, {
+  className: 'style'
+});
+const Image = cssInterop(RNImage, {
+  className: 'style'
+});
+
+/* ============================================================================
+ * VARIANTS
+ * ============================================================================ */
+
+export const FeedCardVariants = {
+  type: ['post', 'announcement']
+};
+const rootVariants = cva('w-full overflow-hidden rounded-3xl', {
+  variants: {
+    type: {
+      post: 'bg-surface-default',
+      announcement: 'bg-surface-default border border-border-default'
+    }
+  },
+  defaultVariants: {
+    type: 'post'
+  }
+});
+const metaRowVariants = cva('w-full flex-row p-4', {
+  variants: {
+    type: {
+      post: 'items-center gap-2',
+      announcement: 'items-center justify-between'
+    }
+  },
+  defaultVariants: {
+    type: 'post'
+  }
+});
+const mediaWrapVariants = cva('w-full overflow-hidden px-4 pb-4');
+const contentWrapVariants = cva('w-full px-4 pb-4 flex-col');
+const headerVariants = cva('w-full gap-1 flex-col');
+const titleVariants = cva('text-base font-semibold text-text-primary');
+const subtitleVariants = cva('text-xs font-medium text-text-secondary');
+const bodyVariants = cva('text-sm font-medium text-text-primary');
+const badgesRowVariants = cva('w-full flex-row items-start gap-2 pb-4 px-4');
+const footerRowVariants = cva('w-full flex-row items-center justify-between px-4 pb-4');
+const leftButtonsVariants = cva('flex-row items-center gap-2');
+const rightButtonsVariants = cva('flex-row items-center');
+
+/* ============================================================================
+ * HELPERS
+ * ============================================================================ */
+
+function normalizeType(v) {
+  const s = String(v ?? 'post').toLowerCase();
+  return s === 'announcement' ? 'announcement' : 'post';
+}
+
+/* ============================================================================
+ * PROPS
+ * ============================================================================ */
+
+/* ============================================================================
+ * COMPONENT
+ * ============================================================================ */
+
+export function FeedCard(props) {
+  const {
+    authorName = 'Author Name',
+    postTitle = 'Post Title',
+    subtitle = 'Subtitle of the card goes here',
+    postContent = 'The card may contain body content which can be truncated to 1-2 lines. Swap Content in Props.',
+    image,
+    type = 'post',
+    showHeader = true,
+    showLeading = true,
+    showMedia = true,
+    showPostContent = true,
+    showSubtitle = true,
+    showBadges = true,
+    showFooterActions = true,
+    showSecondaryButton = true,
+    badge1Text = 'Badge',
+    badge2Text = 'Badge',
+    primaryActionText = 'Button',
+    secondaryActionText = 'Button',
+    onPrimaryActionPress,
+    onSecondaryActionPress,
+    onTertiaryActionPress,
+    style,
+    testID
+  } = props;
+  const cardType = normalizeType(type);
+  const isAnnouncement = cardType === 'announcement';
+  return /*#__PURE__*/_jsxs(View, {
+    testID: testID ?? 'feed-card',
+    className: cn(rootVariants({
+      type: cardType
+    })),
+    style: style,
+    children: [/*#__PURE__*/_jsxs(View, {
+      testID: "feed-card-meta",
+      className: cn(metaRowVariants({
+        type: cardType
+      })),
+      children: [showLeading && /*#__PURE__*/_jsx(View, {
+        testID: "feed-card-leading",
+        className: "items-center justify-center",
+        children: /*#__PURE__*/_jsx(Avatar, {
+          initials: (authorName ?? 'AA').slice(0, 2).toUpperCase(),
+          size: "Default",
+          type: "Initials"
+        })
+      }), /*#__PURE__*/_jsxs(View, {
+        testID: "feed-card-author",
+        className: "flex-col flex-1 gap-0.5",
+        children: [/*#__PURE__*/_jsx(RNText, {
+          testID: "feed-card-author-name",
+          numberOfLines: 1,
+          className: "text-sm font-semibold text-text-primary",
+          children: authorName
+        }), /*#__PURE__*/_jsx(RNText, {
+          testID: "feed-card-timestamp",
+          numberOfLines: 1,
+          className: "text-xs font-normal text-text-secondary",
+          children: "Posted 1 day ago"
+        })]
+      }), isAnnouncement && /*#__PURE__*/_jsx(Badge, {
+        testID: "feed-card-type-badge",
+        variant: "default",
+        size: "sm",
+        showLeftIcon: false,
+        showRightIcon: false,
+        children: /*#__PURE__*/_jsx(Text, {
+          children: "Announcement"
+        })
+      })]
+    }), showMedia && /*#__PURE__*/_jsx(View, {
+      testID: "feed-card-media-wrap",
+      className: cn(mediaWrapVariants()),
+      children: /*#__PURE__*/_jsx(AspectRatio, {
+        variant: "16:9",
+        children: /*#__PURE__*/_jsx(View, {
+          className: "w-full h-full bg-surface-subtle rounded-3xl overflow-hidden",
+          children: /*#__PURE__*/_jsx(Image, {
+            testID: "feed-card-media",
+            source: image || {
+              uri: DEFAULT_MEDIA_IMAGE
+            },
+            resizeMode: "cover",
+            className: "w-full h-full"
+          })
+        })
+      })
+    }), showPostContent && /*#__PURE__*/_jsxs(View, {
+      testID: "feed-card-content",
+      className: cn(contentWrapVariants()),
+      children: [showHeader && /*#__PURE__*/_jsxs(View, {
+        testID: "feed-card-header",
+        className: cn(headerVariants()),
+        children: [/*#__PURE__*/_jsx(RNText, {
+          testID: "feed-card-title",
+          numberOfLines: 1,
+          className: cn(titleVariants()),
+          children: postTitle
+        }), showSubtitle && /*#__PURE__*/_jsx(RNText, {
+          testID: "feed-card-subtitle",
+          numberOfLines: 1,
+          className: cn(subtitleVariants()),
+          children: subtitle
+        })]
+      }), /*#__PURE__*/_jsx(RNText, {
+        testID: "feed-card-body",
+        numberOfLines: 2,
+        className: cn(bodyVariants()),
+        children: postContent
+      })]
+    }), showBadges && /*#__PURE__*/_jsxs(View, {
+      testID: "feed-card-badges",
+      className: cn(badgesRowVariants()),
+      children: [/*#__PURE__*/_jsx(Badge, {
+        testID: "feed-card-badge-1",
+        variant: "default",
+        size: "sm",
+        showLeftIcon: false,
+        showRightIcon: false,
+        children: /*#__PURE__*/_jsx(Text, {
+          children: badge1Text
+        })
+      }), /*#__PURE__*/_jsx(Badge, {
+        testID: "feed-card-badge-2",
+        variant: "default",
+        size: "sm",
+        showLeftIcon: false,
+        showRightIcon: false,
+        children: /*#__PURE__*/_jsx(Text, {
+          children: badge2Text
+        })
+      })]
+    }), showFooterActions && /*#__PURE__*/_jsxs(View, {
+      testID: "feed-card-footer",
+      className: cn(footerRowVariants()),
+      children: [/*#__PURE__*/_jsxs(View, {
+        testID: "feed-card-footer-left",
+        className: cn(leftButtonsVariants()),
+        children: [/*#__PURE__*/_jsx(Button, {
+          testID: "feed-card-primary-action",
+          disabled: false,
+          size: "default",
+          variant: "default",
+          showLeftIcon: false,
+          showRightIcon: false,
+          onPress: onPrimaryActionPress,
+          children: primaryActionText
+        }), showSecondaryButton && /*#__PURE__*/_jsx(Button, {
+          testID: "feed-card-secondary-action",
+          disabled: false,
+          size: "default",
+          variant: "secondary",
+          showLeftIcon: false,
+          showRightIcon: false,
+          onPress: onSecondaryActionPress,
+          children: secondaryActionText
+        })]
+      }), /*#__PURE__*/_jsx(View, {
+        testID: "feed-card-footer-right",
+        className: cn(rightButtonsVariants()),
+        children: /*#__PURE__*/_jsx(Button, {
+          testID: "feed-card-tertiary-action",
+          disabled: false,
+          size: "icon",
+          variant: "secondary",
+          showLeftIcon: false,
+          showRightIcon: false,
+          onPress: onTertiaryActionPress
+        })
+      })]
+    })]
+  });
+}
+FeedCard.displayName = 'FeedCard';
+//# sourceMappingURL=FeedCard.js.map

package/lib/module/components/DataDisplay/FeedCard/FeedCard.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["View","RNView","Text","RNTextBase","Image","RNImage","cssInterop","cva","cn","Button","Badge","Avatar","AspectRatio","jsx","_jsx","jsxs","_jsxs","DEFAULT_MEDIA_IMAGE","className","RNText","FeedCardVariants","type","rootVariants","variants","post","announcement","defaultVariants","metaRowVariants","mediaWrapVariants","contentWrapVariants","headerVariants","titleVariants","subtitleVariants","bodyVariants","badgesRowVariants","footerRowVariants","leftButtonsVariants","rightButtonsVariants","normalizeType","v","s","String","toLowerCase","FeedCard","props","authorName","postTitle","subtitle","postContent","image","showHeader","showLeading","showMedia","showPostContent","showSubtitle","showBadges","showFooterActions","showSecondaryButton","badge1Text","badge2Text","primaryActionText","secondaryActionText","onPrimaryActionPress","onSecondaryActionPress","onTertiaryActionPress","style","testID","cardType","isAnnouncement","children","initials","slice","toUpperCase","size","numberOfLines","variant","showLeftIcon","showRightIcon","source","uri","resizeMode","disabled","onPress","displayName"],"sourceRoot":"../../../../../src","sources":["components/DataDisplay/FeedCard/FeedCard.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/DataDisplay/Greeting/Greeting.figma.js

@@ -3,12 +3,19 @@
 import figma from '@figma/code-connect';
 import { Greeting } from "./Greeting.js";
 import { jsx as _jsx } from "react/jsx-runtime";
-const FIGMA_URL = 'https://www.figma.com/design/66WaqopqU3WXgwVtyQuTUf/React-Native-Blueprint-Library?node-id=448-8146';
+const FIGMA_URL = 'https://www.figma.com/design/66WaqopqU3WXgwVtyQuTUf/React-Native-Blueprint-Library?node-id=495-8995';
 figma.connect(Greeting, FIGMA_URL, {
   props: {
+    ctaLayout: figma.enum('CTA Layout', {
+      'icon': 'icon',
+      'none': 'none',
+      'floating': 'floating',
+      'ai summary': 'ai summary'
+    }),
     showNextUp: figma.boolean('Show NextUp')
   },
   example: props => /*#__PURE__*/_jsx(Greeting, {
+    ctaLayout: props.ctaLayout,
     showNextUp: props.showNextUp
   })
 });

package/lib/module/components/DataDisplay/Greeting/Greeting.figma.js.map

@@ -1 +1 @@
-{"version":3,"names":["figma","Greeting","jsx","_jsx","FIGMA_URL","connect","props","showNextUp","boolean","example"],"sourceRoot":"../../../../../src","sources":["components/DataDisplay/Greeting/Greeting.figma.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,qBAAqB;AACvC,SAASC,QAAQ,QAAQ,eAAY;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAEtC,MAAMC,SAAS,GACb,qGAAqG;AAEvGJ,KAAK,CAACK,OAAO,CAACJ,QAAQ,EAAEG,SAAS,EAAE;EACjCE,KAAK,EAAE;IACLC,UAAU,EAAEP,KAAK,CAACQ,OAAO,CAAC,aAAa;EACzC,CAAC;EACDC,OAAO,EAAGH,KAAK,iBAAKH,IAAA,CAACF,QAAQ;IAACM,UAAU,EAAED,KAAK,CAACC;EAAW,CAAE;AAC/D,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["figma","Greeting","jsx","_jsx","FIGMA_URL","connect","props","ctaLayout","enum","showNextUp","boolean","example"],"sourceRoot":"../../../../../src","sources":["components/DataDisplay/Greeting/Greeting.figma.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,qBAAqB;AACvC,SAASC,QAAQ,QAAQ,eAAY;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAEtC,MAAMC,SAAS,GACb,qGAAqG;AAEvGJ,KAAK,CAACK,OAAO,CAACJ,QAAQ,EAAEG,SAAS,EAAE;EACjCE,KAAK,EAAE;IACLC,SAAS,EAAEP,KAAK,CAACQ,IAAI,CAAC,YAAY,EAAE;MAClC,MAAM,EAAE,MAAM;MACd,MAAM,EAAE,MAAM;MACd,UAAU,EAAE,UAAU;MACtB,YAAY,EAAE;IAChB,CAAC,CAAC;IACFC,UAAU,EAAET,KAAK,CAACU,OAAO,CAAC,aAAa;EACzC,CAAC;EACDC,OAAO,EAAGL,KAAK,iBACbH,IAAA,CAACF,QAAQ;IAACM,SAAS,EAAED,KAAK,CAACC,SAAU;IAACE,UAAU,EAAEH,KAAK,CAACG;EAAW,CAAE;AAEzE,CAAC,CAAC","ignoreList":[]}

package/lib/module/components/DataDisplay/Greeting/Greeting.js

@@ -2,12 +2,14 @@
 
 // @ts-nocheck
 import * as React from 'react';
-import { Pressable as RNPressable, StyleSheet, View as RNView } from 'react-native';
+import { Pressable as RNPressable, View as RNView } from 'react-native';
+import { LinearGradient } from 'expo-linear-gradient';
 import { cssInterop } from 'nativewind';
 import { Calendar } from 'lucide-react-native';
 import { cn } from "../../../lib/utils.js";
 import { Text } from "../../Input/Text/Text.js";
 import { Icon } from "../../ui/Icon.js";
+import { Button } from "../../Input/Button/Button.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 cssInterop(RNView, {
   className: 'style'
@@ -15,6 +17,9 @@ cssInterop(RNView, {
 cssInterop(RNPressable, {
   className: 'style'
 });
+cssInterop(LinearGradient, {
+  className: 'style'
+});
 const View = RNView;
 const Pressable = RNPressable;
 
@@ -52,7 +57,8 @@ export function Greeting({
   userName = 'Marshall',
   greetingText = 'Good Morning',
   subtitle = 'You have 3 Classes today',
-  showScheduleButton = true,
+  ctaLayout = 'icon',
+  showScheduleButton,
   onSchedulePress,
   showNextUp = true,
   nextUpTitle = 'Digital Logic Design',
@@ -60,11 +66,19 @@ export function Greeting({
   className,
   testID
 }) {
+  // Handle backwards compatibility: showScheduleButton prop takes precedence if explicitly set
+  const effectiveCtaLayout = showScheduleButton !== undefined ? showScheduleButton ? 'icon' : 'none' : ctaLayout;
+  const isAiSummary = effectiveCtaLayout === 'ai summary';
+  const isFloating = effectiveCtaLayout === 'floating';
+  const isIconOrFloatingOrNoneOrAiSummary = ['icon', 'floating', 'none', 'ai summary'].includes(effectiveCtaLayout);
+  const isNone = effectiveCtaLayout === 'none';
   return /*#__PURE__*/_jsxs(View, {
     testID: testID,
-    className: cn('w-full max-w-[400px] flex-col gap-4 items-start justify-end rounded-lg border border-border-default bg-surface-default px-3 py-4', className),
+    className: cn('w-full max-w-[400px] flex-col items-start justify-end bg-surface-default',
+    // Base styling based on ctaLayout
+    isAiSummary ? 'gap-4 rounded-3xl border border-border-default px-0 pt-4 pb-0 overflow-hidden' : isFloating ? 'gap-4 rounded-3xl border border-border-default px-0 pt-4 pb-0 overflow-hidden' : isNone ? 'gap-4 rounded-3xl border border-border-default px-0 py-4' : 'gap-4 rounded-3xl border border-border-default px-0 py-4', className),
     children: [/*#__PURE__*/_jsxs(View, {
-      className: "w-full flex-row items-center justify-between",
+      className: cn('w-full flex-row items-center', isFloating || isAiSummary ? 'justify-between px-3' : isNone ? 'px-3' : 'px-3'),
       children: [/*#__PURE__*/_jsxs(View, {
         className: "flex-1 flex-col gap-1",
         children: [/*#__PURE__*/_jsx(Text, {
@@ -74,19 +88,27 @@ export function Greeting({
           className: "font-medium text-xs text-text-secondary",
           children: subtitle
         })]
-      }), showScheduleButton && /*#__PURE__*/_jsx(Pressable, {
+      }), effectiveCtaLayout === 'icon' && /*#__PURE__*/_jsx(Pressable, {
         onPress: onSchedulePress,
         hitSlop: 12,
-        className: "ml-3 flex-row items-center justify-center rounded-lg bg-highlight-purple p-3",
-        style: styles.scheduleButton,
+        className: "ml-3 flex-row items-center justify-center rounded-lg p-3 bg-highlight-purple",
+        children: /*#__PURE__*/_jsx(Icon, {
+          as: Calendar,
+          size: 16,
+          color: "white"
+        })
+      }), isAiSummary && /*#__PURE__*/_jsx(Pressable, {
+        onPress: onSchedulePress,
+        hitSlop: 12,
+        className: "ml-3 flex-row items-center justify-center rounded-lg p-3 bg-highlight-purple",
         children: /*#__PURE__*/_jsx(Icon, {
           as: Calendar,
           size: 16,
           color: "white"
         })
       })]
-    }), showNextUp && /*#__PURE__*/_jsxs(View, {
-      className: "w-full flex-col gap-1",
+    }), isIconOrFloatingOrNoneOrAiSummary && showNextUp && /*#__PURE__*/_jsxs(View, {
+      className: "w-full flex-col gap-1 px-3",
       children: [/*#__PURE__*/_jsx(Text, {
         className: "font-medium text-xs text-text-secondary",
         children: "Next up"
@@ -102,20 +124,52 @@ export function Greeting({
           children: nextUpTime
         })]
       })]
+    }), isAiSummary && /*#__PURE__*/_jsx(LinearGradient, {
+      colors: ['#573dab', '#f2353c'],
+      start: {
+        x: 0,
+        y: 0
+      },
+      end: {
+        x: 1,
+        y: 0
+      },
+      className: "w-full items-center justify-center",
+      style: {
+        paddingVertical: 8,
+        borderBottomLeftRadius: 20,
+        borderBottomRightRadius: 20
+      },
+      children: /*#__PURE__*/_jsx(Pressable, {
+        onPress: onSchedulePress,
+        className: "w-full items-center justify-center",
+        style: {
+          paddingVertical: 0
+        },
+        children: /*#__PURE__*/_jsx(Text, {
+          className: "font-semibold text-sm text-white",
+          children: "AI Summary for Today"
+        })
+      })
+    }), isFloating && /*#__PURE__*/_jsx(View, {
+      className: "w-full bg-surface-default",
+      style: {
+        borderBottomLeftRadius: 20,
+        borderBottomRightRadius: 20
+      },
+      children: /*#__PURE__*/_jsx(Button, {
+        variant: "outline",
+        size: "default",
+        showRightIcon: true,
+        rightIcon: Calendar,
+        onPress: onSchedulePress,
+        style: {
+          width: '100%'
+        },
+        children: "View Schedule"
+      })
     })]
   });
 }
 Greeting.displayName = 'Greeting';
-const styles = StyleSheet.create({
-  scheduleButton: {
-    shadowColor: '#573dab',
-    shadowOffset: {
-      width: 0,
-      height: 0
-    },
-    shadowOpacity: 0.5,
-    shadowRadius: 12,
-    elevation: 8
-  }
-});
 //# sourceMappingURL=Greeting.js.map

package/lib/module/components/DataDisplay/Greeting/Greeting.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Pressable","RNPressable","StyleSheet","View","RNView","cssInterop","Calendar","cn","Text","Icon","jsx","_jsx","jsxs","_jsxs","className","Greeting","userName","greetingText","subtitle","showScheduleButton","onSchedulePress","showNextUp","nextUpTitle","nextUpTime","testID","children","onPress","hitSlop","style","styles","scheduleButton","as","size","color","displayName","create","shadowColor","shadowOffset","width","height","shadowOpacity","shadowRadius","elevation"],"sourceRoot":"../../../../../src","sources":["components/DataDisplay/Greeting/Greeting.tsx"],"mappings":";;AAAA;AACA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SACEC,SAAS,IAAIC,WAAW,EACxBC,UAAU,EACVC,IAAI,IAAIC,MAAM,QACT,cAAc;AACrB,SAASC,UAAU,QAAQ,YAAY;AACvC,SAASC,QAAQ,QAAQ,qBAAqB;AAC9C,SAASC,EAAE,QAAQ,uBAAoB;AACvC,SAASC,IAAI,QAAQ,0BAAuB;AAC5C,SAASC,IAAI,QAAQ,kBAAe;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAErCR,UAAU,CAACD,MAAM,EAAE;EAAEU,SAAS,EAAE;AAAQ,CAAC,CAAC;AAC1CT,UAAU,CAACJ,WAAW,EAAE;EAAEa,SAAS,EAAE;AAAQ,CAAC,CAAC;AAE/C,MAAMX,IAAI,GAAGC,MAEZ;AACD,MAAMJ,SAAS,GAAGC,WAEjB;;AAED;AACA;AACA;;AAwBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASc,QAAQA,CAAC;EACvBC,QAAQ,GAAG,UAAU;EACrBC,YAAY,GAAG,cAAc;EAC7BC,QAAQ,GAAG,0BAA0B;EACrCC,kBAAkB,GAAG,IAAI;EACzBC,eAAe;EACfC,UAAU,GAAG,IAAI;EACjBC,WAAW,GAAG,sBAAsB;EACpCC,UAAU,GAAG,UAAU;EACvBT,SAAS;EACTU;AACa,CAAC,EAAE;EAChB,oBACEX,KAAA,CAACV,IAAI;IACHqB,MAAM,EAAEA,MAAO;IACfV,SAAS,EAAEP,EAAE,CACX,kIAAkI,EAClIO,SACF,CAAE;IAAAW,QAAA,gBAGFZ,KAAA,CAACV,IAAI;MAACW,SAAS,EAAC,8CAA8C;MAAAW,QAAA,gBAE5DZ,KAAA,CAACV,IAAI;QAACW,SAAS,EAAC,uBAAuB;QAAAW,QAAA,gBACrCd,IAAA,CAACH,IAAI;UAACM,SAAS,EAAC,2CAA2C;UAAAW,QAAA,EACxD,OAAOT,QAAQ,KAAKC,YAAY;QAAE,CAC/B,CAAC,eACPN,IAAA,CAACH,IAAI;UAACM,SAAS,EAAC,yCAAyC;UAAAW,QAAA,EACtDP;QAAQ,CACL,CAAC;MAAA,CACH,CAAC,EAGNC,kBAAkB,iBACjBR,IAAA,CAACX,SAAS;QACR0B,OAAO,EAAEN,eAAgB;QACzBO,OAAO,EAAE,EAAG;QACZb,SAAS,EAAC,8EAA8E;QACxFc,KAAK,EAAEC,MAAM,CAACC,cAAe;QAAAL,QAAA,eAE7Bd,IAAA,CAACF,IAAI;UAACsB,EAAE,EAAEzB,QAAS;UAAC0B,IAAI,EAAE,EAAG;UAACC,KAAK,EAAC;QAAO,CAAE;MAAC,CACrC,CACZ;IAAA,CACG,CAAC,EAGNZ,UAAU,iBACTR,KAAA,CAACV,IAAI;MAACW,SAAS,EAAC,uBAAuB;MAAAW,QAAA,gBACrCd,IAAA,CAACH,IAAI;QAACM,SAAS,EAAC,yCAAyC;QAAAW,QAAA,EAAC;MAE1D,CAAM,CAAC,eAEPZ,KAAA,CAACV,IAAI;QAACW,SAAS,EAAC,oCAAoC;QAAAW,QAAA,gBAClDd,IAAA,CAACH,IAAI;UAACM,SAAS,EAAC,2CAA2C;UAAAW,QAAA,EACxDH;QAAW,CACR,CAAC,eAEPX,IAAA,CAACR,IAAI;UAACW,SAAS,EAAC;QAA4C,CAAE,CAAC,eAC/DH,IAAA,CAACH,IAAI;UAACM,SAAS,EAAC,2CAA2C;UAAAW,QAAA,EACxDF;QAAU,CACP,CAAC;MAAA,CACH,CAAC;IAAA,CACH,CACP;EAAA,CACG,CAAC;AAEX;AAEAR,QAAQ,CAACmB,WAAW,GAAG,UAAU;AAEjC,MAAML,MAAM,GAAG3B,UAAU,CAACiC,MAAM,CAAC;EAC/BL,cAAc,EAAE;IACdM,WAAW,EAAE,SAAS;IACtBC,YAAY,EAAE;MAAEC,KAAK,EAAE,CAAC;MAAEC,MAAM,EAAE;IAAE,CAAC;IACrCC,aAAa,EAAE,GAAG;IAClBC,YAAY,EAAE,EAAE;IAChBC,SAAS,EAAE;EACb;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["React","Pressable","RNPressable","View","RNView","LinearGradient","cssInterop","Calendar","cn","Text","Icon","Button","jsx","_jsx","jsxs","_jsxs","className","Greeting","userName","greetingText","subtitle","ctaLayout","showScheduleButton","onSchedulePress","showNextUp","nextUpTitle","nextUpTime","testID","effectiveCtaLayout","undefined","isAiSummary","isFloating","isIconOrFloatingOrNoneOrAiSummary","includes","isNone","children","onPress","hitSlop","as","size","color","colors","start","x","y","end","style","paddingVertical","borderBottomLeftRadius","borderBottomRightRadius","variant","showRightIcon","rightIcon","width","displayName"],"sourceRoot":"../../../../../src","sources":["components/DataDisplay/Greeting/Greeting.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/ui/index.js

@@ -21,6 +21,7 @@ export * from "../Layout/Bottomsheet/Bottom-Sheet.js";
 export * from "../Input/Button/Button.js";
 export * from "../DataDisplay/Card/Card.js";
 export * from "../DataDisplay/CalendarItem/CalendarItem.js";
+export * from "../DataDisplay/FeedCard/FeedCard.js";
 export * from "../DataDisplay/Greeting/Greeting.js";
 export * from "../DataDisplay/MonthCalendar/MonthCalendar.js";
 export * from "../DataDisplay/DataCard/DataCard.js";

package/lib/module/components/ui/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["components/ui/index.ts"],"mappings":";;AAAA;AACA,cAAc,uCAAoC;AAClD,cAAc,+CAA4C;AAC1D,cAAc,4BAAyB;AACvC,cAAc,yCAAsC;AACpD,cAAc,gCAA6B;AAC3C,cAAc,gCAA6B;AAC3C,cAAc,uCAAoC;AAClD,cAAc,iCAA8B;AAC5C,cAAc,+BAA4B;AAC1C,cAAc,iCAA8B;AAC5C,cAAc,+BAA4B;AAC1C,cAAc,qCAAkC;AAChD,cAAc,uCAAoC;AAClD,cAAc,8CAA2C;AACzD,cAAc,kDAA+C;AAC7D,cAAc,sCAAmC;AACjD,cAAc,uCAAoC;AAClD,cAAc,2BAAwB;AACtC,cAAc,6BAA0B;AACxC,cAAc,6CAA0C;AACxD,cAAc,qCAAkC;AAChD,cAAc,+CAA4C;AAC1D,cAAc,qCAAkC;AAChD,cAAc,+BAA4B;AAC1C,cAAc,kBAAe;AAC7B,cAAc,2CAAwC;AACtD,cAAc,kBAAe;AAC7B,cAAc,gCAA6B;AAC3C,cAAc,oBAAiB;AAC/B,cAAc,iDAA8C;AAE5D,cAAc,iBAAc;AAC5B,cAAc,WAAQ;AACtB,cAAc,YAAS;AACvB,cAAc,YAAS;AACvB,cAAc,cAAW;AACzB,cAAc,gCAA6B;AAC3C,cAAc,kCAA+B;AAC7C,cAAc,iDAA8C;AAC5D,cAAc,+CAA4C;AAC1D,cAAc,mDAAgD;AAC9D,cAAc,gCAA6B;AAC3C,cAAc,oCAAiC;AAC/C,cAAc,2BAAwB;AACtC,cAAc,uCAAoC;AAClD,cAAc,eAAY;AAC1B,cAAc,qCAAkC;AAChD,cAAc,aAAU;AACxB,cAAc,2BAAwB;AACtC,cAAc,YAAS;AACvB,cAAc,wBAAqB;AACnC,cAAc,uBAAoB;AAClC,cAAc,iCAA8B;AAC5C,cAAc,2CAAwC;AACtD,cAAc,YAAS;AACvB,cAAc,2BAAwB;AACtC,cAAc,sCAAmC;AACjD,cAAc,mCAAgC;AAC9C,cAAc,6CAA0C;AACxD,cAAc,qCAAkC","ignoreList":[]}
+{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["components/ui/index.ts"],"mappings":";;AAAA;AACA,cAAc,uCAAoC;AAClD,cAAc,+CAA4C;AAC1D,cAAc,4BAAyB;AACvC,cAAc,yCAAsC;AACpD,cAAc,gCAA6B;AAC3C,cAAc,gCAA6B;AAC3C,cAAc,uCAAoC;AAClD,cAAc,iCAA8B;AAC5C,cAAc,+BAA4B;AAC1C,cAAc,iCAA8B;AAC5C,cAAc,+BAA4B;AAC1C,cAAc,qCAAkC;AAChD,cAAc,uCAAoC;AAClD,cAAc,8CAA2C;AACzD,cAAc,kDAA+C;AAC7D,cAAc,sCAAmC;AACjD,cAAc,uCAAoC;AAClD,cAAc,2BAAwB;AACtC,cAAc,6BAA0B;AACxC,cAAc,6CAA0C;AACxD,cAAc,qCAAkC;AAChD,cAAc,qCAAkC;AAChD,cAAc,+CAA4C;AAC1D,cAAc,qCAAkC;AAChD,cAAc,+BAA4B;AAC1C,cAAc,kBAAe;AAC7B,cAAc,2CAAwC;AACtD,cAAc,kBAAe;AAC7B,cAAc,gCAA6B;AAC3C,cAAc,oBAAiB;AAC/B,cAAc,iDAA8C;AAE5D,cAAc,iBAAc;AAC5B,cAAc,WAAQ;AACtB,cAAc,YAAS;AACvB,cAAc,YAAS;AACvB,cAAc,cAAW;AACzB,cAAc,gCAA6B;AAC3C,cAAc,kCAA+B;AAC7C,cAAc,iDAA8C;AAC5D,cAAc,+CAA4C;AAC1D,cAAc,mDAAgD;AAC9D,cAAc,gCAA6B;AAC3C,cAAc,oCAAiC;AAC/C,cAAc,2BAAwB;AACtC,cAAc,uCAAoC;AAClD,cAAc,eAAY;AAC1B,cAAc,qCAAkC;AAChD,cAAc,aAAU;AACxB,cAAc,2BAAwB;AACtC,cAAc,YAAS;AACvB,cAAc,wBAAqB;AACnC,cAAc,uBAAoB;AAClC,cAAc,iCAA8B;AAC5C,cAAc,2CAAwC;AACtD,cAAc,YAAS;AACvB,cAAc,2BAAwB;AACtC,cAAc,sCAAmC;AACjD,cAAc,mCAAgC;AAC9C,cAAc,6CAA0C;AACxD,cAAc,qCAAkC","ignoreList":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@campxdev/react-native-blueprint",
-  "version": "0.1.16",
+  "version": "0.1.18",
   "description": "This is a react-native package for mobile apps",
   "main": "./lib/module/index.js",
   "types": "./lib/typescript/src/index.d.ts",
@@ -30,7 +30,8 @@
     "!**/__tests__",
     "!**/__fixtures__",
     "!**/__mocks__",
-    "!**/.*"
+    "!lib/**/.map",
+    "!src/**/__*"
   ],
   "scripts": {
     "example": "yarn workspace react-native-blueprint-example",
@@ -42,7 +43,7 @@
     "typecheck": "tsc --project tsconfig.build.json",
     "lint": "eslint \"**/*.{js,ts,tsx}\"",
     "clean": "del-cli lib",
-    "prepare": "bob build --target module",
+    "prepare": "bob build --target module && cp global.css lib/global.css",
     "build:full": "bob build && cp global.css lib/",
     "release": "release-it --only-version"
   },

package/src/components/DataDisplay/FeedCard/FeedCard.figma.tsx

@@ -0,0 +1,43 @@
+import figma from '@figma/code-connect';
+import { FeedCard } from './FeedCard';
+
+const FIGMA_URL =
+  'https://www.figma.com/design/66WaqopqU3WXgwVtyQuTUf/React-Native-Blueprint-Library?node-id=511-10139';
+
+figma.connect(FeedCard, FIGMA_URL, {
+  props: {
+    type: figma.enum('type', {
+      post: 'post',
+      announcement: 'announcement',
+    }),
+    authorName: figma.string('authorName'),
+    postTitle: figma.string('postTitle'),
+    subtitle: figma.string('subtitle'),
+    postContent: figma.string('postContent'),
+    showHeader: figma.boolean('Show Header'),
+    showLeading: figma.boolean('Show Leading'),
+    showMedia: figma.boolean('Show Media'),
+    showPostContent: figma.boolean('Show PostContent'),
+    showSubtitle: figma.boolean('Show Subtitle'),
+    showBadges: figma.boolean('Show Badges'),
+    showFooterActions: figma.boolean('Show FooterActions'),
+    showSecondaryButton: figma.boolean('Show SecondaryButton'),
+  },
+  example: (props) => (
+    <FeedCard
+      type={props.type}
+      authorName={props.authorName}
+      postTitle={props.postTitle}
+      subtitle={props.subtitle}
+      postContent={props.postContent}
+      showHeader={props.showHeader}
+      showLeading={props.showLeading}
+      showMedia={props.showMedia}
+      showPostContent={props.showPostContent}
+      showSubtitle={props.showSubtitle}
+      showBadges={props.showBadges}
+      showFooterActions={props.showFooterActions}
+      showSecondaryButton={props.showSecondaryButton}
+    />
+  ),
+});