@sparrowengg/twigs-editor-react 0.0.1

package/dist/es/react-components/dist/es/button/button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.js","sources":["../../../../../../../react-components/dist/es/button/button.js"],"sourcesContent":["import { jsxs, jsx } from 'react/jsx-runtime';\nimport React__default from 'react';\nimport { clsx } from '../packages/react-components/node_modules/clsx/dist/clsx.js';\nimport { keyframes, styled } from '../stitches.config.js';\nimport { ButtonSideElement } from './side-element.js';\nimport { BUTTON_CLASSNAMES, getLoaderIconSizeFromButtonProps, getLoaderVariantFromButtonVariant } from './utils.js';\n\nvar __defProp = Object.defineProperty;\nvar __defProps = Object.defineProperties;\nvar __getOwnPropDescs = Object.getOwnPropertyDescriptors;\nvar __getOwnPropSymbols = Object.getOwnPropertySymbols;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __propIsEnum = Object.prototype.propertyIsEnumerable;\nvar __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;\nvar __spreadValues = (a, b) => {\n  for (var prop in b || (b = {}))\n    if (__hasOwnProp.call(b, prop))\n      __defNormalProp(a, prop, b[prop]);\n  if (__getOwnPropSymbols)\n    for (var prop of __getOwnPropSymbols(b)) {\n      if (__propIsEnum.call(b, prop))\n        __defNormalProp(a, prop, b[prop]);\n    }\n  return a;\n};\nvar __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));\nvar __objRest = (source, exclude) => {\n  var target = {};\n  for (var prop in source)\n    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)\n      target[prop] = source[prop];\n  if (source != null && __getOwnPropSymbols)\n    for (var prop of __getOwnPropSymbols(source)) {\n      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))\n        target[prop] = source[prop];\n    }\n  return target;\n};\nconst loadingBlink = keyframes({\n  \"50%\": {\n    opacity: 0.6\n  },\n  \"0%, 100%\": {\n    opacity: 1\n  }\n});\nconst StyledButton = styled(\"button\", {\n  appearance: \"none\",\n  border: \"none\",\n  background: \"transparent\",\n  fontSize: \"$lg\",\n  lineHeight: \"$md\",\n  borderRadius: \"$lg\",\n  display: \"flex\",\n  alignItems: \"center\",\n  justifyContent: \"center\",\n  fontWeight: \"$7\",\n  cursor: \"pointer\",\n  transition: \"all $transitions$2\",\n  \"&:disabled\": {\n    opacity: 0.4,\n    cursor: \"not-allowed\"\n  },\n  \"&:focus, &:active\": {\n    outline: \"none\"\n  },\n  \"&:focus-visible\": {\n    $$shadowColor: \"$colors$primary200\",\n    boxShadow: \"rgb(255, 255, 255) 0px 0px 0px 2px, $$shadowColor 0px 0px 0px 4px, rgba(0, 0, 0, 0.05) 0px 1px 2px 0px\"\n  },\n  [`&.${BUTTON_CLASSNAMES.loading} .${BUTTON_CLASSNAMES.content}`]: {\n    animation: `${loadingBlink} 1.5s cubic-bezier(0.51, 0, 0, 1) infinite`\n  },\n  variants: {\n    size: {\n      \"2xl\": {\n        padding: \"$9 $14\",\n        borderRadius: \"$2xl\",\n        fontSize: \"$lg\",\n        lineHeight: \"$lg\",\n        height: \"$16\",\n        [`& .${BUTTON_CLASSNAMES.iconBox}`]: {\n          width: \"$6\",\n          height: \"$6\"\n        }\n      },\n      xl: {\n        padding: \"$5 $10\",\n        borderRadius: \"$xl\",\n        fontSize: \"$lg\",\n        lineHeight: \"$lg\",\n        height: \"$12\",\n        [`& .${BUTTON_CLASSNAMES.iconBox}`]: {\n          width: \"$6\",\n          height: \"$6\"\n        }\n      },\n      lg: {\n        padding: \"$4 $8\",\n        borderRadius: \"$lg\",\n        fontSize: \"$md\",\n        lineHeight: \"$md\",\n        height: \"$10\",\n        [`& .${BUTTON_CLASSNAMES.iconBox}`]: {\n          width: \"$5\",\n          height: \"$5\"\n        }\n      },\n      md: {\n        padding: \"$3 $6\",\n        borderRadius: \"$lg\",\n        fontSize: \"$sm\",\n        lineHeight: \"$md\",\n        height: \"$8\",\n        [`& .${BUTTON_CLASSNAMES.iconBox}`]: {\n          width: \"$5\",\n          height: \"$5\"\n        }\n      },\n      sm: {\n        padding: \"$1 $4\",\n        borderRadius: \"$sm\",\n        fontSize: \"$sm\",\n        fontWeight: \"$5\",\n        lineHeight: \"$sm\",\n        height: \"$6\",\n        [`& .${BUTTON_CLASSNAMES.iconBox}`]: {\n          width: \"$4\",\n          height: \"$4\"\n        }\n      },\n      xs: {\n        padding: \"$1 $3\",\n        borderRadius: \"$sm\",\n        fontSize: \"$xs\",\n        fontWeight: \"$5\",\n        lineHeight: \"$xs\",\n        height: \"$5\",\n        [`& .${BUTTON_CLASSNAMES.iconBox}`]: {\n          width: \"14px\",\n          height: \"14px\"\n        }\n      },\n      xxs: {\n        padding: \"$1 $2\",\n        borderRadius: \"$sm\",\n        fontSize: \"$xxs\",\n        lineHeight: \"$xxs\",\n        height: \"$4\",\n        [`& .${BUTTON_CLASSNAMES.iconBox}`]: {\n          width: \"14px\",\n          height: \"14px\"\n        }\n      }\n    },\n    color: {\n      default: {\n        backgroundColorOpacity: [\"$secondary500\", 0.08],\n        color: \"$secondary600\",\n        [`&:hover:not(:disabled), &.${BUTTON_CLASSNAMES.loading}`]: {\n          color: \"$secondary700\",\n          backgroundColorOpacity: [\"$secondary500\", 0.15]\n        },\n        \"&:active:not(:disabled)\": {\n          color: \"$secondary800\",\n          backgroundColorOpacity: [\"$secondary500\", 0.2]\n        },\n        \"&:focus\": {\n          color: \"$secondary600\",\n          backgroundColorOpacity: [\"$secondary500\", 0.15]\n        }\n      },\n      primary: {\n        background: \"$primary500\",\n        color: \"$white900\",\n        \"&:hover:not(:disabled), &:focus\": {\n          background: \"$primary600\"\n        },\n        [`&:active:not(:disabled), &.${BUTTON_CLASSNAMES.loading}`]: {\n          background: \"$primary700\"\n        }\n      },\n      secondary: {\n        background: \"$secondary500\",\n        color: \"$white900\",\n        \"&:hover:not(:disabled), &:focus\": {\n          background: \"$secondary600\"\n        },\n        [`&:active:not(:disabled), &.${BUTTON_CLASSNAMES.loading}`]: {\n          background: \"$secondary800\"\n        }\n      },\n      bright: {\n        background: \"$white900\",\n        color: \"$secondary500\",\n        \"&:hover:not(:disabled), &:focus\": {\n          color: \"$secondary600\",\n          background: \"$black50\"\n        },\n        [`&:active:not(:disabled), &.${BUTTON_CLASSNAMES.loading}`]: {\n          color: \"$secondary700\",\n          background: \"$black100\"\n        }\n      },\n      light: {\n        backgroundColorOpacity: [\"$white200\", 0.1],\n        color: \"$white900\",\n        \"&:hover:not(:disabled), &:focus\": {\n          background: \"$white300\"\n        },\n        [`&:active:not(:disabled), &.${BUTTON_CLASSNAMES.loading}`]: {\n          background: \"$white400\"\n        }\n      },\n      error: {\n        background: \"$negative100\",\n        color: \"$negative800\",\n        \"&:hover:not(:disabled), &:focus\": {\n          background: \"$negative200\"\n        },\n        [`&:active:not(:disabled), &.${BUTTON_CLASSNAMES.loading}`]: {\n          background: \"$negative200\",\n          color: \"$negative900\"\n        }\n      }\n    },\n    variant: {\n      solid: {\n        unset: \"none\"\n      },\n      ghost: {\n        background: \"transparent\"\n      },\n      outline: {\n        background: \"$white900\"\n      }\n    },\n    loading: {\n      true: {\n        pointerEvents: \"none\"\n      }\n    },\n    isIcon: {\n      true: {\n        justifyContent: \"center\",\n        width: \"$10\",\n        height: \"$10\"\n      }\n    },\n    isLeftIcon: {\n      true: {}\n    },\n    isRightIcon: {\n      true: {}\n    }\n  },\n  compoundVariants: [\n    {\n      isIcon: true,\n      css: {\n        padding: 0\n      }\n    },\n    {\n      variant: \"outline\",\n      size: \"xxs\",\n      css: {\n        borderWidth: \"$xs\"\n      }\n    },\n    {\n      variant: \"outline\",\n      size: \"xs\",\n      css: {\n        borderWidth: \"$xs\"\n      }\n    },\n    {\n      variant: \"outline\",\n      size: \"sm\",\n      css: {\n        borderWidth: \"$xs\"\n      }\n    },\n    {\n      variant: \"outline\",\n      size: \"md\",\n      css: {\n        borderWidth: \"1.5px\"\n      }\n    },\n    {\n      variant: \"outline\",\n      size: \"lg\",\n      css: {\n        borderWidth: \"$sm\"\n      }\n    },\n    {\n      variant: \"outline\",\n      size: \"xl\",\n      css: {\n        borderWidth: \"$sm\"\n      }\n    },\n    {\n      variant: \"outline\",\n      size: \"2xl\",\n      css: {\n        borderWidth: \"$sm\"\n      }\n    },\n    {\n      color: \"primary\",\n      variant: \"ghost\",\n      css: {\n        background: \"transparent\",\n        color: \"$primary500\",\n        \"&:focus\": {\n          backgroundColorOpacity: [\"$primary500\", 0.06]\n        },\n        \"&:hover:not(:disabled)\": {\n          backgroundColorOpacity: [\"$primary500\", 0.08]\n        },\n        \"&:hover:not(:disabled), &:focus\": {\n          color: \"$primary600\"\n        },\n        [`&:active:not(:disabled), &.${BUTTON_CLASSNAMES.loading}`]: {\n          color: \"$primary700\",\n          backgroundColorOpacity: [\"$primary500\", 0.15]\n        }\n      }\n    },\n    {\n      color: \"primary\",\n      variant: \"outline\",\n      css: {\n        color: \"$primary500\",\n        background: \"$white900\",\n        borderColorOpacity: [\"$primary500\", 0.4],\n        borderStyle: \"solid\",\n        \"&:hover:not(:disabled), &:focus\": {\n          borderColorOpacity: [\"$primary500\", 0.6],\n          color: \"$primary600\",\n          background: \"$white900\"\n        },\n        [`&:active:not(:disabled), &.${BUTTON_CLASSNAMES.loading}`]: {\n          borderColorOpacity: [\"$primary500\", 0.8],\n          color: \"$primary700\",\n          background: \"$white900\"\n        }\n      }\n    },\n    {\n      color: \"secondary\",\n      variant: \"ghost\",\n      css: {\n        background: \"transparent\",\n        color: \"$secondary600\",\n        \"&:hover:not(:disabled), &:focus\": {\n          color: \"$secondary600\",\n          backgroundColorOpacity: [\"$secondary500\", 0.08]\n        },\n        [`&:active:not(:disabled), &.${BUTTON_CLASSNAMES.loading}`]: {\n          color: \"$secondary700\",\n          backgroundColorOpacity: [\"$secondary500\", 0.15]\n        }\n      }\n    },\n    {\n      color: \"secondary\",\n      variant: \"outline\",\n      css: {\n        color: \"$secondary500\",\n        background: \"$white900\",\n        borderColorOpacity: [\"$secondary500\", 0.2],\n        borderStyle: \"solid\",\n        \"&:hover:not(:disabled), &:focus\": {\n          borderColorOpacity: [\"$secondary500\", 0.4],\n          color: \"$secondary600\",\n          background: \"$white900\"\n        },\n        [`&:active:not(:disabled), &.${BUTTON_CLASSNAMES.loading}`]: {\n          borderColorOpacity: [\"$secondary500\", 0.8],\n          color: \"$secondary800\",\n          background: \"$white900\"\n        }\n      }\n    },\n    {\n      color: \"light\",\n      variant: \"outline\",\n      css: {\n        background: \"transparent\",\n        borderColorOpacity: [\"$white400\", 0.2],\n        borderStyle: \"solid\",\n        color: \"$white900\",\n        \"&:hover:not(:disabled), &:focus\": {\n          background: \"transparent\",\n          borderColorOpacity: [\"$white500\", 0.3]\n        },\n        [`&:active:not(:disabled), &.${BUTTON_CLASSNAMES.loading}`]: {\n          background: \"transparent\",\n          borderColorOpacity: [\"$white700\", 0.7]\n        }\n      }\n    },\n    {\n      color: \"default\",\n      variant: \"ghost\",\n      css: {\n        background: \"transparent\",\n        color: \"$neutral800\",\n        \"&:hover:not(:disabled), &:focus, &:active:not(:disabled)\": {\n          color: \"$neutral900\"\n        },\n        [`&:active:not(:disabled), &.${BUTTON_CLASSNAMES.loading}`]: {\n          backgroundColorOpacity: [\"$black500\", 0.08]\n        },\n        \"&:hover:not(:disabled), &:focus\": {\n          backgroundColorOpacity: [\"$black500\", 0.04]\n        }\n      }\n    },\n    {\n      color: \"light\",\n      variant: \"ghost\",\n      css: {\n        background: \"transparent\",\n        color: \"$white900\",\n        [`&:active:not(:disabled), &.${BUTTON_CLASSNAMES.loading}`]: {\n          backgroundColorOpacity: [\"$white300\", 0.2]\n        },\n        \"&:hover:not(:disabled), &:focus\": {\n          backgroundColorOpacity: [\"$white200\", 0.15]\n        }\n      }\n    },\n    {\n      color: \"error\",\n      variant: \"ghost\",\n      css: {\n        color: \"$negative800\",\n        background: \"transparent\",\n        \"&:hover:not(:disabled), &:focus\": {\n          background: \"$negative100\"\n        },\n        [`&:active:not(:disabled), &.${BUTTON_CLASSNAMES.loading}`]: {\n          background: \"$negative200\"\n        }\n      }\n    },\n    {\n      color: \"error\",\n      variant: \"outline\",\n      css: {\n        color: \"$negative800\",\n        background: \"$white900\",\n        borderColor: \"$negative200\",\n        borderStyle: \"solid\",\n        \"&:hover:not(:disabled), &:focus\": {\n          borderColor: \"$negative300\",\n          color: \"$negative800\",\n          background: \"$white900\"\n        },\n        [`&:active:not(:disabled), &.${BUTTON_CLASSNAMES.loading}`]: {\n          borderColor: \"$negative400\",\n          color: \"$negative900\",\n          background: \"$white900\"\n        }\n      }\n    },\n    {\n      isIcon: true,\n      size: \"2xl\",\n      css: {\n        width: \"$16\",\n        height: \"$16\",\n        [`& .${BUTTON_CLASSNAMES.iconBox}`]: {\n          width: \"$8\",\n          height: \"$8\"\n        }\n      }\n    },\n    {\n      isIcon: true,\n      size: \"xl\",\n      css: {\n        width: \"$12\",\n        height: \"$12\",\n        [`& .${BUTTON_CLASSNAMES.iconBox}`]: {\n          width: \"$8\",\n          height: \"$8\"\n        }\n      }\n    },\n    {\n      isIcon: true,\n      size: \"lg\",\n      css: {\n        width: \"$10\",\n        height: \"$10\",\n        [`& .${BUTTON_CLASSNAMES.iconBox}`]: {\n          width: \"$6\",\n          height: \"$6\"\n        }\n      }\n    },\n    {\n      isIcon: true,\n      size: \"md\",\n      css: {\n        width: \"$8\",\n        height: \"$8\",\n        [`& .${BUTTON_CLASSNAMES.iconBox}`]: {\n          width: \"$5\",\n          height: \"$5\"\n        }\n      }\n    },\n    {\n      isIcon: true,\n      size: \"sm\",\n      css: {\n        width: \"$6\",\n        height: \"$6\",\n        [`& .${BUTTON_CLASSNAMES.iconBox}`]: {\n          width: \"$4\",\n          height: \"$4\"\n        }\n      }\n    },\n    {\n      isIcon: true,\n      size: \"xs\",\n      css: {\n        width: \"$5\",\n        height: \"$5\",\n        [`& .${BUTTON_CLASSNAMES.iconBox}`]: {\n          width: \"$3\",\n          height: \"$3\"\n        }\n      }\n    },\n    {\n      isIcon: true,\n      size: \"xxs\",\n      css: {\n        width: \"$4\",\n        height: \"$4\",\n        [`& .${BUTTON_CLASSNAMES.iconBox}`]: {\n          width: \"14px\",\n          height: \"14px\"\n        }\n      }\n    },\n    {\n      isLeftIcon: true,\n      size: \"2xl\",\n      css: {\n        paddingLeft: \"$10\"\n      }\n    },\n    {\n      isLeftIcon: true,\n      size: \"xl\",\n      css: {\n        paddingLeft: \"$8\"\n      }\n    },\n    {\n      isLeftIcon: true,\n      size: \"lg\",\n      css: {\n        paddingLeft: \"$6\"\n      }\n    },\n    {\n      isLeftIcon: true,\n      size: \"md\",\n      css: {\n        paddingLeft: \"$4\"\n      }\n    },\n    {\n      isLeftIcon: true,\n      size: \"sm\",\n      css: {\n        paddingLeft: \"$3\"\n      }\n    },\n    {\n      isLeftIcon: true,\n      size: \"xs\",\n      css: {\n        paddingLeft: \"$2\"\n      }\n    },\n    {\n      isLeftIcon: true,\n      size: \"xxs\",\n      css: {\n        paddingLeft: \"$1\"\n      }\n    },\n    {\n      isRightIcon: true,\n      size: \"2xl\",\n      css: {\n        paddingRight: \"$10\"\n      }\n    },\n    {\n      isRightIcon: true,\n      size: \"xl\",\n      css: {\n        paddingRight: \"$8\"\n      }\n    },\n    {\n      isRightIcon: true,\n      size: \"lg\",\n      css: {\n        paddingRight: \"$6\"\n      }\n    },\n    {\n      isRightIcon: true,\n      size: \"md\",\n      css: {\n        paddingRight: \"$4\"\n      }\n    },\n    {\n      isRightIcon: true,\n      size: \"sm\",\n      css: {\n        paddingRight: \"$3\"\n      }\n    },\n    {\n      isRightIcon: true,\n      size: \"xs\",\n      css: {\n        paddingRight: \"$2\"\n      }\n    },\n    {\n      isRightIcon: true,\n      size: \"xxs\",\n      css: {\n        paddingRight: \"$1\"\n      }\n    }\n  ],\n  defaultVariants: {\n    color: \"default\",\n    size: \"sm\",\n    variant: \"solid\"\n  }\n});\nconst Button = React__default.forwardRef(\n  (_a, ref) => {\n    var _b = _a, {\n      children,\n      className,\n      color = \"primary\",\n      icon,\n      leftIcon,\n      rightIcon,\n      loading,\n      disabled,\n      loader,\n      onClick\n    } = _b, rest = __objRest(_b, [\n      \"children\",\n      \"className\",\n      \"color\",\n      \"icon\",\n      \"leftIcon\",\n      \"rightIcon\",\n      \"loading\",\n      \"disabled\",\n      \"loader\",\n      \"onClick\"\n    ]);\n    var _b2;\n    const hasNoIcon = !(leftIcon || rightIcon || icon);\n    let buttonLoaderMargin = \"$2\";\n    if (rest.size === \"2xl\") {\n      buttonLoaderMargin = \"$4\";\n    } else if ([\"xxs\", \"xs\", \"sm\"].includes(\n      rest.size\n    )) {\n      buttonLoaderMargin = \"$1\";\n    }\n    const _a2 = getLoaderIconSizeFromButtonProps(\n      {\n        buttonSize: rest.size,\n        loaderType: loader\n      }\n    ), { size: loaderSize } = _a2, loaderCSS = __objRest(_a2, [\"size\"]);\n    const loaderColor = getLoaderVariantFromButtonVariant({\n      variant: (_b2 = rest.variant) != null ? _b2 : \"solid\",\n      color\n    });\n    return /* @__PURE__ */ jsxs(\n      StyledButton,\n      __spreadProps(__spreadValues({\n        type: \"button\",\n        ref,\n        color,\n        isIcon: !!icon,\n        isLeftIcon: !!leftIcon,\n        isRightIcon: !!rightIcon,\n        disabled,\n        \"data-testid\": \"button\",\n        onClick,\n        className: clsx(className, BUTTON_CLASSNAMES.button, {\n          [`${BUTTON_CLASSNAMES.loading}`]: !!loading,\n          [`${BUTTON_CLASSNAMES.disabled}`]: disabled\n        })\n      }, rest), {\n        children: [\n          icon && /* @__PURE__ */ jsx(\n            ButtonSideElement,\n            {\n              icon,\n              loaderSize,\n              loaderCSS,\n              loading: !!loading,\n              loader,\n              loaderColor\n            }\n          ),\n          (leftIcon || hasNoIcon) && /* @__PURE__ */ jsx(\n            ButtonSideElement,\n            {\n              icon: hasNoIcon ? void 0 : leftIcon,\n              loaderSize,\n              loaderCSS,\n              loading: !!loading,\n              loader,\n              loaderColor,\n              containerStyle: {\n                marginRight: hasNoIcon && !loading ? \"0\" : buttonLoaderMargin\n              }\n            }\n          ),\n          /* @__PURE__ */ jsx(\"span\", { className: BUTTON_CLASSNAMES.content, children }),\n          rightIcon && /* @__PURE__ */ jsx(\n            ButtonSideElement,\n            {\n              icon: rightIcon,\n              loaderSize,\n              loaderCSS,\n              loading: !!loading,\n              loaderColor,\n              containerStyle: {\n                marginLeft: buttonLoaderMargin\n              },\n              loader\n            }\n          )\n        ]\n      })\n    );\n  }\n);\n\nexport { Button };\n//# sourceMappingURL=button.js.map\n"],"names":[],"mappings":"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"}

package/dist/es/react-components/dist/es/button/icon-button.js

@@ -0,0 +1,75 @@
+import { jsx } from 'react/jsx-runtime';
+import React__default, { isValidElement } from 'react';
+import { Button } from './button.js';
+import { styled } from '../stitches.config.js';
+import { BUTTON_CLASSNAMES } from './utils.js';
+
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+const StyledIconButton = styled(Button, {
+  variants: {
+    shape: {
+      round: {
+        [`&.${BUTTON_CLASSNAMES.button}`]: {
+          borderRadius: "$round"
+        }
+      },
+      default: {}
+    }
+  },
+  defaultVariants: {
+    shape: "default"
+  }
+});
+const IconButton = React__default.forwardRef(
+  (_a, ref) => {
+    var _b = _a, {
+      children,
+      icon,
+      "aria-label": ariaLabel
+    } = _b, rest = __objRest(_b, [
+      "children",
+      "icon",
+      "aria-label"
+    ]);
+    const element = icon || children;
+    const validElement = isValidElement(element) ? element : null;
+    return /* @__PURE__ */ jsx(
+      StyledIconButton,
+      __spreadValues({
+        ref,
+        "aria-label": ariaLabel,
+        icon: validElement
+      }, rest)
+    );
+  }
+);
+
+export { IconButton };
+//# sourceMappingURL=icon-button.js.map

package/dist/es/react-components/dist/es/button/icon-button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-button.js","sources":["../../../../../../../react-components/dist/es/button/icon-button.js"],"sourcesContent":["import { jsx } from 'react/jsx-runtime';\nimport React__default, { isValidElement } from 'react';\nimport { Button } from './button.js';\nimport { styled } from '../stitches.config.js';\nimport { BUTTON_CLASSNAMES } from './utils.js';\n\nvar __defProp = Object.defineProperty;\nvar __getOwnPropSymbols = Object.getOwnPropertySymbols;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __propIsEnum = Object.prototype.propertyIsEnumerable;\nvar __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;\nvar __spreadValues = (a, b) => {\n  for (var prop in b || (b = {}))\n    if (__hasOwnProp.call(b, prop))\n      __defNormalProp(a, prop, b[prop]);\n  if (__getOwnPropSymbols)\n    for (var prop of __getOwnPropSymbols(b)) {\n      if (__propIsEnum.call(b, prop))\n        __defNormalProp(a, prop, b[prop]);\n    }\n  return a;\n};\nvar __objRest = (source, exclude) => {\n  var target = {};\n  for (var prop in source)\n    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)\n      target[prop] = source[prop];\n  if (source != null && __getOwnPropSymbols)\n    for (var prop of __getOwnPropSymbols(source)) {\n      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))\n        target[prop] = source[prop];\n    }\n  return target;\n};\nconst StyledIconButton = styled(Button, {\n  variants: {\n    shape: {\n      round: {\n        [`&.${BUTTON_CLASSNAMES.button}`]: {\n          borderRadius: \"$round\"\n        }\n      },\n      default: {}\n    }\n  },\n  defaultVariants: {\n    shape: \"default\"\n  }\n});\nconst IconButton = React__default.forwardRef(\n  (_a, ref) => {\n    var _b = _a, {\n      children,\n      icon,\n      \"aria-label\": ariaLabel\n    } = _b, rest = __objRest(_b, [\n      \"children\",\n      \"icon\",\n      \"aria-label\"\n    ]);\n    const element = icon || children;\n    const validElement = isValidElement(element) ? element : null;\n    return /* @__PURE__ */ jsx(\n      StyledIconButton,\n      __spreadValues({\n        ref,\n        \"aria-label\": ariaLabel,\n        icon: validElement\n      }, rest)\n    );\n  }\n);\n\nexport { IconButton };\n//# sourceMappingURL=icon-button.js.map\n"],"names":[],"mappings":"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"}

package/dist/es/react-components/dist/es/button/side-element.js

@@ -0,0 +1,197 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { clsx } from '../packages/react-components/node_modules/clsx/dist/clsx.js';
+import React__default, { useRef, useEffect, useMemo, isValidElement } from 'react';
+import { LineLoader } from '../loader/line.js';
+import { CircleLoader } from '../loader/circle.js';
+import { styled } from '../stitches.config.js';
+import { BUTTON_CLASSNAMES } from './utils.js';
+import CSSTransition$1 from '../node_modules/react-transition-group/esm/CSSTransition.js';
+
+const StyledSpan = styled("span", {
+  display: "inline-flex",
+  alignItems: "center",
+  position: "relative",
+  transition: "width 300ms cubic-bezier(0.51, 0, 0, 1), margin-right 300ms cubic-bezier(0.51, 0, 0, 1)",
+  [`&.${BUTTON_CLASSNAMES.sideElementLoaderHidden} .${BUTTON_CLASSNAMES.loader}`]: {
+    opacity: 0
+  },
+  [`.${BUTTON_CLASSNAMES.iconContainer}`]: {
+    display: "inline-flex",
+    [`.${BUTTON_CLASSNAMES.iconBox}`]: {
+      display: "block",
+      flexShrink: 0,
+      "& > *": {
+        width: "100%",
+        height: "100%",
+        display: "block"
+      }
+    }
+  },
+  [`.${BUTTON_CLASSNAMES.iconContainer},
+    .${BUTTON_CLASSNAMES.loader}`]: {
+    transition: "opacity 300ms cubic-bezier(0.51, 0, 0, 1)",
+    position: "absolute",
+    left: 0,
+    right: 0,
+    margin: "auto"
+  },
+  [`& .${BUTTON_CLASSNAMES.iconContainer}-enter-done,
+    & .${BUTTON_CLASSNAMES.loader}-enter-done,
+    & .${BUTTON_CLASSNAMES.iconContainer}-exit-active,
+    & .${BUTTON_CLASSNAMES.loader}-exit-active`]: {
+    opacity: 1
+  },
+  [`& .${BUTTON_CLASSNAMES.iconContainer}-exit-done,
+    & .${BUTTON_CLASSNAMES.loader}-exit-done`]: {
+    opacity: 0
+  }
+});
+const ButtonSideElement = ({
+  loading,
+  loader = "line",
+  loaderSize,
+  loaderCSS,
+  loaderColor,
+  icon,
+  containerStyle
+}) => {
+  const nodeRef = useRef(null);
+  const loaderContainerRef = useRef(null);
+  const iconContainerRef = useRef(null);
+  const loadingRef = useRef(loading);
+  useEffect(() => {
+    loadingRef.current = loading;
+  }, [loading]);
+  useEffect(() => {
+    requestAnimationFrame(() => {
+      var _a, _b, _c;
+      if (nodeRef.current) {
+        const nodeWidth = loading ? (_a = loaderContainerRef.current) == null ? void 0 : _a.clientWidth : ((_c = (_b = iconContainerRef.current) == null ? void 0 : _b.firstElementChild) == null ? void 0 : _c.clientWidth) || 0;
+        nodeRef.current.style.width = `${nodeWidth}px`;
+      }
+    });
+  }, []);
+  useEffect(() => {
+    var _a;
+    const resizeObserver = new ResizeObserver((entries) => {
+      if (entries[0] && !loadingRef.current) {
+        const { width } = entries[0].contentRect;
+        if (nodeRef.current) {
+          nodeRef.current.style.width = `${width}px`;
+        }
+      }
+    });
+    if ((_a = iconContainerRef.current) == null ? void 0 : _a.firstElementChild) {
+      resizeObserver.observe(iconContainerRef.current.firstElementChild);
+    }
+    return () => {
+      resizeObserver.disconnect();
+    };
+  }, [icon]);
+  const loaderComponent = useMemo(() => {
+    switch (loader) {
+      case "line": {
+        return /* @__PURE__ */ jsx(
+          LineLoader,
+          {
+            size: loaderSize,
+            className: BUTTON_CLASSNAMES.loader,
+            css: loaderCSS,
+            containerRef: loaderContainerRef,
+            color: loaderColor
+          }
+        );
+      }
+      case "circle": {
+        return /* @__PURE__ */ jsx(
+          CircleLoader,
+          {
+            size: loaderSize,
+            className: BUTTON_CLASSNAMES.loader,
+            css: loaderCSS,
+            containerRef: loaderContainerRef,
+            color: loaderColor
+          }
+        );
+      }
+      default: {
+        return isValidElement(loader) ? React__default.cloneElement(loader, {
+          ref: loaderContainerRef
+        }) : /* @__PURE__ */ jsx("span", { ref: loaderContainerRef });
+      }
+    }
+  }, [loader, loaderSize, loaderCSS, loaderCSS]);
+  return /* @__PURE__ */ jsxs(
+    StyledSpan,
+    {
+      css: containerStyle,
+      ref: nodeRef,
+      className: clsx(BUTTON_CLASSNAMES.sideElement, {
+        [`${BUTTON_CLASSNAMES.sideElementIconHidden}`]: !icon || icon && loading,
+        [`${BUTTON_CLASSNAMES.sideElementLoaderHidden}`]: !loading
+      }),
+      children: [
+        icon && /* @__PURE__ */ jsx(
+          CSSTransition$1,
+          {
+            classNames: BUTTON_CLASSNAMES.iconContainer,
+            in: !loading,
+            nodeRef: iconContainerRef,
+            onEnter: () => {
+              requestAnimationFrame(() => {
+                var _a, _b;
+                if (!nodeRef.current)
+                  return;
+                const iconWidth = ((_b = (_a = iconContainerRef.current) == null ? void 0 : _a.firstElementChild) == null ? void 0 : _b.clientWidth) || 0;
+                nodeRef.current.style.width = `${iconWidth}px`;
+              });
+            },
+            onExit: () => {
+              if (!nodeRef.current)
+                return;
+              nodeRef.current.style.width = "0px";
+            },
+            timeout: 100,
+            mountOnEnter: true,
+            children: /* @__PURE__ */ jsx(
+              "div",
+              {
+                ref: iconContainerRef,
+                className: BUTTON_CLASSNAMES.iconContainer,
+                children: /* @__PURE__ */ jsx("span", { className: BUTTON_CLASSNAMES.iconBox, children: React__default.cloneElement(icon) })
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          CSSTransition$1,
+          {
+            classNames: BUTTON_CLASSNAMES.loader,
+            in: loading,
+            nodeRef: loaderContainerRef,
+            onEnter: () => {
+              requestAnimationFrame(() => {
+                var _a;
+                if (!nodeRef.current)
+                  return;
+                const loaderWidth = (_a = loaderContainerRef.current) == null ? void 0 : _a.clientWidth;
+                nodeRef.current.style.width = `${loaderWidth}px`;
+              });
+            },
+            onExit: () => {
+              if (!nodeRef.current)
+                return;
+              nodeRef.current.style.width = "0px";
+            },
+            timeout: 100,
+            mountOnEnter: true,
+            children: loaderComponent
+          }
+        )
+      ]
+    }
+  );
+};
+
+export { ButtonSideElement };
+//# sourceMappingURL=side-element.js.map

package/dist/es/react-components/dist/es/button/side-element.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"side-element.js","sources":["../../../../../../../react-components/dist/es/button/side-element.js"],"sourcesContent":["import { jsx, jsxs } from 'react/jsx-runtime';\nimport { clsx } from '../packages/react-components/node_modules/clsx/dist/clsx.js';\nimport React__default, { useRef, useEffect, useMemo, isValidElement } from 'react';\nimport { LineLoader } from '../loader/line.js';\nimport { CircleLoader } from '../loader/circle.js';\nimport { styled } from '../stitches.config.js';\nimport { BUTTON_CLASSNAMES } from './utils.js';\nimport CSSTransition from '../node_modules/react-transition-group/esm/CSSTransition.js';\n\nconst StyledSpan = styled(\"span\", {\n  display: \"inline-flex\",\n  alignItems: \"center\",\n  position: \"relative\",\n  transition: \"width 300ms cubic-bezier(0.51, 0, 0, 1), margin-right 300ms cubic-bezier(0.51, 0, 0, 1)\",\n  [`&.${BUTTON_CLASSNAMES.sideElementLoaderHidden} .${BUTTON_CLASSNAMES.loader}`]: {\n    opacity: 0\n  },\n  [`.${BUTTON_CLASSNAMES.iconContainer}`]: {\n    display: \"inline-flex\",\n    [`.${BUTTON_CLASSNAMES.iconBox}`]: {\n      display: \"block\",\n      flexShrink: 0,\n      \"& > *\": {\n        width: \"100%\",\n        height: \"100%\",\n        display: \"block\"\n      }\n    }\n  },\n  [`.${BUTTON_CLASSNAMES.iconContainer},\n    .${BUTTON_CLASSNAMES.loader}`]: {\n    transition: \"opacity 300ms cubic-bezier(0.51, 0, 0, 1)\",\n    position: \"absolute\",\n    left: 0,\n    right: 0,\n    margin: \"auto\"\n  },\n  [`& .${BUTTON_CLASSNAMES.iconContainer}-enter-done,\n    & .${BUTTON_CLASSNAMES.loader}-enter-done,\n    & .${BUTTON_CLASSNAMES.iconContainer}-exit-active,\n    & .${BUTTON_CLASSNAMES.loader}-exit-active`]: {\n    opacity: 1\n  },\n  [`& .${BUTTON_CLASSNAMES.iconContainer}-exit-done,\n    & .${BUTTON_CLASSNAMES.loader}-exit-done`]: {\n    opacity: 0\n  }\n});\nconst ButtonSideElement = ({\n  loading,\n  loader = \"line\",\n  loaderSize,\n  loaderCSS,\n  loaderColor,\n  icon,\n  containerStyle\n}) => {\n  const nodeRef = useRef(null);\n  const loaderContainerRef = useRef(null);\n  const iconContainerRef = useRef(null);\n  const loadingRef = useRef(loading);\n  useEffect(() => {\n    loadingRef.current = loading;\n  }, [loading]);\n  useEffect(() => {\n    requestAnimationFrame(() => {\n      var _a, _b, _c;\n      if (nodeRef.current) {\n        const nodeWidth = loading ? (_a = loaderContainerRef.current) == null ? void 0 : _a.clientWidth : ((_c = (_b = iconContainerRef.current) == null ? void 0 : _b.firstElementChild) == null ? void 0 : _c.clientWidth) || 0;\n        nodeRef.current.style.width = `${nodeWidth}px`;\n      }\n    });\n  }, []);\n  useEffect(() => {\n    var _a;\n    const resizeObserver = new ResizeObserver((entries) => {\n      if (entries[0] && !loadingRef.current) {\n        const { width } = entries[0].contentRect;\n        if (nodeRef.current) {\n          nodeRef.current.style.width = `${width}px`;\n        }\n      }\n    });\n    if ((_a = iconContainerRef.current) == null ? void 0 : _a.firstElementChild) {\n      resizeObserver.observe(iconContainerRef.current.firstElementChild);\n    }\n    return () => {\n      resizeObserver.disconnect();\n    };\n  }, [icon]);\n  const loaderComponent = useMemo(() => {\n    switch (loader) {\n      case \"line\": {\n        return /* @__PURE__ */ jsx(\n          LineLoader,\n          {\n            size: loaderSize,\n            className: BUTTON_CLASSNAMES.loader,\n            css: loaderCSS,\n            containerRef: loaderContainerRef,\n            color: loaderColor\n          }\n        );\n      }\n      case \"circle\": {\n        return /* @__PURE__ */ jsx(\n          CircleLoader,\n          {\n            size: loaderSize,\n            className: BUTTON_CLASSNAMES.loader,\n            css: loaderCSS,\n            containerRef: loaderContainerRef,\n            color: loaderColor\n          }\n        );\n      }\n      default: {\n        return isValidElement(loader) ? React__default.cloneElement(loader, {\n          ref: loaderContainerRef\n        }) : /* @__PURE__ */ jsx(\"span\", { ref: loaderContainerRef });\n      }\n    }\n  }, [loader, loaderSize, loaderCSS, loaderCSS]);\n  return /* @__PURE__ */ jsxs(\n    StyledSpan,\n    {\n      css: containerStyle,\n      ref: nodeRef,\n      className: clsx(BUTTON_CLASSNAMES.sideElement, {\n        [`${BUTTON_CLASSNAMES.sideElementIconHidden}`]: !icon || icon && loading,\n        [`${BUTTON_CLASSNAMES.sideElementLoaderHidden}`]: !loading\n      }),\n      children: [\n        icon && /* @__PURE__ */ jsx(\n          CSSTransition,\n          {\n            classNames: BUTTON_CLASSNAMES.iconContainer,\n            in: !loading,\n            nodeRef: iconContainerRef,\n            onEnter: () => {\n              requestAnimationFrame(() => {\n                var _a, _b;\n                if (!nodeRef.current)\n                  return;\n                const iconWidth = ((_b = (_a = iconContainerRef.current) == null ? void 0 : _a.firstElementChild) == null ? void 0 : _b.clientWidth) || 0;\n                nodeRef.current.style.width = `${iconWidth}px`;\n              });\n            },\n            onExit: () => {\n              if (!nodeRef.current)\n                return;\n              nodeRef.current.style.width = \"0px\";\n            },\n            timeout: 100,\n            mountOnEnter: true,\n            children: /* @__PURE__ */ jsx(\n              \"div\",\n              {\n                ref: iconContainerRef,\n                className: BUTTON_CLASSNAMES.iconContainer,\n                children: /* @__PURE__ */ jsx(\"span\", { className: BUTTON_CLASSNAMES.iconBox, children: React__default.cloneElement(icon) })\n              }\n            )\n          }\n        ),\n        /* @__PURE__ */ jsx(\n          CSSTransition,\n          {\n            classNames: BUTTON_CLASSNAMES.loader,\n            in: loading,\n            nodeRef: loaderContainerRef,\n            onEnter: () => {\n              requestAnimationFrame(() => {\n                var _a;\n                if (!nodeRef.current)\n                  return;\n                const loaderWidth = (_a = loaderContainerRef.current) == null ? void 0 : _a.clientWidth;\n                nodeRef.current.style.width = `${loaderWidth}px`;\n              });\n            },\n            onExit: () => {\n              if (!nodeRef.current)\n                return;\n              nodeRef.current.style.width = \"0px\";\n            },\n            timeout: 100,\n            mountOnEnter: true,\n            children: loaderComponent\n          }\n        )\n      ]\n    }\n  );\n};\n\nexport { ButtonSideElement };\n//# sourceMappingURL=side-element.js.map\n"],"names":["CSSTransition"],"mappings":"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"}

package/dist/es/react-components/dist/es/button/utils.js

@@ -0,0 +1,100 @@
+import { prefixClassName } from '../utils/prefix-class-name.js';
+
+const buttonSizeToLineLoaderSizeMapping = {
+  "2xl": {
+    size: "lg"
+  },
+  xl: {
+    size: "md",
+    width: "$5"
+  },
+  lg: {
+    size: "sm",
+    width: "$5"
+  },
+  md: {
+    size: "sm",
+    width: "$4"
+  },
+  sm: {
+    size: "sm",
+    width: "$4"
+  },
+  xs: {
+    size: "sm",
+    width: "$3"
+  },
+  xxs: {
+    size: "sm",
+    width: "$3"
+  }
+};
+const buttonSizeToCircleLoaderSizeMapping = {
+  "2xl": {
+    size: "lg"
+  },
+  xl: {
+    size: "lg"
+  },
+  lg: {
+    size: "lg"
+  },
+  md: {
+    size: "md"
+  },
+  sm: {
+    size: "sm"
+  },
+  xs: {
+    size: "xs"
+  },
+  xxs: {
+    size: "xs"
+  }
+};
+const getLoaderIconSizeFromButtonProps = ({
+  buttonSize,
+  loaderType
+}) => {
+  if (loaderType === "circle") {
+    return buttonSizeToCircleLoaderSizeMapping[typeof buttonSize === "string" ? buttonSize : "lg"];
+  }
+  return buttonSizeToLineLoaderSizeMapping[typeof buttonSize === "string" ? buttonSize : "lg"];
+};
+const buttonVariantToLoaderVariantMapping = {
+  default: "secondary",
+  bright: "secondary",
+  primary: "primary",
+  "primary-solid": "bright",
+  secondary: "bright",
+  "secondary-outline": "secondary",
+  "secondary-ghost": "secondary",
+  light: "bright",
+  error: "negative"
+};
+const getLoaderVariantFromButtonVariant = ({
+  color,
+  variant
+}) => {
+  const colorString = color;
+  const variantString = variant;
+  if (buttonVariantToLoaderVariantMapping[`${colorString}-${variantString}`]) {
+    return buttonVariantToLoaderVariantMapping[`${colorString}-${variantString}`];
+  }
+  return buttonVariantToLoaderVariantMapping[colorString];
+};
+const BUTTON_CLASSNAMES = {
+  button: prefixClassName("button"),
+  iconContainer: prefixClassName("button__icon-container"),
+  iconBox: prefixClassName("button__icon-box"),
+  loader: prefixClassName("button__loader"),
+  content: prefixClassName("button__content"),
+  loading: prefixClassName("button--loading"),
+  disabled: prefixClassName("button--disabled"),
+  sideElement: prefixClassName("button__side-element"),
+  sideElementLoaderHidden: prefixClassName("button__side-element--loader-hidden"),
+  sideElementIconHidden: prefixClassName("button__side-element--icon-hidden")
+};
+
+export { BUTTON_CLASSNAMES, buttonVariantToLoaderVariantMapping, getLoaderIconSizeFromButtonProps, getLoaderVariantFromButtonVariant };
+//# sourceMappingURL=utils.js.map

package/dist/es/react-components/dist/es/button/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../../../../../../../react-components/dist/es/button/utils.js"],"sourcesContent":["import { prefixClassName } from '../utils/prefix-class-name.js';\n\nconst buttonSizeToLineLoaderSizeMapping = {\n  \"2xl\": {\n    size: \"lg\"\n  },\n  xl: {\n    size: \"md\",\n    width: \"$5\"\n  },\n  lg: {\n    size: \"sm\",\n    width: \"$5\"\n  },\n  md: {\n    size: \"sm\",\n    width: \"$4\"\n  },\n  sm: {\n    size: \"sm\",\n    width: \"$4\"\n  },\n  xs: {\n    size: \"sm\",\n    width: \"$3\"\n  },\n  xxs: {\n    size: \"sm\",\n    width: \"$3\"\n  }\n};\nconst buttonSizeToCircleLoaderSizeMapping = {\n  \"2xl\": {\n    size: \"lg\"\n  },\n  xl: {\n    size: \"lg\"\n  },\n  lg: {\n    size: \"lg\"\n  },\n  md: {\n    size: \"md\"\n  },\n  sm: {\n    size: \"sm\"\n  },\n  xs: {\n    size: \"xs\"\n  },\n  xxs: {\n    size: \"xs\"\n  }\n};\nconst getLoaderIconSizeFromButtonProps = ({\n  buttonSize,\n  loaderType\n}) => {\n  if (loaderType === \"circle\") {\n    return buttonSizeToCircleLoaderSizeMapping[typeof buttonSize === \"string\" ? buttonSize : \"lg\"];\n  }\n  return buttonSizeToLineLoaderSizeMapping[typeof buttonSize === \"string\" ? buttonSize : \"lg\"];\n};\nconst buttonVariantToLoaderVariantMapping = {\n  default: \"secondary\",\n  bright: \"secondary\",\n  primary: \"primary\",\n  \"primary-solid\": \"bright\",\n  secondary: \"bright\",\n  \"secondary-outline\": \"secondary\",\n  \"secondary-ghost\": \"secondary\",\n  light: \"bright\",\n  error: \"negative\"\n};\nconst getLoaderVariantFromButtonVariant = ({\n  color,\n  variant\n}) => {\n  const colorString = color;\n  const variantString = variant;\n  if (buttonVariantToLoaderVariantMapping[`${colorString}-${variantString}`]) {\n    return buttonVariantToLoaderVariantMapping[`${colorString}-${variantString}`];\n  }\n  return buttonVariantToLoaderVariantMapping[colorString];\n};\nconst BUTTON_CLASSNAMES = {\n  button: prefixClassName(\"button\"),\n  iconContainer: prefixClassName(\"button__icon-container\"),\n  iconBox: prefixClassName(\"button__icon-box\"),\n  loader: prefixClassName(\"button__loader\"),\n  content: prefixClassName(\"button__content\"),\n  loading: prefixClassName(\"button--loading\"),\n  disabled: prefixClassName(\"button--disabled\"),\n  sideElement: prefixClassName(\"button__side-element\"),\n  sideElementLoaderHidden: prefixClassName(\"button__side-element--loader-hidden\"),\n  sideElementIconHidden: prefixClassName(\"button__side-element--icon-hidden\")\n};\n\nexport { BUTTON_CLASSNAMES, buttonVariantToLoaderVariantMapping, getLoaderIconSizeFromButtonProps, getLoaderVariantFromButtonVariant };\n//# sourceMappingURL=utils.js.map\n"],"names":[],"mappings":"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"}