@aristobyte-ui/button 1.0.54 → 1.0.56

package/dist/index.js

@@ -1,5 +1,4 @@
 "use client";
-import "./index.css";
 "use strict";
 var __create = Object.create;
 var __defProp = Object.defineProperty;
@@ -149,26 +148,6 @@ var Button = ({
 
 // components/ButtonGroup/index.tsx
 var React2 = __toESM(require("react"));
-
-// components/ButtonGroup/ButtonGroup.module.scss
-var ButtonGroup_module_default = {
-  "button-group": "ButtonGroup_module_button-group",
-  "button-group-align--horizontal": "ButtonGroup_module_button-group-align--horizontal",
-  "button-group-align--vertical": "ButtonGroup_module_button-group-align--vertical",
-  "button-group-variant--default": "ButtonGroup_module_button-group-variant--default",
-  "button-group-variant--primary": "ButtonGroup_module_button-group-variant--primary",
-  "button-group-variant--secondary": "ButtonGroup_module_button-group-variant--secondary",
-  "button-group-variant--success": "ButtonGroup_module_button-group-variant--success",
-  "button-group-variant--error": "ButtonGroup_module_button-group-variant--error",
-  "button-group-variant--warning": "ButtonGroup_module_button-group-variant--warning",
-  "button-group-radius--none": "ButtonGroup_module_button-group-radius--none",
-  "button-group-radius--sm": "ButtonGroup_module_button-group-radius--sm",
-  "button-group-radius--md": "ButtonGroup_module_button-group-radius--md",
-  "button-group-radius--lg": "ButtonGroup_module_button-group-radius--lg",
-  "button-group-radius--full": "ButtonGroup_module_button-group-radius--full"
-};
-
-// components/ButtonGroup/index.tsx
 var import_jsx_runtime2 = require("react/jsx-runtime");
 var ButtonGroup = ({
   children,
@@ -176,28 +155,30 @@ var ButtonGroup = ({
   variant = "default",
   size = "md",
   radius = "md",
-  disabled,
+  disabled = false,
   className = "",
   style = {}
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-    "div",
-    {
-      className: `${ButtonGroup_module_default["button-group"]} ${ButtonGroup_module_default[`button-group-variant--${variant}`]} ${ButtonGroup_module_default[`button-group-size--${size}`]} ${ButtonGroup_module_default[`button-group-radius--${radius}`]} ${ButtonGroup_module_default[`button-group-align--${align}`]} ${className}`,
-      style,
-      children: React2.Children.toArray(children).filter(
-        (child) => React2.isValidElement(child) && child.type === Button
-      ).map(
-        (child, index) => React2.cloneElement(child, {
-          key: index || child.key,
-          size: size || child.props.size,
-          disabled: disabled || child.props.disabled,
-          variant: variant || child.props.variant,
-          radius: "none"
-        })
-      )
-    }
+  const groupClasses = clsx_default(
+    "btn-group",
+    `btn-group-${align}`,
+    `btn-group-variant-${variant}`,
+    `btn-group-radius-${radius}`,
+    `btn-group-size-${size}`,
+    className
   );
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: groupClasses, style, children: React2.Children.toArray(children).filter(
+    (child) => React2.isValidElement(child) && child.type === Button
+  ).map(
+    (child, index) => React2.cloneElement(child, {
+      key: index || child.key,
+      size: size || child.props.size,
+      disabled: disabled || child.props.disabled,
+      variant: variant || child.props.variant,
+      radius: "none"
+      // individual buttons inside group have no border-radius, group handles it
+    })
+  ) });
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../index.ts","../components/Button/index.tsx","../../../node_modules/clsx/dist/clsx.mjs","../components/ButtonGroup/index.tsx","../components/ButtonGroup/ButtonGroup.module.scss"],"sourcesContent":["export * from \"./components\";\n","\"use client\";\n\nimport * as React from \"react\";\nimport clsx from \"clsx\";\nimport { Spinner } from \"@aristobyte-ui/spinner\";\nimport { type IconPropsType, renderRipple } from \"@aristobyte-ui/utils\";\n\nexport interface IButton {\n  type?: \"button\" | \"link\";\n  text?: string;\n  children?: React.ReactNode;\n  href?: string;\n  target?: \"_self\" | \"_blank\" | \"_parent\" | \"_top\";\n  onClick?: (\n    e: React.MouseEvent<HTMLButtonElement | HTMLAnchorElement>\n  ) => void | Promise<void>;\n  disabled?: boolean;\n  transparent?: boolean;\n  variant?:\n    | \"default\"\n    | \"primary\"\n    | \"secondary\"\n    | \"success\"\n    | \"error\"\n    | \"warning\";\n  appearance?:\n    | \"solid\"\n    | \"outline\"\n    | \"outline-dashed\"\n    | \"no-outline\"\n    | \"glowing\";\n  size?: \"xsm\" | \"sm\" | \"md\" | \"lg\" | \"xlg\";\n  radius?: \"none\" | \"sm\" | \"md\" | \"lg\" | \"full\";\n  icon?: {\n    component: (props: IconPropsType) => React.ReactElement;\n    color?: string;\n    size?: number;\n    align?: \"left\" | \"right\";\n  };\n  isLoading?: boolean;\n  spinnerType?: \"default\" | \"duo\" | \"gradient\" | \"pulse\" | \"pulse-duo\";\n  className?: string;\n  style?: React.CSSProperties;\n}\n\nexport const Button: React.FC<IButton> = ({\n  onClick,\n  text = \"\",\n  href = \"\",\n  target = \"_self\",\n  children = \"\",\n  type = \"button\",\n  variant = \"default\",\n  appearance = \"solid\",\n  size = \"md\",\n  radius = \"md\",\n  icon,\n  spinnerType = \"default\",\n  transparent = false,\n  isLoading = false,\n  disabled = false,\n  className = \"\",\n  style = {},\n}) => {\n  const uniqueId = React.useId();\n  const ref = React.useRef<HTMLButtonElement | HTMLAnchorElement>(null);\n\n  const handleClick = (\n    e: React.MouseEvent<HTMLButtonElement | HTMLAnchorElement>\n  ) => {\n    const { clientX, clientY } = e;\n    renderRipple({ ref, clientX, clientY });\n    onClick?.(e);\n  };\n\n  const buttonClasses = clsx(\n    \"btn\",\n    transparent && \"btn-transparent\",\n    `btn-${variant}-${appearance}`,\n    `btn-${size}`,\n    `btn-radius-${radius}`,\n    isLoading && \"btn-loading\",\n    className\n  );\n\n  const renderContent = () => (\n    <>\n      {isLoading && (\n        <Spinner\n          size={size}\n          variant={variant}\n          type={spinnerType}\n          className=\"inline-block\"\n        />\n      )}\n      {icon && (\n        <span\n          className={clsx(\n            \"btn-icon\",\n            icon.align === \"right\" && \"btn-icon-right\"\n          )}\n        >\n          {icon.component({ color: icon.color, size: icon.size })}\n        </span>\n      )}\n      {text || children}\n    </>\n  );\n\n  if (type === \"link\") {\n    return (\n      <a\n        key={uniqueId}\n        ref={ref as React.RefObject<HTMLAnchorElement>}\n        href={href}\n        target={target}\n        style={style}\n        className={buttonClasses}\n        onClick={handleClick}\n      >\n        {renderContent()}\n      </a>\n    );\n  }\n\n  return (\n    <button\n      key={uniqueId}\n      ref={ref as React.RefObject<HTMLButtonElement>}\n      type=\"button\"\n      disabled={disabled || isLoading}\n      style={style}\n      className={buttonClasses}\n      onClick={handleClick}\n    >\n      {renderContent()}\n    </button>\n  );\n};\n","function r(e){var t,f,n=\"\";if(\"string\"==typeof e||\"number\"==typeof e)n+=e;else if(\"object\"==typeof e)if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=\" \"),n+=f)}else for(f in e)e[f]&&(n&&(n+=\" \"),n+=f);return n}export function clsx(){for(var e,t,f=0,n=\"\",o=arguments.length;f<o;f++)(e=arguments[f])&&(t=r(e))&&(n&&(n+=\" \"),n+=t);return n}export default clsx;","\"use client\";\n\nimport * as React from \"react\";\nimport { type IButton, Button } from \"../Button\";\n\nimport styles from \"./ButtonGroup.module.scss\";\n\nexport interface IButtonGroup {\n  children:\n    | React.ReactElement<IButton, typeof Button>\n    | React.ReactElement<IButton, typeof Button>[];\n  align?: \"vertical\" | \"horizontal\";\n  variant?:\n    | \"default\"\n    | \"primary\"\n    | \"secondary\"\n    | \"success\"\n    | \"error\"\n    | \"warning\";\n  size?: \"xsm\" | \"sm\" | \"md\" | \"lg\" | \"xlg\";\n  radius?: \"none\" | \"sm\" | \"md\" | \"lg\" | \"full\";\n  disabled?: boolean;\n  className?: string;\n  style?: React.CSSProperties;\n}\n\nexport const ButtonGroup: React.FC<IButtonGroup> = ({\n  children,\n  align = \"horizontal\",\n  variant = \"default\",\n  size = \"md\",\n  radius = \"md\",\n  disabled,\n  className = \"\",\n  style = {},\n}) => {\n  return (\n    <div\n      className={`${styles[\"button-group\"]} ${\n        styles[`button-group-variant--${variant}`]\n      } ${styles[`button-group-size--${size}`]} ${\n        styles[`button-group-radius--${radius}`]\n      } ${styles[`button-group-align--${align}`]} ${className}`}\n      style={style}\n    >\n      {React.Children.toArray(children)\n        .filter(\n          (child): child is React.ReactElement<IButton, typeof Button> =>\n            React.isValidElement(child) && child.type === Button\n        )\n        .map((child, index) =>\n          React.cloneElement(child, {\n            key: index || child.key,\n            size: size || child.props.size,\n            disabled: disabled || child.props.disabled,\n            variant: variant || child.props.variant,\n            radius: \"none\",\n          })\n        )}\n    </div>\n  );\n};\n",".button-group {\n  align-items: center;\n  display: flex;\n  overflow: hidden;\n  max-width: max-content;\n}\n.button-group-align--horizontal {\n  flex-direction: row;\n}\n.button-group-align--vertical {\n  flex-direction: column;\n}\n.button-group-variant--default {\n  background-color: #1f2937;\n}\n.button-group-variant--primary {\n  background-color: #2563eb;\n}\n.button-group-variant--secondary {\n  background-color: #4f46e5;\n}\n.button-group-variant--success {\n  background-color: #16a34a;\n}\n.button-group-variant--error {\n  background-color: #dc2626;\n}\n.button-group-variant--warning {\n  background-color: #d97706;\n}\n.button-group-radius--none {\n  border-radius: 0rem;\n}\n.button-group-radius--sm {\n  border-radius: 0.125rem;\n}\n.button-group-radius--md {\n  border-radius: 0.375rem;\n}\n.button-group-radius--lg {\n  border-radius: 0.5rem;\n}\n.button-group-radius--full {\n  border-radius: 1.5rem;\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL2RodW5hbnlhbi9hcmlzdG9ieXRlL2dpdGh1Yi9hcmlzdG9ieXRlLXVpL3BhY2thZ2VzL2J1dHRvbi9jb21wb25lbnRzL0J1dHRvbkdyb3VwIiwic291cmNlcyI6WyJCdXR0b25Hcm91cC5tb2R1bGUuc2NzcyIsIi4uLy4uLy4uLy4uL25vZGVfbW9kdWxlcy9AYXJpc3RvYnl0ZS11aS91dGlscy9zdHlsZXMvX3NldHRpbmdzLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBRUE7RUFDRTtFQUNBO0VBQ0E7RUFDQTs7QUFHRTtFQUNFOztBQUdGO0VBQ0U7O0FBS0Y7RUFDRSxrQkNzQ0s7O0FEbkNQO0VBQ0Usa0JDNENLOztBRHpDUDtFQUNFLGtCQ29ETzs7QURqRFQ7RUFDRSxrQkNvRU07O0FEakVSO0VBQ0Usa0JDc0RJOztBRG5ETjtFQUNFLGtCQ3NFTTs7QURqRVI7RUFDRTs7QUFHRjtFQUNFOztBQUdGO0VBQ0U7O0FBR0Y7RUFDRTs7QUFHRjtFQUNFIiwic291cmNlc0NvbnRlbnQiOlsiQHVzZSBcIkBhcmlzdG9ieXRlLXVpL3V0aWxzL3N0eWxlcy9zZXR0aW5nc1wiIGFzICo7XG5cbi5idXR0b24tZ3JvdXAge1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBkaXNwbGF5OiBmbGV4O1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICBtYXgtd2lkdGg6IG1heC1jb250ZW50O1xuXG4gICYtYWxpZ24ge1xuICAgICYtLWhvcml6b250YWwge1xuICAgICAgZmxleC1kaXJlY3Rpb246IHJvdztcbiAgICB9XG5cbiAgICAmLS12ZXJ0aWNhbCB7XG4gICAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICAgIH1cbiAgfVxuXG4gICYtdmFyaWFudCB7XG4gICAgJi0tZGVmYXVsdCB7XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAkY29sb3ItZGVmYXVsdDtcbiAgICB9XG5cbiAgICAmLS1wcmltYXJ5IHtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICRjb2xvci1wcmltYXJ5O1xuICAgIH1cblxuICAgICYtLXNlY29uZGFyeSB7XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAkY29sb3Itc2Vjb25kYXJ5O1xuICAgIH1cblxuICAgICYtLXN1Y2Nlc3Mge1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJGNvbG9yLXN1Y2Nlc3M7XG4gICAgfVxuXG4gICAgJi0tZXJyb3Ige1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJGNvbG9yLWVycm9yO1xuICAgIH1cblxuICAgICYtLXdhcm5pbmcge1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJGNvbG9yLXdhcm5pbmc7XG4gICAgfVxuICB9XG5cbiAgJi1yYWRpdXMge1xuICAgICYtLW5vbmUge1xuICAgICAgYm9yZGVyLXJhZGl1czogMHJlbTsgLy8gMHB4XG4gICAgfVxuXG4gICAgJi0tc20ge1xuICAgICAgYm9yZGVyLXJhZGl1czogMC4xMjVyZW07IC8vIDJweFxuICAgIH1cblxuICAgICYtLW1kIHtcbiAgICAgIGJvcmRlci1yYWRpdXM6IDAuMzc1cmVtOyAvLyA2cHhcbiAgICB9XG5cbiAgICAmLS1sZyB7XG4gICAgICBib3JkZXItcmFkaXVzOiAwLjVyZW07IC8vIDhweFxuICAgIH1cblxuICAgICYtLWZ1bGwge1xuICAgICAgYm9yZGVyLXJhZGl1czogMS41cmVtOyAvLyAyNHB4XG4gICAgfVxuICB9XG59XG4iLCIvLyA9PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09IC8vXG4vLyAgICAgICAgQXJpc3RvQnl0ZSBVSSAtIFN0eWxlIFNldHRpbmdzICAgICAgIC8vXG4vLyA9PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09IC8vXG5cbi8vID09PSBEZXNpZ24gVG9rZW5zIOKAlCBDb2xvciBQYWxldHRlID09PSAvL1xuLy8gTG9nb1xuJGxvZ28tY29sb3ItMTogI2ZmZWUyNztcbiRsb2dvLWNvbG9yLTI6ICNmZWM4MDA7XG4kbG9nby1jb2xvci0zOiAjZjE4ZTM1O1xuJGxvZ28tY29sb3ItNDogI2U5NWYzMjtcbiRsb2dvLWNvbG9yLTU6ICNlMjMxMmQ7XG4kbG9nby1ncmFkaWVudDogbGluZWFyLWdyYWRpZW50KFxuICA5MGRlZyxcbiAgJGxvZ28tY29sb3ItMSxcbiAgJGxvZ28tY29sb3ItMixcbiAgJGxvZ28tY29sb3ItMyxcbiAgJGxvZ28tY29sb3ItNCxcbiAgJGxvZ28tY29sb3ItNVxuKTtcblxuLy8gQmFzZVxuJHdoaXRlOiAjZmZmZmZmO1xuJHdoaXRlLWhvdmVyOiAjZGRkZGRkO1xuJGJsYWNrOiAjMDAwMDAwO1xuJGJsYWNrLWhvdmVyOiAjMjIyMjIyO1xuJHRyYW5zcGFyZW50OiB0cmFuc3BhcmVudDtcblxuLy8gPT09IEJsYWNrIFRyYW5zcGFyZW50IFNjYWxlID09PSAvL1xuJGJsYWNrLXRyYW5zcGFyZW50LTEwMDogcmdiYSgwLCAwLCAwLCAwLjEpO1xuJGJsYWNrLXRyYW5zcGFyZW50LTIwMDogcmdiYSgwLCAwLCAwLCAwLjIpO1xuJGJsYWNrLXRyYW5zcGFyZW50LTMwMDogcmdiYSgwLCAwLCAwLCAwLjMpO1xuJGJsYWNrLXRyYW5zcGFyZW50LTQwMDogcmdiYSgwLCAwLCAwLCAwLjQpO1xuJGJsYWNrLXRyYW5zcGFyZW50LTUwMDogcmdiYSgwLCAwLCAwLCAwLjUpO1xuJGJsYWNrLXRyYW5zcGFyZW50LTYwMDogcmdiYSgwLCAwLCAwLCAwLjYpO1xuJGJsYWNrLXRyYW5zcGFyZW50LTcwMDogcmdiYSgwLCAwLCAwLCAwLjcpO1xuJGJsYWNrLXRyYW5zcGFyZW50LTgwMDogcmdiYSgwLCAwLCAwLCAwLjgpO1xuJGJsYWNrLXRyYW5zcGFyZW50LTkwMDogcmdiYSgwLCAwLCAwLCAwLjkpO1xuXG4vLyA9PT0gQmxhY2sgVHJhbnNwYXJlbnQgU2NhbGUgPT09IC8vXG4kd2hpdGUtdHJhbnNwYXJlbnQtMTAwOiByZ2JhKDI1NSwgMjU1LCAyNTUsIDAuMSk7XG4kd2hpdGUtdHJhbnNwYXJlbnQtMjAwOiByZ2JhKDI1NSwgMjU1LCAyNTUsIDAuMik7XG4kd2hpdGUtdHJhbnNwYXJlbnQtMzAwOiByZ2JhKDI1NSwgMjU1LCAyNTUsIDAuMyk7XG4kd2hpdGUtdHJhbnNwYXJlbnQtNDAwOiByZ2JhKDI1NSwgMjU1LCAyNTUsIDAuNCk7XG4kd2hpdGUtdHJhbnNwYXJlbnQtNTAwOiByZ2JhKDI1NSwgMjU1LCAyNTUsIDAuNSk7XG4kd2hpdGUtdHJhbnNwYXJlbnQtNjAwOiByZ2JhKDI1NSwgMjU1LCAyNTUsIDAuNik7XG4kd2hpdGUtdHJhbnNwYXJlbnQtNzAwOiByZ2JhKDI1NSwgMjU1LCAyNTUsIDAuNyk7XG4kd2hpdGUtdHJhbnNwYXJlbnQtODAwOiByZ2JhKDI1NSwgMjU1LCAyNTUsIDAuOCk7XG4kd2hpdGUtdHJhbnNwYXJlbnQtOTAwOiByZ2JhKDI1NSwgMjU1LCAyNTUsIDAuOSk7XG5cbi8vID09PSBOZXV0cmFsIFNjYWxlIChHcmV5KSA9PT0gLy9cbiRncmV5LTUwOiAjZjlmYWZiO1xuJGdyZXktMTAwOiAjZjNmNGY2O1xuJGdyZXktMjAwOiAjZTVlN2ViO1xuJGdyZXktMzAwOiAjZDFkNWRiO1xuJGdyZXktNDAwOiAjOWNhM2FmO1xuJGdyZXktNTAwOiAjNmI3MjgwO1xuJGdyZXktNjAwOiAjNGI1NTYzO1xuJGdyZXktNzAwOiAjMzc0MTUxO1xuJGdyZXktODAwOiAjMWYyOTM3O1xuJGdyZXktOTAwOiAjMTExODI3O1xuXG4vLyA9PT0gUHJpbWFyeSBTY2FsZSAoQmx1ZSkgPT09IC8vXG4kYmx1ZS01MDogI2VmZjZmZjtcbiRibHVlLTEwMDogI2RiZWFmZTtcbiRibHVlLTIwMDogI2JmZGJmZTtcbiRibHVlLTMwMDogIzkzYzVmZDtcbiRibHVlLTQwMDogIzYwYTVmYTtcbiRibHVlLTUwMDogIzNiODJmNjtcbiRibHVlLTYwMDogIzI1NjNlYjsgLy8gTWFpblxuJGJsdWUtNzAwOiAjMWQ0ZWQ4OyAvLyBIb3ZlclxuJGJsdWUtODAwOiAjMWU0MGFmO1xuJGJsdWUtOTAwOiAjMWUzYThhO1xuXG4vLyA9PT0gU2Vjb25kYXJ5IFNjYWxlIChJbmRpZ28pID09PSAvL1xuJGluZGlnby01MDogI2VlZjJmZjtcbiRpbmRpZ28tMTAwOiAjZTBlN2ZmO1xuJGluZGlnby0yMDA6ICNjN2QyZmU7XG4kaW5kaWdvLTMwMDogI2E1YjRmYztcbiRpbmRpZ28tNDAwOiAjODE4Y2Y4O1xuJGluZGlnby01MDA6ICM2MzY2ZjE7XG4kaW5kaWdvLTYwMDogIzRmNDZlNTsgLy8gTWFpblxuJGluZGlnby03MDA6ICM0MzM4Y2E7IC8vIEhvdmVyXG5cbi8vID09PSBFcnJvciBTY2FsZSAoUmVkKSA9PT0gLy9cbiRyZWQtNTA6ICNmZWYyZjI7XG4kcmVkLTEwMDogI2ZlZTJlMjtcbiRyZWQtMjAwOiAjZmVjYWNhO1xuJHJlZC0zMDA6ICNmY2E1YTU7XG4kcmVkLTQwMDogI2Y4NzE3MTtcbiRyZWQtNTAwOiAjZWY0NDQ0O1xuJHJlZC02MDA6ICNkYzI2MjY7IC8vIE1haW5cbiRyZWQtNzAwOiAjYjkxYzFjOyAvLyBIb3ZlclxuXG4vLyA9PT0gU3VjY2VzcyBTY2FsZSAoR3JlZW4pID09PSAvL1xuJGdyZWVuLTUwOiAjZjBmZGY0O1xuJGdyZWVuLTEwMDogI2RjZmNlNztcbiRncmVlbi0yMDA6ICNiYmY3ZDA7XG4kZ3JlZW4tMzAwOiAjODZlZmFjO1xuJGdyZWVuLTQwMDogIzRhZGU4MDtcbiRncmVlbi01MDA6ICMyMmM1NWU7XG4kZ3JlZW4tNjAwOiAjMTZhMzRhOyAvLyBNYWluXG4kZ3JlZW4tNzAwOiAjMTU4MDNkOyAvLyBIb3ZlclxuXG4vLyA9PT0gV2FybmluZyBTY2FsZSAoQW1iZXIpID09PSAvL1xuJGFtYmVyLTUwOiAjZmZmYmViO1xuJGFtYmVyLTEwMDogI2ZlZjNjNztcbiRhbWJlci0yMDA6ICNmZGU2OGE7XG4kYW1iZXItMzAwOiAjZmNkMzRkO1xuJGFtYmVyLTQwMDogI2ZiYmYyNDtcbiRhbWJlci01MDA6ICNmNTllMGI7XG4kYW1iZXItNjAwOiAjZDk3NzA2OyAvLyBNYWluXG4kYW1iZXItNzAwOiAjYjQ1MzA5OyAvLyBIb3ZlclxuXG4vLyA9PT0gU2VtYW50aWMgVG9rZW5zID09PSAvL1xuJGNvbG9yLWRlZmF1bHQ6ICRncmV5LTgwMDtcbiRjb2xvci1kZWZhdWx0LWhvdmVyOiAkZ3JleS05MDA7XG4kY29sb3ItZGVmYXVsdC1kaXNhYmxlZDogcmdiYSgkY29sb3ItZGVmYXVsdCwgMC41KTtcblxuJGNvbG9yLXByaW1hcnk6ICRibHVlLTYwMDtcbiRjb2xvci1wcmltYXJ5LWhvdmVyOiAkYmx1ZS03MDA7XG4kY29sb3ItcHJpbWFyeS1kaXNhYmxlZDogcmdiYSgkY29sb3ItcHJpbWFyeSwgMC41KTtcblxuJGNvbG9yLXNlY29uZGFyeTogJGluZGlnby02MDA7XG4kY29sb3Itc2Vjb25kYXJ5LWhvdmVyOiAkaW5kaWdvLTcwMDtcbiRjb2xvci1zZWNvbmRhcnktZGlzYWJsZWQ6IHJnYmEoJGNvbG9yLXNlY29uZGFyeSwgMC41KTtcblxuJGNvbG9yLWVycm9yOiAkcmVkLTYwMDtcbiRjb2xvci1lcnJvci1ob3ZlcjogJHJlZC03MDA7XG4kY29sb3ItZXJyb3ItZGlzYWJsZWQ6IHJnYmEoJGNvbG9yLWVycm9yLCAwLjUpO1xuXG4kY29sb3Itc3VjY2VzczogJGdyZWVuLTYwMDtcbiRjb2xvci1zdWNjZXNzLWhvdmVyOiAkZ3JlZW4tNzAwO1xuJGNvbG9yLXN1Y2Nlc3MtZGlzYWJsZWQ6IHJnYmEoJGNvbG9yLXN1Y2Nlc3MsIDAuNSk7XG5cbiRjb2xvci13YXJuaW5nOiAkYW1iZXItNjAwO1xuJGNvbG9yLXdhcm5pbmctaG92ZXI6ICRhbWJlci03MDA7XG4kY29sb3Itd2FybmluZy1kaXNhYmxlZDogcmdiYSgkY29sb3Itd2FybmluZywgMC41KTtcblxuJHRleHQtY29sb3Itd2hpdGU6ICR3aGl0ZTtcbiR0ZXh0LWNvbG9yLWJsYWNrOiAkYmxhY2s7XG4kdGV4dC1jb2xvci13aGl0ZS1kaXNhYmxlZDogcmdiYSgkd2hpdGUsIDAuNSk7XG4kdGV4dC1jb2xvci1ibGFjay1kaXNhYmxlZDogcmdiYSgkYmxhY2ssIDAuNSk7XG5cbiR0aXRsZS1jb2xvci1kYXJrOiAkd2hpdGU7XG4kc3VidGl0bGUtY29sb3ItZGFyazogIzk5YTFhZjtcbiRkZXNjcmlwdGlvbi1jb2xvci1kYXJrOiAjZDFkNWRjO1xuJGljb24tY29sb3ItZGFyazogIzk5YTFhZjtcblxuLy8gPT09IFNoYWRvd3MgPT09IC8vXG4vL0BUT0RPOiBAU0hBRE9XXG4kc2hhZG93LXNtOiAwIDFweCAycHggMCByZ2JhKCRibGFjaywgMC4wNSk7XG4kc2hhZG93LW1kOlxuICAwIDRweCA2cHggLTFweCByZ2JhKCRibGFjaywgMC4xKSxcbiAgMCAycHggNHB4IC0xcHggcmdiYSgkYmxhY2ssIDAuMDYpO1xuJHNoYWRvdy1sZzpcbiAgMCAxMHB4IDE1cHggLTNweCByZ2JhKCRibGFjaywgMC4xKSxcbiAgMCA0cHggNnB4IC0ycHggcmdiYSgkYmxhY2ssIDAuMDUpO1xuXG4vLyA9PT0gRm9udCBmYW1pbGllcyA9PT0gLy9cbiRmb250LWZhbWlseS1zYW5zOiBcIkludGVyXCIsIHNhbnMtc2VyaWY7XG4kZm9udC1mYW1pbHktc2VyaWY6IFwiR2VvcmdpYVwiLCBzZXJpZjtcbiRmb250LWZhbWlseS1tb25vOiBcIkZpcmEgQ29kZVwiLCBtb25vc3BhY2U7XG5cbi8vID09PSBGb250IHdlaWdodHMgPT09IC8vXG4kZm9udC13ZWlnaHQtcmVndWxhcjogNDAwO1xuJGZvbnQtd2VpZ2h0LW1lZGl1bTogNTAwO1xuJGZvbnQtd2VpZ2h0LXNlbWlib2xkOiA2MDA7XG4kZm9udC13ZWlnaHQtYm9sZDogNzAwO1xuXG4vLyA9PT0gTGluZSBoZWlnaHRzID09PSAvL1xuJGxpbmUtaGVpZ2h0LXRpZ2h0OiAxLjI7XG4kbGluZS1oZWlnaHQtc251ZzogMS4zNzU7XG4kbGluZS1oZWlnaHQtbm9ybWFsOiAxLjU7XG4kbGluZS1oZWlnaHQtbG9vc2U6IDEuNjI1O1xuXG4vLyA9PT0gRm9udCBTaXplcyDigJQgU2VtYW50aWMgVG9rZW5zID09PSAvL1xuXG4vLyA9PT0gVGl0bGVzID09PSAvL1xuJGZvbnQtc2l6ZS1oZXJvOiAzcmVtOyAvLyA0OHB4XG4kZm9udC1zaXplLXRpdGxlLTE6IDIuMjVyZW07IC8vIDM2cHhcbiRmb250LXNpemUtdGl0bGUtMjogMS44NzVyZW07IC8vIDMwcHhcbiRmb250LXNpemUtdGl0bGUtMzogMS41cmVtOyAvLyAyNHB4XG5cbi8vID09PSBTdWJ0aXRsZXMgPT09IC8vXG4kZm9udC1zaXplLXN1YnRpdGxlLTE6IDEuMjVyZW07IC8vIDIwcHhcbiRmb250LXNpemUtc3VidGl0bGUtMjogMS4xMjVyZW07IC8vIDE4cHhcblxuLy8gPT09IEJvZHkgdGV4dCA9PT0gLy9cbiRmb250LXNpemUtYm9keS1sZzogMXJlbTsgLy8gMTZweFxuJGZvbnQtc2l6ZS1ib2R5LW1kOiAwLjkzNzVyZW07IC8vIDE1cHhcbiRmb250LXNpemUtYm9keS1zbTogMC44NzVyZW07IC8vIDE0cHhcblxuLy8gPT09IENhcHRpb25zIC8gRGVzY3JpcHRpb25zID09PSAvL1xuJGZvbnQtc2l6ZS1jYXB0aW9uOiAwLjc1cmVtOyAvLyAxMnB4XG4kZm9udC1zaXplLWZvb3Rub3RlOiAwLjY4NzVyZW07IC8vIDExcHhcblxuLy8gPT09IEJ1dHRvbnMgPT09IC8vXG4kZm9udC1zaXplLWJ1dHRvbi1sZzogMXJlbTsgLy8gMTZweFxuJGZvbnQtc2l6ZS1idXR0b24tbWQ6IDAuODc1cmVtOyAvLyAxNHB4XG4kZm9udC1zaXplLWJ1dHRvbi1zbTogMC43NXJlbTsgLy8gMTJweFxuXG4vLyA9PT0gQW5pbWF0aW9ucyA9PT0gLy9cblxuJGN1YmljLWJlemllci1wcmltYXJ5OiBjdWJpYy1iZXppZXIoMC41NSwgLTAuMTksIDAuNTksIDAuOTUpO1xuJGN1YmljLWJlemllci1zZWNvbmRhcnk6IGN1YmljLWJlemllcigwLjE3NSwgMC44ODUsIDAuMzIsIDEuMjc1KTtcbiJdfQ== */"],"mappings":"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","names":["React","button-group","button-group-align--horizontal","button-group-align--vertical","button-group-variant--default","button-group-variant--primary","button-group-variant--secondary","button-group-variant--success","button-group-variant--error","button-group-variant--warning","button-group-radius--none","button-group-radius--sm","button-group-radius--md","button-group-radius--lg","button-group-radius--full","import_jsx_runtime"]}
+{"version":3,"sources":["../index.ts","../components/Button/index.tsx","../../../node_modules/clsx/dist/clsx.mjs","../components/ButtonGroup/index.tsx"],"sourcesContent":["export * from \"./components\";\n","\"use client\";\n\nimport * as React from \"react\";\nimport clsx from \"clsx\";\nimport { Spinner } from \"@aristobyte-ui/spinner\";\nimport { type IconPropsType, renderRipple } from \"@aristobyte-ui/utils\";\n\nexport interface IButton {\n  type?: \"button\" | \"link\";\n  text?: string;\n  children?: React.ReactNode;\n  href?: string;\n  target?: \"_self\" | \"_blank\" | \"_parent\" | \"_top\";\n  onClick?: (\n    e: React.MouseEvent<HTMLButtonElement | HTMLAnchorElement>\n  ) => void | Promise<void>;\n  disabled?: boolean;\n  transparent?: boolean;\n  variant?:\n    | \"default\"\n    | \"primary\"\n    | \"secondary\"\n    | \"success\"\n    | \"error\"\n    | \"warning\";\n  appearance?:\n    | \"solid\"\n    | \"outline\"\n    | \"outline-dashed\"\n    | \"no-outline\"\n    | \"glowing\";\n  size?: \"xsm\" | \"sm\" | \"md\" | \"lg\" | \"xlg\";\n  radius?: \"none\" | \"sm\" | \"md\" | \"lg\" | \"full\";\n  icon?: {\n    component: (props: IconPropsType) => React.ReactElement;\n    color?: string;\n    size?: number;\n    align?: \"left\" | \"right\";\n  };\n  isLoading?: boolean;\n  spinnerType?: \"default\" | \"duo\" | \"gradient\" | \"pulse\" | \"pulse-duo\";\n  className?: string;\n  style?: React.CSSProperties;\n}\n\nexport const Button: React.FC<IButton> = ({\n  onClick,\n  text = \"\",\n  href = \"\",\n  target = \"_self\",\n  children = \"\",\n  type = \"button\",\n  variant = \"default\",\n  appearance = \"solid\",\n  size = \"md\",\n  radius = \"md\",\n  icon,\n  spinnerType = \"default\",\n  transparent = false,\n  isLoading = false,\n  disabled = false,\n  className = \"\",\n  style = {},\n}) => {\n  const uniqueId = React.useId();\n  const ref = React.useRef<HTMLButtonElement | HTMLAnchorElement>(null);\n\n  const handleClick = (\n    e: React.MouseEvent<HTMLButtonElement | HTMLAnchorElement>\n  ) => {\n    const { clientX, clientY } = e;\n    renderRipple({ ref, clientX, clientY });\n    onClick?.(e);\n  };\n\n  const buttonClasses = clsx(\n    \"btn\",\n    transparent && \"btn-transparent\",\n    `btn-${variant}-${appearance}`,\n    `btn-${size}`,\n    `btn-radius-${radius}`,\n    isLoading && \"btn-loading\",\n    className\n  );\n\n  const renderContent = () => (\n    <>\n      {isLoading && (\n        <Spinner\n          size={size}\n          variant={variant}\n          type={spinnerType}\n          className=\"inline-block\"\n        />\n      )}\n      {icon && (\n        <span\n          className={clsx(\n            \"btn-icon\",\n            icon.align === \"right\" && \"btn-icon-right\"\n          )}\n        >\n          {icon.component({ color: icon.color, size: icon.size })}\n        </span>\n      )}\n      {text || children}\n    </>\n  );\n\n  if (type === \"link\") {\n    return (\n      <a\n        key={uniqueId}\n        ref={ref as React.RefObject<HTMLAnchorElement>}\n        href={href}\n        target={target}\n        style={style}\n        className={buttonClasses}\n        onClick={handleClick}\n      >\n        {renderContent()}\n      </a>\n    );\n  }\n\n  return (\n    <button\n      key={uniqueId}\n      ref={ref as React.RefObject<HTMLButtonElement>}\n      type=\"button\"\n      disabled={disabled || isLoading}\n      style={style}\n      className={buttonClasses}\n      onClick={handleClick}\n    >\n      {renderContent()}\n    </button>\n  );\n};\n","function r(e){var t,f,n=\"\";if(\"string\"==typeof e||\"number\"==typeof e)n+=e;else if(\"object\"==typeof e)if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=\" \"),n+=f)}else for(f in e)e[f]&&(n&&(n+=\" \"),n+=f);return n}export function clsx(){for(var e,t,f=0,n=\"\",o=arguments.length;f<o;f++)(e=arguments[f])&&(t=r(e))&&(n&&(n+=\" \"),n+=t);return n}export default clsx;","\"use client\";\n\nimport * as React from \"react\";\nimport { type IButton, Button } from \"../Button\";\nimport clsx from \"clsx\";\n\nexport interface IButtonGroup {\n  children:\n    | React.ReactElement<IButton, typeof Button>\n    | React.ReactElement<IButton, typeof Button>[];\n  align?: \"vertical\" | \"horizontal\";\n  variant?:\n    | \"default\"\n    | \"primary\"\n    | \"secondary\"\n    | \"success\"\n    | \"error\"\n    | \"warning\";\n  size?: \"xsm\" | \"sm\" | \"md\" | \"lg\" | \"xlg\";\n  radius?: \"none\" | \"sm\" | \"md\" | \"lg\" | \"full\";\n  disabled?: boolean;\n  className?: string;\n  style?: React.CSSProperties;\n}\n\nexport const ButtonGroup: React.FC<IButtonGroup> = ({\n  children,\n  align = \"horizontal\",\n  variant = \"default\",\n  size = \"md\",\n  radius = \"md\",\n  disabled = false,\n  className = \"\",\n  style = {},\n}) => {\n  const groupClasses = clsx(\n    \"btn-group\",\n    `btn-group-${align}`,\n    `btn-group-variant-${variant}`,\n    `btn-group-radius-${radius}`,\n    `btn-group-size-${size}`,\n    className\n  );\n\n  return (\n    <div className={groupClasses} style={style}>\n      {React.Children.toArray(children)\n        .filter(\n          (child): child is React.JSX.Element =>\n            React.isValidElement(child) && child.type === Button\n        )\n        .map((child, index) =>\n          React.cloneElement(child, {\n            key: index || child.key,\n            size: size || child.props.size,\n            disabled: disabled || child.props.disabled,\n            variant: variant || child.props.variant,\n            radius: \"none\", // individual buttons inside group have no border-radius, group handles it\n          })\n        )}\n    </div>\n  );\n};\n"],"mappings":"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","names":["React","import_jsx_runtime"]}

package/dist/index.mjs

@@ -1,5 +1,4 @@
 "use client";
-import "./index.css";
 
 // components/Button/index.tsx
 import * as React from "react";
@@ -113,26 +112,6 @@ var Button = ({
 
 // components/ButtonGroup/index.tsx
 import * as React2 from "react";
-
-// components/ButtonGroup/ButtonGroup.module.scss
-var ButtonGroup_module_default = {
-  "button-group": "ButtonGroup_module_button-group",
-  "button-group-align--horizontal": "ButtonGroup_module_button-group-align--horizontal",
-  "button-group-align--vertical": "ButtonGroup_module_button-group-align--vertical",
-  "button-group-variant--default": "ButtonGroup_module_button-group-variant--default",
-  "button-group-variant--primary": "ButtonGroup_module_button-group-variant--primary",
-  "button-group-variant--secondary": "ButtonGroup_module_button-group-variant--secondary",
-  "button-group-variant--success": "ButtonGroup_module_button-group-variant--success",
-  "button-group-variant--error": "ButtonGroup_module_button-group-variant--error",
-  "button-group-variant--warning": "ButtonGroup_module_button-group-variant--warning",
-  "button-group-radius--none": "ButtonGroup_module_button-group-radius--none",
-  "button-group-radius--sm": "ButtonGroup_module_button-group-radius--sm",
-  "button-group-radius--md": "ButtonGroup_module_button-group-radius--md",
-  "button-group-radius--lg": "ButtonGroup_module_button-group-radius--lg",
-  "button-group-radius--full": "ButtonGroup_module_button-group-radius--full"
-};
-
-// components/ButtonGroup/index.tsx
 import { jsx as jsx2 } from "react/jsx-runtime";
 var ButtonGroup = ({
   children,
@@ -140,28 +119,30 @@ var ButtonGroup = ({
   variant = "default",
   size = "md",
   radius = "md",
-  disabled,
+  disabled = false,
   className = "",
   style = {}
 }) => {
-  return /* @__PURE__ */ jsx2(
-    "div",
-    {
-      className: `${ButtonGroup_module_default["button-group"]} ${ButtonGroup_module_default[`button-group-variant--${variant}`]} ${ButtonGroup_module_default[`button-group-size--${size}`]} ${ButtonGroup_module_default[`button-group-radius--${radius}`]} ${ButtonGroup_module_default[`button-group-align--${align}`]} ${className}`,
-      style,
-      children: React2.Children.toArray(children).filter(
-        (child) => React2.isValidElement(child) && child.type === Button
-      ).map(
-        (child, index) => React2.cloneElement(child, {
-          key: index || child.key,
-          size: size || child.props.size,
-          disabled: disabled || child.props.disabled,
-          variant: variant || child.props.variant,
-          radius: "none"
-        })
-      )
-    }
+  const groupClasses = clsx_default(
+    "btn-group",
+    `btn-group-${align}`,
+    `btn-group-variant-${variant}`,
+    `btn-group-radius-${radius}`,
+    `btn-group-size-${size}`,
+    className
   );
+  return /* @__PURE__ */ jsx2("div", { className: groupClasses, style, children: React2.Children.toArray(children).filter(
+    (child) => React2.isValidElement(child) && child.type === Button
+  ).map(
+    (child, index) => React2.cloneElement(child, {
+      key: index || child.key,
+      size: size || child.props.size,
+      disabled: disabled || child.props.disabled,
+      variant: variant || child.props.variant,
+      radius: "none"
+      // individual buttons inside group have no border-radius, group handles it
+    })
+  ) });
 };
 export {
   Button,

package/dist/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../components/Button/index.tsx","../../../node_modules/clsx/dist/clsx.mjs","../components/ButtonGroup/index.tsx","../components/ButtonGroup/ButtonGroup.module.scss"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport clsx from \"clsx\";\nimport { Spinner } from \"@aristobyte-ui/spinner\";\nimport { type IconPropsType, renderRipple } from \"@aristobyte-ui/utils\";\n\nexport interface IButton {\n  type?: \"button\" | \"link\";\n  text?: string;\n  children?: React.ReactNode;\n  href?: string;\n  target?: \"_self\" | \"_blank\" | \"_parent\" | \"_top\";\n  onClick?: (\n    e: React.MouseEvent<HTMLButtonElement | HTMLAnchorElement>\n  ) => void | Promise<void>;\n  disabled?: boolean;\n  transparent?: boolean;\n  variant?:\n    | \"default\"\n    | \"primary\"\n    | \"secondary\"\n    | \"success\"\n    | \"error\"\n    | \"warning\";\n  appearance?:\n    | \"solid\"\n    | \"outline\"\n    | \"outline-dashed\"\n    | \"no-outline\"\n    | \"glowing\";\n  size?: \"xsm\" | \"sm\" | \"md\" | \"lg\" | \"xlg\";\n  radius?: \"none\" | \"sm\" | \"md\" | \"lg\" | \"full\";\n  icon?: {\n    component: (props: IconPropsType) => React.ReactElement;\n    color?: string;\n    size?: number;\n    align?: \"left\" | \"right\";\n  };\n  isLoading?: boolean;\n  spinnerType?: \"default\" | \"duo\" | \"gradient\" | \"pulse\" | \"pulse-duo\";\n  className?: string;\n  style?: React.CSSProperties;\n}\n\nexport const Button: React.FC<IButton> = ({\n  onClick,\n  text = \"\",\n  href = \"\",\n  target = \"_self\",\n  children = \"\",\n  type = \"button\",\n  variant = \"default\",\n  appearance = \"solid\",\n  size = \"md\",\n  radius = \"md\",\n  icon,\n  spinnerType = \"default\",\n  transparent = false,\n  isLoading = false,\n  disabled = false,\n  className = \"\",\n  style = {},\n}) => {\n  const uniqueId = React.useId();\n  const ref = React.useRef<HTMLButtonElement | HTMLAnchorElement>(null);\n\n  const handleClick = (\n    e: React.MouseEvent<HTMLButtonElement | HTMLAnchorElement>\n  ) => {\n    const { clientX, clientY } = e;\n    renderRipple({ ref, clientX, clientY });\n    onClick?.(e);\n  };\n\n  const buttonClasses = clsx(\n    \"btn\",\n    transparent && \"btn-transparent\",\n    `btn-${variant}-${appearance}`,\n    `btn-${size}`,\n    `btn-radius-${radius}`,\n    isLoading && \"btn-loading\",\n    className\n  );\n\n  const renderContent = () => (\n    <>\n      {isLoading && (\n        <Spinner\n          size={size}\n          variant={variant}\n          type={spinnerType}\n          className=\"inline-block\"\n        />\n      )}\n      {icon && (\n        <span\n          className={clsx(\n            \"btn-icon\",\n            icon.align === \"right\" && \"btn-icon-right\"\n          )}\n        >\n          {icon.component({ color: icon.color, size: icon.size })}\n        </span>\n      )}\n      {text || children}\n    </>\n  );\n\n  if (type === \"link\") {\n    return (\n      <a\n        key={uniqueId}\n        ref={ref as React.RefObject<HTMLAnchorElement>}\n        href={href}\n        target={target}\n        style={style}\n        className={buttonClasses}\n        onClick={handleClick}\n      >\n        {renderContent()}\n      </a>\n    );\n  }\n\n  return (\n    <button\n      key={uniqueId}\n      ref={ref as React.RefObject<HTMLButtonElement>}\n      type=\"button\"\n      disabled={disabled || isLoading}\n      style={style}\n      className={buttonClasses}\n      onClick={handleClick}\n    >\n      {renderContent()}\n    </button>\n  );\n};\n","function r(e){var t,f,n=\"\";if(\"string\"==typeof e||\"number\"==typeof e)n+=e;else if(\"object\"==typeof e)if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=\" \"),n+=f)}else for(f in e)e[f]&&(n&&(n+=\" \"),n+=f);return n}export function clsx(){for(var e,t,f=0,n=\"\",o=arguments.length;f<o;f++)(e=arguments[f])&&(t=r(e))&&(n&&(n+=\" \"),n+=t);return n}export default clsx;","\"use client\";\n\nimport * as React from \"react\";\nimport { type IButton, Button } from \"../Button\";\n\nimport styles from \"./ButtonGroup.module.scss\";\n\nexport interface IButtonGroup {\n  children:\n    | React.ReactElement<IButton, typeof Button>\n    | React.ReactElement<IButton, typeof Button>[];\n  align?: \"vertical\" | \"horizontal\";\n  variant?:\n    | \"default\"\n    | \"primary\"\n    | \"secondary\"\n    | \"success\"\n    | \"error\"\n    | \"warning\";\n  size?: \"xsm\" | \"sm\" | \"md\" | \"lg\" | \"xlg\";\n  radius?: \"none\" | \"sm\" | \"md\" | \"lg\" | \"full\";\n  disabled?: boolean;\n  className?: string;\n  style?: React.CSSProperties;\n}\n\nexport const ButtonGroup: React.FC<IButtonGroup> = ({\n  children,\n  align = \"horizontal\",\n  variant = \"default\",\n  size = \"md\",\n  radius = \"md\",\n  disabled,\n  className = \"\",\n  style = {},\n}) => {\n  return (\n    <div\n      className={`${styles[\"button-group\"]} ${\n        styles[`button-group-variant--${variant}`]\n      } ${styles[`button-group-size--${size}`]} ${\n        styles[`button-group-radius--${radius}`]\n      } ${styles[`button-group-align--${align}`]} ${className}`}\n      style={style}\n    >\n      {React.Children.toArray(children)\n        .filter(\n          (child): child is React.ReactElement<IButton, typeof Button> =>\n            React.isValidElement(child) && child.type === Button\n        )\n        .map((child, index) =>\n          React.cloneElement(child, {\n            key: index || child.key,\n            size: size || child.props.size,\n            disabled: disabled || child.props.disabled,\n            variant: variant || child.props.variant,\n            radius: \"none\",\n          })\n        )}\n    </div>\n  );\n};\n",".button-group {\n  align-items: center;\n  display: flex;\n  overflow: hidden;\n  max-width: max-content;\n}\n.button-group-align--horizontal {\n  flex-direction: row;\n}\n.button-group-align--vertical {\n  flex-direction: column;\n}\n.button-group-variant--default {\n  background-color: #1f2937;\n}\n.button-group-variant--primary {\n  background-color: #2563eb;\n}\n.button-group-variant--secondary {\n  background-color: #4f46e5;\n}\n.button-group-variant--success {\n  background-color: #16a34a;\n}\n.button-group-variant--error {\n  background-color: #dc2626;\n}\n.button-group-variant--warning {\n  background-color: #d97706;\n}\n.button-group-radius--none {\n  border-radius: 0rem;\n}\n.button-group-radius--sm {\n  border-radius: 0.125rem;\n}\n.button-group-radius--md {\n  border-radius: 0.375rem;\n}\n.button-group-radius--lg {\n  border-radius: 0.5rem;\n}\n.button-group-radius--full {\n  border-radius: 1.5rem;\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL2RodW5hbnlhbi9hcmlzdG9ieXRlL2dpdGh1Yi9hcmlzdG9ieXRlLXVpL3BhY2thZ2VzL2J1dHRvbi9jb21wb25lbnRzL0J1dHRvbkdyb3VwIiwic291cmNlcyI6WyJCdXR0b25Hcm91cC5tb2R1bGUuc2NzcyIsIi4uLy4uLy4uLy4uL25vZGVfbW9kdWxlcy9AYXJpc3RvYnl0ZS11aS91dGlscy9zdHlsZXMvX3NldHRpbmdzLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBRUE7RUFDRTtFQUNBO0VBQ0E7RUFDQTs7QUFHRTtFQUNFOztBQUdGO0VBQ0U7O0FBS0Y7RUFDRSxrQkNzQ0s7O0FEbkNQO0VBQ0Usa0JDNENLOztBRHpDUDtFQUNFLGtCQ29ETzs7QURqRFQ7RUFDRSxrQkNvRU07O0FEakVSO0VBQ0Usa0JDc0RJOztBRG5ETjtFQUNFLGtCQ3NFTTs7QURqRVI7RUFDRTs7QUFHRjtFQUNFOztBQUdGO0VBQ0U7O0FBR0Y7RUFDRTs7QUFHRjtFQUNFIiwic291cmNlc0NvbnRlbnQiOlsiQHVzZSBcIkBhcmlzdG9ieXRlLXVpL3V0aWxzL3N0eWxlcy9zZXR0aW5nc1wiIGFzICo7XG5cbi5idXR0b24tZ3JvdXAge1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBkaXNwbGF5OiBmbGV4O1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICBtYXgtd2lkdGg6IG1heC1jb250ZW50O1xuXG4gICYtYWxpZ24ge1xuICAgICYtLWhvcml6b250YWwge1xuICAgICAgZmxleC1kaXJlY3Rpb246IHJvdztcbiAgICB9XG5cbiAgICAmLS12ZXJ0aWNhbCB7XG4gICAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICAgIH1cbiAgfVxuXG4gICYtdmFyaWFudCB7XG4gICAgJi0tZGVmYXVsdCB7XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAkY29sb3ItZGVmYXVsdDtcbiAgICB9XG5cbiAgICAmLS1wcmltYXJ5IHtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICRjb2xvci1wcmltYXJ5O1xuICAgIH1cblxuICAgICYtLXNlY29uZGFyeSB7XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAkY29sb3Itc2Vjb25kYXJ5O1xuICAgIH1cblxuICAgICYtLXN1Y2Nlc3Mge1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJGNvbG9yLXN1Y2Nlc3M7XG4gICAgfVxuXG4gICAgJi0tZXJyb3Ige1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJGNvbG9yLWVycm9yO1xuICAgIH1cblxuICAgICYtLXdhcm5pbmcge1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJGNvbG9yLXdhcm5pbmc7XG4gICAgfVxuICB9XG5cbiAgJi1yYWRpdXMge1xuICAgICYtLW5vbmUge1xuICAgICAgYm9yZGVyLXJhZGl1czogMHJlbTsgLy8gMHB4XG4gICAgfVxuXG4gICAgJi0tc20ge1xuICAgICAgYm9yZGVyLXJhZGl1czogMC4xMjVyZW07IC8vIDJweFxuICAgIH1cblxuICAgICYtLW1kIHtcbiAgICAgIGJvcmRlci1yYWRpdXM6IDAuMzc1cmVtOyAvLyA2cHhcbiAgICB9XG5cbiAgICAmLS1sZyB7XG4gICAgICBib3JkZXItcmFkaXVzOiAwLjVyZW07IC8vIDhweFxuICAgIH1cblxuICAgICYtLWZ1bGwge1xuICAgICAgYm9yZGVyLXJhZGl1czogMS41cmVtOyAvLyAyNHB4XG4gICAgfVxuICB9XG59XG4iLCIvLyA9PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09IC8vXG4vLyAgICAgICAgQXJpc3RvQnl0ZSBVSSAtIFN0eWxlIFNldHRpbmdzICAgICAgIC8vXG4vLyA9PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09IC8vXG5cbi8vID09PSBEZXNpZ24gVG9rZW5zIOKAlCBDb2xvciBQYWxldHRlID09PSAvL1xuLy8gTG9nb1xuJGxvZ28tY29sb3ItMTogI2ZmZWUyNztcbiRsb2dvLWNvbG9yLTI6ICNmZWM4MDA7XG4kbG9nby1jb2xvci0zOiAjZjE4ZTM1O1xuJGxvZ28tY29sb3ItNDogI2U5NWYzMjtcbiRsb2dvLWNvbG9yLTU6ICNlMjMxMmQ7XG4kbG9nby1ncmFkaWVudDogbGluZWFyLWdyYWRpZW50KFxuICA5MGRlZyxcbiAgJGxvZ28tY29sb3ItMSxcbiAgJGxvZ28tY29sb3ItMixcbiAgJGxvZ28tY29sb3ItMyxcbiAgJGxvZ28tY29sb3ItNCxcbiAgJGxvZ28tY29sb3ItNVxuKTtcblxuLy8gQmFzZVxuJHdoaXRlOiAjZmZmZmZmO1xuJHdoaXRlLWhvdmVyOiAjZGRkZGRkO1xuJGJsYWNrOiAjMDAwMDAwO1xuJGJsYWNrLWhvdmVyOiAjMjIyMjIyO1xuJHRyYW5zcGFyZW50OiB0cmFuc3BhcmVudDtcblxuLy8gPT09IEJsYWNrIFRyYW5zcGFyZW50IFNjYWxlID09PSAvL1xuJGJsYWNrLXRyYW5zcGFyZW50LTEwMDogcmdiYSgwLCAwLCAwLCAwLjEpO1xuJGJsYWNrLXRyYW5zcGFyZW50LTIwMDogcmdiYSgwLCAwLCAwLCAwLjIpO1xuJGJsYWNrLXRyYW5zcGFyZW50LTMwMDogcmdiYSgwLCAwLCAwLCAwLjMpO1xuJGJsYWNrLXRyYW5zcGFyZW50LTQwMDogcmdiYSgwLCAwLCAwLCAwLjQpO1xuJGJsYWNrLXRyYW5zcGFyZW50LTUwMDogcmdiYSgwLCAwLCAwLCAwLjUpO1xuJGJsYWNrLXRyYW5zcGFyZW50LTYwMDogcmdiYSgwLCAwLCAwLCAwLjYpO1xuJGJsYWNrLXRyYW5zcGFyZW50LTcwMDogcmdiYSgwLCAwLCAwLCAwLjcpO1xuJGJsYWNrLXRyYW5zcGFyZW50LTgwMDogcmdiYSgwLCAwLCAwLCAwLjgpO1xuJGJsYWNrLXRyYW5zcGFyZW50LTkwMDogcmdiYSgwLCAwLCAwLCAwLjkpO1xuXG4vLyA9PT0gQmxhY2sgVHJhbnNwYXJlbnQgU2NhbGUgPT09IC8vXG4kd2hpdGUtdHJhbnNwYXJlbnQtMTAwOiByZ2JhKDI1NSwgMjU1LCAyNTUsIDAuMSk7XG4kd2hpdGUtdHJhbnNwYXJlbnQtMjAwOiByZ2JhKDI1NSwgMjU1LCAyNTUsIDAuMik7XG4kd2hpdGUtdHJhbnNwYXJlbnQtMzAwOiByZ2JhKDI1NSwgMjU1LCAyNTUsIDAuMyk7XG4kd2hpdGUtdHJhbnNwYXJlbnQtNDAwOiByZ2JhKDI1NSwgMjU1LCAyNTUsIDAuNCk7XG4kd2hpdGUtdHJhbnNwYXJlbnQtNTAwOiByZ2JhKDI1NSwgMjU1LCAyNTUsIDAuNSk7XG4kd2hpdGUtdHJhbnNwYXJlbnQtNjAwOiByZ2JhKDI1NSwgMjU1LCAyNTUsIDAuNik7XG4kd2hpdGUtdHJhbnNwYXJlbnQtNzAwOiByZ2JhKDI1NSwgMjU1LCAyNTUsIDAuNyk7XG4kd2hpdGUtdHJhbnNwYXJlbnQtODAwOiByZ2JhKDI1NSwgMjU1LCAyNTUsIDAuOCk7XG4kd2hpdGUtdHJhbnNwYXJlbnQtOTAwOiByZ2JhKDI1NSwgMjU1LCAyNTUsIDAuOSk7XG5cbi8vID09PSBOZXV0cmFsIFNjYWxlIChHcmV5KSA9PT0gLy9cbiRncmV5LTUwOiAjZjlmYWZiO1xuJGdyZXktMTAwOiAjZjNmNGY2O1xuJGdyZXktMjAwOiAjZTVlN2ViO1xuJGdyZXktMzAwOiAjZDFkNWRiO1xuJGdyZXktNDAwOiAjOWNhM2FmO1xuJGdyZXktNTAwOiAjNmI3MjgwO1xuJGdyZXktNjAwOiAjNGI1NTYzO1xuJGdyZXktNzAwOiAjMzc0MTUxO1xuJGdyZXktODAwOiAjMWYyOTM3O1xuJGdyZXktOTAwOiAjMTExODI3O1xuXG4vLyA9PT0gUHJpbWFyeSBTY2FsZSAoQmx1ZSkgPT09IC8vXG4kYmx1ZS01MDogI2VmZjZmZjtcbiRibHVlLTEwMDogI2RiZWFmZTtcbiRibHVlLTIwMDogI2JmZGJmZTtcbiRibHVlLTMwMDogIzkzYzVmZDtcbiRibHVlLTQwMDogIzYwYTVmYTtcbiRibHVlLTUwMDogIzNiODJmNjtcbiRibHVlLTYwMDogIzI1NjNlYjsgLy8gTWFpblxuJGJsdWUtNzAwOiAjMWQ0ZWQ4OyAvLyBIb3ZlclxuJGJsdWUtODAwOiAjMWU0MGFmO1xuJGJsdWUtOTAwOiAjMWUzYThhO1xuXG4vLyA9PT0gU2Vjb25kYXJ5IFNjYWxlIChJbmRpZ28pID09PSAvL1xuJGluZGlnby01MDogI2VlZjJmZjtcbiRpbmRpZ28tMTAwOiAjZTBlN2ZmO1xuJGluZGlnby0yMDA6ICNjN2QyZmU7XG4kaW5kaWdvLTMwMDogI2E1YjRmYztcbiRpbmRpZ28tNDAwOiAjODE4Y2Y4O1xuJGluZGlnby01MDA6ICM2MzY2ZjE7XG4kaW5kaWdvLTYwMDogIzRmNDZlNTsgLy8gTWFpblxuJGluZGlnby03MDA6ICM0MzM4Y2E7IC8vIEhvdmVyXG5cbi8vID09PSBFcnJvciBTY2FsZSAoUmVkKSA9PT0gLy9cbiRyZWQtNTA6ICNmZWYyZjI7XG4kcmVkLTEwMDogI2ZlZTJlMjtcbiRyZWQtMjAwOiAjZmVjYWNhO1xuJHJlZC0zMDA6ICNmY2E1YTU7XG4kcmVkLTQwMDogI2Y4NzE3MTtcbiRyZWQtNTAwOiAjZWY0NDQ0O1xuJHJlZC02MDA6ICNkYzI2MjY7IC8vIE1haW5cbiRyZWQtNzAwOiAjYjkxYzFjOyAvLyBIb3ZlclxuXG4vLyA9PT0gU3VjY2VzcyBTY2FsZSAoR3JlZW4pID09PSAvL1xuJGdyZWVuLTUwOiAjZjBmZGY0O1xuJGdyZWVuLTEwMDogI2RjZmNlNztcbiRncmVlbi0yMDA6ICNiYmY3ZDA7XG4kZ3JlZW4tMzAwOiAjODZlZmFjO1xuJGdyZWVuLTQwMDogIzRhZGU4MDtcbiRncmVlbi01MDA6ICMyMmM1NWU7XG4kZ3JlZW4tNjAwOiAjMTZhMzRhOyAvLyBNYWluXG4kZ3JlZW4tNzAwOiAjMTU4MDNkOyAvLyBIb3ZlclxuXG4vLyA9PT0gV2FybmluZyBTY2FsZSAoQW1iZXIpID09PSAvL1xuJGFtYmVyLTUwOiAjZmZmYmViO1xuJGFtYmVyLTEwMDogI2ZlZjNjNztcbiRhbWJlci0yMDA6ICNmZGU2OGE7XG4kYW1iZXItMzAwOiAjZmNkMzRkO1xuJGFtYmVyLTQwMDogI2ZiYmYyNDtcbiRhbWJlci01MDA6ICNmNTllMGI7XG4kYW1iZXItNjAwOiAjZDk3NzA2OyAvLyBNYWluXG4kYW1iZXItNzAwOiAjYjQ1MzA5OyAvLyBIb3ZlclxuXG4vLyA9PT0gU2VtYW50aWMgVG9rZW5zID09PSAvL1xuJGNvbG9yLWRlZmF1bHQ6ICRncmV5LTgwMDtcbiRjb2xvci1kZWZhdWx0LWhvdmVyOiAkZ3JleS05MDA7XG4kY29sb3ItZGVmYXVsdC1kaXNhYmxlZDogcmdiYSgkY29sb3ItZGVmYXVsdCwgMC41KTtcblxuJGNvbG9yLXByaW1hcnk6ICRibHVlLTYwMDtcbiRjb2xvci1wcmltYXJ5LWhvdmVyOiAkYmx1ZS03MDA7XG4kY29sb3ItcHJpbWFyeS1kaXNhYmxlZDogcmdiYSgkY29sb3ItcHJpbWFyeSwgMC41KTtcblxuJGNvbG9yLXNlY29uZGFyeTogJGluZGlnby02MDA7XG4kY29sb3Itc2Vjb25kYXJ5LWhvdmVyOiAkaW5kaWdvLTcwMDtcbiRjb2xvci1zZWNvbmRhcnktZGlzYWJsZWQ6IHJnYmEoJGNvbG9yLXNlY29uZGFyeSwgMC41KTtcblxuJGNvbG9yLWVycm9yOiAkcmVkLTYwMDtcbiRjb2xvci1lcnJvci1ob3ZlcjogJHJlZC03MDA7XG4kY29sb3ItZXJyb3ItZGlzYWJsZWQ6IHJnYmEoJGNvbG9yLWVycm9yLCAwLjUpO1xuXG4kY29sb3Itc3VjY2VzczogJGdyZWVuLTYwMDtcbiRjb2xvci1zdWNjZXNzLWhvdmVyOiAkZ3JlZW4tNzAwO1xuJGNvbG9yLXN1Y2Nlc3MtZGlzYWJsZWQ6IHJnYmEoJGNvbG9yLXN1Y2Nlc3MsIDAuNSk7XG5cbiRjb2xvci13YXJuaW5nOiAkYW1iZXItNjAwO1xuJGNvbG9yLXdhcm5pbmctaG92ZXI6ICRhbWJlci03MDA7XG4kY29sb3Itd2FybmluZy1kaXNhYmxlZDogcmdiYSgkY29sb3Itd2FybmluZywgMC41KTtcblxuJHRleHQtY29sb3Itd2hpdGU6ICR3aGl0ZTtcbiR0ZXh0LWNvbG9yLWJsYWNrOiAkYmxhY2s7XG4kdGV4dC1jb2xvci13aGl0ZS1kaXNhYmxlZDogcmdiYSgkd2hpdGUsIDAuNSk7XG4kdGV4dC1jb2xvci1ibGFjay1kaXNhYmxlZDogcmdiYSgkYmxhY2ssIDAuNSk7XG5cbiR0aXRsZS1jb2xvci1kYXJrOiAkd2hpdGU7XG4kc3VidGl0bGUtY29sb3ItZGFyazogIzk5YTFhZjtcbiRkZXNjcmlwdGlvbi1jb2xvci1kYXJrOiAjZDFkNWRjO1xuJGljb24tY29sb3ItZGFyazogIzk5YTFhZjtcblxuLy8gPT09IFNoYWRvd3MgPT09IC8vXG4vL0BUT0RPOiBAU0hBRE9XXG4kc2hhZG93LXNtOiAwIDFweCAycHggMCByZ2JhKCRibGFjaywgMC4wNSk7XG4kc2hhZG93LW1kOlxuICAwIDRweCA2cHggLTFweCByZ2JhKCRibGFjaywgMC4xKSxcbiAgMCAycHggNHB4IC0xcHggcmdiYSgkYmxhY2ssIDAuMDYpO1xuJHNoYWRvdy1sZzpcbiAgMCAxMHB4IDE1cHggLTNweCByZ2JhKCRibGFjaywgMC4xKSxcbiAgMCA0cHggNnB4IC0ycHggcmdiYSgkYmxhY2ssIDAuMDUpO1xuXG4vLyA9PT0gRm9udCBmYW1pbGllcyA9PT0gLy9cbiRmb250LWZhbWlseS1zYW5zOiBcIkludGVyXCIsIHNhbnMtc2VyaWY7XG4kZm9udC1mYW1pbHktc2VyaWY6IFwiR2VvcmdpYVwiLCBzZXJpZjtcbiRmb250LWZhbWlseS1tb25vOiBcIkZpcmEgQ29kZVwiLCBtb25vc3BhY2U7XG5cbi8vID09PSBGb250IHdlaWdodHMgPT09IC8vXG4kZm9udC13ZWlnaHQtcmVndWxhcjogNDAwO1xuJGZvbnQtd2VpZ2h0LW1lZGl1bTogNTAwO1xuJGZvbnQtd2VpZ2h0LXNlbWlib2xkOiA2MDA7XG4kZm9udC13ZWlnaHQtYm9sZDogNzAwO1xuXG4vLyA9PT0gTGluZSBoZWlnaHRzID09PSAvL1xuJGxpbmUtaGVpZ2h0LXRpZ2h0OiAxLjI7XG4kbGluZS1oZWlnaHQtc251ZzogMS4zNzU7XG4kbGluZS1oZWlnaHQtbm9ybWFsOiAxLjU7XG4kbGluZS1oZWlnaHQtbG9vc2U6IDEuNjI1O1xuXG4vLyA9PT0gRm9udCBTaXplcyDigJQgU2VtYW50aWMgVG9rZW5zID09PSAvL1xuXG4vLyA9PT0gVGl0bGVzID09PSAvL1xuJGZvbnQtc2l6ZS1oZXJvOiAzcmVtOyAvLyA0OHB4XG4kZm9udC1zaXplLXRpdGxlLTE6IDIuMjVyZW07IC8vIDM2cHhcbiRmb250LXNpemUtdGl0bGUtMjogMS44NzVyZW07IC8vIDMwcHhcbiRmb250LXNpemUtdGl0bGUtMzogMS41cmVtOyAvLyAyNHB4XG5cbi8vID09PSBTdWJ0aXRsZXMgPT09IC8vXG4kZm9udC1zaXplLXN1YnRpdGxlLTE6IDEuMjVyZW07IC8vIDIwcHhcbiRmb250LXNpemUtc3VidGl0bGUtMjogMS4xMjVyZW07IC8vIDE4cHhcblxuLy8gPT09IEJvZHkgdGV4dCA9PT0gLy9cbiRmb250LXNpemUtYm9keS1sZzogMXJlbTsgLy8gMTZweFxuJGZvbnQtc2l6ZS1ib2R5LW1kOiAwLjkzNzVyZW07IC8vIDE1cHhcbiRmb250LXNpemUtYm9keS1zbTogMC44NzVyZW07IC8vIDE0cHhcblxuLy8gPT09IENhcHRpb25zIC8gRGVzY3JpcHRpb25zID09PSAvL1xuJGZvbnQtc2l6ZS1jYXB0aW9uOiAwLjc1cmVtOyAvLyAxMnB4XG4kZm9udC1zaXplLWZvb3Rub3RlOiAwLjY4NzVyZW07IC8vIDExcHhcblxuLy8gPT09IEJ1dHRvbnMgPT09IC8vXG4kZm9udC1zaXplLWJ1dHRvbi1sZzogMXJlbTsgLy8gMTZweFxuJGZvbnQtc2l6ZS1idXR0b24tbWQ6IDAuODc1cmVtOyAvLyAxNHB4XG4kZm9udC1zaXplLWJ1dHRvbi1zbTogMC43NXJlbTsgLy8gMTJweFxuXG4vLyA9PT0gQW5pbWF0aW9ucyA9PT0gLy9cblxuJGN1YmljLWJlemllci1wcmltYXJ5OiBjdWJpYy1iZXppZXIoMC41NSwgLTAuMTksIDAuNTksIDAuOTUpO1xuJGN1YmljLWJlemllci1zZWNvbmRhcnk6IGN1YmljLWJlemllcigwLjE3NSwgMC44ODUsIDAuMzIsIDEuMjc1KTtcbiJdfQ== */"],"mappings":"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","names":["React","button-group","button-group-align--horizontal","button-group-align--vertical","button-group-variant--default","button-group-variant--primary","button-group-variant--secondary","button-group-variant--success","button-group-variant--error","button-group-variant--warning","button-group-radius--none","button-group-radius--sm","button-group-radius--md","button-group-radius--lg","button-group-radius--full","jsx"]}
+{"version":3,"sources":["../components/Button/index.tsx","../../../node_modules/clsx/dist/clsx.mjs","../components/ButtonGroup/index.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport clsx from \"clsx\";\nimport { Spinner } from \"@aristobyte-ui/spinner\";\nimport { type IconPropsType, renderRipple } from \"@aristobyte-ui/utils\";\n\nexport interface IButton {\n  type?: \"button\" | \"link\";\n  text?: string;\n  children?: React.ReactNode;\n  href?: string;\n  target?: \"_self\" | \"_blank\" | \"_parent\" | \"_top\";\n  onClick?: (\n    e: React.MouseEvent<HTMLButtonElement | HTMLAnchorElement>\n  ) => void | Promise<void>;\n  disabled?: boolean;\n  transparent?: boolean;\n  variant?:\n    | \"default\"\n    | \"primary\"\n    | \"secondary\"\n    | \"success\"\n    | \"error\"\n    | \"warning\";\n  appearance?:\n    | \"solid\"\n    | \"outline\"\n    | \"outline-dashed\"\n    | \"no-outline\"\n    | \"glowing\";\n  size?: \"xsm\" | \"sm\" | \"md\" | \"lg\" | \"xlg\";\n  radius?: \"none\" | \"sm\" | \"md\" | \"lg\" | \"full\";\n  icon?: {\n    component: (props: IconPropsType) => React.ReactElement;\n    color?: string;\n    size?: number;\n    align?: \"left\" | \"right\";\n  };\n  isLoading?: boolean;\n  spinnerType?: \"default\" | \"duo\" | \"gradient\" | \"pulse\" | \"pulse-duo\";\n  className?: string;\n  style?: React.CSSProperties;\n}\n\nexport const Button: React.FC<IButton> = ({\n  onClick,\n  text = \"\",\n  href = \"\",\n  target = \"_self\",\n  children = \"\",\n  type = \"button\",\n  variant = \"default\",\n  appearance = \"solid\",\n  size = \"md\",\n  radius = \"md\",\n  icon,\n  spinnerType = \"default\",\n  transparent = false,\n  isLoading = false,\n  disabled = false,\n  className = \"\",\n  style = {},\n}) => {\n  const uniqueId = React.useId();\n  const ref = React.useRef<HTMLButtonElement | HTMLAnchorElement>(null);\n\n  const handleClick = (\n    e: React.MouseEvent<HTMLButtonElement | HTMLAnchorElement>\n  ) => {\n    const { clientX, clientY } = e;\n    renderRipple({ ref, clientX, clientY });\n    onClick?.(e);\n  };\n\n  const buttonClasses = clsx(\n    \"btn\",\n    transparent && \"btn-transparent\",\n    `btn-${variant}-${appearance}`,\n    `btn-${size}`,\n    `btn-radius-${radius}`,\n    isLoading && \"btn-loading\",\n    className\n  );\n\n  const renderContent = () => (\n    <>\n      {isLoading && (\n        <Spinner\n          size={size}\n          variant={variant}\n          type={spinnerType}\n          className=\"inline-block\"\n        />\n      )}\n      {icon && (\n        <span\n          className={clsx(\n            \"btn-icon\",\n            icon.align === \"right\" && \"btn-icon-right\"\n          )}\n        >\n          {icon.component({ color: icon.color, size: icon.size })}\n        </span>\n      )}\n      {text || children}\n    </>\n  );\n\n  if (type === \"link\") {\n    return (\n      <a\n        key={uniqueId}\n        ref={ref as React.RefObject<HTMLAnchorElement>}\n        href={href}\n        target={target}\n        style={style}\n        className={buttonClasses}\n        onClick={handleClick}\n      >\n        {renderContent()}\n      </a>\n    );\n  }\n\n  return (\n    <button\n      key={uniqueId}\n      ref={ref as React.RefObject<HTMLButtonElement>}\n      type=\"button\"\n      disabled={disabled || isLoading}\n      style={style}\n      className={buttonClasses}\n      onClick={handleClick}\n    >\n      {renderContent()}\n    </button>\n  );\n};\n","function r(e){var t,f,n=\"\";if(\"string\"==typeof e||\"number\"==typeof e)n+=e;else if(\"object\"==typeof e)if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=\" \"),n+=f)}else for(f in e)e[f]&&(n&&(n+=\" \"),n+=f);return n}export function clsx(){for(var e,t,f=0,n=\"\",o=arguments.length;f<o;f++)(e=arguments[f])&&(t=r(e))&&(n&&(n+=\" \"),n+=t);return n}export default clsx;","\"use client\";\n\nimport * as React from \"react\";\nimport { type IButton, Button } from \"../Button\";\nimport clsx from \"clsx\";\n\nexport interface IButtonGroup {\n  children:\n    | React.ReactElement<IButton, typeof Button>\n    | React.ReactElement<IButton, typeof Button>[];\n  align?: \"vertical\" | \"horizontal\";\n  variant?:\n    | \"default\"\n    | \"primary\"\n    | \"secondary\"\n    | \"success\"\n    | \"error\"\n    | \"warning\";\n  size?: \"xsm\" | \"sm\" | \"md\" | \"lg\" | \"xlg\";\n  radius?: \"none\" | \"sm\" | \"md\" | \"lg\" | \"full\";\n  disabled?: boolean;\n  className?: string;\n  style?: React.CSSProperties;\n}\n\nexport const ButtonGroup: React.FC<IButtonGroup> = ({\n  children,\n  align = \"horizontal\",\n  variant = \"default\",\n  size = \"md\",\n  radius = \"md\",\n  disabled = false,\n  className = \"\",\n  style = {},\n}) => {\n  const groupClasses = clsx(\n    \"btn-group\",\n    `btn-group-${align}`,\n    `btn-group-variant-${variant}`,\n    `btn-group-radius-${radius}`,\n    `btn-group-size-${size}`,\n    className\n  );\n\n  return (\n    <div className={groupClasses} style={style}>\n      {React.Children.toArray(children)\n        .filter(\n          (child): child is React.JSX.Element =>\n            React.isValidElement(child) && child.type === Button\n        )\n        .map((child, index) =>\n          React.cloneElement(child, {\n            key: index || child.key,\n            size: size || child.props.size,\n            disabled: disabled || child.props.disabled,\n            variant: variant || child.props.variant,\n            radius: \"none\", // individual buttons inside group have no border-radius, group handles it\n          })\n        )}\n    </div>\n  );\n};\n"],"mappings":"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","names":["React","jsx"]}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@aristobyte-ui/button",
   "description": "react button and buttongroup components with multiple variants, appearances, sizes, radius options, icons, ripple feedback, and fully typed typescript support",
-  "version": "1.0.54",
+  "version": "1.0.56",
   "license": "MIT",
   "private": false,
   "author": "AristoByte <info@aristobyte.com>",
@@ -60,28 +60,21 @@
     "check-types": "tsc --noEmit"
   },
   "dependencies": {
-    "@aristobyte-ui/spinner": "^1.0.54",
-    "@aristobyte-ui/utils": "^1.0.54",
-    "esbuild-sass-plugin": "^3.3.1",
-    "framer-motion": "^12.23.9",
+    "@aristobyte-ui/spinner": "^1.0.56",
+    "@aristobyte-ui/utils": "^1.0.56",
     "react": "^19.1.0",
     "react-dom": "^19.1.0",
-    "sass": "^1.89.0",
-    "shiki": "^3.7.0",
     "tsup": "^8.5.0"
   },
   "devDependencies": {
-    "@aristobyte-ui/eslint-config": "^1.0.54",
-    "@aristobyte-ui/typescript-config": "^1.0.54",
+    "@aristobyte-ui/eslint-config": "^1.0.56",
+    "@aristobyte-ui/typescript-config": "^1.0.56",
     "@turbo/gen": "^2.5.0",
     "@types/node": "^24.3.0",
     "@types/react": "19.1.0",
     "@types/react-dom": "19.1.1",
-    "autoprefixer": "^10.4.21",
     "eslint": "^9.27.0",
     "postcss": "^8.5.3",
-    "sass-embedded": "^1.91.0",
-    "tailwindcss": "^4.1.7",
     "tsup": "^8.5.0",
     "typescript": "^5.8.3"
   }

package/dist/index.css

@@ -1,47 +0,0 @@
-/* components/ButtonGroup/ButtonGroup.module.scss */
-.ButtonGroup_module_button-group {
-  align-items: center;
-  display: flex;
-  overflow: hidden;
-  max-width: max-content;
-}
-.ButtonGroup_module_button-group-align--horizontal {
-  flex-direction: row;
-}
-.ButtonGroup_module_button-group-align--vertical {
-  flex-direction: column;
-}
-.ButtonGroup_module_button-group-variant--default {
-  background-color: #1f2937;
-}
-.ButtonGroup_module_button-group-variant--primary {
-  background-color: #2563eb;
-}
-.ButtonGroup_module_button-group-variant--secondary {
-  background-color: #4f46e5;
-}
-.ButtonGroup_module_button-group-variant--success {
-  background-color: #16a34a;
-}
-.ButtonGroup_module_button-group-variant--error {
-  background-color: #dc2626;
-}
-.ButtonGroup_module_button-group-variant--warning {
-  background-color: #d97706;
-}
-.ButtonGroup_module_button-group-radius--none {
-  border-radius: 0rem;
-}
-.ButtonGroup_module_button-group-radius--sm {
-  border-radius: 0.125rem;
-}
-.ButtonGroup_module_button-group-radius--md {
-  border-radius: 0.375rem;
-}
-.ButtonGroup_module_button-group-radius--lg {
-  border-radius: 0.5rem;
-}
-.ButtonGroup_module_button-group-radius--full {
-  border-radius: 1.5rem;
-}
-/*# sourceMappingURL=index.css.map */

package/dist/index.css.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../components/ButtonGroup.module.scss","../../../../node_modules/@aristobyte-ui/utils/styles/_settings.scss"],"sourcesContent":["@use \"@aristobyte-ui/utils/styles/settings\" as *;\n\n.button-group {\n  align-items: center;\n  display: flex;\n  overflow: hidden;\n  max-width: max-content;\n\n  &-align {\n    &--horizontal {\n      flex-direction: row;\n    }\n\n    &--vertical {\n      flex-direction: column;\n    }\n  }\n\n  &-variant {\n    &--default {\n      background-color: $color-default;\n    }\n\n    &--primary {\n      background-color: $color-primary;\n    }\n\n    &--secondary {\n      background-color: $color-secondary;\n    }\n\n    &--success {\n      background-color: $color-success;\n    }\n\n    &--error {\n      background-color: $color-error;\n    }\n\n    &--warning {\n      background-color: $color-warning;\n    }\n  }\n\n  &-radius {\n    &--none {\n      border-radius: 0rem; // 0px\n    }\n\n    &--sm {\n      border-radius: 0.125rem; // 2px\n    }\n\n    &--md {\n      border-radius: 0.375rem; // 6px\n    }\n\n    &--lg {\n      border-radius: 0.5rem; // 8px\n    }\n\n    &--full {\n      border-radius: 1.5rem; // 24px\n    }\n  }\n}\n","// =========================================== //\n//        AristoByte UI - Style Settings       //\n// =========================================== //\n\n// === Design Tokens — Color Palette === //\n// Logo\n$logo-color-1: #ffee27;\n$logo-color-2: #fec800;\n$logo-color-3: #f18e35;\n$logo-color-4: #e95f32;\n$logo-color-5: #e2312d;\n$logo-gradient: linear-gradient(\n  90deg,\n  $logo-color-1,\n  $logo-color-2,\n  $logo-color-3,\n  $logo-color-4,\n  $logo-color-5\n);\n\n// Base\n$white: #ffffff;\n$white-hover: #dddddd;\n$black: #000000;\n$black-hover: #222222;\n$transparent: transparent;\n\n// === Black Transparent Scale === //\n$black-transparent-100: rgba(0, 0, 0, 0.1);\n$black-transparent-200: rgba(0, 0, 0, 0.2);\n$black-transparent-300: rgba(0, 0, 0, 0.3);\n$black-transparent-400: rgba(0, 0, 0, 0.4);\n$black-transparent-500: rgba(0, 0, 0, 0.5);\n$black-transparent-600: rgba(0, 0, 0, 0.6);\n$black-transparent-700: rgba(0, 0, 0, 0.7);\n$black-transparent-800: rgba(0, 0, 0, 0.8);\n$black-transparent-900: rgba(0, 0, 0, 0.9);\n\n// === Black Transparent Scale === //\n$white-transparent-100: rgba(255, 255, 255, 0.1);\n$white-transparent-200: rgba(255, 255, 255, 0.2);\n$white-transparent-300: rgba(255, 255, 255, 0.3);\n$white-transparent-400: rgba(255, 255, 255, 0.4);\n$white-transparent-500: rgba(255, 255, 255, 0.5);\n$white-transparent-600: rgba(255, 255, 255, 0.6);\n$white-transparent-700: rgba(255, 255, 255, 0.7);\n$white-transparent-800: rgba(255, 255, 255, 0.8);\n$white-transparent-900: rgba(255, 255, 255, 0.9);\n\n// === Neutral Scale (Grey) === //\n$grey-50: #f9fafb;\n$grey-100: #f3f4f6;\n$grey-200: #e5e7eb;\n$grey-300: #d1d5db;\n$grey-400: #9ca3af;\n$grey-500: #6b7280;\n$grey-600: #4b5563;\n$grey-700: #374151;\n$grey-800: #1f2937;\n$grey-900: #111827;\n\n// === Primary Scale (Blue) === //\n$blue-50: #eff6ff;\n$blue-100: #dbeafe;\n$blue-200: #bfdbfe;\n$blue-300: #93c5fd;\n$blue-400: #60a5fa;\n$blue-500: #3b82f6;\n$blue-600: #2563eb; // Main\n$blue-700: #1d4ed8; // Hover\n$blue-800: #1e40af;\n$blue-900: #1e3a8a;\n\n// === Secondary Scale (Indigo) === //\n$indigo-50: #eef2ff;\n$indigo-100: #e0e7ff;\n$indigo-200: #c7d2fe;\n$indigo-300: #a5b4fc;\n$indigo-400: #818cf8;\n$indigo-500: #6366f1;\n$indigo-600: #4f46e5; // Main\n$indigo-700: #4338ca; // Hover\n\n// === Error Scale (Red) === //\n$red-50: #fef2f2;\n$red-100: #fee2e2;\n$red-200: #fecaca;\n$red-300: #fca5a5;\n$red-400: #f87171;\n$red-500: #ef4444;\n$red-600: #dc2626; // Main\n$red-700: #b91c1c; // Hover\n\n// === Success Scale (Green) === //\n$green-50: #f0fdf4;\n$green-100: #dcfce7;\n$green-200: #bbf7d0;\n$green-300: #86efac;\n$green-400: #4ade80;\n$green-500: #22c55e;\n$green-600: #16a34a; // Main\n$green-700: #15803d; // Hover\n\n// === Warning Scale (Amber) === //\n$amber-50: #fffbeb;\n$amber-100: #fef3c7;\n$amber-200: #fde68a;\n$amber-300: #fcd34d;\n$amber-400: #fbbf24;\n$amber-500: #f59e0b;\n$amber-600: #d97706; // Main\n$amber-700: #b45309; // Hover\n\n// === Semantic Tokens === //\n$color-default: $grey-800;\n$color-default-hover: $grey-900;\n$color-default-disabled: rgba($color-default, 0.5);\n\n$color-primary: $blue-600;\n$color-primary-hover: $blue-700;\n$color-primary-disabled: rgba($color-primary, 0.5);\n\n$color-secondary: $indigo-600;\n$color-secondary-hover: $indigo-700;\n$color-secondary-disabled: rgba($color-secondary, 0.5);\n\n$color-error: $red-600;\n$color-error-hover: $red-700;\n$color-error-disabled: rgba($color-error, 0.5);\n\n$color-success: $green-600;\n$color-success-hover: $green-700;\n$color-success-disabled: rgba($color-success, 0.5);\n\n$color-warning: $amber-600;\n$color-warning-hover: $amber-700;\n$color-warning-disabled: rgba($color-warning, 0.5);\n\n$text-color-white: $white;\n$text-color-black: $black;\n$text-color-white-disabled: rgba($white, 0.5);\n$text-color-black-disabled: rgba($black, 0.5);\n\n$title-color-dark: $white;\n$subtitle-color-dark: #99a1af;\n$description-color-dark: #d1d5dc;\n$icon-color-dark: #99a1af;\n\n// === Shadows === //\n//@TODO: @SHADOW\n$shadow-sm: 0 1px 2px 0 rgba($black, 0.05);\n$shadow-md:\n  0 4px 6px -1px rgba($black, 0.1),\n  0 2px 4px -1px rgba($black, 0.06);\n$shadow-lg:\n  0 10px 15px -3px rgba($black, 0.1),\n  0 4px 6px -2px rgba($black, 0.05);\n\n// === Font families === //\n$font-family-sans: \"Inter\", sans-serif;\n$font-family-serif: \"Georgia\", serif;\n$font-family-mono: \"Fira Code\", monospace;\n\n// === Font weights === //\n$font-weight-regular: 400;\n$font-weight-medium: 500;\n$font-weight-semibold: 600;\n$font-weight-bold: 700;\n\n// === Line heights === //\n$line-height-tight: 1.2;\n$line-height-snug: 1.375;\n$line-height-normal: 1.5;\n$line-height-loose: 1.625;\n\n// === Font Sizes — Semantic Tokens === //\n\n// === Titles === //\n$font-size-hero: 3rem; // 48px\n$font-size-title-1: 2.25rem; // 36px\n$font-size-title-2: 1.875rem; // 30px\n$font-size-title-3: 1.5rem; // 24px\n\n// === Subtitles === //\n$font-size-subtitle-1: 1.25rem; // 20px\n$font-size-subtitle-2: 1.125rem; // 18px\n\n// === Body text === //\n$font-size-body-lg: 1rem; // 16px\n$font-size-body-md: 0.9375rem; // 15px\n$font-size-body-sm: 0.875rem; // 14px\n\n// === Captions / Descriptions === //\n$font-size-caption: 0.75rem; // 12px\n$font-size-footnote: 0.6875rem; // 11px\n\n// === Buttons === //\n$font-size-button-lg: 1rem; // 16px\n$font-size-button-md: 0.875rem; // 14px\n$font-size-button-sm: 0.75rem; // 12px\n\n// === Animations === //\n\n$cubic-bezier-primary: cubic-bezier(0.55, -0.19, 0.59, 0.95);\n$cubic-bezier-secondary: cubic-bezier(0.175, 0.885, 0.32, 1.275);\n"],"mappings":";AAEA,CAAAA;AACE,eAAA;AACA,WAAA;AACA,YAAA;AACA,aAAA;;AAGE,CAAAC;AACE,kBAAA;;AAGF,CAAAC;AACE,kBAAA;;AAKF,CAAAC;AACE,oBCsCK;;ADnCP,CAAAC;AACE,oBC4CK;;ADzCP,CAAAC;AACE,oBCoDO;;ADjDT,CAAAC;AACE,oBCoEM;;ADjER,CAAAC;AACE,oBCsDI;;ADnDN,CAAAC;AACE,oBCsEM;;ADjER,CAAAC;AACE,iBAAA;;AAGF,CAAAC;AACE,iBAAA;;AAGF,CAAAC;AACE,iBAAA;;AAGF,CAAAC;AACE,iBAAA;;AAGF,CAAAC;AACE,iBAAA;;","names":["button-group","button-group-align--horizontal","button-group-align--vertical","button-group-variant--default","button-group-variant--primary","button-group-variant--secondary","button-group-variant--success","button-group-variant--error","button-group-variant--warning","button-group-radius--none","button-group-radius--sm","button-group-radius--md","button-group-radius--lg","button-group-radius--full"]}