@ioca/react 1.4.77 → 1.4.79

package/lib/types/components/image/image.js

@@ -5,7 +5,6 @@ import List from "./list.js";
 import classNames from "classnames";
 import { useEffect, useRef } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
-import "./index.css";
 //#region packages/components/image/image.tsx
 const Image = (props) => {
 	const { src, thumb, round, size, height, width, ratio, initSize, lazyload, fallback, fit, style, className, cover, coverClass, usePreview: previewable, onLoad, onError, onClick, ...restProps } = props;

package/lib/types/components/input/input.js

@@ -5,9 +5,8 @@ import Range from "./range.js";
 import Textarea from "./textarea.js";
 import classNames from "classnames";
 import { useEffect, useMemo, useState } from "react";
-import { VisibilityOffRound, VisibilityRound } from "/Users/iann/codes/ioca-react/node_modules/.pnpm/@ricons+material@0.12.0/node_modules/@ricons/material/es/index.js";
+import { VisibilityOffRound, VisibilityRound } from "@ricons/material";
 import { jsx, jsxs } from "react/jsx-runtime";
-import "../../css/input.css";
 //#region packages/components/input/input.tsx
 const Input = ((props) => {
 	const { ref, type = "text", label, name, value = "", prepend, append, labelInline, className, status = "normal", message, tip, clear, width, hideVisible, border, underline, required, maxLength, onChange, onEnter, onClear, style, ...restProps } = props;

package/lib/types/components/input/number.js

@@ -3,9 +3,8 @@ import helpericon_default from "../utils/helpericon/index.js";
 import InputContainer from "./container.js";
 import classNames from "classnames";
 import { useEffect, useState } from "react";
-import { KeyboardDoubleArrowUpRound, MinusRound, PlusRound } from "/Users/iann/codes/ioca-react/node_modules/.pnpm/@ricons+material@0.12.0/node_modules/@ricons/material/es/index.js";
+import { KeyboardDoubleArrowUpRound, MinusRound, PlusRound } from "@ricons/material";
 import { jsx, jsxs } from "react/jsx-runtime";
-import "../../css/input.css";
 //#region packages/components/input/number.tsx
 const Number = (props) => {
 	const { ref, label, name, value = "", labelInline, step = 1, min = -Infinity, max = Infinity, thousand, precision, type, className, width, status = "normal", append, border, prepend, disabled, message, tip, hideControl, showMax, style, onChange, onEnter, onInput, onBlur, ...restProps } = props;

package/lib/types/components/input/range.js

@@ -3,9 +3,8 @@ import helpericon_default from "../utils/helpericon/index.js";
 import InputContainer from "./container.js";
 import classNames from "classnames";
 import { useEffect, useState } from "react";
-import { MinusRound, PlusRound, SyncAltRound } from "/Users/iann/codes/ioca-react/node_modules/.pnpm/@ricons+material@0.12.0/node_modules/@ricons/material/es/index.js";
+import { MinusRound, PlusRound, SyncAltRound } from "@ricons/material";
 import { jsx, jsxs } from "react/jsx-runtime";
-import "../../css/input.css";
 //#region packages/components/input/range.tsx
 const Range = (props) => {
 	const { label, name, value, labelInline, min = -Infinity, max = Infinity, type, className, status = "normal", message, tip, append, prepend, step = 1, width, thousand, precision, hideControl, placeholder, border, autoSwitch, onChange, onBlur, style, ...restProps } = props;

package/lib/types/components/input/textarea.js

@@ -2,7 +2,6 @@ import InputContainer from "./container.js";
 import classNames from "classnames";
 import { useEffect, useImperativeHandle, useRef, useState } from "react";
 import { jsx } from "react/jsx-runtime";
-import "../../css/input.css";
 //#region packages/components/input/textarea.tsx
 const Textarea = (props) => {
 	const { ref, label, name, value = "", labelInline, className, status = "normal", message, tip, autoSize, border, width, style, onChange, onEnter, ...restProps } = props;

package/lib/types/components/list/list.js

@@ -2,7 +2,6 @@ import Item from "./item.js";
 import classNames from "classnames";
 import { Children, cloneElement } from "react";
 import { jsx } from "react/jsx-runtime";
-import "./index.css";
 //#region packages/components/list/list.tsx
 const List = (props) => {
 	const { label, type, border, className, children, ...restProps } = props;

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

@@ -4,7 +4,6 @@ import { uid } from "/Users/iann/codes/ioca-react/node_modules/.pnpm/radash@12.1
 import { isValidElement, useEffect, useRef } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 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";
-import "./index.css";
 //#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,9 +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 "/Users/iann/codes/ioca-react/node_modules/.pnpm/@ricons+material@0.12.0/node_modules/@ricons/material/es/index.js";
+import { KeyboardArrowLeftRound, KeyboardArrowRightRound, MoreHorizRound } from "@ricons/material";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
-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,7 +3,7 @@ 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 "/Users/iann/codes/ioca-react/node_modules/.pnpm/@ricons+material@0.12.0/node_modules/@ricons/material/es/index.js";
+import { CheckRound } from "@ricons/material";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region packages/components/picker/colors/footer.tsx
 const ColorMethods = {

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 "/Users/iann/codes/ioca-react/node_modules/.pnpm/@ricons+material@0.12.0/node_modules/@ricons/material/es/index.js";
+import { CalendarMonthTwotone } from "@ricons/material";
 import { jsx } from "react/jsx-runtime";
 import dayjs from "dayjs";
 import customParseFormat from "/Users/iann/codes/ioca-react/node_modules/.pnpm/dayjs@1.11.20/node_modules/dayjs/plugin/customParseFormat.js";
-import "./index.css";
 //#region packages/components/picker/dates/index.tsx
 dayjs.extend(customParseFormat);
 const FORMATTYPES = [

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

@@ -4,7 +4,7 @@ import Dates from "./dates.js";
 import classNames from "classnames";
 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 "/Users/iann/codes/ioca-react/node_modules/.pnpm/@ricons+material@0.12.0/node_modules/@ricons/material/es/index.js";
+import { KeyboardArrowLeftRound, KeyboardArrowRightRound } from "@ricons/material";
 import { jsx, jsxs } from "react/jsx-runtime";
 import dayjs from "dayjs";
 //#region packages/components/picker/dates/panel.tsx

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

@@ -4,7 +4,7 @@ import input_default from "../../input/index.js";
 import Panel from "./panel.js";
 import classNames from "classnames";
 import { useEffect, useState } from "react";
-import { AccessTimeRound } from "/Users/iann/codes/ioca-react/node_modules/.pnpm/@ricons+material@0.12.0/node_modules/@ricons/material/es/index.js";
+import { AccessTimeRound } from "@ricons/material";
 import { jsx } from "react/jsx-runtime";
 //#region packages/components/picker/time/index.tsx
 const FORMAT = "hh:mm:ss";

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 "/Users/iann/codes/ioca-react/node_modules/.pnpm/@ricons+material@0.12.0/node_modules/@ricons/material/es/index.js";
+import { InfoOutlined } from "@ricons/material";
 import { jsx, jsxs } from "react/jsx-runtime";
-import "./index.css";
 //#region packages/components/popconfirm/popconfirm.tsx
 const defaultOk = { children: "确定" };
 const defaultCancel = {

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

@@ -4,7 +4,6 @@ import Content from "./content.js";
 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,7 +3,7 @@ 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 "/Users/iann/codes/ioca-react/node_modules/.pnpm/@ricons+material@0.12.0/node_modules/@ricons/material/es/index.js";
+import { CheckRound, SearchRound } from "@ricons/material";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region packages/components/select/options.tsx
 const Options = (props) => {

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

@@ -5,10 +5,8 @@ import { Options, displayValue } from "./options.js";
 import classNames from "classnames";
 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 "/Users/iann/codes/ioca-react/node_modules/.pnpm/@ricons+material@0.12.0/node_modules/@ricons/material/es/index.js";
+import { UnfoldMoreRound } from "@ricons/material";
 import { jsx, jsxs } from "react/jsx-runtime";
-import "../../css/input.css";
-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,6 +1,6 @@
 import Divider from "./divider.js";
 import classNames from "classnames";
-import { CheckRound } from "/Users/iann/codes/ioca-react/node_modules/.pnpm/@ricons+material@0.12.0/node_modules/@ricons/material/es/index.js";
+import { CheckRound } from "@ricons/material";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 //#region packages/components/step/item.tsx
 const STATUS = [

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,9 +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 "/Users/iann/codes/ioca-react/node_modules/.pnpm/@ricons+material@0.12.0/node_modules/@ricons/material/es/index.js";
+import { KeyboardArrowLeftRound, KeyboardArrowRightRound } from "@ricons/material";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
-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 "/Users/iann/codes/ioca-react/node_modules/.pnpm/@ricons+material@0.12.0/node_modules/@ricons/material/es/index.js";
+import { MoreHorizRound } from "@ricons/material";
 import { jsx, jsxs } from "react/jsx-runtime";
-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/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,7 +2,7 @@ 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 "/Users/iann/codes/ioca-react/node_modules/.pnpm/@ricons+material@0.12.0/node_modules/@ricons/material/es/index.js";
+import { KeyboardArrowDownRound } from "@ricons/material";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 //#region packages/components/tree/item.tsx
 function TreeList(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

@@ -4,7 +4,7 @@ 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 "/Users/iann/codes/ioca-react/node_modules/.pnpm/radash@12.1.1/node_modules/radash/dist/esm/index.mjs";
-import { ListAltRound } from "/Users/iann/codes/ioca-react/node_modules/.pnpm/@ricons+material@0.12.0/node_modules/@ricons/material/es/index.js";
+import { ListAltRound } from "@ricons/material";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import SortableContainer from "react-easy-sort";
 //#region packages/components/upload/renderFile.tsx

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

@@ -7,10 +7,9 @@ import FileListItem, { ListContainer } from "./renderFile.js";
 import classNames from "classnames";
 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 "/Users/iann/codes/ioca-react/node_modules/.pnpm/@ricons+material@0.12.0/node_modules/@ricons/material/es/index.js";
+import { DriveFolderUploadOutlined, PlusSharp } from "@ricons/material";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 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 "/Users/iann/codes/ioca-react/node_modules/.pnpm/@ricons+material@0.12.0/node_modules/@ricons/material/es/index.js";
+import { InboxTwotone } from "@ricons/material";
 import { jsx } from "react/jsx-runtime";
-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

@@ -2,9 +2,8 @@ import icon_default from "../../icon/index.js";
 import classNames from "classnames";
 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 "/Users/iann/codes/ioca-react/node_modules/.pnpm/@ricons+material@0.12.0/node_modules/@ricons/material/es/index.js";
+import { CloseRound } from "@ricons/material";
 import { Fragment as Fragment$1, jsx } from "react/jsx-runtime";
-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

@@ -7,9 +7,8 @@ import progress_default from "../progress/index.js";
 import classNames from "classnames";
 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 "/Users/iann/codes/ioca-react/node_modules/.pnpm/@ricons+material@0.12.0/node_modules/@ricons/material/es/index.js";
+import { FullscreenExitRound, FullscreenRound, PauseRound, PlayArrowRound, StopRound, VolumeDownRound, VolumeOffRound } from "@ricons/material";
 import { jsx, jsxs } from "react/jsx-runtime";
-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

@@ -7,7 +7,7 @@ import renderFile from "./renderFile.js";
 import classNames from "classnames";
 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 "/Users/iann/codes/ioca-react/node_modules/.pnpm/@ricons+material@0.12.0/node_modules/@ricons/material/es/index.js";
+import { AspectRatioRound, CloseRound, FileDownloadOutlined, KeyboardArrowLeftRound, KeyboardArrowRightRound, OpenInNewRound, RotateLeftRound, RotateRightRound } from "@ricons/material";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 //#region packages/js/usePreview/content.tsx
 function Content(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,7 +1,7 @@
 import icon_default from "../../components/icon/index.js";
 import video_default from "../../components/video/index.js";
 import { TFileType } from "./type.js";
-import { FeedOutlined } from "/Users/iann/codes/ioca-react/node_modules/.pnpm/@ricons+material@0.12.0/node_modules/@ricons/material/es/index.js";
+import { FeedOutlined } from "@ricons/material";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region packages/js/usePreview/renderFile.tsx
 function renderFile(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/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@ioca/react",
-	"version": "1.4.77",
+	"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": [