@opensite/ui 0.5.2 → 0.5.4

package/dist/banner-promo-cta.cjs

@@ -1,9 +1,9 @@
 "use client";
 'use strict';
 
+var React = require('react');
 var clsx = require('clsx');
 var tailwindMerge = require('tailwind-merge');
-var React = require('react');
 var classVarianceAuthority = require('class-variance-authority');
 var jsxRuntime = require('react/jsx-runtime');
 
@@ -27,7 +27,7 @@ function _interopNamespace(e) {
 
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
-// lib/utils.ts
+// components/blocks/banner/banner-promo-cta.tsx
 function cn(...inputs) {
   return tailwindMerge.twMerge(clsx.clsx(inputs));
 }
@@ -451,7 +451,7 @@ var Pressable = React__namespace.forwardRef(
 Pressable.displayName = "Pressable";
 function BannerPromoCta({
   message,
-  discount = "Up to 50% off",
+  discount,
   separator,
   actions,
   actionsSlot,
@@ -463,11 +463,18 @@ function BannerPromoCta({
   discountClassName,
   actionsClassName
 }) {
-  const renderActions = () => {
+  const actionsContent = React.useMemo(() => {
     if (actionsSlot) return actionsSlot;
     if (!actions || actions.length === 0) return null;
     return actions.map((action, index) => {
-      const { label, icon: actionIcon, iconAfter, children, className: actionClassName, ...pressableProps } = action;
+      const {
+        label,
+        icon: actionIcon,
+        iconAfter,
+        children,
+        className: actionClassName,
+        ...pressableProps
+      } = action;
       return /* @__PURE__ */ jsxRuntime.jsx(
         Pressable,
         {
@@ -482,20 +489,28 @@ function BannerPromoCta({
         index
       );
     });
-  };
-  const renderSeparator = () => {
+  }, [actions, actionsSlot]);
+  const separatorContent = React.useMemo(() => {
     if (separator) return separator;
     return /* @__PURE__ */ jsxRuntime.jsx("span", { className: cn("hidden sm:inline", separatorClassName), children: "\xB7" });
-  };
+  }, [separator, separatorClassName]);
+  const messageContent = React.useMemo(() => {
+    if (!message) return null;
+    return typeof message === "string" ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: cn("font-semibold", messageClassName), children: message }) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: messageClassName, children: message });
+  }, [message, messageClassName]);
+  const discountContent = React.useMemo(() => {
+    if (!discount) return null;
+    return /* @__PURE__ */ jsxRuntime.jsx("span", { className: discountClassName, children: discount });
+  }, [discount, discountClassName]);
   return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
       className: cn("w-full bg-primary text-primary-foreground", className),
       children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("container py-2.5", containerClassName), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("flex flex-wrap items-center justify-center gap-x-4 gap-y-1 text-center text-sm", contentClassName), children: [
-        message && (typeof message === "string" ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: cn("font-semibold", messageClassName), children: message }) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: messageClassName, children: message })),
-        renderSeparator(),
-        discount && (typeof discount === "string" ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: discountClassName, children: discount }) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: discountClassName, children: discount })),
-        (actionsSlot || actions && actions.length > 0) && /* @__PURE__ */ jsxRuntime.jsx("span", { className: actionsClassName, children: renderActions() })
+        messageContent,
+        messageContent && discountContent && separatorContent,
+        discountContent,
+        (actionsSlot || actions && actions.length > 0) && /* @__PURE__ */ jsxRuntime.jsx("span", { className: actionsClassName, children: actionsContent })
       ] }) })
     }
   );

package/dist/banner-promo-cta.d.cts

@@ -1,8 +1,8 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
-import { A as ActionConfig } from './blocks-Cohq4eio.cjs';
+import { A as ActionConfig } from './blocks-DP3Vofl4.cjs';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.cjs';
+import './button-variants-CdNtNOuP.cjs';
 import 'class-variance-authority/types';
 
 /**

package/dist/banner-promo-cta.d.ts

@@ -1,8 +1,8 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
-import { A as ActionConfig } from './blocks-k17uluAz.js';
+import { A as ActionConfig } from './blocks-XLPGq8A5.js';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.js';
+import './button-variants-CdNtNOuP.js';
 import 'class-variance-authority/types';
 
 /**

package/dist/banner-promo-cta.js

@@ -1,11 +1,12 @@
 "use client";
+import * as React from 'react';
+import { useMemo } from 'react';
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
-import * as React from 'react';
 import { cva } from 'class-variance-authority';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
-// lib/utils.ts
+// components/blocks/banner/banner-promo-cta.tsx
 function cn(...inputs) {
   return twMerge(clsx(inputs));
 }
@@ -429,7 +430,7 @@ var Pressable = React.forwardRef(
 Pressable.displayName = "Pressable";
 function BannerPromoCta({
   message,
-  discount = "Up to 50% off",
+  discount,
   separator,
   actions,
   actionsSlot,
@@ -441,11 +442,18 @@ function BannerPromoCta({
   discountClassName,
   actionsClassName
 }) {
-  const renderActions = () => {
+  const actionsContent = useMemo(() => {
     if (actionsSlot) return actionsSlot;
     if (!actions || actions.length === 0) return null;
     return actions.map((action, index) => {
-      const { label, icon: actionIcon, iconAfter, children, className: actionClassName, ...pressableProps } = action;
+      const {
+        label,
+        icon: actionIcon,
+        iconAfter,
+        children,
+        className: actionClassName,
+        ...pressableProps
+      } = action;
       return /* @__PURE__ */ jsx(
         Pressable,
         {
@@ -460,20 +468,28 @@ function BannerPromoCta({
         index
       );
     });
-  };
-  const renderSeparator = () => {
+  }, [actions, actionsSlot]);
+  const separatorContent = useMemo(() => {
     if (separator) return separator;
     return /* @__PURE__ */ jsx("span", { className: cn("hidden sm:inline", separatorClassName), children: "\xB7" });
-  };
+  }, [separator, separatorClassName]);
+  const messageContent = useMemo(() => {
+    if (!message) return null;
+    return typeof message === "string" ? /* @__PURE__ */ jsx("span", { className: cn("font-semibold", messageClassName), children: message }) : /* @__PURE__ */ jsx("span", { className: messageClassName, children: message });
+  }, [message, messageClassName]);
+  const discountContent = useMemo(() => {
+    if (!discount) return null;
+    return /* @__PURE__ */ jsx("span", { className: discountClassName, children: discount });
+  }, [discount, discountClassName]);
   return /* @__PURE__ */ jsx(
     "div",
     {
       className: cn("w-full bg-primary text-primary-foreground", className),
       children: /* @__PURE__ */ jsx("div", { className: cn("container py-2.5", containerClassName), children: /* @__PURE__ */ jsxs("div", { className: cn("flex flex-wrap items-center justify-center gap-x-4 gap-y-1 text-center text-sm", contentClassName), children: [
-        message && (typeof message === "string" ? /* @__PURE__ */ jsx("span", { className: cn("font-semibold", messageClassName), children: message }) : /* @__PURE__ */ jsx("span", { className: messageClassName, children: message })),
-        renderSeparator(),
-        discount && (typeof discount === "string" ? /* @__PURE__ */ jsx("span", { className: discountClassName, children: discount }) : /* @__PURE__ */ jsx("span", { className: discountClassName, children: discount })),
-        (actionsSlot || actions && actions.length > 0) && /* @__PURE__ */ jsx("span", { className: actionsClassName, children: renderActions() })
+        messageContent,
+        messageContent && discountContent && separatorContent,
+        discountContent,
+        (actionsSlot || actions && actions.length > 0) && /* @__PURE__ */ jsx("span", { className: actionsClassName, children: actionsContent })
       ] }) })
     }
   );

package/dist/banner-social-follow.cjs

@@ -556,13 +556,13 @@ function processSvgForCurrentColor(svg) {
 }
 function BannerSocialFollow({
   icon,
-  iconName = "mynaui/users",
+  iconName,
   message,
   actions,
   actionsSlot,
   onDismiss,
   dismissIcon,
-  dismissAriaLabel = "Dismiss banner",
+  dismissAriaLabel,
   className,
   containerClassName,
   iconClassName,
@@ -571,19 +571,35 @@ function BannerSocialFollow({
   dismissButtonClassName
 }) {
   const [isVisible, setIsVisible] = React.useState(true);
-  const handleDismiss = () => {
+  const dismissLabel = dismissAriaLabel ?? "Dismiss banner";
+  const handleDismiss = React.useCallback(() => {
     setIsVisible(false);
     onDismiss?.();
-  };
-  const renderIcon = () => {
+  }, [onDismiss]);
+  const iconContent = React.useMemo(() => {
     if (icon) return icon;
-    return /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: iconName, size: 20, className: cn("shrink-0", iconClassName) });
-  };
-  const renderActions = () => {
+    if (!iconName) return null;
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      DynamicIcon,
+      {
+        name: iconName,
+        size: 20,
+        className: cn("shrink-0", iconClassName)
+      }
+    );
+  }, [icon, iconName, iconClassName]);
+  const actionsContent = React.useMemo(() => {
     if (actionsSlot) return actionsSlot;
     if (!actions || actions.length === 0) return null;
     return actions.map((action, index) => {
-      const { label, icon: actionIcon, iconAfter, children, className: actionClassName, ...pressableProps } = action;
+      const {
+        label,
+        icon: actionIcon,
+        iconAfter,
+        children,
+        className: actionClassName,
+        ...pressableProps
+      } = action;
       return /* @__PURE__ */ jsxRuntime.jsx(
         Pressable,
         {
@@ -599,11 +615,15 @@ function BannerSocialFollow({
         index
       );
     });
-  };
-  const renderDismissIcon = () => {
+  }, [actions, actionsSlot]);
+  const dismissIconContent = React.useMemo(() => {
     if (dismissIcon) return dismissIcon;
     return /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "mynaui/x", size: 16 });
-  };
+  }, [dismissIcon]);
+  const messageContent = React.useMemo(() => {
+    if (!message) return null;
+    return typeof message === "string" ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: cn("font-medium", messageClassName), children: message }) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: messageClassName, children: message });
+  }, [message, messageClassName]);
   if (!isVisible) {
     return null;
   }
@@ -615,9 +635,9 @@ function BannerSocialFollow({
         className
       ),
       children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("max-w-7xl mx-auto px-3 py-3 flex items-center justify-center text-left md:text-center gap-2", containerClassName), children: [
-        renderIcon(),
-        message && (typeof message === "string" ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: cn("font-medium", messageClassName), children: message }) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: messageClassName, children: message })),
-        (actionsSlot || actions && actions.length > 0) && /* @__PURE__ */ jsxRuntime.jsx("span", { className: actionsClassName, children: renderActions() }),
+        iconContent,
+        messageContent,
+        (actionsSlot || actions && actions.length > 0) && /* @__PURE__ */ jsxRuntime.jsx("span", { className: actionsClassName, children: actionsContent }),
         /* @__PURE__ */ jsxRuntime.jsxs(
           Pressable,
           {
@@ -627,8 +647,8 @@ function BannerSocialFollow({
             asButton: true,
             className: cn("size-8", dismissButtonClassName),
             children: [
-              renderDismissIcon(),
-              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: dismissAriaLabel })
+              dismissIconContent,
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: dismissLabel })
             ]
           }
         )

package/dist/banner-social-follow.d.cts

@@ -1,8 +1,8 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
-import { A as ActionConfig } from './blocks-Cohq4eio.cjs';
+import { A as ActionConfig } from './blocks-DP3Vofl4.cjs';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.cjs';
+import './button-variants-CdNtNOuP.cjs';
 import 'class-variance-authority/types';
 
 /**
@@ -15,7 +15,6 @@ interface BannerSocialFollowProps {
     icon?: React.ReactNode;
     /**
      * Icon name for DynamicIcon (used if icon prop is not provided)
-     * @default "mynaui/users"
      */
     iconName?: string;
     /**
@@ -40,7 +39,6 @@ interface BannerSocialFollowProps {
     dismissIcon?: React.ReactNode;
     /**
      * ARIA label for dismiss button
-     * @default "Dismiss banner"
      */
     dismissAriaLabel?: string;
     /**

package/dist/banner-social-follow.d.ts

@@ -1,8 +1,8 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
-import { A as ActionConfig } from './blocks-k17uluAz.js';
+import { A as ActionConfig } from './blocks-XLPGq8A5.js';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.js';
+import './button-variants-CdNtNOuP.js';
 import 'class-variance-authority/types';
 
 /**
@@ -15,7 +15,6 @@ interface BannerSocialFollowProps {
     icon?: React.ReactNode;
     /**
      * Icon name for DynamicIcon (used if icon prop is not provided)
-     * @default "mynaui/users"
      */
     iconName?: string;
     /**
@@ -40,7 +39,6 @@ interface BannerSocialFollowProps {
     dismissIcon?: React.ReactNode;
     /**
      * ARIA label for dismiss button
-     * @default "Dismiss banner"
      */
     dismissAriaLabel?: string;
     /**

package/dist/banner-social-follow.js

@@ -1,6 +1,6 @@
 "use client";
 import * as React from 'react';
-import { useState } from 'react';
+import { useState, useCallback, useMemo } from 'react';
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
 import { cva } from 'class-variance-authority';
@@ -535,13 +535,13 @@ function processSvgForCurrentColor(svg) {
 }
 function BannerSocialFollow({
   icon,
-  iconName = "mynaui/users",
+  iconName,
   message,
   actions,
   actionsSlot,
   onDismiss,
   dismissIcon,
-  dismissAriaLabel = "Dismiss banner",
+  dismissAriaLabel,
   className,
   containerClassName,
   iconClassName,
@@ -550,19 +550,35 @@ function BannerSocialFollow({
   dismissButtonClassName
 }) {
   const [isVisible, setIsVisible] = useState(true);
-  const handleDismiss = () => {
+  const dismissLabel = dismissAriaLabel ?? "Dismiss banner";
+  const handleDismiss = useCallback(() => {
     setIsVisible(false);
     onDismiss?.();
-  };
-  const renderIcon = () => {
+  }, [onDismiss]);
+  const iconContent = useMemo(() => {
     if (icon) return icon;
-    return /* @__PURE__ */ jsx(DynamicIcon, { name: iconName, size: 20, className: cn("shrink-0", iconClassName) });
-  };
-  const renderActions = () => {
+    if (!iconName) return null;
+    return /* @__PURE__ */ jsx(
+      DynamicIcon,
+      {
+        name: iconName,
+        size: 20,
+        className: cn("shrink-0", iconClassName)
+      }
+    );
+  }, [icon, iconName, iconClassName]);
+  const actionsContent = useMemo(() => {
     if (actionsSlot) return actionsSlot;
     if (!actions || actions.length === 0) return null;
     return actions.map((action, index) => {
-      const { label, icon: actionIcon, iconAfter, children, className: actionClassName, ...pressableProps } = action;
+      const {
+        label,
+        icon: actionIcon,
+        iconAfter,
+        children,
+        className: actionClassName,
+        ...pressableProps
+      } = action;
       return /* @__PURE__ */ jsx(
         Pressable,
         {
@@ -578,11 +594,15 @@ function BannerSocialFollow({
         index
       );
     });
-  };
-  const renderDismissIcon = () => {
+  }, [actions, actionsSlot]);
+  const dismissIconContent = useMemo(() => {
     if (dismissIcon) return dismissIcon;
     return /* @__PURE__ */ jsx(DynamicIcon, { name: "mynaui/x", size: 16 });
-  };
+  }, [dismissIcon]);
+  const messageContent = useMemo(() => {
+    if (!message) return null;
+    return typeof message === "string" ? /* @__PURE__ */ jsx("span", { className: cn("font-medium", messageClassName), children: message }) : /* @__PURE__ */ jsx("span", { className: messageClassName, children: message });
+  }, [message, messageClassName]);
   if (!isVisible) {
     return null;
   }
@@ -594,9 +614,9 @@ function BannerSocialFollow({
         className
       ),
       children: /* @__PURE__ */ jsxs("div", { className: cn("max-w-7xl mx-auto px-3 py-3 flex items-center justify-center text-left md:text-center gap-2", containerClassName), children: [
-        renderIcon(),
-        message && (typeof message === "string" ? /* @__PURE__ */ jsx("span", { className: cn("font-medium", messageClassName), children: message }) : /* @__PURE__ */ jsx("span", { className: messageClassName, children: message })),
-        (actionsSlot || actions && actions.length > 0) && /* @__PURE__ */ jsx("span", { className: actionsClassName, children: renderActions() }),
+        iconContent,
+        messageContent,
+        (actionsSlot || actions && actions.length > 0) && /* @__PURE__ */ jsx("span", { className: actionsClassName, children: actionsContent }),
         /* @__PURE__ */ jsxs(
           Pressable,
           {
@@ -606,8 +626,8 @@ function BannerSocialFollow({
             asButton: true,
             className: cn("size-8", dismissButtonClassName),
             children: [
-              renderDismissIcon(),
-              /* @__PURE__ */ jsx("span", { className: "sr-only", children: dismissAriaLabel })
+              dismissIconContent,
+              /* @__PURE__ */ jsx("span", { className: "sr-only", children: dismissLabel })
             ]
           }
         )

package/dist/banner-survey-incentive.cjs

@@ -556,14 +556,14 @@ function processSvgForCurrentColor(svg) {
 }
 function BannerSurveyIncentive({
   icon,
-  iconName = "mynaui/shopping-bag",
+  iconName,
   title,
   description,
   actions,
   actionsSlot,
   onDismiss,
   dismissIcon,
-  dismissAriaLabel = "Dismiss banner",
+  dismissAriaLabel,
   className,
   containerClassName,
   contentClassName,
@@ -575,12 +575,14 @@ function BannerSurveyIncentive({
   dismissButtonClassName
 }) {
   const [isVisible, setIsVisible] = React.useState(true);
-  const handleDismiss = () => {
+  const dismissLabel = dismissAriaLabel ?? "Dismiss banner";
+  const handleDismiss = React.useCallback(() => {
     setIsVisible(false);
     onDismiss?.();
-  };
-  const renderIcon = () => {
+  }, [onDismiss]);
+  const iconContent = React.useMemo(() => {
     if (icon) return icon;
+    if (!iconName) return null;
     return /* @__PURE__ */ jsxRuntime.jsx(
       DynamicIcon,
       {
@@ -589,12 +591,19 @@ function BannerSurveyIncentive({
         className: cn("shrink-0 hidden md:block", iconClassName)
       }
     );
-  };
-  const renderActions = () => {
+  }, [icon, iconName, iconClassName]);
+  const actionsContent = React.useMemo(() => {
     if (actionsSlot) return actionsSlot;
     if (!actions || actions.length === 0) return null;
     return actions.map((action, index) => {
-      const { label, icon: actionIcon, iconAfter, children, className: actionClassName, ...pressableProps } = action;
+      const {
+        label,
+        icon: actionIcon,
+        iconAfter,
+        children,
+        className: actionClassName,
+        ...pressableProps
+      } = action;
       return /* @__PURE__ */ jsxRuntime.jsx(
         Pressable,
         {
@@ -610,24 +619,32 @@ function BannerSurveyIncentive({
         index
       );
     });
-  };
-  const renderDismissIcon = () => {
+  }, [actions, actionsSlot]);
+  const dismissIconContent = React.useMemo(() => {
     if (dismissIcon) return dismissIcon;
     return /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "mynaui/x", size: 16 });
-  };
+  }, [dismissIcon]);
+  const titleContent = React.useMemo(() => {
+    if (!title) return null;
+    return typeof title === "string" ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: cn("font-medium", titleClassName), children: title }) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: titleClassName, children: title });
+  }, [title, titleClassName]);
+  const descriptionContent = React.useMemo(() => {
+    if (!description) return null;
+    return typeof description === "string" ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: cn("text-muted-foreground", descriptionClassName), children: description }) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: descriptionClassName, children: description });
+  }, [description, descriptionClassName]);
   if (!isVisible) {
     return null;
   }
   return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("bg-background border-b text-sm", className), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("flex md:items-center justify-between max-w-7xl mx-auto px-4 py-4", containerClassName), children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("flex items-center gap-2", contentClassName), children: [
-      renderIcon(),
+      iconContent,
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("flex flex-col md:flex-row gap-1", textClassName), children: [
-        title && (typeof title === "string" ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: cn("font-medium", titleClassName), children: title }) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: titleClassName, children: title })),
-        description && (typeof description === "string" ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: cn("text-muted-foreground", descriptionClassName), children: description }) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: descriptionClassName, children: description }))
+        titleContent,
+        descriptionContent
       ] })
     ] }),
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("flex gap-2", actionsClassName), children: [
-      renderActions(),
+      actionsContent,
       /* @__PURE__ */ jsxRuntime.jsxs(
         Pressable,
         {
@@ -637,8 +654,8 @@ function BannerSurveyIncentive({
           asButton: true,
           className: cn("size-8", dismissButtonClassName),
           children: [
-            renderDismissIcon(),
-            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: dismissAriaLabel })
+            dismissIconContent,
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: dismissLabel })
           ]
         }
       )

package/dist/banner-survey-incentive.d.cts

@@ -1,8 +1,8 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
-import { A as ActionConfig } from './blocks-Cohq4eio.cjs';
+import { A as ActionConfig } from './blocks-DP3Vofl4.cjs';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.cjs';
+import './button-variants-CdNtNOuP.cjs';
 import 'class-variance-authority/types';
 
 /**
@@ -15,7 +15,6 @@ interface BannerSurveyIncentiveProps {
     icon?: React.ReactNode;
     /**
      * Icon name for DynamicIcon (used if icon prop is not provided)
-     * @default "mynaui/shopping-bag"
      */
     iconName?: string;
     /**
@@ -44,7 +43,6 @@ interface BannerSurveyIncentiveProps {
     dismissIcon?: React.ReactNode;
     /**
      * ARIA label for dismiss button
-     * @default "Dismiss banner"
      */
     dismissAriaLabel?: string;
     /**

package/dist/banner-survey-incentive.d.ts

@@ -1,8 +1,8 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
-import { A as ActionConfig } from './blocks-k17uluAz.js';
+import { A as ActionConfig } from './blocks-XLPGq8A5.js';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.js';
+import './button-variants-CdNtNOuP.js';
 import 'class-variance-authority/types';
 
 /**
@@ -15,7 +15,6 @@ interface BannerSurveyIncentiveProps {
     icon?: React.ReactNode;
     /**
      * Icon name for DynamicIcon (used if icon prop is not provided)
-     * @default "mynaui/shopping-bag"
      */
     iconName?: string;
     /**
@@ -44,7 +43,6 @@ interface BannerSurveyIncentiveProps {
     dismissIcon?: React.ReactNode;
     /**
      * ARIA label for dismiss button
-     * @default "Dismiss banner"
      */
     dismissAriaLabel?: string;
     /**