@teamturing/react-kit 2.38.6 → 2.39.0

package/dist/core/GradientText/index.d.ts

@@ -48,12 +48,12 @@ declare const GradientText: import("styled-components").IStyledComponent<"web",
     itemRef?: string | undefined;
     results?: number | undefined;
     security?: string | undefined;
-    unselectable?: "off" | "on" | undefined;
-    inputMode?: "none" | "search" | "text" | "email" | "tel" | "url" | "numeric" | "decimal" | undefined;
+    unselectable?: "on" | "off" | undefined;
+    inputMode?: "none" | "text" | "search" | "email" | "tel" | "url" | "numeric" | "decimal" | undefined;
     is?: string | undefined;
     "aria-activedescendant"?: string | undefined;
     "aria-atomic"?: (boolean | "false" | "true") | undefined;
-    "aria-autocomplete"?: "none" | "list" | "both" | "inline" | undefined;
+    "aria-autocomplete"?: "none" | "both" | "inline" | "list" | undefined;
     "aria-braillelabel"?: string | undefined;
     "aria-brailleroledescription"?: string | undefined;
     "aria-busy"?: (boolean | "false" | "true") | undefined;
@@ -63,17 +63,17 @@ declare const GradientText: import("styled-components").IStyledComponent<"web",
     "aria-colindextext"?: string | undefined;
     "aria-colspan"?: number | undefined;
     "aria-controls"?: string | undefined;
-    "aria-current"?: boolean | "page" | "step" | "time" | "date" | "false" | "true" | "location" | undefined;
+    "aria-current"?: boolean | "page" | "false" | "true" | "step" | "time" | "date" | "location" | undefined;
     "aria-describedby"?: string | undefined;
     "aria-description"?: string | undefined;
     "aria-details"?: string | undefined;
     "aria-disabled"?: (boolean | "false" | "true") | undefined;
-    "aria-dropeffect"?: "none" | "link" | "copy" | "move" | "execute" | "popup" | undefined;
+    "aria-dropeffect"?: "none" | "copy" | "move" | "link" | "execute" | "popup" | undefined;
     "aria-errormessage"?: string | undefined;
     "aria-expanded"?: (boolean | "false" | "true") | undefined;
     "aria-flowto"?: string | undefined;
     "aria-grabbed"?: (boolean | "false" | "true") | undefined;
-    "aria-haspopup"?: boolean | "grid" | "dialog" | "menu" | "listbox" | "false" | "true" | "tree" | undefined;
+    "aria-haspopup"?: boolean | "grid" | "listbox" | "menu" | "false" | "true" | "dialog" | "tree" | undefined;
     "aria-hidden"?: (boolean | "false" | "true") | undefined;
     "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
     "aria-keyshortcuts"?: string | undefined;

package/dist/core/IconButton/index.d.ts

@@ -48,6 +48,6 @@ declare const IconButton: import("react").ForwardRefExoticComponent<{
      * 로딩 상태를 정의합니다.
      */
     loading?: boolean | undefined;
-} & Pick<UnstyledButtonProps, "type" | "tabIndex" | "onClick" | "sx"> & import("react").RefAttributes<HTMLButtonElement>>;
+} & Pick<UnstyledButtonProps, "tabIndex" | "onClick" | "sx" | "type"> & import("react").RefAttributes<HTMLButtonElement>>;
 export default IconButton;
 export type { Props as IconButtonProps };

package/dist/core/Pagination/index.d.ts

@@ -44,17 +44,6 @@ declare const _default: (<T extends {
         translate?: "yes" | "no" | undefined;
         hidden?: boolean | undefined;
         property?: string | undefined;
-        type?: "button" | "reset" | "submit" | undefined;
-        disabled?: boolean | undefined;
-        form?: string | undefined;
-        formAction?: string | undefined;
-        formEncType?: string | undefined;
-        formMethod?: string | undefined;
-        formNoValidate?: boolean | undefined;
-        formTarget?: string | undefined;
-        name?: string | undefined;
-        value?: string | number | readonly string[] | undefined;
-        onChange?: import("react").FormEventHandler<HTMLButtonElement> | undefined;
         defaultChecked?: boolean | undefined;
         defaultValue?: string | number | readonly string[] | undefined;
         suppressContentEditableWarning?: boolean | undefined;
@@ -95,12 +84,12 @@ declare const _default: (<T extends {
         itemRef?: string | undefined;
         results?: number | undefined;
         security?: string | undefined;
-        unselectable?: "off" | "on" | undefined;
-        inputMode?: "none" | "search" | "text" | "email" | "tel" | "url" | "numeric" | "decimal" | undefined;
+        unselectable?: "on" | "off" | undefined;
+        inputMode?: "none" | "text" | "search" | "email" | "tel" | "url" | "numeric" | "decimal" | undefined;
         is?: string | undefined;
         "aria-activedescendant"?: string | undefined;
         "aria-atomic"?: (boolean | "false" | "true") | undefined;
-        "aria-autocomplete"?: "none" | "list" | "both" | "inline" | undefined;
+        "aria-autocomplete"?: "none" | "both" | "inline" | "list" | undefined;
         "aria-braillelabel"?: string | undefined;
         "aria-brailleroledescription"?: string | undefined;
         "aria-busy"?: (boolean | "false" | "true") | undefined;
@@ -110,17 +99,17 @@ declare const _default: (<T extends {
         "aria-colindextext"?: string | undefined;
         "aria-colspan"?: number | undefined;
         "aria-controls"?: string | undefined;
-        "aria-current"?: boolean | "page" | "step" | "time" | "date" | "false" | "true" | "location" | undefined;
+        "aria-current"?: boolean | "page" | "false" | "true" | "step" | "time" | "date" | "location" | undefined;
         "aria-describedby"?: string | undefined;
         "aria-description"?: string | undefined;
         "aria-details"?: string | undefined;
         "aria-disabled"?: (boolean | "false" | "true") | undefined;
-        "aria-dropeffect"?: "none" | "link" | "copy" | "move" | "execute" | "popup" | undefined;
+        "aria-dropeffect"?: "none" | "copy" | "move" | "link" | "execute" | "popup" | undefined;
         "aria-errormessage"?: string | undefined;
         "aria-expanded"?: (boolean | "false" | "true") | undefined;
         "aria-flowto"?: string | undefined;
         "aria-grabbed"?: (boolean | "false" | "true") | undefined;
-        "aria-haspopup"?: boolean | "grid" | "dialog" | "menu" | "listbox" | "false" | "true" | "tree" | undefined;
+        "aria-haspopup"?: boolean | "grid" | "listbox" | "menu" | "false" | "true" | "dialog" | "tree" | undefined;
         "aria-hidden"?: (boolean | "false" | "true") | undefined;
         "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
         "aria-keyshortcuts"?: string | undefined;
@@ -171,6 +160,7 @@ declare const _default: (<T extends {
         onFocusCapture?: import("react").FocusEventHandler<HTMLButtonElement> | undefined;
         onBlur?: import("react").FocusEventHandler<HTMLButtonElement> | undefined;
         onBlurCapture?: import("react").FocusEventHandler<HTMLButtonElement> | undefined;
+        onChange?: import("react").FormEventHandler<HTMLButtonElement> | undefined;
         onChangeCapture?: import("react").FormEventHandler<HTMLButtonElement> | undefined;
         onBeforeInput?: import("react").FormEventHandler<HTMLButtonElement> | undefined;
         onBeforeInputCapture?: import("react").FormEventHandler<HTMLButtonElement> | undefined;
@@ -316,6 +306,16 @@ declare const _default: (<T extends {
         onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLButtonElement> | undefined;
         sx?: BetterSystemStyleObject | undefined;
         key?: import("react").Key | null | undefined;
+        type?: "button" | "reset" | "submit" | undefined;
+        disabled?: boolean | undefined;
+        form?: string | undefined;
+        formAction?: string | undefined;
+        formEncType?: string | undefined;
+        formMethod?: string | undefined;
+        formNoValidate?: boolean | undefined;
+        formTarget?: string | undefined;
+        name?: string | undefined;
+        value?: string | number | readonly string[] | undefined;
         ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
     }>;
     TruncationIndicator: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, SxProp>>;

package/dist/core/SearchSelectInput/index.d.ts

@@ -50,11 +50,11 @@ declare const _default: <T>(props: {
         closeOverlay: () => void;
     }) => ReactNode;
     overlayProps?: Pick<OverlayProps, "maxHeight" | "size"> | undefined;
-    searchInputProps?: Pick<TextInputProps, "placeholder" | "onChange" | "trailingVisual" | "trailingAction"> | undefined;
+    searchInputProps?: Pick<TextInputProps, "onChange" | "placeholder" | "trailingVisual" | "trailingAction"> | undefined;
     value?: T | undefined;
     renderValue?: ((value: T) => ReactNode) | undefined;
     onChange?: ((item: T) => void) | undefined;
-} & Pick<OverlayPopperProps, "onClose" | "focusZoneSettings" | "focusTrapSettings" | "onOpen"> & Pick<InputHTMLAttributes<HTMLInputElement>, "disabled" | "placeholder" | "id" | "onClick"> & {
+} & Pick<OverlayPopperProps, "onClose" | "focusZoneSettings" | "focusTrapSettings" | "onOpen"> & Pick<InputHTMLAttributes<HTMLInputElement>, "id" | "onClick" | "disabled" | "placeholder"> & {
     ref?: Ref<HTMLInputElement> | undefined;
 }) => ReturnType<typeof SearchSelectInput>;
 export default _default;

package/dist/core/Spinner/index.d.ts

@@ -35,7 +35,7 @@ declare const Spinner: import("styled-components").IStyledComponent<"web", {
     offset?: string | number | undefined;
     overflow?: string | number | undefined;
     textDecoration?: string | number | undefined;
-    alignmentBaseline?: "inherit" | "auto" | "alphabetic" | "hanging" | "ideographic" | "mathematical" | "baseline" | "middle" | "after-edge" | "before-edge" | "central" | "text-after-edge" | "text-before-edge" | undefined;
+    alignmentBaseline?: "inherit" | "auto" | "baseline" | "middle" | "after-edge" | "alphabetic" | "before-edge" | "central" | "hanging" | "ideographic" | "mathematical" | "text-after-edge" | "text-before-edge" | undefined;
     baselineShift?: string | number | undefined;
     clip?: string | number | undefined;
     clipRule?: string | number | undefined;
@@ -66,11 +66,6 @@ declare const Spinner: import("styled-components").IStyledComponent<"web", {
     textAnchor?: string | undefined;
     vectorEffect?: string | number | undefined;
     azimuth?: string | number | undefined;
-    type?: string | undefined;
-    max?: string | number | undefined;
-    min?: string | number | undefined;
-    name?: string | undefined;
-    onChange?: import("react").FormEventHandler<SVGSVGElement> | undefined;
     suppressHydrationWarning?: boolean | undefined;
     className?: string | undefined;
     id?: string | undefined;
@@ -80,7 +75,7 @@ declare const Spinner: import("styled-components").IStyledComponent<"web", {
     role?: import("react").AriaRole | undefined;
     "aria-activedescendant"?: string | undefined;
     "aria-atomic"?: (boolean | "false" | "true") | undefined;
-    "aria-autocomplete"?: "none" | "list" | "both" | "inline" | undefined;
+    "aria-autocomplete"?: "none" | "both" | "inline" | "list" | undefined;
     "aria-braillelabel"?: string | undefined;
     "aria-brailleroledescription"?: string | undefined;
     "aria-busy"?: (boolean | "false" | "true") | undefined;
@@ -90,17 +85,17 @@ declare const Spinner: import("styled-components").IStyledComponent<"web", {
     "aria-colindextext"?: string | undefined;
     "aria-colspan"?: number | undefined;
     "aria-controls"?: string | undefined;
-    "aria-current"?: boolean | "page" | "step" | "time" | "date" | "false" | "true" | "location" | undefined;
+    "aria-current"?: boolean | "page" | "false" | "true" | "step" | "time" | "date" | "location" | undefined;
     "aria-describedby"?: string | undefined;
     "aria-description"?: string | undefined;
     "aria-details"?: string | undefined;
     "aria-disabled"?: (boolean | "false" | "true") | undefined;
-    "aria-dropeffect"?: "none" | "link" | "copy" | "move" | "execute" | "popup" | undefined;
+    "aria-dropeffect"?: "none" | "copy" | "move" | "link" | "execute" | "popup" | undefined;
     "aria-errormessage"?: string | undefined;
     "aria-expanded"?: (boolean | "false" | "true") | undefined;
     "aria-flowto"?: string | undefined;
     "aria-grabbed"?: (boolean | "false" | "true") | undefined;
-    "aria-haspopup"?: boolean | "grid" | "dialog" | "menu" | "listbox" | "false" | "true" | "tree" | undefined;
+    "aria-haspopup"?: boolean | "grid" | "listbox" | "menu" | "false" | "true" | "dialog" | "tree" | undefined;
     "aria-hidden"?: (boolean | "false" | "true") | undefined;
     "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
     "aria-keyshortcuts"?: string | undefined;
@@ -151,6 +146,7 @@ declare const Spinner: import("styled-components").IStyledComponent<"web", {
     onFocusCapture?: import("react").FocusEventHandler<SVGSVGElement> | undefined;
     onBlur?: import("react").FocusEventHandler<SVGSVGElement> | undefined;
     onBlurCapture?: import("react").FocusEventHandler<SVGSVGElement> | undefined;
+    onChange?: import("react").FormEventHandler<SVGSVGElement> | undefined;
     onChangeCapture?: import("react").FormEventHandler<SVGSVGElement> | undefined;
     onBeforeInput?: import("react").FormEventHandler<SVGSVGElement> | undefined;
     onBeforeInputCapture?: import("react").FormEventHandler<SVGSVGElement> | undefined;
@@ -294,17 +290,29 @@ declare const Spinner: import("styled-components").IStyledComponent<"web", {
     onAnimationIterationCapture?: import("react").AnimationEventHandler<SVGSVGElement> | undefined;
     onTransitionEnd?: import("react").TransitionEventHandler<SVGSVGElement> | undefined;
     onTransitionEndCapture?: import("react").TransitionEventHandler<SVGSVGElement> | undefined;
-    path?: string | undefined;
     key?: import("react").Key | null | undefined;
+    end?: string | number | undefined;
+    accumulate?: "none" | "sum" | undefined;
+    local?: string | number | undefined;
+    unicode?: string | number | undefined;
+    x?: string | number | undefined;
+    y?: string | number | undefined;
+    alphabetic?: string | number | undefined;
+    hanging?: string | number | undefined;
+    ideographic?: string | number | undefined;
+    mathematical?: string | number | undefined;
+    type?: string | undefined;
+    max?: string | number | undefined;
+    min?: string | number | undefined;
+    name?: string | undefined;
+    path?: string | undefined;
     media?: string | undefined;
     method?: string | undefined;
     target?: string | undefined;
     crossOrigin?: "" | "anonymous" | "use-credentials" | undefined;
     accentHeight?: string | number | undefined;
-    accumulate?: "none" | "sum" | undefined;
     additive?: "replace" | "sum" | undefined;
     allowReorder?: "yes" | "no" | undefined;
-    alphabetic?: string | number | undefined;
     amplitude?: string | number | undefined;
     arabicForm?: "initial" | "medial" | "terminal" | "isolated" | undefined;
     ascent?: string | number | undefined;
@@ -337,7 +345,6 @@ declare const Spinner: import("styled-components").IStyledComponent<"web", {
     edgeMode?: string | number | undefined;
     elevation?: string | number | undefined;
     enableBackground?: string | number | undefined;
-    end?: string | number | undefined;
     exponent?: string | number | undefined;
     externalResourcesRequired?: (boolean | "false" | "true") | undefined;
     filterRes?: string | number | undefined;
@@ -355,11 +362,9 @@ declare const Spinner: import("styled-components").IStyledComponent<"web", {
     glyphRef?: string | number | undefined;
     gradientTransform?: string | undefined;
     gradientUnits?: string | undefined;
-    hanging?: string | number | undefined;
     horizAdvX?: string | number | undefined;
     horizOriginX?: string | number | undefined;
     href?: string | undefined;
-    ideographic?: string | number | undefined;
     in2?: string | number | undefined;
     in?: string | undefined;
     intercept?: string | number | undefined;
@@ -376,13 +381,11 @@ declare const Spinner: import("styled-components").IStyledComponent<"web", {
     keyTimes?: string | number | undefined;
     lengthAdjust?: string | number | undefined;
     limitingConeAngle?: string | number | undefined;
-    local?: string | number | undefined;
     markerHeight?: string | number | undefined;
     markerUnits?: string | number | undefined;
     markerWidth?: string | number | undefined;
     maskContentUnits?: string | number | undefined;
     maskUnits?: string | number | undefined;
-    mathematical?: string | number | undefined;
     mode?: string | number | undefined;
     numOctaves?: string | number | undefined;
     operator?: string | number | undefined;
@@ -441,7 +444,6 @@ declare const Spinner: import("styled-components").IStyledComponent<"web", {
     u2?: string | number | undefined;
     underlinePosition?: string | number | undefined;
     underlineThickness?: string | number | undefined;
-    unicode?: string | number | undefined;
     unicodeRange?: string | number | undefined;
     unitsPerEm?: string | number | undefined;
     vAlphabetic?: string | number | undefined;
@@ -458,7 +460,6 @@ declare const Spinner: import("styled-components").IStyledComponent<"web", {
     widths?: string | number | undefined;
     x1?: string | number | undefined;
     x2?: string | number | undefined;
-    x?: string | number | undefined;
     xChannelSelector?: string | undefined;
     xHeight?: string | number | undefined;
     xlinkActuate?: string | undefined;
@@ -475,7 +476,6 @@ declare const Spinner: import("styled-components").IStyledComponent<"web", {
     xmlSpace?: string | undefined;
     y1?: string | number | undefined;
     y2?: string | number | undefined;
-    y?: string | number | undefined;
     yChannelSelector?: string | undefined;
     z?: string | number | undefined;
     zoomAndPan?: string | undefined;

package/dist/core/_UnstyledTable/UnstyledTableBody.d.ts

@@ -0,0 +1,6 @@
+import { HTMLAttributes } from 'react';
+import { SxProp } from '../../utils/styled-system';
+type Props = {} & HTMLAttributes<HTMLTableSectionElement> & SxProp;
+declare const UnstyledTableBody: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, Props>>;
+export default UnstyledTableBody;
+export type { Props as UnstyledTableBodyProps };

package/dist/core/_UnstyledTable/UnstyledTableCell.d.ts

@@ -0,0 +1,6 @@
+import { TdHTMLAttributes } from 'react';
+import { SxProp } from '../../utils/styled-system';
+type Props = {} & TdHTMLAttributes<HTMLTableCellElement> & SxProp;
+declare const UnstyledTableCell: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, Props>>;
+export default UnstyledTableCell;
+export type { Props as UnstyledTableCellProps };

package/dist/core/_UnstyledTable/UnstyledTableHead.d.ts

@@ -0,0 +1,6 @@
+import { HTMLAttributes } from 'react';
+import { SxProp } from '../../utils/styled-system';
+type Props = {} & HTMLAttributes<HTMLTableSectionElement> & SxProp;
+declare const UnstyledTableHead: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, Props>>;
+export default UnstyledTableHead;
+export type { Props as UnstyledTableHeadProps };

package/dist/core/_UnstyledTable/UnstyledTableRow.d.ts

@@ -0,0 +1,6 @@
+import { HTMLAttributes } from 'react';
+import { SxProp } from '../../utils/styled-system';
+type Props = {} & HTMLAttributes<HTMLTableRowElement> & SxProp;
+declare const UnstyledTableRow: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, Props>>;
+export default UnstyledTableRow;
+export type { Props as UnstyledTableRowProps };

package/dist/core/_UnstyledTable/index.d.ts

@@ -0,0 +1,15 @@
+import { TableHTMLAttributes } from 'react';
+import { SxProp } from '../../utils/styled-system';
+import { UnstyledTableBodyProps } from './UnstyledTableBody';
+import { UnstyledTableCellProps } from './UnstyledTableCell';
+import { UnstyledTableHeadProps } from './UnstyledTableHead';
+import { UnstyledTableRowProps } from './UnstyledTableRow';
+type Props = {} & TableHTMLAttributes<HTMLTableElement> & SxProp;
+declare const _default: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, Props>> & {
+    Head: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, UnstyledTableHeadProps>>;
+    Body: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, UnstyledTableBodyProps>>;
+    Row: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, UnstyledTableRowProps>>;
+    Cell: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, UnstyledTableCellProps>>;
+};
+export default _default;
+export type { Props as UnstyledTableProps, UnstyledTableHeadProps, UnstyledTableBodyProps, UnstyledTableRowProps, UnstyledTableCellProps, };

package/dist/index.d.ts

@@ -1,6 +1,8 @@
 /**
  * core components
  */
+export { default as UnstyledTable } from './core/_UnstyledTable';
+export type { UnstyledTableProps, UnstyledTableHeadProps, UnstyledTableBodyProps, UnstyledTableRowProps, UnstyledTableCellProps, } from './core/_UnstyledTable';
 export { default as ActionList } from './core/ActionList';
 export type { ActionListProps, ActionListItemProps, ActionListSectionDividerProps, ActionListSectionHeaderProps, } from './core/ActionList';
 export { default as AnimatePresence } from './core/AnimatePresence';

package/dist/index.js

@@ -1,7 +1,7 @@
 'use strict';
 
-var React = require('react');
 var styled = require('styled-components');
+var React = require('react');
 var ReactTextareaAutosize = require('react-textarea-autosize');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
@@ -24,8 +24,8 @@ function _interopNamespace(e) {
   return Object.freeze(n);
 }
 
-var React__namespace = /*#__PURE__*/_interopNamespace(React);
 var styled__default = /*#__PURE__*/_interopDefault(styled);
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
 var ReactTextareaAutosize__default = /*#__PURE__*/_interopDefault(ReactTextareaAutosize);
 
 function _extends$1() {
@@ -1063,6 +1063,34 @@ const lineClamp = system({
   }
 });
 
+const UnstyledTableBody = styled__default.default.tbody`
+  ${sx}
+`;
+
+const UnstyledTableCell = styled__default.default.td`
+  ${sx}
+`;
+
+const UnstyledTableHead = styled__default.default.thead`
+  ${sx}
+`;
+
+const UnstyledTableRow = styled__default.default.tr`
+  ${sx}
+`;
+
+const UnstyledTable = styled__default.default.table`
+  border-collapse: collapse;
+
+  ${sx}
+`;
+var index$e = Object.assign(UnstyledTable, {
+  Head: UnstyledTableHead,
+  Body: UnstyledTableBody,
+  Row: UnstyledTableRow,
+  Cell: UnstyledTableCell
+});
+
 function _extends() {
   _extends = Object.assign ? Object.assign.bind() : function (target) {
     for (var i = 1; i < arguments.length; i++) {
@@ -2944,6 +2972,24 @@ const SvgLogoNaver = props => /*#__PURE__*/React__namespace.createElement("svg",
   d: "M14.865 4v8.073L9.163 4H3v16h6.135v-8.073L14.837 20H21V4h-6.135Z"
 }));
 
+const SvgMagicWand = props => /*#__PURE__*/React__namespace.createElement("svg", _extends({
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "1em",
+  height: "1em",
+  fill: "none",
+  viewBox: "0 0 24 24"
+}, props), /*#__PURE__*/React__namespace.createElement("g", {
+  fill: "currentColor",
+  clipPath: "url(#magic_wand_svg__a)"
+}, /*#__PURE__*/React__namespace.createElement("path", {
+  d: "m14.79 10.95-2.12-2.122 2.475-2.474a.5.5 0 0 1 .707 0l1.414 1.414a.5.5 0 0 1 0 .707L14.79 10.95ZM12.316 9.182l2.121 2.121-10.96 10.96a.5.5 0 0 1-.707 0L1.356 20.85a.5.5 0 0 1 0-.707l10.96-10.96ZM10.137 5.87a.52.52 0 0 1 .233-.233l1.342-.671a.52.52 0 0 0 0-.932l-1.342-.67a.52.52 0 0 1-.233-.234l-.671-1.342a.52.52 0 0 0-.932 0l-.67 1.342a.52.52 0 0 1-.234.233l-1.342.671a.52.52 0 0 0 0 .932l1.342.67c.101.051.183.133.233.234l.671 1.342a.52.52 0 0 0 .932 0l.67-1.342ZM21.447 14.141a.434.434 0 0 1 .194-.194l1.12-.56a.434.434 0 0 0 0-.775l-1.12-.56a.434.434 0 0 1-.194-.193l-.56-1.12a.434.434 0 0 0-.775 0l-.56 1.12a.433.433 0 0 1-.193.194l-1.12.56a.434.434 0 0 0 0 .775l1.12.56c.084.041.152.11.194.193l.56 1.12c.159.319.615.319.775 0l.56-1.12ZM22.137 4.37a.52.52 0 0 1 .233-.233l1.342-.671a.52.52 0 0 0 0-.932l-1.342-.67a.52.52 0 0 1-.233-.234L21.465.288a.52.52 0 0 0-.93 0l-.672 1.342a.52.52 0 0 1-.233.233l-1.342.671a.52.52 0 0 0 0 .932l1.342.67c.101.051.183.133.233.234l.672 1.342a.52.52 0 0 0 .93 0l.672-1.342Z"
+})), /*#__PURE__*/React__namespace.createElement("defs", null, /*#__PURE__*/React__namespace.createElement("clipPath", {
+  id: "magic_wand_svg__a"
+}, /*#__PURE__*/React__namespace.createElement("path", {
+  fill: "#fff",
+  d: "M0 0h24v24H0z"
+}))));
+
 const SvgMaxsize = props => /*#__PURE__*/React__namespace.createElement("svg", _extends({
   xmlns: "http://www.w3.org/2000/svg",
   width: "1em",
@@ -4835,6 +4881,7 @@ var icons = /*#__PURE__*/Object.freeze({
   LogoFacebookIcon: SvgLogoFacebook,
   LogoKakaoIcon: SvgLogoKakao,
   LogoNaverIcon: SvgLogoNaver,
+  MagicWandIcon: SvgMagicWand,
   MaxsizeIcon: SvgMaxsize,
   MinsizeIcon: SvgMinsize,
   MinusIcon: SvgMinus,
@@ -39869,6 +39916,7 @@ exports.ThemeProvider = ThemeProvider;
 exports.Toast = Toast;
 exports.Tooltip = Tooltip$1;
 exports.UnstyledButton = UnstyledButton;
+exports.UnstyledTable = index$e;
 exports.View = View;
 exports.lineClamp = lineClamp;
 exports.sx = sx;

package/esm/core/_UnstyledTable/UnstyledTableBody.js

@@ -0,0 +1,8 @@
+import styled from 'styled-components';
+import { sx } from '../../utils/styled-system/index.js';
+
+const UnstyledTableBody = styled.tbody`
+  ${sx}
+`;
+
+export { UnstyledTableBody as default };

package/esm/core/_UnstyledTable/UnstyledTableCell.js

@@ -0,0 +1,8 @@
+import styled from 'styled-components';
+import { sx } from '../../utils/styled-system/index.js';
+
+const UnstyledTableCell = styled.td`
+  ${sx}
+`;
+
+export { UnstyledTableCell as default };

package/esm/core/_UnstyledTable/UnstyledTableHead.js

@@ -0,0 +1,8 @@
+import styled from 'styled-components';
+import { sx } from '../../utils/styled-system/index.js';
+
+const UnstyledTableHead = styled.thead`
+  ${sx}
+`;
+
+export { UnstyledTableHead as default };

package/esm/core/_UnstyledTable/UnstyledTableRow.js

@@ -0,0 +1,8 @@
+import styled from 'styled-components';
+import { sx } from '../../utils/styled-system/index.js';
+
+const UnstyledTableRow = styled.tr`
+  ${sx}
+`;
+
+export { UnstyledTableRow as default };

package/esm/core/_UnstyledTable/index.js

@@ -0,0 +1,20 @@
+import styled from 'styled-components';
+import { sx } from '../../utils/styled-system/index.js';
+import UnstyledTableBody from './UnstyledTableBody.js';
+import UnstyledTableCell from './UnstyledTableCell.js';
+import UnstyledTableHead from './UnstyledTableHead.js';
+import UnstyledTableRow from './UnstyledTableRow.js';
+
+const UnstyledTable = styled.table`
+  border-collapse: collapse;
+
+  ${sx}
+`;
+var index = Object.assign(UnstyledTable, {
+  Head: UnstyledTableHead,
+  Body: UnstyledTableBody,
+  Row: UnstyledTableRow,
+  Cell: UnstyledTableCell
+});
+
+export { index as default };

package/esm/index.js

@@ -1,3 +1,4 @@
+export { default as UnstyledTable } from './core/_UnstyledTable/index.js';
 export { default as ActionList } from './core/ActionList/index.js';
 export { default as Avatar } from './core/Avatar/index.js';
 export { default as BadgeAttacher } from './core/BadgeAttacher/index.js';

package/esm/packages/icons/esm/MagicWand.js

@@ -0,0 +1,22 @@
+import { extends as _extends } from './_virtual/_rollupPluginBabelHelpers.js';
+import * as React from 'react';
+
+const SvgMagicWand = props => /*#__PURE__*/React.createElement("svg", _extends({
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "1em",
+  height: "1em",
+  fill: "none",
+  viewBox: "0 0 24 24"
+}, props), /*#__PURE__*/React.createElement("g", {
+  fill: "currentColor",
+  clipPath: "url(#magic_wand_svg__a)"
+}, /*#__PURE__*/React.createElement("path", {
+  d: "m14.79 10.95-2.12-2.122 2.475-2.474a.5.5 0 0 1 .707 0l1.414 1.414a.5.5 0 0 1 0 .707L14.79 10.95ZM12.316 9.182l2.121 2.121-10.96 10.96a.5.5 0 0 1-.707 0L1.356 20.85a.5.5 0 0 1 0-.707l10.96-10.96ZM10.137 5.87a.52.52 0 0 1 .233-.233l1.342-.671a.52.52 0 0 0 0-.932l-1.342-.67a.52.52 0 0 1-.233-.234l-.671-1.342a.52.52 0 0 0-.932 0l-.67 1.342a.52.52 0 0 1-.234.233l-1.342.671a.52.52 0 0 0 0 .932l1.342.67c.101.051.183.133.233.234l.671 1.342a.52.52 0 0 0 .932 0l.67-1.342ZM21.447 14.141a.434.434 0 0 1 .194-.194l1.12-.56a.434.434 0 0 0 0-.775l-1.12-.56a.434.434 0 0 1-.194-.193l-.56-1.12a.434.434 0 0 0-.775 0l-.56 1.12a.433.433 0 0 1-.193.194l-1.12.56a.434.434 0 0 0 0 .775l1.12.56c.084.041.152.11.194.193l.56 1.12c.159.319.615.319.775 0l.56-1.12ZM22.137 4.37a.52.52 0 0 1 .233-.233l1.342-.671a.52.52 0 0 0 0-.932l-1.342-.67a.52.52 0 0 1-.233-.234L21.465.288a.52.52 0 0 0-.93 0l-.672 1.342a.52.52 0 0 1-.233.233l-1.342.671a.52.52 0 0 0 0 .932l1.342.67c.101.051.183.133.233.234l.672 1.342a.52.52 0 0 0 .93 0l.672-1.342Z"
+})), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
+  id: "magic_wand_svg__a"
+}, /*#__PURE__*/React.createElement("path", {
+  fill: "#fff",
+  d: "M0 0h24v24H0z"
+}))));
+
+export { SvgMagicWand as default };

package/esm/packages/icons/esm/index.js

@@ -119,6 +119,7 @@ export { default as LogoColorIcon } from './LogoColor.js';
 export { default as LogoFacebookIcon } from './LogoFacebook.js';
 export { default as LogoKakaoIcon } from './LogoKakao.js';
 export { default as LogoNaverIcon } from './LogoNaver.js';
+export { default as MagicWandIcon } from './MagicWand.js';
 export { default as MaxsizeIcon } from './Maxsize.js';
 export { default as MinsizeIcon } from './Minsize.js';
 export { default as MinusIcon } from './Minus.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@teamturing/react-kit",
-  "version": "2.38.6",
+  "version": "2.39.0",
   "description": "React components, hooks for create teamturing web application",
   "author": "Sungchang Park <psch300@gmail.com> (https://github.com/psch300)",
   "homepage": "https://github.com/weareteamturing/bombe#readme",
@@ -55,7 +55,7 @@
   "dependencies": {
     "@floating-ui/react-dom": "^2.0.2",
     "@primer/behaviors": "^1.3.6",
-    "@teamturing/icons": "^1.45.0",
+    "@teamturing/icons": "^1.46.0",
     "@teamturing/token-studio": "^1.10.0",
     "@teamturing/utils": "^1.4.0",
     "framer-motion": "^10.16.4",
@@ -66,5 +66,5 @@
     "react-textarea-autosize": "^8.5.3",
     "styled-system": "^5.1.5"
   },
-  "gitHead": "c4375f833385857e93c4be725e19dc3611160da1"
+  "gitHead": "2877e4b16462df0327f646c7c7f47e64ffdf97ac"
 }