sud-ui 1.9.2 → 2.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (43) hide show
  1. package/LICENSE +21 -0
  2. package/README.md +26 -8
  3. package/dist/components/SoonUIDesign.d.ts +11 -11
  4. package/dist/components/commonType.d.ts +10 -10
  5. package/dist/components/dataDisplay/Calendar.d.ts +9 -8
  6. package/dist/components/dataDisplay/Card.d.ts +23 -14
  7. package/dist/components/dataDisplay/Carousel.d.ts +7 -6
  8. package/dist/components/dataDisplay/Collapse.d.ts +12 -11
  9. package/dist/components/dataDisplay/Drawer.d.ts +15 -13
  10. package/dist/components/dataDisplay/Modal.d.ts +12 -11
  11. package/dist/components/dataDisplay/Segmented.d.ts +2 -1
  12. package/dist/components/dataDisplay/Table.d.ts +2 -1
  13. package/dist/components/dataDisplay/Tabs.d.ts +2 -1
  14. package/dist/components/dataEntry/Checkbox.d.ts +22 -4
  15. package/dist/components/dataEntry/ColorPicker.d.ts +2 -1
  16. package/dist/components/dataEntry/Input.d.ts +10 -10
  17. package/dist/components/dataEntry/Radio.d.ts +22 -4
  18. package/dist/components/dataEntry/Rate.d.ts +3 -2
  19. package/dist/components/dataEntry/Select.d.ts +17 -16
  20. package/dist/components/dataEntry/Slider.d.ts +2 -1
  21. package/dist/components/dataEntry/Switch.d.ts +22 -3
  22. package/dist/components/dataEntry/TimeSelector.d.ts +2 -1
  23. package/dist/components/feedback/Progress.d.ts +19 -19
  24. package/dist/components/general/Button.d.ts +11 -8
  25. package/dist/components/layout/index.d.ts +10 -10
  26. package/dist/components/navigation/Breadcrumb.d.ts +6 -4
  27. package/dist/components/navigation/Divider.d.ts +2 -1
  28. package/dist/components/navigation/Dropdown.d.ts +11 -11
  29. package/dist/components/navigation/Menu.d.ts +2 -1
  30. package/dist/components/navigation/Pagination.d.ts +2 -1
  31. package/dist/components/navigation/base/PopupBase.d.ts +15 -12
  32. package/dist/index.css +1 -1
  33. package/dist/index.d.ts +64 -64
  34. package/dist/index.js +5091 -4791
  35. package/dist/index.js.map +1 -1
  36. package/dist/theme/ThemeContext.d.ts +42 -42
  37. package/dist/theme/darkTheme.d.ts +3 -3
  38. package/dist/theme/defaultTheme.d.ts +3 -3
  39. package/dist/theme/index.d.ts +4 -4
  40. package/dist/theme/themeUtils.d.ts +80 -80
  41. package/docs/improvement-plan.md +271 -271
  42. package/docs/surface-guidelines.md +29 -29
  43. package/package.json +20 -6
package/dist/components/feedback/Progress.d.ts CHANGED
@@ -4,20 +4,20 @@ import type { tagColorType } from "../commonType";
4
4
  export type ProgressType = "bar" | "circle" | "dashboard";
5
5
  export type ProgressSize = "sm" | "md" | "lg";
6
6
 
7
- export type ProgressValuePosition =
8
- | "inside-start"
9
- | "inside-center"
10
- | "inside-end"
11
- | "outside-left"
12
- | "outside-right";
13
-
14
- export type ProgressShadow =
15
- | boolean
16
- | "none"
17
- | {
18
- gauge?: boolean | string;
19
- track?: boolean | string;
20
- };
7
+ export type ProgressValuePosition =
8
+ | "inside-start"
9
+ | "inside-center"
10
+ | "inside-end"
11
+ | "outside-left"
12
+ | "outside-right";
13
+
14
+ export type ProgressShadow =
15
+ | boolean
16
+ | "none"
17
+ | {
18
+ gauge?: boolean | string;
19
+ track?: boolean | string;
20
+ };
21
21
 
22
22
  export interface ProgressProps extends HTMLAttributes<HTMLDivElement> {
23
23
  type?: ProgressType;
@@ -30,11 +30,11 @@ export interface ProgressProps extends HTMLAttributes<HTMLDivElement> {
30
30
  colorType?: tagColorType;
31
31
  backgroundColor?: string;
32
32
  color?: string;
33
- valuePosition?: ProgressValuePosition;
34
- size?: ProgressSize;
35
- fontSize?: number;
36
- shadow?: ProgressShadow;
37
- className?: string;
33
+ valuePosition?: ProgressValuePosition;
34
+ size?: ProgressSize;
35
+ fontSize?: number;
36
+ shadow?: ProgressShadow;
37
+ className?: string;
38
38
  style?: CSSProperties;
39
39
  }
40
40
 
package/dist/components/general/Button.d.ts CHANGED
@@ -1,9 +1,10 @@
1
1
  import type {
2
- ReactNode,
3
- MouseEvent,
4
- CSSProperties,
5
- FC,
6
- HTMLAttributes
2
+ ReactNode,
3
+ MouseEvent,
4
+ CSSProperties,
5
+ ButtonHTMLAttributes,
6
+ ForwardRefExoticComponent,
7
+ RefAttributes
7
8
  } from "react";
8
9
  import type {
9
10
  defaultColorType,
@@ -16,8 +17,8 @@ export type LoadingType = "default" | "elastic" | "brush";
16
17
  export type IconPosition = "left" | "right" | "";
17
18
  export type ButtonSize = "sm" | "md" | "lg";
18
19
 
19
- export interface ButtonProps
20
- extends Omit<HTMLAttributes<HTMLButtonElement>, "onClick"> {
20
+ export interface ButtonProps
21
+ extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, "onClick"> {
21
22
  children?: ReactNode;
22
23
  colorType?: defaultColorType;
23
24
  background?: string;
@@ -45,4 +46,6 @@ export interface ButtonProps
45
46
  ariaControls?: string;
46
47
  }
47
48
 
48
- export declare const Button: FC<ButtonProps>;
49
+ export declare const Button: ForwardRefExoticComponent<
50
+ ButtonProps & RefAttributes<HTMLButtonElement>
51
+ >;
package/dist/components/layout/index.d.ts CHANGED
@@ -1,10 +1,10 @@
1
- export { default as Layout } from "./Layout/index.d";
2
- export * from "./Layout/index.d";
3
- export { default as Header } from "./Header/index.d";
4
- export * from "./Header/index.d";
5
- export { default as Sider } from "./Sider/index.d";
6
- export * from "./Sider/index.d";
7
- export { default as Content } from "./Content/index.d";
8
- export * from "./Content/index.d";
9
- export { default as Footer } from "./Footer/index.d";
10
- export * from "./Footer/index.d";
1
+ export { default as Layout } from "./Layout/index.d";
2
+ export * from "./Layout/index.d";
3
+ export { default as Header } from "./Header/index.d";
4
+ export * from "./Header/index.d";
5
+ export { default as Sider } from "./Sider/index.d";
6
+ export * from "./Sider/index.d";
7
+ export { default as Content } from "./Content/index.d";
8
+ export * from "./Content/index.d";
9
+ export { default as Footer } from "./Footer/index.d";
10
+ export * from "./Footer/index.d";
package/dist/components/navigation/Breadcrumb.d.ts CHANGED
@@ -1,10 +1,12 @@
1
1
  import type { ReactNode, CSSProperties, FC } from "react";
2
2
  import type { fontSizeType } from "../commonType";
3
3
 
4
- export interface BreadcrumbItem {
5
- label: ReactNode;
6
- href?: string;
7
- }
4
+ export interface BreadcrumbItem {
5
+ label: ReactNode;
6
+ href?: string;
7
+ target?: string;
8
+ rel?: string;
9
+ }
8
10
 
9
11
  export interface BreadcrumbProps {
10
12
  className?: string;
package/dist/components/navigation/Divider.d.ts CHANGED
@@ -3,7 +3,8 @@ import type { defaultColorType, borderType } from "../commonType";
3
3
 
4
4
  export type DividerAlign = "left" | "center" | "right" | "top" | "bottom";
5
5
 
6
- export interface DividerProps extends HTMLAttributes<HTMLDivElement> {
6
+ export interface DividerProps
7
+ extends Omit<HTMLAttributes<HTMLDivElement>, "content"> {
7
8
  content?: ReactNode;
8
9
  align?: DividerAlign;
9
10
  borderWeight?: number;
package/dist/components/navigation/Dropdown.d.ts CHANGED
@@ -3,14 +3,14 @@ import type { MenuItem } from "./Menu";
3
3
  import type { PopupPlacement, PopupTrigger } from "./base/PopupBase";
4
4
  import type {
5
5
  defaultColorType,
6
- shapeType,
7
- borderType,
8
- shadowType,
9
- surfaceType
10
- } from "../commonType";
6
+ shapeType,
7
+ borderType,
8
+ shadowType,
9
+ surfaceType
10
+ } from "../commonType";
11
11
 
12
- export interface DropdownProps
13
- extends Omit<HTMLAttributes<HTMLDivElement>, "style"> {
12
+ export interface DropdownProps
13
+ extends Omit<HTMLAttributes<HTMLDivElement>, "style" | "title"> {
14
14
  children: ReactNode;
15
15
  title?: ReactNode;
16
16
  trigger?: PopupTrigger;
@@ -27,10 +27,10 @@ export interface DropdownProps
27
27
  borderColor?: string;
28
28
  borderType?: borderType;
29
29
  borderWeight?: number;
30
- shape?: shapeType;
31
- shadow?: shadowType;
32
- surface?: surfaceType;
33
- expandType?: "accordion" | "popover";
30
+ shape?: shapeType;
31
+ shadow?: shadowType;
32
+ surface?: surfaceType;
33
+ expandType?: "accordion" | "popover";
34
34
  popupPlacement?: PopupPlacement;
35
35
  placement?: [PopupPlacement, PopupPlacement];
36
36
  colorType?: defaultColorType;
package/dist/components/navigation/Menu.d.ts CHANGED
@@ -25,7 +25,8 @@ export interface MenuItem {
25
25
  title?: ReactNode;
26
26
  }
27
27
 
28
- export interface MenuProps extends HTMLAttributes<HTMLDivElement> {
28
+ export interface MenuProps
29
+ extends Omit<HTMLAttributes<HTMLDivElement>, "onSelect"> {
29
30
  items?: MenuItem[];
30
31
  selectedKey?: string;
31
32
  defaultSelectedKey?: string;
package/dist/components/navigation/Pagination.d.ts CHANGED
@@ -6,7 +6,8 @@ export interface PaginationStyle {
6
6
  shadow?: shadowType;
7
7
  }
8
8
 
9
- export interface PaginationProps extends HTMLAttributes<HTMLDivElement> {
9
+ export interface PaginationProps
10
+ extends Omit<HTMLAttributes<HTMLDivElement>, "onChange"> {
10
11
  defaultCurrent?: number;
11
12
  total?: number;
12
13
  pageSize?: number;
package/dist/components/navigation/base/PopupBase.d.ts CHANGED
@@ -6,12 +6,12 @@ import type {
6
6
  RefObject
7
7
  } from "react";
8
8
  import type {
9
- defaultColorType,
10
- borderType,
11
- shadowType,
12
- shapeType,
13
- surfaceType
14
- } from "../../commonType";
9
+ defaultColorType,
10
+ borderType,
11
+ shadowType,
12
+ shapeType,
13
+ surfaceType
14
+ } from "../../commonType";
15
15
 
16
16
  export type PopupTrigger = "click" | "hover" | "contextMenu";
17
17
 
@@ -37,8 +37,11 @@ export type PopupVariant =
37
37
  | "Menu"
38
38
  | "popconfirm";
39
39
 
40
- export interface PopupBaseProps
41
- extends Omit<HTMLAttributes<HTMLDivElement>, "style"> {
40
+ export interface PopupBaseProps
41
+ extends Omit<
42
+ HTMLAttributes<HTMLDivElement>,
43
+ "content" | "style" | "title"
44
+ > {
42
45
  children: ReactNode;
43
46
  content: ReactNode | (() => ReactNode);
44
47
  title?: ReactNode;
@@ -57,10 +60,10 @@ export interface PopupBaseProps
57
60
  borderColor?: string;
58
61
  borderType?: borderType;
59
62
  borderWeight?: number;
60
- shape?: shapeType;
61
- shadow?: shadowType;
62
- surface?: surfaceType;
63
- colorType?: defaultColorType;
63
+ shape?: shapeType;
64
+ shadow?: shadowType;
65
+ surface?: surfaceType;
66
+ colorType?: defaultColorType;
64
67
  style?: CSSProperties;
65
68
  wrapperStyle?: CSSProperties;
66
69
  followTrigger?: boolean;
package/dist/index.css CHANGED
@@ -1 +1 @@
1
- .visible{visibility:visible}.collapse{visibility:collapse}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.contents{display:contents}.hidden{display:none}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-pointer{cursor:pointer}.resize{resize:both}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-\[10px\]{gap:10px}.gap-\[8px\]{gap:8px}.break-all{word-break:break-all}.rounded{border-radius:.25rem}.border{border-width:1px}.underline{text-decoration-line:underline}.\!shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1) !important;--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color) !important;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)!important}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline{outline-style:solid}.drop-shadow{--tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / .1)) drop-shadow(0 1px 1px rgb(0 0 0 / .06));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}@font-face{font-family:Pretendard-T;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Thin.woff2) format("woff2");font-weight:100;font-display:swap}@font-face{font-family:Pretendard-EL;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-ExtraLight.woff2) format("woff2");font-weight:200;font-display:swap}@font-face{font-family:Pretendard-L;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Light.woff2) format("woff2");font-weight:300;font-display:swap}@font-face{font-family:Pretendard-R;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Regular.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Pretendard-M;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Medium.woff2) format("woff2");font-weight:500;font-display:swap}@font-face{font-family:Pretendard-SB;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-SemiBold.woff2) format("woff2");font-weight:600;font-display:swap}@font-face{font-family:Pretendard-B;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Bold.woff2) format("woff2");font-weight:700;font-display:swap}@font-face{font-family:Pretendard-EB;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-ExtraBold.woff2) format("woff2");font-weight:800;font-display:swap}@font-face{font-family:Pretendard-Black;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Black.woff2) format("woff2");font-weight:900;font-display:swap}@font-face{font-family:GmarketSansLight;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff) format("woff");font-display:swap}@font-face{font-family:GmarketSansMedium;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff) format("woff");font-display:swap}@font-face{font-family:GmarketSansBold;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff) format("woff");font-display:swap}@font-face{font-family:SUITE-T;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-Thin.woff2) format("woff2");font-weight:100;font-display:swap}@font-face{font-family:SUITE-EL;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-ExtraLight.woff2) format("woff2");font-weight:200;font-display:swap}@font-face{font-family:SUITE-L;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-Light.woff2) format("woff2");font-weight:300;font-display:swap}@font-face{font-family:SUITE-R;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-Regular.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:SUITE-M;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-Medium.woff2) format("woff2");font-weight:500;font-display:swap}@font-face{font-family:SUITE-SM;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-SemiBold.woff2) format("woff2");font-weight:600;font-display:swap}@font-face{font-family:SUITE-B;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-Bold.woff2) format("woff2");font-weight:700;font-display:swap}@font-face{font-family:SUITE-EB;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-ExtraBold.woff2) format("woff2");font-weight:800;font-display:swap}@font-face{font-family:SUITE-H;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-Heavy.woff2) format("woff2");font-weight:900;font-display:swap}@font-face{font-family:IntelOneMono-Medium;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2307-1@1.1/intelone-mono-font-family-medium.woff2) format("woff2");font-weight:500;font-display:swap}:where(.sud-root,[class^=sud-],[class*=" sud-"]){box-sizing:border-box;font-family:Pretendard-R,sans-serif}:where(.sud-root,[class^=sud-],[class*=" sud-"]) *,:where(.sud-root,[class^=sud-],[class*=" sud-"]) *:before,:where(.sud-root,[class^=sud-],[class*=" sud-"]) *:after{box-sizing:border-box}:where(.sud-root .codding-font,[class^=sud-].codding-font,[class*=" sud-"].codding-font){font-family:IntelOneMono-Medium,monospace}:where(.sud-root,[class^=sud-],[class*=" sud-"]) a,a:where([class^=sud-],[class*=" sud-"]){color:inherit;text-decoration:none}:where(.sud-root,[class^=sud-],[class*=" sud-"]){scrollbar-width:thin;scrollbar-color:transparent transparent}:where(.sud-root,[class^=sud-],[class*=" sud-"]):hover{scrollbar-color:rgba(0,0,0,.15) transparent}:where(.sud-root,[class^=sud-],[class*=" sud-"])::-webkit-scrollbar,:where(.sud-root,[class^=sud-],[class*=" sud-"]) *::-webkit-scrollbar{width:6px;height:6px;background:transparent}:where(.sud-root,[class^=sud-],[class*=" sud-"])::-webkit-scrollbar-track,:where(.sud-root,[class^=sud-],[class*=" sud-"]) *::-webkit-scrollbar-track{background:transparent}:where(.sud-root,[class^=sud-],[class*=" sud-"])::-webkit-scrollbar-thumb,:where(.sud-root,[class^=sud-],[class*=" sud-"]) *::-webkit-scrollbar-thumb{background-color:transparent;border-radius:6px;-webkit-transition:background-color .2s;transition:background-color .2s}:where(.sud-root,[class^=sud-],[class*=" sud-"]):hover::-webkit-scrollbar-thumb,:where(.sud-root,[class^=sud-],[class*=" sud-"]):hover *::-webkit-scrollbar-thumb{background-color:#00000026}:where(.sud-root,[class^=sud-],[class*=" sud-"])::-webkit-scrollbar-thumb:hover,:where(.sud-root,[class^=sud-],[class*=" sud-"]):hover::-webkit-scrollbar-thumb:hover,:where(.sud-root,[class^=sud-],[class*=" sud-"]):hover *::-webkit-scrollbar-thumb:hover{background-color:#0000004d}.sud-hover{animation:none}.sud-hover:hover{animation:sud-hover-flash-3 1s ease-in-out}.sud-hover-1:hover{animation:sud-hover-flash-1 1s ease-in-out}@keyframes sud-hover-flash-1{0%{filter:brightness(1)}30%{filter:brightness(1.02)}to{filter:brightness(1)}}.sud-hover-2:hover{animation:sud-hover-flash-2 1s ease-in-out}@keyframes sud-hover-flash-2{0%{filter:brightness(1)}30%{filter:brightness(1.04)}to{filter:brightness(1)}}.sud-hover-3:hover{animation:sud-hover-flash-3 1s ease-in-out}@keyframes sud-hover-flash-3{0%{filter:brightness(1)}30%{filter:brightness(1.06)}to{filter:brightness(1)}}.sud-hover-4:hover{animation:sud-hover-flash-4 1s ease-in-out}@keyframes sud-hover-flash-4{0%{filter:brightness(1)}30%{filter:brightness(1.08)}to{filter:brightness(1)}}.sud-hover-5:hover{animation:sud-hover-flash-5 1s ease-in-out}@keyframes sud-hover-flash-5{0%{filter:brightness(1)}30%{filter:brightness(1.1)}to{filter:brightness(1)}}.sud-hover-6:hover{animation:sud-hover-flash-6 1s ease-in-out}@keyframes sud-hover-flash-6{0%{filter:brightness(1)}30%{filter:brightness(1.12)}to{filter:brightness(1)}}.sud-hover-7:hover{animation:sud-hover-flash-7 1s ease-in-out}@keyframes sud-hover-flash-7{0%{filter:brightness(1)}30%{filter:brightness(1.14)}to{filter:brightness(1)}}.sud-hover-8:hover{animation:sud-hover-flash-8 1s ease-in-out}@keyframes sud-hover-flash-8{0%{filter:brightness(1)}30%{filter:brightness(1.16)}to{filter:brightness(1)}}.sud-hover-9:hover{animation:sud-hover-flash-9 1s ease-in-out}@keyframes sud-hover-flash-9{0%{filter:brightness(1)}30%{filter:brightness(1.18)}to{filter:brightness(1)}}.sud-hover-10:hover{animation:sud-hover-flash-10 1s ease-in-out}@keyframes sud-hover-flash-10{0%{filter:brightness(1)}30%{filter:brightness(1.2)}to{filter:brightness(1)}}.hover-scale-1,.hover-scale-2,.hover-scale-3,.hover-scale-4,.hover-scale-5,.hover-scale-6,.hover-scale-7,.hover-scale-8,.hover-scale-9,.hover-scale-10{transition:transform .3s ease-in-out}.hover-scale-1:hover{transform:scale(.9)}.hover-scale-2:hover{transform:scale(.93)}.hover-scale-3:hover{transform:scale(.96)}.hover-scale-4:hover{transform:scale(1)}.hover-scale-5:hover{transform:scale(1.05)}.hover-scale-6:hover{transform:scale(1.08)}.hover-scale-7:hover{transform:scale(1.12)}.hover-scale-8:hover{transform:scale(1.16)}.hover-scale-9:hover{transform:scale(1.2)}.hover-scale-10:hover{transform:scale(1.25)}@keyframes bounce-1{0%{transform:translateY(0)}20%{transform:translateY(-2px)}40%{transform:translateY(1px)}60%{transform:translateY(-0px)}80%{transform:translateY(0)}to{transform:translateY(0)}}.hover-bounce-1:hover{animation:bounce-1 .4s ease-out}@keyframes bounce-2{0%{transform:translateY(0)}20%{transform:translateY(-4px)}40%{transform:translateY(2px)}60%{transform:translateY(-1px)}80%{transform:translateY(0)}to{transform:translateY(0)}}.hover-bounce-2:hover{animation:bounce-2 .4s ease-out}@keyframes bounce-3{0%{transform:translateY(0)}20%{transform:translateY(-6px)}40%{transform:translateY(3px)}60%{transform:translateY(-1px)}80%{transform:translateY(1px)}to{transform:translateY(0)}}.hover-bounce-3:hover{animation:bounce-3 .4s ease-out}@keyframes bounce-4{0%{transform:translateY(0)}20%{transform:translateY(-8px)}40%{transform:translateY(4px)}60%{transform:translateY(-2px)}80%{transform:translateY(1px)}to{transform:translateY(0)}}.hover-bounce-4:hover{animation:bounce-4 .4s ease-out}@keyframes bounce-5{0%{transform:translateY(0)}20%{transform:translateY(-10px)}40%{transform:translateY(5px)}60%{transform:translateY(-2px)}80%{transform:translateY(1px)}to{transform:translateY(0)}}.hover-bounce-5:hover{animation:bounce-5 .4s ease-out}@keyframes bounce-6{0%{transform:translateY(0)}20%{transform:translateY(-12px)}40%{transform:translateY(6px)}60%{transform:translateY(-3px)}80%{transform:translateY(2px)}to{transform:translateY(0)}}.hover-bounce-6:hover{animation:bounce-6 .4s ease-out}@keyframes bounce-7{0%{transform:translateY(0)}20%{transform:translateY(-14px)}40%{transform:translateY(7px)}60%{transform:translateY(-3px)}80%{transform:translateY(2px)}to{transform:translateY(0)}}.hover-bounce-7:hover{animation:bounce-7 .4s ease-out}@keyframes bounce-8{0%{transform:translateY(0)}20%{transform:translateY(-16px)}40%{transform:translateY(8px)}60%{transform:translateY(-4px)}80%{transform:translateY(2px)}to{transform:translateY(0)}}.hover-bounce-8:hover{animation:bounce-8 .4s ease-out}@keyframes bounce-9{0%{transform:translateY(0)}20%{transform:translateY(-18px)}40%{transform:translateY(9px)}60%{transform:translateY(-4px)}80%{transform:translateY(3px)}to{transform:translateY(0)}}.hover-bounce-9:hover{animation:bounce-9 .4s ease-out}@keyframes bounce-10{0%{transform:translateY(0)}20%{transform:translateY(-20px)}40%{transform:translateY(10px)}60%{transform:translateY(-5px)}80%{transform:translateY(3px)}to{transform:translateY(0)}}.hover-bounce-10:hover{animation:bounce-10 .4s ease-out}@keyframes hover-pulse-1{0%{transform:scale(1)}25%{transform:scale(1.02)}50%{transform:scale(.985)}75%{transform:scale(1.01)}to{transform:scale(1)}}.hover-pulse-1:hover{animation:hover-pulse-1 .4s ease-in-out}@keyframes hover-pulse-2{0%{transform:scale(1)}25%{transform:scale(1.04)}50%{transform:scale(.97)}75%{transform:scale(1.02)}to{transform:scale(1)}}.hover-pulse-2:hover{animation:hover-pulse-2 .4s ease-in-out}@keyframes hover-pulse-3{0%{transform:scale(1)}25%{transform:scale(1.06)}50%{transform:scale(.955)}75%{transform:scale(1.03)}to{transform:scale(1)}}.hover-pulse-3:hover{animation:hover-pulse-3 .4s ease-in-out}@keyframes hover-pulse-4{0%{transform:scale(1)}25%{transform:scale(1.08)}50%{transform:scale(.94)}75%{transform:scale(1.04)}to{transform:scale(1)}}.hover-pulse-4:hover{animation:hover-pulse-4 .4s ease-in-out}@keyframes hover-pulse-5{0%{transform:scale(1)}25%{transform:scale(1.1)}50%{transform:scale(.925)}75%{transform:scale(1.05)}to{transform:scale(1)}}.hover-pulse-5:hover{animation:hover-pulse-5 .4s ease-in-out}@keyframes hover-pulse-6{0%{transform:scale(1)}25%{transform:scale(1.12)}50%{transform:scale(.91)}75%{transform:scale(1.06)}to{transform:scale(1)}}.hover-pulse-6:hover{animation:hover-pulse-6 .4s ease-in-out}@keyframes hover-pulse-7{0%{transform:scale(1)}25%{transform:scale(1.14)}50%{transform:scale(.895)}75%{transform:scale(1.07)}to{transform:scale(1)}}.hover-pulse-7:hover{animation:hover-pulse-7 .4s ease-in-out}@keyframes hover-pulse-8{0%{transform:scale(1)}25%{transform:scale(1.16)}50%{transform:scale(.88)}75%{transform:scale(1.08)}to{transform:scale(1)}}.hover-pulse-8:hover{animation:hover-pulse-8 .4s ease-in-out}@keyframes hover-pulse-9{0%{transform:scale(1)}25%{transform:scale(1.18)}50%{transform:scale(.865)}75%{transform:scale(1.09)}to{transform:scale(1)}}.hover-pulse-9:hover{animation:hover-pulse-9 .4s ease-in-out}@keyframes hover-pulse-10{0%{transform:scale(1)}25%{transform:scale(1.2)}50%{transform:scale(.85)}75%{transform:scale(1.1)}to{transform:scale(1)}}.hover-pulse-10:hover{animation:hover-pulse-10 .4s ease-in-out}@keyframes shake-1{0%,to{transform:translate(0)}50%{transform:translate(-1px)}}.hover-shake-1:hover{animation:shake-1 .2s ease-in-out}@keyframes shake-2{0%,to{transform:translate(0)}25%{transform:translate(-2px)}75%{transform:translate(2px)}}.hover-shake-2:hover{animation:shake-2 .25s ease-in-out}@keyframes shake-3{0%,to{transform:translate(0)}20%{transform:translate(-3px)}50%{transform:translate(3px)}80%{transform:translate(-2px)}}.hover-shake-3:hover{animation:shake-3 .3s ease-in-out}@keyframes shake-4{0%,to{transform:translate(0)}15%{transform:translate(-4px)}30%{transform:translate(4px)}45%{transform:translate(-3px)}60%{transform:translate(3px)}75%{transform:translate(-2px)}}.hover-shake-4:hover{animation:shake-4 .3s ease-in-out}@keyframes shake-5{0%,to{transform:translate(0)}10%{transform:translate(-5px)}20%{transform:translate(5px)}30%{transform:translate(-4px)}40%{transform:translate(4px)}50%{transform:translate(-3px)}60%{transform:translate(3px)}}.hover-shake-5:hover{animation:shake-5 .35s ease-in-out}@keyframes shake-6{0%,to{transform:translate(0)}10%{transform:translate(-6px)}20%{transform:translate(6px)}30%{transform:translate(-5px)}40%{transform:translate(5px)}50%{transform:translate(-4px)}60%{transform:translate(4px)}70%{transform:translate(-3px)}80%{transform:translate(3px)}}.hover-shake-6:hover{animation:shake-6 .4s ease-in-out}@keyframes shake-7{0%,to{transform:translate(0)}8%{transform:translate(-7px)}16%{transform:translate(7px)}24%{transform:translate(-6px)}32%{transform:translate(6px)}40%{transform:translate(-5px)}48%{transform:translate(5px)}56%{transform:translate(-4px)}64%{transform:translate(4px)}72%{transform:translate(-3px)}80%{transform:translate(3px)}}.hover-shake-7:hover{animation:shake-7 .45s ease-in-out}@keyframes shake-8{0%,to{transform:translate(0)}7%{transform:translate(-8px)}14%{transform:translate(8px)}21%{transform:translate(-7px)}28%{transform:translate(7px)}35%{transform:translate(-6px)}42%{transform:translate(6px)}49%{transform:translate(-5px)}56%{transform:translate(5px)}63%{transform:translate(-4px)}70%{transform:translate(4px)}77%{transform:translate(-3px)}84%{transform:translate(3px)}}.hover-shake-8:hover{animation:shake-8 .5s ease-in-out}@keyframes shake-9{0%,to{transform:translate(0)}6%{transform:translate(-9px)}12%{transform:translate(9px)}18%{transform:translate(-8px)}24%{transform:translate(8px)}30%{transform:translate(-7px)}36%{transform:translate(7px)}42%{transform:translate(-6px)}48%{transform:translate(6px)}54%{transform:translate(-5px)}60%{transform:translate(5px)}66%{transform:translate(-4px)}72%{transform:translate(4px)}78%{transform:translate(-3px)}84%{transform:translate(3px)}}.hover-shake-9:hover{animation:shake-9 .55s ease-in-out}@keyframes shake-10{0%,to{transform:translate(0)}5%{transform:translate(-10px)}10%{transform:translate(10px)}15%{transform:translate(-9px)}20%{transform:translate(9px)}25%{transform:translate(-8px)}30%{transform:translate(8px)}35%{transform:translate(-7px)}40%{transform:translate(7px)}45%{transform:translate(-6px)}50%{transform:translate(6px)}55%{transform:translate(-5px)}60%{transform:translate(5px)}65%{transform:translate(-4px)}70%{transform:translate(4px)}75%{transform:translate(-3px)}80%{transform:translate(3px)}85%{transform:translate(-2px)}90%{transform:translate(2px)}}.hover-shake-10:hover{animation:shake-10 .6s ease-in-out}:where(.sud-root .shadow-sm,[class^=sud-].shadow-sm,[class*=" sud-"].shadow-sm){box-shadow:0 1px 3px #0000001f,0 1px 2px #00000014}:where(.sud-root .shadow-md,[class^=sud-].shadow-md,[class*=" sud-"].shadow-md){box-shadow:0 4px 6px -1px #00000029,0 2px 4px -1px #0000001f}:where(.sud-root .shadow-lg,[class^=sud-].shadow-lg,[class*=" sud-"].shadow-lg){box-shadow:0 10px 15px -3px #0003,0 4px 6px -2px #0000001f}.hover-shadow-1:hover{box-shadow:0 2px 4px #0000001f!important}.hover-shadow-2:hover{box-shadow:0 4px 6px -1px #00000024,0 2px 4px -1px #0000001a!important}.hover-shadow-3:hover{box-shadow:0 6px 8px -1px #00000029,0 3px 6px -1px #0000001f!important}.hover-shadow-4:hover{box-shadow:0 8px 12px -2px #0000002e,0 4px 8px -2px #0000001f!important}.hover-shadow-5:hover{box-shadow:0 10px 15px -3px #0003,0 4px 6px -2px #0000001f!important}.hover-shadow-6:hover{box-shadow:0 12px 20px -4px #00000038,0 6px 8px -3px #0000001f!important}.hover-shadow-7:hover{box-shadow:0 16px 24px -4px #0000003d,0 8px 12px -4px #0000001f!important}.hover-shadow-8:hover{box-shadow:0 20px 25px -5px #00000042,0 10px 10px -5px #0000001f!important}.hover-shadow-9:hover{box-shadow:0 24px 30px -6px #00000047,0 12px 14px -6px #0000001f!important}.hover-shadow-10:hover{box-shadow:0 30px 40px -8px #0000004d,0 16px 20px -8px #0000001f!important}.hover-shadow-1,.hover-shadow-2,.hover-shadow-3,.hover-shadow-4,.hover-shadow-5,.hover-shadow-6,.hover-shadow-7,.hover-shadow-8,.hover-shadow-9,.hover-shadow-10{transition:box-shadow .3s ease-in-out}
1
+ .visible{visibility:visible}.collapse{visibility:collapse}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.contents{display:contents}.hidden{display:none}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-pointer{cursor:pointer}.resize{resize:both}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-\[10px\]{gap:10px}.gap-\[8px\]{gap:8px}.break-all{word-break:break-all}.rounded{border-radius:.25rem}.border{border-width:1px}.underline{text-decoration-line:underline}.\!shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1) !important;--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color) !important;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)!important}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline{outline-style:solid}.drop-shadow{--tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / .1)) drop-shadow(0 1px 1px rgb(0 0 0 / .06));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}@font-face{font-family:Pretendard-T;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Thin.woff2) format("woff2");font-weight:100;font-display:swap}@font-face{font-family:Pretendard-EL;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-ExtraLight.woff2) format("woff2");font-weight:200;font-display:swap}@font-face{font-family:Pretendard-L;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Light.woff2) format("woff2");font-weight:300;font-display:swap}@font-face{font-family:Pretendard-R;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Regular.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Pretendard-M;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Medium.woff2) format("woff2");font-weight:500;font-display:swap}@font-face{font-family:Pretendard-SB;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-SemiBold.woff2) format("woff2");font-weight:600;font-display:swap}@font-face{font-family:Pretendard-B;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Bold.woff2) format("woff2");font-weight:700;font-display:swap}@font-face{font-family:Pretendard-EB;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-ExtraBold.woff2) format("woff2");font-weight:800;font-display:swap}@font-face{font-family:Pretendard-Black;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Black.woff2) format("woff2");font-weight:900;font-display:swap}@font-face{font-family:GmarketSansLight;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff) format("woff");font-display:swap}@font-face{font-family:GmarketSansMedium;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff) format("woff");font-display:swap}@font-face{font-family:GmarketSansBold;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff) format("woff");font-display:swap}@font-face{font-family:SUITE-T;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-Thin.woff2) format("woff2");font-weight:100;font-display:swap}@font-face{font-family:SUITE-EL;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-ExtraLight.woff2) format("woff2");font-weight:200;font-display:swap}@font-face{font-family:SUITE-L;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-Light.woff2) format("woff2");font-weight:300;font-display:swap}@font-face{font-family:SUITE-R;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-Regular.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:SUITE-M;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-Medium.woff2) format("woff2");font-weight:500;font-display:swap}@font-face{font-family:SUITE-SM;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-SemiBold.woff2) format("woff2");font-weight:600;font-display:swap}@font-face{font-family:SUITE-B;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-Bold.woff2) format("woff2");font-weight:700;font-display:swap}@font-face{font-family:SUITE-EB;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-ExtraBold.woff2) format("woff2");font-weight:800;font-display:swap}@font-face{font-family:SUITE-H;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-Heavy.woff2) format("woff2");font-weight:900;font-display:swap}@font-face{font-family:IntelOneMono-Medium;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2307-1@1.1/intelone-mono-font-family-medium.woff2) format("woff2");font-weight:500;font-display:swap}:where(.sud-root,[class^=sud-],[class*=" sud-"]){box-sizing:border-box;font-family:Pretendard-R,sans-serif}:where(.sud-root,[class^=sud-],[class*=" sud-"]) *,:where(.sud-root,[class^=sud-],[class*=" sud-"]) *:before,:where(.sud-root,[class^=sud-],[class*=" sud-"]) *:after{box-sizing:border-box}:where(.sud-root .codding-font,[class^=sud-].codding-font,[class*=" sud-"].codding-font){font-family:IntelOneMono-Medium,monospace}:where(.sud-root,[class^=sud-],[class*=" sud-"]) a,a:where([class^=sud-],[class*=" sud-"]){color:inherit;text-decoration:none}:where(.sud-root,[class^=sud-],[class*=" sud-"]){scrollbar-width:thin;scrollbar-color:transparent transparent}:where(.sud-root,[class^=sud-],[class*=" sud-"]):hover{scrollbar-color:rgba(0,0,0,.15) transparent}:where(.sud-root,[class^=sud-],[class*=" sud-"])::-webkit-scrollbar,:where(.sud-root,[class^=sud-],[class*=" sud-"]) *::-webkit-scrollbar{width:6px;height:6px;background:transparent}:where(.sud-root,[class^=sud-],[class*=" sud-"])::-webkit-scrollbar-track,:where(.sud-root,[class^=sud-],[class*=" sud-"]) *::-webkit-scrollbar-track{background:transparent}:where(.sud-root,[class^=sud-],[class*=" sud-"])::-webkit-scrollbar-thumb,:where(.sud-root,[class^=sud-],[class*=" sud-"]) *::-webkit-scrollbar-thumb{background-color:transparent;border-radius:6px;-webkit-transition:background-color .2s;transition:background-color .2s}:where(.sud-root,[class^=sud-],[class*=" sud-"]):hover::-webkit-scrollbar-thumb,:where(.sud-root,[class^=sud-],[class*=" sud-"]):hover *::-webkit-scrollbar-thumb{background-color:#00000026}:where(.sud-root,[class^=sud-],[class*=" sud-"])::-webkit-scrollbar-thumb:hover,:where(.sud-root,[class^=sud-],[class*=" sud-"]):hover::-webkit-scrollbar-thumb:hover,:where(.sud-root,[class^=sud-],[class*=" sud-"]):hover *::-webkit-scrollbar-thumb:hover{background-color:#0000004d}.sud-hover{animation:none}.sud-hover:hover{animation:sud-hover-flash-3 1s ease-in-out}.sud-hover-1:hover{animation:sud-hover-flash-1 1s ease-in-out}@keyframes sud-hover-flash-1{0%{filter:brightness(1)}30%{filter:brightness(1.02)}to{filter:brightness(1)}}.sud-hover-2:hover{animation:sud-hover-flash-2 1s ease-in-out}@keyframes sud-hover-flash-2{0%{filter:brightness(1)}30%{filter:brightness(1.04)}to{filter:brightness(1)}}.sud-hover-3:hover{animation:sud-hover-flash-3 1s ease-in-out}@keyframes sud-hover-flash-3{0%{filter:brightness(1)}30%{filter:brightness(1.06)}to{filter:brightness(1)}}.sud-hover-4:hover{animation:sud-hover-flash-4 1s ease-in-out}@keyframes sud-hover-flash-4{0%{filter:brightness(1)}30%{filter:brightness(1.08)}to{filter:brightness(1)}}.sud-hover-5:hover{animation:sud-hover-flash-5 1s ease-in-out}@keyframes sud-hover-flash-5{0%{filter:brightness(1)}30%{filter:brightness(1.1)}to{filter:brightness(1)}}.sud-hover-6:hover{animation:sud-hover-flash-6 1s ease-in-out}@keyframes sud-hover-flash-6{0%{filter:brightness(1)}30%{filter:brightness(1.12)}to{filter:brightness(1)}}.sud-hover-7:hover{animation:sud-hover-flash-7 1s ease-in-out}@keyframes sud-hover-flash-7{0%{filter:brightness(1)}30%{filter:brightness(1.14)}to{filter:brightness(1)}}.sud-hover-8:hover{animation:sud-hover-flash-8 1s ease-in-out}@keyframes sud-hover-flash-8{0%{filter:brightness(1)}30%{filter:brightness(1.16)}to{filter:brightness(1)}}.sud-hover-9:hover{animation:sud-hover-flash-9 1s ease-in-out}@keyframes sud-hover-flash-9{0%{filter:brightness(1)}30%{filter:brightness(1.18)}to{filter:brightness(1)}}.sud-hover-10:hover{animation:sud-hover-flash-10 1s ease-in-out}@keyframes sud-hover-flash-10{0%{filter:brightness(1)}30%{filter:brightness(1.2)}to{filter:brightness(1)}}.hover-scale-1,.hover-scale-2,.hover-scale-3,.hover-scale-4,.hover-scale-5,.hover-scale-6,.hover-scale-7,.hover-scale-8,.hover-scale-9,.hover-scale-10{transition:transform .3s ease-in-out}.hover-scale-1:hover{transform:scale(.9)}.hover-scale-2:hover{transform:scale(.93)}.hover-scale-3:hover{transform:scale(.96)}.hover-scale-4:hover{transform:scale(1)}.hover-scale-5:hover{transform:scale(1.05)}.hover-scale-6:hover{transform:scale(1.08)}.hover-scale-7:hover{transform:scale(1.12)}.hover-scale-8:hover{transform:scale(1.16)}.hover-scale-9:hover{transform:scale(1.2)}.hover-scale-10:hover{transform:scale(1.25)}@keyframes bounce-1{0%{transform:translateY(0)}20%{transform:translateY(-2px)}40%{transform:translateY(1px)}60%{transform:translateY(-0px)}80%{transform:translateY(0)}to{transform:translateY(0)}}.hover-bounce-1:hover{animation:bounce-1 .4s ease-out}@keyframes bounce-2{0%{transform:translateY(0)}20%{transform:translateY(-4px)}40%{transform:translateY(2px)}60%{transform:translateY(-1px)}80%{transform:translateY(0)}to{transform:translateY(0)}}.hover-bounce-2:hover{animation:bounce-2 .4s ease-out}@keyframes bounce-3{0%{transform:translateY(0)}20%{transform:translateY(-6px)}40%{transform:translateY(3px)}60%{transform:translateY(-1px)}80%{transform:translateY(1px)}to{transform:translateY(0)}}.hover-bounce-3:hover{animation:bounce-3 .4s ease-out}@keyframes bounce-4{0%{transform:translateY(0)}20%{transform:translateY(-8px)}40%{transform:translateY(4px)}60%{transform:translateY(-2px)}80%{transform:translateY(1px)}to{transform:translateY(0)}}.hover-bounce-4:hover{animation:bounce-4 .4s ease-out}@keyframes bounce-5{0%{transform:translateY(0)}20%{transform:translateY(-10px)}40%{transform:translateY(5px)}60%{transform:translateY(-2px)}80%{transform:translateY(1px)}to{transform:translateY(0)}}.hover-bounce-5:hover{animation:bounce-5 .4s ease-out}@keyframes bounce-6{0%{transform:translateY(0)}20%{transform:translateY(-12px)}40%{transform:translateY(6px)}60%{transform:translateY(-3px)}80%{transform:translateY(2px)}to{transform:translateY(0)}}.hover-bounce-6:hover{animation:bounce-6 .4s ease-out}@keyframes bounce-7{0%{transform:translateY(0)}20%{transform:translateY(-14px)}40%{transform:translateY(7px)}60%{transform:translateY(-3px)}80%{transform:translateY(2px)}to{transform:translateY(0)}}.hover-bounce-7:hover{animation:bounce-7 .4s ease-out}@keyframes bounce-8{0%{transform:translateY(0)}20%{transform:translateY(-16px)}40%{transform:translateY(8px)}60%{transform:translateY(-4px)}80%{transform:translateY(2px)}to{transform:translateY(0)}}.hover-bounce-8:hover{animation:bounce-8 .4s ease-out}@keyframes bounce-9{0%{transform:translateY(0)}20%{transform:translateY(-18px)}40%{transform:translateY(9px)}60%{transform:translateY(-4px)}80%{transform:translateY(3px)}to{transform:translateY(0)}}.hover-bounce-9:hover{animation:bounce-9 .4s ease-out}@keyframes bounce-10{0%{transform:translateY(0)}20%{transform:translateY(-20px)}40%{transform:translateY(10px)}60%{transform:translateY(-5px)}80%{transform:translateY(3px)}to{transform:translateY(0)}}.hover-bounce-10:hover{animation:bounce-10 .4s ease-out}@keyframes hover-pulse-1{0%{transform:scale(1)}25%{transform:scale(1.02)}50%{transform:scale(.985)}75%{transform:scale(1.01)}to{transform:scale(1)}}.hover-pulse-1:hover{animation:hover-pulse-1 .4s ease-in-out}@keyframes hover-pulse-2{0%{transform:scale(1)}25%{transform:scale(1.04)}50%{transform:scale(.97)}75%{transform:scale(1.02)}to{transform:scale(1)}}.hover-pulse-2:hover{animation:hover-pulse-2 .4s ease-in-out}@keyframes hover-pulse-3{0%{transform:scale(1)}25%{transform:scale(1.06)}50%{transform:scale(.955)}75%{transform:scale(1.03)}to{transform:scale(1)}}.hover-pulse-3:hover{animation:hover-pulse-3 .4s ease-in-out}@keyframes hover-pulse-4{0%{transform:scale(1)}25%{transform:scale(1.08)}50%{transform:scale(.94)}75%{transform:scale(1.04)}to{transform:scale(1)}}.hover-pulse-4:hover{animation:hover-pulse-4 .4s ease-in-out}@keyframes hover-pulse-5{0%{transform:scale(1)}25%{transform:scale(1.1)}50%{transform:scale(.925)}75%{transform:scale(1.05)}to{transform:scale(1)}}.hover-pulse-5:hover{animation:hover-pulse-5 .4s ease-in-out}@keyframes hover-pulse-6{0%{transform:scale(1)}25%{transform:scale(1.12)}50%{transform:scale(.91)}75%{transform:scale(1.06)}to{transform:scale(1)}}.hover-pulse-6:hover{animation:hover-pulse-6 .4s ease-in-out}@keyframes hover-pulse-7{0%{transform:scale(1)}25%{transform:scale(1.14)}50%{transform:scale(.895)}75%{transform:scale(1.07)}to{transform:scale(1)}}.hover-pulse-7:hover{animation:hover-pulse-7 .4s ease-in-out}@keyframes hover-pulse-8{0%{transform:scale(1)}25%{transform:scale(1.16)}50%{transform:scale(.88)}75%{transform:scale(1.08)}to{transform:scale(1)}}.hover-pulse-8:hover{animation:hover-pulse-8 .4s ease-in-out}@keyframes hover-pulse-9{0%{transform:scale(1)}25%{transform:scale(1.18)}50%{transform:scale(.865)}75%{transform:scale(1.09)}to{transform:scale(1)}}.hover-pulse-9:hover{animation:hover-pulse-9 .4s ease-in-out}@keyframes hover-pulse-10{0%{transform:scale(1)}25%{transform:scale(1.2)}50%{transform:scale(.85)}75%{transform:scale(1.1)}to{transform:scale(1)}}.hover-pulse-10:hover{animation:hover-pulse-10 .4s ease-in-out}@keyframes shake-1{0%,to{transform:translate(0)}50%{transform:translate(-1px)}}.hover-shake-1:hover{animation:shake-1 .2s ease-in-out}@keyframes shake-2{0%,to{transform:translate(0)}25%{transform:translate(-2px)}75%{transform:translate(2px)}}.hover-shake-2:hover{animation:shake-2 .25s ease-in-out}@keyframes shake-3{0%,to{transform:translate(0)}20%{transform:translate(-3px)}50%{transform:translate(3px)}80%{transform:translate(-2px)}}.hover-shake-3:hover{animation:shake-3 .3s ease-in-out}@keyframes shake-4{0%,to{transform:translate(0)}15%{transform:translate(-4px)}30%{transform:translate(4px)}45%{transform:translate(-3px)}60%{transform:translate(3px)}75%{transform:translate(-2px)}}.hover-shake-4:hover{animation:shake-4 .3s ease-in-out}@keyframes shake-5{0%,to{transform:translate(0)}10%{transform:translate(-5px)}20%{transform:translate(5px)}30%{transform:translate(-4px)}40%{transform:translate(4px)}50%{transform:translate(-3px)}60%{transform:translate(3px)}}.hover-shake-5:hover{animation:shake-5 .35s ease-in-out}@keyframes shake-6{0%,to{transform:translate(0)}10%{transform:translate(-6px)}20%{transform:translate(6px)}30%{transform:translate(-5px)}40%{transform:translate(5px)}50%{transform:translate(-4px)}60%{transform:translate(4px)}70%{transform:translate(-3px)}80%{transform:translate(3px)}}.hover-shake-6:hover{animation:shake-6 .4s ease-in-out}@keyframes shake-7{0%,to{transform:translate(0)}8%{transform:translate(-7px)}16%{transform:translate(7px)}24%{transform:translate(-6px)}32%{transform:translate(6px)}40%{transform:translate(-5px)}48%{transform:translate(5px)}56%{transform:translate(-4px)}64%{transform:translate(4px)}72%{transform:translate(-3px)}80%{transform:translate(3px)}}.hover-shake-7:hover{animation:shake-7 .45s ease-in-out}@keyframes shake-8{0%,to{transform:translate(0)}7%{transform:translate(-8px)}14%{transform:translate(8px)}21%{transform:translate(-7px)}28%{transform:translate(7px)}35%{transform:translate(-6px)}42%{transform:translate(6px)}49%{transform:translate(-5px)}56%{transform:translate(5px)}63%{transform:translate(-4px)}70%{transform:translate(4px)}77%{transform:translate(-3px)}84%{transform:translate(3px)}}.hover-shake-8:hover{animation:shake-8 .5s ease-in-out}@keyframes shake-9{0%,to{transform:translate(0)}6%{transform:translate(-9px)}12%{transform:translate(9px)}18%{transform:translate(-8px)}24%{transform:translate(8px)}30%{transform:translate(-7px)}36%{transform:translate(7px)}42%{transform:translate(-6px)}48%{transform:translate(6px)}54%{transform:translate(-5px)}60%{transform:translate(5px)}66%{transform:translate(-4px)}72%{transform:translate(4px)}78%{transform:translate(-3px)}84%{transform:translate(3px)}}.hover-shake-9:hover{animation:shake-9 .55s ease-in-out}@keyframes shake-10{0%,to{transform:translate(0)}5%{transform:translate(-10px)}10%{transform:translate(10px)}15%{transform:translate(-9px)}20%{transform:translate(9px)}25%{transform:translate(-8px)}30%{transform:translate(8px)}35%{transform:translate(-7px)}40%{transform:translate(7px)}45%{transform:translate(-6px)}50%{transform:translate(6px)}55%{transform:translate(-5px)}60%{transform:translate(5px)}65%{transform:translate(-4px)}70%{transform:translate(4px)}75%{transform:translate(-3px)}80%{transform:translate(3px)}85%{transform:translate(-2px)}90%{transform:translate(2px)}}.hover-shake-10:hover{animation:shake-10 .6s ease-in-out}:where(.sud-root .shadow-sm,[class^=sud-].shadow-sm,[class*=" sud-"].shadow-sm){box-shadow:0 1px 3px #0000001f,0 1px 2px #00000014}:where(.sud-root .shadow-md,[class^=sud-].shadow-md,[class*=" sud-"].shadow-md){box-shadow:0 4px 6px -1px #00000029,0 2px 4px -1px #0000001f}:where(.sud-root .shadow-lg,[class^=sud-].shadow-lg,[class*=" sud-"].shadow-lg){box-shadow:0 10px 15px -3px #0003,0 4px 6px -2px #0000001f}.hover-shadow-1:hover{box-shadow:0 2px 4px #0000001f!important}.hover-shadow-2:hover{box-shadow:0 4px 6px -1px #00000024,0 2px 4px -1px #0000001a!important}.hover-shadow-3:hover{box-shadow:0 6px 8px -1px #00000029,0 3px 6px -1px #0000001f!important}.hover-shadow-4:hover{box-shadow:0 8px 12px -2px #0000002e,0 4px 8px -2px #0000001f!important}.hover-shadow-5:hover{box-shadow:0 10px 15px -3px #0003,0 4px 6px -2px #0000001f!important}.hover-shadow-6:hover{box-shadow:0 12px 20px -4px #00000038,0 6px 8px -3px #0000001f!important}.hover-shadow-7:hover{box-shadow:0 16px 24px -4px #0000003d,0 8px 12px -4px #0000001f!important}.hover-shadow-8:hover{box-shadow:0 20px 25px -5px #00000042,0 10px 10px -5px #0000001f!important}.hover-shadow-9:hover{box-shadow:0 24px 30px -6px #00000047,0 12px 14px -6px #0000001f!important}.hover-shadow-10:hover{box-shadow:0 30px 40px -8px #0000004d,0 16px 20px -8px #0000001f!important}.hover-shadow-1,.hover-shadow-2,.hover-shadow-3,.hover-shadow-4,.hover-shadow-5,.hover-shadow-6,.hover-shadow-7,.hover-shadow-8,.hover-shadow-9,.hover-shadow-10{transition:box-shadow .3s ease-in-out}@media (prefers-reduced-motion: reduce){:where(.sud-root,[class^=sud-],[class*=" sud-"]),:where(.sud-root,[class^=sud-],[class*=" sud-"]) *,:where(.sud-root,[class^=sud-],[class*=" sud-"]) *:before,:where(.sud-root,[class^=sud-],[class*=" sud-"]) *:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
package/dist/index.d.ts CHANGED
@@ -3,69 +3,69 @@ export * from "./components/SoonUIDesign.d";
3
3
  export * from "./components/general/Button.d";
4
4
  export * from "./components/general/Typography.d";
5
5
  export * from "./components/general/FloatButton.d";
6
- export * from "./components/dataDisplay/Badge.d";
7
- export * from "./components/dataDisplay/Accordion.d";
8
- export { default as Avatar } from "./components/dataDisplay/Avatar.d";
9
- export * from "./components/dataDisplay/Avatar.d";
10
- export * from "./components/dataDisplay/Calendar.d";
11
- export * from "./components/dataDisplay/Card.d";
12
- export * from "./components/dataDisplay/Carousel.d";
13
- export * from "./components/dataDisplay/Collapse.d";
6
+ export * from "./components/dataDisplay/Badge.d";
7
+ export * from "./components/dataDisplay/Accordion.d";
8
+ export { default as Avatar } from "./components/dataDisplay/Avatar.d";
9
+ export * from "./components/dataDisplay/Avatar.d";
10
+ export * from "./components/dataDisplay/Calendar.d";
11
+ export * from "./components/dataDisplay/Card.d";
12
+ export * from "./components/dataDisplay/Carousel.d";
13
+ export * from "./components/dataDisplay/Collapse.d";
14
14
  export * from "./components/dataDisplay/Drawer.d";
15
15
  export * from "./components/dataDisplay/Image.d";
16
- export * from "./components/dataDisplay/List.d";
17
- export * from "./components/dataDisplay/Modal.d";
18
- export * from "./components/dataDisplay/Popover.d";
19
- export * from "./components/dataDisplay/Segmented.d";
20
- export * from "./components/dataDisplay/Table.d";
21
- export { default as Timeline } from "./components/dataDisplay/Timeline.d";
22
- export * from "./components/dataDisplay/Timeline.d";
23
- export { default as Tabs } from "./components/dataDisplay/Tabs.d";
24
- export * from "./components/dataDisplay/Tabs.d";
25
- export { default as Tag } from "./components/dataDisplay/Tag.d";
26
- export * from "./components/dataDisplay/Tag.d";
27
- export * from "./components/dataDisplay/Tooltip.d";
28
- export { default as Checkbox } from "./components/dataEntry/Checkbox.d";
29
- export * from "./components/dataEntry/Checkbox.d";
30
- export { default as ColorPicker } from "./components/dataEntry/ColorPicker.d";
31
- export * from "./components/dataEntry/ColorPicker.d";
32
- export { default as DatePicker } from "./components/dataEntry/DatePicker.d";
33
- export * from "./components/dataEntry/DatePicker.d";
34
- export { default as Input } from "./components/dataEntry/Input.d";
35
- export * from "./components/dataEntry/Input.d";
36
- export { default as Radio } from "./components/dataEntry/Radio.d";
37
- export * from "./components/dataEntry/Radio.d";
38
- export * from "./components/dataEntry/Rate.d";
39
- export { default as Select } from "./components/dataEntry/Select.d";
40
- export * from "./components/dataEntry/Select.d";
41
- export { default as Slider } from "./components/dataEntry/Slider.d";
42
- export * from "./components/dataEntry/Slider.d";
43
- export { default as Switch } from "./components/dataEntry/Switch.d";
44
- export * from "./components/dataEntry/Switch.d";
45
- export { default as TimePicker } from "./components/dataEntry/TimePicker.d";
46
- export * from "./components/dataEntry/TimePicker.d";
47
- export * from "./components/dataEntry/TimeSelector.d";
48
- export * from "./components/dataEntry/Upload.d";
49
- export * from "./components/feedback/Empty.d";
50
- export * from "./components/feedback/PopConfirm.d";
51
- export { default as Progress } from "./components/feedback/Progress.d";
52
- export * from "./components/feedback/Progress.d";
53
- export { default as Spinner } from "./components/feedback/Spinner.d";
54
- export * from "./components/feedback/Spinner.d";
55
- export { default as DotSpinner } from "./components/feedback/DotSpinner.d";
56
- export * from "./components/feedback/DotSpinner.d";
57
- export * from "./components/feedback/ToastRoot.d";
58
- export * from "./components/feedback/NotificationRoot.d";
59
- export * from "./components/layout";
60
- export { default as Breadcrumb } from "./components/navigation/Breadcrumb.d";
61
- export * from "./components/navigation/Breadcrumb.d";
62
- export { default as Pagination } from "./components/navigation/Pagination.d";
63
- export * from "./components/navigation/Pagination.d";
64
- export { default as Divider } from "./components/navigation/Divider.d";
65
- export * from "./components/navigation/Divider.d";
66
- export { default as Menu } from "./components/navigation/Menu.d";
67
- export * from "./components/navigation/Menu.d";
68
- export { default as Dropdown } from "./components/navigation/Dropdown.d";
69
- export * from "./components/navigation/Dropdown.d";
70
- export * from "./components/navigation/base/PopupBase.d";
71
- export * from "./theme";
16
+ export * from "./components/dataDisplay/List.d";
17
+ export * from "./components/dataDisplay/Modal.d";
18
+ export * from "./components/dataDisplay/Popover.d";
19
+ export * from "./components/dataDisplay/Segmented.d";
20
+ export * from "./components/dataDisplay/Table.d";
21
+ export { default as Timeline } from "./components/dataDisplay/Timeline.d";
22
+ export * from "./components/dataDisplay/Timeline.d";
23
+ export { default as Tabs } from "./components/dataDisplay/Tabs.d";
24
+ export * from "./components/dataDisplay/Tabs.d";
25
+ export { default as Tag } from "./components/dataDisplay/Tag.d";
26
+ export * from "./components/dataDisplay/Tag.d";
27
+ export * from "./components/dataDisplay/Tooltip.d";
28
+ export { default as Checkbox } from "./components/dataEntry/Checkbox.d";
29
+ export * from "./components/dataEntry/Checkbox.d";
30
+ export { default as ColorPicker } from "./components/dataEntry/ColorPicker.d";
31
+ export * from "./components/dataEntry/ColorPicker.d";
32
+ export { default as DatePicker } from "./components/dataEntry/DatePicker.d";
33
+ export * from "./components/dataEntry/DatePicker.d";
34
+ export { default as Input } from "./components/dataEntry/Input.d";
35
+ export * from "./components/dataEntry/Input.d";
36
+ export { default as Radio } from "./components/dataEntry/Radio.d";
37
+ export * from "./components/dataEntry/Radio.d";
38
+ export * from "./components/dataEntry/Rate.d";
39
+ export { default as Select } from "./components/dataEntry/Select.d";
40
+ export * from "./components/dataEntry/Select.d";
41
+ export { default as Slider } from "./components/dataEntry/Slider.d";
42
+ export * from "./components/dataEntry/Slider.d";
43
+ export { default as Switch } from "./components/dataEntry/Switch.d";
44
+ export * from "./components/dataEntry/Switch.d";
45
+ export { default as TimePicker } from "./components/dataEntry/TimePicker.d";
46
+ export * from "./components/dataEntry/TimePicker.d";
47
+ export * from "./components/dataEntry/TimeSelector.d";
48
+ export * from "./components/dataEntry/Upload.d";
49
+ export * from "./components/feedback/Empty.d";
50
+ export * from "./components/feedback/PopConfirm.d";
51
+ export { default as Progress } from "./components/feedback/Progress.d";
52
+ export * from "./components/feedback/Progress.d";
53
+ export { default as Spinner } from "./components/feedback/Spinner.d";
54
+ export * from "./components/feedback/Spinner.d";
55
+ export { default as DotSpinner } from "./components/feedback/DotSpinner.d";
56
+ export * from "./components/feedback/DotSpinner.d";
57
+ export * from "./components/feedback/ToastRoot.d";
58
+ export * from "./components/feedback/NotificationRoot.d";
59
+ export * from "./components/layout";
60
+ export { default as Breadcrumb } from "./components/navigation/Breadcrumb.d";
61
+ export * from "./components/navigation/Breadcrumb.d";
62
+ export { default as Pagination } from "./components/navigation/Pagination.d";
63
+ export * from "./components/navigation/Pagination.d";
64
+ export { default as Divider } from "./components/navigation/Divider.d";
65
+ export * from "./components/navigation/Divider.d";
66
+ export { default as Menu } from "./components/navigation/Menu.d";
67
+ export * from "./components/navigation/Menu.d";
68
+ export { default as Dropdown } from "./components/navigation/Dropdown.d";
69
+ export * from "./components/navigation/Dropdown.d";
70
+ export * from "./components/navigation/base/PopupBase.d";
71
+ export * from "./theme";