@ioca/react 1.4.78 → 1.4.79

package/lib/types/components/loading/loading.js

@@ -1,5 +1,4 @@
 import classNames from "classnames";
-import "./index.css";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region packages/components/loading/loading.tsx
 const Loading = (props) => {

package/lib/types/components/message/message.js

@@ -1,10 +1,9 @@
 import { useReactive } from "../../js/hooks.js";
 import classNames from "classnames";
-import { uid } from "radash";
+import { uid } from "/Users/iann/codes/ioca-react/node_modules/.pnpm/radash@12.1.1/node_modules/radash/dist/esm/index.mjs";
 import { isValidElement, useEffect, useRef } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
-import { createRoot } from "react-dom/client";
-import "./index.css";
+import { createRoot } from "/Users/iann/codes/ioca-react/node_modules/.pnpm/react-dom@19.2.4_react@19.2.4/node_modules/react-dom/client.js";
 //#region packages/components/message/message.tsx
 const AlignMap = {
 	left: "flex-start",

package/lib/types/components/modal/content.js

@@ -2,7 +2,6 @@ import button_default from "../button/index.js";
 import helpericon_default from "../utils/helpericon/index.js";
 import { useMemo } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
-import "./index.css";
 //#region packages/components/modal/content.tsx
 function Content(props) {
 	const { title, footer, hideCloseButton, footerLeft, okButtonProps, cancelButtonProps, children, onOk, onClose } = props;

package/lib/types/components/modal/modal.js

@@ -6,7 +6,6 @@ import classNames from "classnames";
 import { useEffect, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { createPortal } from "react-dom";
-import "./index.css";
 //#region packages/components/modal/modal.tsx
 function Modal(props) {
 	const { visible, title, footer, okButtonProps, cancelButtonProps, closable = true, hideBackdrop, backdropClosable = true, hideCloseButton, disableEsc, width, height, customized, fixed, hideShadow, children, style, className, keepDOM, footerLeft, onClick, onVisibleChange, onClose, onOk, ...restProps } = props;

package/lib/types/components/pagination/pagination.js

@@ -2,11 +2,8 @@ import icon_default from "../icon/index.js";
 import Page from "./page.js";
 import classNames from "classnames";
 import { useEffect, useMemo, useState } from "react";
+import { KeyboardArrowLeftRound, KeyboardArrowRightRound, MoreHorizRound } from "@ricons/material";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
-import KeyboardArrowLeftRound from "@ricons/material/es/KeyboardArrowLeftRound.js";
-import KeyboardArrowRightRound from "@ricons/material/es/KeyboardArrowRightRound.js";
-import MoreHorizRound from "@ricons/material/es/MoreHorizRound.js";
-import "./index.css";
 //#region packages/components/pagination/pagination.tsx
 const Pagination = (props) => {
 	const { page: defaultPage = 1, size = 10, total = 0, sibling = 2, prev = /* @__PURE__ */ jsx(icon_default, { icon: /* @__PURE__ */ jsx(KeyboardArrowLeftRound, {}) }), next = /* @__PURE__ */ jsx(icon_default, { icon: /* @__PURE__ */ jsx(KeyboardArrowRightRound, {}) }), simple, jumper, className, renderEllipsis = () => /* @__PURE__ */ jsx(icon_default, {

package/lib/types/components/picker/colors/footer.js

@@ -3,8 +3,8 @@ import icon_default from "../../icon/index.js";
 import input_default from "../../input/index.js";
 import select_default from "../../select/index.js";
 import { useEffect, useState } from "react";
+import { CheckRound } from "@ricons/material";
 import { jsx, jsxs } from "react/jsx-runtime";
-import CheckRound from "@ricons/material/es/CheckRound.js";
 //#region packages/components/picker/colors/footer.tsx
 const ColorMethods = {
 	HEX: "toHexString",

package/lib/types/components/picker/colors/index.js

@@ -4,7 +4,6 @@ import Handle from "./handle.js";
 import { useEffect, useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import ColorsPanel from "@rc-component/color-picker";
-import "./index.css";
 //#region packages/components/picker/colors/index.tsx
 function ColorPicker(props) {
 	const { value, type = "HEX", disabledAlpha, children, usePanel, handle = "both", placeholder = "Colors", popupProps, onChange } = props;

package/lib/types/components/picker/dates/index.js

@@ -4,11 +4,10 @@ import input_default from "../../input/index.js";
 import Panel from "./panel.js";
 import classNames from "classnames";
 import { useEffect, useMemo, useState } from "react";
+import { CalendarMonthTwotone } from "@ricons/material";
 import { jsx } from "react/jsx-runtime";
-import CalendarMonthTwotone from "@ricons/material/es/CalendarMonthTwotone.js";
 import dayjs from "dayjs";
-import customParseFormat from "dayjs/plugin/customParseFormat.js";
-import "./index.css";
+import customParseFormat from "/Users/iann/codes/ioca-react/node_modules/.pnpm/dayjs@1.11.20/node_modules/dayjs/plugin/customParseFormat.js";
 //#region packages/components/picker/dates/index.tsx
 dayjs.extend(customParseFormat);
 const FORMATTYPES = [

package/lib/types/components/picker/dates/panel.js

@@ -2,11 +2,10 @@ import icon_default from "../../icon/index.js";
 import helpericon_default from "../../utils/helpericon/index.js";
 import Dates from "./dates.js";
 import classNames from "classnames";
-import { throttle } from "radash";
+import { throttle } from "/Users/iann/codes/ioca-react/node_modules/.pnpm/radash@12.1.1/node_modules/radash/dist/esm/index.mjs";
 import { useEffect, useRef, useState } from "react";
+import { KeyboardArrowLeftRound, KeyboardArrowRightRound } from "@ricons/material";
 import { jsx, jsxs } from "react/jsx-runtime";
-import KeyboardArrowLeftRound from "@ricons/material/es/KeyboardArrowLeftRound.js";
-import KeyboardArrowRightRound from "@ricons/material/es/KeyboardArrowRightRound.js";
 import dayjs from "dayjs";
 //#region packages/components/picker/dates/panel.tsx
 const MONTHS = [

package/lib/types/components/picker/time/index.js

@@ -4,8 +4,8 @@ import input_default from "../../input/index.js";
 import Panel from "./panel.js";
 import classNames from "classnames";
 import { useEffect, useState } from "react";
+import { AccessTimeRound } from "@ricons/material";
 import { jsx } from "react/jsx-runtime";
-import AccessTimeRound from "@ricons/material/es/AccessTimeRound.js";
 //#region packages/components/picker/time/index.tsx
 const FORMAT = "hh:mm:ss";
 function TimePicker(props) {

package/lib/types/components/picker/time/panel.js

@@ -1,7 +1,6 @@
 import Items from "./item.js";
 import { useEffect, useMemo, useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
-import "./index.css";
 //#region packages/components/picker/time/panel.tsx
 const UnitMaps = {
 	h: "hour",

package/lib/types/components/popconfirm/popconfirm.js

@@ -3,9 +3,8 @@ import button_default from "../button/index.js";
 import icon_default from "../icon/index.js";
 import popup_default from "../popup/index.js";
 import flex_default from "../flex/index.js";
+import { InfoOutlined } from "@ricons/material";
 import { jsx, jsxs } from "react/jsx-runtime";
-import InfoOutlined from "@ricons/material/es/InfoOutlined.js";
-import "./index.css";
 //#region packages/components/popconfirm/popconfirm.tsx
 const defaultOk = { children: "确定" };
 const defaultCancel = {

package/lib/types/components/popup/popup.js

@@ -1,10 +1,9 @@
 import { useMouseUp, useResizeObserver } from "../../js/hooks.js";
 import { getPointPosition, getPosition } from "../../js/utils.js";
 import Content from "./content.js";
-import { debounce } from "radash";
+import { debounce } from "/Users/iann/codes/ioca-react/node_modules/.pnpm/radash@12.1.1/node_modules/radash/dist/esm/index.mjs";
 import { Children, cloneElement, isValidElement, useEffect, useLayoutEffect, useMemo, useRef, useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
-import "./index.css";
 //#region packages/components/popup/popup.tsx
 function Popup(props) {
 	const { visible = false, content, trigger = "hover", gap = 12, offset = 8, position = "top", showDelay = 16, hideDelay = 12, touchable, arrow = true, align = "center", fitSize, disabled, style, className, children, onVisibleChange } = props;

package/lib/types/components/progress/progress.js

@@ -4,8 +4,6 @@ import Line from "./line.js";
 import classNames from "classnames";
 import { useEffect, useRef } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-import "../../css/input.css";
-import "./index.css";
 //#region packages/components/progress/progress.tsx
 const Progress = (props) => {
 	const { value = 0, lineWidth = 8, circleSize = 40, precision = 0, style, draggable = true, type = "line", barClass, vertical, label, labelInline, className, renderCursor, onChange, onDraggingChange } = props;

package/lib/types/components/radio/radio.js

@@ -3,8 +3,6 @@ import RadioItem from "./item.js";
 import classNames from "classnames";
 import { useEffect, useMemo, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-import "../../css/input.css";
-import "./index.css";
 //#region packages/components/radio/radio.tsx
 function Radio(props) {
 	const { label, name, options, value, type = "default", status = "normal", message, optionInline = true, labelInline, disabled, required, className, renderItem, onChange } = props;

package/lib/types/components/resizable/resizable.js

@@ -2,7 +2,6 @@ import { useMouseMove, useMouseUp, useReactive } from "../../js/hooks.js";
 import classNames from "classnames";
 import { useRef } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-import "./index.css";
 //#region packages/components/resizable/resizable.tsx
 const Resizable = (props) => {
 	const { other, children, vertical, height, size = "auto", minSize = 0, maxSize = "100%", style, line, className, asPercent, onResize, onResizeComplete } = props;

package/lib/types/components/river/river.js

@@ -2,7 +2,6 @@ import { useReactive } from "../../js/hooks.js";
 import classNames from "classnames";
 import { Children, useLayoutEffect, useMemo, useRef } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-import "./index.css";
 //#region packages/components/river/river.tsx
 const River = (props) => {
 	const { children, className, speed = 1, pauseOnHover, ...restProps } = props;

package/lib/types/components/select/options.js

@@ -3,9 +3,8 @@ import Empty from "../utils/empty/index.js";
 import list_default from "../list/index.js";
 import tag_default from "../tag/index.js";
 import classNames from "classnames";
+import { CheckRound, SearchRound } from "@ricons/material";
 import { jsx, jsxs } from "react/jsx-runtime";
-import CheckRound from "@ricons/material/es/CheckRound.js";
-import SearchRound from "@ricons/material/es/SearchRound.js";
 //#region packages/components/select/options.tsx
 const Options = (props) => {
 	const { value: val, options, filter, filterPlaceholder, multiple, empty = /* @__PURE__ */ jsx(Empty, {}), onSelect, onFilter } = props;

package/lib/types/components/select/select.js

@@ -3,12 +3,10 @@ import helpericon_default from "../utils/helpericon/index.js";
 import popup_default from "../popup/index.js";
 import { Options, displayValue } from "./options.js";
 import classNames from "classnames";
-import { debounce } from "radash";
+import { debounce } from "/Users/iann/codes/ioca-react/node_modules/.pnpm/radash@12.1.1/node_modules/radash/dist/esm/index.mjs";
 import { useEffect, useMemo, useState } from "react";
+import { UnfoldMoreRound } from "@ricons/material";
 import { jsx, jsxs } from "react/jsx-runtime";
-import "../../css/input.css";
-import UnfoldMoreRound from "@ricons/material/es/UnfoldMoreRound.js";
-import "./index.css";
 //#region packages/components/select/select.tsx
 const Select = (props) => {
 	const { ref, type = "text", name, label, value = "", placeholder, options = [], multiple, prepend, append, labelInline, style, className, message, status = "normal", hideClear, hideArrow, maxDisplay, border, filter, tip, filterPlaceholder = "...", popupProps, onSelect, onChange, ...restProps } = props;

package/lib/types/components/step/divider.js

@@ -1,5 +1,4 @@
 import { jsx } from "react/jsx-runtime";
-import "./index.css";
 //#region packages/components/step/divider.tsx
 function Divider() {
 	return /* @__PURE__ */ jsx("i", { className: "i-step-divider" });

package/lib/types/components/step/item.js

@@ -1,7 +1,7 @@
 import Divider from "./divider.js";
 import classNames from "classnames";
+import { CheckRound } from "@ricons/material";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import CheckRound from "@ricons/material/es/CheckRound.js";
 //#region packages/components/step/item.tsx
 const STATUS = [
 	"finished",

package/lib/types/components/step/step.js

@@ -2,7 +2,6 @@ import Item from "./item.js";
 import classNames from "classnames";
 import { Children, useMemo } from "react";
 import { jsx } from "react/jsx-runtime";
-import "./index.css";
 //#region packages/components/step/step.tsx
 const Step = (props) => {
 	const { active = 0, vertical, renderIcon, line, style, asList, className, children, onClick } = props;

package/lib/types/components/swiper/swiper.js

@@ -4,10 +4,8 @@ import { clamp } from "../../js/utils.js";
 import Item from "./item.js";
 import classNames from "classnames";
 import { Children, useEffect, useImperativeHandle, useMemo, useRef } from "react";
+import { KeyboardArrowLeftRound, KeyboardArrowRightRound } from "@ricons/material";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
-import KeyboardArrowLeftRound from "@ricons/material/es/KeyboardArrowLeftRound.js";
-import KeyboardArrowRightRound from "@ricons/material/es/KeyboardArrowRightRound.js";
-import "./index.css";
 //#region packages/components/swiper/swiper.tsx
 const Swiper = ((props) => {
 	const { ref, type = "normal", initial = 0, display = 1, scroll = 1, loop = true, vertical, prev = /* @__PURE__ */ jsx(icon_default, {

package/lib/types/components/tabs/tabs.js

@@ -6,9 +6,8 @@ import popup_default from "../popup/index.js";
 import Item from "./item.js";
 import classNames from "classnames";
 import { Children, useEffect, useImperativeHandle, useRef, useState } from "react";
+import { MoreHorizRound } from "@ricons/material";
 import { jsx, jsxs } from "react/jsx-runtime";
-import MoreHorizRound from "@ricons/material/es/MoreHorizRound.js";
-import "./index.css";
 //#region packages/components/tabs/tabs.tsx
 const Tabs = ((props) => {
 	const { ref, active, tabs: items, type = "default", prepend, append, children, className, vertical, toggable, navsJustify = "start", bar = true, hideMore, barClass, renderMore = () => /* @__PURE__ */ jsx(button_default, {

package/lib/types/components/tag/tag.js

@@ -1,7 +1,6 @@
 import helpericon_default from "../utils/helpericon/index.js";
 import classNames from "classnames";
 import { jsx, jsxs } from "react/jsx-runtime";
-import "./index.css";
 //#region packages/components/tag/tag.tsx
 const Tag = (props) => {
 	const { dot, dotClass, outline, round, size = "normal", hoverShowClose, className, children, onClose, onClick, ...restProps } = props;

package/lib/types/components/text/highlight.js

@@ -1,7 +1,7 @@
 import Text from "./text.js";
 import { Fragment, useMemo } from "react";
 import { jsx } from "react/jsx-runtime";
-import { findAll } from "highlight-words-core";
+import { findAll } from "/Users/iann/codes/ioca-react/node_modules/.pnpm/highlight-words-core@1.2.3/node_modules/highlight-words-core/dist/index.js";
 //#region packages/components/text/highlight.tsx
 function HighLight(props) {
 	const { keyword, text, escape, caseSensitive, renderWord = (word) => /* @__PURE__ */ jsx("mark", { children: word }), ...restProps } = props;

package/lib/types/components/text/text.js

@@ -4,7 +4,6 @@ import Number$1 from "./time.js";
 import classNames from "classnames";
 import { useMemo } from "react";
 import { jsx } from "react/jsx-runtime";
-import "./index.css";
 //#region packages/components/text/text.tsx
 const Text = (props) => {
 	const { as: Tag = "span", size, weight, decoration, gradient, wave, style, className, children } = props;

package/lib/types/components/tree/item.js

@@ -2,8 +2,8 @@ import icon_default from "../icon/index.js";
 import checkbox_default from "../checkbox/index.js";
 import classNames from "classnames";
 import { useState } from "react";
+import { KeyboardArrowDownRound } from "@ricons/material";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
-import KeyboardArrowDownRound from "@ricons/material/es/KeyboardArrowDownRound.js";
 //#region packages/components/tree/item.tsx
 function TreeList(props) {
 	const { data = [], depth = 0, round, style, className, parent, nodeProps, ...restProps } = props;

package/lib/types/components/tree/tree.js

@@ -1,7 +1,6 @@
 import { TreeList } from "./item.js";
 import { useEffect, useImperativeHandle, useRef, useState } from "react";
 import { jsx } from "react/jsx-runtime";
-import "./index.css";
 //#region packages/components/tree/tree.tsx
 const defaultNodeProps = {
 	key: "key",

package/lib/types/components/upload/renderFile.js

@@ -3,10 +3,10 @@ import { formatBytes, getFileType } from "../../js/utils.js";
 import helpericon_default from "../utils/helpericon/index.js";
 import { TFileType } from "../../js/usePreview/type.js";
 import image_default from "../image/index.js";
-import { title } from "radash";
+import { title } from "/Users/iann/codes/ioca-react/node_modules/.pnpm/radash@12.1.1/node_modules/radash/dist/esm/index.mjs";
+import { ListAltRound } from "@ricons/material";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import SortableContainer from "react-easy-sort";
-import ListAltRound from "@ricons/material/es/ListAltRound.js";
 //#region packages/components/upload/renderFile.tsx
 const ListContainer = (props) => {
 	const { sortable, onSortEnd, itemProps, ...restProps } = props;

package/lib/types/components/upload/upload.js

@@ -5,13 +5,11 @@ import usePreview from "../../js/usePreview/index.js";
 import InputContainer from "../input/container.js";
 import FileListItem, { ListContainer } from "./renderFile.js";
 import classNames from "classnames";
-import { uid } from "radash";
+import { uid } from "/Users/iann/codes/ioca-react/node_modules/.pnpm/radash@12.1.1/node_modules/radash/dist/esm/index.mjs";
 import { useEffect, useImperativeHandle, useMemo, useRef, useState } from "react";
+import { DriveFolderUploadOutlined, PlusSharp } from "@ricons/material";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
-import DriveFolderUploadOutlined from "@ricons/material/es/DriveFolderUploadOutlined.js";
-import PlusSharp from "@ricons/material/es/PlusSharp.js";
 import { SortableItem } from "react-easy-sort";
-import "./index.css";
 //#region packages/components/upload/upload.tsx
 const Upload = (props) => {
 	const { ref, label, labelInline, value, files = [], initialFiles, placeholder, status = "normal", message, className, style, children, defaultButtonProps, mode = "default", cardSize = "4em", disabled, sortable, limit = props.multiple ? Infinity : 1, multiple, renderItem, shouldUpload = () => true, uploader, onChange, onFilesChange, onUpload, ...restProps } = props;

package/lib/types/components/utils/empty/index.js

@@ -1,7 +1,6 @@
 import classNames from "classnames";
+import { InboxTwotone } from "@ricons/material";
 import { jsx } from "react/jsx-runtime";
-import InboxTwotone from "@ricons/material/es/InboxTwotone.js";
-import "./index.css";
 //#region packages/components/utils/empty/index.tsx
 function Empty(props) {
 	const { className, ...restProps } = props;

package/lib/types/components/utils/helpericon/helpericon.js

@@ -1,10 +1,9 @@
 import icon_default from "../../icon/index.js";
 import classNames from "classnames";
-import { uid } from "radash";
+import { uid } from "/Users/iann/codes/ioca-react/node_modules/.pnpm/radash@12.1.1/node_modules/radash/dist/esm/index.mjs";
 import { createElement } from "react";
+import { CloseRound } from "@ricons/material";
 import { Fragment as Fragment$1, jsx } from "react/jsx-runtime";
-import CloseRound from "@ricons/material/es/CloseRound.js";
-import "./index.css";
 //#region packages/components/utils/helpericon/helpericon.tsx
 const Helpericon = (props) => {
 	const { as = "a", active, className, icon = /* @__PURE__ */ jsx(CloseRound, {}), ...restProps } = props;

package/lib/types/components/video/video.js

@@ -5,17 +5,10 @@ import { exitFullScreen, fullScreen } from "../../js/utils.js";
 import text_default from "../text/index.js";
 import progress_default from "../progress/index.js";
 import classNames from "classnames";
-import { throttle } from "radash";
+import { throttle } from "/Users/iann/codes/ioca-react/node_modules/.pnpm/radash@12.1.1/node_modules/radash/dist/esm/index.mjs";
 import { useEffect, useImperativeHandle, useRef } from "react";
+import { FullscreenExitRound, FullscreenRound, PauseRound, PlayArrowRound, StopRound, VolumeDownRound, VolumeOffRound } from "@ricons/material";
 import { jsx, jsxs } from "react/jsx-runtime";
-import FullscreenExitRound from "@ricons/material/es/FullscreenExitRound.js";
-import FullscreenRound from "@ricons/material/es/FullscreenRound.js";
-import PauseRound from "@ricons/material/es/PauseRound.js";
-import PlayArrowRound from "@ricons/material/es/PlayArrowRound.js";
-import StopRound from "@ricons/material/es/StopRound.js";
-import VolumeDownRound from "@ricons/material/es/VolumeDownRound.js";
-import VolumeOffRound from "@ricons/material/es/VolumeOffRound.js";
-import "./index.css";
 //#region packages/components/video/video.tsx
 const Video = (props) => {
 	const { ref, style, hideControls, autoplay, muted, volume = 50, height, width, useOriginControls, timeProgressProps = { barClass: "bg-blue" }, volumeProgressProps = { barClass: "bg-blue" }, className, onFullScreenChange, ...restProps } = props;

package/lib/types/index.js

@@ -39,5 +39,4 @@ import tabs_default from "./components/tabs/index.js";
 import tree_default from "./components/tree/index.js";
 import upload_default from "./components/upload/index.js";
 import useTheme from "./js/useTheme/index.js";
-import "./css/index.scss";
 export { affix_default as Affix, badge_default as Badge, button_default as Button, card_default as Card, checkbox_default as Checkbox, collapse_default as Collapse, ColorPicker, datagrid_default as Datagrid, Datepicker as DatePicker, description_default as Description, drawer_default as Drawer, dropdown_default as Dropdown, editor_default as Editor, flex_default as Flex, form_default as Form, icon_default as Icon, image_default as Image, input_default as Input, list_default as List, loading_default as Loading, message_default as Message, modal_default as Modal, pagination_default as Pagination, popconfirm_default as Popconfirm, popup_default as Popup, progress_default as Progress, radio_default as Radio, resizable_default as Resizable, river_default as River, select_default as Select, step_default as Step, swiper_default as Swiper, tabs_default as Tabs, tag_default as Tag, text_default as Text, TimePicker, tree_default as Tree, upload_default as Upload, video_default as Video, usePreview, useTheme };

package/lib/types/js/usePreview/content.js

@@ -5,17 +5,10 @@ import { getFileType, getSuffixByUrl } from "../utils.js";
 import { TFileType } from "./type.js";
 import renderFile from "./renderFile.js";
 import classNames from "classnames";
-import { throttle } from "radash";
+import { throttle } from "/Users/iann/codes/ioca-react/node_modules/.pnpm/radash@12.1.1/node_modules/radash/dist/esm/index.mjs";
 import { useEffect, useMemo, useRef } from "react";
+import { AspectRatioRound, CloseRound, FileDownloadOutlined, KeyboardArrowLeftRound, KeyboardArrowRightRound, OpenInNewRound, RotateLeftRound, RotateRightRound } from "@ricons/material";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
-import CloseRound from "@ricons/material/es/CloseRound.js";
-import AspectRatioRound from "@ricons/material/es/AspectRatioRound.js";
-import FileDownloadOutlined from "@ricons/material/es/FileDownloadOutlined.js";
-import KeyboardArrowLeftRound from "@ricons/material/es/KeyboardArrowLeftRound.js";
-import KeyboardArrowRightRound from "@ricons/material/es/KeyboardArrowRightRound.js";
-import OpenInNewRound from "@ricons/material/es/OpenInNewRound.js";
-import RotateLeftRound from "@ricons/material/es/RotateLeftRound.js";
-import RotateRightRound from "@ricons/material/es/RotateRightRound.js";
 //#region packages/js/usePreview/content.tsx
 function Content(props) {
 	const { items = [], initial = 0, renderFile: renderFile$1 = renderFile, onRotate, onChange, onClose, onZoom } = props;

package/lib/types/js/usePreview/index.js

@@ -3,7 +3,6 @@ import HookModal from "../../components/modal/hookModal.js";
 import Content from "./content.js";
 import { useRef } from "react";
 import { jsx } from "react/jsx-runtime";
-import "./index.css";
 //#region packages/js/usePreview/index.tsx
 function usePreview() {
 	const ref = useRef(null);

package/lib/types/js/usePreview/renderFile.js

@@ -1,8 +1,8 @@
 import icon_default from "../../components/icon/index.js";
 import video_default from "../../components/video/index.js";
 import { TFileType } from "./type.js";
+import { FeedOutlined } from "@ricons/material";
 import { jsx, jsxs } from "react/jsx-runtime";
-import FeedOutlined from "@ricons/material/es/FeedOutlined.js";
 //#region packages/js/usePreview/renderFile.tsx
 function renderFile(props) {
 	const { name, suffix, type } = props;

package/lib/types/js/useRipple/index.js

@@ -1,4 +1,3 @@
-import "./ripple.css";
 //#region packages/js/useRipple/index.ts
 const TIMEOUT = 500;
 const useRipple = () => {

package/lib/types/js/utils.js

@@ -1,5 +1,5 @@
 import "react";
-import { createRoot } from "react-dom/client";
+import { createRoot } from "/Users/iann/codes/ioca-react/node_modules/.pnpm/react-dom@19.2.4_react@19.2.4/node_modules/react-dom/client.js";
 //#region packages/js/utils.ts
 function getPosition($source, $popup, options = {}) {
 	const { refWindow, gap = 0, offset = 0, position = "top", align } = options;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@ioca/react",
-	"version": "1.4.78",
+	"version": "1.4.79",
 	"type": "module",
 	"scripts": {
 		"dev": "vite",
@@ -46,17 +46,20 @@
 		"react": ">=16.8.0",
 		"react-dom": ">=16.8.0"
 	},
+	"main": "lib/cjs/index.cjs",
 	"module": "lib/es/index.js",
 	"types": "lib/types/index.d.ts",
 	"exports": {
 		".": {
 			"types": "./lib/types/index.d.ts",
-			"import": "./lib/es/index.js"
+			"import": "./lib/es/index.js",
+			"require": "./lib/cjs/index.cjs"
 		},
 		"./index.css": "./lib/css/index.css",
 		"./*": {
 			"types": "./lib/types/*.d.ts",
-			"import": "./lib/es/*.js"
+			"import": "./lib/es/*.js",
+			"require": "./lib/cjs/*.cjs"
 		}
 	},
 	"files": [