@c15t/react/dist/components/shared/ui/button/button.cjs

Developer-first CMP for React: cookie banner, consent manager, preferences centre. GDPR ready with minimal setup and rich customization

"use strict";let __rslib_import_meta_url__="undefined"==typeof document?new(require("url".replace("",""))).URL("file:"+__filename).href:document.currentScript&&document.currentScript.src||new URL("main.js",document.baseURI).href;var __webpack_require__={};__webpack_require__.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return __webpack_require__.d(t,{a:t}),t},__webpack_require__.d=(e,t)=>{for(var _ in t)__webpack_require__.o(t,_)&&!__webpack_require__.o(e,_)&&Object.defineProperty(e,_,{enumerable:!0,get:t[_]})},__webpack_require__.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),__webpack_require__.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var __webpack_exports__={};__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Root:()=>ButtonRoot,Icon:()=>ButtonIcon,buttonVariants:()=>buttonVariants});let jsx_runtime_namespaceObject=require("react/jsx-runtime"),react_slot_namespaceObject=require("@radix-ui/react-slot"),external_react_namespaceObject=require("react"),recursive_clone_children_cjs_namespaceObject=require("../../libs/recursive-clone-children.cjs"),external_button_module_cjs_namespaceObject=require("./button.module.cjs");var external_button_module_cjs_default=__webpack_require__.n(external_button_module_cjs_namespaceObject);let BUTTON_ROOT_NAME="ButtonRoot",BUTTON_ICON_NAME="ButtonIcon",buttonVariants=({variant:e="primary",mode:t="filled",size:_="medium"}={})=>{let r=[external_button_module_cjs_default().button,external_button_module_cjs_default()[`button-${_}`]];r.push(external_button_module_cjs_default()[({"primary-filled":"button-primary-filled","primary-stroke":"button-primary-stroke","primary-lighter":"button-primary-lighter","primary-ghost":"button-primary-ghost","neutral-filled":"button-neutral-filled","neutral-stroke":"button-neutral-stroke","neutral-lighter":"button-neutral-lighter","neutral-ghost":"button-neutral-ghost"})[`${e}-${t}`]]);let o=[external_button_module_cjs_default()["button-icon"]];return{root:e=>[...r,e?.class].filter(Boolean).join(" "),icon:e=>[...o,e?.class].filter(Boolean).join(" ")}},ButtonRoot=(0,external_react_namespaceObject.forwardRef)(({children:e,variant:t,mode:_,size:r,asChild:o,className:a,noStyle:n,...u},c)=>{let l=(0,external_react_namespaceObject.useId)(),i=o?react_slot_namespaceObject.Slot:"button",s=[n?"":buttonVariants({variant:t,mode:_,size:r}).root(),a].filter(Boolean).join(" "),b={...t&&{variant:t},..._&&{mode:_},...r&&{size:r}},p=(0,recursive_clone_children_cjs_namespaceObject.recursiveCloneChildren)(e,b,[BUTTON_ICON_NAME],l,o);return(0,jsx_runtime_namespaceObject.jsx)(i,{ref:c,className:s,...u,children:p})});function ButtonIcon({variant:e,mode:t,size:_,as:r,className:o,...a}){let{icon:n}=buttonVariants({variant:e,mode:t,size:_});return(0,jsx_runtime_namespaceObject.jsx)(r||"div",{className:n({class:o}),...a})}for(var __webpack_i__ in ButtonRoot.displayName="ButtonRoot",ButtonIcon.displayName=BUTTON_ICON_NAME,exports.Icon=__webpack_exports__.Icon,exports.Root=__webpack_exports__.Root,exports.buttonVariants=__webpack_exports__.buttonVariants,__webpack_exports__)-1===["Icon","Root","buttonVariants"].indexOf(__webpack_i__)&&(exports[__webpack_i__]=__webpack_exports__[__webpack_i__]);Object.defineProperty(exports,"__esModule",{value:!0});