@liner-fe/prism 1.2.0 → 1.3.1

package/lib/assets/ai.d.ts

@@ -0,0 +1,7 @@
+import { SVGProps } from 'react';
+interface IProps extends SVGProps<SVGSVGElement> {
+    color?: string;
+    thick?: boolean;
+}
+export declare const ICAi: (props: IProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/lib/assets/balance.d.ts

@@ -0,0 +1,7 @@
+import { SVGProps } from 'react';
+interface IProps extends SVGProps<SVGSVGElement> {
+    color?: string;
+    thick?: boolean;
+}
+export declare const ICBalance: (props: IProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/lib/assets/books.d.ts

@@ -0,0 +1,6 @@
+import { SVGProps } from 'react';
+interface IProps extends SVGProps<SVGSVGElement> {
+    color?: string;
+}
+export declare const ICBooks: (props: IProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/lib/assets/chart-bar.d.ts

@@ -0,0 +1,6 @@
+import { SVGProps } from 'react';
+interface IProps extends SVGProps<SVGSVGElement> {
+    color?: string;
+}
+export declare const ICChartBar: (props: IProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/lib/assets/chart-line-uptrend.d.ts

@@ -0,0 +1,7 @@
+import { SVGProps } from 'react';
+interface IProps extends SVGProps<SVGSVGElement> {
+    color?: string;
+    thick?: boolean;
+}
+export declare const ICChartLineUptrend: (props: IProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/lib/assets/check-mark.d.ts

@@ -0,0 +1,6 @@
+import { SVGProps } from 'react';
+interface IProps extends SVGProps<SVGSVGElement> {
+    color?: string;
+}
+export declare const ICCheckMark: (props: IProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/lib/assets/close.d.ts

@@ -0,0 +1,7 @@
+import { SVGProps } from 'react';
+interface IProps extends SVGProps<SVGSVGElement> {
+    color?: string;
+    thick?: boolean;
+}
+export declare const ICClose: (props: IProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/lib/assets/document.d.ts

@@ -0,0 +1,7 @@
+import { SVGProps } from 'react';
+interface IProps extends SVGProps<SVGSVGElement> {
+    color?: string;
+    thick?: boolean;
+}
+export declare const ICDocument: (props: IProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/lib/assets/exclamationmark.d.ts

@@ -0,0 +1,7 @@
+import { SVGProps } from 'react';
+interface IProps extends SVGProps<SVGSVGElement> {
+    color?: string;
+    thick?: boolean;
+}
+export declare const ICExclamationmark: (props: IProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/lib/assets/folder.d.ts

@@ -0,0 +1,6 @@
+import { SVGProps } from 'react';
+interface IProps extends SVGProps<SVGSVGElement> {
+    color?: string;
+}
+export declare const ICFolder: (props: IProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/lib/assets/globe.d.ts

@@ -0,0 +1,7 @@
+import { SVGProps } from 'react';
+interface IProps extends SVGProps<SVGSVGElement> {
+    color?: string;
+    thick?: boolean;
+}
+export declare const ICGlobe: (props: IProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/lib/assets/graduationcap.d.ts

@@ -0,0 +1,6 @@
+import { SVGProps } from 'react';
+interface IProps extends SVGProps<SVGSVGElement> {
+    color?: string;
+}
+export declare const ICGraduationcap: (props: IProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/lib/assets/history.d.ts

@@ -0,0 +1,7 @@
+import { SVGProps } from 'react';
+interface IProps extends SVGProps<SVGSVGElement> {
+    color?: string;
+    thick?: boolean;
+}
+export declare const ICHistory: (props: IProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/lib/assets/index.d.ts

@@ -0,0 +1,28 @@
+export { ICPaperclip } from './paperclip';
+export { ICFolder } from './folder';
+export { ICTrash } from './trash';
+export { ICBooks } from './books';
+export { ICChartBar } from './chart-bar';
+export { ICLock } from './lock';
+export { ICCheckMark } from './check-mark';
+export { ICGraduationcap } from './graduationcap';
+export { ICMove } from './move';
+export { ICNewThread } from './new-thread';
+export { ICPalette } from './palette';
+export { ICMemo } from './memo';
+export { ICSearch } from './search';
+export { ICStart } from './start';
+export { ICHistory } from './history';
+export { ICChartLineUptrend } from './chart-line-uptrend';
+export { ICGlobe } from './globe';
+export { ICShare } from './share';
+export { ICStack } from './stack';
+export { ICPlus } from './plus';
+export { ICBalance } from './balance';
+export { ICExclamationmark } from './exclamationmark';
+export { ICSend } from './send';
+export { ICPersonAdd } from './person-add';
+export { ICAi } from './ai';
+export { ICPerson } from './person';
+export { ICClose } from './close';
+export { ICDocument } from './document';

package/lib/assets/lock.d.ts

@@ -0,0 +1,6 @@
+import { SVGProps } from 'react';
+interface IProps extends SVGProps<SVGSVGElement> {
+    color?: string;
+}
+export declare const ICLock: (props: IProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/lib/assets/memo.d.ts

@@ -0,0 +1,7 @@
+import { SVGProps } from 'react';
+interface IProps extends SVGProps<SVGSVGElement> {
+    color?: string;
+    thick?: boolean;
+}
+export declare const ICMemo: (props: IProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/lib/assets/move.d.ts

@@ -0,0 +1,7 @@
+import { SVGProps } from 'react';
+interface IProps extends SVGProps<SVGSVGElement> {
+    color?: string;
+    thick?: boolean;
+}
+export declare const ICMove: (props: IProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/lib/assets/new-thread.d.ts

@@ -0,0 +1,7 @@
+import { SVGProps } from 'react';
+interface IProps extends SVGProps<SVGSVGElement> {
+    color?: string;
+    thick?: boolean;
+}
+export declare const ICNewThread: (props: IProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/lib/assets/palette.d.ts

@@ -0,0 +1,7 @@
+import { SVGProps } from 'react';
+interface IProps extends SVGProps<SVGSVGElement> {
+    color?: string;
+    thick?: boolean;
+}
+export declare const ICPalette: (props: IProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/lib/assets/paperclip.d.ts

@@ -0,0 +1,6 @@
+import { SVGProps } from 'react';
+interface IProps extends SVGProps<SVGSVGElement> {
+    color?: string;
+}
+export declare const ICPaperclip: (props: IProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/lib/assets/person-add.d.ts

@@ -0,0 +1,7 @@
+import { SVGProps } from 'react';
+interface IProps extends SVGProps<SVGSVGElement> {
+    color?: string;
+    thick?: boolean;
+}
+export declare const ICPersonAdd: (props: IProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/lib/assets/person.d.ts

@@ -0,0 +1,7 @@
+import { SVGProps } from 'react';
+interface IProps extends SVGProps<SVGSVGElement> {
+    color?: string;
+    thick?: boolean;
+}
+export declare const ICPerson: (props: IProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/lib/assets/plus.d.ts

@@ -0,0 +1,7 @@
+import { SVGProps } from 'react';
+interface IProps extends SVGProps<SVGSVGElement> {
+    color?: string;
+    thick?: boolean;
+}
+export declare const ICPlus: (props: IProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/lib/assets/search.d.ts

@@ -0,0 +1,7 @@
+import { SVGProps } from 'react';
+interface IProps extends SVGProps<SVGSVGElement> {
+    color?: string;
+    thick?: boolean;
+}
+export declare const ICSearch: (props: IProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/lib/assets/send.d.ts

@@ -0,0 +1,7 @@
+import { SVGProps } from 'react';
+interface IProps extends SVGProps<SVGSVGElement> {
+    color?: string;
+    thick?: boolean;
+}
+export declare const ICSend: (props: IProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/lib/assets/share.d.ts

@@ -0,0 +1,7 @@
+import { SVGProps } from 'react';
+interface IProps extends SVGProps<SVGSVGElement> {
+    color?: string;
+    thick?: boolean;
+}
+export declare const ICShare: (props: IProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/lib/assets/stack.d.ts

@@ -0,0 +1,7 @@
+import { SVGProps } from 'react';
+interface IProps extends SVGProps<SVGSVGElement> {
+    color?: string;
+    thick?: boolean;
+}
+export declare const ICStack: (props: IProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/lib/assets/start.d.ts

@@ -0,0 +1,7 @@
+import { SVGProps } from 'react';
+interface IProps extends SVGProps<SVGSVGElement> {
+    color?: string;
+    thick?: boolean;
+}
+export declare const ICStart: (props: IProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/lib/assets/trash.d.ts

@@ -0,0 +1,6 @@
+import { SVGProps } from 'react';
+interface IProps extends SVGProps<SVGSVGElement> {
+    color?: string;
+}
+export declare const ICTrash: (props: IProps) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1 @@
+export declare const DropDown: () => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,37 @@
+import * as React from 'react';
+import * as PopoverPrimitive from '@radix-ui/react-popover';
+import { ReactNode } from 'react';
+/**
+ * PopoverRoot
+ */
+interface PopoverRootProps {
+    isOpen?: boolean;
+    children?: React.ReactNode;
+    onChange?: (isOpen: boolean) => void;
+}
+/**
+ * PopoverTrigger
+ */
+interface PopoverTriggerProps {
+    by?: ReactNode;
+}
+/**
+ * PopoverContent
+ */
+export interface PopoverContentProps {
+    level?: 'primary' | 'secondary';
+    tag?: string;
+    title?: string;
+    subTitle?: string;
+    position?: 'top' | 'right' | 'bottom' | 'left';
+    align?: 'start' | 'center' | 'end';
+    confirmText?: string;
+    onConfirm?: () => void;
+}
+export declare const Popover: (({ isOpen, children, onChange }: PopoverRootProps) => import("react/jsx-runtime").JSX.Element) & {
+    Trigger: ({ by }: PopoverTriggerProps) => import("react/jsx-runtime").JSX.Element;
+    Content: React.ForwardRefExoticComponent<PopoverContentProps & React.RefAttributes<HTMLDivElement>>;
+    Arrow: React.ForwardRefExoticComponent<PopoverPrimitive.PopoverArrowProps & React.RefAttributes<SVGSVGElement>>;
+    Close: React.ForwardRefExoticComponent<PopoverPrimitive.PopoverCloseProps & React.RefAttributes<HTMLButtonElement>>;
+};
+export {};

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

@@ -0,0 +1,36 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { Popover } from '.';
+declare const meta: Meta<typeof Popover.Content>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+/**
+ * 기본 팝오버
+ */
+export declare const Default: Story;
+/**
+ *  팝오버 - level 종류
+ */
+export declare const Level: Story;
+/**
+ *  팝오버 - tag 여부
+ */
+export declare const Tag: Story;
+/**
+ *  팝오버 - subTitle 여부
+ */
+export declare const SubTitle: Story;
+/**
+ *  팝오버 - position & align 종류
+ */
+export declare const PosititonAlign: Story;
+/**
+ *  팝오버 - onConfirm 여부
+ */
+export declare const Confirm: Story;
+/**
+ *  팝오버 - isOpen Controlled 여부
+ */
+export declare const Controlled: Story;
+/**
+ *  TODO: 팝오버 - icon 여부
+ */

package/lib/components/Toast/hooks/useToast.d.ts

@@ -0,0 +1,4 @@
+export declare const useToast: () => {
+    isOpen: boolean;
+    openToast: () => void;
+};

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

@@ -0,0 +1,6 @@
+import { Meta, StoryObj } from '@storybook/react/*';
+import { Toast } from './inedx';
+declare const meta: Meta<typeof Toast>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

package/lib/components/Toast/inedx.d.ts

@@ -0,0 +1,8 @@
+import { ToastProps } from '@radix-ui/react-toast';
+import './style.css';
+import { RefAttributes } from 'react';
+interface IProps extends ToastProps, RefAttributes<HTMLLIElement> {
+    message: string;
+}
+export declare const Toast: (props: IProps) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -9,8 +9,8 @@ export declare const Tooltip: (({ children }: {
     children: ReactNode;
 }) => import("react/jsx-runtime").JSX.Element) & {
     Provider: React.FC<TooltipPrimitive.TooltipProviderProps>;
-    Trigger: ({ children }: {
-        children: ReactNode;
+    Trigger: ({ by }: {
+        by: ReactNode;
     }) => import("react/jsx-runtime").JSX.Element;
     Content: React.ForwardRefExoticComponent<TooltipContentProps & React.RefAttributes<HTMLDivElement>>;
 };

package/lib/index.css

@@ -1,5 +1,5 @@
 /* esbuild-sass-plugin:css-chunk:src/components/Button/style.module.scss */
-._button_vqhwa_1 {
+._button_hdj0s_1 {
   position: relative;
   display: flex;
   align-items: center;
@@ -12,97 +12,97 @@
   overflow: hidden;
   cursor: pointer;
 }
-._button_vqhwa_1:disabled {
+._button_hdj0s_1:disabled {
   background: var(--neutral-container-mid);
   color: var(--neutral-label-tertiary);
   cursor: not-allowed;
 }
-._default_vqhwa_20 {
+._default_hdj0s_20 {
   color: var(--inverse-label-static-primary);
   background: var(--lp-pri-achromatic-white);
 }
-._text_vqhwa_25 {
+._text_hdj0s_25 {
   background: none;
   color: var(--inverse-label-static-primary);
   font-size: var(--lp-pri-font-size-13);
   font-weight: var(--lp-pri-font-weight-500);
 }
-._text_vqhwa_25:not(:disabled):hover {
+._text_hdj0s_25:not(:disabled):hover {
   text-decoration: underline;
   text-underline-offset: 0.2rem;
 }
-._icon_vqhwa_36 {
+._icon_hdj0s_36 {
   background: none;
 }
-._primary_vqhwa_40 {
-  background: #4058ff;
+._primary_hdj0s_40 {
+  background: var(--brand-container-mid);
 }
-._primary_vqhwa_40:not(:disabled):hover {
-  background: #3346cc;
+._primary_hdj0s_40:not(:disabled):hover {
+  background: var(--brand-container-mid-hover);
 }
-._secondary_vqhwa_47 {
+._secondary_hdj0s_47 {
   background: var(--inverse-container-high);
 }
-._secondary_vqhwa_47:not(:disabled):hover {
-  background: #121212;
+._secondary_hdj0s_47:not(:disabled):hover {
+  background: var(--inverse-container-high-hover);
 }
-._tertiary_vqhwa_54 {
-  background: rgba(109, 109, 112, 0.0784313725);
+._tertiary_hdj0s_54 {
+  background: var(--neutral-fill-mid);
   color: var(--neutral-label-primary);
 }
-._tertiary_vqhwa_54:not(:disabled):hover {
-  background: #ebebeb;
+._tertiary_hdj0s_54:not(:disabled):hover {
+  background: var(--neutral-fill-mid-hover);
 }
-._quaternary_vqhwa_62 {
+._quaternary_hdj0s_62 {
   color: var(--neutral-label-primary);
   border: 1px solid var(--neutral-border-overlay-normal);
 }
-._quaternary_vqhwa_62:not(:disabled):hover {
-  background: #f5f5f5;
+._quaternary_hdj0s_62:not(:disabled):hover {
+  background: var(--neutral-fill-lowest-hover);
 }
-._quaternary_vqhwa_62:disabled {
+._quaternary_hdj0s_62:disabled {
   background: var(--neutral-container-mid);
   color: var(--neutral-label-tertiary);
   opacity: 0.4;
 }
-._quinary_vqhwa_75 {
-  color: rgba(109, 109, 112, 0.8);
+._quinary_hdj0s_75 {
+  color: var(--neutral-label-secondary);
 }
-._quinary_vqhwa_75:not(:disabled):hover {
+._quinary_hdj0s_75:not(:disabled):hover {
   background: #f5f5f5;
 }
-._quinary_vqhwa_75:disabled {
+._quinary_hdj0s_75:disabled {
   background: var(--neutral-container-mid);
   color: var(--neutral-label-tertiary);
   opacity: 0.4;
 }
-._negative_vqhwa_87 {
-  background: var(--function-negative);
+._negative_hdj0s_87 {
+  background: var(--function-container-negative);
 }
-._negative_vqhwa_87:not(:disabled):hover {
-  background: #af1b1c;
+._negative_hdj0s_87:not(:disabled):hover {
+  background: var(--function-container-negative-hover);
 }
-._inverse_vqhwa_94 {
-  color: var(--neutral-label-primary);
+._inverse_hdj0s_94 {
+  color: var(--neutral-label-static-primary);
 }
-._inverse_vqhwa_94:not(:disabled):hover {
-  background: #f5f5f5;
+._inverse_hdj0s_94:not(:disabled):hover {
+  background: var(--neutral-container-static-lowest-hover);
 }
-._cta_vqhwa_101 {
+._cta_hdj0s_101 {
   border-radius: 8px;
   padding: 13.5px 12px;
   font-size: var(--lp-pri-font-size-16);
   min-width: 129px;
   max-height: 48px;
 }
-._l_vqhwa_109 {
+._l_hdj0s_109 {
   border-radius: 6px;
   padding: 10.5px 8px;
   font-size: var(--lp-pri-font-size-15);
   min-width: 107px;
   max-height: 40px;
 }
-._m_vqhwa_117 {
+._m_hdj0s_117 {
   border-radius: 6px;
   padding: 7px 6px;
   font-size: var(--lp-pri-font-size-14);
@@ -110,7 +110,7 @@
   min-width: 91px;
   max-height: 32px;
 }
-._s_vqhwa_47 {
+._s_hdj0s_47 {
   border-radius: 6px;
   padding: 3.5px 6px;
   font-size: var(--lp-pri-font-size-13);
@@ -118,20 +118,20 @@
   min-width: 89px;
   max-height: 24px;
 }
-._align-center_vqhwa_135 {
+._align-center_hdj0s_135 {
   justify-content: center;
 }
-._align-space-between_vqhwa_139 {
+._align-space-between_hdj0s_139 {
   justify-content: space-between;
 }
-._inverse-primary_vqhwa_143 {
-  color: var(--inverse-label-static-primary);
-}
-._neutral-primary_vqhwa_147 {
-  color: rgba(109, 109, 112, 0.8);
+._neutral-primary_hdj0s_143 {
+  color: var(--neutral-label-secondary);
   opacity: 0.8;
 }
-._inverse-static-primary_vqhwa_152 {
+._inverse-primary_hdj0s_148 {
+  color: var(--inverse-label-primary);
+}
+._inverse-static-primary_hdj0s_152 {
   color: var(--inverse-label-static-primary);
 }
 /*! For license information please see index.css.LEGAL.txt */

package/lib/index.css.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["esbuild-sass-plugin:css-chunk:src/components/Button/style.module.scss"],
-  "sourcesContent": ["._button_vqhwa_1 {\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_vqhwa_1:disabled {\n  background: var(--neutral-container-mid);\n  color: var(--neutral-label-tertiary);\n  cursor: not-allowed;\n}\n\n._default_vqhwa_20 {\n  color: var(--inverse-label-static-primary);\n  background: var(--lp-pri-achromatic-white);\n}\n\n._text_vqhwa_25 {\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_vqhwa_25:not(:disabled):hover {\n  text-decoration: underline;\n  text-underline-offset: 0.2rem;\n}\n\n._icon_vqhwa_36 {\n  background: none;\n}\n\n._primary_vqhwa_40 {\n  background: #4058ff;\n}\n._primary_vqhwa_40:not(:disabled):hover {\n  background: #3346cc;\n}\n\n._secondary_vqhwa_47 {\n  background: var(--inverse-container-high);\n}\n._secondary_vqhwa_47:not(:disabled):hover {\n  background: #121212;\n}\n\n._tertiary_vqhwa_54 {\n  background: rgba(109, 109, 112, 0.0784313725);\n  color: var(--neutral-label-primary);\n}\n._tertiary_vqhwa_54:not(:disabled):hover {\n  background: #ebebeb;\n}\n\n._quaternary_vqhwa_62 {\n  color: var(--neutral-label-primary);\n  border: 1px solid var(--neutral-border-overlay-normal);\n}\n._quaternary_vqhwa_62:not(:disabled):hover {\n  background: #f5f5f5;\n}\n._quaternary_vqhwa_62:disabled {\n  background: var(--neutral-container-mid);\n  color: var(--neutral-label-tertiary);\n  opacity: 0.4;\n}\n\n._quinary_vqhwa_75 {\n  color: rgba(109, 109, 112, 0.8);\n}\n._quinary_vqhwa_75:not(:disabled):hover {\n  background: #f5f5f5;\n}\n._quinary_vqhwa_75:disabled {\n  background: var(--neutral-container-mid);\n  color: var(--neutral-label-tertiary);\n  opacity: 0.4;\n}\n\n._negative_vqhwa_87 {\n  background: var(--function-negative);\n}\n._negative_vqhwa_87:not(:disabled):hover {\n  background: #af1b1c;\n}\n\n._inverse_vqhwa_94 {\n  color: var(--neutral-label-primary);\n}\n._inverse_vqhwa_94:not(:disabled):hover {\n  background: #f5f5f5;\n}\n\n._cta_vqhwa_101 {\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_vqhwa_109 {\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_vqhwa_117 {\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_vqhwa_47 {\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_vqhwa_135 {\n  justify-content: center;\n}\n\n._align-space-between_vqhwa_139 {\n  justify-content: space-between;\n}\n\n._inverse-primary_vqhwa_143 {\n  color: var(--inverse-label-static-primary);\n}\n\n._neutral-primary_vqhwa_147 {\n  color: rgba(109, 109, 112, 0.8);\n  opacity: 0.8;\n}\n\n._inverse-static-primary_vqhwa_152 {\n  color: var(--inverse-label-static-primary);\n}"],
-  "mappings": ";AAAA,CAAC;AACC,YAAU;AACV,WAAS;AACT,eAAa;AACb,mBAAiB;AACjB,UAAQ;AACR,cAAY;AACZ,aAAW,IAAI;AACf,eAAa,IAAI;AACjB,eAAa;AACb,YAAU;AACV,UAAQ;AACV;AACA,CAbC,eAae;AACd,cAAY,IAAI;AAChB,SAAO,IAAI;AACX,UAAQ;AACV;AAEA,CAAC;AACC,SAAO,IAAI;AACX,cAAY,IAAI;AAClB;AAEA,CAAC;AACC,cAAY;AACZ,SAAO,IAAI;AACX,aAAW,IAAI;AACf,eAAa,IAAI;AACnB;AACA,CANC,cAMc,KAAK,UAAU;AAC5B,mBAAiB;AACjB,yBAAuB;AACzB;AAEA,CAAC;AACC,cAAY;AACd;AAEA,CAAC;AACC,cAAY;AACd;AACA,CAHC,iBAGiB,KAAK,UAAU;AAC/B,cAAY;AACd;AAEA,CAAC;AACC,cAAY,IAAI;AAClB;AACA,CAHC,mBAGmB,KAAK,UAAU;AACjC,cAAY;AACd;AAEA,CAAC;AACC,cAAY,KAAK,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE;AAChC,SAAO,IAAI;AACb;AACA,CAJC,kBAIkB,KAAK,UAAU;AAChC,cAAY;AACd;AAEA,CAAC;AACC,SAAO,IAAI;AACX,UAAQ,IAAI,MAAM,IAAI;AACxB;AACA,CAJC,oBAIoB,KAAK,UAAU;AAClC,cAAY;AACd;AACA,CAPC,oBAOoB;AACnB,cAAY,IAAI;AAChB,SAAO,IAAI;AACX,WAAS;AACX;AAEA,CAAC;AACC,SAAO,KAAK,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE;AAC7B;AACA,CAHC,iBAGiB,KAAK,UAAU;AAC/B,cAAY;AACd;AACA,CANC,iBAMiB;AAChB,cAAY,IAAI;AAChB,SAAO,IAAI;AACX,WAAS;AACX;AAEA,CAAC;AACC,cAAY,IAAI;AAClB;AACA,CAHC,kBAGkB,KAAK,UAAU;AAChC,cAAY;AACd;AAEA,CAAC;AACC,SAAO,IAAI;AACb;AACA,CAHC,iBAGiB,KAAK,UAAU;AAC/B,cAAY;AACd;AAEA,CAAC;AACC,iBAAe;AACf,WAAS,OAAO;AAChB,aAAW,IAAI;AACf,aAAW;AACX,cAAY;AACd;AAEA,CAAC;AACC,iBAAe;AACf,WAAS,OAAO;AAChB,aAAW,IAAI;AACf,aAAW;AACX,cAAY;AACd;AAEA,CAAC;AACC,iBAAe;AACf,WAAS,IAAI;AACb,aAAW,IAAI;AACf,eAAa,IAAI;AACjB,aAAW;AACX,cAAY;AACd;AAEA,CAAC;AACC,iBAAe;AACf,WAAS,MAAM;AACf,aAAW,IAAI;AACf,eAAa,IAAI;AACjB,aAAW;AACX,cAAY;AACd;AAEA,CAAC;AACC,mBAAiB;AACnB;AAEA,CAAC;AACC,mBAAiB;AACnB;AAEA,CAAC;AACC,SAAO,IAAI;AACb;AAEA,CAAC;AACC,SAAO,KAAK,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE;AAC3B,WAAS;AACX;AAEA,CAAC;AACC,SAAO,IAAI;AACb;",
+  "sourcesContent": ["._button_hdj0s_1 {\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_hdj0s_1:disabled {\n  background: var(--neutral-container-mid);\n  color: var(--neutral-label-tertiary);\n  cursor: not-allowed;\n}\n\n._default_hdj0s_20 {\n  color: var(--inverse-label-static-primary);\n  background: var(--lp-pri-achromatic-white);\n}\n\n._text_hdj0s_25 {\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_hdj0s_25:not(:disabled):hover {\n  text-decoration: underline;\n  text-underline-offset: 0.2rem;\n}\n\n._icon_hdj0s_36 {\n  background: none;\n}\n\n._primary_hdj0s_40 {\n  background: var(--brand-container-mid);\n}\n._primary_hdj0s_40:not(:disabled):hover {\n  background: var(--brand-container-mid-hover);\n}\n\n._secondary_hdj0s_47 {\n  background: var(--inverse-container-high);\n}\n._secondary_hdj0s_47:not(:disabled):hover {\n  background: var(--inverse-container-high-hover);\n}\n\n._tertiary_hdj0s_54 {\n  background: var(--neutral-fill-mid);\n  color: var(--neutral-label-primary);\n}\n._tertiary_hdj0s_54:not(:disabled):hover {\n  background: var(--neutral-fill-mid-hover);\n}\n\n._quaternary_hdj0s_62 {\n  color: var(--neutral-label-primary);\n  border: 1px solid var(--neutral-border-overlay-normal);\n}\n._quaternary_hdj0s_62:not(:disabled):hover {\n  background: var(--neutral-fill-lowest-hover);\n}\n._quaternary_hdj0s_62:disabled {\n  background: var(--neutral-container-mid);\n  color: var(--neutral-label-tertiary);\n  opacity: 0.4;\n}\n\n._quinary_hdj0s_75 {\n  color: var(--neutral-label-secondary);\n}\n._quinary_hdj0s_75:not(:disabled):hover {\n  background: #f5f5f5;\n}\n._quinary_hdj0s_75:disabled {\n  background: var(--neutral-container-mid);\n  color: var(--neutral-label-tertiary);\n  opacity: 0.4;\n}\n\n._negative_hdj0s_87 {\n  background: var(--function-container-negative);\n}\n._negative_hdj0s_87:not(:disabled):hover {\n  background: var(--function-container-negative-hover);\n}\n\n._inverse_hdj0s_94 {\n  color: var(--neutral-label-static-primary);\n}\n._inverse_hdj0s_94:not(:disabled):hover {\n  background: var(--neutral-container-static-lowest-hover);\n}\n\n._cta_hdj0s_101 {\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_hdj0s_109 {\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_hdj0s_117 {\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_hdj0s_47 {\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_hdj0s_135 {\n  justify-content: center;\n}\n\n._align-space-between_hdj0s_139 {\n  justify-content: space-between;\n}\n\n._neutral-primary_hdj0s_143 {\n  color: var(--neutral-label-secondary);\n  opacity: 0.8;\n}\n\n._inverse-primary_hdj0s_148 {\n  color: var(--inverse-label-primary);\n}\n\n._inverse-static-primary_hdj0s_152 {\n  color: var(--inverse-label-static-primary);\n}"],
+  "mappings": ";AAAA,CAAC;AACC,YAAU;AACV,WAAS;AACT,eAAa;AACb,mBAAiB;AACjB,UAAQ;AACR,cAAY;AACZ,aAAW,IAAI;AACf,eAAa,IAAI;AACjB,eAAa;AACb,YAAU;AACV,UAAQ;AACV;AACA,CAbC,eAae;AACd,cAAY,IAAI;AAChB,SAAO,IAAI;AACX,UAAQ;AACV;AAEA,CAAC;AACC,SAAO,IAAI;AACX,cAAY,IAAI;AAClB;AAEA,CAAC;AACC,cAAY;AACZ,SAAO,IAAI;AACX,aAAW,IAAI;AACf,eAAa,IAAI;AACnB;AACA,CANC,cAMc,KAAK,UAAU;AAC5B,mBAAiB;AACjB,yBAAuB;AACzB;AAEA,CAAC;AACC,cAAY;AACd;AAEA,CAAC;AACC,cAAY,IAAI;AAClB;AACA,CAHC,iBAGiB,KAAK,UAAU;AAC/B,cAAY,IAAI;AAClB;AAEA,CAAC;AACC,cAAY,IAAI;AAClB;AACA,CAHC,mBAGmB,KAAK,UAAU;AACjC,cAAY,IAAI;AAClB;AAEA,CAAC;AACC,cAAY,IAAI;AAChB,SAAO,IAAI;AACb;AACA,CAJC,kBAIkB,KAAK,UAAU;AAChC,cAAY,IAAI;AAClB;AAEA,CAAC;AACC,SAAO,IAAI;AACX,UAAQ,IAAI,MAAM,IAAI;AACxB;AACA,CAJC,oBAIoB,KAAK,UAAU;AAClC,cAAY,IAAI;AAClB;AACA,CAPC,oBAOoB;AACnB,cAAY,IAAI;AAChB,SAAO,IAAI;AACX,WAAS;AACX;AAEA,CAAC;AACC,SAAO,IAAI;AACb;AACA,CAHC,iBAGiB,KAAK,UAAU;AAC/B,cAAY;AACd;AACA,CANC,iBAMiB;AAChB,cAAY,IAAI;AAChB,SAAO,IAAI;AACX,WAAS;AACX;AAEA,CAAC;AACC,cAAY,IAAI;AAClB;AACA,CAHC,kBAGkB,KAAK,UAAU;AAChC,cAAY,IAAI;AAClB;AAEA,CAAC;AACC,SAAO,IAAI;AACb;AACA,CAHC,iBAGiB,KAAK,UAAU;AAC/B,cAAY,IAAI;AAClB;AAEA,CAAC;AACC,iBAAe;AACf,WAAS,OAAO;AAChB,aAAW,IAAI;AACf,aAAW;AACX,cAAY;AACd;AAEA,CAAC;AACC,iBAAe;AACf,WAAS,OAAO;AAChB,aAAW,IAAI;AACf,aAAW;AACX,cAAY;AACd;AAEA,CAAC;AACC,iBAAe;AACf,WAAS,IAAI;AACb,aAAW,IAAI;AACf,eAAa,IAAI;AACjB,aAAW;AACX,cAAY;AACd;AAEA,CAAC;AACC,iBAAe;AACf,WAAS,MAAM;AACf,aAAW,IAAI;AACf,eAAa,IAAI;AACjB,aAAW;AACX,cAAY;AACd;AAEA,CAAC;AACC,mBAAiB;AACnB;AAEA,CAAC;AACC,mBAAiB;AACnB;AAEA,CAAC;AACC,SAAO,IAAI;AACX,WAAS;AACX;AAEA,CAAC;AACC,SAAO,IAAI;AACb;AAEA,CAAC;AACC,SAAO,IAAI;AACb;",
   "names": []
 }

package/lib/index.mjs

@@ -11,26 +11,26 @@ import { forwardRef } from "react";
 
 // src/components/Button/style.module.scss
 var style_module_default = {
-  "button": "_button_vqhwa_1",
-  "default": "_default_vqhwa_20",
-  "text": "_text_vqhwa_25",
-  "icon": "_icon_vqhwa_36",
-  "primary": "_primary_vqhwa_40",
-  "secondary": "_secondary_vqhwa_47",
-  "tertiary": "_tertiary_vqhwa_54",
-  "quaternary": "_quaternary_vqhwa_62",
-  "quinary": "_quinary_vqhwa_75",
-  "negative": "_negative_vqhwa_87",
-  "inverse": "_inverse_vqhwa_94",
-  "cta": "_cta_vqhwa_101",
-  "l": "_l_vqhwa_109",
-  "m": "_m_vqhwa_117",
-  "s": "_s_vqhwa_47",
-  "align-center": "_align-center_vqhwa_135",
-  "align-space-between": "_align-space-between_vqhwa_139",
-  "inverse-primary": "_inverse-primary_vqhwa_143",
-  "neutral-primary": "_neutral-primary_vqhwa_147",
-  "inverse-static-primary": "_inverse-static-primary_vqhwa_152"
+  "button": "_button_hdj0s_1",
+  "default": "_default_hdj0s_20",
+  "text": "_text_hdj0s_25",
+  "icon": "_icon_hdj0s_36",
+  "primary": "_primary_hdj0s_40",
+  "secondary": "_secondary_hdj0s_47",
+  "tertiary": "_tertiary_hdj0s_54",
+  "quaternary": "_quaternary_hdj0s_62",
+  "quinary": "_quinary_hdj0s_75",
+  "negative": "_negative_hdj0s_87",
+  "inverse": "_inverse_hdj0s_94",
+  "cta": "_cta_hdj0s_101",
+  "l": "_l_hdj0s_109",
+  "m": "_m_hdj0s_117",
+  "s": "_s_hdj0s_47",
+  "align-center": "_align-center_hdj0s_135",
+  "align-space-between": "_align-space-between_hdj0s_139",
+  "neutral-primary": "_neutral-primary_hdj0s_143",
+  "inverse-primary": "_inverse-primary_hdj0s_148",
+  "inverse-static-primary": "_inverse-static-primary_hdj0s_152"
 };
 
 // src/components/Button/index.tsx
@@ -56,7 +56,7 @@ var defaultButtonVariants = cva([style_module_default.button, style_module_defau
     size: {
       cta: style_module_default.cta,
       l: style_module_default.l,
-      m: style_module_default.button,
+      m: style_module_default.m,
       s: style_module_default.s
     }
   }

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';\n\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.button,\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\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>((props, ref) => {\n  const Comp = props.asChild ? Slot : 'button';\n\n  return <Comp {...props} className={clsx(iconButtonVariants({ level: props.level }))} ref={ref} />;\n});\n\nexport const Button = forwardRef<HTMLButtonElement, ButtonProps>((props, ref) => {\n  const Comp = props.asChild ? Slot : 'button';\n\n  switch (props.as) {\n    case 'default':\n    case undefined:\n      const { as, asChild, level = 'primary', align = 'center', size = 'cta', ...rest } = props;\n      return <Comp {...rest} className={clsx(defaultButtonVariants({ level, align, size }))} ref={ref} />;\n    case 'text':\n      const { as: textAs, asChild: textAsChild, level: textLevel = 'inversePrimary', ...textRest } = props;\n      return <Comp {...textRest} 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", "import 'css-chunk:src/components/Button/style.module.scss';export default {\n  \"button\": \"_button_vqhwa_1\",\n  \"default\": \"_default_vqhwa_20\",\n  \"text\": \"_text_vqhwa_25\",\n  \"icon\": \"_icon_vqhwa_36\",\n  \"primary\": \"_primary_vqhwa_40\",\n  \"secondary\": \"_secondary_vqhwa_47\",\n  \"tertiary\": \"_tertiary_vqhwa_54\",\n  \"quaternary\": \"_quaternary_vqhwa_62\",\n  \"quinary\": \"_quinary_vqhwa_75\",\n  \"negative\": \"_negative_vqhwa_87\",\n  \"inverse\": \"_inverse_vqhwa_94\",\n  \"cta\": \"_cta_vqhwa_101\",\n  \"l\": \"_l_vqhwa_109\",\n  \"m\": \"_m_vqhwa_117\",\n  \"s\": \"_s_vqhwa_47\",\n  \"align-center\": \"_align-center_vqhwa_135\",\n  \"align-space-between\": \"_align-space-between_vqhwa_139\",\n  \"inverse-primary\": \"_inverse-primary_vqhwa_143\",\n  \"neutral-primary\": \"_neutral-primary_vqhwa_147\",\n  \"inverse-static-primary\": \"_inverse-static-primary_vqhwa_152\"\n};"],
-  "mappings": "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",
+  "sourcesContent": ["export const objectToArray = <T extends Record<string, any>>(obj: T) => {\n  return Object.entries(obj);\n};\n", "import { ButtonHTMLAttributes, forwardRef } from 'react';\n\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});\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\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>((props, ref) => {\n  const Comp = props.asChild ? Slot : 'button';\n\n  return <Comp {...props} className={clsx(iconButtonVariants({ level: props.level }))} ref={ref} />;\n});\n\nexport const Button = forwardRef<HTMLButtonElement, ButtonProps>((props, ref) => {\n  const Comp = props.asChild ? Slot : 'button';\n\n  switch (props.as) {\n    case 'default':\n    case undefined:\n      const { as, asChild, level = 'primary', align = 'center', size = 'cta', ...rest } = props;\n      return <Comp {...rest} className={clsx(defaultButtonVariants({ level, align, size }))} ref={ref} />;\n    case 'text':\n      const { as: textAs, asChild: textAsChild, level: textLevel = 'inversePrimary', ...textRest } = props;\n      return <Comp {...textRest} 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", "import 'css-chunk:src/components/Button/style.module.scss';export default {\n  \"button\": \"_button_hdj0s_1\",\n  \"default\": \"_default_hdj0s_20\",\n  \"text\": \"_text_hdj0s_25\",\n  \"icon\": \"_icon_hdj0s_36\",\n  \"primary\": \"_primary_hdj0s_40\",\n  \"secondary\": \"_secondary_hdj0s_47\",\n  \"tertiary\": \"_tertiary_hdj0s_54\",\n  \"quaternary\": \"_quaternary_hdj0s_62\",\n  \"quinary\": \"_quinary_hdj0s_75\",\n  \"negative\": \"_negative_hdj0s_87\",\n  \"inverse\": \"_inverse_hdj0s_94\",\n  \"cta\": \"_cta_hdj0s_101\",\n  \"l\": \"_l_hdj0s_109\",\n  \"m\": \"_m_hdj0s_117\",\n  \"s\": \"_s_hdj0s_47\",\n  \"align-center\": \"_align-center_hdj0s_135\",\n  \"align-space-between\": \"_align-space-between_hdj0s_139\",\n  \"neutral-primary\": \"_neutral-primary_hdj0s_143\",\n  \"inverse-primary\": \"_inverse-primary_hdj0s_148\",\n  \"inverse-static-primary\": \"_inverse-static-primary_hdj0s_152\"\n};"],
+  "mappings": "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",
   "names": []
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@liner-fe/prism",
-  "version": "1.2.0",
+  "version": "1.3.1",
   "packageManager": "yarn@3.6.0",
   "scripts": {
     "dev": "next dev",
@@ -15,7 +15,10 @@
   },
   "dependencies": {
     "@liner-fe/design-token": "workspace:^",
+    "@radix-ui/react-popover": "^1.1.1",
+    "@radix-ui/react-select": "^2.1.1",
     "@radix-ui/react-slot": "^1.1.0",
+    "@radix-ui/react-toast": "^1.2.1",
     "@radix-ui/react-tooltip": "^1.1.2",
     "class-variance-authority": "^0.7.0",
     "clsx": "^2.1.1",