@wishket/design-system 1.17.2 → 1.17.4

package/dist/config/tailwind.config.js

@@ -2,9 +2,6 @@ const colors = require('../colors')
 
 /** @type {import('tailwindcss').Config} */
 
-const { customizedPlugin } = require('./tailwind-plugins');
-
-
 const config = {
   content: [
     './src/app/**/*.{js,ts,jsx,tsx,mdx}',
@@ -99,71 +96,11 @@ const config = {
         'checkbox-list-item-container': '18px minmax(0, 1fr)',
         'radio-list-item-container': '18px minmax(0, 1fr)',
       },
-      keyframes: {
-        rippleOutlineSmall: {
-          '0%': {
-            height: '30%',
-            width: '30%',
-            borderRadius: 7,
-            opacity: 100
-          },
-          '100%': {
-            height: '100%',
-            width: '100%',
-            borderRadius: 7,
-            opacity: 0
-          }
-        },
-        rippleOutline: {
-          '0%': {
-            height: '30%',
-            width: '30%',
-            borderRadius: 11,
-            opacity: 100
-          },
-          '100%': {
-            height: '100%',
-            width: '100%',
-            borderRadius: 11,
-            opacity: 0
-          }
-        },
-        ripple: {
-          '0%': {
-            height: '30%',
-            width: '30%',
-            borderRadius: 9999,
-            opacity: 100
-          },
-          '100%': {
-            height: '100%',
-            width: '100%',
-            opacity: 0
-          }
-        },
-        stroke: {
-          '100%': {
-            'stroke-dashoffset': '0'
-          }
-        },
-        'checkbox-check': 'stroke 0.3s cubic-bezier(0.65,0,0.45,1) forwards',
-      },
-      letterSpacing: {
-        'default': '0.48px',
-      },
-      animation: {
-        'checkbox-check': 'stroke 0.3s cubic-bezier(0.65,0,0.45,1) forwards',
-      },
     },
   },
-  plugins: [
-    require('@savvywombat/tailwindcss-grid-areas'),
-    require("tailwind-scrollbar-hide"),
-    customizedPlugin
-  ],
   variants: {
     gridTemplateAreas: ['responsive'],
   },
 };
 
-export default config
+export default config

package/dist/config/tailwindcss-grid-areas.js

@@ -0,0 +1,155 @@
+function reduce(collection, item, initialVal) {
+  if (!collection) return []
+  return Object.keys(collection).reduce(
+    (carry, current, index, array) =>
+      item(
+        carry,
+        !Array.isArray(collection) ? collection[current] : current,
+        !Array.isArray(collection) ? current : array,
+        index
+      ),
+    
+    initialVal
+  )
+}
+
+function baseFlatten(array, depth) {
+  const result = []
+  if (!array) {
+    return result
+  }
+
+  for (const value of array) {
+    if (depth && Array.isArray(value)) {
+      if (depth > 1) {
+        // Recursively flatten arrays (susceptible to call stack limits).
+        baseFlatten(value, depth - 1)
+      } else {
+        result.push(...value)
+      }
+    } else {
+      result[result.length] = value
+    }
+  }
+  return result
+}
+
+function flatMap(arr, mapper) {
+  if (!arr) return []
+  return baseFlatten(
+    Object.keys(arr).map((value, index) => mapper(arr[value], !Array.isArray(arr) ? value : index)),
+    1
+  )
+}
+
+function uniq(arr) {
+  return [...new Set(arr)]
+}
+
+function extractGridAreaNames(gridTemplateAreas) {
+  return uniq(
+    flatMap(gridTemplateAreas, (row) => {
+      return flatMap(row, (area) => {
+        // extract grid area names from the gridTemplate
+        return flatMap(area.match(/[^\s]+/g), (match) => {
+          if (match !== '.') {
+            return match
+          }
+          return []
+        })
+      })
+    })
+  )
+}
+
+// 1. variants 파라미터 제거
+module.exports = function ({ addUtilities, matchUtilities, theme }) {  // variants 제거
+  const gridAreaNames = extractGridAreaNames(theme('gridTemplateAreas'))
+
+  const templateAreas = reduce(
+    theme('gridTemplateAreas'),
+    (templates, area, name) => {
+      return {
+        ...templates,
+        [`.grid-areas-${name}`]: {
+          'grid-template-areas': area
+            .map((row) => {
+              return `"${row}"`
+            })
+            .join('\n'),
+        },
+      }
+    },
+    {}
+  )
+
+  const specialTemplateAreas = {
+    '.grid-areas-none': { 'grid-template-areas': 'none' },
+    '.grid-areas-inherit': { 'grid-template-areas': 'inherit' },
+    '.grid-areas-initial': { 'grid-template-areas': 'initial' },
+    '.grid-areas-revert': { 'grid-template-areas': 'revert' },
+    '.grid-areas-revert-layer': { 'grid-template-areas': 'revert-layer' },
+    '.grid-areas-unset': { 'grid-template-areas': 'unset' },
+  }
+
+  // 2. variants() 호출 제거 - 두 번째 인자 제거
+  addUtilities([templateAreas, specialTemplateAreas])  // variants(...) 제거
+
+  const namedAreas = gridAreaNames.reduce((areas, name) => {
+    return {
+      ...areas,
+      [`.grid-in-${name}`]: {
+        'grid-area': name,
+      },
+    }
+  }, {})
+
+  const specialNamedAreas = {
+    '.grid-in-auto': { 'grid-area': 'auto' },
+    '.grid-in-inherit': { 'grid-area': 'inherit' },
+    '.grid-in-initial': { 'grid-area': 'initial' },
+    '.grid-in-revert': { 'grid-area': 'revert' },
+    '.grid-in-revert-layer': { 'grid-area': 'revert-layer' },
+    '.grid-in-unset': { 'grid-area': 'unset' },
+  }
+
+  addUtilities([namedAreas, specialNamedAreas])  // 두 번째 인자 [] 제거
+
+  const namedLines = gridAreaNames.reduce((lines, name) => {
+    return {
+      ...lines,
+      [`.row-start-${name}`]: {
+        'grid-row-start': `${name}-start`,
+      },
+      [`.row-end-${name}`]: {
+        'grid-row-end': `${name}-end`,
+      },
+      [`.col-start-${name}`]: {
+        'grid-column-start': `${name}-start`,
+      },
+      [`.col-end-${name}`]: {
+        'grid-column-end': `${name}-end`,
+      },
+    }
+  }, {})
+
+  addUtilities([namedLines])  // 두 번째 인자 [] 제거
+
+  // allow arbitrary values
+  matchUtilities({
+    'grid-areas': (value) => {
+      value = value
+        .split(/ *, */)
+        .map((row) => (row.match(/var\(.*\)/g) ? row : `"${row}"`))
+        .join(' ')
+      return {
+        'grid-template-areas': `${value}`,
+      }
+    },
+    'grid-in': (value) => {
+      return {
+        'grid-area': `${value}`,
+      }
+    },
+  })
+}

package/dist/constants/colors/colors.js

@@ -1 +1 @@
-function F(F,E,D){return E in F?Object.defineProperty(F,E,{value:D,enumerable:!0,configurable:!0,writable:!0}):F[E]=D,F}function E(E){for(var D=1;D<arguments.length;D++){var A=null!=arguments[D]?arguments[D]:{},B=Object.keys(A);"function"==typeof Object.getOwnPropertySymbols&&(B=B.concat(Object.getOwnPropertySymbols(A).filter((function(F){return Object.getOwnPropertyDescriptor(A,F).enumerable})))),B.forEach((function(D){F(E,D,A[D])}))}return E}const D={DEFAULT:"#3BA3C7",10:"#F2FCFF",50:"#E8FAFF",100:"#BFEDFA",200:"#ABE3F2",300:"#80C7DE",400:"#5DB6D4",500:"#3BA3C7",600:"#369CC2",700:"#3391BA",800:"#308AB3",900:"#2E82AB"},A={DEFAULT:"#00A878",10:"#F5FFFC",50:"#EBFFF9",100:"#C4EDE1",200:"#93DBC6",300:"#63C9AB",400:"#30B891",500:"#00A878",600:"#009C6F",700:"#009168",800:"#008761",900:"#007D59"},B={DEFAULT:"#FFC61C",10:"#FFFDF5",50:"#FFF9E0",100:"#FFEEB8",200:"#FFE491",300:"#FFDA6A",400:"#FFD043",500:"#FFC61C",600:"#FFB012",700:"#F79E0F",800:"#F79205",900:"#F28A05"},e={DEFAULT:"#FF6B21",10:"#FFF9F5",50:"#FFF0E8",100:"#FFD6BF",200:"#FFBB99",300:"#FFA070",400:"#FF8547",500:"#FF6B21",600:"#F4611D",700:"#E65918",800:"#DB5314",900:"#D14B0F"},C={DEFAULT:"#E52929",10:"#FFF5F5",50:"#FFE8E8",100:"#FFC9C9",200:"#ED9191",300:"#ED6666",400:"#EB3F3F",500:"#E52929",600:"#DB2121",700:"#D11519",800:"#C70006",900:"#BF0006"},t={DEFAULT:"#2E6BAA",10:"#F5F9FF",50:"#E3EDFA",100:"#CCDBED",200:"#A6BFDE",300:"#7DA3CC",400:"#5487BA",500:"#2E6BAA",600:"#26619E",700:"#1F578C",800:"#1A4D80",900:"#144570"},r={DEFAULT:"#383D47",10:"#F7FAFC",50:"#E6EBF0",100:"#CCD1D6",200:"#A1A6AD",300:"#787D85",400:"#4D525C",500:"#383D47",600:"#242933",700:"#1C2029",800:"#14171F",900:"#0D0F14"},n={DEFAULT:"#757575",10:"#FAFAFA",50:"#F5F5F5",100:"#EEEEEE",200:"#E0E0E0",300:"#BDBDBD",400:"#9E9E9E",500:"#757575",600:"#616161",700:"#424242",800:"#313131",900:"#212121"},o={DEFAULT:"#6B16EE",10:"#FAF6FF",50:"#F2E8FC",100:"#D6C1FA",200:"#BB98F7",300:"#9E6BF5",400:"#8646F2",500:"#6B16EE",600:"#5A00DB",700:"#400EC0",800:"#3200AC",900:"#110394"},c=E({},D),u=E({},t),b=E({},o);export{r as w_bluegray,D as w_cyan,n as w_gray,A as w_green,t as w_indigo,e as w_orange,c as w_primary,C as w_red,u as w_secondary,o as w_violet,B as w_yellow,b as y_primary};
+function F(F,E,D){return E in F?Object.defineProperty(F,E,{value:D,enumerable:!0,configurable:!0,writable:!0}):F[E]=D,F}function E(E){for(var D=1;D<arguments.length;D++){var A=null!=arguments[D]?arguments[D]:{},B=Object.keys(A);"function"==typeof Object.getOwnPropertySymbols&&(B=B.concat(Object.getOwnPropertySymbols(A).filter((function(F){return Object.getOwnPropertyDescriptor(A,F).enumerable})))),B.forEach((function(D){F(E,D,A[D])}))}return E}const D={DEFAULT:"#3BA3C7",10:"#F2FCFF",50:"#E8FAFF",100:"#BFEDFA",200:"#ABE3F2",300:"#80C7DE",400:"#5DB6D4",500:"#3BA3C7",600:"#369CC2",700:"#3391BA",800:"#308AB3",900:"#2E82AB"},A={DEFAULT:"#00A878",10:"#F5FFFC",50:"#EBFFF9",100:"#C4EDE1",200:"#93DBC6",300:"#63C9AB",400:"#30B891",500:"#00A878",600:"#009C6F",700:"#009168",800:"#008761",900:"#007D59"},B={DEFAULT:"#FFC61C",10:"#FFFDF5",50:"#FFF9E0",100:"#FFEEB8",200:"#FFE491",300:"#FFDA6A",400:"#FFD043",500:"#FFC61C",600:"#FFB012",700:"#F79E0F",800:"#F79205",900:"#F28A05"},e={DEFAULT:"#FF6B21",10:"#FFF9F5",50:"#FFF0E8",100:"#FFD6BF",200:"#FFBB99",300:"#FFA070",400:"#FF8547",500:"#FF6B21",600:"#F4611D",700:"#E65918",800:"#DB5314",900:"#D14B0F"},C={DEFAULT:"#E52929",10:"#FFF5F5",50:"#FFE8E8",100:"#FFC9C9",200:"#ED9191",300:"#ED6666",400:"#EB3F3F",500:"#E52929",600:"#DB2121",700:"#D11519",800:"#C70006",900:"#BF0006"},t={DEFAULT:"#2E6BAA",10:"#F5F9FF",50:"#E3EDFA",100:"#CCDBED",200:"#A6BFDE",300:"#7DA3CC",400:"#5487BA",500:"#2E6BAA",600:"#26619E",700:"#1F578C",800:"#1A4D80",900:"#144570"},r={DEFAULT:"#383D47",10:"#F7FAFC",50:"#E6EBF0",100:"#CCD1D6",200:"#A1A6AD",300:"#787D85",400:"#4D525C",500:"#383D47",600:"#242933",700:"#1C2029",800:"#14171F",900:"#0D0F14"},n={DEFAULT:"#757575",10:"#F7F7F7",50:"#F5F5F5",100:"#EEEEEE",200:"#E0E0E0",300:"#BDBDBD",400:"#9E9E9E",500:"#757575",600:"#616161",700:"#424242",800:"#313131",900:"#212121"},o={DEFAULT:"#6B16EE",10:"#FAF6FF",50:"#F2E8FC",100:"#D6C1FA",200:"#BB98F7",300:"#9E6BF5",400:"#8646F2",500:"#6B16EE",600:"#5A00DB",700:"#400EC0",800:"#3200AC",900:"#110394"},c=E({},D),u=E({},t),b=E({},o);export{r as w_bluegray,D as w_cyan,n as w_gray,A as w_green,t as w_indigo,e as w_orange,c as w_primary,C as w_red,u as w_secondary,o as w_violet,B as w_yellow,b as y_primary};

package/dist/index.js

@@ -1 +1 @@
-export{Avatar}from"./Components/DataDisplays/Avatar/Avatar.js";export{CountBadge}from"./Components/DataDisplays/CountBadge/CountBadge.js";export{ImageLabel}from"./Components/DataDisplays/ImageLabel/ImageLabel.js";export{Label}from"./Components/DataDisplays/Label/Label.js";export{NewBadge}from"./Components/DataDisplays/NewBadge/NewBadge.js";export{ProductIcon}from"./Components/DataDisplays/ProductIcon/ProductIcon.js";export{ServiceLogo}from"./Components/DataDisplays/ServiceLogo/ServiceLogo.js";export{SkillLabel}from"./Components/DataDisplays/SkillLabel/SkillLabel.js";export{SystemIcon}from"./Components/DataDisplays/SystemIcon/SystemIcon.js";export{LargeSystemIconNames,MediumSystemIconNames,SmallSystemIconNames,SocialSystemIconNames,SystemIconNames}from"./Components/DataDisplays/SystemIcon/SystemIcon.constants.js";export{Divider}from"./Components/DataDisplays/Divider/Divider.js";export{ProgressIndicator}from"./Components/DataDisplays/ProgressIndicator/ProgressIndicator.js";export{default as Li}from"./Components/DataDisplays/Li/Li.js";export{MessageBox}from"./Components/Feedbacks/MessageBox/MessageBox.js";export{SnackBar}from"./Components/Feedbacks/SnackBar/SnackBar.js";export{messageType}from"./Components/Feedbacks/SnackBar/SnackBar.types.js";export{MessageBar}from"./Components/Feedbacks/MessageBar/MessageBar.js";export{Dialog}from"./Components/Feedbacks/Dialog/Dialog.js";export{DialogBox}from"./Components/Feedbacks/DialogBox/DialogBox.js";export{LoadingIndicator}from"./Components/Feedbacks/LoadingIndicator/LoadingIndicator.js";export{PlainTooltip}from"./Components/Feedbacks/PlainTooltip/PlainTooltip.js";export{RichTooltip}from"./Components/Feedbacks/RichTooltip/RichTooltip.js";export{GlobalLoadingIndicator}from"./Components/Feedbacks/GlobalLoadingIndicator/GlobalLoadingIndicator.js";export{Autocomplete}from"./Components/Inputs/Autocomplete/Autocomplete.js";export{Button}from"./Components/Inputs/Button/Button.js";export{Calendar}from"./Components/Inputs/Calendar/Calendar.js";export{Checkbox}from"./Components/Inputs/Checkbox/Checkbox.js";export{CheckboxCard}from"./Components/Inputs/CheckboxCard/CheckboxCard.js";export{CheckboxList}from"./Components/Inputs/CheckboxList/CheckboxList.js";export{CheckboxListItem}from"./Components/Inputs/CheckboxListItem/CheckboxListItem.js";export{ChoiceChip}from"./Components/Inputs/ChoiceChip/ChoiceChip.js";export{IconButton}from"./Components/Inputs/IconButton/IconButton.js";export{InputChip}from"./Components/Inputs/InputChip/InputChip.js";export{RangeSlider}from"./Components/Inputs/RangeSlider/RangeSlider.js";export{Radio}from"./Components/Inputs/Radio/Radio.js";export{RadioCard}from"./Components/Inputs/RadioCard/RadioCard.js";export{RadioList}from"./Components/Inputs/RadioList/RadioList.js";export{RadioGroup}from"./Components/Inputs/RadioGroup/RadioGroup.js";export{SearchField}from"./Components/Inputs/SearchField/SearchField.js";export{SegmentedControl}from"./Components/Inputs/SegmentedControl/SegmentedControl.js";export{Switch}from"./Components/Inputs/Switch/Switch.js";export{Textarea}from"./Components/Inputs/Textarea/Textarea.js";export{TextButton}from"./Components/Inputs/TextButton/TextButton.js";export{TextField}from"./Components/Inputs/TextField/TextField.js";export{List}from"./Components/Inputs/List/List.js";export{TextFieldDropdown}from"./Components/Inputs/TextFieldDropdown/TextFieldDropdown.js";export{CommentArea}from"./Components/Inputs/CommentArea/CommentArea.js";export{IconButtonDropdown}from"./Components/Inputs/IconButtonDropdown/IconButtonDropdown.js";export{MultiColumnList}from"./Components/Inputs/MultiColumnList/MultiColumnList.js";export{FilterChip}from"./Components/Inputs/FilterChip/FilterChip.js";export{TextButtonDropdown}from"./Components/Inputs/TextButtonDropdown/TextButtonDropdown.js";export{AutoCompleteList}from"./Components/Inputs/AutoCompleteList/AutoCompleteList.js";export{FilterList}from"./Components/Inputs/FilterList/FilterList.js";export{Input}from"./Components/Inputs/Input/Input.js";export{PasswordInput}from"./Components/Inputs/Input/PasswordInput.js";export{LableInput}from"./Components/Inputs/Input/LableInput.js";export{InputTypeSelector}from"./Components/Inputs/Input/InputTypeSelector.js";export{SupportTextContainer}from"./Components/Inputs/SupportTextContainer/SupportTextContainer.js";export{TextFieldContainer}from"./Components/Inputs/TextFieldContainer/TextFieldContainer.js";export{Typography}from"./Components/Base/Typography/Typography.js";export{Box}from"./Components/Base/Layouts/Box/Box.js";export{GridLayout}from"./Components/Base/Layouts/GridLayout/GridLayout.js";export{Column}from"./Components/Base/Layouts/Column/Column.js";export{FullBleed}from"./Components/Base/Layouts/FullBleed/FullBleed.js";export{Drawer}from"./Components/Navigations/Drawer/Drawer.js";export{GNBList}from"./Components/Navigations/GNBList/GNBList.js";export{LeftArrow,PaginationNumber,RightArrow}from"./Components/Navigations/Pagination/Pagination.parts.js";export{Pagination}from"./Components/Navigations/Pagination/Pagination.js";export{TableOfContents}from"./Components/Navigations/TableOfContents/TableOfContents.js";export{TextTab}from"./Components/Navigations/TextTab/TextTab.js";export{BoxTab}from"./Components/Navigations/BoxTab/BoxTab.js";export{Menu}from"./Components/Navigations/Menu/Menu.js";export{BackDrop}from"./Components/Utils/BackDrop/BackDrop.js";export{BackDropLiftContainer}from"./Components/Utils/BackDropLiftContainer/BackDropLiftContainer.js";export{BottomModalContainer}from"./Components/Utils/BottomModalContainer/BottomModalContainer.js";export{FullModalContainer}from"./Components/Utils/FullModalContainer/FullModalContainer.js";export{Modal}from"./Components/Utils/Modal/Modal.js";export{ModalContainer}from"./Components/Utils/ModalContainer/ModalContainer.js";export{Portal}from"./Components/Utils/Portal/Portal.js";export{WithBadge}from"./Components/Wrappers/WithBadge/WithBadge.js";export{WithRichTooltip}from"./Components/Wrappers/WithRichTooltip/WithRichTooltip.js";export{WithSnackBar}from"./Components/Wrappers/WithSnackBar/WithSnackBar.js";
+export{Avatar}from"./Components/DataDisplays/Avatar/Avatar.js";export{CountBadge}from"./Components/DataDisplays/CountBadge/CountBadge.js";export{ImageLabel}from"./Components/DataDisplays/ImageLabel/ImageLabel.js";export{Label}from"./Components/DataDisplays/Label/Label.js";export{NewBadge}from"./Components/DataDisplays/NewBadge/NewBadge.js";export{ProductIcon}from"./Components/DataDisplays/ProductIcon/ProductIcon.js";export{ServiceLogo}from"./Components/DataDisplays/ServiceLogo/ServiceLogo.js";export{SkillLabel}from"./Components/DataDisplays/SkillLabel/SkillLabel.js";export{SystemIcon}from"./Components/DataDisplays/SystemIcon/SystemIcon.js";export{LargeSystemIconNames,MediumSystemIconNames,SmallSystemIconNames,SocialSystemIconNames,SystemIconNames}from"./Components/DataDisplays/SystemIcon/SystemIcon.constants.js";export{Divider}from"./Components/DataDisplays/Divider/Divider.js";export{ProgressIndicator}from"./Components/DataDisplays/ProgressIndicator/ProgressIndicator.js";export{default as Li}from"./Components/DataDisplays/Li/Li.js";export{Accordion}from"./Components/DataDisplays/Accordion/Accordion.js";export{MessageBox}from"./Components/Feedbacks/MessageBox/MessageBox.js";export{SnackBar}from"./Components/Feedbacks/SnackBar/SnackBar.js";export{messageType}from"./Components/Feedbacks/SnackBar/SnackBar.types.js";export{MessageBar}from"./Components/Feedbacks/MessageBar/MessageBar.js";export{Dialog}from"./Components/Feedbacks/Dialog/Dialog.js";export{DialogBox}from"./Components/Feedbacks/DialogBox/DialogBox.js";export{LoadingIndicator}from"./Components/Feedbacks/LoadingIndicator/LoadingIndicator.js";export{Tooltip}from"./Components/Feedbacks/Tooltip/Tooltip.js";export{RichTooltip}from"./Components/Feedbacks/Tooltip/RichTooltip/RichTooltip.js";export{PlainTooltip}from"./Components/Feedbacks/Tooltip/PlainTooltip/PlainTooltip.js";export{GlobalLoadingIndicator}from"./Components/Feedbacks/GlobalLoadingIndicator/GlobalLoadingIndicator.js";export{Autocomplete}from"./Components/Inputs/Autocomplete/Autocomplete.js";export{Button}from"./Components/Inputs/Button/Button.js";export{Calendar}from"./Components/Inputs/Calendar/Calendar.js";export{Checkbox}from"./Components/Inputs/Checkbox/Checkbox.js";export{CheckboxCard}from"./Components/Inputs/CheckboxCard/CheckboxCard.js";export{CheckboxList}from"./Components/Inputs/CheckboxList/CheckboxList.js";export{CheckboxListItem}from"./Components/Inputs/CheckboxListItem/CheckboxListItem.js";export{ChoiceChip}from"./Components/Inputs/ChoiceChip/ChoiceChip.js";export{IconButton}from"./Components/Inputs/IconButton/IconButton.js";export{InputChip}from"./Components/Inputs/InputChip/InputChip.js";export{RangeSlider}from"./Components/Inputs/RangeSlider/RangeSlider.js";export{Radio}from"./Components/Inputs/Radio/Radio.js";export{RadioCard}from"./Components/Inputs/RadioCard/RadioCard.js";export{RadioList}from"./Components/Inputs/RadioList/RadioList.js";export{RadioGroup}from"./Components/Inputs/RadioGroup/RadioGroup.js";export{RadioListItem}from"./Components/Inputs/RadioListItem/RadioListItem.js";export{SearchField}from"./Components/Inputs/SearchField/SearchField.js";export{SegmentedControl}from"./Components/Inputs/SegmentedControl/SegmentedControl.js";export{Switch}from"./Components/Inputs/Switch/Switch.js";export{Textarea}from"./Components/Inputs/Textarea/Textarea.js";export{TextButton}from"./Components/Inputs/TextButton/TextButton.js";export{TextField}from"./Components/Inputs/TextField/TextField.js";export{List}from"./Components/Inputs/List/List.js";export{TextFieldDropdown}from"./Components/Inputs/TextFieldDropdown/TextFieldDropdown.js";export{CommentArea}from"./Components/Inputs/CommentArea/CommentArea.js";export{IconButtonDropdown}from"./Components/Inputs/IconButtonDropdown/IconButtonDropdown.js";export{MultiColumnList}from"./Components/Inputs/MultiColumnList/MultiColumnList.js";export{FilterChip}from"./Components/Inputs/FilterChip/FilterChip.js";export{TextButtonDropdown}from"./Components/Inputs/TextButtonDropdown/TextButtonDropdown.js";export{AutoCompleteList}from"./Components/Inputs/AutoCompleteList/AutoCompleteList.js";export{FilterList}from"./Components/Inputs/FilterList/FilterList.js";export{Input}from"./Components/Inputs/Input/Input.js";export{PasswordInput}from"./Components/Inputs/Input/PasswordInput.js";export{LabelInput}from"./Components/Inputs/Input/LabelInput.js";export{InputTypeSelector}from"./Components/Inputs/Input/InputTypeSelector.js";export{SupportTextContainer}from"./Components/Inputs/SupportTextContainer/SupportTextContainer.js";export{TextFieldContainer}from"./Components/Inputs/TextFieldContainer/TextFieldContainer.js";export{FileUploader}from"./Components/Inputs/FileUploader/FileUploader.js";export{Typography}from"./Components/Base/Typography/Typography.js";export{Box}from"./Components/Base/Layouts/Box/Box.js";export{GridLayout}from"./Components/Base/Layouts/GridLayout/GridLayout.js";export{Column}from"./Components/Base/Layouts/Column/Column.js";export{FullBleed}from"./Components/Base/Layouts/FullBleed/FullBleed.js";export{Drawer}from"./Components/Navigations/Drawer/Drawer.js";export{GNBList}from"./Components/Navigations/GNBList/GNBList.js";export{LeftArrow,PaginationNumber,RightArrow}from"./Components/Navigations/Pagination/Pagination.parts.js";export{Pagination}from"./Components/Navigations/Pagination/Pagination.js";export{TableOfContents}from"./Components/Navigations/TableOfContents/TableOfContents.js";export{TextTab}from"./Components/Navigations/TextTab/TextTab.js";export{BoxTab}from"./Components/Navigations/BoxTab/BoxTab.js";export{Menu}from"./Components/Navigations/Menu/Menu.js";export{TextLink}from"./Components/Navigations/TextLink/TextLink.js";export{BackDrop}from"./Components/Utils/BackDrop/BackDrop.js";export{BackDropLiftContainer}from"./Components/Utils/BackDropLiftContainer/BackDropLiftContainer.js";export{BottomModalContainer}from"./Components/Utils/BottomModalContainer/BottomModalContainer.js";export{FullModalContainer}from"./Components/Utils/FullModalContainer/FullModalContainer.js";export{Modal}from"./Components/Utils/Modal/Modal.js";export{ModalContainer}from"./Components/Utils/ModalContainer/ModalContainer.js";export{Portal}from"./Components/Utils/Portal/Portal.js";export{WithBadge}from"./Components/Wrappers/WithBadge/WithBadge.js";export{WithSnackBar}from"./Components/Wrappers/WithSnackBar/WithSnackBar.js";

package/dist/types/checkbox.types.d.ts

@@ -2,6 +2,4 @@ export interface CheckboxStatus {
     disabled?: boolean;
     checked?: boolean;
     isError?: boolean;
-    isHover?: boolean;
-    isFocused?: boolean;
 }

package/dist/types/index.d.ts

@@ -1,3 +1,2 @@
 export * from './checkbox.types';
-export * from './radio.types';
 export * from './badge.types';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wishket/design-system",
-  "version": "1.17.2",
+  "version": "1.17.4",
   "type": "module",
   "description": "Wishket Design System",
   "main": "dist/index.js",
@@ -28,7 +28,8 @@
       "require": "./dist/config/tailwind.config.js",
       "import": "./dist/config/tailwind.config.js",
       "default": "./dist/config/tailwind.config.js"
-    }
+    },
+    "./config.css": "./dist/config/config.css"
   },
   "scripts": {
     "dev": "next dev --turbopack",
@@ -39,14 +40,15 @@
     "test": "jest --ci --runInBand --coverage --watchAll=false --passWithNoTests --testMatch=\"**/*.spec.@(ts|tsx)\"",
     "storybook": "storybook dev -p 6006",
     "build-storybook": "storybook build",
+    "prettier:check": "prettier --cache --check .",
+    "prettier:write": "prettier --cache --write .",
     "chromatic": "chromatic --exit-zero-on-changes"
   },
   "dependencies": {
-    "@savvywombat/tailwindcss-grid-areas": "^4.0.0",
     "@wishket/yogokit": "^0.2.2",
-    "next": "15.5.4",
-    "react": "19.1.1",
-    "react-dom": "19.1.1",
+    "next": "15.5.6",
+    "react": "19.2.0",
+    "react-dom": "19.2.0",
     "sharp": "^0.34.3",
     "tailwind-merge": "^2.2.2",
     "tailwind-scrollbar-hide": "^1.1.7"
@@ -67,35 +69,49 @@
     "@storybook/mdx2-csf": "^1.1.0",
     "@storybook/nextjs": "^9.0.9",
     "@swc/core": "^1.5.5",
+    "@tailwindcss/postcss": "^4.1.17",
     "@testing-library/dom": "^9.3.4",
     "@testing-library/jest-dom": "^6.2.0",
     "@testing-library/react": "^14.1.2",
     "@testing-library/user-event": "^14.5.2",
     "@types/faker": "^6",
     "@types/jest": "^29.5.11",
-    "@types/node": "^20.11.0",
-    "@types/react": "19.1.13",
-    "@types/react-dom": "19.1.9",
-    "@wishket/eslint-config-wishket": "^1.1.0",
+    "@types/node": "^24.10.0",
+    "@types/react": "19.2.2",
+    "@types/react-dom": "19.2.2",
+    "@typescript-eslint/eslint-plugin": "^8.46.4",
+    "@typescript-eslint/parser": "^8.46.4",
+    "@wishket/eslint-config-wishket": "^2.1.0",
     "autoprefixer": "^10.4.18",
     "babel-jest": "^29.7.0",
     "chromatic": "^11.7.0",
     "dotenv": "^16.3.1",
     "eslint": "^8",
-    "eslint-config-next": "15.5.4",
+    "eslint-config-next": "15.5.6",
+    "eslint-plugin-file-export-name": "^0.0.2",
+    "eslint-plugin-import": "^2.32.0",
+    "eslint-plugin-jest": "^29.1.0",
+    "eslint-plugin-jest-dom": "^5.5.0",
+    "eslint-plugin-jest-formatting": "^3.1.0",
+    "eslint-plugin-naming-convention": "^0.1.3",
+    "eslint-plugin-prettier": "^5.5.4",
     "eslint-plugin-storybook": "^0.6.15",
+    "eslint-plugin-testing-library": "^7.13.3",
+    "eslint-plugin-unused-imports": "^4.3.0",
     "jest": "^29.7.0",
     "jest-dom": "^4.0.0",
     "jest-environment-jsdom": "^29.7.0",
+    "madge": "^8.0.0",
     "postcss": "^8.5.5",
     "postcss-loader": "^8.1.1",
+    "prettier": "^3.6.2",
     "prettier-plugin-tailwindcss": "^0.5.11",
     "rollup": "^4.9.4",
     "rollup-plugin-copy": "^3.5.0",
     "rollup-plugin-swc3": "^0.12.1",
     "rollup-preserve-directives": "^1.1.3",
     "storybook": "^9.0.9",
-    "tailwindcss": "^3.4.1",
+    "tailwindcss": "^4.1.17",
     "ts-jest": "^29.1.1",
     "ts-node": "^10.9.2",
     "typescript": "^5"
@@ -114,9 +130,9 @@
   ],
   "packageManager": "yarn@4.0.2",
   "resolutions": {
-    "@types/react": "19.1.13",
-    "@types/react-dom": "19.1.9",
-    "react": "19.1.1",
-    "react-dom": "19.1.1"
+    "@types/react": "19.2.2",
+    "@types/react-dom": "19.2.2",
+    "react": "19.2.0",
+    "react-dom": "19.2.0"
   }
 }

package/dist/Components/Feedbacks/PlainTooltip/PlainTooltip.d.ts

@@ -1,44 +0,0 @@
-import { ComponentProps, ReactNode } from 'react';
-export interface PlainTooltipProps extends ComponentProps<'div'> {
-    variant?: 'up' | 'down' | 'left' | 'right';
-    text?: string;
-    children?: ReactNode;
-    disabled?: boolean;
-    tooltipClassName?: string;
-}
-/**
- * 마우스 호버 시 툴팁을 표시하는 컴포넌트입니다.
- *
- * @component
- * @param {Object} props
- * @param {'up' | 'down' | 'left' | 'right'} [props.variant='up'] - 툴팁이 표시될 방향
- * @param {string} [props.text] - 툴팁에 표시될 텍스트
- * @param {ReactNode} [props.children] - 툴팁을 표시할 대상 요소
- * @param {string} [props.className] - 최상위 컨테이너에 적용할 추가 클래스
- * @param {boolean} [props.disabled=false] - 툴팁 비활성화 여부
- * @param {string} [props.tooltipClassName] - 툴팁 컨테이너에 적용할 추가 클래스
- *
- * @example
- * // 기본 사용법
- * <PlainTooltip text="도움말 내용">
- *   <button>마우스를 올려보세요</button>
- * </PlainTooltip>
- *
- * // 방향 지정
- * <PlainTooltip
- *   variant="right"
- *   text="오른쪽에 표시되는 툴팁"
- * >
- *   <span>도움말</span>
- * </PlainTooltip>
- *
- * // 비활성화
- * <PlainTooltip
- *   text="이 툴팁은 표시되지 않습니다"
- *   disabled={true}
- * >
- *   <div>비활성화된 툴팁</div>
- * </PlainTooltip>
- */
-declare const PlainTooltip: ({ variant, text, children, className, disabled, tooltipClassName, }: PlainTooltipProps) => import("react/jsx-runtime").JSX.Element;
-export { PlainTooltip };

package/dist/Components/Feedbacks/PlainTooltip/PlainTooltip.js

@@ -1,37 +0,0 @@
-import{jsx as t,jsxs as e}from"react/jsx-runtime";import{twMerge as a}from"tailwind-merge";import{Typography as o}from"../../Base/Typography/Typography.js";import{Box as l}from"../../Base/Layouts/Box/Box.js";import"../../Base/Layouts/FullBleed/FullBleed.js";import{Arrow as r}from"./PlainTooltip.parts.js";
-/**
- * 마우스 호버 시 툴팁을 표시하는 컴포넌트입니다.
- *
- * @component
- * @param {Object} props
- * @param {'up' | 'down' | 'left' | 'right'} [props.variant='up'] - 툴팁이 표시될 방향
- * @param {string} [props.text] - 툴팁에 표시될 텍스트
- * @param {ReactNode} [props.children] - 툴팁을 표시할 대상 요소
- * @param {string} [props.className] - 최상위 컨테이너에 적용할 추가 클래스
- * @param {boolean} [props.disabled=false] - 툴팁 비활성화 여부
- * @param {string} [props.tooltipClassName] - 툴팁 컨테이너에 적용할 추가 클래스
- *
- * @example
- * // 기본 사용법
- * <PlainTooltip text="도움말 내용">
- *   <button>마우스를 올려보세요</button>
- * </PlainTooltip>
- *
- * // 방향 지정
- * <PlainTooltip
- *   variant="right"
- *   text="오른쪽에 표시되는 툴팁"
- * >
- *   <span>도움말</span>
- * </PlainTooltip>
- *
- * // 비활성화
- * <PlainTooltip
- *   text="이 툴팁은 표시되지 않습니다"
- *   disabled={true}
- * >
- *   <div>비활성화된 툴팁</div>
- * </PlainTooltip>
- */const s=({variant:s="up",text:i,children:n,className:p,disabled:m=!1,tooltipClassName:d})=>/*#__PURE__*/t(l,{"data-testid":"design-system-plain-toolTip",className:a("inline-block",p),children:/*#__PURE__*/e(l,{"data-testid":"design-system-plain-toolTip--child",className:"group relative",children:[n,!m&&/*#__PURE__*/e(l,{className:a("pointer-events-none absolute z-10 w-max select-none opacity-0 transition-all duration-500 ease-in-out","group-hover:pointer-events-auto group-hover:opacity-100","up"===s&&"bottom-full left-1/2 -translate-x-1/2 group-hover:-translate-y-3","down"===s&&"left-1/2 top-full -translate-x-1/2 group-hover:translate-y-3","left"===s&&"right-full top-1/2 -translate-y-1/2 group-hover:-translate-x-3","right"===s&&"left-full top-1/2 -translate-y-1/2 group-hover:translate-x-3",d),"data-testid":"design-system-plain-toolTip--container",children:[
-/*#__PURE__*/t(r,{testId:"design-system-plain-toolTip--arrow",className:a("absolute z-10","up"===s&&"-bottom-[7px] left-1/2 -translate-x-1/2 -rotate-90","down"===s&&"-top-[7px] left-1/2 -translate-x-1/2 rotate-90","left"===s&&"-right-[5px] top-1/2 -translate-y-1/2 rotate-180","right"===s&&"-left-[5px] top-1/2 -translate-y-1/2 rotate-0")}),
-/*#__PURE__*/t(l,{className:"z-0 flex h-auto min-h-[28px] w-full items-center justify-center rounded-lg bg-w-black px-3 py-1 text-center",children:/*#__PURE__*/t(o,{variant:"body3",className:"whitespace-pre text-wrap break-all font-medium text-w-white opacity-100",children:i})})]})]})});export{s as PlainTooltip};

package/dist/Components/Feedbacks/PlainTooltip/PlainTooltip.parts.js

@@ -1 +0,0 @@
-import{jsx as e}from"react/jsx-runtime";import"react";const t=({testId:t,className:l})=>/*#__PURE__*/e("svg",{xmlns:"http://www.w3.org/2000/svg",width:"5",height:"10",viewBox:"0 0 5 10",fill:"none","data-testid":t,className:l,children:/*#__PURE__*/e("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M5.96244e-08 5L5 -1.10263e-07L5 10L5.96244e-08 5Z",fill:"black"})});export{t as Arrow};

package/dist/Components/Feedbacks/PlainTooltip/index.d.ts

@@ -1,2 +0,0 @@
-export { PlainTooltip } from './PlainTooltip';
-export type { PlainTooltipProps } from './PlainTooltip';

package/dist/Components/Feedbacks/RichTooltip/RichTooltip.d.ts

@@ -1,34 +0,0 @@
-import { PropsWithChildren } from 'react';
-export interface RichTooltipProps extends PropsWithChildren {
-    title?: string;
-    description?: string;
-    className?: string;
-}
-/**
- * 제목과 설명을 포함할 수 있는 리치 툴팁 컴포넌트입니다. UI만 제공하고 실제 사용은 WithRichTooltip 컴포넌트를 사용하는 것이 더 간편합니다.
- *
- * @component
- * @param {object} props - 컴포넌트 프로퍼티
- * @param {string} [props.title] - 툴팁의 제목
- * @param {string} [props.description] - 툴팁의 상세 설명
- * @param {string} [props.className] - 추가적인 CSS 클래스
- * @param {React.ReactNode} [props.children] - 자식 컴포넌트
- *
- * @example
- * // 기본 사용법
- * <RichTooltip
- *   title="알림"
- *   description="새로운 메시지가 도착했습니다."
- * >
- *   <button>확인</button>
- * </RichTooltip>
- *
- * // 커스텀 스타일 적용
- * <RichTooltip
- *   title="경고"
- *   description="저장되지 않은 변경사항이 있습니다."
- *   className="absolute top-0 left-0"
- * />
- */
-declare const RichTooltip: ({ title, description, className, children, }: RichTooltipProps) => import("react/jsx-runtime").JSX.Element;
-export { RichTooltip };

package/dist/Components/Feedbacks/RichTooltip/RichTooltip.js

@@ -1,27 +0,0 @@
-import{jsxs as e,jsx as t}from"react/jsx-runtime";import{twMerge as a}from"tailwind-merge";import{Typography as l}from"../../Base/Typography/Typography.js";import{Box as r}from"../../Base/Layouts/Box/Box.js";import"../../Base/Layouts/FullBleed/FullBleed.js";
-/**
- * 제목과 설명을 포함할 수 있는 리치 툴팁 컴포넌트입니다. UI만 제공하고 실제 사용은 WithRichTooltip 컴포넌트를 사용하는 것이 더 간편합니다.
- *
- * @component
- * @param {object} props - 컴포넌트 프로퍼티
- * @param {string} [props.title] - 툴팁의 제목
- * @param {string} [props.description] - 툴팁의 상세 설명
- * @param {string} [props.className] - 추가적인 CSS 클래스
- * @param {React.ReactNode} [props.children] - 자식 컴포넌트
- *
- * @example
- * // 기본 사용법
- * <RichTooltip
- *   title="알림"
- *   description="새로운 메시지가 도착했습니다."
- * >
- *   <button>확인</button>
- * </RichTooltip>
- *
- * // 커스텀 스타일 적용
- * <RichTooltip
- *   title="경고"
- *   description="저장되지 않은 변경사항이 있습니다."
- *   className="absolute top-0 left-0"
- * />
- */const s=({title:s,description:i,className:o,children:m})=>/*#__PURE__*/e(r,{className:a("flex w-full flex-col gap-1 rounded-xl bg-white px-6 py-5 shadow-graymedium tablet:w-80",o),"data-testid":"design-system-rich-tooltip",children:[s&&/*#__PURE__*/t(r,{className:"flex w-full items-start justify-between gap-4",children:/*#__PURE__*/t(l,{variant:"body2",className:"font-medium text-w-gray-900",children:s})}),i&&/*#__PURE__*/t(l,{variant:"body3",className:"text-w-gray-400",children:i}),m]});export{s as RichTooltip};

package/dist/Components/Feedbacks/RichTooltip/index.d.ts

@@ -1,2 +0,0 @@
-export { RichTooltip } from './RichTooltip';
-export type { RichTooltipProps } from './RichTooltip';

package/dist/Components/Inputs/Button/Button.parts.d.ts

@@ -1,2 +0,0 @@
-import { ButtonProps } from './Button.types';
-export declare const ButtonContainer: ({ rounded, size, type, variant, color, children, leadingIcon, isLeadingIconSolid, trailingIcon, isTrailingIconSolid, badgeNumber, className, disabled, onClick, ...rest }: ButtonProps) => import("react/jsx-runtime").JSX.Element;

package/dist/Components/Inputs/Button/Button.parts.js

@@ -1,2 +0,0 @@
-import{jsxs as r,jsx as e}from"react/jsx-runtime";import{twMerge as t}from"tailwind-merge";import"react";import{SystemIcon as o}from"../../DataDisplays/SystemIcon/SystemIcon.js";import"../../DataDisplays/SystemIcon/SystemIcon.constants.js";import"../../Base/Layouts/Box/Box.js";import"../../Base/Layouts/FullBleed/FullBleed.js";import{CountBadge as i}from"../../DataDisplays/CountBadge/CountBadge.js";function n(r,e,t){return e in r?Object.defineProperty(r,e,{value:t,enumerable:!0,configurable:!0,writable:!0}):r[e]=t,r}function a(r,e){return e=null!=e?e:{},Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(e)):function(r){var e=Object.keys(r);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(r);e.push.apply(e,t)}return e}(Object(e)).forEach((function(t){Object.defineProperty(r,t,Object.getOwnPropertyDescriptor(e,t))})),r}function l(r,e){if(null==r)return{};var t,o,i=function(r,e){if(null==r)return{};var t,o,i={},n=Object.keys(r);for(o=0;o<n.length;o++)t=n[o],e.indexOf(t)>=0||(i[t]=r[t]);return i}(r,e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(r);for(o=0;o<n.length;o++)t=n[o],e.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(r,t)&&(i[t]=r[t])}return i}const s=s=>{var{rounded:p,size:c,type:d,variant:y,color:b,children:m,leadingIcon:u,isLeadingIconSolid:g=!1,trailingIcon:f,isTrailingIconSolid:x=!1,badgeNumber:w="",className:O,disabled:h,onClick:j}=s,v=l(s,["rounded","size","type","variant","color","children","leadingIcon","isLeadingIconSolid","trailingIcon","isTrailingIconSolid","badgeNumber","className","disabled","onClick"]);const I=()=>{if(h){if("solid"===y)return"text-w-white";if("outline_filled"===y)return"text-primary-100";if("primary"===b)return"text-primary-100";if("gray"===b)return"text-w-gray-300"}return"solid"===y?"text-w-white":"outline_filled"===y||"primary"===b?"text-primary-500":"text-w-gray-600"};/*#__PURE__*/
-return r("button",a(function(r){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{},o=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(t).filter((function(r){return Object.getOwnPropertyDescriptor(t,r).enumerable})))),o.forEach((function(e){n(r,e,t[e])}))}return r}({className:t("box-border flex w-fit cursor-pointer items-center justify-center border","outlined"===y&&p?"rounded-full":"rounded-xl","sm"===c?"h-[36px] typo-body2 gap-x-1":"lg"===c?"h-[60px] typo-subTitle1 gap-x-2":"h-[50px] typo-body1 gap-x-1.5",(()=>{const r="solid"===y;return"sm"===c?r?"px-3":"px-[11px]":"lg"===c?r?"px-6":"px-[23px]":r?"px-4":"px-[15px]"})(),I(),"solid"===y?"bg-primary-500 border-0 hover:bg-primary-700":"outline_filled"===y?"bg-primary-10 border-primary-200 hover:border-primary-500":"primary"===b?"bg-w-white border-w-gray-200 hover:border-primary-500":"bg-w-white border-w-gray-200 hover:border-w-gray-400",h&&"cursor-not-allowed",h&&("solid"===y?"bg-primary-100 border-0 hover:bg-primary-100 hover:border-primary-100":"outline_filled"===y?"bg-primary-10 border-primary-200 hover:border-primary-200":"bg-w-white border-w-gray-200 hover:border-w-gray-200"),O),onClick:j,disabled:h,type:d},v),{children:[u&&/*#__PURE__*/e(o,{name:u,solid:g,testId:"design-system-button--leading-icon",className:t("flex-shrink-0","sm"===c?"size-[14px]":"size-4",I())}),m,f&&/*#__PURE__*/e(o,{name:f,solid:x,testId:"design-system-button--trailing-icon",className:t("flex-shrink-0","sm"===c?"size-[14px]":"size-4",I())}),w&&/*#__PURE__*/e(i,{text:w,className:"relative flex-shrink-0"})]}))};export{s as ButtonContainer};

package/dist/Components/Inputs/Input/LableInput.d.ts

@@ -1,9 +0,0 @@
-import { InputHTMLAttributes } from 'react';
-export interface LableInputProps extends InputHTMLAttributes<HTMLInputElement> {
-    isFixed: boolean;
-    isFocused?: boolean;
-    isError?: boolean;
-    lable?: string;
-}
-declare const LableInput: import("react").ForwardRefExoticComponent<LableInputProps & import("react").RefAttributes<HTMLInputElement>>;
-export { LableInput };

package/dist/Components/Inputs/Radio/Radio.types.d.ts

@@ -1,8 +0,0 @@
-import { RadioStatus } from '../../../types';
-export interface RadioButtonProps extends RadioStatus {
-    className?: string;
-}
-export interface RadioProps extends RadioButtonProps {
-    value?: string;
-    [key: string]: any;
-}

package/dist/Components/Inputs/RadioList/parts/RadioListItem.d.ts

@@ -1,13 +0,0 @@
-import { ChangeEvent } from 'react';
-import { RadioStatus } from '../../../../types';
-interface RadioListProps extends RadioStatus {
-    label?: string;
-    name: string;
-    value?: string;
-    description?: string;
-    onChange?: (event: ChangeEvent<HTMLInputElement>) => void;
-    className?: string;
-    RadioClassName?: string;
-}
-declare const RadioListItem: ({ name, value, label, description, isSelected, isDisabled, isError, className, RadioClassName, onChange, }: RadioListProps) => import("react/jsx-runtime").JSX.Element;
-export { RadioListItem };

package/dist/Components/Inputs/RadioList/parts/RadioListItem.js

@@ -1,4 +0,0 @@
-"use client";import{jsxs as e,jsx as r}from"react/jsx-runtime";import{twMerge as t}from"tailwind-merge";import{Typography as i}from"../../../Base/Typography/Typography.js";import{Box as a}from"../../../Base/Layouts/Box/Box.js";import"../../../Base/Layouts/FullBleed/FullBleed.js";import{Radio as n}from"../../Radio/Radio.js";function s(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function o(e,r){return r=null!=r?r:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})),e}function l(e,r){if(null==e)return{};var t,i,a=function(e,r){if(null==e)return{};var t,i,a={},n=Object.keys(e);for(i=0;i<n.length;i++)t=n[i],r.indexOf(t)>=0||(a[t]=e[t]);return a}(e,r);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(i=0;i<n.length;i++)t=n[i],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(a[t]=e[t])}return a}const c=e=>{var{children:i,disabled:a,className:n,hasDescription:c}=e,d=l(e,["children","disabled","className","hasDescription"]);/*#__PURE__*/
-return r("label",o(function(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},i=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(i=i.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),i.forEach((function(r){s(e,r,t[r])}))}return e}({className:t("grid h-min grid-cols-radio-list-item-container grid-rows-radio-list-item-container gap-x-3 grid-areas-radio-list-item-container",a?"cursor-not-allowed":"cursor-pointer",c?"gap-y-0.5":"gap-y-0",n)},d),{children:i}))},d=({name:s,value:o,label:l,description:d,isSelected:p,isDisabled:m=!1,isError:u=!1,className:y,RadioClassName:b,onChange:f})=>/*#__PURE__*/e(c,{"data-testid":"design-system-radioList--item",disabled:m,hasDescription:!!d,className:t("group",y),children:[
-/*#__PURE__*/r(a,{className:"flex cursor-pointer pt-1 grid-in-radio",children:/*#__PURE__*/r(n,{name:s,value:o,isSelected:p,isError:u,isDisabled:m,onChange:f,className:b})}),
-/*#__PURE__*/r(a,{className:"flex w-full items-center grid-in-label",children:/*#__PURE__*/r(i,{variant:"body1",className:t("w-full whitespace-normal break-words",m?"text-w-gray-300":"text-w-gray-900"),"data-testid":"design-system-radioList--item-label",children:l})}),d&&/*#__PURE__*/r(a,{className:"flex items-center grid-in-description",children:/*#__PURE__*/r(i,{variant:"body2",className:m?"text-w-gray-300":"text-w-gray-600","data-testid":"design-system-radioList--item-description",children:d})})]});export{d as RadioListItem};