@c15t/react 0.0.1-rc.10

package/dist/components/shared/libs/recursive-clone-children.cjs

@@ -0,0 +1,49 @@
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = function(exports1, definition) {
+        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+            enumerable: true,
+            get: definition[key]
+        });
+    };
+})();
+(()=>{
+    __webpack_require__.o = function(obj, prop) {
+        return Object.prototype.hasOwnProperty.call(obj, prop);
+    };
+})();
+(()=>{
+    __webpack_require__.r = function(exports1) {
+        if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    recursiveCloneChildren: ()=>recursiveCloneChildren
+});
+const external_react_namespaceObject = require("react");
+function recursiveCloneChildren(children, additionalProps, displayNames, uniqueId, asChild) {
+    const mappedChildren = external_react_namespaceObject.Children.map(children, (child)=>{
+        if (!/*#__PURE__*/ (0, external_react_namespaceObject.isValidElement)(child)) return child;
+        const displayName = child.type?.displayName || '';
+        const newProps = displayNames.includes(displayName) ? additionalProps : {};
+        const childProps = child.props;
+        return /*#__PURE__*/ (0, external_react_namespaceObject.cloneElement)(child, {
+            ...newProps,
+            key: `${uniqueId}-${child.key || displayName}`
+        }, recursiveCloneChildren(childProps?.children, additionalProps, displayNames, uniqueId, childProps?.asChild));
+    });
+    return asChild ? mappedChildren?.[0] : mappedChildren;
+}
+var __webpack_export_target__ = exports;
+for(var __webpack_i__ in __webpack_exports__)__webpack_export_target__[__webpack_i__] = __webpack_exports__[__webpack_i__];
+if (__webpack_exports__.__esModule) Object.defineProperty(__webpack_export_target__, '__esModule', {
+    value: true
+});

package/dist/components/shared/libs/recursive-clone-children.d.ts

@@ -0,0 +1,14 @@
+import { type ReactNode } from 'react';
+/**
+ * Recursively clones React children, adding additional props to components with matched display names.
+ *
+ * @param children - The node(s) to be cloned.
+ * @param additionalProps - The props to add to the matched components.
+ * @param displayNames - An array of display names to match components against.
+ * @param uniqueId - A unique ID prefix from the parent component to generate stable keys.
+ * @param asChild - Indicates whether the parent component uses the Slot component.
+ *
+ * @returns The cloned node(s) with the additional props applied to the matched components.
+ */
+export declare function recursiveCloneChildren(children: ReactNode, additionalProps: Record<string, unknown>, displayNames: string[], uniqueId: string, asChild?: boolean): ReactNode | ReactNode[];
+//# sourceMappingURL=recursive-clone-children.d.ts.map

package/dist/components/shared/libs/recursive-clone-children.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"recursive-clone-children.d.ts","sourceRoot":"","sources":["../../../../src/components/shared/libs/recursive-clone-children.tsx"],"names":[],"mappings":"AAAA,OAAO,EAIN,KAAK,SAAS,EAGd,MAAM,OAAO,CAAC;AAEf;;;;;;;;;;GAUG;AACH,wBAAgB,sBAAsB,CACrC,QAAQ,EAAE,SAAS,EACnB,eAAe,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EACxC,YAAY,EAAE,MAAM,EAAE,EACtB,QAAQ,EAAE,MAAM,EAChB,OAAO,CAAC,EAAE,OAAO,GACf,SAAS,GAAG,SAAS,EAAE,CAyBzB"}

package/dist/components/shared/libs/recursive-clone-children.js

@@ -0,0 +1,15 @@
+import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
+function recursiveCloneChildren(children, additionalProps, displayNames, uniqueId, asChild) {
+    const mappedChildren = __WEBPACK_EXTERNAL_MODULE_react__.Children.map(children, (child)=>{
+        if (!/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react__.isValidElement)(child)) return child;
+        const displayName = child.type?.displayName || '';
+        const newProps = displayNames.includes(displayName) ? additionalProps : {};
+        const childProps = child.props;
+        return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react__.cloneElement)(child, {
+            ...newProps,
+            key: `${uniqueId}-${child.key || displayName}`
+        }, recursiveCloneChildren(childProps?.children, additionalProps, displayNames, uniqueId, childProps?.asChild));
+    });
+    return asChild ? mappedChildren?.[0] : mappedChildren;
+}
+export { recursiveCloneChildren };

package/dist/components/shared/primitives/box.cjs

@@ -0,0 +1,54 @@
+'use client';
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = function(exports1, definition) {
+        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+            enumerable: true,
+            get: definition[key]
+        });
+    };
+})();
+(()=>{
+    __webpack_require__.o = function(obj, prop) {
+        return Object.prototype.hasOwnProperty.call(obj, prop);
+    };
+})();
+(()=>{
+    __webpack_require__.r = function(exports1) {
+        if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    Box: ()=>Box
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const external_react_namespaceObject = require("react");
+const react_slot_namespaceObject = require("@radix-ui/react-slot");
+const use_styles_cjs_namespaceObject = require("../../../utils/use-styles.cjs");
+const Box = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)(({ asChild, className, style, themeKey, baseClassName, ...props }, ref)=>{
+    const descriptionStyle = (0, use_styles_cjs_namespaceObject.useStyles)(themeKey, {
+        baseClassName,
+        className,
+        style
+    });
+    const Comp = asChild ? react_slot_namespaceObject.Slot : 'div';
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(Comp, {
+        ref: ref,
+        ...props,
+        ...descriptionStyle
+    });
+});
+Box.displayName = 'Box';
+var __webpack_export_target__ = exports;
+for(var __webpack_i__ in __webpack_exports__)__webpack_export_target__[__webpack_i__] = __webpack_exports__[__webpack_i__];
+if (__webpack_exports__.__esModule) Object.defineProperty(__webpack_export_target__, '__esModule', {
+    value: true
+});

package/dist/components/shared/primitives/box.d.ts

@@ -0,0 +1,47 @@
+import { type HTMLAttributes } from 'react';
+import type { ExtendThemeKeys } from '../../../types/theme';
+/**
+ * Props for the description text component of the CookieBanner.
+ * Extends standard HTML div attributes.
+ *
+ * @public
+ */
+export interface BoxProps extends Omit<HTMLAttributes<HTMLDivElement>, 'style'>, ExtendThemeKeys {
+    asChild?: boolean;
+}
+/**
+ * Renders the descriptive text content within a CookieBanner.
+ *
+ * @remarks
+ * This component is responsible for displaying the explanatory text that:
+ * - Informs users about the site's cookie usage
+ * - Explains what cookies are used for
+ * - Provides context for the cookie consent choices
+ *
+ * The component automatically inherits styles from the CookieBanner context
+ * and can be customized through className and style props.
+ *
+ * @example
+ * Basic usage:
+ * ```tsx
+ * <CookieBanner.Description>
+ *   We use cookies to enhance your browsing experience and analyze site traffic.
+ * </CookieBanner.Description>
+ * ```
+ *
+ * @example
+ * With custom styling:
+ * ```tsx
+ * <CookieBanner.Description
+ *   className="text-gray-600"
+ *   style={{ maxWidth: '500px' }}
+ * >
+ *   By using our site, you acknowledge that you have read and understand our
+ *   Cookie Policy and Privacy Policy.
+ * </CookieBanner.Description>
+ * ```
+ *
+ * @public
+ */
+export declare const Box: import("react").ForwardRefExoticComponent<BoxProps & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=box.d.ts.map

package/dist/components/shared/primitives/box.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"box.d.ts","sourceRoot":"","sources":["../../../../src/components/shared/primitives/box.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,cAAc,EAAc,MAAM,OAAO,CAAC;AAGxD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAGrD;;;;;GAKG;AACH,MAAM,WAAW,QAChB,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC,EACpD,eAAe;IAChB,OAAO,CAAC,EAAE,OAAO,CAAC;CAClB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AACH,eAAO,MAAM,GAAG,qGAef,CAAC"}

package/dist/components/shared/primitives/box.js

@@ -0,0 +1,20 @@
+'use client';
+import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
+import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
+import * as __WEBPACK_EXTERNAL_MODULE__radix_ui_react_slot_85c2da36__ from "@radix-ui/react-slot";
+import * as __WEBPACK_EXTERNAL_MODULE__utils_use_styles_js_413e0e0a__ from "../../../utils/use-styles.js";
+const Box = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react__.forwardRef)(({ asChild, className, style, themeKey, baseClassName, ...props }, ref)=>{
+    const descriptionStyle = (0, __WEBPACK_EXTERNAL_MODULE__utils_use_styles_js_413e0e0a__.useStyles)(themeKey, {
+        baseClassName,
+        className,
+        style
+    });
+    const Comp = asChild ? __WEBPACK_EXTERNAL_MODULE__radix_ui_react_slot_85c2da36__.Slot : 'div';
+    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(Comp, {
+        ref: ref,
+        ...props,
+        ...descriptionStyle
+    });
+});
+Box.displayName = 'Box';
+export { Box };

package/dist/components/shared/primitives/button.cjs

@@ -0,0 +1,96 @@
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = function(exports1, definition) {
+        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+            enumerable: true,
+            get: definition[key]
+        });
+    };
+})();
+(()=>{
+    __webpack_require__.o = function(obj, prop) {
+        return Object.prototype.hasOwnProperty.call(obj, prop);
+    };
+})();
+(()=>{
+    __webpack_require__.r = function(exports1) {
+        if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    ConsentButton: ()=>ConsentButton
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const react_slot_namespaceObject = require("@radix-ui/react-slot");
+const external_react_namespaceObject = require("react");
+const use_consent_manager_cjs_namespaceObject = require("../../../hooks/use-consent-manager.cjs");
+const use_theme_cjs_namespaceObject = require("../../../hooks/use-theme.cjs");
+const use_styles_cjs_namespaceObject = require("../../../utils/use-styles.cjs");
+const index_cjs_namespaceObject = require("../ui/button/index.cjs");
+const ConsentButton = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)(({ asChild, className: forwardedClassName, style, noStyle, action, themeKey, baseClassName, variant = 'neutral', mode = 'stroke', size = 'small', onClick: forwardedOnClick, closeCookieBanner = false, closeCustomizeDialog = false, ...props }, ref)=>{
+    const { saveConsents, setShowPopup, setIsPrivacyDialogOpen } = (0, use_consent_manager_cjs_namespaceObject.useConsentManager)();
+    const { noStyle: contextNoStyle } = (0, use_theme_cjs_namespaceObject.useTheme)();
+    const buttonStyle = (0, use_styles_cjs_namespaceObject.useStyles)(themeKey ?? 'button', {
+        baseClassName: [
+            !(contextNoStyle || noStyle) && index_cjs_namespaceObject.buttonVariants({
+                variant,
+                mode,
+                size
+            }).root()
+        ],
+        style: style,
+        className: forwardedClassName,
+        noStyle: noStyle
+    });
+    const buttonClick = (0, external_react_namespaceObject.useCallback)(()=>{
+        switch(action){
+            case 'accept-consent':
+                saveConsents('all');
+                break;
+            case 'reject-consent':
+                saveConsents('necessary');
+                break;
+            case 'custom-consent':
+                saveConsents('custom');
+                break;
+            case 'open-consent-dialog':
+                setIsPrivacyDialogOpen(true);
+                setShowPopup(false, true);
+                break;
+            default:
+                break;
+        }
+        if (closeCookieBanner) setShowPopup(false);
+        if (closeCustomizeDialog) setIsPrivacyDialogOpen(false);
+        if (forwardedOnClick) forwardedOnClick();
+    }, [
+        closeCookieBanner,
+        closeCustomizeDialog,
+        forwardedOnClick,
+        saveConsents,
+        setIsPrivacyDialogOpen,
+        setShowPopup,
+        action
+    ]);
+    const Comp = asChild ? react_slot_namespaceObject.Slot : 'button';
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(Comp, {
+        ref: ref,
+        ...buttonStyle,
+        onClick: buttonClick,
+        ...props
+    });
+});
+ConsentButton.displayName = 'ConsentButton';
+var __webpack_export_target__ = exports;
+for(var __webpack_i__ in __webpack_exports__)__webpack_export_target__[__webpack_i__] = __webpack_exports__[__webpack_i__];
+if (__webpack_exports__.__esModule) Object.defineProperty(__webpack_export_target__, '__esModule', {
+    value: true
+});

package/dist/components/shared/primitives/button.d.ts

@@ -0,0 +1,207 @@
+import type { VariantProps } from 'tailwind-variants';
+import type { ConsentButtonProps } from './button.types';
+/**
+ * Button component that allows users to reject non-essential cookies.
+ *
+ * @remarks
+ * When clicked, this button saves only necessary cookie consents and closes the banner.
+ *
+ * @example
+ * ```tsx
+ * <CookieBannerRejectButton>
+ *   Reject All Cookies
+ * </CookieBannerRejectButton>
+ * ```
+ *
+ * @public
+ */
+export declare const ConsentButton: import("react").ForwardRefExoticComponent<ConsentButtonProps & VariantProps<import("tailwind-variants").TVReturnType<{
+    variant: {
+        primary: {};
+        neutral: {};
+    };
+    mode: {
+        filled: {};
+        stroke: {};
+        lighter: {};
+        ghost: {};
+    };
+    size: {
+        medium: {
+            root: string | undefined;
+        };
+        small: {
+            root: string | undefined;
+        };
+        xsmall: {
+            root: string | undefined;
+        };
+        xxsmall: {
+            root: string | undefined;
+        };
+    };
+}, {
+    root: (string | undefined)[];
+    icon: (string | undefined)[];
+}, undefined, import("tailwind-variants/dist/config.js").TVConfig<{
+    variant: {
+        primary: {};
+        neutral: {};
+    };
+    mode: {
+        filled: {};
+        stroke: {};
+        lighter: {};
+        ghost: {};
+    };
+    size: {
+        medium: {
+            root: string | undefined;
+        };
+        small: {
+            root: string | undefined;
+        };
+        xsmall: {
+            root: string | undefined;
+        };
+        xxsmall: {
+            root: string | undefined;
+        };
+    };
+}, {
+    variant: {
+        primary: {};
+        neutral: {};
+    };
+    mode: {
+        filled: {};
+        stroke: {};
+        lighter: {};
+        ghost: {};
+    };
+    size: {
+        medium: {
+            root: string | undefined;
+        };
+        small: {
+            root: string | undefined;
+        };
+        xsmall: {
+            root: string | undefined;
+        };
+        xxsmall: {
+            root: string | undefined;
+        };
+    };
+}>, {
+    variant: {
+        primary: {};
+        neutral: {};
+    };
+    mode: {
+        filled: {};
+        stroke: {};
+        lighter: {};
+        ghost: {};
+    };
+    size: {
+        medium: {
+            root: string | undefined;
+        };
+        small: {
+            root: string | undefined;
+        };
+        xsmall: {
+            root: string | undefined;
+        };
+        xxsmall: {
+            root: string | undefined;
+        };
+    };
+}, {
+    root: (string | undefined)[];
+    icon: (string | undefined)[];
+}, import("tailwind-variants").TVReturnType<{
+    variant: {
+        primary: {};
+        neutral: {};
+    };
+    mode: {
+        filled: {};
+        stroke: {};
+        lighter: {};
+        ghost: {};
+    };
+    size: {
+        medium: {
+            root: string | undefined;
+        };
+        small: {
+            root: string | undefined;
+        };
+        xsmall: {
+            root: string | undefined;
+        };
+        xxsmall: {
+            root: string | undefined;
+        };
+    };
+}, {
+    root: (string | undefined)[];
+    icon: (string | undefined)[];
+}, undefined, import("tailwind-variants/dist/config.js").TVConfig<{
+    variant: {
+        primary: {};
+        neutral: {};
+    };
+    mode: {
+        filled: {};
+        stroke: {};
+        lighter: {};
+        ghost: {};
+    };
+    size: {
+        medium: {
+            root: string | undefined;
+        };
+        small: {
+            root: string | undefined;
+        };
+        xsmall: {
+            root: string | undefined;
+        };
+        xxsmall: {
+            root: string | undefined;
+        };
+    };
+}, {
+    variant: {
+        primary: {};
+        neutral: {};
+    };
+    mode: {
+        filled: {};
+        stroke: {};
+        lighter: {};
+        ghost: {};
+    };
+    size: {
+        medium: {
+            root: string | undefined;
+        };
+        small: {
+            root: string | undefined;
+        };
+        xsmall: {
+            root: string | undefined;
+        };
+        xxsmall: {
+            root: string | undefined;
+        };
+    };
+}>, unknown, unknown, undefined>>> & {
+    action: "accept-consent" | "reject-consent" | "custom-consent" | "open-consent-dialog";
+    closeCustomizeDialog?: boolean;
+    closeCookieBanner?: boolean;
+} & import("react").RefAttributes<HTMLButtonElement>>;
+//# sourceMappingURL=button.d.ts.map

package/dist/components/shared/primitives/button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../../src/components/shared/primitives/button.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAMtD,OAAO,KAAK,EAAwB,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AAE/E;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;YAKpB,gBAAgB,GAChB,gBAAgB,GAChB,gBAAgB,GAChB,qBAAqB;2BACD,OAAO;wBACV,OAAO;qDAkF7B,CAAC"}

package/dist/components/shared/primitives/button.js

@@ -0,0 +1,62 @@
+import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
+import * as __WEBPACK_EXTERNAL_MODULE__radix_ui_react_slot_85c2da36__ from "@radix-ui/react-slot";
+import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
+import * as __WEBPACK_EXTERNAL_MODULE__hooks_use_consent_manager_js_8a30bd26__ from "../../../hooks/use-consent-manager.js";
+import * as __WEBPACK_EXTERNAL_MODULE__hooks_use_theme_js_3abff3d7__ from "../../../hooks/use-theme.js";
+import * as __WEBPACK_EXTERNAL_MODULE__utils_use_styles_js_413e0e0a__ from "../../../utils/use-styles.js";
+import * as __WEBPACK_EXTERNAL_MODULE__ui_button_index_js_15bac350__ from "../ui/button/index.js";
+const ConsentButton = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react__.forwardRef)(({ asChild, className: forwardedClassName, style, noStyle, action, themeKey, baseClassName, variant = 'neutral', mode = 'stroke', size = 'small', onClick: forwardedOnClick, closeCookieBanner = false, closeCustomizeDialog = false, ...props }, ref)=>{
+    const { saveConsents, setShowPopup, setIsPrivacyDialogOpen } = (0, __WEBPACK_EXTERNAL_MODULE__hooks_use_consent_manager_js_8a30bd26__.useConsentManager)();
+    const { noStyle: contextNoStyle } = (0, __WEBPACK_EXTERNAL_MODULE__hooks_use_theme_js_3abff3d7__.useTheme)();
+    const buttonStyle = (0, __WEBPACK_EXTERNAL_MODULE__utils_use_styles_js_413e0e0a__.useStyles)(themeKey ?? 'button', {
+        baseClassName: [
+            !(contextNoStyle || noStyle) && __WEBPACK_EXTERNAL_MODULE__ui_button_index_js_15bac350__.buttonVariants({
+                variant,
+                mode,
+                size
+            }).root()
+        ],
+        style: style,
+        className: forwardedClassName,
+        noStyle: noStyle
+    });
+    const buttonClick = (0, __WEBPACK_EXTERNAL_MODULE_react__.useCallback)(()=>{
+        switch(action){
+            case 'accept-consent':
+                saveConsents('all');
+                break;
+            case 'reject-consent':
+                saveConsents('necessary');
+                break;
+            case 'custom-consent':
+                saveConsents('custom');
+                break;
+            case 'open-consent-dialog':
+                setIsPrivacyDialogOpen(true);
+                setShowPopup(false, true);
+                break;
+            default:
+                break;
+        }
+        if (closeCookieBanner) setShowPopup(false);
+        if (closeCustomizeDialog) setIsPrivacyDialogOpen(false);
+        if (forwardedOnClick) forwardedOnClick();
+    }, [
+        closeCookieBanner,
+        closeCustomizeDialog,
+        forwardedOnClick,
+        saveConsents,
+        setIsPrivacyDialogOpen,
+        setShowPopup,
+        action
+    ]);
+    const Comp = asChild ? __WEBPACK_EXTERNAL_MODULE__radix_ui_react_slot_85c2da36__.Slot : 'button';
+    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(Comp, {
+        ref: ref,
+        ...buttonStyle,
+        onClick: buttonClick,
+        ...props
+    });
+});
+ConsentButton.displayName = 'ConsentButton';
+export { ConsentButton };

package/dist/components/shared/primitives/button.types.cjs

@@ -0,0 +1,19 @@
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.r = function(exports1) {
+        if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+var __webpack_export_target__ = exports;
+for(var __webpack_i__ in __webpack_exports__)__webpack_export_target__[__webpack_i__] = __webpack_exports__[__webpack_i__];
+if (__webpack_exports__.__esModule) Object.defineProperty(__webpack_export_target__, '__esModule', {
+    value: true
+});

package/dist/components/shared/primitives/button.types.d.ts

@@ -0,0 +1,35 @@
+import type { ComponentRef, HTMLAttributes } from 'react';
+import type { ButtonSharedProps } from '../ui/button';
+import type { ExtendThemeKeys, ThemeValue } from '../../../types/theme';
+import type { CSSVariables } from '../../../types/theme';
+export type ConsentButtonElement = ComponentRef<'button'>;
+/**
+ * Props for CookieBanner button components.
+ *
+ * @public
+ */
+export interface ConsentButtonProps extends Omit<HTMLAttributes<HTMLButtonElement>, 'style'>, ExtendThemeKeys<CSSVariables> {
+    /**
+     * @remarks
+     * When true, the button will not apply any styles.
+     */
+    noStyle?: boolean;
+    /**
+     * @remarks
+     * When true, the button will render its children directly without wrapping them in a button element.
+     * This enables better composition with custom button implementations.
+     */
+    asChild?: boolean;
+    /**
+     * @remarks
+     * Allows for custom click handling.
+     */
+    onClick?: () => void;
+}
+export interface ConsentButtonStyles {
+    /** @remarks Styles for the root container element */
+    acceptButton?: ThemeValue & ButtonSharedProps;
+    rejectButton?: ThemeValue & ButtonSharedProps;
+    customizeButton?: ThemeValue & ButtonSharedProps;
+}
+//# sourceMappingURL=button.types.d.ts.map

package/dist/components/shared/primitives/button.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.types.d.ts","sourceRoot":"","sources":["../../../../src/components/shared/primitives/button.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAC1D,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAC;AACvE,OAAO,KAAK,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AACjE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAElD,MAAM,MAAM,oBAAoB,GAAG,YAAY,CAAC,QAAQ,CAAC,CAAC;AAE1D;;;;GAIG;AACH,MAAM,WAAW,kBAChB,SAAQ,IAAI,CAAC,cAAc,CAAC,iBAAiB,CAAC,EAAE,OAAO,CAAC,EACvD,eAAe,CAAC,YAAY,CAAC;IAC9B;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,MAAM,WAAW,mBAAmB;IACnC,qDAAqD;IACrD,YAAY,CAAC,EAAE,UAAU,GAAG,iBAAiB,CAAC;IAC9C,YAAY,CAAC,EAAE,UAAU,GAAG,iBAAiB,CAAC;IAC9C,eAAe,CAAC,EAAE,UAAU,GAAG,iBAAiB,CAAC;CACjD"}