@kimdw-rtk/ui 0.0.22 → 0.0.23

package/dist/components/Accordion/Accordion.js

@@ -1,4 +1,4 @@
-import jsxRuntimeExports from '../../_virtual/jsx-runtime.js';
+import { jsx } from 'react/jsx-runtime';
 import { forwardRef, useReducer } from 'react';
 import { clsx } from '../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.js';
 import { accordion } from './Accordion.css.js';
@@ -7,7 +7,7 @@ import { sx } from '../../styles/sx.js';
 
 const Accordion = forwardRef(({ children, className, isPadding = true, isExpanded: initIsExpaned = false, sx: propSx, ...props }, ref) => {
     const [isExpanded, dispatch] = useReducer(accordionReducer, initIsExpaned);
-    return (jsxRuntimeExports.jsx("div", { ref: ref, className: clsx(accordion({ isPadding }), className, sx(propSx)), ...props, children: jsxRuntimeExports.jsx(AccordionContext.Provider, { value: { isExpanded, dispatch }, children: children }) }));
+    return (jsx("div", { ref: ref, className: clsx(accordion({ isPadding }), className, sx(propSx)), ...props, children: jsx(AccordionContext.Provider, { value: { isExpanded, dispatch }, children: children }) }));
 });
 Accordion.displayName = 'Accordion';
 

package/dist/components/Accordion/AccordionContent.js

@@ -1,4 +1,4 @@
-import jsxRuntimeExports from '../../_virtual/jsx-runtime.js';
+import { jsx } from 'react/jsx-runtime';
 import { useRef, useContext, useLayoutEffect, useEffect } from 'react';
 import { container, inner } from './AccordionContent.css.js';
 import { AccordionContext } from './AccordionContext.js';
@@ -50,7 +50,7 @@ const AccordionContent = ({ children }) => {
             container.removeEventListener('transitionend', handleTransitionEnd);
         };
     }, [containerRef, isExpanded]);
-    return (jsxRuntimeExports.jsx("div", { ref: containerRef, className: container({ isExpanded }), children: jsxRuntimeExports.jsx("div", { className: inner, children: children }) }));
+    return (jsx("div", { ref: containerRef, className: container({ isExpanded }), children: jsx("div", { className: inner, children: children }) }));
 };
 
 export { AccordionContent };

package/dist/components/Accordion/AccordionTrigger.js

@@ -1,4 +1,4 @@
-import jsxRuntimeExports from '../../_virtual/jsx-runtime.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import { useContext } from 'react';
 import { AccordionContext } from './AccordionContext.js';
 import { triggerContainer, arrow } from './AccordionTrigger.css.js';
@@ -10,7 +10,7 @@ const AccordionTrigger = ({ children, iconPosition = 'right', }) => {
         throw new Error('AccordionTrigger must be used within an Accordion component.');
     }
     const { dispatch, isExpanded } = accordionContext;
-    return (jsxRuntimeExports.jsxs("div", { className: triggerContainer({ iconPosition }), "aria-expanded": isExpanded, onClick: () => dispatch(!isExpanded), children: [jsxRuntimeExports.jsx("span", { children: children }), jsxRuntimeExports.jsx("span", { className: arrow({ expand: isExpanded }), children: jsxRuntimeExports.jsx(ChevronDown, { size: "1em" }) })] }));
+    return (jsxs("div", { className: triggerContainer({ iconPosition }), "aria-expanded": isExpanded, onClick: () => dispatch(!isExpanded), children: [jsx("span", { children: children }), jsx("span", { className: arrow({ expand: isExpanded }), children: jsx(ChevronDown, { size: "1em" }) })] }));
 };
 
 export { AccordionTrigger };

package/dist/components/Alert/index.js

@@ -1,4 +1,4 @@
-import jsxRuntimeExports from '../../_virtual/jsx-runtime.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import { useOverlay, usePreventKeyboardInput } from '@kimdw-rtk/utils';
 import { Dialog } from '../Dialog/Dialog.js';
 import { DialogContent } from '../Dialog/DialogContent.js';
@@ -8,7 +8,7 @@ import { Button } from '../Button/index.js';
 const Alert = ({ children }) => {
     const { close } = useOverlay();
     usePreventKeyboardInput();
-    return (jsxRuntimeExports.jsxs(Dialog, { children: [jsxRuntimeExports.jsx(DialogContent, { children: children }), jsxRuntimeExports.jsx(DialogFooter, { children: jsxRuntimeExports.jsx(Button, { size: "sm", onClick: close, children: "\uD655\uC778" }) })] }));
+    return (jsxs(Dialog, { children: [jsx(DialogContent, { children: children }), jsx(DialogFooter, { children: jsx(Button, { size: "sm", onClick: close, children: "\uD655\uC778" }) })] }));
 };
 
 export { Alert };

package/dist/components/Box/index.js

@@ -1,4 +1,4 @@
-import jsxRuntimeExports from '../../_virtual/jsx-runtime.js';
+import { jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
 import { clsx } from '../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.js';
 import { box } from './Box.css.js';
@@ -7,7 +7,7 @@ import { sprinkles } from '../../styles/sprinkles.css.js';
 import { sx } from '../../styles/sx.js';
 
 const Box = forwardRef(({ children, flex = false, rounded = false, className, sx: propSx, ...props }, ref) => {
-    return (jsxRuntimeExports.jsx("div", { ref: ref, className: clsx(className, box({ flex, rounded }), sx(propSx), sprinkles(filterSprinkles(props))), ...omitSprinkles(props), children: children }));
+    return (jsx("div", { ref: ref, className: clsx(className, box({ flex, rounded }), sx(propSx), sprinkles(filterSprinkles(props))), ...omitSprinkles(props), children: children }));
 });
 Box.displayName = 'Box';
 

package/dist/components/Button/index.js

@@ -1,4 +1,4 @@
-import jsxRuntimeExports from '../../_virtual/jsx-runtime.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
 import { clsx } from '../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.js';
 import { icon, span, button } from './Button.css.js';
@@ -9,13 +9,13 @@ import { sx } from '../../styles/sx.js';
 
 const Button = forwardRef(({ children, color = 'primary', size = 'md', variant = 'contained', pulse = false, className, sx: propSx, icon: icon$1, ...props }, ref) => {
     const { ripple } = useRipple(ref);
-    return (jsxRuntimeExports.jsxs("button", { ref: ref, className: clsx(className, button({
+    return (jsxs("button", { ref: ref, className: clsx(className, button({
             color,
             size,
             variant,
             pulse,
             hasIcon: icon$1 !== undefined,
-        }), sx(propSx)), ...props, children: [icon$1 !== undefined && jsxRuntimeExports.jsx("span", { className: icon, children: icon$1 }), jsxRuntimeExports.jsx("span", { className: span({ size }), children: children }), ripple] }));
+        }), sx(propSx)), ...props, children: [icon$1 !== undefined && jsx("span", { className: icon, children: icon$1 }), jsx("span", { className: span({ size }), children: children }), ripple] }));
 });
 Button.displayName = 'Button';
 

package/dist/components/Card/Card.js

@@ -1,4 +1,4 @@
-import jsxRuntimeExports from '../../_virtual/jsx-runtime.js';
+import { jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
 import { clsx } from '../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.js';
 import { card } from './Card.css.js';
@@ -7,7 +7,7 @@ export { Card_css as cardCss };
 import { sx } from '../../styles/sx.js';
 
 const Card = forwardRef(({ width, height, color = 'card', variant = 'outlined', className, style, sx: propSx, ...props }, ref) => {
-    return (jsxRuntimeExports.jsx("div", { ref: ref, className: clsx(card({ color, variant }), className, sx(propSx)), style: { width, height, ...style }, ...props }));
+    return (jsx("div", { ref: ref, className: clsx(card({ color, variant }), className, sx(propSx)), style: { width, height, ...style }, ...props }));
 });
 Card.displayName = 'Card';
 

package/dist/components/Card/CardContent.js

@@ -1,11 +1,11 @@
-import jsxRuntimeExports from '../../_virtual/jsx-runtime.js';
+import { jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
 import { clsx } from '../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.js';
 import { cardContent } from './CardContent.css.js';
 import { sx } from '../../styles/sx.js';
 
 const CardContent = forwardRef(({ className, sx: propSx, ...props }, ref) => {
-    return (jsxRuntimeExports.jsx("div", { ref: ref, className: clsx(cardContent, className, sx(propSx)), ...props }));
+    return (jsx("div", { ref: ref, className: clsx(cardContent, className, sx(propSx)), ...props }));
 });
 CardContent.displayName = 'CardContent';
 

package/dist/components/Card/CardInteraction.js

@@ -1,4 +1,4 @@
-import jsxRuntimeExports from '../../_virtual/jsx-runtime.js';
+import { jsxs } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
 import { clsx } from '../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.js';
 import { cardInteraction } from './CardInteraction.css.js';
@@ -7,7 +7,7 @@ import { sx } from '../../styles/sx.js';
 
 const CardInteraction = forwardRef(({ children, className, sx: propSx, ...props }, ref) => {
     const { ripple } = useRipple(ref);
-    return (jsxRuntimeExports.jsxs("div", { ref: ref, className: clsx(className, cardInteraction, cardInteraction, sx(propSx)), ...props, children: [children, ripple] }));
+    return (jsxs("div", { ref: ref, className: clsx(className, cardInteraction, cardInteraction, sx(propSx)), ...props, children: [children, ripple] }));
 });
 CardInteraction.displayName = 'CardInteraction';
 

package/dist/components/Card/CardThumbnail.js

@@ -1,11 +1,11 @@
-import jsxRuntimeExports from '../../_virtual/jsx-runtime.js';
+import { jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
 import { clsx } from '../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.js';
 import { thumbnail } from './CardThumbnail.css.js';
 import { sx } from '../../styles/sx.js';
 
 const CardThumbnail = forwardRef(({ className, sx: propSx, ...props }, ref) => {
-    return (jsxRuntimeExports.jsx("img", { ref: ref, className: clsx(thumbnail, className, sx(propSx)), ...props }));
+    return (jsx("img", { ref: ref, className: clsx(thumbnail, className, sx(propSx)), ...props }));
 });
 CardThumbnail.displayName = 'CardThumbnail';
 

package/dist/components/Chip/Chip.js

@@ -1,4 +1,4 @@
-import jsxRuntimeExports from '../../_virtual/jsx-runtime.js';
+import { jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
 import { clsx } from '../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.js';
 import { chip } from './Chip.css.js';
@@ -7,7 +7,7 @@ export { Chip_css as chipCss };
 import { sx } from '../../styles/sx.js';
 
 const Chip = forwardRef(({ children, className, color = 'primary', size = 'md', sx: propSx, ...props }, ref) => {
-    return (jsxRuntimeExports.jsx("div", { ref: ref, className: clsx(chip({ color, size }), className, sx(propSx)), ...props, children: jsxRuntimeExports.jsx("span", { children: children }) }));
+    return (jsx("div", { ref: ref, className: clsx(chip({ color, size }), className, sx(propSx)), ...props, children: jsx("span", { children: children }) }));
 });
 Chip.displayName = 'Chip';
 

package/dist/components/Confirm/index.js

@@ -1,4 +1,4 @@
-import jsxRuntimeExports from '../../_virtual/jsx-runtime.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import { useImperativeHandle } from 'react';
 import { useOverlay, usePreventKeyboardInput } from '@kimdw-rtk/utils';
 import { Box } from '../Box/index.js';
@@ -13,7 +13,7 @@ const Confirm = ({ children, ref, onConfirm, onCancle, }) => {
     useImperativeHandle(ref, () => ({
         close,
     }));
-    return (jsxRuntimeExports.jsxs(Dialog, { children: [jsxRuntimeExports.jsx(DialogContent, { children: children }), jsxRuntimeExports.jsx(DialogFooter, { children: jsxRuntimeExports.jsxs(Box, { flex: true, gap: "md", children: [jsxRuntimeExports.jsx(Button, { size: "sm", onClick: onConfirm, children: "\uD655\uC778" }), jsxRuntimeExports.jsx(Button, { color: "secondary", size: "sm", onClick: onCancle, children: "\uCDE8\uC18C" })] }) })] }));
+    return (jsxs(Dialog, { children: [jsx(DialogContent, { children: children }), jsx(DialogFooter, { children: jsxs(Box, { flex: true, gap: "md", children: [jsx(Button, { size: "sm", onClick: onConfirm, children: "\uD655\uC778" }), jsx(Button, { color: "secondary", size: "sm", onClick: onCancle, children: "\uCDE8\uC18C" })] }) })] }));
 };
 
 export { Confirm };

package/dist/components/Dialog/Dialog.js

@@ -1,4 +1,4 @@
-import jsxRuntimeExports from '../../_virtual/jsx-runtime.js';
+import { jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
 import { clsx } from '../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.js';
 import { container } from './Dialog.css.js';
@@ -6,7 +6,7 @@ import { Box } from '../Box/index.js';
 import { sx } from '../../styles/sx.js';
 
 const Dialog = forwardRef(({ children, className, sx: propSx, ...props }, ref) => {
-    return (jsxRuntimeExports.jsx(Box, { ref: ref, flex: true, flexDirection: "row", gap: "lg", boxShadow: "border-sm", className: clsx(container, className, sx(propSx)), ...props, children: children }));
+    return (jsx(Box, { ref: ref, flex: true, flexDirection: "row", gap: "lg", boxShadow: "border-sm", className: clsx(container, className, sx(propSx)), ...props, children: children }));
 });
 Dialog.displayName = 'Dialog';
 

package/dist/components/Dialog/DialogContent.js

@@ -1,4 +1,4 @@
-import jsxRuntimeExports from '../../_virtual/jsx-runtime.js';
+import { jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
 import { clsx } from '../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.js';
 import { container } from './DialogContent.css.js';
@@ -6,7 +6,7 @@ import { Box } from '../Box/index.js';
 import { sx } from '../../styles/sx.js';
 
 const DialogContent = forwardRef(({ children, className, sx: propSx, ...props }, ref) => {
-    return (jsxRuntimeExports.jsx(Box, { ref: ref, className: clsx(container, className, sx(propSx)), ...props, children: children }));
+    return (jsx(Box, { ref: ref, className: clsx(container, className, sx(propSx)), ...props, children: children }));
 });
 DialogContent.displayName = 'DialogContent';
 

package/dist/components/Dialog/DialogFooter.js

@@ -1,11 +1,11 @@
-import jsxRuntimeExports from '../../_virtual/jsx-runtime.js';
+import { jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
 import { clsx } from '../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.js';
 import { Box } from '../Box/index.js';
 import { sx } from '../../styles/sx.js';
 
 const DialogFooter = forwardRef(({ children, className, sx: propSx, ...props }, ref) => {
-    return (jsxRuntimeExports.jsx(Box, { ref: ref, flex: true, justifyContent: "flex-end", className: clsx(className, sx(propSx)), ...props, children: children }));
+    return (jsx(Box, { ref: ref, flex: true, justifyContent: "flex-end", className: clsx(className, sx(propSx)), ...props, children: children }));
 });
 DialogFooter.displayName = 'DialogFooter';
 

package/dist/components/Dialog/DialogHeader.js

@@ -1,4 +1,4 @@
-import jsxRuntimeExports from '../../_virtual/jsx-runtime.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
 import { clsx } from '../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.js';
 import { close, container } from './DialogHeader.css.js';
@@ -7,7 +7,7 @@ import { Box } from '../Box/index.js';
 import { sx } from '../../styles/sx.js';
 
 const DialogHeader = forwardRef(({ children, className, sx: propSx, onCloseClick, ...props }, ref) => {
-    return (jsxRuntimeExports.jsxs(Box, { ref: ref, flex: true, justifyContent: "space-between", alignItems: "center", fontSize: "lg", fontWeight: "normal", className: clsx(container, className, sx(propSx)), ...props, children: [jsxRuntimeExports.jsx("span", { children: children }), jsxRuntimeExports.jsx("button", { className: close, onClick: onCloseClick, "aria-label": "\uB2EB\uAE30", children: jsxRuntimeExports.jsx(X, {}) })] }));
+    return (jsxs(Box, { ref: ref, flex: true, justifyContent: "space-between", alignItems: "center", fontSize: "lg", fontWeight: "normal", className: clsx(container, className, sx(propSx)), ...props, children: [jsx("span", { children: children }), jsx("button", { className: close, onClick: onCloseClick, "aria-label": "\uB2EB\uAE30", children: jsx(X, {}) })] }));
 });
 DialogHeader.displayName = 'DialogHeader';
 

package/dist/components/Navigation/NavigationAside.js

@@ -1,11 +1,11 @@
-import jsxRuntimeExports from '../../_virtual/jsx-runtime.js';
+import { jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
 import { clsx } from '../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.js';
 import { wide } from './NavigationAside.css.js';
 import { sx } from '../../styles/sx.js';
 
 const NavigationAside = forwardRef(({ children, className, sx: propSx, ...props }, ref) => {
-    return (jsxRuntimeExports.jsx("aside", { ref: ref, className: clsx(className, sx(propSx)), ...props, children: jsxRuntimeExports.jsx("div", { className: wide, children: children }) }));
+    return (jsx("aside", { ref: ref, className: clsx(className, sx(propSx)), ...props, children: jsx("div", { className: wide, children: children }) }));
 });
 NavigationAside.displayName = 'NavigationAside';
 

package/dist/components/Navigation/NavigationBar.js

@@ -1,4 +1,4 @@
-import jsxRuntimeExports from '../../_virtual/jsx-runtime.js';
+import { jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
 import { clsx } from '../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.js';
 import { navigationBar } from './NavigationBar.css.js';
@@ -7,7 +7,7 @@ export { NavigationBar_css as navigationBarCss };
 import { sx } from '../../styles/sx.js';
 
 const NavigationBar = forwardRef(({ className, size = 'md', sx: propSx, ...props }, ref) => {
-    return (jsxRuntimeExports.jsx("nav", { ref: ref, className: clsx(navigationBar({ size }), className, sx(propSx)), ...props }));
+    return (jsx("nav", { ref: ref, className: clsx(navigationBar({ size }), className, sx(propSx)), ...props }));
 });
 NavigationBar.displayName = 'NavigationBar';
 

package/dist/components/Navigation/NavigationContainer.js

@@ -1,11 +1,11 @@
-import jsxRuntimeExports from '../../_virtual/jsx-runtime.js';
+import { jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
 import { clsx } from '../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.js';
 import { container } from './NavigationContainer.css.js';
 import { sx } from '../../styles/sx.js';
 
 const NavigationContainer = forwardRef(({ children, className, sx: propSx, ...props }, ref) => {
-    return (jsxRuntimeExports.jsx("div", { ref: ref, className: clsx(className, container, sx(propSx)), ...props, children: children }));
+    return (jsx("div", { ref: ref, className: clsx(className, container, sx(propSx)), ...props, children: children }));
 });
 NavigationContainer.displayName = 'NavigationContainer';
 

package/dist/components/Navigation/NavigationDrawer.js

@@ -1,4 +1,4 @@
-import jsxRuntimeExports from '../../_virtual/jsx-runtime.js';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { useState, useEffect } from 'react';
 import { wide, narrow, popup } from './NavigationDrawer.css.js';
 import X from '../../node_modules/.pnpm/lucide-react@0.503.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/x.js';
@@ -21,7 +21,7 @@ const NavigationDrawer = ({ menu, aside }) => {
             }
         };
     }, [isExpanded]);
-    return (jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [jsxRuntimeExports.jsxs("div", { className: wide, children: [menu, aside] }), jsxRuntimeExports.jsxs("div", { className: narrow, children: [jsxRuntimeExports.jsx(Button, { size: "icon-md", color: "secondary", variant: "ghost", onClick: handleClick, children: isExpanded ? jsxRuntimeExports.jsx(X, {}) : jsxRuntimeExports.jsx(AlignJustify, {}) }), jsxRuntimeExports.jsx("div", { className: popup({ isVisible: isExpanded }), children: jsxRuntimeExports.jsxs(Box, { flex: true, gap: "xl", flexDirection: "column-reverse", alignItems: "flex-end", paddingY: "lg", children: [jsxRuntimeExports.jsx(Box, { width: "100%", onClick: () => setIsExpanded(false), children: menu }), aside] }) })] })] }));
+    return (jsxs(Fragment, { children: [jsxs("div", { className: wide, children: [menu, aside] }), jsxs("div", { className: narrow, children: [jsx(Button, { size: "icon-md", color: "secondary", variant: "ghost", onClick: handleClick, children: isExpanded ? jsx(X, {}) : jsx(AlignJustify, {}) }), jsx("div", { className: popup({ isVisible: isExpanded }), children: jsxs(Box, { flex: true, gap: "xl", flexDirection: "column-reverse", alignItems: "flex-end", paddingY: "lg", children: [jsx(Box, { width: "100%", onClick: () => setIsExpanded(false), children: menu }), aside] }) })] })] }));
 };
 
 export { NavigationDrawer };

package/dist/components/Navigation/NavigationItem.js

@@ -1,11 +1,11 @@
-import jsxRuntimeExports from '../../_virtual/jsx-runtime.js';
+import { jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
 import { clsx } from '../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.js';
 import { container } from './NavigationItem.css.js';
 import { sx } from '../../styles/sx.js';
 
 const NavigationItem = forwardRef(({ style, className, sx: propSx, isSelected = false, ...props }, ref) => {
-    return (jsxRuntimeExports.jsx("div", { ref: ref, style: { ...style }, className: clsx(container({ isSelected }), className, sx(propSx)), ...props }));
+    return (jsx("div", { ref: ref, style: { ...style }, className: clsx(container({ isSelected }), className, sx(propSx)), ...props }));
 });
 NavigationItem.displayName = 'NavigationItem';
 

package/dist/components/Navigation/NavigationLogo.js

@@ -1,11 +1,11 @@
-import jsxRuntimeExports from '../../_virtual/jsx-runtime.js';
+import { jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
 import { clsx } from '../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.js';
 import { navigationLogo } from './NavigationLogo.css.js';
 import { sx } from '../../styles/sx.js';
 
 const NavigationLogo = forwardRef(({ className, sx: propSx, ...props }, ref) => {
-    return (jsxRuntimeExports.jsx("div", { ref: ref, className: clsx(navigationLogo, className, sx({ marginRight: { mobile: 'lg', desktop: '3xl' } }), sx(propSx)), ...props }));
+    return (jsx("div", { ref: ref, className: clsx(navigationLogo, className, sx({ marginRight: { mobile: 'lg', desktop: '3xl' } }), sx(propSx)), ...props }));
 });
 NavigationLogo.displayName = 'NavigationLogo';
 

package/dist/components/Navigation/NavigationMenu.js

@@ -1,4 +1,4 @@
-import jsxRuntimeExports from '../../_virtual/jsx-runtime.js';
+import { jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
 import { clsx } from '../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.js';
 import { navigationMenu } from './NavigationMenu.css.js';
@@ -7,7 +7,7 @@ export { NavigationMenu_css as navigationMenuCss };
 import { sx } from '../../styles/sx.js';
 
 const NavigationMenu = forwardRef(({ className, sx: propSx, ...props }, ref) => {
-    return (jsxRuntimeExports.jsx("div", { ref: ref, className: clsx(navigationMenu, className, sx(propSx)), ...props }));
+    return (jsx("div", { ref: ref, className: clsx(navigationMenu, className, sx(propSx)), ...props }));
 });
 NavigationMenu.displayName = 'NavigationMenu';
 

package/dist/components/Range/Range.js

@@ -1,4 +1,4 @@
-import jsxRuntimeExports from '../../_virtual/jsx-runtime.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import { forwardRef, useRef, useEffect } from 'react';
 import { clsx } from '../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.js';
 import { usePointerSlider } from '../../hooks/usePointerSlider/index.js';
@@ -30,10 +30,10 @@ const Range = forwardRef(({ min, max, defaultMinValue, defaultMaxValue, onChange
         onChange(minValue, maxValue);
         // eslint-disable-next-line
     }, [minValue, maxValue]);
-    return (jsxRuntimeExports.jsxs("div", { ref: ref, className: clsx(range({ color, size }), className, sx(propSx)), ...props, children: [jsxRuntimeExports.jsx("div", { className: bar, children: jsxRuntimeExports.jsx("div", { ref: barRef, className: fill, style: {
+    return (jsxs("div", { ref: ref, className: clsx(range({ color, size }), className, sx(propSx)), ...props, children: [jsx("div", { className: bar, children: jsx("div", { ref: barRef, className: fill, style: {
                         left: `${((minValue - min) / (max - min)) * 100}%`,
                         right: `${(1 - (maxValue - min) / (max - min)) * 100}%`,
-                    } }) }), jsxRuntimeExports.jsx("span", { ref: leftThumbRef, className: thumb }), jsxRuntimeExports.jsx("span", { ref: rightThumbRef, className: thumb })] }));
+                    } }) }), jsx("span", { ref: leftThumbRef, className: thumb }), jsx("span", { ref: rightThumbRef, className: thumb })] }));
 });
 Range.displayName = 'Range';
 

package/dist/components/ScrollArea/ScrollArea.js

@@ -1,4 +1,4 @@
-import jsxRuntimeExports from '../../_virtual/jsx-runtime.js';
+import { jsx } from 'react/jsx-runtime';
 import { forwardRef, useRef, useState, useEffect } from 'react';
 import { useCombinedRefs } from '@kimdw-rtk/utils';
 import { clsx } from '../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.js';
@@ -30,7 +30,7 @@ const ScrollArea = forwardRef(({ children, className, sx: propSx, ...props }, re
             element.removeEventListener('scroll', handleScroll);
         };
     }, []);
-    return (jsxRuntimeExports.jsx("div", { ref: targetRef, className: clsx(scrollArea, className, sx(propSx), hasLeftSpace && hasRightSpace && maskBoth, hasLeftSpace && maskLeft, hasRightSpace && maskRight), ...props, children: jsxRuntimeExports.jsx("div", { className: wrapper, children: children }) }));
+    return (jsx("div", { ref: targetRef, className: clsx(scrollArea, className, sx(propSx), hasLeftSpace && hasRightSpace && maskBoth, hasLeftSpace && maskLeft, hasRightSpace && maskRight), ...props, children: jsx("div", { className: wrapper, children: children }) }));
 });
 ScrollArea.displayName = 'ScrollArea';
 

package/dist/components/Select/Select.js

@@ -1,4 +1,4 @@
-import jsxRuntimeExports from '../../_virtual/jsx-runtime.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
 import { forwardRef, useRef, useReducer, useEffect } from 'react';
 import { useCombinedRefs } from '@kimdw-rtk/utils';
 import { clsx } from '../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.js';
@@ -42,7 +42,7 @@ const Select = forwardRef(({ children, className, style, name, defaultValue, wid
         onChange(state.selected);
         //eslint-disable-next-line
     }, [state.selected]);
-    return (jsxRuntimeExports.jsx(SelectContext.Provider, { value: { state, dispatch }, children: jsxRuntimeExports.jsxs("div", { ref: targetRef, style: { ...style, width }, className: clsx(select({ size }), className, sx(propSx)), ...props, children: [jsxRuntimeExports.jsx(SelectTrigger, { variant: variant, children: state.selected !== null && state.items.get(state.selected || '') }), jsxRuntimeExports.jsx(SelectOptionList, { children: children }), jsxRuntimeExports.jsx("input", { type: "hidden", name: name, value: state.selected || '' })] }) }));
+    return (jsx(SelectContext.Provider, { value: { state, dispatch }, children: jsxs("div", { ref: targetRef, style: { ...style, width }, className: clsx(select({ size }), className, sx(propSx)), ...props, children: [jsx(SelectTrigger, { variant: variant, children: state.selected !== null && state.items.get(state.selected || '') }), jsx(SelectOptionList, { children: children }), jsx("input", { type: "hidden", name: name, value: state.selected || '' })] }) }));
 });
 Select.displayName = 'Select';
 

package/dist/components/Select/SelectOption.js

@@ -1,4 +1,4 @@
-import jsxRuntimeExports from '../../_virtual/jsx-runtime.js';
+import { jsx } from 'react/jsx-runtime';
 import { useContext, useEffect } from 'react';
 import { SelectContext } from './SelectContext.js';
 import { selectOption } from './SelectOption.css.js';
@@ -19,7 +19,7 @@ const SelectOption = ({ children, value }) => {
     const handleClick = () => {
         dispatch({ type: 'SELECT', payload: { value } });
     };
-    return (jsxRuntimeExports.jsx("div", { className: selectOption, onClick: handleClick, children: children }));
+    return (jsx("div", { className: selectOption, onClick: handleClick, children: children }));
 };
 
 export { SelectOption };

package/dist/components/Select/SelectOptionList.js

@@ -1,4 +1,4 @@
-import jsxRuntimeExports from '../../_virtual/jsx-runtime.js';
+import { jsx } from 'react/jsx-runtime';
 import { useContext, useRef, useMemo } from 'react';
 import { clsx } from '../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.js';
 import { SelectContext } from './SelectContext.js';
@@ -29,7 +29,7 @@ const SelectOptionList = ({ children }) => {
         // 그렇지 않으면 parent의 상단/하단 중 공간이 더 넓은 쪽으로 리스트를 보여줌
         return parentRect.top + parentRect.height / 2 < window.innerHeight / 2;
     }, [state.isActive, state.containerRef]);
-    return (jsxRuntimeExports.jsx("div", { ref: containerRef, className: clsx(container({ isVisible: state.isActive, isAbove }), sprinkles({ boxShadow: 'accent-sm' })), children: children }));
+    return (jsx("div", { ref: containerRef, className: clsx(container({ isVisible: state.isActive, isAbove }), sprinkles({ boxShadow: 'accent-sm' })), children: children }));
 };
 
 export { SelectOptionList as default };

package/dist/components/Select/SelectTrigger.js

@@ -1,4 +1,4 @@
-import jsxRuntimeExports from '../../_virtual/jsx-runtime.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import { useContext } from 'react';
 import { clsx } from '../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.js';
 import { SelectContext } from './SelectContext.js';
@@ -15,7 +15,7 @@ const SelectTrigger = ({ children: children$1, className, variant, sx: propSx, }
     const handleClick = () => {
         dispatch({ type: 'TOGGLE' });
     };
-    return (jsxRuntimeExports.jsxs("div", { className: clsx(selectTrigger({ isActive: state.isActive, variant }), className, sx(propSx)), onClick: handleClick, children: [jsxRuntimeExports.jsx("span", { className: children, children: children$1 }), jsxRuntimeExports.jsx("span", { className: icon({ isActive: state.isActive }), children: jsxRuntimeExports.jsx(ChevronDown, { size: "1em", strokeWidth: "2px" }) })] }));
+    return (jsxs("div", { className: clsx(selectTrigger({ isActive: state.isActive, variant }), className, sx(propSx)), onClick: handleClick, children: [jsx("span", { className: children, children: children$1 }), jsx("span", { className: icon({ isActive: state.isActive }), children: jsx(ChevronDown, { size: "1em", strokeWidth: "2px" }) })] }));
 };
 
 export { SelectTrigger as default };

package/dist/components/Skeleton/index.js

@@ -1,11 +1,11 @@
-import jsxRuntimeExports from '../../_virtual/jsx-runtime.js';
+import { jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
 import { clsx } from '../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.js';
 import { skeleton } from './Skeleton.css.js';
 import { sx } from '../../styles/sx.js';
 
 const Skeleton = forwardRef(({ className, width, height, style, sx: propSx, ...props }, ref) => {
-    return (jsxRuntimeExports.jsx("div", { ref: ref, className: clsx(skeleton, className, sx(propSx)), style: { ...style, width, height }, ...props }));
+    return (jsx("div", { ref: ref, className: clsx(skeleton, className, sx(propSx)), style: { ...style, width, height }, ...props }));
 });
 Skeleton.displayName = 'Skeleton';
 

package/dist/components/Table/Table.js

@@ -1,4 +1,4 @@
-import jsxRuntimeExports from '../../_virtual/jsx-runtime.js';
+import { jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
 import { clsx } from '../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.js';
 import { striped, table } from './Table.css.js';
@@ -7,7 +7,7 @@ export { Table_css as tableCss };
 import { sx } from '../../styles/sx.js';
 
 const Table = forwardRef(({ isStriped, className, sx: propSx, ...props }, ref) => {
-    return (jsxRuntimeExports.jsx("table", { ref: ref, className: clsx(table, isStriped && striped, sx(propSx), className), ...props }));
+    return (jsx("table", { ref: ref, className: clsx(table, isStriped && striped, sx(propSx), className), ...props }));
 });
 Table.displayName = 'Table';
 

package/dist/components/Table/TableBody.js

@@ -1,9 +1,9 @@
-import jsxRuntimeExports from '../../_virtual/jsx-runtime.js';
+import { jsx } from 'react/jsx-runtime';
 import { clsx } from '../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.js';
 import { sx } from '../../styles/sx.js';
 
 const TableBody = ({ className, sx: propSx, ...props }) => {
-    return jsxRuntimeExports.jsx("tbody", { className: clsx(className, sx(propSx)), ...props });
+    return jsx("tbody", { className: clsx(className, sx(propSx)), ...props });
 };
 
 export { TableBody };

package/dist/components/Table/TableCell.js

@@ -1,10 +1,10 @@
-import jsxRuntimeExports from '../../_virtual/jsx-runtime.js';
+import { jsx } from 'react/jsx-runtime';
 import { clsx } from '../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.js';
 import { tableCell } from './TableCell.css.js';
 import { sx } from '../../styles/sx.js';
 
 const TableCell = ({ width, textAlign, style, className, sx: propSx, ...props }) => {
-    return (jsxRuntimeExports.jsx("td", { style: { ...style, width, textAlign }, className: clsx(tableCell, className, sx(propSx)), ...props }));
+    return (jsx("td", { style: { ...style, width, textAlign }, className: clsx(tableCell, className, sx(propSx)), ...props }));
 };
 
 export { TableCell };

package/dist/components/Table/TableHead.js

@@ -1,10 +1,10 @@
-import jsxRuntimeExports from '../../_virtual/jsx-runtime.js';
+import { jsx } from 'react/jsx-runtime';
 import { clsx } from '../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.js';
 import { tableHead } from './TableHead.css.js';
 import { sx } from '../../styles/sx.js';
 
 const TableHead = ({ width, textAlign, style, className, sx: propSx, ...props }) => {
-    return (jsxRuntimeExports.jsx("th", { style: { ...style, width, textAlign }, className: clsx(tableHead, className, sx(propSx)), ...props }));
+    return (jsx("th", { style: { ...style, width, textAlign }, className: clsx(tableHead, className, sx(propSx)), ...props }));
 };
 
 export { TableHead };

package/dist/components/Table/TableHeader.js

@@ -1,9 +1,9 @@
-import jsxRuntimeExports from '../../_virtual/jsx-runtime.js';
+import { jsx } from 'react/jsx-runtime';
 import { clsx } from '../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.js';
 import { sx } from '../../styles/sx.js';
 
 const TableHeader = ({ className, sx: propSx, ...props }) => {
-    return jsxRuntimeExports.jsx("thead", { className: clsx(className, sx(propSx)), ...props });
+    return jsx("thead", { className: clsx(className, sx(propSx)), ...props });
 };
 
 export { TableHeader };

package/dist/components/Table/TableRow.js

@@ -1,10 +1,10 @@
-import jsxRuntimeExports from '../../_virtual/jsx-runtime.js';
+import { jsx } from 'react/jsx-runtime';
 import { clsx } from '../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.js';
 import { interactive } from './TableRow.css.js';
 import { sx } from '../../styles/sx.js';
 
 const TableRow = ({ isInteractive = false, className, sx: propSx, ...props }) => {
-    return (jsxRuntimeExports.jsx("tr", { className: clsx(isInteractive && interactive, className, sx(propSx)), ...props }));
+    return (jsx("tr", { className: clsx(isInteractive && interactive, className, sx(propSx)), ...props }));
 };
 
 export { TableRow };

package/dist/components/Tabs/Tabs.js

@@ -1,4 +1,4 @@
-import jsxRuntimeExports from '../../_virtual/jsx-runtime.js';
+import { jsx } from 'react/jsx-runtime';
 import { forwardRef, useReducer } from 'react';
 import { clsx } from '../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.js';
 import { tabsReducer, TabsContext } from './TabsProvider.js';
@@ -6,7 +6,7 @@ import { sx } from '../../styles/sx.js';
 
 const Tabs = forwardRef(({ children, defaultValue, className, sx: propSx, ...props }, ref) => {
     const [value, setValue] = useReducer(tabsReducer, defaultValue);
-    return (jsxRuntimeExports.jsx(TabsContext.Provider, { value: { value, setValue }, children: jsxRuntimeExports.jsx("div", { ref: ref, className: clsx(className, sx(propSx)), style: { width: '100%' }, ...props, children: children }) }));
+    return (jsx(TabsContext.Provider, { value: { value, setValue }, children: jsx("div", { ref: ref, className: clsx(className, sx(propSx)), style: { width: '100%' }, ...props, children: children }) }));
 });
 Tabs.displayName = 'Tabs';