@scglab/admin-ui 0.1.3 → 0.1.4

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.
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/global.scss"],"sourcesContent":["@use \"./_mixin\" as *;\n\n// 테마 색상 정의\n$theme-light: (\n --color-white: #ffffff,\n --color-black: #000000,\n --color-gray: #6B7280,\n --color-primary: #3083FF,\n --color-primary10: #EAF3FF,\n --color-primary5: #F5F9FF,\n --color-primary3: #F9FBFF,\n --color-primary3Border: #3083FF4D,\n --color-primaryLight: #EAF3FF,\n --color-primaryText: #111928,\n --color-text: #637381,\n --color-textLight: #F3F4F6,\n --color-secondary: #18FF82,\n --color-secondaryLight: #E8FFF3,\n --color-secondaryText: #8899A8,\n --color-stroke: #DFE4EA,\n --color-line: #E7ECF3,\n --color-dark2: #1F2A37,\n --color-dark3: #374151,\n --color-dark4: #4B5563,\n --color-dark5: #6B7280,\n --color-dark6: #9CA3AF,\n --color-dark7: #D1D5DB,\n --color-dark8: #E5E7EB,\n --color-gray1: #F9FAFB,\n --color-gray2: #F3F4F6,\n --color-gray3: #E5E7EB,\n --color-gray4: #DEE2E6,\n --color-gray5: #CED4DA,\n --color-gray6: #CED4DA,\n --color-gray7: #CED4DA,\n --color-green: #016630,\n --color-greenLight: #DCFCE7,\n --color-red: #9F0712,\n --color-red5: #FEF6F6,\n --color-redLight: #FFE2E2,\n --color-orange: #9F2D00,\n --color-orangeLight: #FFEDD4,\n --color-blue: #193CB8,\n --color-blueLight: #DBEAFE,\n --color-warning: #F15050,\n --color-warningLight: #FEF6F6,\n);\n\n// Flexbox 유틸리티 클래스\n.flex {\n display: flex;\n}\n\n.grid {\n display: grid;\n}\n\n.grid-cols-1 {\n grid-template-columns: repeat(1, minmax(0, 1fr));\n}\n\n.grid-cols-2 {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n}\n\n.grid-cols-3 {\n grid-template-columns: repeat(3, minmax(0, 1fr));\n}\n\n.grid-cols-4 {\n grid-template-columns: repeat(4, minmax(0, 1fr));\n}\n\n// Flex direction\n.flex-row {\n flex-direction: row;\n}\n\n.flex-col {\n flex-direction: column;\n}\n\n// Flex wrap\n.flex-wrap {\n flex-wrap: wrap;\n}\n\n// Justify content\n.justify-start {\n justify-content: flex-start;\n}\n\n.justify-center {\n justify-content: center;\n}\n\n.justify-end {\n justify-content: flex-end;\n}\n\n.justify-between {\n justify-content: space-between;\n}\n\n.justify-around {\n justify-content: space-around;\n}\n\n.justify-evenly {\n justify-content: space-evenly;\n}\n\n// Align items\n.items-baseline {\n align-items: baseline;\n}\n\n.items-start {\n align-items: flex-start;\n}\n\n.items-center {\n align-items: center;\n}\n\n.items-end {\n align-items: flex-end;\n}\n\n.items-stretch {\n align-items: stretch;\n}\n\n// Align content\n.content-start {\n align-content: flex-start;\n}\n\n.content-center {\n align-content: center;\n}\n\n.content-end {\n align-content: flex-end;\n}\n\n.content-between {\n align-content: space-between;\n}\n\n.content-around {\n align-content: space-around;\n}\n\n// Size utilities\n.w-full {\n width: 100%;\n}\n\n.h-full {\n height: 100%;\n}\n\n// Even spacing (자식 요소들이 균등하게 공간 차지)\n.even > * {\n flex: 1;\n}\n\n// Line height utilities\n.leading-none {\n line-height: 1;\n}\n\n.leading-tight {\n line-height: 1.25;\n}\n\n.leading-normal {\n line-height: 1.5;\n}\n\n.leading-relaxed {\n line-height: 1.75;\n}\n\n// Custom line-height with specific values\n.leading-\\[36px\\] {\n line-height: toRem(36);\n}\n\n.leading-36 {\n line-height: toRem(36);\n}\n\n// ========== GAP UTILITIES ==========\n.gap-0 {\n gap: 0;\n}\n\n.gap-1 {\n gap: toRem(1);\n}\n\n.gap-2 {\n gap: toRem(2);\n}\n\n// ========== SPACE UTILITIES ==========\n// Space between children (horizontal)\n.space-x-0 > * + * {\n margin-left: 0;\n}\n\n.space-x-1 > * + * {\n margin-left: toRem(1);\n}\n\n.space-x-2 > * + * {\n margin-left: toRem(2);\n}\n\n.space-x-4 > * + * {\n margin-left: toRem(4);\n}\n\n.space-x-8 > * + * {\n margin-left: toRem(8);\n}\n\n// Space between children (vertical)\n.space-y-0 > * + * {\n margin-top: 0;\n}\n\n.space-y-1 > * + * {\n margin-top: toRem(1);\n}\n\n.space-y-2 > * + * {\n margin-top: toRem(2);\n}\n\n.space-y-4 > * + * {\n margin-top: toRem(4);\n}\n\n.space-y-8 > * + * {\n margin-top: toRem(8);\n}\n\n.gap-4 {\n gap: toRem(4);\n}\n\n.gap-6 {\n gap: toRem(6);\n}\n\n.gap-8 {\n gap: toRem(8);\n}\n\n.gap-10 {\n gap: toRem(10);\n}\n\n.gap-12 {\n gap: toRem(12);\n}\n\n.gap-14 {\n gap: toRem(14);\n}\n\n.gap-16 {\n gap: toRem(16);\n}\n\n.gap-20 {\n gap: toRem(20);\n}\n\n.gap-24 {\n gap: toRem(24);\n}\n\n.gap-32 {\n gap: toRem(32);\n}\n\n// ========== PADDING UTILITIES ==========\n// Padding all sides\n.p-0 {\n padding: 0;\n}\n\n.p-4 {\n padding: toRem(4);\n}\n\n.p-6 {\n padding: toRem(6);\n}\n\n.p-8 {\n padding: toRem(8);\n}\n\n.p-12 {\n padding: toRem(12);\n}\n\n.p-16 {\n padding: toRem(16);\n}\n\n.p-20 {\n padding: toRem(20);\n}\n\n.p-24 {\n padding: toRem(24);\n}\n\n// Padding X (left & right)\n.px-0 {\n padding-left: 0;\n padding-right: 0;\n}\n\n.px-1 {\n padding-left: toRem(1);\n padding-right: toRem(1);\n}\n\n.px-4 {\n padding-left: toRem(4);\n padding-right: toRem(4);\n}\n\n.px-6 {\n padding-left: toRem(6);\n padding-right: toRem(6);\n}\n\n.px-8 {\n padding-left: toRem(8);\n padding-right: toRem(8);\n}\n\n.px-10 {\n padding-left: toRem(10);\n padding-right: toRem(10);\n}\n\n.px-12 {\n padding-left: toRem(12);\n padding-right: toRem(12);\n}\n\n.px-16 {\n padding-left: toRem(16);\n padding-right: toRem(16);\n}\n\n.px-20 {\n padding-left: toRem(20);\n padding-right: toRem(20);\n}\n\n.px-24 {\n padding-left: toRem(24);\n padding-right: toRem(24);\n}\n\n.px-28 {\n padding-left: toRem(28);\n padding-right: toRem(28);\n}\n\n// Padding Y (top & bottom)\n.py-0 {\n padding-top: 0;\n padding-bottom: 0;\n}\n\n.py-1 {\n padding-top: toRem(1);\n padding-bottom: toRem(1);\n}\n\n.py-2 {\n padding-top: toRem(2);\n padding-bottom: toRem(2);\n}\n\n.py-4 {\n padding-top: toRem(4);\n padding-bottom: toRem(4);\n}\n\n.py-6 {\n padding-top: toRem(6);\n padding-bottom: toRem(6);\n}\n\n.py-7 {\n padding-top: toRem(7);\n padding-bottom: toRem(7);\n}\n\n.py-8 {\n padding-top: toRem(8);\n padding-bottom: toRem(8);\n}\n\n.py-12 {\n padding-top: toRem(12);\n padding-bottom: toRem(12);\n}\n\n.py-13 {\n padding-top: toRem(13);\n padding-bottom: toRem(13);\n}\n\n.py-16 {\n padding-top: toRem(16);\n padding-bottom: toRem(16);\n}\n\n// Padding individual sides\n.pt-4 {\n padding-top: toRem(4);\n}\n\n.pt-5 {\n padding-top: toRem(5);\n}\n\n.pt-7 {\n padding-top: toRem(7);\n}\n\n.pt-8 {\n padding-top: toRem(8);\n}\n\n.pt-12 {\n padding-top: toRem(12);\n}\n\n.pt-16 {\n padding-top: toRem(16);\n}\n\n.pr-40 {\n padding-right: toRem(40);\n}\n\n.pb-4 {\n padding-bottom: toRem(4);\n}\n\n.pb-8 {\n padding-bottom: toRem(8);\n}\n\n.pb-12 {\n padding-bottom: toRem(12);\n}\n\n.pb-16 {\n padding-bottom: toRem(16);\n}\n\n.pl-2 {\n padding-left: toRem(2);\n}\n\n.pl-4 {\n padding-left: toRem(4);\n}\n\n.pl-8 {\n padding-left: toRem(8);\n}\n\n.pl-12 {\n padding-left: toRem(12);\n}\n\n.pl-16 {\n padding-left: toRem(16);\n}\n\n.pr-4 {\n padding-right: toRem(4);\n}\n\n.pr-8 {\n padding-right: toRem(8);\n}\n\n.pr-12 {\n padding-right: toRem(12);\n}\n\n.pr-16 {\n padding-right: toRem(16);\n}\n\n.pr-40 {\n padding-right: toRem(40);\n}\n\n// ========== MARGIN UTILITIES ==========\n// Margin all sides\n.m-0 {\n margin: 0;\n}\n\n.m-4 {\n margin: toRem(4);\n}\n\n.m-8 {\n margin: toRem(8);\n}\n\n.m-12 {\n margin: toRem(12);\n}\n\n.m-16 {\n margin: toRem(16);\n}\n\n// Margin X (left & right)\n.mx-0 {\n margin-left: 0;\n margin-right: 0;\n}\n\n.mx-4 {\n margin-left: toRem(4);\n margin-right: toRem(4);\n}\n\n.mx-8 {\n margin-left: toRem(8);\n margin-right: toRem(8);\n}\n\n.mx-auto {\n margin-left: auto;\n margin-right: auto;\n}\n\n// Margin Y (top & bottom)\n.my-0 {\n margin-top: 0;\n margin-bottom: 0;\n}\n\n.my-4 {\n margin-top: toRem(4);\n margin-bottom: toRem(4);\n}\n\n.my-8 {\n margin-top: toRem(8);\n margin-bottom: toRem(8);\n}\n\n.my-10 {\n margin-top: toRem(10);\n margin-bottom: toRem(10);\n}\n\n.my-12 {\n margin-top: toRem(12);\n margin-bottom: toRem(12);\n}\n\n.my-16 {\n margin-top: toRem(16);\n margin-bottom: toRem(16);\n}\n\n// Margin individual sides\n.mt-3 {\n margin-top: toRem(3);\n}\n\n.mt-4 {\n margin-top: toRem(4);\n}\n\n.mt-5 {\n margin-top: toRem(5);\n}\n\n.mt-7 {\n margin-top: toRem(7);\n}\n\n.mt-8 {\n margin-top: toRem(8);\n}\n\n.mt-9 {\n margin-top: toRem(9);\n}\n\n.mt-12 {\n margin-top: toRem(12);\n}\n\n.mt-16 {\n margin-top: toRem(16);\n}\n\n.mt-24 {\n margin-top: toRem(24);\n}\n\n.mb-4 {\n margin-bottom: toRem(4);\n}\n\n.mb-6 {\n margin-bottom: toRem(6);\n}\n\n.mb-8 {\n margin-bottom: toRem(8);\n}\n\n.mb-12 {\n margin-bottom: toRem(12);\n}\n\n.mb-16 {\n margin-bottom: toRem(16);\n}\n\n.mb-20 {\n margin-bottom: toRem(20);\n}\n\n.mb-24 {\n margin-bottom: toRem(24);\n}\n\n.ml-3 {\n margin-left: toRem(3);\n}\n\n.ml-4 {\n margin-left: toRem(4);\n}\n.ml-5 {\n margin-left: toRem(5);\n}\n\n.ml-8 {\n margin-left: toRem(8);\n}\n\n.ml-20 {\n margin-left: toRem(20);\n}\n\n.ml-auto {\n margin-left: auto;\n}\n\n.-ml-1 {\n margin-left: toRem(-1);\n}\n\n.mr-2 {\n margin-right: toRem(2);\n}\n\n.mr-4 {\n margin-right: toRem(4);\n}\n\n.mr-8 {\n margin-right: toRem(8);\n}\n\n.mr-auto {\n margin-right: auto;\n}\n\n// ========== WIDTH UTILITIES ==========\n.w-auto {\n width: auto;\n}\n\n.w-fit {\n width: fit-content;\n}\n\n.w-3 {\n width: toRem(3);\n}\n\n.w-6 {\n width: toRem(6);\n}\n\n.w-10 {\n width: toRem(10);\n}\n\n.w-12 {\n width: toRem(12);\n}\n\n.w-14 {\n width: toRem(14);\n}\n\n.w-16 {\n width: toRem(16);\n}\n\n.w-18 {\n width: toRem(18);\n}\n\n.w-20 {\n width: toRem(20);\n}\n\n.w-24 {\n width: toRem(24);\n}\n\n.w-32 {\n width: toRem(32);\n}\n\n.w-40 {\n width: toRem(40);\n}\n\n.w-44 {\n width: toRem(44);\n}\n\n.w-48 {\n width: toRem(48);\n}\n\n.w-56 {\n width: toRem(56);\n}\n\n.w-64 {\n width: toRem(64);\n}\n\n.w-80 {\n width: toRem(80);\n}\n\n.w-96 {\n width: toRem(96);\n}\n\n.w-\\[100px\\] {\n width: 100px;\n}\n\n.w-\\[200px\\] {\n width: 200px;\n}\n\n// ========== HEIGHT UTILITIES ==========\n.h-auto {\n height: auto;\n}\n\n.h-3 {\n height: toRem(3);\n}\n\n.h-5 {\n height: toRem(5);\n}\n\n.h-6 {\n height: toRem(6);\n}\n\n.h-10 {\n height: toRem(10);\n}\n\n.h-14 {\n height: toRem(14);\n}\n\n.h-16 {\n height: toRem(16);\n}\n\n.h-18 {\n height: toRem(18);\n}\n\n.h-20 {\n height: toRem(20);\n}\n\n.h-24 {\n height: toRem(24);\n}\n\n.h-28 {\n height: toRem(28);\n}\n\n.h-32 {\n height: toRem(32);\n}\n\n.h-36 {\n height: toRem(36);\n}\n\n.h-40 {\n height: toRem(40);\n}\n\n.h-44 {\n height: toRem(44);\n}\n\n.h-48 {\n height: toRem(48);\n}\n\n.h-56 {\n height: toRem(56);\n}\n\n.h-64 {\n height: toRem(64);\n}\n\n// Height with calc\n.h-\\[calc\\(100\\%-6px\\)\\] {\n height: calc(100% - 6px);\n}\n\n// Min/Max height\n.min-h-0 {\n min-height: 0;\n}\n\n.min-h-20 {\n min-height: toRem(20);\n}\n\n.min-h-36 {\n min-height: toRem(36);\n}\n\n.min-h-48 {\n min-height: toRem(48);\n}\n\n.min-h-screen {\n min-height: 100vh;\n}\n\n// Min width\n.min-w-0 {\n min-width: 0;\n}\n\n.min-w-full {\n min-width: 100%;\n}\n\n.min-w-\\[140px\\] {\n min-width: 140px;\n}\n\n.max-h-36 {\n max-height: toRem(36);\n}\n\n.max-h-48 {\n max-height: toRem(48);\n}\n\n.max-h-64 {\n max-height: toRem(64);\n}\n\n.max-h-200 {\n max-height: toRem(200);\n}\n\n.max-h-screen {\n max-height: 100vh;\n}\n\n// ========== BORDER UTILITIES ==========\n.border {\n border-width: 1px;\n border-style: solid;\n}\n// Border width\n.border-0 {\n border-width: 0;\n}\n\n\n\n.border-2 {\n border-width: 2px;\n border-style: solid;\n}\n\n// Border individual sides\n.border-t {\n border-top-width: 1px;\n border-top-style: solid;\n}\n\n.border-b {\n border-bottom-width: 1px;\n border-bottom-style: solid;\n}\n\n.border-b-2 {\n border-bottom-width: 2px;\n border-bottom-style: solid;\n}\n\n.border-b-0 {\n border-bottom-width: 0;\n}\n\n.border-l {\n border-left-width: 1px;\n border-left-style: solid;\n}\n\n.border-r {\n border-right-width: 1px;\n border-right-style: solid;\n}\n\n// Border colors\n.border-transparent {\n border-color: transparent;\n}\n\n.border-white {\n border-color: var(--color-white);\n}\n\n.border-black {\n border-color: var(--color-black);\n}\n\n.border-gray {\n border-color: var(--color-gray);\n}\n\n.border-gray1 {\n border-color: var(--color-gray1);\n}\n\n.border-gray2 {\n border-color: var(--color-gray2);\n}\n\n.border-gray3 {\n border-color: var(--color-gray3);\n}\n\n.border-line {\n border-color: var(--color-line);\n}\n\n.border-stroke {\n border-color: var(--color-stroke);\n}\n\n.border-primary {\n border-color: var(--color-primary);\n}\n\n.border-primary3Border {\n border-color: var(--color-primary3Border);\n}\n\n.border-red {\n border-color: var(--color-red);\n}\n\n.border-green {\n border-color: var(--color-green);\n}\n\n.border-blue {\n border-color: var(--color-blue);\n}\n\n.border-orange {\n border-color: var(--color-orange);\n}\n\n// ========== BORDER RADIUS ==========\n.rounded-none {\n border-radius: 0;\n}\n\n.rounded-sm {\n border-radius: toRem(2);\n}\n\n.rounded {\n border-radius: toRem(4);\n}\n\n.rounded-md {\n border-radius: toRem(6);\n}\n\n.rounded-lg {\n border-radius: toRem(8);\n}\n\n.rounded-xl {\n border-radius: toRem(12);\n}\n\n.rounded-2xl {\n border-radius: toRem(16);\n}\n\n.rounded-full {\n border-radius: 9999px;\n}\n\n.rounded-r-none {\n border-top-right-radius: 0 !important;\n border-bottom-right-radius: 0 !important;\n}\n\n.rounded-l-none {\n border-top-left-radius: 0 !important;\n border-bottom-left-radius: 0 !important;\n}\n\n// ========== BACKGROUND COLORS ==========\n.bg-transparent {\n background-color: transparent;\n}\n\n.bg-white {\n background-color: var(--color-white);\n}\n\n.bg-black {\n background-color: var(--color-black);\n}\n\n.bg-primary {\n background-color: var(--color-primary);\n}\n\n.bg-primary10 {\n background-color: var(--color-primary10);\n}\n\n.bg-primary5 {\n background-color: var(--color-primary5);\n}\n\n.bg-primary3 {\n background-color: var(--color-primary3);\n}\n\n.bg-red10 {\n background-color: var(--color-red10);\n}\n\n.bg-green10 {\n background-color: var(--color-green10);\n}\n\n.bg-warning10 {\n background-color: var(--color-warning10);\n}\n\n.bg-secondary {\n background-color: var(--color-secondary);\n}\n.bg-secondaryText {\n background-color: var(--color-secondaryText);\n}\n\n.bg-stroke {\n background-color: var(--color-stroke);\n}\n\n.bg-line {\n background-color: var(--color-line);\n}\n\n.bg-gray1 {\n background-color: var(--color-gray1);\n}\n\n.bg-gray2 {\n background-color: var(--color-gray2);\n}\n\n.bg-gray3 {\n background-color: var(--color-gray3);\n}\n\n.bg-gray4 {\n background-color: var(--color-gray4);\n}\n\n.bg-gray5 {\n background-color: var(--color-gray5);\n}\n\n.bg-dark2 {\n background-color: var(--color-dark2);\n}\n\n.bg-dark3 {\n background-color: var(--color-dark3);\n}\n\n.bg-dark4 {\n background-color: var(--color-dark4);\n}\n\n.bg-dark5 {\n background-color: var(--color-dark5);\n}\n\n.bg-dark6 {\n background-color: var(--color-dark6);\n}\n\n.bg-dark7 {\n background-color: var(--color-dark7);\n}\n\n.bg-dark8 {\n background-color: var(--color-dark8);\n}\n\n.bg-red {\n background-color: var(--color-red);\n}\n\n.bg-red5 {\n background-color: var(--color-red5);\n}\n\n.bg-redLight {\n background-color: var(--color-redLight);\n}\n\n.bg-green {\n background-color: var(--color-green);\n}\n\n.bg-greenLight {\n background-color: var(--color-greenLight);\n}\n\n.bg-blue {\n background-color: var(--color-blue);\n}\n\n.bg-blueLight {\n background-color: var(--color-blueLight);\n}\n\n.bg-orange {\n background-color: var(--color-orange);\n}\n\n.bg-orangeLight {\n background-color: var(--color-orangeLight);\n}\n\n.bg-textLight {\n background-color: var(--color-textLight);\n}\n\n.bg-warning {\n background-color: var(--color-warning);\n}\n\n.bg-warningLight {\n background-color: var(--color-warningLight);\n}\n\n.bg-primaryLight {\n background-color: var(--color-primaryLight);\n}\n\n.bg-secondaryLight {\n background-color: var(--color-secondaryLight);\n}\n\n// ========== TEXT COLORS ==========\n.text-transparent {\n color: transparent;\n}\n\n.text-current {\n color: currentColor;\n}\n\n.text-white {\n color: var(--color-white);\n}\n\n.text-black {\n color: var(--color-black);\n}\n\n.text-gray {\n color: var(--color-gray);\n}\n\n.text-primary {\n color: var(--color-primary);\n}\n\n.text-primaryText {\n color: var(--color-primaryText);\n}\n\n.text-text {\n color: var(--color-text);\n}\n\n.text-stroke {\n color: var(--color-stroke);\n}\n\n.text-line {\n color: var(--color-line);\n}\n\n.text-secondary {\n color: var(--color-secondary);\n}\n\n.text-secondaryText {\n color: var(--color-secondaryText);\n}\n\n.text-red {\n color: var(--color-red);\n}\n\n.text-green {\n color: var(--color-green);\n}\n\n.text-blue {\n color: var(--color-blue);\n}\n\n.text-orange {\n color: var(--color-orange);\n}\n\n.text-warning {\n color: var(--color-warning);\n}\n\n.text-dark2 {\n color: var(--color-dark2);\n}\n\n.text-dark3 {\n color: var(--color-dark3);\n}\n\n.text-dark4 {\n color: var(--color-dark4);\n}\n\n.text-dark5 {\n color: var(--color-dark5);\n}\n\n.text-dark6 {\n color: var(--color-dark6);\n}\n\n.text-dark7 {\n color: var(--color-dark7);\n}\n\n.text-dark8 {\n color: var(--color-dark8);\n}\n\n// ========== FONT SIZE ==========\n.text-sm {\n font-size: toRem(12);\n}\n\n.text-body10 {\n font-size: toRem(10);\n}\n\n.text-body12 {\n font-size: toRem(12);\n}\n\n.text-body14 {\n font-size: toRem(14);\n}\n\n.text-subtitle14 {\n font-size: toRem(14);\n font-weight: 600;\n}\n\n.text-body16 {\n font-size: toRem(16);\n}\n\n.text-subtitle16 {\n font-size: toRem(16);\n font-weight: 600;\n}\n\n.text-body18 {\n font-size: toRem(18);\n}\n\n.text-h1 {\n font-size: toRem(32);\n}\n\n.text-h2 {\n font-size: toRem(28);\n}\n\n.text-h3 {\n font-size: toRem(24);\n}\n\n.text-h4 {\n font-size: toRem(20);\n}\n\n.text-h5 {\n font-size: toRem(18);\n}\n\n.text-h6 {\n font-size: toRem(16);\n}\n\n// ========== FONT WEIGHT ==========\n.font-thin {\n font-weight: 100;\n}\n\n.font-light {\n font-weight: 300;\n}\n\n.font-normal {\n font-weight: 400;\n}\n\n.font-medium {\n font-weight: 500;\n}\n\n.font-semibold {\n font-weight: 600;\n}\n\n.font-bold {\n font-weight: 700;\n}\n\n.font-extrabold {\n font-weight: 800;\n}\n\n// ========== TEXT ALIGN ==========\n.text-left {\n text-align: left;\n}\n\n.text-center {\n text-align: center;\n}\n\n.text-right {\n text-align: right;\n}\n\n// ========== SHADOW ==========\n.shadow-none {\n box-shadow: none;\n}\n\n.shadow-sm {\n box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);\n}\n\n.shadow {\n box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);\n}\n\n.shadow-md {\n box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1),\n 0 2px 4px -1px rgba(0, 0, 0, 0.06);\n}\n\n.shadow-lg {\n box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1),\n 0 4px 6px -2px rgba(0, 0, 0, 0.05);\n}\n\n.shadow-xl {\n box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1),\n 0 10px 10px -5px rgba(0, 0, 0, 0.04);\n}\n\n// ========== TABLE UTILITIES ==========\n.border-collapse {\n border-collapse: collapse;\n}\n\n// Last child utilities\n.last\\:border-b-0:last-child {\n border-bottom-width: 0;\n}\n\n// ========== OPACITY ==========\n.opacity-0 {\n opacity: 0;\n}\n\n.opacity-25 {\n opacity: 0.25;\n}\n\n.opacity-50 {\n opacity: 0.5;\n}\n\n.opacity-75 {\n opacity: 0.75;\n}\n\n.opacity-80 {\n opacity: 0.8;\n}\n\n.opacity-100 {\n opacity: 1;\n}\n\n// ========== OVERFLOW ==========\n.overflow-hidden {\n overflow: hidden;\n}\n\n.overflow-auto {\n overflow: auto;\n}\n\n.overflow-scroll {\n overflow: scroll;\n}\n\n.overflow-x-auto {\n overflow-x: auto;\n}\n\n.overflow-y-auto {\n overflow-y: auto;\n}\n\n// ========== RESIZE ==========\n.resize-none {\n resize: none;\n}\n\n.resize {\n resize: both;\n}\n\n.resize-x {\n resize: horizontal;\n}\n\n.resize-y {\n resize: vertical;\n}\n\n.resize-vertical {\n resize: vertical;\n}\n\n// ========== POSITION ==========\n.relative {\n position: relative;\n}\n\n.absolute {\n position: absolute;\n}\n\n.fixed {\n position: fixed;\n}\n\n.inset-y-0 {\n top: 0;\n bottom: 0;\n}\n\n.right-0 {\n right: 0;\n}\n\n.sticky {\n position: sticky;\n}\n\n// ========== Z-INDEX ==========\n.z-0 {\n z-index: 0;\n}\n\n.z-10 {\n z-index: 10;\n}\n\n.z-20 {\n z-index: 20;\n}\n\n.z-30 {\n z-index: 30;\n}\n\n.z-40 {\n z-index: 40;\n}\n\n.z-50 {\n z-index: 50;\n}\n\n// ========== DISPLAY ==========\n.hidden {\n display: none;\n}\n\n.block {\n display: block;\n}\n\n.inline-block {\n display: inline-block;\n}\n\n.inline {\n display: inline;\n}\n\n.inline-flex {\n display: inline-flex;\n}\n\n// Screen reader only\n.sr-only {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border-width: 0;\n}\n\n// ========== TOUCH UTILITIES ==========\n.touch-none {\n touch-action: none;\n}\n\n.touch-auto {\n touch-action: auto;\n}\n\n// ========== POINTER EVENTS ==========\n.pointer-events-none {\n pointer-events: none;\n}\n\n.pointer-events-auto {\n pointer-events: auto;\n}\n\n// ========== USER SELECT ==========\n.select-none {\n user-select: none;\n}\n\n.select-text {\n user-select: text;\n}\n\n.select-all {\n user-select: all;\n}\n\n.select-auto {\n user-select: auto;\n}\n\n// ========== WHITESPACE ==========\n.whitespace-normal {\n white-space: normal;\n}\n\n.whitespace-nowrap {\n white-space: nowrap;\n}\n\n.whitespace-pre {\n white-space: pre;\n}\n\n.whitespace-pre-wrap {\n white-space: pre-wrap;\n}\n\n// ========== TRANSFORM UTILITIES ==========\n.translate-x-2 {\n transform: translateX(toRem(2));\n}\n\n.translate-x-4 {\n transform: translateX(toRem(4));\n}\n\n.translate-x-8 {\n transform: translateX(toRem(8));\n}\n\n.translate-x-22 {\n transform: translateX(toRem(22));\n}\n\n// Rotate\n.rotate-0 {\n transform: rotate(0deg);\n}\n\n.rotate-45 {\n transform: rotate(45deg);\n}\n\n.rotate-90 {\n transform: rotate(90deg);\n}\n\n.rotate-180 {\n transform: rotate(180deg);\n}\n\n.rotate-270 {\n transform: rotate(270deg);\n}\n\n.-rotate-90 {\n transform: rotate(-90deg);\n}\n\n.-rotate-180 {\n transform: rotate(-180deg);\n}\n\n// ========== TRANSITION UTILITIES ==========\n.transition-colors {\n transition-property: color, background-color, border-color;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-duration: 150ms;\n}\n\n.transition-transform {\n transition-property: transform;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-duration: 150ms;\n}\n\n.transition-all {\n transition-property: all;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-duration: 150ms;\n}\n\n// Duration\n.duration-100 {\n transition-duration: 100ms;\n}\n\n.duration-200 {\n transition-duration: 200ms;\n}\n\n.duration-300 {\n transition-duration: 300ms;\n}\n\n// Easing\n.ease-in-out {\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n// ========== ANIMATION ==========\n@keyframes spin {\n from {\n transform: rotate(0deg);\n }\n to {\n transform: rotate(360deg);\n }\n}\n\n.animate-spin {\n animation: spin 1s linear infinite;\n}\n\n// ========== FOCUS UTILITIES ==========\n.focus\\:outline-none:focus {\n outline: 2px solid transparent;\n outline-offset: 2px;\n}\n\n.focus\\:ring-2:focus {\n --tw-ring-offset-shadow: var(--tw-ring-inset, 0 0 0 0) var(--tw-ring-offset-color);\n --tw-ring-shadow: var(--tw-ring-inset, 0 0 0 calc(2px + 0)) var(--tw-ring-color);\n box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);\n}\n\n.focus\\:ring-primary:focus {\n --tw-ring-color: var(--color-primary);\n}\n\n.focus\\:ring-offset-2:focus {\n --tw-ring-offset-width: 2px;\n}\n\n// ========== HOVER UTILITIES ==========\n.hover\\:opacity-80:hover {\n opacity: 0.8;\n}\n\n.hover\\:bg-blue-600:hover {\n background-color: #2563eb;\n}\n\n.hover\\:bg-gray3:hover {\n background-color: var(--color-gray3);\n}\n\n.hover\\:bg-warningLight:hover {\n background-color: var(--color-warningLight);\n}\n\n// ========== CURSOR UTILITIES ==========\n.cursor-pointer {\n cursor: pointer;\n}\n\n.cursor-not-allowed {\n cursor: not-allowed;\n}\n\n// ========== INPUT SPECIFIC ==========\n// Number input spinner 제거\n.no-spinner::-webkit-outer-spin-button,\n.no-spinner::-webkit-inner-spin-button {\n -webkit-appearance: none;\n margin: 0;\n}\n\n.no-spinner[type=\"number\"] {\n -moz-appearance: textfield;\n}\n\n// ========== POSITION UTILITIES ==========\n.top-\\[3px\\] {\n top: 3px;\n}\n\n// ========== FLEX UTILITIES ==========\n.flex-auto {\n flex: 1 1 auto;\n}\n\n.flex-1 {\n flex: 1 1 0%;\n}\n\n.flex-none {\n flex: none;\n}\n\n.flex-shrink-0 {\n flex-shrink: 0;\n}\n\n.flex-shrink {\n flex-shrink: 1;\n}\n\n.flex-grow-0 {\n flex-grow: 0;\n}\n\n.flex-grow {\n flex-grow: 1;\n}\n\n// WarningBox custom styles\n.rounded-warn {\n border-radius: toRem(4);\n}\n\n.rounded-tl-warnOut {\n border-top-left-radius: toRem(4);\n}\n\n.rounded-bl-warnOut {\n border-bottom-left-radius: toRem(4);\n}\n\n// Before pseudo-element utilities\n.before\\:content-\\[\\'\\'\\]::before {\n content: '';\n}\n\n.before\\:absolute::before {\n position: absolute;\n}\n\n.before\\:left-0::before {\n left: 0;\n}\n\n.before\\:top-0::before {\n top: 0;\n}\n\n.before\\:bottom-0::before {\n bottom: 0;\n}\n\n.before\\:w-\\[50px\\]::before {\n width: 50px;\n}\n\n.before\\:bg-text::before {\n background-color: var(--color-text);\n}\n\n.before\\:bg-warning::before {\n background-color: var(--color-warning);\n}\n\n.before\\:rounded-tl-warnOut::before {\n border-top-left-radius: toRem(4);\n}\n\n.before\\:rounded-bl-warnOut::before {\n border-bottom-left-radius: toRem(4);\n}\n\n.vertical-middle {\n vertical-align: middle;\n}\n"],"mappings":"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IAAA;;AAGF,CAAA;AACE,oBAAA,IAAA;;AAGF,CAAA;AACE,oBAAA,IAAA;;AAGF,CAAA;AACE,oBAAA,IAAA;;AAGF,CAAA;AACE,oBAAA,IAAA;;AAGF,CAAA;AACE,oBAAA,IAAA;;AAGF,CAAA;AACE,oBAAA,IAAA;;AAGF,CAAA;AACE,oBAAA,IAAA;;AAEF,CAAA;AACE,oBAAA,IAAA;;AAGF,CAAA;AACE,oBAAA,IAAA;;AAGF,CAAA;AACE,oBAAA,IAAA;;AAGF,CAAA;AACE,oBAAA,IAAA;;AAGF,CAAA;AACE,oBAAA,IAAA;;AAGF,CAAA;AACE,oBAAA,IAAA;;AAGF,CAAA;AACE,oBAAA,IAAA;;AAGF,CAAA;AACE,oBAAA,IAAA;;AAGF,CAAA;AACE,oBAAA,IAAA;;AAGF,CAAA;AACE,oBAAA,IAAA;;AAGF,CAAA;AACE,oBAAA,IAAA;;AAGF,CAAA;AACE,oBAAA,IAAA;;AAGF,CAAA;AACE,oBAAA,IAAA;;AAGF,CAAA;AACE,oBAAA,IAAA;;AAGF,CAAA;AACE,oBAAA,IAAA;;AAGF,CAAA;AACE,oBAAA,IAAA;;AAGF,CAAA;AACE,oBAAA,IAAA;;AAGF,CAAA;AACE,oBAAA,IAAA;;AAGF,CAAA;AACE,oBAAA,IAAA;;AAGF,CAAA;AACE,oBAAA,IAAA;;AAGF,CAAA;AACE,oBAAA,IAAA;;AAGF,CAAA;AACE,oBAAA,IAAA;;AAGF,CAAA;AACE,oBAAA,IAAA;;AAGF,CAAA;AACE,oBAAA,IAAA;;AAGF,CAAA;AACE,oBAAA,IAAA;;AAGF,CAAA;AACE,oBAAA,IAAA;;AAGF,CAAA;AACE,oBAAA,IAAA;;AAGF,CAAA;AACE,oBAAA,IAAA;;AAGF,CAAA;AACE,oBAAA,IAAA;;AAIF,CAAA;AACE,SAAA;;AAGF,CAAA;AACE,SAAA;;AAGF,CAAA;AACE,SAAA,IAAA;;AAGF,CAAA;AACE,SAAA,IAAA;;AAGF,CAAA;AACE,SAAA,IAAA;;AAGF,CAAA;AACE,SAAA,IAAA;;AAGF,CAAA;AACE,SAAA,IAAA;;AAGF,CAAA;AACE,SAAA,IAAA;;AAGF,CAAA;AACE,SAAA,IAAA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","names":[]}
package/dist/index.d.cts CHANGED
@@ -1,5 +1,6 @@
1
1
  import * as react_jsx_runtime from 'react/jsx-runtime';
2
- import React from 'react';
2
+ import * as React$1 from 'react';
3
+ import React__default from 'react';
3
4
 
4
5
  declare const fontSize: {
5
6
  h1: string;
@@ -118,9 +119,9 @@ type JustifySelfType = keyof typeof justifySelfs;
118
119
  type AlignType = keyof typeof aligns;
119
120
  type AlignSelfType = keyof typeof alignSelfs;
120
121
 
121
- interface TextProps extends React.HTMLAttributes<HTMLDivElement> {
122
+ interface TextProps extends React__default.HTMLAttributes<HTMLDivElement> {
122
123
  id?: string;
123
- children: React.ReactNode;
124
+ children: React__default.ReactNode;
124
125
  size?: FontSizeType;
125
126
  color?: ColorType;
126
127
  className?: string;
@@ -128,8 +129,372 @@ interface TextProps extends React.HTMLAttributes<HTMLDivElement> {
128
129
  justify?: JustifyType;
129
130
  align?: AlignType;
130
131
  textDecoration?: "none" | "underline" | "line-through";
131
- style?: React.CSSProperties;
132
+ style?: React__default.CSSProperties;
132
133
  }
133
134
  declare function Text({ id, children, size, color, justify, align, className, fontWeight: fontWeightProp, textDecoration, style, ...props }: TextProps): react_jsx_runtime.JSX.Element;
134
135
 
135
- export { type AlignSelfType, type AlignType, type ButtonVariantType, type ColorType, type DirectionType, type FontSizeType, type FontWeightType, type JustifySelfType, type JustifyType, Text, type TextProps, alignSelfs, aligns, colors, directions, fontSize, fontWeight, justifies, justifySelfs, lineHeightSize };
136
+ interface BorderRadiusBoxProps {
137
+ active?: boolean;
138
+ paddingX?: number;
139
+ paddingY?: number;
140
+ radius?: number;
141
+ children: React.ReactNode;
142
+ onClick?: () => void;
143
+ className?: string;
144
+ fullWidth?: boolean;
145
+ bgColor?: ColorType;
146
+ borderColor?: ColorType;
147
+ }
148
+ declare function BorderRadiusBox({ active, paddingX, paddingY, radius, children, onClick, className, fullWidth, bgColor, borderColor, }: BorderRadiusBoxProps): react_jsx_runtime.JSX.Element;
149
+
150
+ interface BulletTextProps {
151
+ label?: string | React.ReactNode;
152
+ bulletColor?: ColorType;
153
+ tooltip?: React.ReactNode;
154
+ textColor?: ColorType;
155
+ textSize?: FontSizeType;
156
+ fontWeight?: FontWeightType;
157
+ }
158
+ declare const BulletText: ({ label, bulletColor, tooltip, textColor, textSize, fontWeight, }: BulletTextProps) => react_jsx_runtime.JSX.Element;
159
+
160
+ interface ButtonProps extends React__default.ButtonHTMLAttributes<HTMLButtonElement> {
161
+ variant?: ButtonVariantType;
162
+ alignSelf?: AlignSelfType;
163
+ justifySelf?: JustifySelfType;
164
+ cornerStyle?: "square" | "round";
165
+ size?: "small" | "medium" | "large";
166
+ fontWeight?: "bold" | "semibold" | "normal";
167
+ isLoading?: boolean;
168
+ icon?: string | React__default.ReactNode;
169
+ iconPosition?: "left" | "right";
170
+ type?: "button" | "submit" | "reset";
171
+ customWidth?: number;
172
+ wFull?: boolean;
173
+ }
174
+ declare const Button: React__default.FC<ButtonProps>;
175
+
176
+ interface CheckboxProps extends React__default.InputHTMLAttributes<HTMLInputElement> {
177
+ type?: "filled" | "outline";
178
+ label?: string;
179
+ error?: string;
180
+ className?: string;
181
+ checkboxWidth?: number;
182
+ disabled?: boolean;
183
+ }
184
+ declare const Checkbox: React__default.ForwardRefExoticComponent<CheckboxProps & React__default.RefAttributes<HTMLInputElement>>;
185
+
186
+ interface DividerProps {
187
+ className?: string;
188
+ orientation?: "horizontal" | "vertical";
189
+ variant?: "solid" | "dashed" | "dotted";
190
+ width?: number;
191
+ }
192
+ declare function Divider({ className, orientation, variant, width, }: DividerProps): react_jsx_runtime.JSX.Element;
193
+
194
+ interface EmailInputProps {
195
+ value: string;
196
+ onChange: (value: string) => void;
197
+ error?: string;
198
+ label?: string;
199
+ labelHidden?: boolean;
200
+ placeholder?: string;
201
+ required?: boolean;
202
+ direction?: DirectionType;
203
+ fullWidth?: boolean;
204
+ className?: string;
205
+ customWidth?: number;
206
+ onBlur?: () => void;
207
+ triggerValidation?: () => void;
208
+ }
209
+ declare const EmailInput: React__default.FC<EmailInputProps>;
210
+
211
+ type Direction = "row" | "col" | "grid";
212
+ interface CommonFormDataProps {
213
+ isDot?: boolean;
214
+ label?: string;
215
+ labelHidden?: boolean;
216
+ labelWidth?: number;
217
+ placeholder?: string;
218
+ fullWidth?: boolean;
219
+ className?: string;
220
+ required?: boolean;
221
+ disabled?: boolean;
222
+ customWidth?: number;
223
+ emptyMessage?: string;
224
+ isShowError?: boolean;
225
+ direction?: Direction;
226
+ error?: string;
227
+ tooltip?: string | React.ReactNode;
228
+ }
229
+
230
+ interface InputProps extends React__default.InputHTMLAttributes<HTMLInputElement>, CommonFormDataProps {
231
+ type?: string;
232
+ originRef?: React__default.LegacyRef<HTMLInputElement> | undefined;
233
+ textAlign?: "left" | "right" | "center";
234
+ value?: string | number | undefined;
235
+ description?: string;
236
+ onChange?: (e: React__default.ChangeEvent<HTMLInputElement>) => void;
237
+ onlyData?: boolean;
238
+ rightIcon?: string;
239
+ onRightIconClick?: () => void;
240
+ }
241
+ declare const Input: React__default.FC<InputProps>;
242
+
243
+ interface LabelProps {
244
+ isDot?: boolean;
245
+ label?: string | React.ReactNode;
246
+ required?: boolean;
247
+ inputId?: string;
248
+ width?: number;
249
+ tooltip?: React.ReactNode;
250
+ labelHidden?: boolean;
251
+ subText?: string | React.ReactNode;
252
+ fontWeight?: FontWeightType;
253
+ align?: "start" | "center" | "end";
254
+ }
255
+ declare const Label: ({ isDot, label, required, inputId, width, tooltip, labelHidden, subText, fontWeight, align, }: LabelProps) => react_jsx_runtime.JSX.Element | null;
256
+
257
+ interface MultiSelectOption {
258
+ value: string | number;
259
+ label: string;
260
+ disabled?: boolean;
261
+ color?: string;
262
+ }
263
+ interface MultiSelectCheckboxProps extends CommonFormDataProps {
264
+ options: MultiSelectOption[];
265
+ value?: (string | number)[];
266
+ onChange?: (value: (string | number)[]) => void;
267
+ onConfirm?: (value: (string | number)[]) => void;
268
+ onFocus?: () => void;
269
+ onBlur?: () => void;
270
+ onEmptyClick?: () => void;
271
+ id?: string;
272
+ confirmButtonText?: string;
273
+ }
274
+ declare const MultiSelectCheckbox: React__default.ForwardRefExoticComponent<MultiSelectCheckboxProps & React__default.RefAttributes<HTMLDivElement>>;
275
+
276
+ interface PagingProps {
277
+ page: number;
278
+ total: number;
279
+ limit: number;
280
+ onPageChange: (page: number) => void;
281
+ }
282
+ declare function Paging({ page, total, limit, onPageChange, }: PagingProps): react_jsx_runtime.JSX.Element;
283
+
284
+ interface RadioProps extends React__default.InputHTMLAttributes<HTMLInputElement> {
285
+ label?: string;
286
+ error?: string;
287
+ className?: string;
288
+ radioWidth?: number;
289
+ }
290
+ declare const Radio: React__default.ForwardRefExoticComponent<RadioProps & React__default.RefAttributes<HTMLInputElement>>;
291
+
292
+ declare function RequiredDot(): react_jsx_runtime.JSX.Element;
293
+
294
+ interface SelectOption {
295
+ value: string | number | null;
296
+ label: string;
297
+ disabled?: boolean;
298
+ icon?: React__default.ReactNode;
299
+ description?: string;
300
+ divider?: boolean;
301
+ }
302
+ interface SelectBoxProps extends CommonFormDataProps {
303
+ options: SelectOption[];
304
+ value?: string | number | null;
305
+ onChange?: (value: string | number | null) => void;
306
+ onFocus?: () => void;
307
+ onBlur?: () => void;
308
+ onEmptyClick?: () => void;
309
+ id?: string;
310
+ }
311
+ declare const SelectBox: React__default.ForwardRefExoticComponent<SelectBoxProps & React__default.RefAttributes<HTMLDivElement>>;
312
+
313
+ interface StackProps {
314
+ direction?: Direction;
315
+ justify?: JustifyType;
316
+ align?: AlignType;
317
+ even?: boolean;
318
+ className?: string;
319
+ children: React.ReactNode;
320
+ wFull?: boolean;
321
+ hFull?: boolean;
322
+ gap?: number;
323
+ rowGap?: number;
324
+ columnGap?: number;
325
+ onClick?: () => void;
326
+ childSizes?: (number | string)[];
327
+ flexWrap?: boolean;
328
+ }
329
+ declare const Stack: React$1.ForwardRefExoticComponent<StackProps & React$1.RefAttributes<HTMLDivElement>>;
330
+
331
+ type ColumnType = "text" | "date" | "dateTime" | "amount" | "percent" | "input" | "checkbox" | "link" | "custom";
332
+ type ColumnAlign = "left" | "center" | "right";
333
+ type ColumnDef<T = unknown> = {
334
+ key: string;
335
+ header: React__default.ReactNode;
336
+ colSpan?: number;
337
+ type?: ColumnType;
338
+ render?: (value: unknown, row: T, rowIndex: number) => React__default.ReactNode;
339
+ align?: ColumnAlign;
340
+ thAlign?: ColumnAlign;
341
+ tdAlign?: ColumnAlign;
342
+ bold?: boolean;
343
+ noWrap?: boolean;
344
+ required?: boolean;
345
+ important?: boolean;
346
+ sortable?: boolean;
347
+ mergeDuplicate?: boolean;
348
+ width?: number;
349
+ className?: string;
350
+ thClassName?: string;
351
+ tdClassName?: string;
352
+ };
353
+
354
+ interface TableProps<T> {
355
+ columns: ColumnDef<T>[];
356
+ datas?: T[];
357
+ footers?: React__default.ReactNode | null;
358
+ isRadioOption?: boolean;
359
+ isCheckboxOption?: boolean;
360
+ isModify?: boolean;
361
+ overWidth?: number;
362
+ emptyMessage?: string;
363
+ disabledCheckboxCondition?: (data: T) => boolean;
364
+ onButtonClick?: (id: number, value: string, key: string) => void;
365
+ onLinkClick?: (id: number, value: string, key: string) => void;
366
+ onChangeInput?: (id: number, value: string, headerKey: string) => void;
367
+ onChangeCheckbox?: (id: number, value: boolean, headerKey: string) => void;
368
+ onChangeToggle?: (id: number, value: boolean, headerKey: string) => void;
369
+ onCheckboxOption?: (selectedIds: string[] | number[]) => void;
370
+ onRadioOption?: (selectedId: string) => void;
371
+ onMoveUp?: (id: string) => void;
372
+ onMoveDown?: (id: string) => void;
373
+ onSort?: (key: string, direction: "asc" | "desc" | "none") => void;
374
+ }
375
+ declare function Table<T extends Record<string, unknown>>({ columns, datas, footers, isRadioOption, isCheckboxOption, isModify, overWidth, emptyMessage, disabledCheckboxCondition, onButtonClick, onLinkClick, onChangeInput, onChangeCheckbox, onChangeToggle, onCheckboxOption, onRadioOption, onMoveUp, onMoveDown, onSort, }: TableProps<T>): react_jsx_runtime.JSX.Element;
376
+
377
+ interface TableTopProps {
378
+ type?: "search" | "option";
379
+ count?: number;
380
+ pageSize?: number;
381
+ countText?: string;
382
+ leftButtons?: React.ReactNode;
383
+ rightButtons?: React.ReactNode;
384
+ registText?: string;
385
+ sortOptionValue?: string;
386
+ sortOptions?: {
387
+ label: string;
388
+ value: string;
389
+ }[];
390
+ useDivider?: boolean;
391
+ isPageCount?: boolean;
392
+ useCountOption?: boolean;
393
+ deleteText?: string;
394
+ onChangeSort?: (value: string) => void;
395
+ onChangePageSize?: (value: number) => void;
396
+ onDelete?: () => void;
397
+ onExcelDownload?: () => void;
398
+ onSelectExcelDownload?: () => void;
399
+ handleRegist?: () => void;
400
+ }
401
+ declare function TableTop({ type, count, pageSize, countText, leftButtons, rightButtons, registText, sortOptionValue, sortOptions, useDivider, isPageCount, useCountOption, deleteText, onChangeSort, onChangePageSize, onDelete, onExcelDownload, onSelectExcelDownload, handleRegist, }: TableTopProps): react_jsx_runtime.JSX.Element;
402
+
403
+ interface CommonTableProps {
404
+ tableTop?: React.ReactNode;
405
+ tableBody?: React.ReactNode;
406
+ pagination?: React.ReactNode;
407
+ }
408
+ declare function CommonTable({ tableTop, tableBody, pagination }: CommonTableProps): react_jsx_runtime.JSX.Element;
409
+
410
+ interface TagProps extends React__default.HTMLAttributes<HTMLDivElement> {
411
+ id?: string;
412
+ children: React__default.ReactNode;
413
+ color?: ColorType;
414
+ bgColor?: ColorType;
415
+ size?: FontSizeType;
416
+ fontWeight?: FontWeightType;
417
+ className?: string;
418
+ variant?: "filled" | "outlined";
419
+ style?: React__default.CSSProperties;
420
+ }
421
+ declare function Tag({ id, children, color, bgColor, size, fontWeight: fontWeightProp, className, variant, style, ...props }: TagProps): react_jsx_runtime.JSX.Element;
422
+
423
+ interface TagInputProps {
424
+ label?: string;
425
+ labelHidden?: boolean;
426
+ tags: string[];
427
+ onChange: (tags: string[]) => void;
428
+ placeholder?: string;
429
+ disabled?: boolean;
430
+ className?: string;
431
+ id?: string;
432
+ required?: boolean;
433
+ error?: string;
434
+ tooltip?: string | React__default.ReactNode;
435
+ onlyView?: boolean;
436
+ draggable?: boolean;
437
+ onDuplicateTag?: (tag: string) => void;
438
+ }
439
+ declare const TagInput: React__default.ForwardRefExoticComponent<TagInputProps & React__default.RefAttributes<HTMLInputElement>>;
440
+
441
+ interface TextAreaProps extends React__default.TextareaHTMLAttributes<HTMLTextAreaElement>, CommonFormDataProps {
442
+ areaHeight?: number;
443
+ maxLength?: number;
444
+ }
445
+ declare const TextArea: React__default.FC<TextAreaProps>;
446
+
447
+ interface TextButtonProps {
448
+ text: string;
449
+ isOpen?: boolean;
450
+ onClick?: () => void;
451
+ color?: ColorType;
452
+ type?: "none" | "arrow" | "underline";
453
+ size?: FontSizeType;
454
+ }
455
+ declare function TextButton({ text, isOpen, onClick, color, type, size, }: TextButtonProps): react_jsx_runtime.JSX.Element;
456
+
457
+ interface ToggleProps {
458
+ checked?: boolean;
459
+ onChange?: (checked: boolean) => void;
460
+ label?: string;
461
+ disabled?: boolean;
462
+ size?: "small" | "medium" | "large";
463
+ textToggleSize?: number;
464
+ className?: string;
465
+ id?: string;
466
+ required?: boolean;
467
+ error?: string;
468
+ tooltip?: React__default.ReactNode;
469
+ onText?: string;
470
+ offText?: string;
471
+ labelWidth?: number;
472
+ isDot?: boolean;
473
+ }
474
+ declare const Toggle: React__default.ForwardRefExoticComponent<ToggleProps & React__default.RefAttributes<HTMLButtonElement>>;
475
+
476
+ interface TooltipProps {
477
+ tooltipInfo: React.ReactNode;
478
+ position?: "bottom" | "right";
479
+ }
480
+ declare function Tooltip({ tooltipInfo, position }: TooltipProps): react_jsx_runtime.JSX.Element;
481
+
482
+ interface ToolTipBoxProps {
483
+ title: string;
484
+ children: string[];
485
+ }
486
+ declare function ToolTipBox({ title, children }: ToolTipBoxProps): react_jsx_runtime.JSX.Element;
487
+
488
+ interface TooltipInfoProps {
489
+ title?: string;
490
+ children: string[] | React.ReactNode[];
491
+ }
492
+ declare function TooltipInfo({ title, children }: TooltipInfoProps): react_jsx_runtime.JSX.Element;
493
+
494
+ interface WarningBoxProps extends React__default.HTMLAttributes<HTMLDivElement> {
495
+ color?: string;
496
+ children: React__default.ReactNode;
497
+ }
498
+ declare const WarningBox: React__default.FC<WarningBoxProps>;
499
+
500
+ export { type AlignSelfType, type AlignType, BorderRadiusBox, type BorderRadiusBoxProps, BulletText, type BulletTextProps, Button, type ButtonProps, type ButtonVariantType, Checkbox, type CheckboxProps, type ColorType, type ColumnAlign, type ColumnDef, type ColumnType, CommonTable, type CommonTableProps, type DirectionType, Divider, type DividerProps, EmailInput, type EmailInputProps, type FontSizeType, type FontWeightType, Input, type InputProps, type JustifySelfType, type JustifyType, Label, type LabelProps, MultiSelectCheckbox, type MultiSelectCheckboxProps, Paging, type PagingProps, Radio, type RadioProps, RequiredDot, SelectBox, type SelectBoxProps, Stack, type StackProps, Table, type TableProps, TableTop, type TableTopProps, Tag, TagInput, type TagProps, Text, TextArea, type TextAreaProps, TextButton, type TextButtonProps, type TextProps, Toggle, type ToggleProps, ToolTipBox, type ToolTipBoxProps, Tooltip, TooltipInfo, type TooltipInfoProps, type TooltipProps, WarningBox, type WarningBoxProps, alignSelfs, aligns, colors, directions, fontSize, fontWeight, justifies, justifySelfs, lineHeightSize };