shared-features 0.0.8 → 0.1.0

package/dist/hooks/useCommonFeatures.d.ts

@@ -0,0 +1,74 @@
+import { ContactInfo, DeveloperInfo, AddressInfo, SocialLink, PaymentOption, Service, Skill, Testimonial, UseCommonFeatureOptions, UseCommonFeatureResult, UseCommonFeaturesListResult, FetchSocialLinksOptions, FetchServicesOptions, FetchSkillsOptions, FetchTestimonialsOptions, FetchPaymentOptionsOptions } from '../types/commonFeatures';
+/**
+ * Hook to fetch contact information
+ *
+ * @example
+ * ```tsx
+ * const { data: contact, loading } = useContactInfo();
+ *
+ * if (loading) return <Spinner />;
+ * if (!contact) return null;
+ *
+ * return <a href={`mailto:${contact.email}`}>{contact.email}</a>;
+ * ```
+ */
+export declare function useContactInfo(options?: UseCommonFeatureOptions): UseCommonFeatureResult<ContactInfo>;
+/**
+ * Hook to fetch developer information
+ *
+ * @example
+ * ```tsx
+ * const { data: developer, loading } = useDeveloperInfo();
+ *
+ * if (loading) return <Spinner />;
+ * if (!developer) return null;
+ *
+ * return (
+ *   <div>
+ *     <h1>{developer.name}</h1>
+ *     <p>{developer.title}</p>
+ *   </div>
+ * );
+ * ```
+ */
+export declare function useDeveloperInfo(options?: UseCommonFeatureOptions): UseCommonFeatureResult<DeveloperInfo>;
+/**
+ * Hook to fetch address information
+ */
+export declare function useAddressInfo(options?: UseCommonFeatureOptions): UseCommonFeatureResult<AddressInfo>;
+/**
+ * Hook to fetch social links
+ *
+ * @example
+ * ```tsx
+ * const { data: links, loading } = useSocialLinks({ showIn: ['footer'] });
+ *
+ * if (loading) return <Spinner />;
+ *
+ * return (
+ *   <div>
+ *     {links.map(link => (
+ *       <a key={link.id} href={link.url}>{link.platform}</a>
+ *     ))}
+ *   </div>
+ * );
+ * ```
+ */
+export declare function useSocialLinks(options?: FetchSocialLinksOptions & UseCommonFeatureOptions): UseCommonFeaturesListResult<SocialLink>;
+/**
+ * Hook to fetch payment options
+ */
+export declare function usePaymentOptions(options?: FetchPaymentOptionsOptions & UseCommonFeatureOptions): UseCommonFeaturesListResult<PaymentOption>;
+/**
+ * Hook to fetch services
+ */
+export declare function useServices(options?: FetchServicesOptions & UseCommonFeatureOptions): UseCommonFeaturesListResult<Service>;
+/**
+ * Hook to fetch skills
+ */
+export declare function useSkills(options?: FetchSkillsOptions & UseCommonFeatureOptions): UseCommonFeaturesListResult<Skill>;
+/**
+ * Hook to fetch testimonials
+ */
+export declare function useTestimonials(options?: FetchTestimonialsOptions & UseCommonFeatureOptions): UseCommonFeaturesListResult<Testimonial>;
+//# sourceMappingURL=useCommonFeatures.d.ts.map

package/dist/hooks/useCommonFeatures.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCommonFeatures.d.ts","sourceRoot":"","sources":["../../src/hooks/useCommonFeatures.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAwBH,OAAO,KAAK,EACV,WAAW,EACX,aAAa,EACb,WAAW,EACX,UAAU,EACV,aAAa,EACb,OAAO,EACP,KAAK,EACL,WAAW,EACX,uBAAuB,EACvB,sBAAsB,EACtB,2BAA2B,EAC3B,uBAAuB,EACvB,oBAAoB,EACpB,kBAAkB,EAClB,wBAAwB,EACxB,0BAA0B,EAC3B,MAAM,yBAAyB,CAAC;AAMjC;;;;;;;;;;;;GAYG;AACH,wBAAgB,cAAc,CAC5B,OAAO,GAAE,uBAA4B,GACpC,sBAAsB,CAAC,WAAW,CAAC,CA2DrC;AAMD;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,gBAAgB,CAC9B,OAAO,GAAE,uBAA4B,GACpC,sBAAsB,CAAC,aAAa,CAAC,CA2DvC;AAMD;;GAEG;AACH,wBAAgB,cAAc,CAC5B,OAAO,GAAE,uBAA4B,GACpC,sBAAsB,CAAC,WAAW,CAAC,CA4CrC;AAMD;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,cAAc,CAC5B,OAAO,GAAE,uBAAuB,GAAG,uBAA4B,GAC9D,2BAA2B,CAAC,UAAU,CAAC,CA4CzC;AAMD;;GAEG;AACH,wBAAgB,iBAAiB,CAC/B,OAAO,GAAE,0BAA0B,GAAG,uBAA4B,GACjE,2BAA2B,CAAC,aAAa,CAAC,CA4C5C;AAMD;;GAEG;AACH,wBAAgB,WAAW,CACzB,OAAO,GAAE,oBAAoB,GAAG,uBAA4B,GAC3D,2BAA2B,CAAC,OAAO,CAAC,CA4CtC;AAMD;;GAEG;AACH,wBAAgB,SAAS,CACvB,OAAO,GAAE,kBAAkB,GAAG,uBAA4B,GACzD,2BAA2B,CAAC,KAAK,CAAC,CA4CpC;AAMD;;GAEG;AACH,wBAAgB,eAAe,CAC7B,OAAO,GAAE,wBAAwB,GAAG,uBAA4B,GAC/D,2BAA2B,CAAC,WAAW,CAAC,CA4C1C"}

package/dist/hooks/useFeatureFlags.d.ts

@@ -0,0 +1,134 @@
+import { FeatureId, FeatureAvailability, SharedFeaturesStatus, UseFeatureFlagsOptions, UseFeatureFlagsResult } from '../types/featureFlags';
+/**
+ * Hook to fetch and monitor feature flags
+ *
+ * @param options - Hook options
+ * @returns Feature flags status and utilities
+ *
+ * @example
+ * ```tsx
+ * const {
+ *   status,
+ *   loading,
+ *   isFeatureAvailable,
+ *   hasDeprecatedFeatures
+ * } = useFeatureFlags();
+ *
+ * if (loading) return <Spinner />;
+ *
+ * if (!status?.operational) {
+ *   return <MaintenancePage message={status?.maintenanceMessage} />;
+ * }
+ *
+ * if (isFeatureAvailable('contactInfo')) {
+ *   return <ContactInfo />;
+ * }
+ * ```
+ */
+export declare function useFeatureFlags(options?: UseFeatureFlagsOptions): UseFeatureFlagsResult;
+/**
+ * Hook to check a single feature's availability
+ *
+ * @param featureId - The feature to check
+ * @returns Feature availability and loading state
+ *
+ * @example
+ * ```tsx
+ * const { available, loading, deprecated } = useFeature('contactInfo');
+ *
+ * if (loading) return <Spinner />;
+ * if (!available) return null;
+ *
+ * return <ContactInfo />;
+ * ```
+ */
+export declare function useFeature(featureId: FeatureId): {
+    /** Whether the feature is available */
+    available: boolean;
+    /** Whether the check is in progress */
+    loading: boolean;
+    /** Full availability details */
+    availability: FeatureAvailability | null;
+    /** Whether the feature is enabled (but might need upgrade) */
+    enabled: boolean;
+    /** Whether using a deprecated version */
+    deprecated: boolean;
+    /** Whether an upgrade is required */
+    upgradeRequired: boolean;
+    /** Deprecation warning if applicable */
+    deprecationWarning: string | undefined;
+    /** Reason feature is unavailable */
+    unavailableReason: string | undefined;
+};
+/**
+ * Hook to subscribe to real-time feature flag updates
+ *
+ * @param callback - Function to call when flags change
+ *
+ * @example
+ * ```tsx
+ * useFeatureFlagsSubscription((flags) => {
+ *   if (flags?.maintenanceMode) {
+ *     showMaintenanceBanner();
+ *   }
+ * });
+ * ```
+ */
+export declare function useFeatureFlagsSubscription(callback: (status: SharedFeaturesStatus | null) => void): void;
+/**
+ * Hook to check if shared-features is operational
+ *
+ * @returns Whether shared-features is operational
+ *
+ * @example
+ * ```tsx
+ * const { operational, maintenanceMessage } = useSharedFeaturesOperational();
+ *
+ * if (!operational) {
+ *   return <MaintenancePage message={maintenanceMessage} />;
+ * }
+ * ```
+ */
+export declare function useSharedFeaturesOperational(): {
+    /** Whether shared-features is operational */
+    operational: boolean;
+    /** Whether check is in progress */
+    loading: boolean;
+    /** Maintenance message if in maintenance mode */
+    maintenanceMessage: string | undefined;
+    /** Whether in maintenance mode */
+    maintenanceMode: boolean;
+    /** Current API version */
+    apiVersion: string;
+};
+/**
+ * Hook for conditional rendering based on feature availability
+ *
+ * @param featureId - The feature to check
+ * @returns Object with show/hide helpers
+ *
+ * @example
+ * ```tsx
+ * const { shouldRender, FallbackOrChildren } = useFeatureGate('contactInfo');
+ *
+ * return (
+ *   <FallbackOrChildren fallback={<OldContactInfo />}>
+ *     <NewContactInfo />
+ *   </FallbackOrChildren>
+ * );
+ * ```
+ */
+export declare function useFeatureGate(featureId: FeatureId): {
+    /** Whether the feature should be rendered */
+    shouldRender: boolean;
+    /** Whether still checking availability */
+    loading: boolean;
+    /** Whether using deprecated version */
+    deprecated: boolean;
+    /** Component that renders children if available, fallback otherwise */
+    FallbackOrChildren: ({ children, fallback, }: {
+        children: React.ReactNode;
+        fallback?: React.ReactNode;
+    }) => import('react').ReactNode;
+};
+//# sourceMappingURL=useFeatureFlags.d.ts.map

package/dist/hooks/useFeatureFlags.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFeatureFlags.d.ts","sourceRoot":"","sources":["../../src/hooks/useFeatureFlags.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAWH,OAAO,KAAK,EACV,SAAS,EACT,mBAAmB,EACnB,oBAAoB,EACpB,sBAAsB,EACtB,qBAAqB,EAEtB,MAAM,uBAAuB,CAAC;AAE/B;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,wBAAgB,eAAe,CAC7B,OAAO,GAAE,sBAA2B,GACnC,qBAAqB,CAkHvB;AAED;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,UAAU,CAAC,SAAS,EAAE,SAAS;IA6C3C,uCAAuC;;IAEvC,uCAAuC;;IAEvC,gCAAgC;;IAEhC,8DAA8D;;IAE9D,yCAAyC;;IAEzC,qCAAqC;;IAErC,wCAAwC;;IAExC,oCAAoC;;EAGvC;AAED;;;;;;;;;;;;;GAaG;AACH,wBAAgB,2BAA2B,CACzC,QAAQ,EAAE,CAAC,MAAM,EAAE,oBAAoB,GAAG,IAAI,KAAK,IAAI,QAuBxD;AAED;;;;;;;;;;;;;GAaG;AACH,wBAAgB,4BAA4B;IAIxC,6CAA6C;;IAE7C,mCAAmC;;IAEnC,iDAAiD;;IAEjD,kCAAkC;;IAElC,0BAA0B;;EAG7B;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,cAAc,CAAC,SAAS,EAAE,SAAS;IAY/C,6CAA6C;;IAE7C,0CAA0C;;IAE1C,uCAAuC;;IAEvC,uEAAuE;kDAKlE;QACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;QAC1B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;KAC5B;EAON"}

package/dist/{AnnouncementModal-Bqy0pn3V.cjs → index-Dt5YjYnK.cjs}

@@ -3,15 +3,15 @@ const jsxRuntime = require("react/jsx-runtime");
 const react = require("react");
 const themes = require("@radix-ui/themes");
 const reactIcons = require("@radix-ui/react-icons");
-const useCampaigns = require("./useCampaigns-BOZ9dDsG.cjs");
+const useCommonFeatures = require("./useCommonFeatures-DnDlhmri.cjs");
 const lucideReact = require("lucide-react");
-const analytics = require("./analytics-lEzOx2vl.cjs");
+const commonFeatures = require("./commonFeatures-CiqxxOin.cjs");
 function AdPanel({
   placement,
   variant: _variant = "small_panel_2",
   className
 }) {
-  const { campaign, loading, error, recordImpression, recordClick, recordClose } = useCampaigns.useCampaign({ placement });
+  const { campaign, loading, error, recordImpression, recordClick, recordClose } = useCommonFeatures.useCampaign({ placement });
   const hasRecordedImpression = react.useRef(false);
   react.useEffect(() => {
     if (campaign && !hasRecordedImpression.current) {
@@ -382,7 +382,7 @@ function AdSlider({
     recordImpression,
     recordClick,
     recordClose
-  } = useCampaigns.useCampaign({ placement });
+  } = useCommonFeatures.useCampaign({ placement });
   react.useEffect(() => {
     if (campaign && !hasTrackedImpression.current) {
       hasTrackedImpression.current = true;
@@ -419,14 +419,14 @@ function AdModal({
 }) {
   const [dontShowAgain, setDontShowAgain] = react.useState(false);
   const hasTrackedImpression = react.useRef(false);
-  const { shouldShow, markAsShown } = useCampaigns.useOneTimeAdModal();
+  const { shouldShow, markAsShown } = useCommonFeatures.useOneTimeAdModal();
   const {
     campaign,
     loading,
     recordImpression,
     recordClick,
     recordClose
-  } = useCampaigns.useCampaign({ placement });
+  } = useCommonFeatures.useCampaign({ placement });
   react.useEffect(() => {
     if (shouldShow && campaign && !hasTrackedImpression.current) {
       hasTrackedImpression.current = true;
@@ -446,14 +446,14 @@ function AdModal({
     markAsShown();
     onClose?.();
   }, [campaign, recordClose, markAsShown, onClose]);
-  if (!analytics.isInitialized()) {
+  if (!commonFeatures.isInitialized()) {
     return null;
   }
   if (!shouldShow || loading) {
     return null;
   }
   if (!campaign) {
-    const config = analytics.getConfig();
+    const config = commonFeatures.getConfig();
     const defaultTitle = welcomeTitle || `Welcome to ${config.projectName}!`;
     const defaultDesc = welcomeDescription || "Discover amazing features and tools at your fingertips.";
     return /* @__PURE__ */ jsxRuntime.jsx(themes.Dialog.Root, { open: true, onOpenChange: (open) => !open && handleClose(), children: /* @__PURE__ */ jsxRuntime.jsxs(themes.Dialog.Content, { style: { maxWidth: 450 }, children: [
@@ -977,14 +977,14 @@ function AdUpdateModal({
   const [currentIndex, setCurrentIndex] = react.useState(0);
   const autoAdvanceRef = react.useRef(null);
   const trackedImpressions = react.useRef(/* @__PURE__ */ new Set());
-  const { shouldShow, currentVersion, markAsShown } = useCampaigns.useUpdateAdModal();
+  const { shouldShow, currentVersion, markAsShown } = useCommonFeatures.useUpdateAdModal();
   const {
     campaigns,
     loading,
     recordImpression,
     recordClick,
     recordClose
-  } = useCampaigns.useCampaigns({ placement, maxCampaigns });
+  } = useCommonFeatures.useCampaigns({ placement, maxCampaigns });
   react.useEffect(() => {
     if (shouldShow && campaigns.length > 0 && currentIndex < campaigns.length) {
       const campaign = campaigns[currentIndex];
@@ -1184,7 +1184,7 @@ function AdBanner({
     loading,
     recordImpression,
     recordClick
-  } = useCampaigns.useCampaigns({ placement, maxCampaigns });
+  } = useCommonFeatures.useCampaigns({ placement, maxCampaigns });
   react.useEffect(() => {
     if (campaigns.length === 0) return;
     const campaign2 = campaigns[currentIndex];
@@ -1480,7 +1480,7 @@ function BroadcastBanner({
   const handleDismiss = react.useCallback(() => {
     onDismiss?.();
   }, [onDismiss]);
-  if (!analytics.isInitialized()) {
+  if (!commonFeatures.isInitialized()) {
     return null;
   }
   const typeStyle = TYPE_STYLES[broadcast.type] || TYPE_STYLES.info;
@@ -1690,7 +1690,7 @@ function AnnouncementModal({
   const handleClose = react.useCallback(() => {
     onClose();
   }, [onClose]);
-  if (!analytics.isInitialized() || !broadcast) {
+  if (!commonFeatures.isInitialized() || !broadcast) {
     return null;
   }
   const typeConfig = TYPE_CONFIG[broadcast.type] || TYPE_CONFIG.announcement;
@@ -1830,26 +1830,221 @@ function AnnouncementModal({
     }
   ) });
 }
+const socialIcons = {
+  github: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Github, { size: 18 }),
+  linkedin: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Linkedin, { size: 18 }),
+  twitter: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Twitter, { size: 18 }),
+  facebook: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Globe, { size: 18 }),
+  instagram: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Globe, { size: 18 }),
+  youtube: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Globe, { size: 18 }),
+  tiktok: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Globe, { size: 18 }),
+  discord: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.MessageCircle, { size: 18 }),
+  telegram: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.MessageCircle, { size: 18 }),
+  whatsapp: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.MessageCircle, { size: 18 }),
+  medium: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Globe, { size: 18 }),
+  devto: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Code, { size: 18 }),
+  stackoverflow: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Code, { size: 18 }),
+  dribbble: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Globe, { size: 18 }),
+  behance: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Globe, { size: 18 }),
+  codepen: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Code, { size: 18 }),
+  npm: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Code, { size: 18 }),
+  website: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Globe, { size: 18 }),
+  email: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Mail, { size: 18 }),
+  other: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ExternalLink, { size: 18 })
+};
+function ContactCard({ data: propData, compact = false, showFreelance = true }) {
+  const { data: hookData, loading } = useCommonFeatures.useContactInfo({ autoFetch: !propData });
+  const data = propData ?? hookData;
+  if (loading) return /* @__PURE__ */ jsxRuntime.jsx(ContactCardSkeleton, {});
+  if (!data) return null;
+  return /* @__PURE__ */ jsxRuntime.jsx(themes.Card, { size: compact ? "1" : "2", children: /* @__PURE__ */ jsxRuntime.jsxs(themes.Flex, { direction: "column", gap: "3", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(themes.Text, { size: "3", weight: "bold", children: "Contact" }),
+    showFreelance && data.freelanceAvailable && /* @__PURE__ */ jsxRuntime.jsx(themes.Badge, { color: "green", size: "1", children: "Available for Freelance" }),
+    /* @__PURE__ */ jsxRuntime.jsxs(themes.Flex, { direction: "column", gap: "2", children: [
+      data.email && /* @__PURE__ */ jsxRuntime.jsx(themes.Link, { href: `mailto:${data.email}`, size: "2", children: /* @__PURE__ */ jsxRuntime.jsxs(themes.Flex, { align: "center", gap: "2", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Mail, { size: 16 }),
+        /* @__PURE__ */ jsxRuntime.jsx(themes.Text, { children: data.email })
+      ] }) }),
+      data.phone && /* @__PURE__ */ jsxRuntime.jsx(themes.Link, { href: `tel:${data.phone}`, size: "2", children: /* @__PURE__ */ jsxRuntime.jsxs(themes.Flex, { align: "center", gap: "2", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Phone, { size: 16 }),
+        /* @__PURE__ */ jsxRuntime.jsx(themes.Text, { children: data.phone })
+      ] }) }),
+      data.whatsapp && /* @__PURE__ */ jsxRuntime.jsx(themes.Link, { href: `https://wa.me/${data.whatsapp.replace(/\D/g, "")}`, target: "_blank", size: "2", children: /* @__PURE__ */ jsxRuntime.jsxs(themes.Flex, { align: "center", gap: "2", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.MessageCircle, { size: 16 }),
+        /* @__PURE__ */ jsxRuntime.jsx(themes.Text, { children: "WhatsApp" })
+      ] }) })
+    ] }),
+    !compact && data.workingHours && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(themes.Separator, { size: "4" }),
+      /* @__PURE__ */ jsxRuntime.jsx(themes.Text, { size: "1", color: "gray", children: data.workingHours })
+    ] })
+  ] }) });
+}
+function ContactCardSkeleton() {
+  return /* @__PURE__ */ jsxRuntime.jsx(themes.Card, { children: /* @__PURE__ */ jsxRuntime.jsxs(themes.Flex, { direction: "column", gap: "3", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(themes.Box, { style: { height: 20, width: 80, background: "var(--gray-4)", borderRadius: 4 } }),
+    /* @__PURE__ */ jsxRuntime.jsx(themes.Box, { style: { height: 16, width: 180, background: "var(--gray-3)", borderRadius: 4 } }),
+    /* @__PURE__ */ jsxRuntime.jsx(themes.Box, { style: { height: 16, width: 120, background: "var(--gray-3)", borderRadius: 4 } })
+  ] }) });
+}
+function DeveloperCard({ data: propData, compact = false, showBio = true }) {
+  const { data: hookData, loading } = useCommonFeatures.useDeveloperInfo({ autoFetch: !propData });
+  const data = propData ?? hookData;
+  if (loading) return /* @__PURE__ */ jsxRuntime.jsx(DeveloperCardSkeleton, {});
+  if (!data) return null;
+  return /* @__PURE__ */ jsxRuntime.jsx(themes.Card, { size: compact ? "1" : "2", children: /* @__PURE__ */ jsxRuntime.jsxs(themes.Flex, { direction: "column", gap: "3", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(themes.Flex, { align: "center", gap: "3", children: [
+      data.avatar && /* @__PURE__ */ jsxRuntime.jsx(themes.Avatar, { src: data.avatar, fallback: data.name?.[0] || "?", size: "4", radius: "full" }),
+      /* @__PURE__ */ jsxRuntime.jsxs(themes.Box, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(themes.Text, { size: "4", weight: "bold", children: data.name }),
+        /* @__PURE__ */ jsxRuntime.jsx(themes.Text, { size: "2", color: "gray", children: data.title })
+      ] })
+    ] }),
+    data.availableForHire && /* @__PURE__ */ jsxRuntime.jsx(themes.Badge, { color: "green", size: "1", children: "Available for Hire" }),
+    showBio && !compact && data.bio && /* @__PURE__ */ jsxRuntime.jsx(themes.Text, { size: "2", color: "gray", children: data.shortBio || data.bio }),
+    /* @__PURE__ */ jsxRuntime.jsxs(themes.Flex, { gap: "2", wrap: "wrap", children: [
+      data.website && /* @__PURE__ */ jsxRuntime.jsx(themes.Link, { href: data.website, target: "_blank", size: "1", children: /* @__PURE__ */ jsxRuntime.jsxs(themes.Flex, { align: "center", gap: "1", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Globe, { size: 14 }),
+        "Website"
+      ] }) }),
+      data.github && /* @__PURE__ */ jsxRuntime.jsx(themes.Link, { href: data.github, target: "_blank", size: "1", children: /* @__PURE__ */ jsxRuntime.jsxs(themes.Flex, { align: "center", gap: "1", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Github, { size: 14 }),
+        "GitHub"
+      ] }) }),
+      data.linkedin && /* @__PURE__ */ jsxRuntime.jsx(themes.Link, { href: data.linkedin, target: "_blank", size: "1", children: /* @__PURE__ */ jsxRuntime.jsxs(themes.Flex, { align: "center", gap: "1", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Linkedin, { size: 14 }),
+        "LinkedIn"
+      ] }) })
+    ] })
+  ] }) });
+}
+function DeveloperCardSkeleton() {
+  return /* @__PURE__ */ jsxRuntime.jsx(themes.Card, { children: /* @__PURE__ */ jsxRuntime.jsxs(themes.Flex, { align: "center", gap: "3", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(themes.Box, { style: { height: 48, width: 48, background: "var(--gray-4)", borderRadius: "50%" } }),
+    /* @__PURE__ */ jsxRuntime.jsxs(themes.Box, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(themes.Box, { style: { height: 20, width: 120, background: "var(--gray-4)", borderRadius: 4, marginBottom: 4 } }),
+      /* @__PURE__ */ jsxRuntime.jsx(themes.Box, { style: { height: 16, width: 80, background: "var(--gray-3)", borderRadius: 4 } })
+    ] })
+  ] }) });
+}
+function SocialLinksBar({ data: propData, showIn, gap = "3" }) {
+  const { data: hookData, loading } = useCommonFeatures.useSocialLinks({ autoFetch: !propData, showIn });
+  const data = propData ?? hookData;
+  if (loading || data.length === 0) return null;
+  return /* @__PURE__ */ jsxRuntime.jsx(themes.Flex, { gap, align: "center", wrap: "wrap", children: data.map((link) => /* @__PURE__ */ jsxRuntime.jsx(
+    themes.Link,
+    {
+      href: link.url,
+      target: "_blank",
+      title: link.displayName || link.platform,
+      style: { color: "inherit" },
+      children: socialIcons[link.platform]
+    },
+    link.id
+  )) });
+}
+function AddressCard({ data: propData, compact = false }) {
+  const { data: hookData, loading } = useCommonFeatures.useAddressInfo({ autoFetch: !propData });
+  const data = propData ?? hookData;
+  if (loading || !data) return null;
+  const address = data.fullAddress || [data.streetAddress, data.city, data.state, data.country].filter(Boolean).join(", ");
+  return /* @__PURE__ */ jsxRuntime.jsx(themes.Card, { size: compact ? "1" : "2", children: /* @__PURE__ */ jsxRuntime.jsxs(themes.Flex, { align: "start", gap: "2", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(lucideReact.MapPin, { size: 18, style: { flexShrink: 0, marginTop: 2 } }),
+    /* @__PURE__ */ jsxRuntime.jsxs(themes.Box, { children: [
+      data.label && /* @__PURE__ */ jsxRuntime.jsx(themes.Text, { size: "2", weight: "bold", children: data.label }),
+      /* @__PURE__ */ jsxRuntime.jsx(themes.Text, { size: "2", color: "gray", children: address }),
+      data.googleMapsUrl && /* @__PURE__ */ jsxRuntime.jsx(themes.Link, { href: data.googleMapsUrl, target: "_blank", size: "1", children: "View on Maps" })
+    ] })
+  ] }) });
+}
+function SkillsDisplay({ data: propData, featuredOnly = false, showLevel = true, maxItems }) {
+  const { data: hookData, loading } = useCommonFeatures.useSkills({ autoFetch: !propData, featuredOnly });
+  let data = propData ?? hookData;
+  if (maxItems && data.length > maxItems) {
+    data = data.slice(0, maxItems);
+  }
+  if (loading || data.length === 0) return null;
+  const levelColors = {
+    beginner: "gray",
+    intermediate: "blue",
+    advanced: "green",
+    expert: "orange"
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(themes.Flex, { gap: "2", wrap: "wrap", children: data.map((skill) => /* @__PURE__ */ jsxRuntime.jsx(themes.Badge, { color: showLevel ? levelColors[skill.level] : void 0, size: "2", children: skill.name }, skill.id)) });
+}
+function TestimonialsGrid({ data: propData, featuredOnly = false, maxItems, columns = "2" }) {
+  const { data: hookData, loading } = useCommonFeatures.useTestimonials({ autoFetch: !propData, featuredOnly, limit: maxItems });
+  const data = propData ?? hookData;
+  if (loading || data.length === 0) return null;
+  return /* @__PURE__ */ jsxRuntime.jsx(themes.Grid, { columns, gap: "4", children: data.map((testimonial) => /* @__PURE__ */ jsxRuntime.jsx(themes.Card, { children: /* @__PURE__ */ jsxRuntime.jsxs(themes.Flex, { direction: "column", gap: "3", children: [
+    testimonial.rating && /* @__PURE__ */ jsxRuntime.jsx(themes.Flex, { gap: "1", children: Array.from({ length: testimonial.rating }).map((_, i) => /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Star, { size: 14, fill: "var(--amber-9)", color: "var(--amber-9)" }, i)) }),
+    /* @__PURE__ */ jsxRuntime.jsxs(themes.Text, { size: "2", style: { fontStyle: "italic" }, children: [
+      '"',
+      testimonial.shortContent || testimonial.content,
+      '"'
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs(themes.Flex, { align: "center", gap: "2", children: [
+      testimonial.authorAvatar && /* @__PURE__ */ jsxRuntime.jsx(themes.Avatar, { src: testimonial.authorAvatar, fallback: testimonial.authorName?.[0] || "?", size: "2", radius: "full" }),
+      /* @__PURE__ */ jsxRuntime.jsxs(themes.Box, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(themes.Text, { size: "2", weight: "bold", children: testimonial.authorName }),
+        (testimonial.authorTitle || testimonial.authorCompany) && /* @__PURE__ */ jsxRuntime.jsx(themes.Text, { size: "1", color: "gray", children: [testimonial.authorTitle, testimonial.authorCompany].filter(Boolean).join(" at ") })
+      ] })
+    ] })
+  ] }) }, testimonial.id)) });
+}
+function ServicesGrid({ data: propData, featuredOnly = false, maxItems, columns = "3" }) {
+  const { data: hookData, loading } = useCommonFeatures.useServices({ autoFetch: !propData, featuredOnly });
+  let data = propData ?? hookData;
+  if (maxItems && data.length > maxItems) {
+    data = data.slice(0, maxItems);
+  }
+  if (loading || data.length === 0) return null;
+  return /* @__PURE__ */ jsxRuntime.jsx(themes.Grid, { columns, gap: "4", children: data.map((service) => /* @__PURE__ */ jsxRuntime.jsx(themes.Card, { children: /* @__PURE__ */ jsxRuntime.jsxs(themes.Flex, { direction: "column", gap: "2", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(themes.Flex, { align: "center", gap: "2", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Briefcase, { size: 18 }),
+      /* @__PURE__ */ jsxRuntime.jsx(themes.Text, { size: "3", weight: "bold", children: service.title })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx(themes.Text, { size: "2", color: "gray", children: service.shortDescription || service.description }),
+    service.technologies && service.technologies.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(themes.Flex, { gap: "1", wrap: "wrap", children: service.technologies.slice(0, 5).map((tech, i) => /* @__PURE__ */ jsxRuntime.jsx(themes.Badge, { size: "1", color: "gray", children: tech }, i)) })
+  ] }) }, service.id)) });
+}
+function FooterSection({ showContact = true, showSocialLinks = true, showAddress = false }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(themes.Flex, { direction: "column", gap: "4", align: "center", children: [
+    showSocialLinks && /* @__PURE__ */ jsxRuntime.jsx(SocialLinksBar, { showIn: ["footer"] }),
+    /* @__PURE__ */ jsxRuntime.jsxs(themes.Flex, { gap: "4", wrap: "wrap", justify: "center", children: [
+      showContact && /* @__PURE__ */ jsxRuntime.jsx(ContactCard, { compact: true }),
+      showAddress && /* @__PURE__ */ jsxRuntime.jsx(AddressCard, { compact: true })
+    ] })
+  ] });
+}
 exports.AdBanner = AdBanner;
 exports.AdModal = AdModal;
 exports.AdPanel = AdPanel;
 exports.AdSlider = AdSlider;
 exports.AdUpdateModal = AdUpdateModal;
+exports.AddressCard = AddressCard;
 exports.AnnouncementModal = AnnouncementModal;
 exports.BroadcastBanner = BroadcastBanner;
 exports.BroadcastBanners = BroadcastBanners;
 exports.CardVariant = CardVariant;
 exports.ComparisonVariant = ComparisonVariant;
+exports.ContactCard = ContactCard;
+exports.DeveloperCard = DeveloperCard;
 exports.FeatureGridVariant = FeatureGridVariant;
 exports.FeaturesVariant = FeaturesVariant;
+exports.FooterSection = FooterSection;
 exports.GradientVariant = GradientVariant;
 exports.HeroVariant = HeroVariant;
 exports.LARGE_PANEL_VARIANTS = LARGE_PANEL_VARIANTS;
 exports.MinimalVariant = MinimalVariant;
 exports.SMALL_PANEL_VARIANTS = SMALL_PANEL_VARIANTS;
+exports.ServicesGrid = ServicesGrid;
+exports.SkillsDisplay = SkillsDisplay;
+exports.SocialLinksBar = SocialLinksBar;
 exports.TaglineVariant = TaglineVariant;
 exports.TestimonialVariant = TestimonialVariant;
+exports.TestimonialsGrid = TestimonialsGrid;
 exports.VideoVariant = VideoVariant;
 exports.getLargePanelVariant = getLargePanelVariant;
 exports.getSmallPanelVariant = getSmallPanelVariant;
-//# sourceMappingURL=AnnouncementModal-Bqy0pn3V.cjs.map
+//# sourceMappingURL=index-Dt5YjYnK.cjs.map