@liner-fe/prism 1.1.21 → 1.3.0

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

@@ -0,0 +1,17 @@
+import * as TooltipPrimitive from '@radix-ui/react-tooltip';
+import React, { ReactNode } from 'react';
+interface TooltipContentProps {
+    children?: ReactNode;
+    description?: string;
+    position?: 'top' | 'right' | 'bottom' | 'left';
+}
+export declare const Tooltip: (({ children }: {
+    children: ReactNode;
+}) => import("react/jsx-runtime").JSX.Element) & {
+    Provider: React.FC<TooltipPrimitive.TooltipProviderProps>;
+    Trigger: ({ by }: {
+        by: ReactNode;
+    }) => import("react/jsx-runtime").JSX.Element;
+    Content: React.ForwardRefExoticComponent<TooltipContentProps & React.RefAttributes<HTMLDivElement>>;
+};
+export {};

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

@@ -0,0 +1,13 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { Tooltip } from '.';
+declare const meta: Meta<typeof Tooltip.Content>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+/**
+ * 기본 툴팁
+ */
+export declare const Default: Story;
+/**
+ *  방향별 툴팁
+ */
+export declare const Position: Story;

package/lib/index.mjs

@@ -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_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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",
   "names": []
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@liner-fe/prism",
-  "version": "1.1.21",
+  "version": "1.3.0",
   "packageManager": "yarn@3.6.0",
   "scripts": {
     "dev": "next dev",
@@ -15,7 +15,11 @@
   },
   "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",
     "framer-motion": "^11.2.13",