@liner-fe/prism 1.1.9 → 1.1.11

package/lib/components/Button/index.d.ts

@@ -36,8 +36,5 @@ export type ButtonProps = DefaultButtonProps | TextButtonProps | IconButtonProps
 /**
  * 버튼 컴포넌트
  */
-export declare const DefaultButton: import("react").ForwardRefExoticComponent<DefaultButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
-export declare const TextButton: import("react").ForwardRefExoticComponent<TextButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
-export declare const IconButton: import("react").ForwardRefExoticComponent<IconButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
-export declare const Button: import("react").ForwardRefExoticComponent<ButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
+export declare const Component: () => import("react/jsx-runtime").JSX.Element;
 export {};

package/lib/components/Button/index.stories.d.ts

@@ -1,33 +1 @@
-import type { Meta, StoryObj } from '@storybook/react';
-import { DefaultButton } from '.';
-declare const meta: Meta<typeof DefaultButton>;
-export default meta;
-type Story = StoryObj<typeof meta>;
-/**
- * 기본 버튼
- */
-export declare const Default: Story;
-/**
- *  종류별 버튼
- */
-export declare const AS: Story;
-/**
- * Default 버튼 타입 - level 종류
- */
-export declare const DefaultLevel: Story;
-/**
- * Default 버튼 - align 종류
- */
-export declare const DefaultAlign: Story;
-/**
- * Default 버튼 - size 종류
- */
-export declare const DefaultSize: Story;
-/**
- * Text 버튼 - level 종류
- */
-export declare const TextLevel: Story;
-/**
- * Default 버튼 - 비활성화 상태
- */
-export declare const Disabled: Story;
+export {};

package/lib/index.cjs

@@ -1,9 +1,7 @@
 "use strict";
-var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
 var __export = (target, all) => {
@@ -18,23 +16,12 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
 // src/index.ts
 var src_exports = {};
 __export(src_exports, {
-  Button: () => Button,
-  DefaultButton: () => DefaultButton,
-  IconButton: () => IconButton,
-  TextButton: () => TextButton,
+  Component: () => Component,
   objectToArray: () => objectToArray
 });
 module.exports = __toCommonJS(src_exports);
@@ -44,16 +31,11 @@ var objectToArray = /* @__PURE__ */ __name((obj) => {
   return Object.entries(obj);
 }, "objectToArray");
 
-// src/components/Button/index.tsx
-var import_react = require("react");
-
 // src/components/Button/style.module.scss
 var style_module_default = {};
 
 // src/components/Button/index.tsx
 var import_class_variance_authority = require("class-variance-authority");
-var import_react_slot = require("@radix-ui/react-slot");
-var import_clsx = __toESM(require("clsx"));
 var defaultButtonVariants = (0, import_class_variance_authority.cva)([style_module_default.button, style_module_default.default], {
   variants: {
     level: {
@@ -97,40 +79,10 @@ var iconButtonVariants = (0, import_class_variance_authority.cva)([style_module_
       negative: style_module_default.negative
     },
     weight: {
-      // 
+      //
     }
   }
 });
-var DefaultButton = (0, import_react.forwardRef)(
-  ({ as = "default", asChild = false, level = "primary", align = "center", size = "cta", ...rest }, ref) => {
-    const Comp = asChild ? import_react_slot.Slot : "button";
-    return <Comp {...rest} className={(0, import_clsx.default)(defaultButtonVariants({ level, align, size }))} ref={ref} />;
-  }
-);
-var TextButton = (0, import_react.forwardRef)(
-  ({ as = "text", asChild = false, level = "inversePrimary", ...rest }, ref) => {
-    const Comp = asChild ? import_react_slot.Slot : "button";
-    return <Comp {...rest} className={(0, import_clsx.default)(textButtonVariants({ level }))} ref={ref} />;
-  }
-);
-var IconButton = (0, import_react.forwardRef)(
-  (props, ref) => {
-    const Comp = props.asChild ? import_react_slot.Slot : "button";
-    return <Comp {...props} className={(0, import_clsx.default)(iconButtonVariants({ level: props.level }))} ref={ref} />;
-  }
-);
-var Button = (0, import_react.forwardRef)(
-  (props, ref) => {
-    const Comp = props.asChild ? import_react_slot.Slot : "button";
-    switch (props.as) {
-      case "default":
-        const { level = "primary", align = "center", size = "cta" } = props;
-        return <Comp {...props} className={(0, import_clsx.default)(defaultButtonVariants({ level, align, size }))} ref={ref} />;
-      case "text":
-        const { level: textLevel = "inversePrimary" } = props;
-        return <Comp {...props} className={(0, import_clsx.default)(textButtonVariants({ level: textLevel }))} ref={ref} />;
-    }
-  }
-);
+var Component = /* @__PURE__ */ __name(() => <div>TEST</div>, "Component");
 /*! For license information please see index.cjs.LEGAL.txt */
 //# sourceMappingURL=index.cjs.map

package/lib/index.cjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../src/index.ts", "../src/utils/object.ts", "../src/components/Button/index.tsx", "../src/components/Button/style.module.scss"],
-  "sourcesContent": ["export * from './utils/object';\nexport * from './components/Button';\n", "export const objectToArray = <T extends Record<string, any>>(obj: T) => {\n  return Object.entries(obj);\n};\n", "import { ButtonHTMLAttributes, forwardRef } from 'react';\nimport style from './style.module.scss';\nimport { VariantProps, cva } from 'class-variance-authority';\nimport { Slot } from '@radix-ui/react-slot';\nimport clsx from 'clsx';\n\nconst defaultButtonVariants = cva([style.button,style.default], {\n  variants: {\n    level: {\n      primary: style.primary,\n      secondary: style.secondary,\n      tertiary: style.tertiary,\n      quaternary: style.quaternary,\n      quinary: style.quinary,\n      negative: style.negative,\n      inverse: style.inverse,\n    },\n    align: {\n      center: style['align-center'],\n      spaceBetween: style['align-space-between'],\n    },\n    size: {\n      cta: style.cta,\n      l: style.l,\n      m: style.m,\n      s: style.s,\n    },\n  },\n});\nconst textButtonVariants = cva([style.button,style.text], {\n  variants: {\n    level: {\n      inversePrimary: style['inverse-primary'],\n      neutralPrimary: style['neutral-primary'],\n      inverseStaticPrimary: style['inverse-static-primary'],\n    },\n  },\n});\nconst iconButtonVariants = cva([style.button,style.icon], {\n  variants: {\n    level: {\n      primary: style.primary,\n      secondary: style.secondary,\n      tertiary: style.tertiary,\n      quaternary: style.quaternary,\n      quinary: style.quinary,\n      negative: style.negative,\n    },\n    weight: {\n      // \n    },\n  },\n});\n\nconst getButtonVariant = (props: ButtonProps) => {\n  switch (props.as) {\n    case 'default':\n      const {level=\"primary\", align=\"center\", size=\"cta\"} = props;\n      return defaultButtonVariants({ level, align, size });\n    case 'text':\n      return textButtonVariants({ level: props.level });\n    case 'icon':\n      return iconButtonVariants({ level: props.level });\n  }\n}\n\ninterface CommonButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {\n  as?: 'default' | 'text' | 'icon';\n  asChild?: boolean;\n}\nexport interface DefaultButtonProps extends CommonButtonProps, VariantProps<typeof defaultButtonVariants> {\n  as?: 'default';\n  asChild?: boolean;\n  level?: 'primary' | 'secondary' | 'tertiary' | 'quaternary' | 'quinary' | 'negative' | 'inverse';\n  size?: 'cta' | 'l' | 'm' | 's';\n  align?: 'center' | 'spaceBetween';\n  // isLoading?: boolean;\n  // leftIcon?: ReactNode;\n  // rightIcon?: ReactNode; \n}\nexport interface TextButtonProps extends CommonButtonProps, VariantProps<typeof textButtonVariants> {\n  as?: 'text';\n  asChild?: boolean;\n  level?: 'inversePrimary' | 'neutralPrimary' | 'inverseStaticPrimary' \n}\nexport interface IconButtonProps extends CommonButtonProps, VariantProps<typeof iconButtonVariants> {\n  as?: 'icon';\n  asChild?: boolean;\n  // weight\n}\nexport type ButtonProps = DefaultButtonProps | TextButtonProps | IconButtonProps;\n\n/**\n * \uBC84\uD2BC \uCEF4\uD3EC\uB10C\uD2B8\n */\nexport const DefaultButton = forwardRef<HTMLButtonElement, DefaultButtonProps>(\n  ({as = 'default',asChild = false, level = 'primary', align = 'center', size= 'cta', ...rest}, ref) => {\n    const Comp = asChild ? Slot : 'button';\n\n    return <Comp {...rest} className={clsx(defaultButtonVariants({ level, align, size }))} ref={ref} />;\n  }\n);\n\nexport const TextButton = forwardRef<HTMLButtonElement, TextButtonProps>(\n  ({as = 'text',asChild = false, level = 'inversePrimary', ...rest}, ref) => {\n    const Comp = asChild ? Slot : 'button';\n\n    return <Comp {...rest} className={clsx(textButtonVariants({ level }))} ref={ref} />;\n  }\n);\n\nexport const IconButton = forwardRef<HTMLButtonElement, IconButtonProps>(\n  (props, ref) => {\n    const Comp = props.asChild ? Slot : 'button';\n\n    return <Comp {...props} className={clsx(iconButtonVariants({ level: props.level }))} ref={ref} />;\n  }\n);\n\nexport const Button = forwardRef<HTMLButtonElement, ButtonProps>(\n  (props, ref) => {\n    const Comp = props.asChild ? Slot : 'button';\n\n    switch (props.as){\n      case 'default':\n        const {level=\"primary\", align=\"center\", size=\"cta\"} = props;\n        return <Comp {...props} className={clsx(defaultButtonVariants({ level, align, size }))} ref={ref} />;\n      case 'text':\n        const {level:textLevel = 'inversePrimary'} = props;\n        return <Comp {...props} className={clsx(textButtonVariants({ level: textLevel }))} ref={ref} />;\n      // case 'icon':\n      //   return <Comp {...props} className={clsx(iconButtonVariants({ level: props.level }))} ref={ref} />;\n    }\n  }\n);\n", ".button {\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border: none;\n  font-style: normal;\n  font-size: var(--lp-pri-font-size-16);\n  font-weight: var(--lp-pri-font-weight-700);\n  line-height: 130%;\n  overflow: hidden;\n  cursor: pointer;\n}\n.button:disabled {\n  background: var(--neutral-container-mid);\n  color: var(--neutral-label-tertiary);\n  cursor: not-allowed;\n}\n\n.default {\n  color: var(--inverse-label-static-primary);\n  background: var(--lp-pri-achromatic-white);\n}\n\n.text {\n  background: none;\n  color: var(--inverse-label-static-primary);\n  font-size: var(--lp-pri-font-size-13);\n  font-weight: var(--lp-pri-font-weight-500);\n}\n.text:not(:disabled):hover {\n  text-decoration: underline;\n  text-underline-offset: 0.2rem;\n}\n\n.icon {\n  background: none;\n}\n\n.primary {\n  background: #4058FF;\n}\n.primary:not(:disabled):hover {\n  background: #3346cc;\n}\n\n.secondary {\n  background: var(--inverse-container-high);\n}\n.secondary:not(:disabled):hover {\n  background: #121212;\n}\n\n.tertiary {\n  background: rgba(109, 109, 112, 0.0784313725);\n  color: var(--neutral-label-primary);\n}\n.tertiary:not(:disabled):hover {\n  background: #ebebeb;\n}\n\n.quaternary {\n  color: var(--neutral-label-primary);\n  border: 1px solid var(--neutral-border-overlay-normal);\n}\n.quaternary:not(:disabled):hover {\n  background: #f5f5f5;\n}\n.quaternary:disabled {\n  background: var(--neutral-container-mid);\n  color: var(--neutral-label-tertiary);\n  opacity: 0.4;\n}\n\n.quinary {\n  color: rgba(109, 109, 112, 0.8);\n}\n.quinary:not(:disabled):hover {\n  background: #f5f5f5;\n}\n.quinary:disabled {\n  background: var(--neutral-container-mid);\n  color: var(--neutral-label-tertiary);\n  opacity: 0.4;\n}\n\n.negative {\n  background: var(--function-negative);\n}\n.negative:not(:disabled):hover {\n  background: #af1b1c;\n}\n\n.inverse {\n  color: var(--neutral-label-primary);\n}\n.inverse:not(:disabled):hover {\n  background: #f5f5f5;\n}\n\n.cta {\n  border-radius: 8px;\n  padding: 13.5px 12px;\n  font-size: var(--lp-pri-font-size-16);\n  min-width: 129px;\n  max-height: 48px;\n}\n\n.l {\n  border-radius: 6px;\n  padding: 10.5px 8px;\n  font-size: var(--lp-pri-font-size-15);\n  min-width: 107px;\n  max-height: 40px;\n}\n\n.m {\n  border-radius: 6px;\n  padding: 7px 6px;\n  font-size: var(--lp-pri-font-size-14);\n  font-weight: var(--lp-pri-font-weight-500);\n  min-width: 91px;\n  max-height: 32px;\n}\n\n.s {\n  border-radius: 6px;\n  padding: 3.5px 6px;\n  font-size: var(--lp-pri-font-size-13);\n  font-weight: var(--lp-pri-font-weight-500);\n  min-width: 89px;\n  max-height: 24px;\n}\n\n.align-center {\n  justify-content: center;\n}\n\n.align-space-between {\n  justify-content: space-between;\n}\n\n.inverse-primary {\n  color: var(--inverse-label-static-primary);\n}\n\n.neutral-primary {\n  color: rgba(109, 109, 112, 0.8);\n  opacity: 0.8;\n}\n\n.inverse-static-primary {\n  color: var(--inverse-label-static-primary);\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL2hvbWUvcnVubmVyL3dvcmsvZnJvbnRlbmQtcGFja2FnZXMvZnJvbnRlbmQtcGFja2FnZXMvcGFja2FnZXMvbGluZXItcHJpc20vc3JjL2NvbXBvbmVudHMvQnV0dG9uIiwic291cmNlcyI6WyJzdHlsZS5tb2R1bGUuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTtFQUNFO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFFQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBRUE7O0FBRUE7RUFDRTtFQUNBO0VBQ0E7OztBQUtKO0VBQ0U7RUFDQTs7O0FBR0Y7RUFDRTtFQUNBO0VBQ0E7RUFDQTs7QUFFQTtFQUNFO0VBQ0E7OztBQUdKO0VBQ0U7OztBQUtGO0VBQ0U7O0FBRUE7RUFDRTs7O0FBR0o7RUFDRTs7QUFFQTtFQUNFOzs7QUFHSjtFQUNFO0VBQ0E7O0FBRUE7RUFDRTs7O0FBR0o7RUFFRTtFQUNBOztBQUVBO0VBQ0U7O0FBR0Y7RUFDRTtFQUNBO0VBQ0E7OztBQUdKO0VBRUU7O0FBRUE7RUFDRTs7QUFFRjtFQUNFO0VBQ0E7RUFDQTs7O0FBR0o7RUFFRTs7QUFFQTtFQUNFOzs7QUFHSjtFQUVFOztBQUVBO0VBQ0U7OztBQUtKO0VBQ0U7RUFDQTtFQUNBO0VBQ0E7RUFDQTs7O0FBRUY7RUFDRTtFQUNBO0VBQ0E7RUFDQTtFQUNBOzs7QUFFRjtFQUNFO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTs7O0FBRUY7RUFDRTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7OztBQUlGO0VBQ0U7OztBQUVGO0VBQ0U7OztBQUlGO0VBQ0U7OztBQUVGO0VBRUU7RUFDQTs7O0FBRUY7RUFDRSIsInNvdXJjZXNDb250ZW50IjpbIi5idXR0b24ge1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBib3JkZXI6IG5vbmU7XG5cbiAgZm9udC1zdHlsZTpub3JtYWw7XG4gIGZvbnQtc2l6ZTogdmFyKC0tbHAtcHJpLWZvbnQtc2l6ZS0xNik7XG4gIGZvbnQtd2VpZ2h0OiB2YXIoLS1scC1wcmktZm9udC13ZWlnaHQtNzAwKTtcbiAgbGluZS1oZWlnaHQ6IDEzMCU7IC8vIFRPRE86IO2GoO2BsFxuICBvdmVyZmxvdzogaGlkZGVuO1xuXG4gIGN1cnNvcjogcG9pbnRlcjtcblxuICAmOmRpc2FibGVkIHtcbiAgICBiYWNrZ3JvdW5kOiB2YXIoLS1uZXV0cmFsLWNvbnRhaW5lci1taWQpO1xuICAgIGNvbG9yOiB2YXIoLS1uZXV0cmFsLWxhYmVsLXRlcnRpYXJ5KTtcbiAgICBjdXJzb3I6IG5vdC1hbGxvd2VkO1xuICB9XG59XG5cbi8vIGFzXG4uZGVmYXVsdCB7XG4gIGNvbG9yOiB2YXIoLS1pbnZlcnNlLWxhYmVsLXN0YXRpYy1wcmltYXJ5KTtcbiAgYmFja2dyb3VuZDogdmFyKC0tbHAtcHJpLWFjaHJvbWF0aWMtd2hpdGUpOyAvLyBUT0RPOiDthqDtgbBcbiAgLy8gY29sb3I6IHZhcigtLWJyYW5kLWNvbnRhaW5lci1taWQpO1xufVxuLnRleHQge1xuICBiYWNrZ3JvdW5kOiBub25lO1xuICBjb2xvcjogdmFyKC0taW52ZXJzZS1sYWJlbC1zdGF0aWMtcHJpbWFyeSk7XG4gIGZvbnQtc2l6ZTogdmFyKC0tbHAtcHJpLWZvbnQtc2l6ZS0xMyk7IFxuICBmb250LXdlaWdodDogdmFyKC0tbHAtcHJpLWZvbnQtd2VpZ2h0LTUwMCk7XG5cbiAgJjpub3QoOmRpc2FibGVkKTpob3ZlciB7XG4gICAgdGV4dC1kZWNvcmF0aW9uOiB1bmRlcmxpbmU7XG4gICAgdGV4dC11bmRlcmxpbmUtb2Zmc2V0OiAwLjJyZW07XG4gIH1cbn1cbi5pY29uIHtcbiAgYmFja2dyb3VuZDogbm9uZTtcbiAgXG59XG5cbi8vIERlZmF1bHRCdXR0b24gLSBsZXZlbFxuLnByaW1hcnkge1xuICBiYWNrZ3JvdW5kOiAjNDA1OEZGOyAvLyBUT0RPOiDthqDtgbAg7JeF642w7J207Yq4ICjsg4nsg4Eg64uk66aEKVxuXG4gICY6bm90KDpkaXNhYmxlZCk6aG92ZXIgeyAvLyBUT0RPOiDthqDtgbDsnLzroZwg67OA7ZmYXG4gICAgYmFja2dyb3VuZDogIzMzNDZjYztcbiAgfVxufVxuLnNlY29uZGFyeSB7XG4gIGJhY2tncm91bmQ6IHZhcigtLWludmVyc2UtY29udGFpbmVyLWhpZ2gpO1xuXG4gICY6bm90KDpkaXNhYmxlZCk6aG92ZXIgeyAvLyBUT0RPOiDthqDtgbDsnLzroZwg67OA7ZmYXG4gICAgYmFja2dyb3VuZDogIzEyMTIxMjtcbiAgfVxufVxuLnRlcnRpYXJ5IHtcbiAgYmFja2dyb3VuZDogIzZENkQ3MDE0O1xuICBjb2xvcjogdmFyKC0tbmV1dHJhbC1sYWJlbC1wcmltYXJ5KTtcblxuICAmOm5vdCg6ZGlzYWJsZWQpOmhvdmVyIHsgLy8gVE9ETzog7Yag7YGw7Jy866GcIOuzgO2ZmFxuICAgIGJhY2tncm91bmQ6ICNlYmViZWI7XG4gIH1cbn1cbi5xdWF0ZXJuYXJ5IHtcbiAgLy8gVE9ETzog7Yag7YGwIOyXheuNsOydtO2KuCBuZXV0cmFsL2JvcmRlci9vdmVybGF5L25vcm1hbFxuICBjb2xvcjogdmFyKC0tbmV1dHJhbC1sYWJlbC1wcmltYXJ5KTtcbiAgYm9yZGVyOiAxcHggc29saWQgdmFyKC0tbmV1dHJhbC1ib3JkZXItb3ZlcmxheS1ub3JtYWwpO1xuXG4gICY6bm90KDpkaXNhYmxlZCk6aG92ZXIgeyAvLyBUT0RPOiDthqDtgbDsnLzroZwg67OA7ZmYXG4gICAgYmFja2dyb3VuZDogI2Y1ZjVmNTtcbiAgfVxuXG4gICY6ZGlzYWJsZWQge1xuICAgIGJhY2tncm91bmQ6IHZhcigtLW5ldXRyYWwtY29udGFpbmVyLW1pZCk7XG4gICAgY29sb3I6IHZhcigtLW5ldXRyYWwtbGFiZWwtdGVydGlhcnkpO1xuICAgIG9wYWNpdHk6IDAuNDtcbiAgfVxufVxuLnF1aW5hcnkge1xuICAvLyBjb2xvcjogdmFyKC0tbmV1dHJhbC1sYWJlbC1zZWNvbmRhcnkpO1xuICBjb2xvcjogIzZENkQ3MENDOyAvLyBUT0RPOiDthqDtgbAg7JeF642w7J207Yq4XG5cbiAgJjpub3QoOmRpc2FibGVkKTpob3ZlciB7IC8vIFRPRE86IO2GoO2BsOycvOuhnCDrs4DtmZhcbiAgICBiYWNrZ3JvdW5kOiAjZjVmNWY1O1xuICB9XG4gICY6ZGlzYWJsZWQge1xuICAgIGJhY2tncm91bmQ6IHZhcigtLW5ldXRyYWwtY29udGFpbmVyLW1pZCk7XG4gICAgY29sb3I6IHZhcigtLW5ldXRyYWwtbGFiZWwtdGVydGlhcnkpO1xuICAgIG9wYWNpdHk6IDAuNDtcbiAgfVxufVxuLm5lZ2F0aXZlIHtcbiAgLy8gVE9ETzogZnVudGlvbi9jb250YWluZXIvbmVnYXRpdmVcbiAgYmFja2dyb3VuZDogdmFyKC0tZnVuY3Rpb24tbmVnYXRpdmUpO1xuXG4gICY6bm90KDpkaXNhYmxlZCk6aG92ZXIgeyAvLyBUT0RPOiDthqDtgbDsnLzroZwg67OA7ZmYXG4gICAgYmFja2dyb3VuZDogI2FmMWIxYztcbiAgfVxufVxuLmludmVyc2Uge1xuICAvLyBUT0RPOiBuZXV0cmFsL2xhYmVsL3N0YXRpYy9wcmltYXJ5XG4gIGNvbG9yOiB2YXIoLS1uZXV0cmFsLWxhYmVsLXByaW1hcnkpO1xuXG4gICY6bm90KDpkaXNhYmxlZCk6aG92ZXIgeyAvLyBUT0RPOiDthqDtgbDsnLzroZwg67OA7ZmYXG4gICAgYmFja2dyb3VuZDogI2Y1ZjVmNTtcbiAgfVxufVxuXG4vLyBzaXplXG4uY3RhIHtcbiAgYm9yZGVyLXJhZGl1czogOHB4OyAvLyBUT0RPOiDthqDtgbBcbiAgcGFkZGluZzogMTMuNXB4IDEycHg7IC8vIFRPRE86IO2GoO2BsFxuICBmb250LXNpemU6IHZhcigtLWxwLXByaS1mb250LXNpemUtMTYpO1xuICBtaW4td2lkdGg6IDEyOXB4O1xuICBtYXgtaGVpZ2h0OiA0OHB4O1xufVxuLmwge1xuICBib3JkZXItcmFkaXVzOiA2cHg7IC8vIFRPRE86IO2GoO2BsFxuICBwYWRkaW5nOiAxMC41cHggOHB4OyAvLyBUT0RPOiDthqDtgbBcbiAgZm9udC1zaXplOiB2YXIoLS1scC1wcmktZm9udC1zaXplLTE1KTtcbiAgbWluLXdpZHRoOiAxMDdweDtcbiAgbWF4LWhlaWdodDogNDBweDtcbn1cbi5tIHtcbiAgYm9yZGVyLXJhZGl1czogNnB4OyAvLyBUT0RPOiDthqDtgbBcbiAgcGFkZGluZzogN3B4IDZweDsgLy8gVE9ETzog7Yag7YGwXG4gIGZvbnQtc2l6ZTogdmFyKC0tbHAtcHJpLWZvbnQtc2l6ZS0xNCk7XG4gIGZvbnQtd2VpZ2h0OiB2YXIoLS1scC1wcmktZm9udC13ZWlnaHQtNTAwKTtcbiAgbWluLXdpZHRoOiA5MXB4O1xuICBtYXgtaGVpZ2h0OiAzMnB4O1xufVxuLnMge1xuICBib3JkZXItcmFkaXVzOiA2cHg7IC8vIFRPRE86IO2GoO2BsFxuICBwYWRkaW5nOiAzLjVweCA2cHg7IC8vIFRPRE86IO2GoO2BsFxuICBmb250LXNpemU6IHZhcigtLWxwLXByaS1mb250LXNpemUtMTMpO1xuICBmb250LXdlaWdodDogdmFyKC0tbHAtcHJpLWZvbnQtd2VpZ2h0LTUwMCk7XG4gIG1pbi13aWR0aDogODlweDtcbiAgbWF4LWhlaWdodDogMjRweDtcbn1cblxuLy8gYWxpZ25cbi5hbGlnbi1jZW50ZXIge1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbn1cbi5hbGlnbi1zcGFjZS1iZXR3ZWVuIHtcbiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xufVxuXG4vLyBUZXh0QnV0dG9uIC0gbGV2ZWxcbi5pbnZlcnNlLXByaW1hcnkge1xuICBjb2xvcjogdmFyKC0taW52ZXJzZS1sYWJlbC1zdGF0aWMtcHJpbWFyeSk7IC8vIFRPRE86IO2GoO2BsCDsl4XrjbDsnbTtirggKOyDieyDgSDri6TrpoQpXG59XG4ubmV1dHJhbC1wcmltYXJ5IHtcbiAgLy8gY29sb3I6IHZhcigtLW5ldXRyYWwtbGFiZWwtc2Vjb25kYXJ5KTsgLy8gVE9ETzog7Yag7YGwIOyXheuNsOydtO2KuCAo7IOJ7IOBIOuLpOumhClcbiAgY29sb3I6ICM2RDZENzBDQztcbiAgb3BhY2l0eTogMC44O1xufVxuLmludmVyc2Utc3RhdGljLXByaW1hcnkge1xuICBjb2xvcjogdmFyKC0taW52ZXJzZS1sYWJlbC1zdGF0aWMtcHJpbWFyeSk7XG59Il19 */"],
-  "mappings": "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",
-  "names": ["clsx"]
+  "sources": ["../src/index.ts", "../src/utils/object.ts", "../src/components/Button/style.module.scss", "../src/components/Button/index.tsx"],
+  "sourcesContent": ["export * from './utils/object';\nexport * from './components/Button';\n", "export const objectToArray = <T extends Record<string, any>>(obj: T) => {\n  return Object.entries(obj);\n};\n", ".button {\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border: none;\n  font-style: normal;\n  font-size: var(--lp-pri-font-size-16);\n  font-weight: var(--lp-pri-font-weight-700);\n  line-height: 130%;\n  overflow: hidden;\n  cursor: pointer;\n}\n.button:disabled {\n  background: var(--neutral-container-mid);\n  color: var(--neutral-label-tertiary);\n  cursor: not-allowed;\n}\n\n.default {\n  color: var(--inverse-label-static-primary);\n  background: var(--lp-pri-achromatic-white);\n}\n\n.text {\n  background: none;\n  color: var(--inverse-label-static-primary);\n  font-size: var(--lp-pri-font-size-13);\n  font-weight: var(--lp-pri-font-weight-500);\n}\n.text:not(:disabled):hover {\n  text-decoration: underline;\n  text-underline-offset: 0.2rem;\n}\n\n.icon {\n  background: none;\n}\n\n.primary {\n  background: #4058FF;\n}\n.primary:not(:disabled):hover {\n  background: #3346cc;\n}\n\n.secondary {\n  background: var(--inverse-container-high);\n}\n.secondary:not(:disabled):hover {\n  background: #121212;\n}\n\n.tertiary {\n  background: rgba(109, 109, 112, 0.0784313725);\n  color: var(--neutral-label-primary);\n}\n.tertiary:not(:disabled):hover {\n  background: #ebebeb;\n}\n\n.quaternary {\n  color: var(--neutral-label-primary);\n  border: 1px solid var(--neutral-border-overlay-normal);\n}\n.quaternary:not(:disabled):hover {\n  background: #f5f5f5;\n}\n.quaternary:disabled {\n  background: var(--neutral-container-mid);\n  color: var(--neutral-label-tertiary);\n  opacity: 0.4;\n}\n\n.quinary {\n  color: rgba(109, 109, 112, 0.8);\n}\n.quinary:not(:disabled):hover {\n  background: #f5f5f5;\n}\n.quinary:disabled {\n  background: var(--neutral-container-mid);\n  color: var(--neutral-label-tertiary);\n  opacity: 0.4;\n}\n\n.negative {\n  background: var(--function-negative);\n}\n.negative:not(:disabled):hover {\n  background: #af1b1c;\n}\n\n.inverse {\n  color: var(--neutral-label-primary);\n}\n.inverse:not(:disabled):hover {\n  background: #f5f5f5;\n}\n\n.cta {\n  border-radius: 8px;\n  padding: 13.5px 12px;\n  font-size: var(--lp-pri-font-size-16);\n  min-width: 129px;\n  max-height: 48px;\n}\n\n.l {\n  border-radius: 6px;\n  padding: 10.5px 8px;\n  font-size: var(--lp-pri-font-size-15);\n  min-width: 107px;\n  max-height: 40px;\n}\n\n.m {\n  border-radius: 6px;\n  padding: 7px 6px;\n  font-size: var(--lp-pri-font-size-14);\n  font-weight: var(--lp-pri-font-weight-500);\n  min-width: 91px;\n  max-height: 32px;\n}\n\n.s {\n  border-radius: 6px;\n  padding: 3.5px 6px;\n  font-size: var(--lp-pri-font-size-13);\n  font-weight: var(--lp-pri-font-weight-500);\n  min-width: 89px;\n  max-height: 24px;\n}\n\n.align-center {\n  justify-content: center;\n}\n\n.align-space-between {\n  justify-content: space-between;\n}\n\n.inverse-primary {\n  color: var(--inverse-label-static-primary);\n}\n\n.neutral-primary {\n  color: rgba(109, 109, 112, 0.8);\n  opacity: 0.8;\n}\n\n.inverse-static-primary {\n  color: var(--inverse-label-static-primary);\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL2hvbWUvcnVubmVyL3dvcmsvZnJvbnRlbmQtcGFja2FnZXMvZnJvbnRlbmQtcGFja2FnZXMvcGFja2FnZXMvbGluZXItcHJpc20vc3JjL2NvbXBvbmVudHMvQnV0dG9uIiwic291cmNlcyI6WyJzdHlsZS5tb2R1bGUuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTtFQUNFO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFFQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBRUE7O0FBRUE7RUFDRTtFQUNBO0VBQ0E7OztBQUtKO0VBQ0U7RUFDQTs7O0FBR0Y7RUFDRTtFQUNBO0VBQ0E7RUFDQTs7QUFFQTtFQUNFO0VBQ0E7OztBQUdKO0VBQ0U7OztBQUtGO0VBQ0U7O0FBRUE7RUFDRTs7O0FBR0o7RUFDRTs7QUFFQTtFQUNFOzs7QUFHSjtFQUNFO0VBQ0E7O0FBRUE7RUFDRTs7O0FBR0o7RUFFRTtFQUNBOztBQUVBO0VBQ0U7O0FBR0Y7RUFDRTtFQUNBO0VBQ0E7OztBQUdKO0VBRUU7O0FBRUE7RUFDRTs7QUFFRjtFQUNFO0VBQ0E7RUFDQTs7O0FBR0o7RUFFRTs7QUFFQTtFQUNFOzs7QUFHSjtFQUVFOztBQUVBO0VBQ0U7OztBQUtKO0VBQ0U7RUFDQTtFQUNBO0VBQ0E7RUFDQTs7O0FBRUY7RUFDRTtFQUNBO0VBQ0E7RUFDQTtFQUNBOzs7QUFFRjtFQUNFO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTs7O0FBRUY7RUFDRTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7OztBQUlGO0VBQ0U7OztBQUVGO0VBQ0U7OztBQUlGO0VBQ0U7OztBQUVGO0VBRUU7RUFDQTs7O0FBRUY7RUFDRSIsInNvdXJjZXNDb250ZW50IjpbIi5idXR0b24ge1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBib3JkZXI6IG5vbmU7XG5cbiAgZm9udC1zdHlsZTpub3JtYWw7XG4gIGZvbnQtc2l6ZTogdmFyKC0tbHAtcHJpLWZvbnQtc2l6ZS0xNik7XG4gIGZvbnQtd2VpZ2h0OiB2YXIoLS1scC1wcmktZm9udC13ZWlnaHQtNzAwKTtcbiAgbGluZS1oZWlnaHQ6IDEzMCU7IC8vIFRPRE86IO2GoO2BsFxuICBvdmVyZmxvdzogaGlkZGVuO1xuXG4gIGN1cnNvcjogcG9pbnRlcjtcblxuICAmOmRpc2FibGVkIHtcbiAgICBiYWNrZ3JvdW5kOiB2YXIoLS1uZXV0cmFsLWNvbnRhaW5lci1taWQpO1xuICAgIGNvbG9yOiB2YXIoLS1uZXV0cmFsLWxhYmVsLXRlcnRpYXJ5KTtcbiAgICBjdXJzb3I6IG5vdC1hbGxvd2VkO1xuICB9XG59XG5cbi8vIGFzXG4uZGVmYXVsdCB7XG4gIGNvbG9yOiB2YXIoLS1pbnZlcnNlLWxhYmVsLXN0YXRpYy1wcmltYXJ5KTtcbiAgYmFja2dyb3VuZDogdmFyKC0tbHAtcHJpLWFjaHJvbWF0aWMtd2hpdGUpOyAvLyBUT0RPOiDthqDtgbBcbiAgLy8gY29sb3I6IHZhcigtLWJyYW5kLWNvbnRhaW5lci1taWQpO1xufVxuLnRleHQge1xuICBiYWNrZ3JvdW5kOiBub25lO1xuICBjb2xvcjogdmFyKC0taW52ZXJzZS1sYWJlbC1zdGF0aWMtcHJpbWFyeSk7XG4gIGZvbnQtc2l6ZTogdmFyKC0tbHAtcHJpLWZvbnQtc2l6ZS0xMyk7IFxuICBmb250LXdlaWdodDogdmFyKC0tbHAtcHJpLWZvbnQtd2VpZ2h0LTUwMCk7XG5cbiAgJjpub3QoOmRpc2FibGVkKTpob3ZlciB7XG4gICAgdGV4dC1kZWNvcmF0aW9uOiB1bmRlcmxpbmU7XG4gICAgdGV4dC11bmRlcmxpbmUtb2Zmc2V0OiAwLjJyZW07XG4gIH1cbn1cbi5pY29uIHtcbiAgYmFja2dyb3VuZDogbm9uZTtcbiAgXG59XG5cbi8vIERlZmF1bHRCdXR0b24gLSBsZXZlbFxuLnByaW1hcnkge1xuICBiYWNrZ3JvdW5kOiAjNDA1OEZGOyAvLyBUT0RPOiDthqDtgbAg7JeF642w7J207Yq4ICjsg4nsg4Eg64uk66aEKVxuXG4gICY6bm90KDpkaXNhYmxlZCk6aG92ZXIgeyAvLyBUT0RPOiDthqDtgbDsnLzroZwg67OA7ZmYXG4gICAgYmFja2dyb3VuZDogIzMzNDZjYztcbiAgfVxufVxuLnNlY29uZGFyeSB7XG4gIGJhY2tncm91bmQ6IHZhcigtLWludmVyc2UtY29udGFpbmVyLWhpZ2gpO1xuXG4gICY6bm90KDpkaXNhYmxlZCk6aG92ZXIgeyAvLyBUT0RPOiDthqDtgbDsnLzroZwg67OA7ZmYXG4gICAgYmFja2dyb3VuZDogIzEyMTIxMjtcbiAgfVxufVxuLnRlcnRpYXJ5IHtcbiAgYmFja2dyb3VuZDogIzZENkQ3MDE0O1xuICBjb2xvcjogdmFyKC0tbmV1dHJhbC1sYWJlbC1wcmltYXJ5KTtcblxuICAmOm5vdCg6ZGlzYWJsZWQpOmhvdmVyIHsgLy8gVE9ETzog7Yag7YGw7Jy866GcIOuzgO2ZmFxuICAgIGJhY2tncm91bmQ6ICNlYmViZWI7XG4gIH1cbn1cbi5xdWF0ZXJuYXJ5IHtcbiAgLy8gVE9ETzog7Yag7YGwIOyXheuNsOydtO2KuCBuZXV0cmFsL2JvcmRlci9vdmVybGF5L25vcm1hbFxuICBjb2xvcjogdmFyKC0tbmV1dHJhbC1sYWJlbC1wcmltYXJ5KTtcbiAgYm9yZGVyOiAxcHggc29saWQgdmFyKC0tbmV1dHJhbC1ib3JkZXItb3ZlcmxheS1ub3JtYWwpO1xuXG4gICY6bm90KDpkaXNhYmxlZCk6aG92ZXIgeyAvLyBUT0RPOiDthqDtgbDsnLzroZwg67OA7ZmYXG4gICAgYmFja2dyb3VuZDogI2Y1ZjVmNTtcbiAgfVxuXG4gICY6ZGlzYWJsZWQge1xuICAgIGJhY2tncm91bmQ6IHZhcigtLW5ldXRyYWwtY29udGFpbmVyLW1pZCk7XG4gICAgY29sb3I6IHZhcigtLW5ldXRyYWwtbGFiZWwtdGVydGlhcnkpO1xuICAgIG9wYWNpdHk6IDAuNDtcbiAgfVxufVxuLnF1aW5hcnkge1xuICAvLyBjb2xvcjogdmFyKC0tbmV1dHJhbC1sYWJlbC1zZWNvbmRhcnkpO1xuICBjb2xvcjogIzZENkQ3MENDOyAvLyBUT0RPOiDthqDtgbAg7JeF642w7J207Yq4XG5cbiAgJjpub3QoOmRpc2FibGVkKTpob3ZlciB7IC8vIFRPRE86IO2GoO2BsOycvOuhnCDrs4DtmZhcbiAgICBiYWNrZ3JvdW5kOiAjZjVmNWY1O1xuICB9XG4gICY6ZGlzYWJsZWQge1xuICAgIGJhY2tncm91bmQ6IHZhcigtLW5ldXRyYWwtY29udGFpbmVyLW1pZCk7XG4gICAgY29sb3I6IHZhcigtLW5ldXRyYWwtbGFiZWwtdGVydGlhcnkpO1xuICAgIG9wYWNpdHk6IDAuNDtcbiAgfVxufVxuLm5lZ2F0aXZlIHtcbiAgLy8gVE9ETzogZnVudGlvbi9jb250YWluZXIvbmVnYXRpdmVcbiAgYmFja2dyb3VuZDogdmFyKC0tZnVuY3Rpb24tbmVnYXRpdmUpO1xuXG4gICY6bm90KDpkaXNhYmxlZCk6aG92ZXIgeyAvLyBUT0RPOiDthqDtgbDsnLzroZwg67OA7ZmYXG4gICAgYmFja2dyb3VuZDogI2FmMWIxYztcbiAgfVxufVxuLmludmVyc2Uge1xuICAvLyBUT0RPOiBuZXV0cmFsL2xhYmVsL3N0YXRpYy9wcmltYXJ5XG4gIGNvbG9yOiB2YXIoLS1uZXV0cmFsLWxhYmVsLXByaW1hcnkpO1xuXG4gICY6bm90KDpkaXNhYmxlZCk6aG92ZXIgeyAvLyBUT0RPOiDthqDtgbDsnLzroZwg67OA7ZmYXG4gICAgYmFja2dyb3VuZDogI2Y1ZjVmNTtcbiAgfVxufVxuXG4vLyBzaXplXG4uY3RhIHtcbiAgYm9yZGVyLXJhZGl1czogOHB4OyAvLyBUT0RPOiDthqDtgbBcbiAgcGFkZGluZzogMTMuNXB4IDEycHg7IC8vIFRPRE86IO2GoO2BsFxuICBmb250LXNpemU6IHZhcigtLWxwLXByaS1mb250LXNpemUtMTYpO1xuICBtaW4td2lkdGg6IDEyOXB4O1xuICBtYXgtaGVpZ2h0OiA0OHB4O1xufVxuLmwge1xuICBib3JkZXItcmFkaXVzOiA2cHg7IC8vIFRPRE86IO2GoO2BsFxuICBwYWRkaW5nOiAxMC41cHggOHB4OyAvLyBUT0RPOiDthqDtgbBcbiAgZm9udC1zaXplOiB2YXIoLS1scC1wcmktZm9udC1zaXplLTE1KTtcbiAgbWluLXdpZHRoOiAxMDdweDtcbiAgbWF4LWhlaWdodDogNDBweDtcbn1cbi5tIHtcbiAgYm9yZGVyLXJhZGl1czogNnB4OyAvLyBUT0RPOiDthqDtgbBcbiAgcGFkZGluZzogN3B4IDZweDsgLy8gVE9ETzog7Yag7YGwXG4gIGZvbnQtc2l6ZTogdmFyKC0tbHAtcHJpLWZvbnQtc2l6ZS0xNCk7XG4gIGZvbnQtd2VpZ2h0OiB2YXIoLS1scC1wcmktZm9udC13ZWlnaHQtNTAwKTtcbiAgbWluLXdpZHRoOiA5MXB4O1xuICBtYXgtaGVpZ2h0OiAzMnB4O1xufVxuLnMge1xuICBib3JkZXItcmFkaXVzOiA2cHg7IC8vIFRPRE86IO2GoO2BsFxuICBwYWRkaW5nOiAzLjVweCA2cHg7IC8vIFRPRE86IO2GoO2BsFxuICBmb250LXNpemU6IHZhcigtLWxwLXByaS1mb250LXNpemUtMTMpO1xuICBmb250LXdlaWdodDogdmFyKC0tbHAtcHJpLWZvbnQtd2VpZ2h0LTUwMCk7XG4gIG1pbi13aWR0aDogODlweDtcbiAgbWF4LWhlaWdodDogMjRweDtcbn1cblxuLy8gYWxpZ25cbi5hbGlnbi1jZW50ZXIge1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbn1cbi5hbGlnbi1zcGFjZS1iZXR3ZWVuIHtcbiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xufVxuXG4vLyBUZXh0QnV0dG9uIC0gbGV2ZWxcbi5pbnZlcnNlLXByaW1hcnkge1xuICBjb2xvcjogdmFyKC0taW52ZXJzZS1sYWJlbC1zdGF0aWMtcHJpbWFyeSk7IC8vIFRPRE86IO2GoO2BsCDsl4XrjbDsnbTtirggKOyDieyDgSDri6TrpoQpXG59XG4ubmV1dHJhbC1wcmltYXJ5IHtcbiAgLy8gY29sb3I6IHZhcigtLW5ldXRyYWwtbGFiZWwtc2Vjb25kYXJ5KTsgLy8gVE9ETzog7Yag7YGwIOyXheuNsOydtO2KuCAo7IOJ7IOBIOuLpOumhClcbiAgY29sb3I6ICM2RDZENzBDQztcbiAgb3BhY2l0eTogMC44O1xufVxuLmludmVyc2Utc3RhdGljLXByaW1hcnkge1xuICBjb2xvcjogdmFyKC0taW52ZXJzZS1sYWJlbC1zdGF0aWMtcHJpbWFyeSk7XG59Il19 */", "import { ButtonHTMLAttributes, forwardRef } from 'react';\nimport style from './style.module.scss';\nimport { VariantProps, cva } from 'class-variance-authority';\nimport { Slot } from '@radix-ui/react-slot';\nimport clsx from 'clsx';\n\nconst defaultButtonVariants = cva([style.button, style.default], {\n  variants: {\n    level: {\n      primary: style.primary,\n      secondary: style.secondary,\n      tertiary: style.tertiary,\n      quaternary: style.quaternary,\n      quinary: style.quinary,\n      negative: style.negative,\n      inverse: style.inverse,\n    },\n    align: {\n      center: style['align-center'],\n      spaceBetween: style['align-space-between'],\n    },\n    size: {\n      cta: style.cta,\n      l: style.l,\n      m: style.m,\n      s: style.s,\n    },\n  },\n});\nconst textButtonVariants = cva([style.button, style.text], {\n  variants: {\n    level: {\n      inversePrimary: style['inverse-primary'],\n      neutralPrimary: style['neutral-primary'],\n      inverseStaticPrimary: style['inverse-static-primary'],\n    },\n  },\n});\nconst iconButtonVariants = cva([style.button, style.icon], {\n  variants: {\n    level: {\n      primary: style.primary,\n      secondary: style.secondary,\n      tertiary: style.tertiary,\n      quaternary: style.quaternary,\n      quinary: style.quinary,\n      negative: style.negative,\n    },\n    weight: {\n      //\n    },\n  },\n});\n\nconst getButtonVariant = (props: ButtonProps) => {\n  switch (props.as) {\n    case 'default':\n      const { level = 'primary', align = 'center', size = 'cta' } = props;\n      return defaultButtonVariants({ level, align, size });\n    case 'text':\n      return textButtonVariants({ level: props.level });\n    case 'icon':\n      return iconButtonVariants({ level: props.level });\n  }\n};\n\ninterface CommonButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {\n  as?: 'default' | 'text' | 'icon';\n  asChild?: boolean;\n}\nexport interface DefaultButtonProps extends CommonButtonProps, VariantProps<typeof defaultButtonVariants> {\n  as?: 'default';\n  asChild?: boolean;\n  level?: 'primary' | 'secondary' | 'tertiary' | 'quaternary' | 'quinary' | 'negative' | 'inverse';\n  size?: 'cta' | 'l' | 'm' | 's';\n  align?: 'center' | 'spaceBetween';\n  // isLoading?: boolean;\n  // leftIcon?: ReactNode;\n  // rightIcon?: ReactNode;\n}\nexport interface TextButtonProps extends CommonButtonProps, VariantProps<typeof textButtonVariants> {\n  as?: 'text';\n  asChild?: boolean;\n  level?: 'inversePrimary' | 'neutralPrimary' | 'inverseStaticPrimary';\n}\nexport interface IconButtonProps extends CommonButtonProps, VariantProps<typeof iconButtonVariants> {\n  as?: 'icon';\n  asChild?: boolean;\n  // weight\n}\nexport type ButtonProps = DefaultButtonProps | TextButtonProps | IconButtonProps;\n\n/**\n * \uBC84\uD2BC \uCEF4\uD3EC\uB10C\uD2B8\n */\n// export const DefaultButton = forwardRef<HTMLButtonElement, DefaultButtonProps>(\n//   ({as = 'default',asChild = false, level = 'primary', align = 'center', size= 'cta', ...rest}, ref) => {\n//     const Comp = asChild ? Slot : 'button';\n\n//     return <Comp {...rest} className={clsx(defaultButtonVariants({ level, align, size }))} ref={ref} />;\n//   }\n// );\n\n// export const TextButton = forwardRef<HTMLButtonElement, TextButtonProps>(\n//   ({as = 'text',asChild = false, level = 'inversePrimary', ...rest}, ref) => {\n//     const Comp = asChild ? Slot : 'button';\n\n//     return <Comp {...rest} className={clsx(textButtonVariants({ level }))} ref={ref} />;\n//   }\n// );\n\n// export const IconButton = forwardRef<HTMLButtonElement, IconButtonProps>(\n//   (props, ref) => {\n//     const Comp = props.asChild ? Slot : 'button';\n\n//     return <Comp {...props} className={clsx(iconButtonVariants({ level: props.level }))} ref={ref} />;\n//   }\n// );\n\n// export const Button = forwardRef<HTMLButtonElement, ButtonProps>(\n//   (props, ref) => {\n//     const Comp = props.asChild ? Slot : 'button';\n\n//     switch (props.as){\n//       case 'default':\n//         const {level=\"primary\", align=\"center\", size=\"cta\"} = props;\n//         return <Comp {...props} className={clsx(defaultButtonVariants({ level, align, size }))} ref={ref} />;\n//       case 'text':\n//         const {level:textLevel = 'inversePrimary'} = props;\n//         return <Comp {...props} className={clsx(textButtonVariants({ level: textLevel }))} ref={ref} />;\n//       // case 'icon':\n//       //   return <Comp {...props} className={clsx(iconButtonVariants({ level: props.level }))} ref={ref} />;\n//     }\n//   }\n// );\nexport const Component = () => <div>TEST</div>;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAO,IAAM,gBAAgB,wBAAgC,QAAW;AACtE,SAAO,OAAO,QAAQ,GAAG;AAC3B,GAF6B;;;ACA7B;;;ACEA,sCAAkC;AAIlC,IAAM,4BAAwB,qCAAI,CAAC,qBAAM,QAAQ,qBAAM,OAAO,GAAG;AAAA,EAC/D,UAAU;AAAA,IACR,OAAO;AAAA,MACL,SAAS,qBAAM;AAAA,MACf,WAAW,qBAAM;AAAA,MACjB,UAAU,qBAAM;AAAA,MAChB,YAAY,qBAAM;AAAA,MAClB,SAAS,qBAAM;AAAA,MACf,UAAU,qBAAM;AAAA,MAChB,SAAS,qBAAM;AAAA,IACjB;AAAA,IACA,OAAO;AAAA,MACL,QAAQ,qBAAM,cAAc;AAAA,MAC5B,cAAc,qBAAM,qBAAqB;AAAA,IAC3C;AAAA,IACA,MAAM;AAAA,MACJ,KAAK,qBAAM;AAAA,MACX,GAAG,qBAAM;AAAA,MACT,GAAG,qBAAM;AAAA,MACT,GAAG,qBAAM;AAAA,IACX;AAAA,EACF;AACF,CAAC;AACD,IAAM,yBAAqB,qCAAI,CAAC,qBAAM,QAAQ,qBAAM,IAAI,GAAG;AAAA,EACzD,UAAU;AAAA,IACR,OAAO;AAAA,MACL,gBAAgB,qBAAM,iBAAiB;AAAA,MACvC,gBAAgB,qBAAM,iBAAiB;AAAA,MACvC,sBAAsB,qBAAM,wBAAwB;AAAA,IACtD;AAAA,EACF;AACF,CAAC;AACD,IAAM,yBAAqB,qCAAI,CAAC,qBAAM,QAAQ,qBAAM,IAAI,GAAG;AAAA,EACzD,UAAU;AAAA,IACR,OAAO;AAAA,MACL,SAAS,qBAAM;AAAA,MACf,WAAW,qBAAM;AAAA,MACjB,UAAU,qBAAM;AAAA,MAChB,YAAY,qBAAM;AAAA,MAClB,SAAS,qBAAM;AAAA,MACf,UAAU,qBAAM;AAAA,IAClB;AAAA,IACA,QAAQ;AAAA;AAAA,IAER;AAAA,EACF;AACF,CAAC;AAmFM,IAAM,YAAY,6BAAM,CAAC,IAAI,IAAI,EAAR,MAAP;",
+  "names": []
 }

package/lib/index.mjs

@@ -6,16 +6,11 @@ var objectToArray = /* @__PURE__ */ __name((obj) => {
   return Object.entries(obj);
 }, "objectToArray");
 
-// src/components/Button/index.tsx
-import { forwardRef } from "react";
-
 // src/components/Button/style.module.scss
 var style_module_default = {};
 
 // src/components/Button/index.tsx
 import { cva } from "class-variance-authority";
-import { Slot } from "@radix-ui/react-slot";
-import clsx from "clsx";
 var defaultButtonVariants = cva([style_module_default.button, style_module_default.default], {
   variants: {
     level: {
@@ -59,46 +54,13 @@ var iconButtonVariants = cva([style_module_default.button, style_module_default.
       negative: style_module_default.negative
     },
     weight: {
-      // 
+      //
     }
   }
 });
-var DefaultButton = forwardRef(
-  ({ as = "default", asChild = false, level = "primary", align = "center", size = "cta", ...rest }, ref) => {
-    const Comp = asChild ? Slot : "button";
-    return <Comp {...rest} className={clsx(defaultButtonVariants({ level, align, size }))} ref={ref} />;
-  }
-);
-var TextButton = forwardRef(
-  ({ as = "text", asChild = false, level = "inversePrimary", ...rest }, ref) => {
-    const Comp = asChild ? Slot : "button";
-    return <Comp {...rest} className={clsx(textButtonVariants({ level }))} ref={ref} />;
-  }
-);
-var IconButton = forwardRef(
-  (props, ref) => {
-    const Comp = props.asChild ? Slot : "button";
-    return <Comp {...props} className={clsx(iconButtonVariants({ level: props.level }))} ref={ref} />;
-  }
-);
-var Button = forwardRef(
-  (props, ref) => {
-    const Comp = props.asChild ? Slot : "button";
-    switch (props.as) {
-      case "default":
-        const { level = "primary", align = "center", size = "cta" } = props;
-        return <Comp {...props} className={clsx(defaultButtonVariants({ level, align, size }))} ref={ref} />;
-      case "text":
-        const { level: textLevel = "inversePrimary" } = props;
-        return <Comp {...props} className={clsx(textButtonVariants({ level: textLevel }))} ref={ref} />;
-    }
-  }
-);
+var Component = /* @__PURE__ */ __name(() => <div>TEST</div>, "Component");
 export {
-  Button,
-  DefaultButton,
-  IconButton,
-  TextButton,
+  Component,
   objectToArray
 };
 /*! For license information please see index.mjs.LEGAL.txt */

package/lib/index.mjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../src/utils/object.ts", "../src/components/Button/index.tsx", "../src/components/Button/style.module.scss"],
-  "sourcesContent": ["export const objectToArray = <T extends Record<string, any>>(obj: T) => {\n  return Object.entries(obj);\n};\n", "import { ButtonHTMLAttributes, forwardRef } from 'react';\nimport style from './style.module.scss';\nimport { VariantProps, cva } from 'class-variance-authority';\nimport { Slot } from '@radix-ui/react-slot';\nimport clsx from 'clsx';\n\nconst defaultButtonVariants = cva([style.button,style.default], {\n  variants: {\n    level: {\n      primary: style.primary,\n      secondary: style.secondary,\n      tertiary: style.tertiary,\n      quaternary: style.quaternary,\n      quinary: style.quinary,\n      negative: style.negative,\n      inverse: style.inverse,\n    },\n    align: {\n      center: style['align-center'],\n      spaceBetween: style['align-space-between'],\n    },\n    size: {\n      cta: style.cta,\n      l: style.l,\n      m: style.m,\n      s: style.s,\n    },\n  },\n});\nconst textButtonVariants = cva([style.button,style.text], {\n  variants: {\n    level: {\n      inversePrimary: style['inverse-primary'],\n      neutralPrimary: style['neutral-primary'],\n      inverseStaticPrimary: style['inverse-static-primary'],\n    },\n  },\n});\nconst iconButtonVariants = cva([style.button,style.icon], {\n  variants: {\n    level: {\n      primary: style.primary,\n      secondary: style.secondary,\n      tertiary: style.tertiary,\n      quaternary: style.quaternary,\n      quinary: style.quinary,\n      negative: style.negative,\n    },\n    weight: {\n      // \n    },\n  },\n});\n\nconst getButtonVariant = (props: ButtonProps) => {\n  switch (props.as) {\n    case 'default':\n      const {level=\"primary\", align=\"center\", size=\"cta\"} = props;\n      return defaultButtonVariants({ level, align, size });\n    case 'text':\n      return textButtonVariants({ level: props.level });\n    case 'icon':\n      return iconButtonVariants({ level: props.level });\n  }\n}\n\ninterface CommonButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {\n  as?: 'default' | 'text' | 'icon';\n  asChild?: boolean;\n}\nexport interface DefaultButtonProps extends CommonButtonProps, VariantProps<typeof defaultButtonVariants> {\n  as?: 'default';\n  asChild?: boolean;\n  level?: 'primary' | 'secondary' | 'tertiary' | 'quaternary' | 'quinary' | 'negative' | 'inverse';\n  size?: 'cta' | 'l' | 'm' | 's';\n  align?: 'center' | 'spaceBetween';\n  // isLoading?: boolean;\n  // leftIcon?: ReactNode;\n  // rightIcon?: ReactNode; \n}\nexport interface TextButtonProps extends CommonButtonProps, VariantProps<typeof textButtonVariants> {\n  as?: 'text';\n  asChild?: boolean;\n  level?: 'inversePrimary' | 'neutralPrimary' | 'inverseStaticPrimary' \n}\nexport interface IconButtonProps extends CommonButtonProps, VariantProps<typeof iconButtonVariants> {\n  as?: 'icon';\n  asChild?: boolean;\n  // weight\n}\nexport type ButtonProps = DefaultButtonProps | TextButtonProps | IconButtonProps;\n\n/**\n * \uBC84\uD2BC \uCEF4\uD3EC\uB10C\uD2B8\n */\nexport const DefaultButton = forwardRef<HTMLButtonElement, DefaultButtonProps>(\n  ({as = 'default',asChild = false, level = 'primary', align = 'center', size= 'cta', ...rest}, ref) => {\n    const Comp = asChild ? Slot : 'button';\n\n    return <Comp {...rest} className={clsx(defaultButtonVariants({ level, align, size }))} ref={ref} />;\n  }\n);\n\nexport const TextButton = forwardRef<HTMLButtonElement, TextButtonProps>(\n  ({as = 'text',asChild = false, level = 'inversePrimary', ...rest}, ref) => {\n    const Comp = asChild ? Slot : 'button';\n\n    return <Comp {...rest} className={clsx(textButtonVariants({ level }))} ref={ref} />;\n  }\n);\n\nexport const IconButton = forwardRef<HTMLButtonElement, IconButtonProps>(\n  (props, ref) => {\n    const Comp = props.asChild ? Slot : 'button';\n\n    return <Comp {...props} className={clsx(iconButtonVariants({ level: props.level }))} ref={ref} />;\n  }\n);\n\nexport const Button = forwardRef<HTMLButtonElement, ButtonProps>(\n  (props, ref) => {\n    const Comp = props.asChild ? Slot : 'button';\n\n    switch (props.as){\n      case 'default':\n        const {level=\"primary\", align=\"center\", size=\"cta\"} = props;\n        return <Comp {...props} className={clsx(defaultButtonVariants({ level, align, size }))} ref={ref} />;\n      case 'text':\n        const {level:textLevel = 'inversePrimary'} = props;\n        return <Comp {...props} className={clsx(textButtonVariants({ level: textLevel }))} ref={ref} />;\n      // case 'icon':\n      //   return <Comp {...props} className={clsx(iconButtonVariants({ level: props.level }))} ref={ref} />;\n    }\n  }\n);\n", ".button {\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border: none;\n  font-style: normal;\n  font-size: var(--lp-pri-font-size-16);\n  font-weight: var(--lp-pri-font-weight-700);\n  line-height: 130%;\n  overflow: hidden;\n  cursor: pointer;\n}\n.button:disabled {\n  background: var(--neutral-container-mid);\n  color: var(--neutral-label-tertiary);\n  cursor: not-allowed;\n}\n\n.default {\n  color: var(--inverse-label-static-primary);\n  background: var(--lp-pri-achromatic-white);\n}\n\n.text {\n  background: none;\n  color: var(--inverse-label-static-primary);\n  font-size: var(--lp-pri-font-size-13);\n  font-weight: var(--lp-pri-font-weight-500);\n}\n.text:not(:disabled):hover {\n  text-decoration: underline;\n  text-underline-offset: 0.2rem;\n}\n\n.icon {\n  background: none;\n}\n\n.primary {\n  background: #4058FF;\n}\n.primary:not(:disabled):hover {\n  background: #3346cc;\n}\n\n.secondary {\n  background: var(--inverse-container-high);\n}\n.secondary:not(:disabled):hover {\n  background: #121212;\n}\n\n.tertiary {\n  background: rgba(109, 109, 112, 0.0784313725);\n  color: var(--neutral-label-primary);\n}\n.tertiary:not(:disabled):hover {\n  background: #ebebeb;\n}\n\n.quaternary {\n  color: var(--neutral-label-primary);\n  border: 1px solid var(--neutral-border-overlay-normal);\n}\n.quaternary:not(:disabled):hover {\n  background: #f5f5f5;\n}\n.quaternary:disabled {\n  background: var(--neutral-container-mid);\n  color: var(--neutral-label-tertiary);\n  opacity: 0.4;\n}\n\n.quinary {\n  color: rgba(109, 109, 112, 0.8);\n}\n.quinary:not(:disabled):hover {\n  background: #f5f5f5;\n}\n.quinary:disabled {\n  background: var(--neutral-container-mid);\n  color: var(--neutral-label-tertiary);\n  opacity: 0.4;\n}\n\n.negative {\n  background: var(--function-negative);\n}\n.negative:not(:disabled):hover {\n  background: #af1b1c;\n}\n\n.inverse {\n  color: var(--neutral-label-primary);\n}\n.inverse:not(:disabled):hover {\n  background: #f5f5f5;\n}\n\n.cta {\n  border-radius: 8px;\n  padding: 13.5px 12px;\n  font-size: var(--lp-pri-font-size-16);\n  min-width: 129px;\n  max-height: 48px;\n}\n\n.l {\n  border-radius: 6px;\n  padding: 10.5px 8px;\n  font-size: var(--lp-pri-font-size-15);\n  min-width: 107px;\n  max-height: 40px;\n}\n\n.m {\n  border-radius: 6px;\n  padding: 7px 6px;\n  font-size: var(--lp-pri-font-size-14);\n  font-weight: var(--lp-pri-font-weight-500);\n  min-width: 91px;\n  max-height: 32px;\n}\n\n.s {\n  border-radius: 6px;\n  padding: 3.5px 6px;\n  font-size: var(--lp-pri-font-size-13);\n  font-weight: var(--lp-pri-font-weight-500);\n  min-width: 89px;\n  max-height: 24px;\n}\n\n.align-center {\n  justify-content: center;\n}\n\n.align-space-between {\n  justify-content: space-between;\n}\n\n.inverse-primary {\n  color: var(--inverse-label-static-primary);\n}\n\n.neutral-primary {\n  color: rgba(109, 109, 112, 0.8);\n  opacity: 0.8;\n}\n\n.inverse-static-primary {\n  color: var(--inverse-label-static-primary);\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL2hvbWUvcnVubmVyL3dvcmsvZnJvbnRlbmQtcGFja2FnZXMvZnJvbnRlbmQtcGFja2FnZXMvcGFja2FnZXMvbGluZXItcHJpc20vc3JjL2NvbXBvbmVudHMvQnV0dG9uIiwic291cmNlcyI6WyJzdHlsZS5tb2R1bGUuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTtFQUNFO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFFQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBRUE7O0FBRUE7RUFDRTtFQUNBO0VBQ0E7OztBQUtKO0VBQ0U7RUFDQTs7O0FBR0Y7RUFDRTtFQUNBO0VBQ0E7RUFDQTs7QUFFQTtFQUNFO0VBQ0E7OztBQUdKO0VBQ0U7OztBQUtGO0VBQ0U7O0FBRUE7RUFDRTs7O0FBR0o7RUFDRTs7QUFFQTtFQUNFOzs7QUFHSjtFQUNFO0VBQ0E7O0FBRUE7RUFDRTs7O0FBR0o7RUFFRTtFQUNBOztBQUVBO0VBQ0U7O0FBR0Y7RUFDRTtFQUNBO0VBQ0E7OztBQUdKO0VBRUU7O0FBRUE7RUFDRTs7QUFFRjtFQUNFO0VBQ0E7RUFDQTs7O0FBR0o7RUFFRTs7QUFFQTtFQUNFOzs7QUFHSjtFQUVFOztBQUVBO0VBQ0U7OztBQUtKO0VBQ0U7RUFDQTtFQUNBO0VBQ0E7RUFDQTs7O0FBRUY7RUFDRTtFQUNBO0VBQ0E7RUFDQTtFQUNBOzs7QUFFRjtFQUNFO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTs7O0FBRUY7RUFDRTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7OztBQUlGO0VBQ0U7OztBQUVGO0VBQ0U7OztBQUlGO0VBQ0U7OztBQUVGO0VBRUU7RUFDQTs7O0FBRUY7RUFDRSIsInNvdXJjZXNDb250ZW50IjpbIi5idXR0b24ge1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBib3JkZXI6IG5vbmU7XG5cbiAgZm9udC1zdHlsZTpub3JtYWw7XG4gIGZvbnQtc2l6ZTogdmFyKC0tbHAtcHJpLWZvbnQtc2l6ZS0xNik7XG4gIGZvbnQtd2VpZ2h0OiB2YXIoLS1scC1wcmktZm9udC13ZWlnaHQtNzAwKTtcbiAgbGluZS1oZWlnaHQ6IDEzMCU7IC8vIFRPRE86IO2GoO2BsFxuICBvdmVyZmxvdzogaGlkZGVuO1xuXG4gIGN1cnNvcjogcG9pbnRlcjtcblxuICAmOmRpc2FibGVkIHtcbiAgICBiYWNrZ3JvdW5kOiB2YXIoLS1uZXV0cmFsLWNvbnRhaW5lci1taWQpO1xuICAgIGNvbG9yOiB2YXIoLS1uZXV0cmFsLWxhYmVsLXRlcnRpYXJ5KTtcbiAgICBjdXJzb3I6IG5vdC1hbGxvd2VkO1xuICB9XG59XG5cbi8vIGFzXG4uZGVmYXVsdCB7XG4gIGNvbG9yOiB2YXIoLS1pbnZlcnNlLWxhYmVsLXN0YXRpYy1wcmltYXJ5KTtcbiAgYmFja2dyb3VuZDogdmFyKC0tbHAtcHJpLWFjaHJvbWF0aWMtd2hpdGUpOyAvLyBUT0RPOiDthqDtgbBcbiAgLy8gY29sb3I6IHZhcigtLWJyYW5kLWNvbnRhaW5lci1taWQpO1xufVxuLnRleHQge1xuICBiYWNrZ3JvdW5kOiBub25lO1xuICBjb2xvcjogdmFyKC0taW52ZXJzZS1sYWJlbC1zdGF0aWMtcHJpbWFyeSk7XG4gIGZvbnQtc2l6ZTogdmFyKC0tbHAtcHJpLWZvbnQtc2l6ZS0xMyk7IFxuICBmb250LXdlaWdodDogdmFyKC0tbHAtcHJpLWZvbnQtd2VpZ2h0LTUwMCk7XG5cbiAgJjpub3QoOmRpc2FibGVkKTpob3ZlciB7XG4gICAgdGV4dC1kZWNvcmF0aW9uOiB1bmRlcmxpbmU7XG4gICAgdGV4dC11bmRlcmxpbmUtb2Zmc2V0OiAwLjJyZW07XG4gIH1cbn1cbi5pY29uIHtcbiAgYmFja2dyb3VuZDogbm9uZTtcbiAgXG59XG5cbi8vIERlZmF1bHRCdXR0b24gLSBsZXZlbFxuLnByaW1hcnkge1xuICBiYWNrZ3JvdW5kOiAjNDA1OEZGOyAvLyBUT0RPOiDthqDtgbAg7JeF642w7J207Yq4ICjsg4nsg4Eg64uk66aEKVxuXG4gICY6bm90KDpkaXNhYmxlZCk6aG92ZXIgeyAvLyBUT0RPOiDthqDtgbDsnLzroZwg67OA7ZmYXG4gICAgYmFja2dyb3VuZDogIzMzNDZjYztcbiAgfVxufVxuLnNlY29uZGFyeSB7XG4gIGJhY2tncm91bmQ6IHZhcigtLWludmVyc2UtY29udGFpbmVyLWhpZ2gpO1xuXG4gICY6bm90KDpkaXNhYmxlZCk6aG92ZXIgeyAvLyBUT0RPOiDthqDtgbDsnLzroZwg67OA7ZmYXG4gICAgYmFja2dyb3VuZDogIzEyMTIxMjtcbiAgfVxufVxuLnRlcnRpYXJ5IHtcbiAgYmFja2dyb3VuZDogIzZENkQ3MDE0O1xuICBjb2xvcjogdmFyKC0tbmV1dHJhbC1sYWJlbC1wcmltYXJ5KTtcblxuICAmOm5vdCg6ZGlzYWJsZWQpOmhvdmVyIHsgLy8gVE9ETzog7Yag7YGw7Jy866GcIOuzgO2ZmFxuICAgIGJhY2tncm91bmQ6ICNlYmViZWI7XG4gIH1cbn1cbi5xdWF0ZXJuYXJ5IHtcbiAgLy8gVE9ETzog7Yag7YGwIOyXheuNsOydtO2KuCBuZXV0cmFsL2JvcmRlci9vdmVybGF5L25vcm1hbFxuICBjb2xvcjogdmFyKC0tbmV1dHJhbC1sYWJlbC1wcmltYXJ5KTtcbiAgYm9yZGVyOiAxcHggc29saWQgdmFyKC0tbmV1dHJhbC1ib3JkZXItb3ZlcmxheS1ub3JtYWwpO1xuXG4gICY6bm90KDpkaXNhYmxlZCk6aG92ZXIgeyAvLyBUT0RPOiDthqDtgbDsnLzroZwg67OA7ZmYXG4gICAgYmFja2dyb3VuZDogI2Y1ZjVmNTtcbiAgfVxuXG4gICY6ZGlzYWJsZWQge1xuICAgIGJhY2tncm91bmQ6IHZhcigtLW5ldXRyYWwtY29udGFpbmVyLW1pZCk7XG4gICAgY29sb3I6IHZhcigtLW5ldXRyYWwtbGFiZWwtdGVydGlhcnkpO1xuICAgIG9wYWNpdHk6IDAuNDtcbiAgfVxufVxuLnF1aW5hcnkge1xuICAvLyBjb2xvcjogdmFyKC0tbmV1dHJhbC1sYWJlbC1zZWNvbmRhcnkpO1xuICBjb2xvcjogIzZENkQ3MENDOyAvLyBUT0RPOiDthqDtgbAg7JeF642w7J207Yq4XG5cbiAgJjpub3QoOmRpc2FibGVkKTpob3ZlciB7IC8vIFRPRE86IO2GoO2BsOycvOuhnCDrs4DtmZhcbiAgICBiYWNrZ3JvdW5kOiAjZjVmNWY1O1xuICB9XG4gICY6ZGlzYWJsZWQge1xuICAgIGJhY2tncm91bmQ6IHZhcigtLW5ldXRyYWwtY29udGFpbmVyLW1pZCk7XG4gICAgY29sb3I6IHZhcigtLW5ldXRyYWwtbGFiZWwtdGVydGlhcnkpO1xuICAgIG9wYWNpdHk6IDAuNDtcbiAgfVxufVxuLm5lZ2F0aXZlIHtcbiAgLy8gVE9ETzogZnVudGlvbi9jb250YWluZXIvbmVnYXRpdmVcbiAgYmFja2dyb3VuZDogdmFyKC0tZnVuY3Rpb24tbmVnYXRpdmUpO1xuXG4gICY6bm90KDpkaXNhYmxlZCk6aG92ZXIgeyAvLyBUT0RPOiDthqDtgbDsnLzroZwg67OA7ZmYXG4gICAgYmFja2dyb3VuZDogI2FmMWIxYztcbiAgfVxufVxuLmludmVyc2Uge1xuICAvLyBUT0RPOiBuZXV0cmFsL2xhYmVsL3N0YXRpYy9wcmltYXJ5XG4gIGNvbG9yOiB2YXIoLS1uZXV0cmFsLWxhYmVsLXByaW1hcnkpO1xuXG4gICY6bm90KDpkaXNhYmxlZCk6aG92ZXIgeyAvLyBUT0RPOiDthqDtgbDsnLzroZwg67OA7ZmYXG4gICAgYmFja2dyb3VuZDogI2Y1ZjVmNTtcbiAgfVxufVxuXG4vLyBzaXplXG4uY3RhIHtcbiAgYm9yZGVyLXJhZGl1czogOHB4OyAvLyBUT0RPOiDthqDtgbBcbiAgcGFkZGluZzogMTMuNXB4IDEycHg7IC8vIFRPRE86IO2GoO2BsFxuICBmb250LXNpemU6IHZhcigtLWxwLXByaS1mb250LXNpemUtMTYpO1xuICBtaW4td2lkdGg6IDEyOXB4O1xuICBtYXgtaGVpZ2h0OiA0OHB4O1xufVxuLmwge1xuICBib3JkZXItcmFkaXVzOiA2cHg7IC8vIFRPRE86IO2GoO2BsFxuICBwYWRkaW5nOiAxMC41cHggOHB4OyAvLyBUT0RPOiDthqDtgbBcbiAgZm9udC1zaXplOiB2YXIoLS1scC1wcmktZm9udC1zaXplLTE1KTtcbiAgbWluLXdpZHRoOiAxMDdweDtcbiAgbWF4LWhlaWdodDogNDBweDtcbn1cbi5tIHtcbiAgYm9yZGVyLXJhZGl1czogNnB4OyAvLyBUT0RPOiDthqDtgbBcbiAgcGFkZGluZzogN3B4IDZweDsgLy8gVE9ETzog7Yag7YGwXG4gIGZvbnQtc2l6ZTogdmFyKC0tbHAtcHJpLWZvbnQtc2l6ZS0xNCk7XG4gIGZvbnQtd2VpZ2h0OiB2YXIoLS1scC1wcmktZm9udC13ZWlnaHQtNTAwKTtcbiAgbWluLXdpZHRoOiA5MXB4O1xuICBtYXgtaGVpZ2h0OiAzMnB4O1xufVxuLnMge1xuICBib3JkZXItcmFkaXVzOiA2cHg7IC8vIFRPRE86IO2GoO2BsFxuICBwYWRkaW5nOiAzLjVweCA2cHg7IC8vIFRPRE86IO2GoO2BsFxuICBmb250LXNpemU6IHZhcigtLWxwLXByaS1mb250LXNpemUtMTMpO1xuICBmb250LXdlaWdodDogdmFyKC0tbHAtcHJpLWZvbnQtd2VpZ2h0LTUwMCk7XG4gIG1pbi13aWR0aDogODlweDtcbiAgbWF4LWhlaWdodDogMjRweDtcbn1cblxuLy8gYWxpZ25cbi5hbGlnbi1jZW50ZXIge1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbn1cbi5hbGlnbi1zcGFjZS1iZXR3ZWVuIHtcbiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xufVxuXG4vLyBUZXh0QnV0dG9uIC0gbGV2ZWxcbi5pbnZlcnNlLXByaW1hcnkge1xuICBjb2xvcjogdmFyKC0taW52ZXJzZS1sYWJlbC1zdGF0aWMtcHJpbWFyeSk7IC8vIFRPRE86IO2GoO2BsCDsl4XrjbDsnbTtirggKOyDieyDgSDri6TrpoQpXG59XG4ubmV1dHJhbC1wcmltYXJ5IHtcbiAgLy8gY29sb3I6IHZhcigtLW5ldXRyYWwtbGFiZWwtc2Vjb25kYXJ5KTsgLy8gVE9ETzog7Yag7YGwIOyXheuNsOydtO2KuCAo7IOJ7IOBIOuLpOumhClcbiAgY29sb3I6ICM2RDZENzBDQztcbiAgb3BhY2l0eTogMC44O1xufVxuLmludmVyc2Utc3RhdGljLXByaW1hcnkge1xuICBjb2xvcjogdmFyKC0taW52ZXJzZS1sYWJlbC1zdGF0aWMtcHJpbWFyeSk7XG59Il19 */"],
-  "mappings": "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",
+  "sources": ["../src/utils/object.ts", "../src/components/Button/style.module.scss", "../src/components/Button/index.tsx"],
+  "sourcesContent": ["export const objectToArray = <T extends Record<string, any>>(obj: T) => {\n  return Object.entries(obj);\n};\n", ".button {\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border: none;\n  font-style: normal;\n  font-size: var(--lp-pri-font-size-16);\n  font-weight: var(--lp-pri-font-weight-700);\n  line-height: 130%;\n  overflow: hidden;\n  cursor: pointer;\n}\n.button:disabled {\n  background: var(--neutral-container-mid);\n  color: var(--neutral-label-tertiary);\n  cursor: not-allowed;\n}\n\n.default {\n  color: var(--inverse-label-static-primary);\n  background: var(--lp-pri-achromatic-white);\n}\n\n.text {\n  background: none;\n  color: var(--inverse-label-static-primary);\n  font-size: var(--lp-pri-font-size-13);\n  font-weight: var(--lp-pri-font-weight-500);\n}\n.text:not(:disabled):hover {\n  text-decoration: underline;\n  text-underline-offset: 0.2rem;\n}\n\n.icon {\n  background: none;\n}\n\n.primary {\n  background: #4058FF;\n}\n.primary:not(:disabled):hover {\n  background: #3346cc;\n}\n\n.secondary {\n  background: var(--inverse-container-high);\n}\n.secondary:not(:disabled):hover {\n  background: #121212;\n}\n\n.tertiary {\n  background: rgba(109, 109, 112, 0.0784313725);\n  color: var(--neutral-label-primary);\n}\n.tertiary:not(:disabled):hover {\n  background: #ebebeb;\n}\n\n.quaternary {\n  color: var(--neutral-label-primary);\n  border: 1px solid var(--neutral-border-overlay-normal);\n}\n.quaternary:not(:disabled):hover {\n  background: #f5f5f5;\n}\n.quaternary:disabled {\n  background: var(--neutral-container-mid);\n  color: var(--neutral-label-tertiary);\n  opacity: 0.4;\n}\n\n.quinary {\n  color: rgba(109, 109, 112, 0.8);\n}\n.quinary:not(:disabled):hover {\n  background: #f5f5f5;\n}\n.quinary:disabled {\n  background: var(--neutral-container-mid);\n  color: var(--neutral-label-tertiary);\n  opacity: 0.4;\n}\n\n.negative {\n  background: var(--function-negative);\n}\n.negative:not(:disabled):hover {\n  background: #af1b1c;\n}\n\n.inverse {\n  color: var(--neutral-label-primary);\n}\n.inverse:not(:disabled):hover {\n  background: #f5f5f5;\n}\n\n.cta {\n  border-radius: 8px;\n  padding: 13.5px 12px;\n  font-size: var(--lp-pri-font-size-16);\n  min-width: 129px;\n  max-height: 48px;\n}\n\n.l {\n  border-radius: 6px;\n  padding: 10.5px 8px;\n  font-size: var(--lp-pri-font-size-15);\n  min-width: 107px;\n  max-height: 40px;\n}\n\n.m {\n  border-radius: 6px;\n  padding: 7px 6px;\n  font-size: var(--lp-pri-font-size-14);\n  font-weight: var(--lp-pri-font-weight-500);\n  min-width: 91px;\n  max-height: 32px;\n}\n\n.s {\n  border-radius: 6px;\n  padding: 3.5px 6px;\n  font-size: var(--lp-pri-font-size-13);\n  font-weight: var(--lp-pri-font-weight-500);\n  min-width: 89px;\n  max-height: 24px;\n}\n\n.align-center {\n  justify-content: center;\n}\n\n.align-space-between {\n  justify-content: space-between;\n}\n\n.inverse-primary {\n  color: var(--inverse-label-static-primary);\n}\n\n.neutral-primary {\n  color: rgba(109, 109, 112, 0.8);\n  opacity: 0.8;\n}\n\n.inverse-static-primary {\n  color: var(--inverse-label-static-primary);\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL2hvbWUvcnVubmVyL3dvcmsvZnJvbnRlbmQtcGFja2FnZXMvZnJvbnRlbmQtcGFja2FnZXMvcGFja2FnZXMvbGluZXItcHJpc20vc3JjL2NvbXBvbmVudHMvQnV0dG9uIiwic291cmNlcyI6WyJzdHlsZS5tb2R1bGUuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTtFQUNFO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFFQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBRUE7O0FBRUE7RUFDRTtFQUNBO0VBQ0E7OztBQUtKO0VBQ0U7RUFDQTs7O0FBR0Y7RUFDRTtFQUNBO0VBQ0E7RUFDQTs7QUFFQTtFQUNFO0VBQ0E7OztBQUdKO0VBQ0U7OztBQUtGO0VBQ0U7O0FBRUE7RUFDRTs7O0FBR0o7RUFDRTs7QUFFQTtFQUNFOzs7QUFHSjtFQUNFO0VBQ0E7O0FBRUE7RUFDRTs7O0FBR0o7RUFFRTtFQUNBOztBQUVBO0VBQ0U7O0FBR0Y7RUFDRTtFQUNBO0VBQ0E7OztBQUdKO0VBRUU7O0FBRUE7RUFDRTs7QUFFRjtFQUNFO0VBQ0E7RUFDQTs7O0FBR0o7RUFFRTs7QUFFQTtFQUNFOzs7QUFHSjtFQUVFOztBQUVBO0VBQ0U7OztBQUtKO0VBQ0U7RUFDQTtFQUNBO0VBQ0E7RUFDQTs7O0FBRUY7RUFDRTtFQUNBO0VBQ0E7RUFDQTtFQUNBOzs7QUFFRjtFQUNFO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTs7O0FBRUY7RUFDRTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7OztBQUlGO0VBQ0U7OztBQUVGO0VBQ0U7OztBQUlGO0VBQ0U7OztBQUVGO0VBRUU7RUFDQTs7O0FBRUY7RUFDRSIsInNvdXJjZXNDb250ZW50IjpbIi5idXR0b24ge1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBib3JkZXI6IG5vbmU7XG5cbiAgZm9udC1zdHlsZTpub3JtYWw7XG4gIGZvbnQtc2l6ZTogdmFyKC0tbHAtcHJpLWZvbnQtc2l6ZS0xNik7XG4gIGZvbnQtd2VpZ2h0OiB2YXIoLS1scC1wcmktZm9udC13ZWlnaHQtNzAwKTtcbiAgbGluZS1oZWlnaHQ6IDEzMCU7IC8vIFRPRE86IO2GoO2BsFxuICBvdmVyZmxvdzogaGlkZGVuO1xuXG4gIGN1cnNvcjogcG9pbnRlcjtcblxuICAmOmRpc2FibGVkIHtcbiAgICBiYWNrZ3JvdW5kOiB2YXIoLS1uZXV0cmFsLWNvbnRhaW5lci1taWQpO1xuICAgIGNvbG9yOiB2YXIoLS1uZXV0cmFsLWxhYmVsLXRlcnRpYXJ5KTtcbiAgICBjdXJzb3I6IG5vdC1hbGxvd2VkO1xuICB9XG59XG5cbi8vIGFzXG4uZGVmYXVsdCB7XG4gIGNvbG9yOiB2YXIoLS1pbnZlcnNlLWxhYmVsLXN0YXRpYy1wcmltYXJ5KTtcbiAgYmFja2dyb3VuZDogdmFyKC0tbHAtcHJpLWFjaHJvbWF0aWMtd2hpdGUpOyAvLyBUT0RPOiDthqDtgbBcbiAgLy8gY29sb3I6IHZhcigtLWJyYW5kLWNvbnRhaW5lci1taWQpO1xufVxuLnRleHQge1xuICBiYWNrZ3JvdW5kOiBub25lO1xuICBjb2xvcjogdmFyKC0taW52ZXJzZS1sYWJlbC1zdGF0aWMtcHJpbWFyeSk7XG4gIGZvbnQtc2l6ZTogdmFyKC0tbHAtcHJpLWZvbnQtc2l6ZS0xMyk7IFxuICBmb250LXdlaWdodDogdmFyKC0tbHAtcHJpLWZvbnQtd2VpZ2h0LTUwMCk7XG5cbiAgJjpub3QoOmRpc2FibGVkKTpob3ZlciB7XG4gICAgdGV4dC1kZWNvcmF0aW9uOiB1bmRlcmxpbmU7XG4gICAgdGV4dC11bmRlcmxpbmUtb2Zmc2V0OiAwLjJyZW07XG4gIH1cbn1cbi5pY29uIHtcbiAgYmFja2dyb3VuZDogbm9uZTtcbiAgXG59XG5cbi8vIERlZmF1bHRCdXR0b24gLSBsZXZlbFxuLnByaW1hcnkge1xuICBiYWNrZ3JvdW5kOiAjNDA1OEZGOyAvLyBUT0RPOiDthqDtgbAg7JeF642w7J207Yq4ICjsg4nsg4Eg64uk66aEKVxuXG4gICY6bm90KDpkaXNhYmxlZCk6aG92ZXIgeyAvLyBUT0RPOiDthqDtgbDsnLzroZwg67OA7ZmYXG4gICAgYmFja2dyb3VuZDogIzMzNDZjYztcbiAgfVxufVxuLnNlY29uZGFyeSB7XG4gIGJhY2tncm91bmQ6IHZhcigtLWludmVyc2UtY29udGFpbmVyLWhpZ2gpO1xuXG4gICY6bm90KDpkaXNhYmxlZCk6aG92ZXIgeyAvLyBUT0RPOiDthqDtgbDsnLzroZwg67OA7ZmYXG4gICAgYmFja2dyb3VuZDogIzEyMTIxMjtcbiAgfVxufVxuLnRlcnRpYXJ5IHtcbiAgYmFja2dyb3VuZDogIzZENkQ3MDE0O1xuICBjb2xvcjogdmFyKC0tbmV1dHJhbC1sYWJlbC1wcmltYXJ5KTtcblxuICAmOm5vdCg6ZGlzYWJsZWQpOmhvdmVyIHsgLy8gVE9ETzog7Yag7YGw7Jy866GcIOuzgO2ZmFxuICAgIGJhY2tncm91bmQ6ICNlYmViZWI7XG4gIH1cbn1cbi5xdWF0ZXJuYXJ5IHtcbiAgLy8gVE9ETzog7Yag7YGwIOyXheuNsOydtO2KuCBuZXV0cmFsL2JvcmRlci9vdmVybGF5L25vcm1hbFxuICBjb2xvcjogdmFyKC0tbmV1dHJhbC1sYWJlbC1wcmltYXJ5KTtcbiAgYm9yZGVyOiAxcHggc29saWQgdmFyKC0tbmV1dHJhbC1ib3JkZXItb3ZlcmxheS1ub3JtYWwpO1xuXG4gICY6bm90KDpkaXNhYmxlZCk6aG92ZXIgeyAvLyBUT0RPOiDthqDtgbDsnLzroZwg67OA7ZmYXG4gICAgYmFja2dyb3VuZDogI2Y1ZjVmNTtcbiAgfVxuXG4gICY6ZGlzYWJsZWQge1xuICAgIGJhY2tncm91bmQ6IHZhcigtLW5ldXRyYWwtY29udGFpbmVyLW1pZCk7XG4gICAgY29sb3I6IHZhcigtLW5ldXRyYWwtbGFiZWwtdGVydGlhcnkpO1xuICAgIG9wYWNpdHk6IDAuNDtcbiAgfVxufVxuLnF1aW5hcnkge1xuICAvLyBjb2xvcjogdmFyKC0tbmV1dHJhbC1sYWJlbC1zZWNvbmRhcnkpO1xuICBjb2xvcjogIzZENkQ3MENDOyAvLyBUT0RPOiDthqDtgbAg7JeF642w7J207Yq4XG5cbiAgJjpub3QoOmRpc2FibGVkKTpob3ZlciB7IC8vIFRPRE86IO2GoO2BsOycvOuhnCDrs4DtmZhcbiAgICBiYWNrZ3JvdW5kOiAjZjVmNWY1O1xuICB9XG4gICY6ZGlzYWJsZWQge1xuICAgIGJhY2tncm91bmQ6IHZhcigtLW5ldXRyYWwtY29udGFpbmVyLW1pZCk7XG4gICAgY29sb3I6IHZhcigtLW5ldXRyYWwtbGFiZWwtdGVydGlhcnkpO1xuICAgIG9wYWNpdHk6IDAuNDtcbiAgfVxufVxuLm5lZ2F0aXZlIHtcbiAgLy8gVE9ETzogZnVudGlvbi9jb250YWluZXIvbmVnYXRpdmVcbiAgYmFja2dyb3VuZDogdmFyKC0tZnVuY3Rpb24tbmVnYXRpdmUpO1xuXG4gICY6bm90KDpkaXNhYmxlZCk6aG92ZXIgeyAvLyBUT0RPOiDthqDtgbDsnLzroZwg67OA7ZmYXG4gICAgYmFja2dyb3VuZDogI2FmMWIxYztcbiAgfVxufVxuLmludmVyc2Uge1xuICAvLyBUT0RPOiBuZXV0cmFsL2xhYmVsL3N0YXRpYy9wcmltYXJ5XG4gIGNvbG9yOiB2YXIoLS1uZXV0cmFsLWxhYmVsLXByaW1hcnkpO1xuXG4gICY6bm90KDpkaXNhYmxlZCk6aG92ZXIgeyAvLyBUT0RPOiDthqDtgbDsnLzroZwg67OA7ZmYXG4gICAgYmFja2dyb3VuZDogI2Y1ZjVmNTtcbiAgfVxufVxuXG4vLyBzaXplXG4uY3RhIHtcbiAgYm9yZGVyLXJhZGl1czogOHB4OyAvLyBUT0RPOiDthqDtgbBcbiAgcGFkZGluZzogMTMuNXB4IDEycHg7IC8vIFRPRE86IO2GoO2BsFxuICBmb250LXNpemU6IHZhcigtLWxwLXByaS1mb250LXNpemUtMTYpO1xuICBtaW4td2lkdGg6IDEyOXB4O1xuICBtYXgtaGVpZ2h0OiA0OHB4O1xufVxuLmwge1xuICBib3JkZXItcmFkaXVzOiA2cHg7IC8vIFRPRE86IO2GoO2BsFxuICBwYWRkaW5nOiAxMC41cHggOHB4OyAvLyBUT0RPOiDthqDtgbBcbiAgZm9udC1zaXplOiB2YXIoLS1scC1wcmktZm9udC1zaXplLTE1KTtcbiAgbWluLXdpZHRoOiAxMDdweDtcbiAgbWF4LWhlaWdodDogNDBweDtcbn1cbi5tIHtcbiAgYm9yZGVyLXJhZGl1czogNnB4OyAvLyBUT0RPOiDthqDtgbBcbiAgcGFkZGluZzogN3B4IDZweDsgLy8gVE9ETzog7Yag7YGwXG4gIGZvbnQtc2l6ZTogdmFyKC0tbHAtcHJpLWZvbnQtc2l6ZS0xNCk7XG4gIGZvbnQtd2VpZ2h0OiB2YXIoLS1scC1wcmktZm9udC13ZWlnaHQtNTAwKTtcbiAgbWluLXdpZHRoOiA5MXB4O1xuICBtYXgtaGVpZ2h0OiAzMnB4O1xufVxuLnMge1xuICBib3JkZXItcmFkaXVzOiA2cHg7IC8vIFRPRE86IO2GoO2BsFxuICBwYWRkaW5nOiAzLjVweCA2cHg7IC8vIFRPRE86IO2GoO2BsFxuICBmb250LXNpemU6IHZhcigtLWxwLXByaS1mb250LXNpemUtMTMpO1xuICBmb250LXdlaWdodDogdmFyKC0tbHAtcHJpLWZvbnQtd2VpZ2h0LTUwMCk7XG4gIG1pbi13aWR0aDogODlweDtcbiAgbWF4LWhlaWdodDogMjRweDtcbn1cblxuLy8gYWxpZ25cbi5hbGlnbi1jZW50ZXIge1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbn1cbi5hbGlnbi1zcGFjZS1iZXR3ZWVuIHtcbiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xufVxuXG4vLyBUZXh0QnV0dG9uIC0gbGV2ZWxcbi5pbnZlcnNlLXByaW1hcnkge1xuICBjb2xvcjogdmFyKC0taW52ZXJzZS1sYWJlbC1zdGF0aWMtcHJpbWFyeSk7IC8vIFRPRE86IO2GoO2BsCDsl4XrjbDsnbTtirggKOyDieyDgSDri6TrpoQpXG59XG4ubmV1dHJhbC1wcmltYXJ5IHtcbiAgLy8gY29sb3I6IHZhcigtLW5ldXRyYWwtbGFiZWwtc2Vjb25kYXJ5KTsgLy8gVE9ETzog7Yag7YGwIOyXheuNsOydtO2KuCAo7IOJ7IOBIOuLpOumhClcbiAgY29sb3I6ICM2RDZENzBDQztcbiAgb3BhY2l0eTogMC44O1xufVxuLmludmVyc2Utc3RhdGljLXByaW1hcnkge1xuICBjb2xvcjogdmFyKC0taW52ZXJzZS1sYWJlbC1zdGF0aWMtcHJpbWFyeSk7XG59Il19 */", "import { ButtonHTMLAttributes, forwardRef } from 'react';\nimport style from './style.module.scss';\nimport { VariantProps, cva } from 'class-variance-authority';\nimport { Slot } from '@radix-ui/react-slot';\nimport clsx from 'clsx';\n\nconst defaultButtonVariants = cva([style.button, style.default], {\n  variants: {\n    level: {\n      primary: style.primary,\n      secondary: style.secondary,\n      tertiary: style.tertiary,\n      quaternary: style.quaternary,\n      quinary: style.quinary,\n      negative: style.negative,\n      inverse: style.inverse,\n    },\n    align: {\n      center: style['align-center'],\n      spaceBetween: style['align-space-between'],\n    },\n    size: {\n      cta: style.cta,\n      l: style.l,\n      m: style.m,\n      s: style.s,\n    },\n  },\n});\nconst textButtonVariants = cva([style.button, style.text], {\n  variants: {\n    level: {\n      inversePrimary: style['inverse-primary'],\n      neutralPrimary: style['neutral-primary'],\n      inverseStaticPrimary: style['inverse-static-primary'],\n    },\n  },\n});\nconst iconButtonVariants = cva([style.button, style.icon], {\n  variants: {\n    level: {\n      primary: style.primary,\n      secondary: style.secondary,\n      tertiary: style.tertiary,\n      quaternary: style.quaternary,\n      quinary: style.quinary,\n      negative: style.negative,\n    },\n    weight: {\n      //\n    },\n  },\n});\n\nconst getButtonVariant = (props: ButtonProps) => {\n  switch (props.as) {\n    case 'default':\n      const { level = 'primary', align = 'center', size = 'cta' } = props;\n      return defaultButtonVariants({ level, align, size });\n    case 'text':\n      return textButtonVariants({ level: props.level });\n    case 'icon':\n      return iconButtonVariants({ level: props.level });\n  }\n};\n\ninterface CommonButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {\n  as?: 'default' | 'text' | 'icon';\n  asChild?: boolean;\n}\nexport interface DefaultButtonProps extends CommonButtonProps, VariantProps<typeof defaultButtonVariants> {\n  as?: 'default';\n  asChild?: boolean;\n  level?: 'primary' | 'secondary' | 'tertiary' | 'quaternary' | 'quinary' | 'negative' | 'inverse';\n  size?: 'cta' | 'l' | 'm' | 's';\n  align?: 'center' | 'spaceBetween';\n  // isLoading?: boolean;\n  // leftIcon?: ReactNode;\n  // rightIcon?: ReactNode;\n}\nexport interface TextButtonProps extends CommonButtonProps, VariantProps<typeof textButtonVariants> {\n  as?: 'text';\n  asChild?: boolean;\n  level?: 'inversePrimary' | 'neutralPrimary' | 'inverseStaticPrimary';\n}\nexport interface IconButtonProps extends CommonButtonProps, VariantProps<typeof iconButtonVariants> {\n  as?: 'icon';\n  asChild?: boolean;\n  // weight\n}\nexport type ButtonProps = DefaultButtonProps | TextButtonProps | IconButtonProps;\n\n/**\n * \uBC84\uD2BC \uCEF4\uD3EC\uB10C\uD2B8\n */\n// export const DefaultButton = forwardRef<HTMLButtonElement, DefaultButtonProps>(\n//   ({as = 'default',asChild = false, level = 'primary', align = 'center', size= 'cta', ...rest}, ref) => {\n//     const Comp = asChild ? Slot : 'button';\n\n//     return <Comp {...rest} className={clsx(defaultButtonVariants({ level, align, size }))} ref={ref} />;\n//   }\n// );\n\n// export const TextButton = forwardRef<HTMLButtonElement, TextButtonProps>(\n//   ({as = 'text',asChild = false, level = 'inversePrimary', ...rest}, ref) => {\n//     const Comp = asChild ? Slot : 'button';\n\n//     return <Comp {...rest} className={clsx(textButtonVariants({ level }))} ref={ref} />;\n//   }\n// );\n\n// export const IconButton = forwardRef<HTMLButtonElement, IconButtonProps>(\n//   (props, ref) => {\n//     const Comp = props.asChild ? Slot : 'button';\n\n//     return <Comp {...props} className={clsx(iconButtonVariants({ level: props.level }))} ref={ref} />;\n//   }\n// );\n\n// export const Button = forwardRef<HTMLButtonElement, ButtonProps>(\n//   (props, ref) => {\n//     const Comp = props.asChild ? Slot : 'button';\n\n//     switch (props.as){\n//       case 'default':\n//         const {level=\"primary\", align=\"center\", size=\"cta\"} = props;\n//         return <Comp {...props} className={clsx(defaultButtonVariants({ level, align, size }))} ref={ref} />;\n//       case 'text':\n//         const {level:textLevel = 'inversePrimary'} = props;\n//         return <Comp {...props} className={clsx(textButtonVariants({ level: textLevel }))} ref={ref} />;\n//       // case 'icon':\n//       //   return <Comp {...props} className={clsx(iconButtonVariants({ level: props.level }))} ref={ref} />;\n//     }\n//   }\n// );\nexport const Component = () => <div>TEST</div>;\n"],
+  "mappings": ";;;;AAAO,IAAM,gBAAgB,wBAAgC,QAAW;AACtE,SAAO,OAAO,QAAQ,GAAG;AAC3B,GAF6B;;;ACA7B;;;ACEA,SAAuB,WAAW;AAIlC,IAAM,wBAAwB,IAAI,CAAC,qBAAM,QAAQ,qBAAM,OAAO,GAAG;AAAA,EAC/D,UAAU;AAAA,IACR,OAAO;AAAA,MACL,SAAS,qBAAM;AAAA,MACf,WAAW,qBAAM;AAAA,MACjB,UAAU,qBAAM;AAAA,MAChB,YAAY,qBAAM;AAAA,MAClB,SAAS,qBAAM;AAAA,MACf,UAAU,qBAAM;AAAA,MAChB,SAAS,qBAAM;AAAA,IACjB;AAAA,IACA,OAAO;AAAA,MACL,QAAQ,qBAAM,cAAc;AAAA,MAC5B,cAAc,qBAAM,qBAAqB;AAAA,IAC3C;AAAA,IACA,MAAM;AAAA,MACJ,KAAK,qBAAM;AAAA,MACX,GAAG,qBAAM;AAAA,MACT,GAAG,qBAAM;AAAA,MACT,GAAG,qBAAM;AAAA,IACX;AAAA,EACF;AACF,CAAC;AACD,IAAM,qBAAqB,IAAI,CAAC,qBAAM,QAAQ,qBAAM,IAAI,GAAG;AAAA,EACzD,UAAU;AAAA,IACR,OAAO;AAAA,MACL,gBAAgB,qBAAM,iBAAiB;AAAA,MACvC,gBAAgB,qBAAM,iBAAiB;AAAA,MACvC,sBAAsB,qBAAM,wBAAwB;AAAA,IACtD;AAAA,EACF;AACF,CAAC;AACD,IAAM,qBAAqB,IAAI,CAAC,qBAAM,QAAQ,qBAAM,IAAI,GAAG;AAAA,EACzD,UAAU;AAAA,IACR,OAAO;AAAA,MACL,SAAS,qBAAM;AAAA,MACf,WAAW,qBAAM;AAAA,MACjB,UAAU,qBAAM;AAAA,MAChB,YAAY,qBAAM;AAAA,MAClB,SAAS,qBAAM;AAAA,MACf,UAAU,qBAAM;AAAA,IAClB;AAAA,IACA,QAAQ;AAAA;AAAA,IAER;AAAA,EACF;AACF,CAAC;AAmFM,IAAM,YAAY,6BAAM,CAAC,IAAI,IAAI,EAAR,MAAP;",
   "names": []
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@liner-fe/prism",
-  "version": "1.1.9",
+  "version": "1.1.11",
   "packageManager": "yarn@3.6.0",
   "scripts": {
     "dev": "next dev",

package/src/components/Button/index.stories.tsx

@@ -1,213 +1,213 @@
 import type { Meta, StoryObj } from '@storybook/react';
-import { Button, ButtonProps, DefaultButton, DefaultButtonProps, IconButton, TextButton, TextButtonProps } from '.';
+// import { Button, ButtonProps, DefaultButton, DefaultButtonProps, IconButton, TextButton, TextButtonProps } from '.';
 
-const meta: Meta<typeof DefaultButton> = {
-  title: 'Components/Button',
-  component: DefaultButton,
-  args: {
-    children: 'Button',
-    as: 'default',
-    asChild: false,
-    level: 'primary',
-    align: 'center',
-    size: 'cta',
-    disabled: false,
-  },
-  argTypes: {
-    children: {
-      control: {
-        type: 'text',
-      },
-      description: '버튼 안에 표시할 컨텐츠',
-    },
-    as: {
-      options: ['default', 'text', 'icon'],
-      control: {
-        type: 'inline-radio',
-      },
-      description: '버튼의 종류를 설정합니다. 스토리북에서는 동작하지 않습니다',
-    },
-    asChild: {
-      control: {
-        type: 'boolean',
-        default: false,
-      },
-      description: '버튼을 부모 태그의 자식 요소로 사용할 때 사용합니다.',
-    },
-    level: {
-      options: ['primary', 'secondary', 'tertiary', 'quaternary', 'quinary', 'negative', 'inverse'],
-      control: {
-        type: 'select',
-      },
-      description: '버튼의 레벨을 설정합니다.',
-    },
-    align: {
-      options: ['center', 'spaceBetween'],
-      control: {
-        type: 'inline-radio',
-      },
-      description: '버튼 안의 컨텐츠의 정렬 방식을 설정합니다.',
-    },
-    size: {
-      options: ['cta', 'l', 'm', 's'],
-      control: {
-        type: 'inline-radio',
-      },
-      description: '버튼의 크기를 설정합니다.',
-    },
-    disabled: {
-      control: {
-        type: 'boolean',
-        default: false,
-      },
-      description: '버튼의 비활성화 여부를 설정합니다.',
-    },
-  },
-  decorators: [
-    Story => (
-      <article
-        style={{
-          display: 'flex',
-          gap: '10px',
-          flexWrap: 'wrap',
-          alignItems: 'flex-end',
-        }}
-      >
-        <Story />
-      </article>
-    ),
-  ],
-  tags: ['autodocs'],
-};
-export default meta;
+// const meta: Meta<typeof DefaultButton> = {
+//   title: 'Components/Button',
+//   component: DefaultButton,
+//   args: {
+//     children: 'Button',
+//     as: 'default',
+//     asChild: false,
+//     level: 'primary',
+//     align: 'center',
+//     size: 'cta',
+//     disabled: false,
+//   },
+//   argTypes: {
+//     children: {
+//       control: {
+//         type: 'text',
+//       },
+//       description: '버튼 안에 표시할 컨텐츠',
+//     },
+//     as: {
+//       options: ['default', 'text', 'icon'],
+//       control: {
+//         type: 'inline-radio',
+//       },
+//       description: '버튼의 종류를 설정합니다. 스토리북에서는 동작하지 않습니다',
+//     },
+//     asChild: {
+//       control: {
+//         type: 'boolean',
+//         default: false,
+//       },
+//       description: '버튼을 부모 태그의 자식 요소로 사용할 때 사용합니다.',
+//     },
+//     level: {
+//       options: ['primary', 'secondary', 'tertiary', 'quaternary', 'quinary', 'negative', 'inverse'],
+//       control: {
+//         type: 'select',
+//       },
+//       description: '버튼의 레벨을 설정합니다.',
+//     },
+//     align: {
+//       options: ['center', 'spaceBetween'],
+//       control: {
+//         type: 'inline-radio',
+//       },
+//       description: '버튼 안의 컨텐츠의 정렬 방식을 설정합니다.',
+//     },
+//     size: {
+//       options: ['cta', 'l', 'm', 's'],
+//       control: {
+//         type: 'inline-radio',
+//       },
+//       description: '버튼의 크기를 설정합니다.',
+//     },
+//     disabled: {
+//       control: {
+//         type: 'boolean',
+//         default: false,
+//       },
+//       description: '버튼의 비활성화 여부를 설정합니다.',
+//     },
+//   },
+//   decorators: [
+//     Story => (
+//       <article
+//         style={{
+//           display: 'flex',
+//           gap: '10px',
+//           flexWrap: 'wrap',
+//           alignItems: 'flex-end',
+//         }}
+//       >
+//         <Story />
+//       </article>
+//     ),
+//   ],
+//   tags: ['autodocs'],
+// };
+// export default meta;
 
-type Story = StoryObj<typeof meta>;
+// type Story = StoryObj<typeof meta>;
 
-/**
- * 기본 버튼
- */
-export const Default: Story = {
-  args: {
-    as: 'default',
-    level: 'primary',
-    align: 'center',
-    size: 'cta',
-    disabled: false,
-  },
+// /**
+//  * 기본 버튼
+//  */
+// export const Default: Story = {
+//   args: {
+//     as: 'default',
+//     level: 'primary',
+//     align: 'center',
+//     size: 'cta',
+//     disabled: false,
+//   },
 
-  render: args => <DefaultButton {...args}>{args.children}</DefaultButton>,
-};
+//   render: args => <DefaultButton {...args}>{args.children}</DefaultButton>,
+// };
 
-/**
- *  종류별 버튼
- */
-export const AS: Story = {
-  render: args => (
-    <>
-      <Button as="default">Default</Button>
-      <Button as="text" level="neutralPrimary">
-        Text
-      </Button>
-      {/* <Button as="icon">Icon</Button> */}
-    </>
-  ),
-};
+// /**
+//  *  종류별 버튼
+//  */
+// export const AS: Story = {
+//   render: args => (
+//     <>
+//       <Button as="default">Default</Button>
+//       <Button as="text" level="neutralPrimary">
+//         Text
+//       </Button>
+//       {/* <Button as="icon">Icon</Button> */}
+//     </>
+//   ),
+// };
 
-const DEFAULT_LEVEL_OPTIONS: Extract<ButtonProps, DefaultButtonProps>['level'][] = [
-  'primary',
-  'secondary',
-  'tertiary',
-  'quaternary',
-  'quinary',
-  'negative',
-  'inverse',
-];
+// const DEFAULT_LEVEL_OPTIONS: Extract<ButtonProps, DefaultButtonProps>['level'][] = [
+//   'primary',
+//   'secondary',
+//   'tertiary',
+//   'quaternary',
+//   'quinary',
+//   'negative',
+//   'inverse',
+// ];
 
-/**
- * Default 버튼 타입 - level 종류
- */
-export const DefaultLevel: Story = {
-  render: args => (
-    <>
-      {DEFAULT_LEVEL_OPTIONS.map(level => (
-        <Button {...args} level={level} key={level}>
-          {level}
-        </Button>
-      ))}
-    </>
-  ),
-};
+// /**
+//  * Default 버튼 타입 - level 종류
+//  */
+// export const DefaultLevel: Story = {
+//   render: args => (
+//     <>
+//       {DEFAULT_LEVEL_OPTIONS.map(level => (
+//         <Button {...args} level={level} key={level}>
+//           {level}
+//         </Button>
+//       ))}
+//     </>
+//   ),
+// };
 
-const DEFAULT_ALIGN_OPTIONS: Extract<ButtonProps, DefaultButtonProps>['align'][] = ['center', 'spaceBetween'];
+// const DEFAULT_ALIGN_OPTIONS: Extract<ButtonProps, DefaultButtonProps>['align'][] = ['center', 'spaceBetween'];
 
-/**
- * Default 버튼 - align 종류
- */
-export const DefaultAlign: Story = {
-  render: args => (
-    <>
-      {DEFAULT_ALIGN_OPTIONS.map(align => (
-        <Button {...args} align={align} key={align}>
-          {align}
-        </Button>
-      ))}
-    </>
-  ),
-};
+// /**
+//  * Default 버튼 - align 종류
+//  */
+// export const DefaultAlign: Story = {
+//   render: args => (
+//     <>
+//       {DEFAULT_ALIGN_OPTIONS.map(align => (
+//         <Button {...args} align={align} key={align}>
+//           {align}
+//         </Button>
+//       ))}
+//     </>
+//   ),
+// };
 
-const DEFAULT_SIZE_OPTIONS: Extract<ButtonProps, DefaultButtonProps>['size'][] = ['cta', 'l', 'm', 's'];
+// const DEFAULT_SIZE_OPTIONS: Extract<ButtonProps, DefaultButtonProps>['size'][] = ['cta', 'l', 'm', 's'];
 
-/**
- * Default 버튼 - size 종류
- */
-export const DefaultSize: Story = {
-  render: args => (
-    <>
-      {DEFAULT_SIZE_OPTIONS.map(size => (
-        <Button {...args} size={size} key={size}>
-          {size}
-        </Button>
-      ))}
-    </>
-  ),
-};
+// /**
+//  * Default 버튼 - size 종류
+//  */
+// export const DefaultSize: Story = {
+//   render: args => (
+//     <>
+//       {DEFAULT_SIZE_OPTIONS.map(size => (
+//         <Button {...args} size={size} key={size}>
+//           {size}
+//         </Button>
+//       ))}
+//     </>
+//   ),
+// };
 
-const TEXT_LEVEL_OPTIONS: Extract<ButtonProps, TextButtonProps>['level'][] = [
-  'inversePrimary',
-  'neutralPrimary',
-  'inverseStaticPrimary',
-];
+// const TEXT_LEVEL_OPTIONS: Extract<ButtonProps, TextButtonProps>['level'][] = [
+//   'inversePrimary',
+//   'neutralPrimary',
+//   'inverseStaticPrimary',
+// ];
 
-/**
- * Text 버튼 - level 종류
- */
-export const TextLevel: Story = {
-  render: args => (
-    <div
-      style={{
-        display: 'flex',
-        width: '100%',
-        height: '50px',
-        gap: '2rem',
-        background: '#444444',
-      }}
-    >
-      {TEXT_LEVEL_OPTIONS.map(level => (
-        <Button as="text" level={level} key={level}>
-          {level}
-        </Button>
-      ))}
-    </div>
-  ),
-};
+// /**
+//  * Text 버튼 - level 종류
+//  */
+// export const TextLevel: Story = {
+//   render: args => (
+//     <div
+//       style={{
+//         display: 'flex',
+//         width: '100%',
+//         height: '50px',
+//         gap: '2rem',
+//         background: '#444444',
+//       }}
+//     >
+//       {TEXT_LEVEL_OPTIONS.map(level => (
+//         <Button as="text" level={level} key={level}>
+//           {level}
+//         </Button>
+//       ))}
+//     </div>
+//   ),
+// };
 
-/**
- * Default 버튼 - 비활성화 상태
- */
-export const Disabled: Story = {
-  render: args => (
-    <Button {...args} disabled>
-      Disabled
-    </Button>
-  ),
-};
+// /**
+//  * Default 버튼 - 비활성화 상태
+//  */
+// export const Disabled: Story = {
+//   render: args => (
+//     <Button {...args} disabled>
+//       Disabled
+//     </Button>
+//   ),
+// };

package/src/components/Button/index.tsx

@@ -4,7 +4,7 @@ import { VariantProps, cva } from 'class-variance-authority';
 import { Slot } from '@radix-ui/react-slot';
 import clsx from 'clsx';
 
-const defaultButtonVariants = cva([style.button,style.default], {
+const defaultButtonVariants = cva([style.button, style.default], {
   variants: {
     level: {
       primary: style.primary,
@@ -27,7 +27,7 @@ const defaultButtonVariants = cva([style.button,style.default], {
     },
   },
 });
-const textButtonVariants = cva([style.button,style.text], {
+const textButtonVariants = cva([style.button, style.text], {
   variants: {
     level: {
       inversePrimary: style['inverse-primary'],
@@ -36,7 +36,7 @@ const textButtonVariants = cva([style.button,style.text], {
     },
   },
 });
-const iconButtonVariants = cva([style.button,style.icon], {
+const iconButtonVariants = cva([style.button, style.icon], {
   variants: {
     level: {
       primary: style.primary,
@@ -47,7 +47,7 @@ const iconButtonVariants = cva([style.button,style.icon], {
       negative: style.negative,
     },
     weight: {
-      // 
+      //
     },
   },
 });
@@ -55,14 +55,14 @@ const iconButtonVariants = cva([style.button,style.icon], {
 const getButtonVariant = (props: ButtonProps) => {
   switch (props.as) {
     case 'default':
-      const {level="primary", align="center", size="cta"} = props;
+      const { level = 'primary', align = 'center', size = 'cta' } = props;
       return defaultButtonVariants({ level, align, size });
     case 'text':
       return textButtonVariants({ level: props.level });
     case 'icon':
       return iconButtonVariants({ level: props.level });
   }
-}
+};
 
 interface CommonButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
   as?: 'default' | 'text' | 'icon';
@@ -76,12 +76,12 @@ export interface DefaultButtonProps extends CommonButtonProps, VariantProps<type
   align?: 'center' | 'spaceBetween';
   // isLoading?: boolean;
   // leftIcon?: ReactNode;
-  // rightIcon?: ReactNode; 
+  // rightIcon?: ReactNode;
 }
 export interface TextButtonProps extends CommonButtonProps, VariantProps<typeof textButtonVariants> {
   as?: 'text';
   asChild?: boolean;
-  level?: 'inversePrimary' | 'neutralPrimary' | 'inverseStaticPrimary' 
+  level?: 'inversePrimary' | 'neutralPrimary' | 'inverseStaticPrimary';
 }
 export interface IconButtonProps extends CommonButtonProps, VariantProps<typeof iconButtonVariants> {
   as?: 'icon';
@@ -93,43 +93,44 @@ export type ButtonProps = DefaultButtonProps | TextButtonProps | IconButtonProps
 /**
  * 버튼 컴포넌트
  */
-export const DefaultButton = forwardRef<HTMLButtonElement, DefaultButtonProps>(
-  ({as = 'default',asChild = false, level = 'primary', align = 'center', size= 'cta', ...rest}, ref) => {
-    const Comp = asChild ? Slot : 'button';
+// export const DefaultButton = forwardRef<HTMLButtonElement, DefaultButtonProps>(
+//   ({as = 'default',asChild = false, level = 'primary', align = 'center', size= 'cta', ...rest}, ref) => {
+//     const Comp = asChild ? Slot : 'button';
 
-    return <Comp {...rest} className={clsx(defaultButtonVariants({ level, align, size }))} ref={ref} />;
-  }
-);
+//     return <Comp {...rest} className={clsx(defaultButtonVariants({ level, align, size }))} ref={ref} />;
+//   }
+// );
 
-export const TextButton = forwardRef<HTMLButtonElement, TextButtonProps>(
-  ({as = 'text',asChild = false, level = 'inversePrimary', ...rest}, ref) => {
-    const Comp = asChild ? Slot : 'button';
+// export const TextButton = forwardRef<HTMLButtonElement, TextButtonProps>(
+//   ({as = 'text',asChild = false, level = 'inversePrimary', ...rest}, ref) => {
+//     const Comp = asChild ? Slot : 'button';
 
-    return <Comp {...rest} className={clsx(textButtonVariants({ level }))} ref={ref} />;
-  }
-);
+//     return <Comp {...rest} className={clsx(textButtonVariants({ level }))} ref={ref} />;
+//   }
+// );
 
-export const IconButton = forwardRef<HTMLButtonElement, IconButtonProps>(
-  (props, ref) => {
-    const Comp = props.asChild ? Slot : 'button';
+// export const IconButton = forwardRef<HTMLButtonElement, IconButtonProps>(
+//   (props, ref) => {
+//     const Comp = props.asChild ? Slot : 'button';
 
-    return <Comp {...props} className={clsx(iconButtonVariants({ level: props.level }))} ref={ref} />;
-  }
-);
+//     return <Comp {...props} className={clsx(iconButtonVariants({ level: props.level }))} ref={ref} />;
+//   }
+// );
 
-export const Button = forwardRef<HTMLButtonElement, ButtonProps>(
-  (props, ref) => {
-    const Comp = props.asChild ? Slot : 'button';
+// export const Button = forwardRef<HTMLButtonElement, ButtonProps>(
+//   (props, ref) => {
+//     const Comp = props.asChild ? Slot : 'button';
 
-    switch (props.as){
-      case 'default':
-        const {level="primary", align="center", size="cta"} = props;
-        return <Comp {...props} className={clsx(defaultButtonVariants({ level, align, size }))} ref={ref} />;
-      case 'text':
-        const {level:textLevel = 'inversePrimary'} = props;
-        return <Comp {...props} className={clsx(textButtonVariants({ level: textLevel }))} ref={ref} />;
-      // case 'icon':
-      //   return <Comp {...props} className={clsx(iconButtonVariants({ level: props.level }))} ref={ref} />;
-    }
-  }
-);
+//     switch (props.as){
+//       case 'default':
+//         const {level="primary", align="center", size="cta"} = props;
+//         return <Comp {...props} className={clsx(defaultButtonVariants({ level, align, size }))} ref={ref} />;
+//       case 'text':
+//         const {level:textLevel = 'inversePrimary'} = props;
+//         return <Comp {...props} className={clsx(textButtonVariants({ level: textLevel }))} ref={ref} />;
+//       // case 'icon':
+//       //   return <Comp {...props} className={clsx(iconButtonVariants({ level: props.level }))} ref={ref} />;
+//     }
+//   }
+// );
+export const Component = () => <div>TEST</div>;