@react-leaf/core/cjs/index.js

React Leaf Core components

"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("react/jsx-runtime"),v=require("react");function s(t){var o,e,r="";if(typeof t=="string"||typeof t=="number")r+=t;else if(typeof t=="object")if(Array.isArray(t))for(o=0;o<t.length;o++)t[o]&&(e=s(t[o]))&&(r&&(r+=" "),r+=e);else for(o in t)t[o]&&(r&&(r+=" "),r+=o);return r}function $(){for(var t,o,e=0,r="";e<arguments.length;)(t=arguments[e++])&&(o=s(t))&&(r&&(r+=" "),r+=o);return r}const y="leaf-button-root",m={root:y},n={filled:{bg:600,bgHover:700,bgActive:800,color:0,border:"none"},outlined:{bg:"none",bgHover:50,bgActive:100,color:600,border:600},ghost:{bg:"none",bgHover:50,bgActive:100,color:600,border:"none"}},c=v.forwardRef(({variant:t="filled",color:o="blue",size:e="md",leftSection:r,rightSection:u,className:a,children:b,style:l,...g},i)=>{const f={"--button-height":`var(--button-height-${e})`,"--button-background":`var(--color-${o}-${n[t].bg})`,"--button-hover":`var(--color-${o}-${n[t].bgHover})`,"--button-active":`var(--color-${o}-${n[t].bgActive})`,"--button-color":`var(--color-${o}-${n[t].color})`,"--button-border":`var(--color-${o}-${n[t].border})`,"--button-font":`var(--font-size-${e})`,"--button-spacing":`var(--spacing-${e})`,...l};return d.jsxs("button",{className:$(m.root,a),ref:i,style:f,...r&&{"data-left":!0},...u&&{"data-right":!0},...!b&&{"data-empty":!0},...g,children:[r,b,u]})});c.displayName="Button";const h=c;exports.Button=h;
//# sourceMappingURL=index.js.map