@ioca/react 1.4.79 → 1.4.80

package/lib/cjs/index.cjs

@@ -1,83 +0,0 @@
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_index = require("./components/loading/index.cjs");
-const require_index$1 = require("./components/button/index.cjs");
-const require_index$2 = require("./components/icon/index.cjs");
-const require_index$3 = require("./components/affix/index.cjs");
-const require_index$4 = require("./components/badge/index.cjs");
-const require_index$5 = require("./components/card/index.cjs");
-const require_index$6 = require("./components/checkbox/index.cjs");
-const require_index$7 = require("./components/collapse/index.cjs");
-const require_index$8 = require("./components/datagrid/index.cjs");
-const require_index$9 = require("./components/description/index.cjs");
-const require_index$10 = require("./components/drawer/index.cjs");
-const require_index$11 = require("./components/list/index.cjs");
-const require_index$12 = require("./components/popup/index.cjs");
-const require_index$13 = require("./components/dropdown/index.cjs");
-const require_index$14 = require("./components/editor/index.cjs");
-const require_index$15 = require("./components/flex/index.cjs");
-const require_index$16 = require("./components/form/index.cjs");
-const require_index$17 = require("./components/text/index.cjs");
-const require_index$18 = require("./components/progress/index.cjs");
-const require_index$19 = require("./components/video/index.cjs");
-const require_index$20 = require("./js/usePreview/index.cjs");
-const require_index$21 = require("./components/image/index.cjs");
-const require_index$22 = require("./components/input/index.cjs");
-const require_index$23 = require("./components/message/index.cjs");
-const require_index$24 = require("./components/modal/index.cjs");
-const require_index$25 = require("./components/pagination/index.cjs");
-const require_index$26 = require("./components/tag/index.cjs");
-const require_index$27 = require("./components/select/index.cjs");
-const require_index$28 = require("./components/picker/colors/index.cjs");
-const require_index$29 = require("./components/picker/dates/index.cjs");
-const require_index$30 = require("./components/picker/time/index.cjs");
-const require_index$31 = require("./components/popconfirm/index.cjs");
-const require_index$32 = require("./components/radio/index.cjs");
-const require_index$33 = require("./components/resizable/index.cjs");
-const require_index$34 = require("./components/river/index.cjs");
-const require_index$35 = require("./components/step/index.cjs");
-const require_index$36 = require("./components/swiper/index.cjs");
-const require_index$37 = require("./components/tabs/index.cjs");
-const require_index$38 = require("./components/tree/index.cjs");
-const require_index$39 = require("./components/upload/index.cjs");
-const require_index$40 = require("./js/useTheme/index.cjs");
-exports.Affix = require_index$3.default;
-exports.Badge = require_index$4.default;
-exports.Button = require_index$1.default;
-exports.Card = require_index$5.default;
-exports.Checkbox = require_index$6.default;
-exports.Collapse = require_index$7.default;
-exports.ColorPicker = require_index$28.default;
-exports.Datagrid = require_index$8.default;
-exports.DatePicker = require_index$29.default;
-exports.Description = require_index$9.default;
-exports.Drawer = require_index$10.default;
-exports.Dropdown = require_index$13.default;
-exports.Editor = require_index$14.default;
-exports.Flex = require_index$15.default;
-exports.Form = require_index$16.default;
-exports.Icon = require_index$2.default;
-exports.Image = require_index$21.default;
-exports.Input = require_index$22.default;
-exports.List = require_index$11.default;
-exports.Loading = require_index.default;
-exports.Message = require_index$23.default;
-exports.Modal = require_index$24.default;
-exports.Pagination = require_index$25.default;
-exports.Popconfirm = require_index$31.default;
-exports.Popup = require_index$12.default;
-exports.Progress = require_index$18.default;
-exports.Radio = require_index$32.default;
-exports.Resizable = require_index$33.default;
-exports.River = require_index$34.default;
-exports.Select = require_index$27.default;
-exports.Step = require_index$35.default;
-exports.Swiper = require_index$36.default;
-exports.Tabs = require_index$37.default;
-exports.Tag = require_index$26.default;
-exports.Text = require_index$17.default;
-exports.TimePicker = require_index$30.default;
-exports.Tree = require_index$38.default;
-exports.Upload = require_index$39.default;
-exports.Video = require_index$19.default;
-exports.usePreview = require_index$20.default;
-exports.useTheme = require_index$40.default;

package/lib/cjs/js/hooks.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"hooks.cjs","names":[],"sources":["../../../packages/js/hooks.ts"],"sourcesContent":["import { DependencyList, useEffect, useMemo, useRef, useState } from \"react\";\n\ntype TMouseEvent = (e: MouseEvent) => void;\ntype TKeyboardEvent = (e: KeyboardEvent) => void;\ntype TEventOption = {\n\tdisabled?: boolean;\n};\n\nconst MouseMoveEvents = new Set<TMouseEvent>();\nconst MouseUpEvents = new Set<TMouseEvent>();\nconst KeydownEvents = new Set<TKeyboardEvent>();\n\nlet initialized = false;\n\nconst initEvents = () => {\n\tif (typeof document === \"undefined\" || initialized) return;\n\tinitialized = true;\n\n\tconst touchable = \"ontouchend\" in document;\n\tconst EVENTS: Record<string, any> = {\n\t\tMOVE: touchable ? \"touchmove\" : \"mousemove\",\n\t\tUP: touchable ? \"touchend\" : \"mouseup\",\n\t\tKEYDOWN: \"keydown\",\n\t};\n\n\tdocument.addEventListener(\n\t\tEVENTS.MOVE,\n\t\t(e) => {\n\t\t\tfor (const listener of MouseMoveEvents.values()) {\n\t\t\t\tlistener(e);\n\t\t\t}\n\t\t},\n\t\t{ passive: false },\n\t);\n\n\tdocument.addEventListener(EVENTS.UP, (e) => {\n\t\tfor (const listener of MouseUpEvents.values()) {\n\t\t\tlistener(e);\n\t\t}\n\t});\n\n\tdocument.addEventListener(EVENTS.KEYDOWN, (e) => {\n\t\tfor (const listener of KeydownEvents.values()) {\n\t\t\tlistener(e);\n\t\t}\n\t});\n};\n\nfunction initEventsOnce() {\n\tuseEffect(initEvents, []);\n}\n\nexport function useMouseMove(listener: TMouseEvent, options?: TEventOption) {\n\tinitEventsOnce();\n\n\tuseEffect(() => {\n\t\tif (options?.disabled) return;\n\n\t\tMouseMoveEvents.add(listener);\n\t\treturn () => {\n\t\t\tMouseMoveEvents.delete(listener);\n\t\t};\n\t}, []);\n}\n\nexport function useMouseUp(listener: TMouseEvent, options?: TEventOption) {\n\tinitEventsOnce();\n\n\tuseEffect(() => {\n\t\tif (options?.disabled) return;\n\n\t\tMouseUpEvents.add(listener);\n\t\treturn () => {\n\t\t\tMouseUpEvents.delete(listener);\n\t\t};\n\t}, []);\n}\n\nexport function useKeydown(listener: TKeyboardEvent, options?: TEventOption) {\n\tinitEventsOnce();\n\n\tuseEffect(() => {\n\t\tif (options?.disabled) return;\n\n\t\tKeydownEvents.add(listener);\n\t\treturn () => {\n\t\t\tKeydownEvents.delete(listener);\n\t\t};\n\t}, []);\n}\n\nexport function useCreation<T>(factory: () => T, deps: DependencyList) {\n\treturn useMemo(factory, deps);\n}\n\nexport function useReactive<T extends object>(initialState: T): T {\n\tconst [, setFlag] = useState(0);\n\tconst scheduledRef = useRef(false);\n\tconst proxyCacheRef = useRef(new WeakMap<object, any>());\n\tconst rootRef = useRef<T | null>(null);\n\tconst proxyRef = useRef<T | null>(null);\n\n\tconst notify = () => {\n\t\tif (scheduledRef.current) return;\n\t\tscheduledRef.current = true;\n\n\t\tconst flush = () => {\n\t\t\tscheduledRef.current = false;\n\t\t\tsetFlag((n) => n + 1);\n\t\t};\n\n\t\tif (typeof queueMicrotask !== \"undefined\") {\n\t\t\tqueueMicrotask(flush);\n\t\t\treturn;\n\t\t}\n\n\t\tPromise.resolve().then(flush);\n\t};\n\n\tconst createProxy = (target: any): any => {\n\t\tif (!target || typeof target !== \"object\") return target;\n\n\t\tif (!Array.isArray(target)) {\n\t\t\tconst proto = Object.getPrototypeOf(target);\n\t\t\tconst isPlainObject = proto === Object.prototype || proto === null;\n\t\t\tif (!isPlainObject) return target;\n\t\t}\n\n\t\tconst cached = proxyCacheRef.current.get(target);\n\t\tif (cached) return cached;\n\n\t\tconst proxy = new Proxy(target, {\n\t\t\tget(t, p, r) {\n\t\t\t\treturn createProxy(Reflect.get(t, p, r));\n\t\t\t},\n\t\t\tset(t, p, v, r) {\n\t\t\t\tconst prev = Reflect.get(t, p, r);\n\t\t\t\tconst ok = Reflect.set(t, p, v, r);\n\t\t\t\tif (prev !== v) notify();\n\t\t\t\treturn ok;\n\t\t\t},\n\t\t\tdeleteProperty(t, p) {\n\t\t\t\tconst had = Object.prototype.hasOwnProperty.call(t, p);\n\t\t\t\tconst ok = Reflect.deleteProperty(t, p);\n\t\t\t\tif (had) notify();\n\t\t\t\treturn ok;\n\t\t\t},\n\t\t});\n\n\t\tproxyCacheRef.current.set(target, proxy);\n\t\treturn proxy;\n\t};\n\n\tif (!proxyRef.current) {\n\t\trootRef.current = initialState;\n\t\tproxyRef.current = createProxy(rootRef.current);\n\t}\n\n\treturn proxyRef.current as T;\n}\n\ntype TSetState<T> = (\n\tvalue: T | undefined | ((prev: T | undefined) => T),\n) => void;\n\ntype TLocalStorageOptions<T> = {\n\tdefaultValue?: T | (() => T);\n\tlistenStorageChange?: boolean;\n};\n\nexport function useLocalStorageState<T>(\n\tkey: string,\n\toptions?: TLocalStorageOptions<T>,\n): [T | undefined, TSetState<T>] {\n\tconst { defaultValue, listenStorageChange } = options ?? {};\n\n\tconst getDefault = () => {\n\t\treturn typeof defaultValue === \"function\"\n\t\t\t? (defaultValue as () => T)()\n\t\t\t: defaultValue;\n\t};\n\n\tconst read = (): T | undefined => {\n\t\tif (typeof window === \"undefined\") return getDefault();\n\n\t\tconst raw = window.localStorage.getItem(key);\n\t\tif (raw === null) return getDefault();\n\n\t\ttry {\n\t\t\treturn JSON.parse(raw) as T;\n\t\t} catch (e) {\n\t\t\treturn raw as unknown as T;\n\t\t}\n\t};\n\n\tconst [state, setState] = useState<T | undefined>(() => read());\n\n\tconst set: TSetState<T> = (value) => {\n\t\tsetState((prev) => {\n\t\t\tconst next =\n\t\t\t\ttypeof value === \"function\"\n\t\t\t\t\t? (value as (prev: T | undefined) => T)(prev)\n\t\t\t\t\t: value;\n\n\t\t\tif (typeof window !== \"undefined\") {\n\t\t\t\tif (next === undefined) {\n\t\t\t\t\twindow.localStorage.removeItem(key);\n\t\t\t\t} else {\n\t\t\t\t\twindow.localStorage.setItem(key, JSON.stringify(next));\n\t\t\t\t}\n\t\t\t}\n\n\t\t\treturn next;\n\t\t});\n\t};\n\n\tuseEffect(() => {\n\t\tif (!listenStorageChange) return;\n\t\tif (typeof window === \"undefined\") return;\n\n\t\tconst onStorage = (e: StorageEvent) => {\n\t\t\tif (e.key !== key) return;\n\n\t\t\tif (e.newValue === null) {\n\t\t\t\tsetState(getDefault());\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\ttry {\n\t\t\t\tsetState(JSON.parse(e.newValue) as T);\n\t\t\t} catch (err) {\n\t\t\t\tsetState(e.newValue as unknown as T);\n\t\t\t}\n\t\t};\n\n\t\twindow.addEventListener(\"storage\", onStorage);\n\t\treturn () => {\n\t\t\twindow.removeEventListener(\"storage\", onStorage);\n\t\t};\n\t}, [key, listenStorageChange]);\n\n\treturn [state, set];\n}\n\ntype TResponsiveConfig = Record<string, number>;\n\nlet responsiveConfig: TResponsiveConfig = {};\n\nexport function configResponsive(config: TResponsiveConfig) {\n\tresponsiveConfig = config;\n}\n\nexport function useResponsive() {\n\tconst compute = () => {\n\t\tif (typeof window === \"undefined\") return {};\n\t\tconst w = window.innerWidth;\n\t\tconst result: Record<string, boolean> = {};\n\n\t\tfor (const key in responsiveConfig) {\n\t\t\tresult[key] = w >= responsiveConfig[key];\n\t\t}\n\n\t\treturn result;\n\t};\n\n\tconst [state, setState] = useState<Record<string, boolean>>(() =>\n\t\tcompute(),\n\t);\n\n\tuseEffect(() => {\n\t\tif (typeof window === \"undefined\") return;\n\n\t\tconst onResize = () => {\n\t\t\tconst next = compute();\n\t\t\tsetState((prev) => {\n\t\t\t\tconst prevKeys = Object.keys(prev);\n\t\t\t\tconst nextKeys = Object.keys(next);\n\t\t\t\tif (prevKeys.length !== nextKeys.length) return next;\n\n\t\t\t\tfor (const k of nextKeys) {\n\t\t\t\t\tif (prev[k] !== next[k]) return next;\n\t\t\t\t}\n\n\t\t\t\treturn prev;\n\t\t\t});\n\t\t};\n\n\t\tonResize();\n\t\twindow.addEventListener(\"resize\", onResize);\n\t\treturn () => {\n\t\t\twindow.removeEventListener(\"resize\", onResize);\n\t\t};\n\t}, []);\n\n\treturn state;\n}\n\ntype TSize = { width: number; height: number };\n\nexport function useSize(target: any): TSize | undefined {\n\tconst [size, setSize] = useState<TSize>();\n\n\tuseEffect(() => {\n\t\tif (typeof window === \"undefined\") return;\n\n\t\tconst resolveTarget = () => {\n\t\t\tif (!target) return null;\n\t\t\tif (typeof target === \"function\") return target();\n\t\t\tif (typeof target === \"object\" && \"current\" in target) {\n\t\t\t\treturn target.current;\n\t\t\t}\n\t\t\treturn target;\n\t\t};\n\n\t\tconst el = resolveTarget() as HTMLElement | null;\n\t\tif (!el) return;\n\n\t\tconst update = () => {\n\t\t\tconst rect = el.getBoundingClientRect();\n\t\t\tsetSize({ width: rect.width, height: rect.height });\n\t\t};\n\n\t\tupdate();\n\n\t\tlet ro: ResizeObserver | undefined;\n\t\tif (typeof ResizeObserver !== \"undefined\") {\n\t\t\tro = new ResizeObserver(update);\n\t\t\tro.observe(el);\n\t\t}\n\n\t\twindow.addEventListener(\"resize\", update);\n\t\treturn () => {\n\t\t\twindow.removeEventListener(\"resize\", update);\n\t\t\tro?.disconnect();\n\t\t};\n\t}, [target]);\n\n\treturn size;\n}\n\nconst defaultObserver = {\n\tobserve: undefined,\n\tunobserve: undefined,\n\tdisconnect: undefined,\n};\n\nexport function useIntersectionObserver(configs?: IntersectionObserverInit) {\n\tif (typeof window === \"undefined\") {\n\t\treturn {\n\t\t\t...defaultObserver,\n\t\t};\n\t}\n\n\tconst WM = new WeakMap();\n\tconst IO = new IntersectionObserver((entries) => {\n\t\tentries.map((entry) => {\n\t\t\tconst callback = WM.get(entry.target);\n\t\t\tcallback?.(entry.target, entry.isIntersecting);\n\t\t});\n\t}, configs);\n\n\tfunction observe(target: HTMLElement, callback: Function) {\n\t\tif (WM.get(target)) return;\n\t\tWM.set(target, callback);\n\t\ttarget && IO.observe(target);\n\t}\n\n\tfunction unobserve(target: HTMLElement) {\n\t\ttarget && IO.unobserve(target);\n\t\tWM.delete(target);\n\t}\n\n\tfunction disconnect() {\n\t\tIO.disconnect();\n\t}\n\n\treturn {\n\t\tobserve,\n\t\tunobserve,\n\t\tdisconnect,\n\t};\n}\n\nexport function useResizeObserver() {\n\tif (typeof window === \"undefined\") {\n\t\treturn {\n\t\t\t...defaultObserver,\n\t\t};\n\t}\n\n\tconst WM = new WeakMap();\n\tconst IO = new ResizeObserver((entries) => {\n\t\tentries.map((entry) => {\n\t\t\tconst callback = WM.get(entry.target);\n\t\t\tcallback?.(entry.target);\n\t\t});\n\t});\n\n\tfunction observe(target: HTMLElement, callback: Function) {\n\t\tif (WM.get(target)) return;\n\t\ttarget && IO.observe(target);\n\t\tWM.set(target, callback);\n\t}\n\n\tfunction unobserve(target: HTMLElement) {\n\t\ttarget && IO.unobserve(target);\n\t\tWM.delete(target);\n\t}\n\n\tfunction disconnect() {\n\t\tIO.disconnect();\n\t}\n\n\treturn {\n\t\tobserve,\n\t\tunobserve,\n\t\tdisconnect,\n\t};\n}\n"],"mappings":"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"}

package/lib/cjs/js/usePreview/content.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"content.cjs","names":["DefaultRenderFile","useReactive","getSuffixByUrl","getFileType","renderFile","TFileType","Button","Icon","CloseRound","AspectRatioRound","OpenInNewRound","FileDownloadOutlined","RotateRightRound","RotateLeftRound","KeyboardArrowLeftRound","KeyboardArrowRightRound"],"sources":["../../../../packages/js/usePreview/content.tsx"],"sourcesContent":["import Button from \"@p/components/button\";\nimport Icon from \"@p/components/icon\";\nimport {\n\tAspectRatioRound,\n\tCloseRound,\n\tFileDownloadOutlined,\n\tKeyboardArrowLeftRound,\n\tKeyboardArrowRightRound,\n\tOpenInNewRound,\n\tRotateLeftRound,\n\tRotateRightRound,\n} from \"@ricons/material\";\nimport classNames from \"classnames\";\nimport { throttle } from \"radash\";\nimport { useEffect, useMemo, useRef } from \"react\";\nimport { useMouseMove, useMouseUp, useReactive } from \"../hooks\";\nimport { getFileType, getSuffixByUrl } from \"../utils\";\nimport DefaultRenderFile from \"./renderFile\";\nimport { IPreview, TFileType, TPreviewItem } from \"./type\";\n\nexport default function Content(props: IPreview) {\n\tconst {\n\t\titems = [],\n\t\tinitial = 0,\n\t\trenderFile = DefaultRenderFile,\n\t\tonRotate,\n\t\tonChange,\n\t\tonClose,\n\t\tonZoom,\n\t} = props;\n\tconst state = useReactive({\n\t\tcurrent: initial,\n\t\trotate: 0,\n\t\tscale: 1,\n\t\ttranslate: [0, 0],\n\t\tstart: [0, 0],\n\t\tdragging: false,\n\t\tcontrolHidden: true,\n\t});\n\tconst box = useRef<HTMLDivElement>(null);\n\tconst translate = useRef<number[]>([0, 0]);\n\tconst hiddenTO = useRef<any>(null);\n\n\tconst files = useMemo(() => {\n\t\treturn items.map((item) => {\n\t\t\tconst o: TPreviewItem = {\n\t\t\t\tsrc: \"\",\n\t\t\t};\n\t\t\tif (typeof item === \"string\") {\n\t\t\t\to.src = item;\n\t\t\t} else {\n\t\t\t\tObject.assign(o, item);\n\t\t\t}\n\n\t\t\to.suffix = getSuffixByUrl(o.src) || \"\";\n\t\t\to.type = getFileType(o.suffix, item[\"type\"]);\n\n\t\t\treturn o;\n\t\t});\n\t}, [items]);\n\n\tconst { file, content } = useMemo(() => {\n\t\tconst file = files[state.current];\n\t\tconst content = renderFile(file);\n\n\t\treturn {\n\t\t\tfile,\n\t\t\tcontent,\n\t\t};\n\t}, [state.current, items]);\n\n\tconst isImage = file.type === TFileType.IMAGE;\n\n\tconst handleSwitch = (next: number) => {\n\t\tconst l = files.length;\n\t\tconst { current: before } = state;\n\t\tif (next >= l) {\n\t\t\tstate.current = 0;\n\t\t} else if (next < 0) {\n\t\t\tstate.current = l - 1;\n\t\t} else {\n\t\t\tstate.current = next;\n\t\t}\n\t\tonChange?.(state.current, before);\n\n\t\tstate.rotate = files[state.current].rotate || 0;\n\n\t\tif (state.scale !== 1) {\n\t\t\tstate.scale = 1;\n\t\t\tonZoom?.(1);\n\t\t}\n\t\tonRotate?.(state.rotate);\n\t\tstate.translate = translate.current = [0, 0];\n\t};\n\n\tconst handleRotate = (deg: number) => {\n\t\tstate.rotate += deg;\n\n\t\tonRotate?.(state.rotate);\n\t};\n\n\tconst handleMouseWheel = throttle({ interval: 60 }, (e) => {\n\t\te.stopPropagation();\n\t\te.preventDefault();\n\t\tif (!isImage) return;\n\t\tlet after = state.scale + (e.deltaY < 0 ? 0.05 : -0.05);\n\t\tif (after > 2) after = 2;\n\t\tif (after < 0.25) after = 0.25;\n\n\t\tonZoom?.(after);\n\t\tstate.scale = after;\n\t});\n\n\tconst handleMouseDown = (e) => {\n\t\tif (!isImage) return;\n\t\te.preventDefault();\n\t\tstate.dragging = true;\n\t\tstate.start = [e.pageX, e.pageY];\n\t};\n\n\tconst clearHiddenTO = () => {\n\t\tif (!hiddenTO.current || state.controlHidden) return;\n\t\tclearTimeout(hiddenTO.current);\n\t\thiddenTO.current = null;\n\t};\n\n\tconst setHiddenFalse = () => {\n\t\tif (!state.controlHidden) return;\n\t\tstate.controlHidden = false;\n\n\t\tclearHiddenTO();\n\t\thiddenTO.current = setTimeout(() => {\n\t\t\tstate.controlHidden = true;\n\t\t}, 1000);\n\t};\n\n\tconst throttleMouseMove = throttle({ interval: 300 }, setHiddenFalse);\n\n\tconst handleMouseMove = (e) => {\n\t\tthrottleMouseMove();\n\t\tif (!state.dragging) return;\n\t\te.preventDefault();\n\n\t\tconst [x, y] = translate.current;\n\t\tconst [ox, oy] = state.start;\n\t\tconst offsetX = e.pageX - ox;\n\t\tconst offsetY = e.pageY - oy;\n\n\t\tstate.translate = [x + offsetX, y + offsetY];\n\t};\n\n\tconst handleMouseUp = () => {\n\t\tif (!state.dragging) return;\n\t\tstate.dragging = false;\n\t\ttranslate.current = state.translate;\n\t};\n\n\tuseMouseMove(handleMouseMove);\n\tuseMouseUp(handleMouseUp);\n\n\tuseEffect(() => {\n\t\tif (!box.current) return;\n\n\t\tbox.current.addEventListener(\"wheel\", handleMouseWheel, {\n\t\t\tpassive: false,\n\t\t});\n\n\t\treturn () => {\n\t\t\tif (!box.current) return;\n\n\t\t\tbox.current.removeEventListener(\"wheel\", handleMouseWheel);\n\t\t};\n\t}, []);\n\n\treturn (\n\t\t<>\n\t\t\t<div\n\t\t\t\tref={box}\n\t\t\t\tclassName={classNames(\"i-preview-content\", {\n\t\t\t\t\t\"no-transition\": state.dragging,\n\t\t\t\t})}\n\t\t\t\tstyle={{\n\t\t\t\t\ttransform: `translate(${state.translate\n\t\t\t\t\t\t.map((n) => `${n}px`)\n\t\t\t\t\t\t.join(\",\")}) rotate(${state.rotate}deg) scale(${\n\t\t\t\t\t\tstate.scale\n\t\t\t\t\t})`,\n\t\t\t\t}}\n\t\t\t\tonMouseDown={handleMouseDown}\n\t\t\t\tonClick={(e) => e.stopPropagation()}\n\t\t\t>\n\t\t\t\t{content}\n\t\t\t</div>\n\n\t\t\t<div\n\t\t\t\tclassName={classNames(\"i-preview-controls\", {\n\t\t\t\t\t\"i-preview-controls-hidden\": state.controlHidden,\n\t\t\t\t})}\n\t\t\t>\n\t\t\t\t<Button square flat onClick={onClose}>\n\t\t\t\t\t<Icon icon={<CloseRound />} />\n\t\t\t\t</Button>\n\t\t\t\t{files.length > 1 && (\n\t\t\t\t\t<span className='px-8'>\n\t\t\t\t\t\t{state.current + 1} / {files.length}\n\t\t\t\t\t</span>\n\t\t\t\t)}\n\t\t\t\t{state.scale !== 1 && (\n\t\t\t\t\t<Button flat onClick={() => (state.scale = 1)}>\n\t\t\t\t\t\t<Icon icon={<AspectRatioRound />} />\n\t\t\t\t\t\t<span className='mt-2'>\n\t\t\t\t\t\t\t{(state.scale * 100).toFixed(0)}%\n\t\t\t\t\t\t</span>\n\t\t\t\t\t</Button>\n\t\t\t\t)}\n\t\t\t\t<Button square flat href={file.src} target='_blank'>\n\t\t\t\t\t<Icon icon={<OpenInNewRound />} />\n\t\t\t\t</Button>\n\t\t\t\t<Button square flat href={file.src} download target='_blank'>\n\t\t\t\t\t<Icon icon={<FileDownloadOutlined />} />\n\t\t\t\t</Button>\n\t\t\t\t<Button square flat onClick={() => handleRotate(90)}>\n\t\t\t\t\t<Icon icon={<RotateRightRound />} />\n\t\t\t\t</Button>\n\t\t\t\t<Button square flat onClick={() => handleRotate(-90)}>\n\t\t\t\t\t<Icon icon={<RotateLeftRound />} />\n\t\t\t\t</Button>\n\n\t\t\t\t{files.length > 1 && (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tsquare\n\t\t\t\t\t\t\tflat\n\t\t\t\t\t\t\tonClick={() => handleSwitch(state.current - 1)}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<Icon icon={<KeyboardArrowLeftRound />} />\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tsquare\n\t\t\t\t\t\t\tflat\n\t\t\t\t\t\t\tonClick={() => handleSwitch(state.current + 1)}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<Icon icon={<KeyboardArrowRightRound />} />\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t</>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t</>\n\t);\n}\n"],"mappings":"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"}

package/lib/cjs/js/usePreview/index.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.cjs","names":[],"sources":["../../../../packages/js/usePreview/index.tsx"],"sourcesContent":["import { useRef } from \"react\";\nimport HookModal from \"../../components/modal/hookModal\";\nimport type { RefHookModal } from \"../../components/modal/type\";\nimport { renderNode } from \"../utils\";\nimport Content from \"./content\";\nimport \"./index.css\";\nimport type { IPreview } from \"./type\";\n\nexport default function usePreview() {\n\tconst ref = useRef<RefHookModal>(null);\n\n\tconst preview = (config: IPreview) => {\n\t\tconst { items, modalProps, onClose, ...restProps } = config;\n\n\t\tconst handleClose = () => {\n\t\t\tonClose?.();\n\t\t\tunMount?.();\n\t\t};\n\n\t\tconst unMount = renderNode(\n\t\t\t<HookModal\n\t\t\t\tref={ref}\n\t\t\t\tvisible\n\t\t\t\tclassName='i-preview'\n\t\t\t\tcustomized\n\t\t\t\thideShadow\n\t\t\t\t{...modalProps}\n\t\t\t\tchildren={\n\t\t\t\t\t<Content\n\t\t\t\t\t\t{...restProps}\n\t\t\t\t\t\titems={items}\n\t\t\t\t\t\tonClose={() => {\n\t\t\t\t\t\t\tref.current?.update({ visible: false });\n\t\t\t\t\t\t}}\n\t\t\t\t\t/>\n\t\t\t\t}\n\t\t\t\tfixed\n\t\t\t\tonClose={handleClose}\n\t\t\t/>\n\t\t);\n\t};\n\n\treturn preview;\n}\n"],"mappings":";;;;;;;;CAQA,MAAO,OAAA,GAAA,MAAA,QAA2B,KAAG;;EAGpC,MAAM,EAAA,OAAU,YAAS,SAAY,GAAC,cAAA;;AAGrC,cAAM;AACL,cAAW;;2CAIZ,iBAAA,GAAA,kBAAA,KAAA,kBAAA,SAAA;GACE;GACA,SAAA;GACA,WAAA;GACA,YAAA;GACA,YAAA;GACA,GAAA;GACA,UACA,iBAAA,GAAA,kBAAA,KAAA,gBAAA,SAAA;IACE,GAAA;IACI;IACJ,eAAY;AACZ,SAAA,SAAc,OAAC,EAAA,SAAA,OAAA,CAAA;;IAEd,CAAA;GAEH,OAAA;GACA,SAAA;GACA,CAAA,CACD"}

package/lib/cjs/js/usePreview/renderFile.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"renderFile.cjs","names":["TFileType","Video","Icon","FeedOutlined"],"sources":["../../../../packages/js/usePreview/renderFile.tsx"],"sourcesContent":["import Icon from \"@p/components/icon\";\nimport Video from \"@p/components/video\";\nimport { FeedOutlined } from \"@ricons/material\";\nimport { TFileType, TPreviewItem } from \"./type\";\n\nexport default function renderFile(props: TPreviewItem) {\n\tconst { name, suffix, type } = props;\n\n\tswitch (type) {\n\t\tcase TFileType.IMAGE:\n\t\t\treturn <img src={props.src} />;\n\t\tcase TFileType.VIDEO:\n\t\t\treturn <Video {...props} />;\n\t\tdefault:\n\t\t\treturn (\n\t\t\t\t<div className='i-preview-unknown'>\n\t\t\t\t\t<Icon icon={<FeedOutlined />} size='3em' />\n\t\t\t\t\t<h5 className='mt-4'>{name || suffix || \"?\"}</h5>\n\t\t\t\t</div>\n\t\t\t);\n\t}\n}\n"],"mappings":";;;;;;;AAKA,SAAwB,WAAW,OAAqB;CACvD,MAAM,EAAE,MAAM,QAAQ,SAAS;AAE/B,SAAQ,MAAR;EACC,KAAKA,aAAAA,UAAU,MACd,QAAO,iBAAA,GAAA,kBAAA,KAAC,OAAD,EAAK,KAAK,MAAM,KAAO,CAAA;EAC/B,KAAKA,aAAAA,UAAU,MACd,QAAO,iBAAA,GAAA,kBAAA,KAACC,gBAAAA,SAAD,EAAO,GAAI,OAAS,CAAA;EAC5B,QACC,QACC,iBAAA,GAAA,kBAAA,MAAC,OAAD;GAAK,WAAU;aAAf,CACC,iBAAA,GAAA,kBAAA,KAACC,cAAAA,SAAD;IAAM,MAAM,iBAAA,GAAA,kBAAA,KAACC,iBAAAA,cAAD,EAAgB,CAAA;IAAE,MAAK;IAAQ,CAAA,EAC3C,iBAAA,GAAA,kBAAA,KAAC,MAAD;IAAI,WAAU;cAAQ,QAAQ,UAAU;IAAS,CAAA,CAC5C"}

package/lib/cjs/js/usePreview/type.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"type.cjs","names":[],"sources":["../../../../packages/js/usePreview/type.ts"],"sourcesContent":["import { CSSProperties, ReactNode } from \"react\";\nimport type { IModal } from \"../../components/modal/type\";\n\nexport type TPreviewItem = {\n\tsrc: string;\n\tname?: ReactNode;\n\tthumb?: string;\n\trotate?: number;\n\tzoom?: number;\n\tstyle?: CSSProperties;\n\ttype?: string;\n\tsuffix?: string;\n};\n\nexport enum TFileType {\n\tIMAGE = \"IMAGE\",\n\tVIDEO = \"VIDEO\",\n\tAUDIO = \"AUDIO\",\n\tPDF = \"PDF\",\n\tEXCEL = \"EXCEL\",\n\tTXT = \"TXT\",\n\tUNKNOWN = \"UNKNOWN\",\n}\n\nexport interface IPreview {\n\titems: (TPreviewItem | string)[];\n\tinitial?: number;\n\tcontrols?: boolean;\n\tloop?: boolean;\n\tclassName?: string;\n\tstyle?: CSSProperties;\n\tmodalProps?: IModal;\n\trenderImage?: (file: TPreviewItem) => ReactNode;\n\trenderFile?: (file: TPreviewItem) => ReactNode;\n\tonClose?: () => void;\n\tonChange?: (after: number, before?: number) => void;\n\tonZoom?: (scale: number) => void;\n\tonRotate?: (deg: number) => void;\n}\n"],"mappings":";AAcA,IAAY,YAAL,yBAAA,WAAA;AACN,WAAA,WAAA;AACA,WAAA,WAAA;AACA,WAAA,WAAA;AACA,WAAA,SAAA;AACA,WAAA,WAAA;AACA,WAAA,SAAA;AACA,WAAA,aAAA;;KACA"}

package/lib/cjs/js/useRipple/index.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.cjs","names":[],"sources":["../../../../packages/js/useRipple/index.ts"],"sourcesContent":["import \"./ripple.css\";\n\nconst TIMEOUT = 500;\n\nconst useRipple = () => {\n\tif (!document) return;\n\tif (document.documentElement.dataset[\"iocaRipple\"]) return;\n\tdocument.documentElement.dataset[\"iocaRipple\"] = \"enable\";\n\n\tdocument.addEventListener(\"mousedown\", listener);\n};\n\nfunction listener(e: MouseEvent) {\n\tconst target = e.target as HTMLElement;\n\tconst parent = target.closest(\"[data-ripple]\") as HTMLElement;\n\n\tif (!target || !parent) return;\n\n\ttriggerRipple(parent, e);\n}\n\nfunction triggerRipple(target: HTMLElement, e: MouseEvent) {\n\tif (!document) return;\n\tconst [$box, $ripple] = createRipple();\n\tconst rect = target.getBoundingClientRect();\n\tconst size = Math.max(rect.width, rect.height) * 2;\n\n\t$ripple.style.cssText = `\n        left: ${e.pageX - rect.left}px;\n        top: ${e.pageY - rect.top}px;\n        width: ${size}px;\n        height: ${size}px;\n        transition: all ${TIMEOUT / 1000}s;\n    `;\n\ttarget.insertAdjacentElement(\"afterbegin\", $box);\n\ttarget.offsetHeight;\n\t$ripple.classList.add(\"i-ripple-active\");\n\n\tsetTimeout(() => {\n\t\t$box.remove();\n\t}, TIMEOUT);\n}\n\nfunction createRipple() {\n\tconst $box = document.createElement(\"SPAN\");\n\tconst $ripple = document.createElement(\"SPAN\");\n\n\t$box.className = \"i-ripple-container\";\n\t$ripple.className = \"i-ripple\";\n\n\t$box.append($ripple);\n\n\treturn [$box, $ripple];\n}\n\nexport default useRipple;\n"],"mappings":";AAAA,MAAM,UAAU;AAEhB,MAAM,kBAAa;;AAEnB,KAAK,SAAC,gBAAkB,QAAA,cAAA;AACvB,UAAK,gBAAgB,QAAA,gBAAA;AAErB,UAAS,iBAAgB,aAAS,SAAc;;AAGjD,SAAC,SAAA,GAAA;;CAED,MAAA,SAAS,OAAY,QAAU,gBAAE;AAEhC,KAAA,CAAK,UAAU,CAAA,OAAO;AAEtB,eAAc,QAAQ,EAAE;;AAGzB,SAAA,cAAA,QAAA,GAAA;;CAEA,MAAA,CAAQ,MAAC,WAAc,cAAQ;CAC9B,MAAK,OAAQ,OAAE,uBAAM;CACrB,MAAM,OAAO,KAAC,IAAQ,KAAE,OAAA,KAAc,OAAA,GAAA;AAEtC,SAAM,MAAO,UAAS;;eAER,EAAA,QAAU,KAAA,IAAA;iBACR,KAAC;kBACD,KAAM;0BACC,UAAA,IAAA;;AAEvB,QAAO,sBAAkB,cAAgB,KAAA;AACzC,QAAI;AACJ,SAAO,UAAA,IAAA,kBAAiC;AAExC,kBAAiB;;IAEjB,QAAW;;AAGZ,SAAA,eAAA;;CAEA,MAAA,UAAS,SAAe,cAAA,OAAA;AAEvB,MAAK,YAAW;;AAGhB,MAAC,OAAO,QAAY;AAEpB,QAAK,CAAA,MAAQ,QAAO"}

package/lib/cjs/js/useTheme/index.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.cjs","names":["useLocalStorageState"],"sources":["../../../../packages/js/useTheme/index.ts"],"sourcesContent":["import { useLocalStorageState } from \"../hooks\";\nimport { useEffect, useState } from \"react\";\nimport { ITheme } from \"./type\";\n\nconst useTheme = (props?: ITheme) => {\n\tconst {\n\t\tkey = \"ioca-react-theme\",\n\t\tdefaultValue = \"theme-auto\",\n\t\tlistenStorageChange,\n\t} = props ?? {};\n\n\tconst [mounted, setMounted] = useState(false);\n\n\tconst [theme, setTheme] = useLocalStorageState<string>(key, {\n\t\tdefaultValue,\n\t\tlistenStorageChange,\n\t});\n\n\tuseEffect(() => {\n\t\tsetMounted(true);\n\t}, []);\n\n\tuseEffect(() => {\n\t\tif (!mounted || !theme) return;\n\n\t\tconst cls = document.documentElement.classList;\n\t\tconst prev = Array.from(cls).find((n) => n.startsWith(\"theme-\"));\n\n\t\tif (prev) {\n\t\t\tcls.replace(prev, theme);\n\t\t} else {\n\t\t\tcls.add(theme);\n\t\t}\n\t}, [theme, mounted]);\n\n\treturn {\n\t\ttheme: mounted ? theme : defaultValue,\n\t\tsetTheme: mounted ? setTheme : () => {},\n\t};\n};\n\nexport default useTheme;\n"],"mappings":";;;;AAIA,MAAM,YAAY,UAAmB;CACpC,MAAM,EACL,MAAM,oBACN,eAAe,cACf,wBACG,SAAS,EAAE;CAEf,MAAM,CAAC,SAAS,eAAA,GAAA,MAAA,UAAuB,MAAM;CAE7C,MAAM,CAAC,OAAO,YAAYA,cAAAA,qBAA6B,KAAK;EAC3D;EACA;EACA,CAAC;AAEF,EAAA,GAAA,MAAA,iBAAgB;AACf,aAAW,KAAK;IACd,EAAE,CAAC;AAEN,EAAA,GAAA,MAAA,iBAAgB;AACf,MAAI,CAAC,WAAW,CAAC,MAAO;EAExB,MAAM,MAAM,SAAS,gBAAgB;EACrC,MAAM,OAAO,MAAM,KAAK,IAAI,CAAC,MAAM,MAAM,EAAE,WAAW,SAAS,CAAC;AAEhE,MAAI,KACH,KAAI,QAAQ,MAAM,MAAM;MAExB,KAAI,IAAI,MAAM;IAEb,CAAC,OAAO,QAAQ,CAAC;AAEpB,QAAO;EACN,OAAO,UAAU,QAAQ;EACzB,UAAU,UAAU,iBAAiB;EACrC"}

package/lib/cjs/js/utils.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"utils.cjs","names":[],"sources":["../../../packages/js/utils.ts"],"sourcesContent":["import type { MouseEvent } from \"react\";\nimport { ReactNode, useEffect, useRef, useState } from \"react\";\nimport { Root, createRoot } from \"react-dom/client\";\nimport type { TOption, TOptions, TRelativeOptions } from \"../type\";\n\ntype TComputePosition = {\n\tcontainerSize: number;\n\ttargetSize: number;\n\ttargetOffset: number;\n\tcontentSize: number;\n\tgap: number;\n\talign?: \"start\" | \"center\" | \"end\";\n};\n\nexport function getPosition(\n\t$source?: HTMLElement | null,\n\t$popup?: HTMLElement | null,\n\toptions: TRelativeOptions = {}\n): [\n\tx: number,\n\ty: number,\n\tz: {\n\t\tarrowX: number;\n\t\tarrowY: number;\n\t\tarrowPos: string;\n\t}\n] {\n\tconst { refWindow, gap = 0, offset = 0, position = \"top\", align } = options;\n\n\tif (!$source || !$popup)\n\t\treturn [\n\t\t\t0,\n\t\t\t0,\n\t\t\t{\n\t\t\t\tarrowX: 0,\n\t\t\t\tarrowY: 0,\n\t\t\t\tarrowPos: \"bottom\",\n\t\t\t},\n\t\t];\n\n\tconst rectT = $source.getBoundingClientRect();\n\tconst rectC = $popup.getBoundingClientRect();\n\n\tlet w = window.innerWidth;\n\tlet h = window.innerHeight;\n\tlet {\n\t\tleft: tl,\n\t\ttop: tt,\n\t\tright: tr,\n\t\tbottom: tb,\n\t\twidth: tw,\n\t\theight: th,\n\t} = rectT;\n\tconst { height: ch, width: cw } = rectC;\n\n\tif (!refWindow) {\n\t\tconst rectPa = $source.offsetParent?.getBoundingClientRect();\n\n\t\tw = rectPa?.width || w;\n\t\th = rectPa?.height || h;\n\t\ttl = $source.offsetLeft;\n\t\ttt = $source.offsetTop;\n\t\ttr = tl + rectT.width;\n\t\ttb = tt + rectT.height;\n\t}\n\n\tlet y = 0;\n\tlet x = 0;\n\tlet arrowX = 0;\n\tlet arrowY = 0;\n\tlet arrowPos = \"bottom\";\n\n\tswitch (position) {\n\t\tcase \"left\":\n\t\tcase \"right\":\n\t\t\ty =\n\t\t\t\tth !== ch\n\t\t\t\t\t? computePosition({\n\t\t\t\t\t\t\tcontainerSize: h,\n\t\t\t\t\t\t\ttargetSize: th,\n\t\t\t\t\t\t\ttargetOffset: tt,\n\t\t\t\t\t\t\tcontentSize: ch,\n\t\t\t\t\t\t\tgap,\n\t\t\t\t\t\t\talign,\n\t\t\t\t\t  })\n\t\t\t\t\t: tt;\n\t\t\tarrowY = y < tt ? tt - y + th / 2 : th / 2;\n\n\t\t\tconst xl = tl - offset - cw;\n\t\t\tconst xr = tr + offset + cw;\n\n\t\t\tif (position === \"left\") {\n\t\t\t\tconst R = xl < 0 && xr <= w;\n\t\t\t\tx = R ? tr + offset : xl;\n\t\t\t\tarrowX = R ? 0 : cw;\n\t\t\t\tarrowPos = R ? \"left\" : \"right\";\n\t\t\t} else {\n\t\t\t\tconst R = w > xr || xl < 0;\n\t\t\t\tx = R ? tr + offset : xl;\n\t\t\t\tarrowX = R ? 0 : cw;\n\t\t\t\tarrowPos = R ? \"left\" : \"right\";\n\t\t\t}\n\n\t\t\tbreak;\n\t\tcase \"top\":\n\t\tcase \"bottom\":\n\t\t\tx =\n\t\t\t\ttw !== cw\n\t\t\t\t\t? computePosition({\n\t\t\t\t\t\t\tcontainerSize: w,\n\t\t\t\t\t\t\ttargetOffset: tl,\n\t\t\t\t\t\t\ttargetSize: tw,\n\t\t\t\t\t\t\tcontentSize: cw,\n\t\t\t\t\t\t\tgap,\n\t\t\t\t\t\t\talign,\n\t\t\t\t\t  })\n\t\t\t\t\t: tl;\n\t\t\tarrowX = x > tl ? cw / 2 : tl - x + tw / 2;\n\n\t\t\tconst yt = tt - offset - ch;\n\t\t\tconst yb = tb + offset + ch;\n\t\t\tif (position === \"top\") {\n\t\t\t\tconst T = yt < 0 && yb <= h;\n\t\t\t\ty = T ? tb + offset : yt;\n\t\t\t\tarrowY = T ? 0 : ch;\n\t\t\t\tarrowPos = T ? \"top\" : \"bottom\";\n\t\t\t} else {\n\t\t\t\tconst B = h > yb || yt < 0;\n\t\t\t\ty = B ? tb + offset : yt;\n\t\t\t\tarrowY = B ? 0 : ch;\n\t\t\t\tarrowPos = B ? \"top\" : \"bottom\";\n\t\t\t}\n\t\t\tbreak;\n\t\tdefault:\n\t\t\tbreak;\n\t}\n\n\treturn [\n\t\tx,\n\t\ty,\n\t\t{\n\t\t\tarrowX,\n\t\t\tarrowY,\n\t\t\tarrowPos,\n\t\t},\n\t];\n}\n\nexport function getPointPosition(e: MouseEvent, content: HTMLElement) {\n\tconst { width: w, height: h } = content.getBoundingClientRect();\n\tconst parent = content.offsetParent;\n\tlet pw,\n\t\tph,\n\t\tpl = 0,\n\t\tpt = 0;\n\n\tif (parent) {\n\t\tconst {\n\t\t\twidth: ow,\n\t\t\theight: oh,\n\t\t\tleft: ol,\n\t\t\ttop: ot,\n\t\t} = parent.getBoundingClientRect();\n\t\tconst st = parent.scrollTop ?? 0;\n\n\t\tpw = ow;\n\t\tph = oh;\n\t\tpt = ot - st;\n\t\tpl = ol;\n\t} else {\n\t\tpw = window.innerWidth;\n\t\tph = window.innerHeight;\n\t}\n\tconst x = e.pageX - pl;\n\tconst y = e.pageY - pt;\n\n\tconst left = x + w >= pw ? (x - w > 0 ? x - w : x) : x;\n\tconst top = y + h >= ph ? (y - h > 0 ? y - h : y) : y;\n\n\treturn [left, top];\n}\n\nfunction computePosition({\n\tcontainerSize,\n\ttargetSize,\n\ttargetOffset,\n\tcontentSize,\n\tgap,\n\talign = \"center\",\n}: TComputePosition) {\n\tconst centerPoint = targetOffset + targetSize / 2;\n\n\tswitch (align) {\n\t\tcase \"start\":\n\t\t\treturn targetOffset + contentSize > containerSize\n\t\t\t\t? containerSize - contentSize - gap\n\t\t\t\t: targetOffset;\n\t\tcase \"center\":\n\t\t\tif (targetSize >= contentSize) {\n\t\t\t\treturn centerPoint - contentSize / 2;\n\t\t\t}\n\n\t\t\tif (centerPoint + contentSize / 2 + gap > containerSize) {\n\t\t\t\treturn targetOffset + targetSize - contentSize;\n\t\t\t}\n\n\t\t\tif (centerPoint - contentSize / 2 - gap < 0) {\n\t\t\t\treturn gap;\n\t\t\t}\n\n\t\t\treturn centerPoint - contentSize / 2;\n\t\tcase \"end\":\n\t\t\tconst result = targetOffset + targetSize - contentSize;\n\t\t\treturn result > 0 ? result : gap;\n\t\tdefault:\n\t\t\treturn centerPoint - contentSize / 2;\n\t}\n}\n\nexport function formatOption(options: TOptions): TOption[] {\n\treturn options.map((option) =>\n\t\t[\"string\", \"number\"].includes(typeof option)\n\t\t\t? { label: option, value: option }\n\t\t\t: option\n\t) as TOption[];\n}\n\nexport function animate(\n\tfrom: number,\n\tto: number,\n\tduration: number = 1000,\n\tcallback?: (v: number) => void,\n\teasing: (t: number) => number = (t) => 1 - Math.pow(1 - t, 4)\n) {\n\tconst start = performance.now();\n\tconst diff = to - from;\n\tlet raf = requestAnimationFrame(loop);\n\n\tfunction loop() {\n\t\traf = requestAnimationFrame(loop);\n\n\t\tconst past = performance.now() - start;\n\t\tlet percent = past / duration;\n\n\t\tif (percent >= 1) {\n\t\t\tpercent = 1;\n\t\t\tcancelAnimationFrame(raf);\n\t\t}\n\n\t\tconst pass = diff * easing(percent);\n\t\tcallback?.(pass);\n\t}\n}\n\nexport function formatNumber(\n\tvalue: number,\n\toptions: {\n\t\tprecision?: number;\n\t\tthousand?: string;\n\t} = {}\n) {\n\tconst { precision, thousand } = options;\n\n\tconst result = value.toFixed(precision);\n\n\tif (!thousand) return result;\n\n\tconst points = result.split(\".\");\n\tconst integer = points[0].replace(\n\t\t/\\d{1,3}(?=(\\d{3})+(\\.\\d*)?$)/g,\n\t\t`$&${thousand}`\n\t);\n\n\tif (points.length === 1) return integer;\n\n\treturn `${integer}.${points[1]}`;\n}\n\nexport function renderNode(node: ReactNode, container = document.body) {\n\tconst div: HTMLDivElement | null = document.createElement(\"div\");\n\tcontainer.append(div);\n\n\tconst root: Root | null = createRoot(div);\n\tconst sto = setTimeout(() => {\n\t\troot?.render(node);\n\t}, 0);\n\n\treturn () => {\n\t\tdiv?.remove();\n\t\troot?.unmount();\n\t\tsto && clearTimeout(sto);\n\t};\n}\n\nexport function getSuffixByUrl(url: string) {\n\treturn url.match(/\\.([^\\./\\?]+)($|\\?)/)?.[1];\n}\n\nexport function getFileType(suffix: string, type?: string) {\n\tswitch (true) {\n\t\tcase [\n\t\t\t\"jpg\",\n\t\t\t\"jpeg\",\n\t\t\t\"png\",\n\t\t\t\"webp\",\n\t\t\t\"svg\",\n\t\t\t\"avif\",\n\t\t\t\"heif\",\n\t\t\t\"heic\",\n\t\t\t\"apng\",\n\t\t\t\"bmp\",\n\t\t\t\"ico\",\n\t\t].includes(suffix) || type?.startsWith(\"image/\"):\n\t\t\treturn \"IMAGE\";\n\t\tcase [\n\t\t\t\"mp4\",\n\t\t\t\"avi\",\n\t\t\t\"webm\",\n\t\t\t\"ogv\",\n\t\t\t\"mov\",\n\t\t\t\"mkv\",\n\t\t\t\"mpd\",\n\t\t\t\"m3u8\",\n\t\t].includes(suffix) || type?.startsWith(\"video/\"):\n\t\t\treturn \"VIDEO\";\n\t\tdefault:\n\t\t\treturn \"UNKNOWN\";\n\t}\n}\n\nexport function fullScreen(el: HTMLElement) {\n\tel.requestFullscreen?.();\n}\n\nexport function exitFullScreen() {\n\tdocument.exitFullscreen?.();\n}\n\nexport function formatTime(\n\ttime: number,\n\toptions?: {\n\t\tzero?: boolean;\n\t\tunits?: string[];\n\t}\n) {\n\tconst result: string[] = [];\n\tconst { zero = true, units = [\"\", \":\", \":\"] } = options || {};\n\n\tconst l = units.length;\n\tlet i = 0;\n\n\twhile (i < l) {\n\t\tif (time <= 0 && i > 1) break;\n\n\t\tconst n = Math.round(time % 60);\n\n\t\ttime = Math.floor(time / 60);\n\n\t\tresult.unshift((zero && n < 10 ? `0${n}` : n) + units[i++]);\n\t}\n\n\treturn result.join(\"\");\n}\n\nexport function getNextSorter(\n\tprevSortBy: string,\n\tprevSortType: string,\n\tsortBy: string\n): [sortBy: string, sortType: string] {\n\tconst types = [\"desc\", \"asc\"];\n\n\tif (prevSortBy === sortBy) {\n\t\tconst i = types.findIndex((t) => t === prevSortType) + 1;\n\t\tconst type = types[i] || \"\";\n\t\tconst by = type === \"\" ? \"\" : sortBy;\n\n\t\treturn [by, type];\n\t}\n\n\treturn [sortBy, \"desc\"];\n}\n\nexport function formatBytes(bytes: number, decimals = 2) {\n\tif (!+bytes) return \"0 Bytes\";\n\n\tconst k = 1024;\n\tconst dm = decimals < 0 ? 0 : decimals;\n\tconst sizes = [\"B\", \"KB\", \"MB\", \"GB\", \"TB\", \"PB\", \"EB\", \"ZB\", \"YB\"];\n\n\tconst i = Math.floor(Math.log(bytes) / Math.log(k));\n\n\treturn `${parseFloat((bytes / Math.pow(k, i)).toFixed(dm))} ${sizes[i]}`;\n}\n\nexport function clamp(value: number, min: number, max: number) {\n\treturn value < min ? min : value > max ? max : value;\n}\n\nexport const arrayMove = (array, fromIndex: number, toIndex: number) => {\n\tif (toIndex >= array.length) {\n\t\tlet k = toIndex - array.length + 1;\n\t\twhile (k--) {\n\t\t\tarray.push(undefined);\n\t\t}\n\t}\n\tarray.splice(toIndex, 0, array.splice(fromIndex, 1)[0]);\n\treturn array;\n};\n\ntype ReactiveObject<T> = T & { __isReactive?: boolean };\n\nexport function useReactive<T extends object>(\n\tinitialState: T\n): ReactiveObject<T> {\n\tconst [, setState] = useState<number>(0);\n\tconst reactiveState = useRef<ReactiveObject<T>>(initialState);\n\n\tuseEffect(() => {\n\t\tif (!reactiveState.current.__isReactive) {\n\t\t\treactiveState.current = createReactiveObject(\n\t\t\t\treactiveState.current,\n\t\t\t\tsetState\n\t\t\t);\n\t\t}\n\t}, []);\n\n\treturn reactiveState.current;\n}\n\nfunction createReactiveObject<T extends object>(\n\ttarget: T,\n\tsetState: React.Dispatch<React.SetStateAction<number>>\n): ReactiveObject<T> {\n\treturn new Proxy(target, {\n\t\tget(obj, prop) {\n\t\t\tif (prop === \"__isReactive\") return true;\n\t\t\treturn Reflect.get(obj, prop);\n\t\t},\n\t\tset(obj, prop, value) {\n\t\t\tconst result = Reflect.set(obj, prop, value);\n\t\t\tsetState((prev) => prev + 1); // Trigger re-render\n\t\t\treturn result;\n\t\t},\n\t}) as ReactiveObject<T>;\n}\n\nexport default useReactive;\n"],"mappings":"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"}

package/lib/css/index.css

@@ -1 +0,0 @@
-:root{--font-size: 15px;--font: normal 400 var(--font-size) / 1.5 -apple-system, "Helvetica Neue", sans-serif;--transition: all 0.24s ease;--padding: 0.32em 0.628em;--radius: 4px;--shadow: 0px 2px 8px var(--dim);--blur: blur(16px);--breakpoint: 880px;--label-width: auto;--label-align: left}article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}*{margin:0;padding:0;border:0;box-sizing:border-box}h1,h2,h3,h4,h5,h6,p,article,section,body{line-height:1.2}a{color:inherit;text-decoration:none;cursor:pointer;transition:var(--transition)}b,strong{font-weight:700}html{position:relative;font:var(--font);color:var(--color);min-height:100vh;overflow-x:hidden;scroll-behavior:smooth}input,button,textarea,select{font:inherit}input:-webkit-autofill{box-shadow:inherit;transition:none}ul,ol{list-style:none}img,video,audio,iframe{display:block;margin:auto;max-height:100%;max-width:100%;transition:var(--transition)}h1{font-size:2.4rem;line-height:1.2}h2{font-size:2rem;line-height:1.2}h3{font-size:1.5rem}h4{font-size:1.2rem}h5,h6{font-size:1rem}label{cursor:pointer}pre,code{font-family:inherit}::selection{background-color:rgba(255,216,50,.6392156863)}.os-windows ::-webkit-scrollbar{width:6px;height:6px;cursor:pointer}.os-windows ::-webkit-scrollbar-thumb{background-color:var(--color-8);cursor:pointer;border-radius:var(--radius)}:root kbd,:root .kbd,:root code,:root .code{display:inline-block;font-family:inherit;margin:0 .2em;padding:0 .4em;border-radius:4px;font-size:.86em;line-height:1.5;white-space:nowrap}:root .code,:root code{background:var(--color-8);color:var(--color-0);font-family:unset}:root kbd,:root .kbd{background-color:var(--white);color:var(--black);border-right:2px solid var(--grey-1);border-bottom:3px solid var(--grey-1);box-shadow:-1px -1px 1px var(--color-9)}:root .chip{padding:.05em .72em;font-size:.94em;background:var(--color-main);color:var(--color-main-reverse);border-radius:var(--radius);transition:var(--transition)}:root .chip:hover{--background-hover: var(--color-main-1);background:var(--background-hover)}:root .link{display:inline-flex;position:relative;white-space:nowrap;color:var(--blue)}:root .absolute{position:absolute}:root .relative{position:relative}:root .fixed{position:fixed}:root .inset-0{inset:0}:root .flex{display:flex;gap:inherit}:root .grid{display:grid}:root .flex-column{flex-direction:column}:root .flex-wrap{flex-wrap:wrap}:root .flex-1{flex:1}:root .flex-shrink{flex-shrink:0}:root .sticky-top{position:sticky;top:0;z-index:10}:root .sticky-bottom{position:sticky;bottom:0;z-index:10}:root .sticky-left{position:sticky;left:0;z-index:10}:root .sticky-right{position:sticky;right:0;z-index:10}:root .text-center{text-align:center}:root .text-right{text-align:right}:root .bordered{border:1px solid var(--color-7)}:root .ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:root .overflow-hidden{overflow:hidden}:root .overflow-auto{overflow:auto}:root .justify-center{justify-content:center}:root .justify-evenly{justify-content:space-evenly}:root .justify-between{justify-content:space-between}:root .justify-start{justify-content:flex-start}:root .justify-end{justify-content:flex-end}:root .items-start{align-items:flex-start}:root .items-end{align-items:flex-end}:root .items-center{align-items:center}:root .self-center{align-self:center}:root .h-100vh{height:100vh}:root .bg-blur{background:var(--background-opacity);backdrop-filter:var(--blur)}:root .roundless{border-radius:0}:root .round{border-radius:50vw}:root .round-0{border-radius:var(--radius)}:root .disabled{opacity:.4;cursor:not-allowed}:root .hidden{display:none !important}:root .shadow{box-shadow:var(--shadow)}:root .hover-shadow{transition:var(--transition)}:root .hover-shadow:hover{box-shadow:var(--shadow)}:root .hover-text-shadow{transition:var(--transition)}:root .hover-text-shadow:hover{text-shadow:var(--shadow)}:root .no-transition{transition:none}:root .hover-opacity{opacity:0;transition:var(--transition)}:root .hover-opacity:hover{opacity:1}:root .hover-children{opacity:0;transform:var(--transition)}:root .hover-parent:hover .hover-children{opacity:1}:root .bg-transparent{background:rgba(0,0,0,0)}:root .font-italic{font-style:italic}:root .font-bold{font-weight:600}:root .font-sm{font-size:.8em}:root .font-lg{font-size:1.2em}:root .mg-auto{margin:auto}:root .mx-auto{margin-inline:auto}:root .my-auto{margin-block:auto}:root .ml-auto{margin-left:auto}:root .mr-auto{margin-right:auto}:root .mt-auto{margin-top:auto}:root .mb-auto{margin-bottom:auto}:root .mg-0{margin:0px}:root .mx-0{margin-inline:0px}:root .my-0{margin-block:0px}:root .mt-0{margin-top:0px}:root .mb-0{margin-bottom:0px}:root .ml-0{margin-left:0px}:root .mr-0{margin-right:0px}:root .pd-0{padding:0px}:root .px-0{padding-inline:0px}:root .py-0{padding-block:0px}:root .pl-0{padding-left:0px}:root .pr-0{padding-right:0px}:root .pt-0{padding-top:0px}:root .pb-0{padding-bottom:0px}:root .gap-0{gap:0px}:root .mg-1{margin:1px}:root .mx-1{margin-inline:1px}:root .my-1{margin-block:1px}:root .mt-1{margin-top:1px}:root .mb-1{margin-bottom:1px}:root .ml-1{margin-left:1px}:root .mr-1{margin-right:1px}:root .pd-1{padding:1px}:root .px-1{padding-inline:1px}:root .py-1{padding-block:1px}:root .pl-1{padding-left:1px}:root .pr-1{padding-right:1px}:root .pt-1{padding-top:1px}:root .pb-1{padding-bottom:1px}:root .gap-1{gap:1px}:root .mg-2{margin:2px}:root .mx-2{margin-inline:2px}:root .my-2{margin-block:2px}:root .mt-2{margin-top:2px}:root .mb-2{margin-bottom:2px}:root .ml-2{margin-left:2px}:root .mr-2{margin-right:2px}:root .pd-2{padding:2px}:root .px-2{padding-inline:2px}:root .py-2{padding-block:2px}:root .pl-2{padding-left:2px}:root .pr-2{padding-right:2px}:root .pt-2{padding-top:2px}:root .pb-2{padding-bottom:2px}:root .gap-2{gap:2px}:root .mg-4{margin:4px}:root .mx-4{margin-inline:4px}:root .my-4{margin-block:4px}:root .mt-4{margin-top:4px}:root .mb-4{margin-bottom:4px}:root .ml-4{margin-left:4px}:root .mr-4{margin-right:4px}:root .pd-4{padding:4px}:root .px-4{padding-inline:4px}:root .py-4{padding-block:4px}:root .pl-4{padding-left:4px}:root .pr-4{padding-right:4px}:root .pt-4{padding-top:4px}:root .pb-4{padding-bottom:4px}:root .gap-4{gap:4px}:root .mg-6{margin:6px}:root .mx-6{margin-inline:6px}:root .my-6{margin-block:6px}:root .mt-6{margin-top:6px}:root .mb-6{margin-bottom:6px}:root .ml-6{margin-left:6px}:root .mr-6{margin-right:6px}:root .pd-6{padding:6px}:root .px-6{padding-inline:6px}:root .py-6{padding-block:6px}:root .pl-6{padding-left:6px}:root .pr-6{padding-right:6px}:root .pt-6{padding-top:6px}:root .pb-6{padding-bottom:6px}:root .gap-6{gap:6px}:root .mg-8{margin:8px}:root .mx-8{margin-inline:8px}:root .my-8{margin-block:8px}:root .mt-8{margin-top:8px}:root .mb-8{margin-bottom:8px}:root .ml-8{margin-left:8px}:root .mr-8{margin-right:8px}:root .pd-8{padding:8px}:root .px-8{padding-inline:8px}:root .py-8{padding-block:8px}:root .pl-8{padding-left:8px}:root .pr-8{padding-right:8px}:root .pt-8{padding-top:8px}:root .pb-8{padding-bottom:8px}:root .gap-8{gap:8px}:root .mg-10{margin:10px}:root .mx-10{margin-inline:10px}:root .my-10{margin-block:10px}:root .mt-10{margin-top:10px}:root .mb-10{margin-bottom:10px}:root .ml-10{margin-left:10px}:root .mr-10{margin-right:10px}:root .pd-10{padding:10px}:root .px-10{padding-inline:10px}:root .py-10{padding-block:10px}:root .pl-10{padding-left:10px}:root .pr-10{padding-right:10px}:root .pt-10{padding-top:10px}:root .pb-10{padding-bottom:10px}:root .gap-10{gap:10px}:root .mg-12{margin:12px}:root .mx-12{margin-inline:12px}:root .my-12{margin-block:12px}:root .mt-12{margin-top:12px}:root .mb-12{margin-bottom:12px}:root .ml-12{margin-left:12px}:root .mr-12{margin-right:12px}:root .pd-12{padding:12px}:root .px-12{padding-inline:12px}:root .py-12{padding-block:12px}:root .pl-12{padding-left:12px}:root .pr-12{padding-right:12px}:root .pt-12{padding-top:12px}:root .pb-12{padding-bottom:12px}:root .gap-12{gap:12px}:root .mg-16{margin:16px}:root .mx-16{margin-inline:16px}:root .my-16{margin-block:16px}:root .mt-16{margin-top:16px}:root .mb-16{margin-bottom:16px}:root .ml-16{margin-left:16px}:root .mr-16{margin-right:16px}:root .pd-16{padding:16px}:root .px-16{padding-inline:16px}:root .py-16{padding-block:16px}:root .pl-16{padding-left:16px}:root .pr-16{padding-right:16px}:root .pt-16{padding-top:16px}:root .pb-16{padding-bottom:16px}:root .gap-16{gap:16px}:root .mg-20{margin:20px}:root .mx-20{margin-inline:20px}:root .my-20{margin-block:20px}:root .mt-20{margin-top:20px}:root .mb-20{margin-bottom:20px}:root .ml-20{margin-left:20px}:root .mr-20{margin-right:20px}:root .pd-20{padding:20px}:root .px-20{padding-inline:20px}:root .py-20{padding-block:20px}:root .pl-20{padding-left:20px}:root .pr-20{padding-right:20px}:root .pt-20{padding-top:20px}:root .pb-20{padding-bottom:20px}:root .gap-20{gap:20px}:root .mg-24{margin:24px}:root .mx-24{margin-inline:24px}:root .my-24{margin-block:24px}:root .mt-24{margin-top:24px}:root .mb-24{margin-bottom:24px}:root .ml-24{margin-left:24px}:root .mr-24{margin-right:24px}:root .pd-24{padding:24px}:root .px-24{padding-inline:24px}:root .py-24{padding-block:24px}:root .pl-24{padding-left:24px}:root .pr-24{padding-right:24px}:root .pt-24{padding-top:24px}:root .pb-24{padding-bottom:24px}:root .gap-24{gap:24px}:root .mg-28{margin:28px}:root .mx-28{margin-inline:28px}:root .my-28{margin-block:28px}:root .mt-28{margin-top:28px}:root .mb-28{margin-bottom:28px}:root .ml-28{margin-left:28px}:root .mr-28{margin-right:28px}:root .pd-28{padding:28px}:root .px-28{padding-inline:28px}:root .py-28{padding-block:28px}:root .pl-28{padding-left:28px}:root .pr-28{padding-right:28px}:root .pt-28{padding-top:28px}:root .pb-28{padding-bottom:28px}:root .gap-28{gap:28px}:root .mg-32{margin:32px}:root .mx-32{margin-inline:32px}:root .my-32{margin-block:32px}:root .mt-32{margin-top:32px}:root .mb-32{margin-bottom:32px}:root .ml-32{margin-left:32px}:root .mr-32{margin-right:32px}:root .pd-32{padding:32px}:root .px-32{padding-inline:32px}:root .py-32{padding-block:32px}:root .pl-32{padding-left:32px}:root .pr-32{padding-right:32px}:root .pt-32{padding-top:32px}:root .pb-32{padding-bottom:32px}:root .gap-32{gap:32px}:root .mg-36{margin:36px}:root .mx-36{margin-inline:36px}:root .my-36{margin-block:36px}:root .mt-36{margin-top:36px}:root .mb-36{margin-bottom:36px}:root .ml-36{margin-left:36px}:root .mr-36{margin-right:36px}:root .pd-36{padding:36px}:root .px-36{padding-inline:36px}:root .py-36{padding-block:36px}:root .pl-36{padding-left:36px}:root .pr-36{padding-right:36px}:root .pt-36{padding-top:36px}:root .pb-36{padding-bottom:36px}:root .gap-36{gap:36px}:root .mg-40{margin:40px}:root .mx-40{margin-inline:40px}:root .my-40{margin-block:40px}:root .mt-40{margin-top:40px}:root .mb-40{margin-bottom:40px}:root .ml-40{margin-left:40px}:root .mr-40{margin-right:40px}:root .pd-40{padding:40px}:root .px-40{padding-inline:40px}:root .py-40{padding-block:40px}:root .pl-40{padding-left:40px}:root .pr-40{padding-right:40px}:root .pt-40{padding-top:40px}:root .pb-40{padding-bottom:40px}:root .gap-40{gap:40px}:root .mg-48{margin:48px}:root .mx-48{margin-inline:48px}:root .my-48{margin-block:48px}:root .mt-48{margin-top:48px}:root .mb-48{margin-bottom:48px}:root .ml-48{margin-left:48px}:root .mr-48{margin-right:48px}:root .pd-48{padding:48px}:root .px-48{padding-inline:48px}:root .py-48{padding-block:48px}:root .pl-48{padding-left:48px}:root .pr-48{padding-right:48px}:root .pt-48{padding-top:48px}:root .pb-48{padding-bottom:48px}:root .gap-48{gap:48px}:root .mg-56{margin:56px}:root .mx-56{margin-inline:56px}:root .my-56{margin-block:56px}:root .mt-56{margin-top:56px}:root .mb-56{margin-bottom:56px}:root .ml-56{margin-left:56px}:root .mr-56{margin-right:56px}:root .pd-56{padding:56px}:root .px-56{padding-inline:56px}:root .py-56{padding-block:56px}:root .pl-56{padding-left:56px}:root .pr-56{padding-right:56px}:root .pt-56{padding-top:56px}:root .pb-56{padding-bottom:56px}:root .gap-56{gap:56px}:root .mg-60{margin:60px}:root .mx-60{margin-inline:60px}:root .my-60{margin-block:60px}:root .mt-60{margin-top:60px}:root .mb-60{margin-bottom:60px}:root .ml-60{margin-left:60px}:root .mr-60{margin-right:60px}:root .pd-60{padding:60px}:root .px-60{padding-inline:60px}:root .py-60{padding-block:60px}:root .pl-60{padding-left:60px}:root .pr-60{padding-right:60px}:root .pt-60{padding-top:60px}:root .pb-60{padding-bottom:60px}:root .gap-60{gap:60px}:root .mg-72{margin:72px}:root .mx-72{margin-inline:72px}:root .my-72{margin-block:72px}:root .mt-72{margin-top:72px}:root .mb-72{margin-bottom:72px}:root .ml-72{margin-left:72px}:root .mr-72{margin-right:72px}:root .pd-72{padding:72px}:root .px-72{padding-inline:72px}:root .py-72{padding-block:72px}:root .pl-72{padding-left:72px}:root .pr-72{padding-right:72px}:root .pt-72{padding-top:72px}:root .pb-72{padding-bottom:72px}:root .gap-72{gap:72px}:root .mg-80{margin:80px}:root .mx-80{margin-inline:80px}:root .my-80{margin-block:80px}:root .mt-80{margin-top:80px}:root .mb-80{margin-bottom:80px}:root .ml-80{margin-left:80px}:root .mr-80{margin-right:80px}:root .pd-80{padding:80px}:root .px-80{padding-inline:80px}:root .py-80{padding-block:80px}:root .pl-80{padding-left:80px}:root .pr-80{padding-right:80px}:root .pt-80{padding-top:80px}:root .pb-80{padding-bottom:80px}:root .gap-80{gap:80px}:root .mg-96{margin:96px}:root .mx-96{margin-inline:96px}:root .my-96{margin-block:96px}:root .mt-96{margin-top:96px}:root .mb-96{margin-bottom:96px}:root .ml-96{margin-left:96px}:root .mr-96{margin-right:96px}:root .pd-96{padding:96px}:root .px-96{padding-inline:96px}:root .py-96{padding-block:96px}:root .pl-96{padding-left:96px}:root .pr-96{padding-right:96px}:root .pt-96{padding-top:96px}:root .pb-96{padding-bottom:96px}:root .gap-96{gap:96px}:root .mg-100{margin:100px}:root .mx-100{margin-inline:100px}:root .my-100{margin-block:100px}:root .mt-100{margin-top:100px}:root .mb-100{margin-bottom:100px}:root .ml-100{margin-left:100px}:root .mr-100{margin-right:100px}:root .pd-100{padding:100px}:root .px-100{padding-inline:100px}:root .py-100{padding-block:100px}:root .pl-100{padding-left:100px}:root .pr-100{padding-right:100px}:root .pt-100{padding-top:100px}:root .pb-100{padding-bottom:100px}:root .gap-100{gap:100px}:root .mg-120{margin:120px}:root .mx-120{margin-inline:120px}:root .my-120{margin-block:120px}:root .mt-120{margin-top:120px}:root .mb-120{margin-bottom:120px}:root .ml-120{margin-left:120px}:root .mr-120{margin-right:120px}:root .pd-120{padding:120px}:root .px-120{padding-inline:120px}:root .py-120{padding-block:120px}:root .pl-120{padding-left:120px}:root .pr-120{padding-right:120px}:root .pt-120{padding-top:120px}:root .pb-120{padding-bottom:120px}:root .gap-120{gap:120px}:root .mg-160{margin:160px}:root .mx-160{margin-inline:160px}:root .my-160{margin-block:160px}:root .mt-160{margin-top:160px}:root .mb-160{margin-bottom:160px}:root .ml-160{margin-left:160px}:root .mr-160{margin-right:160px}:root .pd-160{padding:160px}:root .px-160{padding-inline:160px}:root .py-160{padding-block:160px}:root .pl-160{padding-left:160px}:root .pr-160{padding-right:160px}:root .pt-160{padding-top:160px}:root .pb-160{padding-bottom:160px}:root .gap-160{gap:160px}:root .mg-200{margin:200px}:root .mx-200{margin-inline:200px}:root .my-200{margin-block:200px}:root .mt-200{margin-top:200px}:root .mb-200{margin-bottom:200px}:root .ml-200{margin-left:200px}:root .mr-200{margin-right:200px}:root .pd-200{padding:200px}:root .px-200{padding-inline:200px}:root .py-200{padding-block:200px}:root .pl-200{padding-left:200px}:root .pr-200{padding-right:200px}:root .pt-200{padding-top:200px}:root .pb-200{padding-bottom:200px}:root .gap-200{gap:200px}:root .w-10{width:10%}:root .h-10{height:10%}:root .w-20{width:20%}:root .h-20{height:20%}:root .w-25{width:25%}:root .h-25{height:25%}:root .w-30{width:30%}:root .h-30{height:30%}:root .w-40{width:40%}:root .h-40{height:40%}:root .w-50{width:50%}:root .h-50{height:50%}:root .w-60{width:60%}:root .h-60{height:60%}:root .w-70{width:70%}:root .h-70{height:70%}:root .w-75{width:75%}:root .h-75{height:75%}:root .w-80{width:80%}:root .h-80{height:80%}:root .w-90{width:90%}:root .h-90{height:90%}:root .w-100{width:100%}:root .h-100{height:100%}:root .colspan-2{grid-column:span 2}:root .rowspan-2{grid-row:span 2}:root .colspan-3{grid-column:span 3}:root .rowspan-3{grid-row:span 3}:root .colspan-4{grid-column:span 4}:root .rowspan-4{grid-row:span 4}:root .colspan-5{grid-column:span 5}:root .rowspan-5{grid-row:span 5}:root .colspan-full{grid-column:1/-1}:root .rowspan-full{grid-row:1/-1}@media(min-width: 880px){:root .screen-sm{display:none !important}}@media(max-width: 880px){:root .screen-lg{display:none !important}}@keyframes rotate{100%{transform:rotate(360deg)}}@keyframes bounce{20%{transform:translate(12px, 0)}50%{transform:translate(-8px, 0)}80%{transform:translate(6px, 0)}}:root{--background: #fff;--background-1: #f1f1f1;--background-opacity: #ffffffa6;--background-opacity-1: #e9e9e999;--background-opacity-2: #f1f1f1a6;--color: #212121;--color-main: #2d2d2d;--color-main-0: #f1f1f1;--color-main-1: #3a3a3a;--color-main-reverse: #fafafa;--color-backdrop: rgba(0, 0, 0, 0.25);--dim: rgba(0, 0, 0, 0.15)}:root .color-main{color:var(--color-main)}:root .bg-main{background:var(--color-main);color:var(--color-main-reverse)}:root{--color-0: black}:root .color-0{--color: var(--color-0);color:var(--color)}:root .bg-0{--background: var(--color-0);background:var(--background);color:var(--white)}:root .opacity-0{opacity:0}:root{--color-1: rgb(26.775, 26.775, 26.775)}:root .color-1{--color: var(--color-1);color:var(--color)}:root .bg-1{--background: var(--color-1);background:var(--background);color:var(--white)}:root .opacity-1{opacity:0.1}:root{--color-2: rgb(53.55, 53.55, 53.55)}:root .color-2{--color: var(--color-2);color:var(--color)}:root .bg-2{--background: var(--color-2);background:var(--background);color:var(--white)}:root .opacity-2{opacity:0.2}:root{--color-3: rgb(80.325, 80.325, 80.325)}:root .color-3{--color: var(--color-3);color:var(--color)}:root .bg-3{--background: var(--color-3);background:var(--background);color:var(--white)}:root .opacity-3{opacity:0.3}:root{--color-4: rgb(107.1, 107.1, 107.1)}:root .color-4{--color: var(--color-4);color:var(--color)}:root .bg-4{--background: var(--color-4);background:var(--background);color:var(--white)}:root .opacity-4{opacity:0.4}:root{--color-5: rgb(133.875, 133.875, 133.875)}:root .color-5{--color: var(--color-5);color:var(--color)}:root .bg-5{--background: var(--color-5);background:var(--background)}:root .opacity-5{opacity:0.5}:root{--color-6: rgb(160.65, 160.65, 160.65)}:root .color-6{--color: var(--color-6);color:var(--color)}:root .bg-6{--background: var(--color-6);background:var(--background)}:root .opacity-6{opacity:0.6}:root{--color-7: rgb(187.425, 187.425, 187.425)}:root .color-7{--color: var(--color-7);color:var(--color)}:root .bg-7{--background: var(--color-7);background:var(--background)}:root .opacity-7{opacity:0.7}:root{--color-8: rgb(214.2, 214.2, 214.2)}:root .color-8{--color: var(--color-8);color:var(--color)}:root .bg-8{--background: var(--color-8);background:var(--background)}:root .opacity-8{opacity:0.8}:root{--color-9: rgb(240.975, 240.975, 240.975)}:root .color-9{--color: var(--color-9);color:var(--color)}:root .bg-9{--background: var(--color-9);background:var(--background)}:root .opacity-9{opacity:0.9}:root{--white-0: white;--white: white;--white-1: #fafafa}:root .bg-white-0{--background: white;--color-hover: var(--color);background-color:var(--background);color:white}:root .bg-white-0:hover{--background-hover: white}:root .bg-white-0.i-btn:hover{background:var(--background-hover);color:var(--color-hover)}:root .bg-white{--background: var(--white);--color: var(--black);--color-hover: var(--black);background-color:var(--background);color:var(--color)}:root .bg-white:hover{--background-hover: #fafafa}:root .bg-white.i-btn:hover{background:var(--background-hover);color:var(--color-hover)}:root .bg-white-1{--background: #fafafa;--color: var(--black);--color-hover: var(--black);background-color:var(--background);color:var(--color)}:root .bg-white-1:hover{--background-hover: white}:root .bg-white-1.i-btn:hover{background:var(--background-hover);color:var(--color-hover)}:root .white-0{--color: white;--color-hover: var(--white);color:var(--color)}:root .white{--color: var(--white);--background-hover: var(--white-0);--color-hover: var(--white);color:var(--color)}:root .white-1{--color: #fafafa;--color-hover: var(--white);color:var(--color)}:root{--black-0: #dbdbdb;--black: black;--black-1: #1a1a1a}:root .bg-black-0{--background: #dbdbdb;--color-hover: var(--color);background-color:var(--background);color:black}:root .bg-black-0:hover{--background-hover: black}:root .bg-black-0.i-btn:hover{background:var(--background-hover);color:var(--color-hover)}:root .bg-black{--background: var(--black);--color: var(--white);--color-hover: var(--white);background-color:var(--background);color:var(--color)}:root .bg-black:hover{--background-hover: #1a1a1a}:root .bg-black.i-btn:hover{background:var(--background-hover);color:var(--color-hover)}:root .bg-black-1{--background: #1a1a1a;--color: var(--white);--color-hover: var(--white);background-color:var(--background);color:var(--color)}:root .bg-black-1:hover{--background-hover: black}:root .bg-black-1.i-btn:hover{background:var(--background-hover);color:var(--color-hover)}:root .black-0{--color: #dbdbdb;--color-hover: var(--black);color:var(--color)}:root .black{--color: var(--black);--background-hover: var(--black-0);--color-hover: var(--black);color:var(--color)}:root .black-1{--color: #1a1a1a;--color-hover: var(--black);color:var(--color)}:root{--red-0: #fcdfe4;--red: #dc143c;--red-1: #dc143c}:root .bg-red-0{--background: #fcdfe4;--color-hover: var(--color);background-color:var(--background);color:#dc143c}:root .bg-red-0:hover{--background-hover: #dc143c}:root .bg-red-0.i-btn:hover{background:var(--background-hover);color:var(--color-hover)}:root .bg-red{--background: var(--red);--color: var(--white);--color-hover: var(--white);background-color:var(--background);color:var(--color)}:root .bg-red:hover{--background-hover: #dc143c}:root .bg-red.i-btn:hover{background:var(--background-hover);color:var(--color-hover)}:root .bg-red-1{--background: #dc143c;--color: var(--white);--color-hover: var(--white);background-color:var(--background);color:var(--color)}:root .bg-red-1:hover{--background-hover: #dc143c}:root .bg-red-1.i-btn:hover{background:var(--background-hover);color:var(--color-hover)}:root .red-0{--color: #fcdfe4;--color-hover: var(--red);color:var(--color)}:root .red{--color: var(--red);--background-hover: var(--red-0);--color-hover: var(--red);color:var(--color)}:root .red-1{--color: #dc143c;--color-hover: var(--red);color:var(--color)}:root{--blue-0: #d6ebff;--blue: #1e90ff;--blue-1: #007cf4}:root .bg-blue-0{--background: #d6ebff;--color-hover: var(--color);background-color:var(--background);color:#1e90ff}:root .bg-blue-0:hover{--background-hover: #1e90ff}:root .bg-blue-0.i-btn:hover{background:var(--background-hover);color:var(--color-hover)}:root .bg-blue{--background: var(--blue);--color: var(--white);--color-hover: var(--white);background-color:var(--background);color:var(--color)}:root .bg-blue:hover{--background-hover: #007cf4}:root .bg-blue.i-btn:hover{background:var(--background-hover);color:var(--color-hover)}:root .bg-blue-1{--background: #007cf4;--color: var(--white);--color-hover: var(--white);background-color:var(--background);color:var(--color)}:root .bg-blue-1:hover{--background-hover: #1e90ff}:root .bg-blue-1.i-btn:hover{background:var(--background-hover);color:var(--color-hover)}:root .blue-0{--color: #d6ebff;--color-hover: var(--blue);color:var(--color)}:root .blue{--color: var(--blue);--background-hover: var(--blue-0);--color-hover: var(--blue);color:var(--color)}:root .blue-1{--color: #007cf4;--color-hover: var(--blue);color:var(--color)}:root{--green-0: #e7fff2;--green: #3cb371;--green-1: #37a467}:root .bg-green-0{--background: #e7fff2;--color-hover: var(--color);background-color:var(--background);color:#3cb371}:root .bg-green-0:hover{--background-hover: #3cb371}:root .bg-green-0.i-btn:hover{background:var(--background-hover);color:var(--color-hover)}:root .bg-green{--background: var(--green);--color: var(--white);--color-hover: var(--white);background-color:var(--background);color:var(--color)}:root .bg-green:hover{--background-hover: #37a467}:root .bg-green.i-btn:hover{background:var(--background-hover);color:var(--color-hover)}:root .bg-green-1{--background: #37a467;--color: var(--white);--color-hover: var(--white);background-color:var(--background);color:var(--color)}:root .bg-green-1:hover{--background-hover: #3cb371}:root .bg-green-1.i-btn:hover{background:var(--background-hover);color:var(--color-hover)}:root .green-0{--color: #e7fff2;--color-hover: var(--green);color:var(--color)}:root .green{--color: var(--green);--background-hover: var(--green-0);--color-hover: var(--green);color:var(--color)}:root .green-1{--color: #37a467;--color-hover: var(--green);color:var(--color)}:root{--yellow-0: #fffae5;--yellow: #ffc549;--yellow-1: #ffb820}:root .bg-yellow-0{--background: #fffae5;--color-hover: var(--color);background-color:var(--background);color:#ffc549}:root .bg-yellow-0:hover{--background-hover: #ffc549}:root .bg-yellow-0.i-btn:hover{background:var(--background-hover);color:var(--color-hover)}:root .bg-yellow{--background: var(--yellow);--color: var(--black);--color-hover: var(--black);background-color:var(--background);color:var(--color)}:root .bg-yellow:hover{--background-hover: #ffb820}:root .bg-yellow.i-btn:hover{background:var(--background-hover);color:var(--color-hover)}:root .bg-yellow-1{--background: #ffb820;--color: var(--black);--color-hover: var(--black);background-color:var(--background);color:var(--color)}:root .bg-yellow-1:hover{--background-hover: #ffc549}:root .bg-yellow-1.i-btn:hover{background:var(--background-hover);color:var(--color-hover)}:root .yellow-0{--color: #fffae5;--color-hover: var(--yellow);color:var(--color)}:root .yellow{--color: var(--yellow);--background-hover: var(--yellow-0);--color-hover: var(--yellow);color:var(--color)}:root .yellow-1{--color: #ffb820;--color-hover: var(--yellow);color:var(--color)}:root{--brown-0: #fbece2;--brown: #95410c;--brown-1: #8b3a07}:root .bg-brown-0{--background: #fbece2;--color-hover: var(--color);background-color:var(--background);color:#95410c}:root .bg-brown-0:hover{--background-hover: #95410c}:root .bg-brown-0.i-btn:hover{background:var(--background-hover);color:var(--color-hover)}:root .bg-brown{--background: var(--brown);--color: var(--white);--color-hover: var(--white);background-color:var(--background);color:var(--color)}:root .bg-brown:hover{--background-hover: #8b3a07}:root .bg-brown.i-btn:hover{background:var(--background-hover);color:var(--color-hover)}:root .bg-brown-1{--background: #8b3a07;--color: var(--white);--color-hover: var(--white);background-color:var(--background);color:var(--color)}:root .bg-brown-1:hover{--background-hover: #95410c}:root .bg-brown-1.i-btn:hover{background:var(--background-hover);color:var(--color-hover)}:root .brown-0{--color: #fbece2;--color-hover: var(--brown);color:var(--color)}:root .brown{--color: var(--brown);--background-hover: var(--brown-0);--color-hover: var(--brown);color:var(--color)}:root .brown-1{--color: #8b3a07;--color-hover: var(--brown);color:var(--color)}:root{--grey-0: #f6f6f6;--grey: #d7d7d7;--grey-1: #b1b1b1}:root .bg-grey-0{--background: #f6f6f6;--color-hover: var(--color);background-color:var(--background);color:#d7d7d7}:root .bg-grey-0:hover{--background-hover: #d7d7d7}:root .bg-grey-0.i-btn:hover{background:var(--background-hover);color:var(--color-hover)}:root .bg-grey{--background: var(--grey);--color: var(--black);--color-hover: var(--black);background-color:var(--background);color:var(--color)}:root .bg-grey:hover{--background-hover: #b1b1b1}:root .bg-grey.i-btn:hover{background:var(--background-hover);color:var(--color-hover)}:root .bg-grey-1{--background: #b1b1b1;--color: var(--black);--color-hover: var(--black);background-color:var(--background);color:var(--color)}:root .bg-grey-1:hover{--background-hover: #d7d7d7}:root .bg-grey-1.i-btn:hover{background:var(--background-hover);color:var(--color-hover)}:root .grey-0{--color: #f6f6f6;--color-hover: var(--grey);color:var(--color)}:root .grey{--color: var(--grey);--background-hover: var(--grey-0);--color-hover: var(--grey);color:var(--color)}:root .grey-1{--color: #b1b1b1;--color-hover: var(--grey);color:var(--color)}:root{--pink-0: #ffe3f1;--pink: #ff69b4;--pink-1: #ff55aa}:root .bg-pink-0{--background: #ffe3f1;--color-hover: var(--color);background-color:var(--background);color:#ff69b4}:root .bg-pink-0:hover{--background-hover: #ff69b4}:root .bg-pink-0.i-btn:hover{background:var(--background-hover);color:var(--color-hover)}:root .bg-pink{--background: var(--pink);--color: var(--white);--color-hover: var(--white);background-color:var(--background);color:var(--color)}:root .bg-pink:hover{--background-hover: #ff55aa}:root .bg-pink.i-btn:hover{background:var(--background-hover);color:var(--color-hover)}:root .bg-pink-1{--background: #ff55aa;--color: var(--white);--color-hover: var(--white);background-color:var(--background);color:var(--color)}:root .bg-pink-1:hover{--background-hover: #ff69b4}:root .bg-pink-1.i-btn:hover{background:var(--background-hover);color:var(--color-hover)}:root .pink-0{--color: #ffe3f1;--color-hover: var(--pink);color:var(--color)}:root .pink{--color: var(--pink);--background-hover: var(--pink-0);--color-hover: var(--pink);color:var(--color)}:root .pink-1{--color: #ff55aa;--color-hover: var(--pink);color:var(--color)}:root{--purple-0: #eddefb;--purple: #8a2be2;--purple-1: #751bc9}:root .bg-purple-0{--background: #eddefb;--color-hover: var(--color);background-color:var(--background);color:#8a2be2}:root .bg-purple-0:hover{--background-hover: #8a2be2}:root .bg-purple-0.i-btn:hover{background:var(--background-hover);color:var(--color-hover)}:root .bg-purple{--background: var(--purple);--color: var(--white);--color-hover: var(--white);background-color:var(--background);color:var(--color)}:root .bg-purple:hover{--background-hover: #751bc9}:root .bg-purple.i-btn:hover{background:var(--background-hover);color:var(--color-hover)}:root .bg-purple-1{--background: #751bc9;--color: var(--white);--color-hover: var(--white);background-color:var(--background);color:var(--color)}:root .bg-purple-1:hover{--background-hover: #8a2be2}:root .bg-purple-1.i-btn:hover{background:var(--background-hover);color:var(--color-hover)}:root .purple-0{--color: #eddefb;--color-hover: var(--purple);color:var(--color)}:root .purple{--color: var(--purple);--background-hover: var(--purple-0);--color-hover: var(--purple);color:var(--color)}:root .purple-1{--color: #751bc9;--color-hover: var(--purple);color:var(--color)}:root{--aqua-0: #e8ffff;--aqua: aqua;--aqua-1: #1efdfd}:root .bg-aqua-0{--background: #e8ffff;--color-hover: var(--color);background-color:var(--background);color:aqua}:root .bg-aqua-0:hover{--background-hover: aqua}:root .bg-aqua-0.i-btn:hover{background:var(--background-hover);color:var(--color-hover)}:root .bg-aqua{--background: var(--aqua);--color: var(--black);--color-hover: var(--black);background-color:var(--background);color:var(--color)}:root .bg-aqua:hover{--background-hover: #1efdfd}:root .bg-aqua.i-btn:hover{background:var(--background-hover);color:var(--color-hover)}:root .bg-aqua-1{--background: #1efdfd;--color: var(--black);--color-hover: var(--black);background-color:var(--background);color:var(--color)}:root .bg-aqua-1:hover{--background-hover: aqua}:root .bg-aqua-1.i-btn:hover{background:var(--background-hover);color:var(--color-hover)}:root .aqua-0{--color: #e8ffff;--color-hover: var(--aqua);color:var(--color)}:root .aqua{--color: var(--aqua);--background-hover: var(--aqua-0);--color-hover: var(--aqua);color:var(--color)}:root .aqua-1{--color: #1efdfd;--color-hover: var(--aqua);color:var(--color)}:root{--orange-0: #fff1e8;--orange: #fb812a;--orange-1: #eb7521}:root .bg-orange-0{--background: #fff1e8;--color-hover: var(--color);background-color:var(--background);color:#fb812a}:root .bg-orange-0:hover{--background-hover: #fb812a}:root .bg-orange-0.i-btn:hover{background:var(--background-hover);color:var(--color-hover)}:root .bg-orange{--background: var(--orange);--color: var(--white);--color-hover: var(--white);background-color:var(--background);color:var(--color)}:root .bg-orange:hover{--background-hover: #eb7521}:root .bg-orange.i-btn:hover{background:var(--background-hover);color:var(--color-hover)}:root .bg-orange-1{--background: #eb7521;--color: var(--white);--color-hover: var(--white);background-color:var(--background);color:var(--color)}:root .bg-orange-1:hover{--background-hover: #fb812a}:root .bg-orange-1.i-btn:hover{background:var(--background-hover);color:var(--color-hover)}:root .orange-0{--color: #fff1e8;--color-hover: var(--orange);color:var(--color)}:root .orange{--color: var(--orange);--background-hover: var(--orange-0);--color-hover: var(--orange);color:var(--color)}:root .orange-1{--color: #eb7521;--color-hover: var(--orange);color:var(--color)}:root{--warning-0: #fff0bf;--warning: #ffb01f;--warning-1: #f0a313}:root .bg-warning-0{--background: #fff0bf;--color-hover: var(--color);background-color:var(--background);color:#ffb01f}:root .bg-warning-0:hover{--background-hover: #ffb01f}:root .bg-warning-0.i-btn:hover{background:var(--background-hover);color:var(--color-hover)}:root .bg-warning{--background: var(--warning);--color: var(--black);--color-hover: var(--black);background-color:var(--background);color:var(--color)}:root .bg-warning:hover{--background-hover: #f0a313}:root .bg-warning.i-btn:hover{background:var(--background-hover);color:var(--color-hover)}:root .bg-warning-1{--background: #f0a313;--color: var(--black);--color-hover: var(--black);background-color:var(--background);color:var(--color)}:root .bg-warning-1:hover{--background-hover: #ffb01f}:root .bg-warning-1.i-btn:hover{background:var(--background-hover);color:var(--color-hover)}:root .warning-0{--color: #fff0bf;--color-hover: var(--warning);color:var(--color)}:root .warning{--color: var(--warning);--background-hover: var(--warning-0);--color-hover: var(--warning);color:var(--color)}:root .warning-1{--color: #f0a313;--color-hover: var(--warning);color:var(--color)}:root{--error-0: #ffdbdb;--error: #ff4545;--error-1: #f13636}:root .bg-error-0{--background: #ffdbdb;--color-hover: var(--color);background-color:var(--background);color:#ff4545}:root .bg-error-0:hover{--background-hover: #ff4545}:root .bg-error-0.i-btn:hover{background:var(--background-hover);color:var(--color-hover)}:root .bg-error{--background: var(--error);--color: var(--white);--color-hover: var(--white);background-color:var(--background);color:var(--color)}:root .bg-error:hover{--background-hover: #f13636}:root .bg-error.i-btn:hover{background:var(--background-hover);color:var(--color-hover)}:root .bg-error-1{--background: #f13636;--color: var(--white);--color-hover: var(--white);background-color:var(--background);color:var(--color)}:root .bg-error-1:hover{--background-hover: #ff4545}:root .bg-error-1.i-btn:hover{background:var(--background-hover);color:var(--color-hover)}:root .error-0{--color: #ffdbdb;--color-hover: var(--error);color:var(--color)}:root .error{--color: var(--error);--background-hover: var(--error-0);--color-hover: var(--error);color:var(--color)}:root .error-1{--color: #f13636;--color-hover: var(--error);color:var(--color)}:root{--success-0: #acf899;--success: #52e12e;--success-1: #4ad926}:root .bg-success-0{--background: #acf899;--color-hover: var(--color);background-color:var(--background);color:#52e12e}:root .bg-success-0:hover{--background-hover: #52e12e}:root .bg-success-0.i-btn:hover{background:var(--background-hover);color:var(--color-hover)}:root .bg-success{--background: var(--success);--color: var(--white);--color-hover: var(--white);background-color:var(--background);color:var(--color)}:root .bg-success:hover{--background-hover: #4ad926}:root .bg-success.i-btn:hover{background:var(--background-hover);color:var(--color-hover)}:root .bg-success-1{--background: #4ad926;--color: var(--white);--color-hover: var(--white);background-color:var(--background);color:var(--color)}:root .bg-success-1:hover{--background-hover: #52e12e}:root .bg-success-1.i-btn:hover{background:var(--background-hover);color:var(--color-hover)}:root .success-0{--color: #acf899;--color-hover: var(--success);color:var(--color)}:root .success{--color: var(--success);--background-hover: var(--success-0);--color-hover: var(--success);color:var(--color)}:root .success-1{--color: #4ad926;--color-hover: var(--success);color:var(--color)}.bg-slight{background-color:var(--color-9);color:var(--black)}.slight{color:var(--color-8)}.theme-dark{--background: #313131;--background-1: #3a3a3a;--background-opacity: #313131a6;--background-opacity-1: #313131aa;--background-opacity-2: #2a2a2aca;--color: #fff;--color-main: #6cc73b;--color-main-0: #313d2b;--color-main-1: #69d62f;--color-main-2: #53b320;--color-main-reverse: #212121;--dim: rgba(0, 0, 0, 0.25);--shadow: 0px 4px 12px var(--dim);background:var(--background);color:var(--color);--color-0: white}.theme-dark .color-0{color:var(--color-0)}.theme-dark .bg-0{--background: var(--color-0);background:var(--background);color:var(--black)}.theme-dark{--color-1: rgb(233.325, 233.325, 233.325)}.theme-dark .color-1{color:var(--color-1)}.theme-dark .bg-1{--background: var(--color-1);background:var(--background);color:var(--black)}.theme-dark{--color-2: rgb(211.65, 211.65, 211.65)}.theme-dark .color-2{color:var(--color-2)}.theme-dark .bg-2{--background: var(--color-2);background:var(--background);color:var(--black)}.theme-dark{--color-3: rgb(189.975, 189.975, 189.975)}.theme-dark .color-3{color:var(--color-3)}.theme-dark .bg-3{--background: var(--color-3);background:var(--background);color:var(--black)}.theme-dark{--color-4: rgb(168.3, 168.3, 168.3)}.theme-dark .color-4{color:var(--color-4)}.theme-dark .bg-4{--background: var(--color-4);background:var(--background);color:var(--black)}.theme-dark{--color-5: rgb(146.625, 146.625, 146.625)}.theme-dark .color-5{color:var(--color-5)}.theme-dark .bg-5{--background: var(--color-5);background:var(--background)}.theme-dark{--color-6: rgb(124.95, 124.95, 124.95)}.theme-dark .color-6{color:var(--color-6)}.theme-dark .bg-6{--background: var(--color-6);background:var(--background)}.theme-dark{--color-7: rgb(103.275, 103.275, 103.275)}.theme-dark .color-7{color:var(--color-7)}.theme-dark .bg-7{--background: var(--color-7);background:var(--background)}.theme-dark{--color-8: rgb(81.6, 81.6, 81.6)}.theme-dark .color-8{color:var(--color-8)}.theme-dark .bg-8{--background: var(--color-8);background:var(--background)}.theme-dark{--color-9: rgb(59.925, 59.925, 59.925)}.theme-dark .color-9{color:var(--color-9)}.theme-dark .bg-9{--background: var(--color-9);background:var(--background)}.theme-dark .bg-slight{color:var(--white)}.theme-dark code,.theme-dark .code{background:var(--color-8)}.theme-dark .bg-white-0{--background: #393939}.theme-dark .white-0{--color: #393939}.theme-dark .white{--background-hover: #393939}.theme-dark .bg-black-0{--background: #6d6d6d}.theme-dark .black-0{--color: #6d6d6d}.theme-dark .black{--background-hover: #6d6d6d}.theme-dark .bg-red-0{--background: #4d3232}.theme-dark .red-0{--color: #4d3232}.theme-dark .red{--background-hover: #4d3232}.theme-dark .bg-blue-0{--background: #2d4467}.theme-dark .blue-0{--color: #2d4467}.theme-dark .blue{--background-hover: #2d4467}.theme-dark .bg-green-0{--background: #114911}.theme-dark .green-0{--color: #114911}.theme-dark .green{--background-hover: #114911}.theme-dark .bg-yellow-0{--background: #4b421f}.theme-dark .yellow-0{--color: #4b421f}.theme-dark .yellow{--background-hover: #4b421f}.theme-dark .bg-brown-0{--background: #3b2d2d}.theme-dark .brown-0{--color: #3b2d2d}.theme-dark .brown{--background-hover: #3b2d2d}.theme-dark .bg-grey-0{--background: #414141}.theme-dark .grey-0{--color: #414141}.theme-dark .grey{--background-hover: #414141}.theme-dark .bg-pink-0{--background: #56474f}.theme-dark .pink-0{--color: #56474f}.theme-dark .pink{--background-hover: #56474f}.theme-dark .bg-purple-0{--background: #372337}.theme-dark .purple-0{--color: #372337}.theme-dark .purple{--background-hover: #372337}.theme-dark .bg-aqua-0{--background: #1e3d3d}.theme-dark .aqua-0{--color: #1e3d3d}.theme-dark .aqua{--background-hover: #1e3d3d}.theme-dark .bg-orange-0{--background: #473514}.theme-dark .orange-0{--color: #473514}.theme-dark .orange{--background-hover: #473514}.theme-dark .bg-warning-0{--background: #4b3e13}.theme-dark .warning-0{--color: #4b3e13}.theme-dark .warning{--background-hover: #4b3e13}.theme-dark .bg-error-0{--background: #533535}.theme-dark .error-0{--color: #533535}.theme-dark .error{--background-hover: #533535}.theme-dark .bg-success-0{--background: #123b08}.theme-dark .success-0{--color: #123b08}.theme-dark .success{--background-hover: #123b08}@media(prefers-color-scheme: dark){.theme-auto{--background: #313131;--background-1: #3a3a3a;--background-opacity: #313131a6;--background-opacity-1: #313131aa;--background-opacity-2: #2a2a2aca;--color: #fff;--color-main: #6cc73b;--color-main-0: #313d2b;--color-main-1: #69d62f;--color-main-2: #53b320;--color-main-reverse: #212121;--dim: rgba(0, 0, 0, 0.25);--shadow: 0px 4px 12px var(--dim);background:var(--background);color:var(--color);--color-0: white}.theme-auto .color-0{color:var(--color-0)}.theme-auto .bg-0{--background: var(--color-0);background:var(--background);color:var(--black)}.theme-auto{--color-1: rgb(233.325, 233.325, 233.325)}.theme-auto .color-1{color:var(--color-1)}.theme-auto .bg-1{--background: var(--color-1);background:var(--background);color:var(--black)}.theme-auto{--color-2: rgb(211.65, 211.65, 211.65)}.theme-auto .color-2{color:var(--color-2)}.theme-auto .bg-2{--background: var(--color-2);background:var(--background);color:var(--black)}.theme-auto{--color-3: rgb(189.975, 189.975, 189.975)}.theme-auto .color-3{color:var(--color-3)}.theme-auto .bg-3{--background: var(--color-3);background:var(--background);color:var(--black)}.theme-auto{--color-4: rgb(168.3, 168.3, 168.3)}.theme-auto .color-4{color:var(--color-4)}.theme-auto .bg-4{--background: var(--color-4);background:var(--background);color:var(--black)}.theme-auto{--color-5: rgb(146.625, 146.625, 146.625)}.theme-auto .color-5{color:var(--color-5)}.theme-auto .bg-5{--background: var(--color-5);background:var(--background)}.theme-auto{--color-6: rgb(124.95, 124.95, 124.95)}.theme-auto .color-6{color:var(--color-6)}.theme-auto .bg-6{--background: var(--color-6);background:var(--background)}.theme-auto{--color-7: rgb(103.275, 103.275, 103.275)}.theme-auto .color-7{color:var(--color-7)}.theme-auto .bg-7{--background: var(--color-7);background:var(--background)}.theme-auto{--color-8: rgb(81.6, 81.6, 81.6)}.theme-auto .color-8{color:var(--color-8)}.theme-auto .bg-8{--background: var(--color-8);background:var(--background)}.theme-auto{--color-9: rgb(59.925, 59.925, 59.925)}.theme-auto .color-9{color:var(--color-9)}.theme-auto .bg-9{--background: var(--color-9);background:var(--background)}.theme-auto .bg-slight{color:var(--white)}.theme-auto code,.theme-auto .code{background:var(--color-8)}.theme-auto .bg-white-0{--background: #393939}.theme-auto .white-0{--color: #393939}.theme-auto .white{--background-hover: #393939}.theme-auto .bg-black-0{--background: #6d6d6d}.theme-auto .black-0{--color: #6d6d6d}.theme-auto .black{--background-hover: #6d6d6d}.theme-auto .bg-red-0{--background: #4d3232}.theme-auto .red-0{--color: #4d3232}.theme-auto .red{--background-hover: #4d3232}.theme-auto .bg-blue-0{--background: #2d4467}.theme-auto .blue-0{--color: #2d4467}.theme-auto .blue{--background-hover: #2d4467}.theme-auto .bg-green-0{--background: #114911}.theme-auto .green-0{--color: #114911}.theme-auto .green{--background-hover: #114911}.theme-auto .bg-yellow-0{--background: #4b421f}.theme-auto .yellow-0{--color: #4b421f}.theme-auto .yellow{--background-hover: #4b421f}.theme-auto .bg-brown-0{--background: #3b2d2d}.theme-auto .brown-0{--color: #3b2d2d}.theme-auto .brown{--background-hover: #3b2d2d}.theme-auto .bg-grey-0{--background: #414141}.theme-auto .grey-0{--color: #414141}.theme-auto .grey{--background-hover: #414141}.theme-auto .bg-pink-0{--background: #56474f}.theme-auto .pink-0{--color: #56474f}.theme-auto .pink{--background-hover: #56474f}.theme-auto .bg-purple-0{--background: #372337}.theme-auto .purple-0{--color: #372337}.theme-auto .purple{--background-hover: #372337}.theme-auto .bg-aqua-0{--background: #1e3d3d}.theme-auto .aqua-0{--color: #1e3d3d}.theme-auto .aqua{--background-hover: #1e3d3d}.theme-auto .bg-orange-0{--background: #473514}.theme-auto .orange-0{--color: #473514}.theme-auto .orange{--background-hover: #473514}.theme-auto .bg-warning-0{--background: #4b3e13}.theme-auto .warning-0{--color: #4b3e13}.theme-auto .warning{--background-hover: #4b3e13}.theme-auto .bg-error-0{--background: #533535}.theme-auto .error-0{--color: #533535}.theme-auto .error{--background-hover: #533535}.theme-auto .bg-success-0{--background: #123b08}.theme-auto .success-0{--color: #123b08}.theme-auto .success{--background-hover: #123b08}}

package/lib/types/components/affix/affix.d.ts

@@ -1,7 +0,0 @@
-import { default as ToTop } from './totop';
-import { IAffix } from './type';
-declare const Affix: {
-    (props: IAffix): import("react/jsx-runtime").JSX.Element;
-    ToTop: typeof ToTop;
-};
-export default Affix;

package/lib/types/components/affix/index.d.ts

@@ -1,2 +0,0 @@
-import { default as Affix } from './affix';
-export default Affix;

package/lib/types/components/affix/totop.d.ts

@@ -1,3 +0,0 @@
-import { IAffix } from './type';
-declare function ToTop(props: IAffix): import("react/jsx-runtime").JSX.Element;
-export default ToTop;

package/lib/types/components/affix/type.d.ts

@@ -1,10 +0,0 @@
-import { HTMLAttributes } from 'react';
-export interface IAffix extends HTMLAttributes<HTMLElement> {
-    position?: "fixed" | "absolute" | "sticky" | "static";
-    left?: string | number;
-    top?: string | number;
-    right?: string | number;
-    bottom?: string | number;
-    offset?: number;
-    getContainer?: () => HTMLElement | null;
-}

package/lib/types/components/area/area.d.ts

@@ -1,3 +0,0 @@
-import { CompositionArea } from './type';
-declare const Area: CompositionArea;
-export default Area;

package/lib/types/components/area/index.d.ts

@@ -1,2 +0,0 @@
-import { default as Area } from './area';
-export default Area;

package/lib/types/components/area/item.d.ts

@@ -1,3 +0,0 @@
-import { IAreaItem } from './type';
-declare function Item(props: IAreaItem): import("react/jsx-runtime").JSX.Element;
-export default Item;

package/lib/types/components/area/type.d.ts

@@ -1,12 +0,0 @@
-import { ForwardRefExoticComponent, HTMLAttributes, RefAttributes } from 'react';
-import { default as Item } from './item';
-export interface IArea extends HTMLAttributes<HTMLDivElement> {
-    layout?: "ltcb" | "tlrb";
-}
-export interface IAreaItem extends HTMLAttributes<HTMLDivElement> {
-    name?: string;
-    ref?: React.Ref<HTMLDivElement>;
-}
-export interface CompositionArea extends ForwardRefExoticComponent<IArea & RefAttributes<HTMLDivElement>> {
-    Item: typeof Item;
-}

package/lib/types/components/badge/badge.d.ts

@@ -1,3 +0,0 @@
-import { IBadge } from './type';
-declare const Badge: (props: IBadge) => import("react/jsx-runtime").JSX.Element;
-export default Badge;

package/lib/types/components/badge/index.d.ts

@@ -1,2 +0,0 @@
-import { default as Badge } from './badge';
-export default Badge;

package/lib/types/components/badge/type.d.ts

@@ -1,12 +0,0 @@
-import { CSSProperties, ReactNode } from 'react';
-export interface IBadge {
-    content?: ReactNode;
-    contentClass?: string;
-    dot?: boolean;
-    dotSize?: string | number;
-    round?: boolean;
-    disabled?: boolean;
-    className?: string;
-    style?: CSSProperties;
-    children?: ReactNode;
-}

package/lib/types/components/button/button.d.ts

@@ -1,3 +0,0 @@
-import { CompositionButton } from './type';
-declare const _default: CompositionButton;
-export default _default;

package/lib/types/components/button/confirm.d.ts

@@ -1,2 +0,0 @@
-import { IButtonConfirm } from './type';
-export default function Confirm(props: IButtonConfirm): import("react/jsx-runtime").JSX.Element;

package/lib/types/components/button/group.d.ts

@@ -1,2 +0,0 @@
-import { IButtonGroup } from './type';
-export default function Group(props: IButtonGroup): import("react/jsx-runtime").JSX.Element;

package/lib/types/components/button/index.d.ts

@@ -1,2 +0,0 @@
-import { default as Button } from './button';
-export default Button;

package/lib/types/components/button/toggle.d.ts

@@ -1,2 +0,0 @@
-import { IButtonToggle } from './type';
-export default function Toggle(props: IButtonToggle): import("react/jsx-runtime").JSX.Element;

package/lib/types/components/button/type.d.ts

@@ -1,51 +0,0 @@
-import { AnchorHTMLAttributes, ButtonHTMLAttributes, CSSProperties, ForwardRefExoticComponent, ReactNode, RefAttributes, RefObject } from 'react';
-import { LinkProps } from 'react-router';
-import { default as Confirm } from './confirm';
-import { default as Group } from './group';
-import { default as Toggle } from './toggle';
-interface BaseButtonProps {
-    as?: "a" | "button" | ForwardRefExoticComponent<LinkProps & RefAttributes<HTMLAnchorElement>>;
-    ref?: RefObject<HTMLElement | null>;
-    children?: ReactNode | string;
-    className?: string;
-    loading?: boolean;
-    flat?: boolean;
-    outline?: boolean;
-    square?: boolean;
-    size?: "mini" | "small" | "normal" | "large" | "extreme";
-    disabled?: boolean;
-    block?: boolean;
-    round?: boolean;
-    ripple?: boolean;
-    secondary?: boolean;
-}
-export interface IButton extends BaseButtonProps, Omit<ButtonHTMLAttributes<HTMLElement>, "type" | "onToggle">, Omit<AnchorHTMLAttributes<HTMLElement>, "onToggle"> {
-}
-export interface IButtonToggle extends IButton {
-    active?: boolean;
-    activeClass?: string;
-    after?: ReactNode;
-    disabled?: boolean;
-    toggable?: () => boolean | Promise<boolean>;
-    onToggle?: (active: boolean) => void;
-}
-export interface IButtonConfirm extends IButton {
-    defaultActive?: boolean;
-    okButtonProps?: IButton;
-    cancelButtonProps?: IButton;
-    onOk?: () => void | boolean | Promise<void | boolean>;
-    onCancel?: () => void;
-}
-export interface IButtonGroup {
-    children?: ReactNode;
-    vertical?: boolean;
-    buttonProps?: IButton;
-    className?: string;
-    style?: CSSProperties;
-}
-export interface CompositionButton extends ForwardRefExoticComponent<IButton & RefAttributes<HTMLElement>> {
-    Toggle: typeof Toggle;
-    Group: typeof Group;
-    Confirm: typeof Confirm;
-}
-export {};

package/lib/types/components/card/card.d.ts

@@ -1,3 +0,0 @@
-import { ICard } from './type';
-declare const Card: (props: ICard) => import("react/jsx-runtime").JSX.Element;
-export default Card;

package/lib/types/components/card/index.d.ts

@@ -1,2 +0,0 @@
-import { default as Card } from './card';
-export default Card;

package/lib/types/components/card/type.d.ts

@@ -1,10 +0,0 @@
-import { CSSProperties, HTMLAttributes, ReactNode } from 'react';
-export interface ICard extends HTMLAttributes<HTMLDivElement> {
-    hideShadow?: boolean;
-    border?: boolean;
-    style?: CSSProperties;
-    className?: string;
-    children?: ReactNode;
-    header?: ReactNode;
-    footer?: ReactNode;
-}

package/lib/types/components/checkbox/checkbox.d.ts

@@ -1,7 +0,0 @@
-import { default as CheckboxItem } from './item';
-import { ICheckbox } from './type';
-declare function Checkbox(props: ICheckbox): import("react/jsx-runtime").JSX.Element;
-declare namespace Checkbox {
-    var Item: typeof CheckboxItem;
-}
-export default Checkbox;

package/lib/types/components/checkbox/index.d.ts

@@ -1,2 +0,0 @@
-import { default as Checkbox } from './checkbox';
-export default Checkbox;

package/lib/types/components/checkbox/item.d.ts

@@ -1,2 +0,0 @@
-import { ICheckboxItem } from './type';
-export default function CheckboxItem(props: ICheckboxItem): import("react/jsx-runtime").JSX.Element;

package/lib/types/components/checkbox/type.d.ts

@@ -1,22 +0,0 @@
-import { ChangeEvent, InputHTMLAttributes, ReactNode } from 'react';
-import { TOption, TValidate } from '../../type';
-type TRenderCheckboxItem = (checked: boolean, value: any) => ReactNode;
-export interface ICheckbox extends Omit<InputHTMLAttributes<HTMLInputElement>, "onChange">, TValidate {
-    label?: ReactNode;
-    options: TOption[] | (string | number)[];
-    type?: "default" | "switch" | "button";
-    optionInline?: boolean;
-    labelInline?: boolean;
-    renderItem?: TRenderCheckboxItem;
-    onChange?: (value: any[], option: TOption, e: ChangeEvent<HTMLInputElement>) => void;
-}
-export interface ICheckboxItem extends Omit<InputHTMLAttributes<HTMLElement>, "value" | "children" | "onChange">, TValidate {
-    type?: "default" | "switch" | "button";
-    label?: ReactNode;
-    value?: boolean;
-    optionValue?: any;
-    partof?: boolean;
-    children?: ReactNode | TRenderCheckboxItem;
-    onChange?: (value: boolean, e: ChangeEvent<HTMLInputElement>) => void;
-}
-export {};

package/lib/types/components/collapse/collapse.d.ts

@@ -1,7 +0,0 @@
-import { default as Item } from './item';
-import { ICollapse } from './type';
-declare const Collapse: {
-    (props: ICollapse): import("react/jsx-runtime").JSX.Element;
-    Item: typeof Item;
-};
-export default Collapse;

package/lib/types/components/collapse/index.d.ts

@@ -1,2 +0,0 @@
-import { default as Collapse } from './collapse';
-export default Collapse;

package/lib/types/components/collapse/item.d.ts

@@ -1,2 +0,0 @@
-import { ICollapseItem } from './type';
-export default function Item(props: ICollapseItem): import("react/jsx-runtime").JSX.Element;

package/lib/types/components/collapse/type.d.ts

@@ -1,20 +0,0 @@
-import { CSSProperties, HTMLAttributes, ReactNode } from 'react';
-export type TKey = string | number;
-export interface ICollapse extends HTMLAttributes<HTMLDivElement> {
-    active?: TKey | TKey[];
-    items?: ICollapseItem[];
-    multiple?: boolean;
-    border?: boolean;
-    headerClickable?: boolean;
-    renderToggle?: (active: boolean) => ReactNode;
-    onCollapse?: (key: TKey, active: boolean) => void;
-}
-export interface ICollapseItem {
-    key?: TKey;
-    title?: ReactNode;
-    content?: ReactNode;
-    disabled?: boolean;
-    children?: ReactNode;
-    className?: string;
-    style?: CSSProperties;
-}

package/lib/types/components/datagrid/cell.d.ts

@@ -1,13 +0,0 @@
-import { ICell, IColumn } from './type';
-export declare function getCellStyle({ justify, col, row, colSpan, rowSpan, }: Pick<IColumn, "justify" | "fixed"> & {
-    col: number;
-    row: number;
-    colSpan?: number;
-    rowSpan?: number;
-    isHeader?: boolean;
-}): {
-    "--datagrid-justify": string;
-    gridArea: string;
-    insetInline: string;
-};
-export declare function Cell(props: ICell): import("react/jsx-runtime").JSX.Element;