@opensite/ui 0.5.3 → 0.5.4

package/dist/banner-gdpr-rights.cjs

@@ -556,14 +556,14 @@ function processSvgForCurrentColor(svg) {
 }
 function BannerGdprRights({
   icon,
-  iconName = "mynaui/globe",
+  iconName,
   title,
   description,
   actions,
   actionsSlot,
   onDismiss,
   dismissIcon,
-  dismissAriaLabel = "Dismiss banner",
+  dismissAriaLabel,
   className,
   containerClassName,
   contentClassName,
@@ -574,12 +574,14 @@ function BannerGdprRights({
   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,
       {
@@ -588,12 +590,19 @@ function BannerGdprRights({
         className: cn("text-muted-foreground mt-0.5 shrink-0", 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,
         {
@@ -608,11 +617,22 @@ function BannerGdprRights({
         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("h3", { className: cn("font-semibold text-sm", titleClassName), children: title }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: titleClassName, children: title });
+  }, [title, titleClassName]);
+  const descriptionContent = React.useMemo(() => {
+    if (!description && !actionsContent) return null;
+    return /* @__PURE__ */ jsxRuntime.jsxs("p", { className: cn("text-sm text-muted-foreground mt-1", descriptionClassName), children: [
+      description,
+      actionsContent && /* @__PURE__ */ jsxRuntime.jsx("span", { className: actionsClassName, children: actionsContent })
+    ] });
+  }, [description, actionsContent, descriptionClassName, actionsClassName]);
   if (!isVisible) {
     return null;
   }
@@ -625,13 +645,10 @@ function BannerGdprRights({
       ),
       children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("flex items-start justify-between gap-4 max-w-7xl mx-auto px-4 py-4", containerClassName), children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("flex items-start gap-3", contentClassName), children: [
-          renderIcon(),
+          iconContent,
           /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-            title && (typeof title === "string" ? /* @__PURE__ */ jsxRuntime.jsx("h3", { className: cn("font-semibold text-sm", titleClassName), children: title }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: titleClassName, children: title })),
-            /* @__PURE__ */ jsxRuntime.jsxs("p", { className: cn("text-sm text-muted-foreground mt-1", descriptionClassName), children: [
-              description,
-              (actionsSlot || actions && actions.length > 0) && /* @__PURE__ */ jsxRuntime.jsx("span", { className: actionsClassName, children: renderActions() })
-            ] })
+            titleContent,
+            descriptionContent
           ] })
         ] }),
         /* @__PURE__ */ jsxRuntime.jsxs(
@@ -643,8 +660,8 @@ function BannerGdprRights({
             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-gdpr-rights.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 BannerGdprRightsProps {
     icon?: React.ReactNode;
     /**
      * Icon name for DynamicIcon (used if icon prop is not provided)
-     * @default "mynaui/globe"
      */
     iconName?: string;
     /**
@@ -44,7 +43,6 @@ interface BannerGdprRightsProps {
     dismissIcon?: React.ReactNode;
     /**
      * ARIA label for dismiss button
-     * @default "Dismiss banner"
      */
     dismissAriaLabel?: string;
     /**
@@ -81,11 +79,11 @@ interface BannerGdprRightsProps {
     dismissButtonClassName?: string;
 }
 /**
- * BannerGdprRights - A bottom-positioned GDPR privacy rights notice.
+ * BannerGdprRights - A bottom-positioned privacy rights notice.
  *
- * Features a fixed bottom position with globe icon, title, description, and manage data link.
+ * Features a fixed bottom position with icon, title, description, and optional action link.
  * Includes a dismiss button to close the banner. The banner is positioned at the bottom
- * of the viewport with a border-top styling. Ideal for GDPR compliance, data privacy notices,
+ * of the viewport with a border-top styling. Ideal for privacy notices, data policy updates,
  * and user rights information.
  *
  * @example

package/dist/banner-gdpr-rights.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 BannerGdprRightsProps {
     icon?: React.ReactNode;
     /**
      * Icon name for DynamicIcon (used if icon prop is not provided)
-     * @default "mynaui/globe"
      */
     iconName?: string;
     /**
@@ -44,7 +43,6 @@ interface BannerGdprRightsProps {
     dismissIcon?: React.ReactNode;
     /**
      * ARIA label for dismiss button
-     * @default "Dismiss banner"
      */
     dismissAriaLabel?: string;
     /**
@@ -81,11 +79,11 @@ interface BannerGdprRightsProps {
     dismissButtonClassName?: string;
 }
 /**
- * BannerGdprRights - A bottom-positioned GDPR privacy rights notice.
+ * BannerGdprRights - A bottom-positioned privacy rights notice.
  *
- * Features a fixed bottom position with globe icon, title, description, and manage data link.
+ * Features a fixed bottom position with icon, title, description, and optional action link.
  * Includes a dismiss button to close the banner. The banner is positioned at the bottom
- * of the viewport with a border-top styling. Ideal for GDPR compliance, data privacy notices,
+ * of the viewport with a border-top styling. Ideal for privacy notices, data policy updates,
  * and user rights information.
  *
  * @example

package/dist/banner-gdpr-rights.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,14 +535,14 @@ function processSvgForCurrentColor(svg) {
 }
 function BannerGdprRights({
   icon,
-  iconName = "mynaui/globe",
+  iconName,
   title,
   description,
   actions,
   actionsSlot,
   onDismiss,
   dismissIcon,
-  dismissAriaLabel = "Dismiss banner",
+  dismissAriaLabel,
   className,
   containerClassName,
   contentClassName,
@@ -553,12 +553,14 @@ function BannerGdprRights({
   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;
+    if (!iconName) return null;
     return /* @__PURE__ */ jsx(
       DynamicIcon,
       {
@@ -567,12 +569,19 @@ function BannerGdprRights({
         className: cn("text-muted-foreground mt-0.5 shrink-0", iconClassName)
       }
     );
-  };
-  const renderActions = () => {
+  }, [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,
         {
@@ -587,11 +596,22 @@ function BannerGdprRights({
         index
       );
     });
-  };
-  const renderDismissIcon = () => {
+  }, [actions, actionsSlot]);
+  const dismissIconContent = useMemo(() => {
     if (dismissIcon) return dismissIcon;
     return /* @__PURE__ */ jsx(DynamicIcon, { name: "mynaui/x", size: 16 });
-  };
+  }, [dismissIcon]);
+  const titleContent = useMemo(() => {
+    if (!title) return null;
+    return typeof title === "string" ? /* @__PURE__ */ jsx("h3", { className: cn("font-semibold text-sm", titleClassName), children: title }) : /* @__PURE__ */ jsx("div", { className: titleClassName, children: title });
+  }, [title, titleClassName]);
+  const descriptionContent = useMemo(() => {
+    if (!description && !actionsContent) return null;
+    return /* @__PURE__ */ jsxs("p", { className: cn("text-sm text-muted-foreground mt-1", descriptionClassName), children: [
+      description,
+      actionsContent && /* @__PURE__ */ jsx("span", { className: actionsClassName, children: actionsContent })
+    ] });
+  }, [description, actionsContent, descriptionClassName, actionsClassName]);
   if (!isVisible) {
     return null;
   }
@@ -604,13 +624,10 @@ function BannerGdprRights({
       ),
       children: /* @__PURE__ */ jsxs("div", { className: cn("flex items-start justify-between gap-4 max-w-7xl mx-auto px-4 py-4", containerClassName), children: [
         /* @__PURE__ */ jsxs("div", { className: cn("flex items-start gap-3", contentClassName), children: [
-          renderIcon(),
+          iconContent,
           /* @__PURE__ */ jsxs("div", { children: [
-            title && (typeof title === "string" ? /* @__PURE__ */ jsx("h3", { className: cn("font-semibold text-sm", titleClassName), children: title }) : /* @__PURE__ */ jsx("div", { className: titleClassName, children: title })),
-            /* @__PURE__ */ jsxs("p", { className: cn("text-sm text-muted-foreground mt-1", descriptionClassName), children: [
-              description,
-              (actionsSlot || actions && actions.length > 0) && /* @__PURE__ */ jsx("span", { className: actionsClassName, children: renderActions() })
-            ] })
+            titleContent,
+            descriptionContent
           ] })
         ] }),
         /* @__PURE__ */ jsxs(
@@ -622,8 +639,8 @@ function BannerGdprRights({
             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-privacy-notice.cjs

@@ -556,14 +556,14 @@ function processSvgForCurrentColor(svg) {
 }
 function BannerPrivacyNotice({
   icon,
-  iconName = "mynaui/shield",
+  iconName,
   title,
   description,
   actions,
   actionsSlot,
   onDismiss,
   dismissIcon,
-  dismissAriaLabel = "Dismiss banner",
+  dismissAriaLabel,
   className,
   containerClassName,
   contentClassName,
@@ -574,12 +574,14 @@ function BannerPrivacyNotice({
   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,
       {
@@ -588,12 +590,19 @@ function BannerPrivacyNotice({
         className: cn("mt-0.5 shrink-0", 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,
         {
@@ -608,11 +617,19 @@ function BannerPrivacyNotice({
         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("h3", { className: cn("font-semibold text-sm", titleClassName), children: title }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: titleClassName, children: title });
+  }, [title, titleClassName]);
+  const descriptionContent = React.useMemo(() => {
+    if (!description) return null;
+    return typeof description === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("text-sm text-muted-foreground mt-1", descriptionClassName), children: description }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("text-sm text-muted-foreground mt-1", descriptionClassName), children: description });
+  }, [description, descriptionClassName]);
   if (!isVisible) {
     return null;
   }
@@ -625,11 +642,11 @@ function BannerPrivacyNotice({
       ),
       children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("flex items-start justify-between gap-4 max-w-7xl mx-auto px-4 py-4", containerClassName), children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("flex items-start gap-4", contentClassName), children: [
-          renderIcon(),
+          iconContent,
           /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-            title && (typeof title === "string" ? /* @__PURE__ */ jsxRuntime.jsx("h3", { className: cn("font-semibold text-sm", titleClassName), children: title }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: titleClassName, children: title })),
-            description && (typeof description === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("text-sm text-muted-foreground mt-1", descriptionClassName), children: description }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("text-sm text-muted-foreground mt-1", descriptionClassName), children: description })),
-            (actionsSlot || actions && actions.length > 0) && /* @__PURE__ */ jsxRuntime.jsx("div", { className: actionsClassName, children: renderActions() })
+            titleContent,
+            descriptionContent,
+            (actionsSlot || actions && actions.length > 0) && /* @__PURE__ */ jsxRuntime.jsx("div", { className: actionsClassName, children: actionsContent })
           ] })
         ] }),
         /* @__PURE__ */ jsxRuntime.jsxs(
@@ -641,8 +658,8 @@ function BannerPrivacyNotice({
             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-privacy-notice.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 BannerPrivacyNoticeProps {
     icon?: React.ReactNode;
     /**
      * Icon name for DynamicIcon (used if icon prop is not provided)
-     * @default "mynaui/shield"
      */
     iconName?: string;
     /**
@@ -44,7 +43,6 @@ interface BannerPrivacyNoticeProps {
     dismissIcon?: React.ReactNode;
     /**
      * ARIA label for dismiss button
-     * @default "Dismiss banner"
      */
     dismissAriaLabel?: string;
     /**

package/dist/banner-privacy-notice.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 BannerPrivacyNoticeProps {
     icon?: React.ReactNode;
     /**
      * Icon name for DynamicIcon (used if icon prop is not provided)
-     * @default "mynaui/shield"
      */
     iconName?: string;
     /**
@@ -44,7 +43,6 @@ interface BannerPrivacyNoticeProps {
     dismissIcon?: React.ReactNode;
     /**
      * ARIA label for dismiss button
-     * @default "Dismiss banner"
      */
     dismissAriaLabel?: string;
     /**

package/dist/banner-privacy-notice.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,14 +535,14 @@ function processSvgForCurrentColor(svg) {
 }
 function BannerPrivacyNotice({
   icon,
-  iconName = "mynaui/shield",
+  iconName,
   title,
   description,
   actions,
   actionsSlot,
   onDismiss,
   dismissIcon,
-  dismissAriaLabel = "Dismiss banner",
+  dismissAriaLabel,
   className,
   containerClassName,
   contentClassName,
@@ -553,12 +553,14 @@ function BannerPrivacyNotice({
   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;
+    if (!iconName) return null;
     return /* @__PURE__ */ jsx(
       DynamicIcon,
       {
@@ -567,12 +569,19 @@ function BannerPrivacyNotice({
         className: cn("mt-0.5 shrink-0", iconClassName)
       }
     );
-  };
-  const renderActions = () => {
+  }, [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,
         {
@@ -587,11 +596,19 @@ function BannerPrivacyNotice({
         index
       );
     });
-  };
-  const renderDismissIcon = () => {
+  }, [actions, actionsSlot]);
+  const dismissIconContent = useMemo(() => {
     if (dismissIcon) return dismissIcon;
     return /* @__PURE__ */ jsx(DynamicIcon, { name: "mynaui/x", size: 16 });
-  };
+  }, [dismissIcon]);
+  const titleContent = useMemo(() => {
+    if (!title) return null;
+    return typeof title === "string" ? /* @__PURE__ */ jsx("h3", { className: cn("font-semibold text-sm", titleClassName), children: title }) : /* @__PURE__ */ jsx("div", { className: titleClassName, children: title });
+  }, [title, titleClassName]);
+  const descriptionContent = useMemo(() => {
+    if (!description) return null;
+    return typeof description === "string" ? /* @__PURE__ */ jsx("p", { className: cn("text-sm text-muted-foreground mt-1", descriptionClassName), children: description }) : /* @__PURE__ */ jsx("div", { className: cn("text-sm text-muted-foreground mt-1", descriptionClassName), children: description });
+  }, [description, descriptionClassName]);
   if (!isVisible) {
     return null;
   }
@@ -604,11 +621,11 @@ function BannerPrivacyNotice({
       ),
       children: /* @__PURE__ */ jsxs("div", { className: cn("flex items-start justify-between gap-4 max-w-7xl mx-auto px-4 py-4", containerClassName), children: [
         /* @__PURE__ */ jsxs("div", { className: cn("flex items-start gap-4", contentClassName), children: [
-          renderIcon(),
+          iconContent,
           /* @__PURE__ */ jsxs("div", { children: [
-            title && (typeof title === "string" ? /* @__PURE__ */ jsx("h3", { className: cn("font-semibold text-sm", titleClassName), children: title }) : /* @__PURE__ */ jsx("div", { className: titleClassName, children: title })),
-            description && (typeof description === "string" ? /* @__PURE__ */ jsx("p", { className: cn("text-sm text-muted-foreground mt-1", descriptionClassName), children: description }) : /* @__PURE__ */ jsx("div", { className: cn("text-sm text-muted-foreground mt-1", descriptionClassName), children: description })),
-            (actionsSlot || actions && actions.length > 0) && /* @__PURE__ */ jsx("div", { className: actionsClassName, children: renderActions() })
+            titleContent,
+            descriptionContent,
+            (actionsSlot || actions && actions.length > 0) && /* @__PURE__ */ jsx("div", { className: actionsClassName, children: actionsContent })
           ] })
         ] }),
         /* @__PURE__ */ jsxs(
@@ -620,8 +637,8 @@ function BannerPrivacyNotice({
             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 })
             ]
           }
         )