@kimdw-rtk/ui 0.0.21 → 0.0.23

package/dist/components/Tabs/TabsContent.js

@@ -1,4 +1,4 @@
-import jsxRuntimeExports from '../../_virtual/jsx-runtime.js';
+import { jsx } from 'react/jsx-runtime';
 import { forwardRef, useContext } from 'react';
 import { clsx } from '../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.js';
 import { TabsContext } from './TabsProvider.js';
@@ -12,7 +12,7 @@ const TabsContent = forwardRef(({ value, className, sx: propSx, ...props }, ref)
     if (tabsContext.value !== value) {
         return null;
     }
-    return jsxRuntimeExports.jsx("div", { ref: ref, className: clsx(className, sx(propSx)), ...props });
+    return jsx("div", { ref: ref, className: clsx(className, sx(propSx)), ...props });
 });
 TabsContent.displayName = 'TabsContent';
 

package/dist/components/Tabs/TabsList.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 './TabsList.css.js';
 import { sx } from '../../styles/sx.js';
 
 const TabsList = 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 }));
 });
 TabsList.displayName = 'TabsList';
 

package/dist/components/Tabs/TabsTrigger.js

@@ -1,4 +1,4 @@
-import jsxRuntimeExports from '../../_virtual/jsx-runtime.js';
+import { jsx } from 'react/jsx-runtime';
 import { forwardRef, useContext } from 'react';
 import { clsx } from '../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.js';
 import { TabsContext } from './TabsProvider.js';
@@ -14,7 +14,7 @@ const TabsTrigger = forwardRef(({ children, value, className, sx: propSx, ...pro
     const handleClick = () => {
         tabsContext.setValue(value);
     };
-    return (jsxRuntimeExports.jsx("button", { ref: ref, className: clsx(className, container({ isSelected }), sx(propSx)), onClick: handleClick, ...props, children: children }));
+    return (jsx("button", { ref: ref, className: clsx(className, container({ isSelected }), sx(propSx)), onClick: handleClick, ...props, children: children }));
 });
 TabsTrigger.displayName = 'TabsTrigger';
 

package/dist/components/TextField/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 { textField } from './TextField.css.js';
@@ -7,7 +7,7 @@ export { TextField_css as textFieldCss };
 import { sx } from '../../styles/sx.js';
 
 const TextField = forwardRef(({ className, type = 'text', size = 'md', color = 'primary', sx: propSx, ...props }, ref) => {
-    return (jsxRuntimeExports.jsx("input", { ref: ref, type: type, className: clsx(className, textField({ size, color }), sx(propSx)), ...props }));
+    return (jsx("input", { ref: ref, type: type, className: clsx(className, textField({ size, color }), sx(propSx)), ...props }));
 });
 TextField.displayName = 'TextField';
 

package/dist/components/Toast/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 { progress, toast } from './Toast.css.js';
@@ -8,9 +8,9 @@ import { Box } from '../Box/index.js';
 import { sx } from '../../styles/sx.js';
 
 const Toast = forwardRef(({ children, color = 'accent', className, duration = 0, sx: propSx, ...props }, ref) => {
-    return (jsxRuntimeExports.jsxs(Box, { ref: ref, boxShadow: "accent-sm", rounded: true, className: clsx(toast({ color }), className, sx(propSx)), ...props, children: [jsxRuntimeExports.jsx("div", { className: progress({ animation: duration !== 0 }), style: {
+    return (jsxs(Box, { ref: ref, boxShadow: "accent-sm", rounded: true, className: clsx(toast({ color }), className, sx(propSx)), ...props, children: [jsx("div", { className: progress({ animation: duration !== 0 }), style: {
                     animationDuration: duration > 0 ? `${duration}ms` : undefined,
-                } }), jsxRuntimeExports.jsx("span", { style: { position: 'relative' }, children: children })] }));
+                } }), jsx("span", { style: { position: 'relative' }, children: children })] }));
 });
 Toast.displayName = 'Toast';
 

package/dist/components/Typography/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 { typography } from './Typography.css.js';
@@ -7,7 +7,7 @@ export { Typography_css as typographyCss };
 import { sprinkles } from '../../styles/sprinkles.css.js';
 
 const Typography = forwardRef(({ children, as: Component = 'p', className, color = 'foreground', fontSize = 'md', fontWeight = 'normal', lineHeight, isEllipsis = false, sx, ...props }, ref) => {
-    return (jsxRuntimeExports.jsx(Component, { ref: ref, className: clsx(typography({ isEllipsis }), sprinkles({ color, fontSize, fontWeight, lineHeight }), sx && sprinkles(sx), className), ...props, children: children }));
+    return (jsx(Component, { ref: ref, className: clsx(typography({ isEllipsis }), sprinkles({ color, fontSize, fontWeight, lineHeight }), sx && sprinkles(sx), className), ...props, children: children }));
 });
 Typography.displayName = 'Typography';
 

package/dist/contexts/UIProvider.js

@@ -1,10 +1,10 @@
-import jsxRuntimeExports from '../_virtual/jsx-runtime.js';
+import { jsx, Fragment } from 'react/jsx-runtime';
 import { OverlayProvider } from '@kimdw-rtk/utils';
 import * as overlay_css from '../styles/overlay.css.js';
 import { ToastProvider } from '../hooks/useToast/ToastProvider.js';
 
 const UIProvider = ({ children, overlayUnmountOn = 'transitionEnd', }) => {
-    return (jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: jsxRuntimeExports.jsx(OverlayProvider, { className: { ...overlay_css }, unmountOn: overlayUnmountOn, children: jsxRuntimeExports.jsx(ToastProvider, { children: children }) }) }));
+    return (jsx(Fragment, { children: jsx(OverlayProvider, { className: { ...overlay_css }, unmountOn: overlayUnmountOn, children: jsx(ToastProvider, { children: children }) }) }));
 };
 
 export { UIProvider };

package/dist/hooks/useDialog/index.js

@@ -1,4 +1,4 @@
-import jsxRuntimeExports from '../../_virtual/jsx-runtime.js';
+import { jsx } from 'react/jsx-runtime';
 import { useRef, useCallback, useMemo } from 'react';
 import { useOverlay } from '@kimdw-rtk/utils';
 import { Alert } from '../../components/Alert/index.js';
@@ -9,7 +9,7 @@ const useDialog = () => {
     const dialogRef = useRef(null);
     const alert = useCallback((message) => {
         return new Promise((resolve) => {
-            push(jsxRuntimeExports.jsx(Alert, { children: message }), { onClose: () => resolve(true) });
+            push(jsx(Alert, { children: message }), { onClose: () => resolve(true) });
         });
     }, [push]);
     const confirm = useCallback((message) => {
@@ -22,7 +22,7 @@ const useDialog = () => {
                 resolve(false);
                 dialogRef.current?.close();
             };
-            push(jsxRuntimeExports.jsx(Confirm, { ref: dialogRef, onConfirm: handleConfirm, onCancle: handleCancle, children: message }), { onClose: () => resolve(false) });
+            push(jsx(Confirm, { ref: dialogRef, onConfirm: handleConfirm, onCancle: handleCancle, children: message }), { onClose: () => resolve(false) });
         });
     }, [push]);
     return useMemo(() => ({ alert, confirm }), [alert, confirm]);

package/dist/hooks/useRipple/index.js

@@ -1,4 +1,4 @@
-import jsxRuntimeExports from '../../_virtual/jsx-runtime.js';
+import { jsx } from 'react/jsx-runtime';
 import { useRef, useEffect, useMemo } from 'react';
 import { ripple, colorVar } from './ripple.css.js';
 
@@ -104,7 +104,7 @@ const useRipple = (ref) => {
         };
     }, [ref, rippleRef]);
     return useMemo(() => ({
-        ripple: (jsxRuntimeExports.jsx("div", { ref: rippleRef, className: ripple({ animation: false }) })),
+        ripple: (jsx("div", { ref: rippleRef, className: ripple({ animation: false }) })),
     }), [rippleRef]);
 };
 

package/dist/hooks/useToast/ToastContainer.js

@@ -1,8 +1,8 @@
-import jsxRuntimeExports from '../../_virtual/jsx-runtime.js';
+import { jsx } from 'react/jsx-runtime';
 import { container } from './ToastContainer.css.js';
 
 const ToastContainer = ({ children }) => {
-    return jsxRuntimeExports.jsx("div", { className: container, children: children });
+    return jsx("div", { className: container, children: children });
 };
 
 export { ToastContainer };

package/dist/hooks/useToast/ToastProvider.js

@@ -1,4 +1,4 @@
-import jsxRuntimeExports from '../../_virtual/jsx-runtime.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import { createContext, useState, useRef, useCallback, useMemo } from 'react';
 import { TransitionGroup, CSSTransition } from '@kimdw-rtk/utils';
 import { ToastContainer } from './ToastContainer.js';
@@ -35,7 +35,7 @@ const ToastProvider = ({ children, defaultDuration = DEFAULT_TOAST_DURATION, })
         }
         toast.onClick(toast.id);
     };
-    return (jsxRuntimeExports.jsxs(ToastContext.Provider, { value: useMemo(() => ({ push, remove }), [push, remove]), children: [children, jsxRuntimeExports.jsx(ToastContainer, { children: jsxRuntimeExports.jsx(TransitionGroup, { children: toasts.map((toast) => (jsxRuntimeExports.jsx(CSSTransition, { as: "div", initial: {
+    return (jsxs(ToastContext.Provider, { value: useMemo(() => ({ push, remove }), [push, remove]), children: [children, jsx(ToastContainer, { children: jsx(TransitionGroup, { children: toasts.map((toast) => (jsx(CSSTransition, { as: "div", initial: {
                             opacity: 0,
                             transform: 'translateY(1rem)',
                             height: '0',
@@ -43,7 +43,7 @@ const ToastProvider = ({ children, defaultDuration = DEFAULT_TOAST_DURATION, })
                             opacity: 1,
                             transform: 'translateY(0)',
                             height: '3.5rem',
-                        }, exit: { opacity: 0, height: '0' }, duration: 500, style: { display: 'flex', flexDirection: 'column-reverse' }, children: jsxRuntimeExports.jsx(Toast, { color: toast.color, duration: toast.autoClose ? toast.duration : 0, onClick: () => handleToastClick(toast), children: toast.message }) }, toast.id))) }) })] }));
+                        }, exit: { opacity: 0, height: '0' }, duration: 500, style: { display: 'flex', flexDirection: 'column-reverse' }, children: jsx(Toast, { color: toast.color, duration: toast.autoClose ? toast.duration : 0, onClick: () => handleToastClick(toast), children: toast.message }) }, toast.id))) }) })] }));
 };
 
 export { ToastContext, ToastProvider };

package/package.json

@@ -1,9 +1,9 @@
 {
   "name": "@kimdw-rtk/ui",
-  "version": "0.0.21",
+  "version": "0.0.23",
   "private": false,
   "type": "module",
-  "main": "./dist/index.mjs",
+  "main": "./dist/index.js",
   "sideEffects": false,
   "files": [
     "dist",
@@ -20,7 +20,7 @@
   "peerDependencies": {
     "react": "^18.0.0 || ^19.0.0",
     "react-dom": "^18.0.0 || ^19.0.0",
-    "@kimdw-rtk/utils": "0.0.20"
+    "@kimdw-rtk/utils": "0.0.21"
   },
   "devDependencies": {
     "@babel/preset-env": "^7.26.9",

package/dist/_virtual/jsx-runtime.js

@@ -1,5 +0,0 @@
-import { __require as requireJsxRuntime } from '../node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js';
-
-var jsxRuntimeExports = /*@__PURE__*/ requireJsxRuntime();
-
-export { jsxRuntimeExports as default };

package/dist/_virtual/jsx-runtime2.js

@@ -1,3 +0,0 @@
-var jsxRuntime = {exports: {}};
-
-export { jsxRuntime as __module };

package/dist/_virtual/react-jsx-runtime.development.js

@@ -1,3 +0,0 @@
-var reactJsxRuntime_development = {};
-
-export { reactJsxRuntime_development as __exports };

package/dist/_virtual/react-jsx-runtime.production.min.js

@@ -1,3 +0,0 @@
-var reactJsxRuntime_production_min = {};
-
-export { reactJsxRuntime_production_min as __exports };