ranui 0.1.10-alpha.2 → 0.1.10-alpha.4

package/dist/utils/color.d.ts

@@ -0,0 +1,52 @@
+export declare const hsv2hsl: (h: number, s: number, v: number) => {
+    h: number;
+    s: number;
+    l: number;
+};
+export declare const hex2alpha: (aa: string) => number;
+export declare const hex2hsl: (hex: string) => {
+    h: number;
+    s: number;
+    l: number;
+};
+export declare const hex2hsv: (hex: string) => {
+    h: number;
+    s: number;
+    v: number;
+};
+export declare const hex2rgb: (hex: string) => {
+    r: number;
+    g: number;
+    b: number;
+};
+export declare const rgb2hsv: (r: number, g: number, b: number) => {
+    h: number;
+    s: number;
+    v: number;
+};
+export declare const hsl2hsv: (h: number, s: number, l: number) => {
+    h: number;
+    s: number;
+    v: number;
+};
+export declare const hsl2rgb: (h: number, s: number, l: number) => {
+    r: number;
+    g: number;
+    b: number;
+};
+export declare const hsv2rgb: (h: number, s: number, v: number) => {
+    r: number;
+    g: number;
+    b: number;
+};
+export declare const rgb2hex: (r: number, g: number, b: number) => string;
+export declare const rgba: (r: number, g: number, b: number, a: number) => string;
+export declare const rgba2hex: (r: number, g: number, b: number, a: number) => string;
+export declare const rgba2rgb: (r: number, g: number, b: number, a: number) => {
+    r: number;
+    g: number;
+    b: number;
+};
+export declare const HEX_COLOR_REGEX: RegExp;
+export declare const RGB_REGEX: RegExp;
+export declare const RGBA_REGEX: RegExp;

package/dist/utils/image.d.ts

@@ -0,0 +1,32 @@
+type ImgType = HTMLImageElement | HTMLCanvasElement;
+/**
+ * 根据路径获取图片对象
+ * @param { string } src 图片路径
+ * @returns { Promise<HTMLImageElement> } 图片标签
+ */
+export declare const getImage: (src: string) => Promise<ImgType>;
+/**
+ * 切割圆角
+ * @param img 将要裁剪的图片对象
+ * @param radius 裁剪的圆角半径
+ * @returns 返回一个离屏 canvas 用于渲染
+ */
+export declare const cutRound: (img: ImgType, radius: number) => ImgType;
+/**
+ * 透明度
+ * @param img 将要处理的图片对象
+ * @param opacity 透明度
+ * @returns 返回一个离屏 canvas 用于渲染
+ */
+export declare const opacity: (img: ImgType, opacity: number) => ImgType;
+/**
+ * 高斯模糊
+ * @param img 将要处理的图片对象
+ * @param radius 模糊半径
+ * @returns 返回一个离屏 canvas 用于渲染
+ */
+export declare const blur: (img: ImgType, radius: number) => ImgType;
+export declare const getBase64Image: (imageFile: File) => Promise<{
+    base64: string | ArrayBuffer | null;
+}>;
+export {};

package/dist/utils/index.d.ts

@@ -0,0 +1,72 @@
+export declare const falseList: (string | boolean | null | undefined)[];
+/**
+ * @description: 判断这个元素上是否有 disabled 属性
+ * @param {Element} element
+ * @return {*}
+ */
+export declare const isDisabled: (element: Element) => boolean;
+/**
+ * @description: 查询指定元素的子级元素，删除他们的某一个指定 class
+ * @param {Element} parent
+ * @param {string} deleteClass
+ */
+export declare const removeClassToElementChild: (parent: Element, deleteClass: string) => void;
+/**
+ * @description: 创建 icon 的文档示例
+ */
+export declare const createIconList: () => void;
+export declare const loadScript: (src: string) => Promise<{
+    success: boolean;
+}>;
+export interface CustomErrorType {
+    new (m: string): void;
+}
+export declare function createCustomError(msg?: string): CustomErrorType;
+export declare const vod: {
+    FD: {
+        label: string;
+    };
+    LD: {
+        bandWidth: {
+            h264: number;
+            h265: number;
+        };
+        label: string;
+    };
+    SD: {
+        bandWidth: {
+            h264: number;
+            h265: number;
+        };
+        label: string;
+    };
+    HD: {
+        bandWidth: {
+            h264: number;
+            h265: number;
+        };
+        label: string;
+    };
+    '2K': {
+        bandWidth: {
+            h264: number;
+            h265: number;
+        };
+        label: string;
+    };
+    '4K': {
+        bandWidth: {
+            h264: number;
+            h265: number;
+        };
+        label: string;
+    };
+};
+export declare const HTMLElementSSR: () => {
+    new (): HTMLElement;
+    prototype: HTMLElement;
+} | null;
+export declare const createSignal: <T = unknown>(value: T, options?: {
+    subscriber?: Function[];
+    equals?: boolean | ((prev: T | undefined, next: T) => boolean);
+}) => [() => T, (newValue: T) => void];

package/dist/utils/math.d.ts

@@ -0,0 +1,26 @@
+/**
+ * 转换为运算角度
+ * @param { number } deg 数学角度
+ * @return { number } 运算角度
+ */
+export declare const getAngle: (deg: number) => number;
+/**
+ * 根据角度计算圆上的点
+ * @param { number } deg 运算角度
+ * @param { number } r 半径
+ * @return { Array<number> } 坐标[x, y]
+ */
+export declare const getArcPointerByDeg: (deg: number, r: number) => [number, number];
+/**
+ * 根据点计算切线方程
+ * @param { number } x 横坐标
+ * @param { number } y 纵坐标
+ * @return { Array<number> } [斜率, 常数]
+ */
+export declare const getTangentByPointer: (x: number, y: number) => Array<number>;
+export declare const fanShapedByArc: (ctx: CanvasRenderingContext2D, minRadius: number, maxRadius: number, start: number, end: number, gutter: number) => void;
+export declare const roundRectByArc: (ctx: CanvasRenderingContext2D, ...[x, y, w, h, r]: number[]) => void;
+/**
+ * 创建线性渐变色
+ */
+export declare const getLinearGradient: (ctx: CanvasRenderingContext2D, x: number, y: number, w: number, h: number, background: string) => void;

package/dist/utils/tween.d.ts

@@ -0,0 +1,21 @@
+/**
+ * 缓动函数
+ * t: current time（当前时间）
+ * b: beginning value（初始值）
+ * c: change in value（变化量）
+ * d: duration（持续时间）
+ *
+ * 感谢张鑫旭大佬 https://github.com/zhangxinxu/Tween
+ */
+interface SpeedType {
+    easeIn: (...arr: number[]) => number;
+    easeOut: (...arr: number[]) => number;
+}
+export declare const quad: SpeedType;
+export declare const cubic: SpeedType;
+export declare const quart: SpeedType;
+export declare const quint: SpeedType;
+export declare const sine: SpeedType;
+export declare const expo: SpeedType;
+export declare const circ: SpeedType;
+export {};

package/dist/vite.config.d.ts

@@ -0,0 +1,7 @@
+import type { BuildOptions, UserConfig } from 'vite';
+export declare const umd: BuildOptions;
+export declare const umdShadowless: BuildOptions;
+export declare const es: BuildOptions;
+export declare const viteConfig: UserConfig;
+declare const _default: UserConfig;
+export default _default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ranui",
-  "version": "0.1.10-alpha.2",
+  "version": "0.1.10-alpha.4",
   "description": "UI Component library based on `Web Component`",
   "main": "dist/umd/index.umd.cjs",
   "module": "dist/index.js",
@@ -18,7 +18,18 @@
   "author": "chaxus",
   "license": "MIT",
   "engines": {
-    "node": ">=12.20.0"
+    "node": "^18.0.0 || >=20.0.0"
+  },
+  "scripts": {
+    "dev": "vite --host",
+    "build": "sh ./bin/build.sh",
+    "build:es": "vite build -c ./build/config.es.ts",
+    "build:umd": "vite build -c ./build/config.umd.ts",
+    "prepublish": "npm run build",
+    "test": "sh ./bin/test.sh",
+    "test:report": "playwright show-report",
+    "test:ui": "playwright test --ui",
+    "test:update": "playwright test --update-snapshots"
   },
   "files": [
     "dist",
@@ -48,100 +59,105 @@
       "require": "./dist/umd/shadowless/shadowless.umd.cjs"
     },
     "./button": {
-      "types": "./dist/components/button/index.d.ts",
+      "types": "./dist/index.d.ts",
       "import": "./dist/components/button/index.js",
       "require": "./dist/umd/index.umd.cjs"
     },
     "./icon": {
-      "types": "./dist/components/icon/index.d.ts",
+      "types": "./dist/index.d.ts",
       "import": "./dist/components/icon/index.js",
       "require": "./dist/umd/index.umd.cjs"
     },
     "./image": {
-      "types": "./dist/components/image/index.d.ts",
+      "types": "./dist/index.d.ts",
       "import": "./dist/components/image/index.js",
       "require": "./dist/umd/index.umd.cjs"
     },
     "./input": {
-      "types": "./dist/components/input/index.d.ts",
+      "types": "./dist/index.d.ts",
       "import": "./dist/components/input/index.js",
       "require": "./dist/umd/index.umd.cjs"
     },
     "./message": {
-      "types": "./dist/components/message/index.d.ts",
+      "types": "./dist/index.d.ts",
       "import": "./dist/components/message/index.js",
       "require": "./dist/umd/index.umd.cjs"
     },
     "./preview": {
-      "types": "./dist/components/preview/index.d.ts",
+      "types": "./dist/index.d.ts",
       "import": "./dist/components/preview/index.js",
       "require": "./dist/umd/index.umd.cjs"
     },
     "./skeleton": {
-      "types": "./dist/components/skeleton/index.d.ts",
+      "types": "./dist/index.d.ts",
       "import": "./dist/components/skeleton/index.js",
       "require": "./dist/umd/index.umd.cjs"
     },
     "./tab": {
-      "types": "./dist/components/tab/index.d.ts",
+      "types": "./dist/index.d.ts",
       "import": "./dist/components/tab/index.js",
       "require": "./dist/umd/index.umd.cjs"
     },
     "./tabpane": {
-      "types": "./dist/components/tabpane/index.d.ts",
+      "types": "./dist/index.d.ts",
       "import": "./dist/components/tabpane/index.js",
       "require": "./dist/umd/index.umd.cjs"
     },
     "./radar": {
-      "types": "./dist/components/radar/index.d.ts",
+      "types": "./dist/index.d.ts",
       "import": "./dist/components/radar/index.js",
       "require": "./dist/umd/index.umd.cjs"
     },
     "./modal": {
-      "types": "./dist/components/modal/index.d.ts",
+      "types": "./dist/index.d.ts",
       "import": "./dist/components/modal/index.js",
       "require": "./dist/umd/index.umd.cjs"
     },
     "./select": {
-      "types": "./dist/components/select/index.d.ts",
+      "types": "./dist/index.d.ts",
       "import": "./dist/components/select/index.js",
       "require": "./dist/umd/index.umd.cjs"
     },
-    "./option": {
-      "types": "./dist/components/option/index.d.ts",
-      "import": "./dist/components/option/index.js",
-      "require": "./dist/umd/index.umd.cjs"
-    },
     "./progress": {
-      "types": "./dist/components/progress/index.d.ts",
+      "types": "./dist/index.d.ts",
       "import": "./dist/components/progress/index.js",
       "require": "./dist/umd/index.umd.cjs"
     },
     "./player": {
-      "types": "./dist/components/player/index.d.ts",
+      "types": "./dist/index.d.ts",
       "import": "./dist/components/player/index.js",
       "require": "./dist/umd/index.umd.cjs"
     },
     "./popover": {
-      "types": "./dist/components/popover/index.d.ts",
+      "types": "./dist/index.d.ts",
       "import": "./dist/components/popover/index.js",
       "require": "./dist/umd/index.umd.cjs"
     },
     "./content": {
-      "types": "./dist/components/content/index.d.ts",
+      "types": "./dist/index.d.ts",
       "import": "./dist/components/content/index.js",
       "require": "./dist/umd/index.umd.cjs"
     },
     "./loading": {
-      "types": "./dist/components/loading/index.d.ts",
+      "types": "./dist/index.d.ts",
       "import": "./dist/components/loading/index.js",
       "require": "./dist/umd/index.umd.cjs"
     },
     "./colorpicker": {
-      "types": "./dist/components/colorpicker/index.d.ts",
+      "types": "./dist/index.d.ts",
       "import": "./dist/components/colorpicker/index.js",
       "require": "./dist/umd/index.umd.cjs"
     },
+    "./math": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/components/math/index.js",
+      "require": "./dist/umd/index.umd.cjs"
+    },
+    "./checkbox": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/components/checkbox/index.js",
+      "require": "./dist/umd/index.umd.cjs"
+    },
     "./style": {
       "types": "./dist/index.d.ts",
       "import": "./dist/style.css",
@@ -155,14 +171,18 @@
     "@playwright/test": "^1.44.0",
     "@types/imagemin-svgo": "^10.0.5",
     "@types/lodash": "^4.17.1",
+    "@types/react": "^18.3.1",
     "@types/tinycolor2": "^1.4.6",
     "@vheemstra/vite-plugin-imagemin": "^1.2.1",
     "imagemin-svgo": "^10.0.1",
     "less": "^4.2.0",
     "prettier": "^2.8.8",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
     "rollup-plugin-visualizer": "^5.12.0",
     "svgo": "^3.3.0",
     "tsx": "^3.14.0",
+    "typescript": "^5.4.5",
     "vite": "^5.2.11"
   },
   "dependencies": {
@@ -170,18 +190,7 @@
     "exceljs": "^4.4.0",
     "jszip": "^3.10.1",
     "lodash": "^4.17.21",
-    "ranuts": "0.1.0-alpha.11",
+    "ranuts": "workspace:^",
     "tinycolor2": "^1.6.0"
-  },
-  "scripts": {
-    "dev": "vite",
-    "build": "sh ./bin/build.sh",
-    "build:es": "vite build -c ./build/config.es.ts",
-    "build:umd": "vite build -c ./build/config.umd.ts",
-    "prepublish": "npm run build",
-    "test": "sh ./bin/test.sh",
-    "test:report": "playwright show-report",
-    "test:ui": "playwright test --ui",
-    "test:update": "playwright test --update-snapshots"
   }
-}
+}

package/readme.md

@@ -12,13 +12,13 @@ UI Component library based on `Web Component`
 
 ## Feature
 
-1. **High Cross-Framework Compatibility**: Our solution seamlessly adapts to a wide array of leading front-end frameworks, including `React`, `Vue`, `Preact`, `SolidJS`, `Svelte`, and more. It also integrates smoothly with any project built on `JavaScript` and adhering to `W3C` standards. No matter your choice of technology stack, we guarantee consistent and reliable support.
-2. **Pure Native Experience**: Our solution eliminates the need for dependencies on front-end frameworks like `npm`, `React`/`Vue`, or complex build tools such as `webpack`/`vite`. It truly embodies the essence of Web technology. You can get started effortlessly, just like manipulating native `div` tags, immediately experiencing the purity and intuitiveness of the technology. This design not only simplifies project structure but also reduces the cost of learning and usage, enabling every developer to appreciate the native charm of Web technology.
-3. **Ultimate Modular Design**: Utilizing the principle of minimal modularization, we carefully dismantle large and complex systems or applications into extremely small, functionally independent, and easily reusable component units. This approach significantly enhances code maintainability, scalability, and reusability.
-4. **Fully Open-Source for Free Learning**: Our project fully adheres to the `MIT` open-source license, granting unrestricted access to all source code. This means you are free to access, learn from, reference, and even modify our code, whether for personal development or commercial applications. We firmly believe that open-source is a vital pathway for technological advancement and innovation.
-5. **Interactive and Comprehensive Documentation**: We provide detailed and highly interactive documentation, where all component examples are live and interactive. This allows you to directly experience the component functionality while reading, deepening your understanding and enabling quick hands-on learning. This design is aimed at providing you with the most intuitive and efficient learning experience possible.
-6. **Type-Checking Support**: Our development environment is fully built on `TypeScript`, equipped with comprehensive declaration files and type definitions, ensuring smooth integration for both `JavaScript` and `TypeScript` projects. With powerful type-checking capabilities, we significantly enhance code readability, maintainability, and project robustness, bringing unprecedented convenience and peace of mind to development work.
-7. **Enhanced Durability and Stability**: Our solution offers exceptional stability, eliminating concerns about disruptive updates encountered during version upgrades, such as `React` from version `15` to `16` (with `fiber`) or `Vue` from version `2` to `3` (with `hooks`). We ensure that your components won't be forced into unnecessary updates or redevelopments, thus avoiding potential project interruptions and additional workloads. This translates into a continuous and hassle-free project operation.
+1. **Cross-Framework Compatibility**: Works seamlessly with React, Vue, Preact, SolidJS, Svelte, and more. Integrates with any JavaScript project following W3C standards.
+2. **Pure Native Experience**: No need for npm, React/Vue, or build tools. Easy to start, like using native div tags, simplifying structure and reducing learning costs.
+3. **Modular Design**: Breaks systems into small, reusable components for enhanced maintainability and scalability.
+4. **Open-Source**: Licensed under MIT, providing free access to all source code for personal or commercial use.
+5. **Interactive Documentation**: Offers detailed, interactive documentation with live examples for efficient learning.
+6. **Type-Checking**: Built on TypeScript with full type support, ensuring robust and maintainable code.
+7. **Stability and Durability**: Provides exceptional stability, avoiding disruptive updates and ensuring continuous project operation.
 
 ## Install
 
@@ -101,12 +101,6 @@ document.body.appendChild(Button);
 
 ### jsx
 
-Since `react` has composite events, for more convenient use, `ranui` is encapsulated through `react` high-level components to form [@ranui/react](https://www.npmjs.com/package/@ranui/react).
-
-In react, it is recommended to use [@ranui/react](https://www.npmjs.com/package/@ranui/react).
-
-However, `ranui` can still be used in any `js` or `ts` framework.
-
 ```jsx
 import 'ranui';
 
@@ -132,12 +126,6 @@ import 'ranui';
 
 ### tsx
 
-Since `react` has composite events, for more convenient use, [ranui](https://www.npmjs.com/package/ranui) is encapsulated through `react` high-level components, so there is [@ranui/react](https://www.npmjs.com/package/@ranui/react).
-
-In `react`, using [@ranui/react](https://www.npmjs.com/package/@ranui/react) is silky and fully integrated into the `react` ecosystem after being wrapped in higher-order functions.
-
-However, [ranui](https://www.npmjs.com/package/ranui) can still be used in any `js` or `ts`.
-
 ```tsx
 // react 18
 import type { SyntheticEvent } from 'react';
@@ -173,35 +161,6 @@ const FilePreview = () => {
 };
 ```
 
-`jsx` defines the types of all `HTML-native` components in `TypeScript`.
-
-The `web component` type is not in the `jsx` definition.
-
-You need to add it manually.
-
-Otherwise you'll have type problems, but it actually works.
-
-```ts
-// typings.d.ts
-interface RButton {
-  type?: string;
-  onClick?: React.MouseEventHandler<HTMLDivElement> | undefined;
-}
-
-interface RPreview {
-  src?: string | Blob | ArrayBuffer;
-  onClick?: React.MouseEventHandler<HTMLDivElement> | undefined;
-  ref?: React.MutableRefObject<HTMLDivElement | null>;
-}
-
-declare namespace JSX {
-  interface IntrinsicElements {
-    'r-preview': React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement> & RPreview;
-    'r-button': React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement> & RButton;
-  }
-}
-```
-
 ## Contributors
 
 <a href="https://github.com/chaxus/ran/graphs/contributors">

package/typings.d.ts

@@ -5,10 +5,9 @@ declare module '*.svg';
 declare module 'docx-preview';
 declare module 'exceljs/*';
 declare module '@/assets/*';
+declare module '@/public/*';
 declare module '@/components/*';
 declare module '@/plugins/*';
-declare module '@/utils/*';
-declare module 'ranuts/*';
 
 declare namespace Ran {
   interface Prompt {
@@ -86,9 +85,19 @@ declare interface Document {
   webkitExitFullscreen: () => Promise<void>;
 }
 
+interface MathJax {
+  texReset: () => void;
+  getMetricsFor: (x: HTMLElement) => object;
+  tex2chtmlPromise: (x: string, y: object) => Promise<Element>;
+}
+
 declare interface Window {
   ranui: Partial<Ranui>;
   message: Partial<Ran.Message>;
+  MathJax: MathJax;
+  katex: {
+    render: (x: string, y: HTMLElement, z: object) => void;
+  };
   pdfjsLib: {
     GlobalWorkerOptions: {
       workerSrc: string;
@@ -99,3 +108,105 @@ declare interface Window {
   };
   Hls: HLS;
 }
+declare module 'react' {
+  namespace JSX {
+    interface IntrinsicElements {
+      'r-loading': React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement> & {
+        name: NAME_AMP;
+      };
+      'r-math': React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement> & {
+        latex: string;
+      };
+      'r-button': React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement> & {
+        sheet: string;
+        disabled: boolean | string;
+        iconSize: string;
+        icon: string;
+        effect: boolean | string;
+      };
+      'r-checkbox': React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement> & {
+        disabled: boolean | string;
+        checked: boolean | string;
+      };
+      'r-img': React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement> & {
+        fallback: string;
+        src: string;
+      };
+      'r-input': React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement> & {
+        value: string;
+        placeholder: string;
+        label: string;
+        status: string;
+        name: string;
+        icon: string;
+        prefix: string;
+        suffix: string;
+        type: string;
+        required: boolean | string;
+        disabled: boolean | string;
+        min: number | string;
+        max: number | string;
+        step: number | string;
+      };
+      'r-player': React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement> & {
+        src: string;
+        debug: boolean | string;
+        volume: number | string;
+        currentTime: number | string;
+        playbackRate: number | string;
+      };
+      'r-popover': React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement> & {
+        placement: string;
+        trigger: string;
+        getPopupContainerId: string;
+        arrow: boolean | string;
+      };
+      'r-preview': React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement> & {
+        src: string;
+        closeable: boolean | string;
+      };
+      'r-progress': React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement> & {
+        percent: number | string;
+        total: number | string;
+        type: string;
+        animation: string;
+        dot: boolean | string;
+      };
+      'r-radar': React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement> & {
+        abilitys: string;
+        colorPolygon?: string;
+        colorLine?: string;
+        fillColor?: string;
+        strokeColor?: string;
+      };
+      'r-select': React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement> & {
+        value: string;
+        defaultValue?: string;
+        showSearch?: boolean | string;
+        type?: string;
+        placement?: string;
+        sheet?: string;
+        getPopupContainerId?: string;
+        dropdownclass?: string;
+        trigger?: string;
+        trigger?: string;
+        disabled?: boolean | string;
+      };
+      'r-skeleton': React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement> & {};
+      'r-tab': React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement> & {
+        label: string;
+        icon: string;
+        iconSize: string;
+        key: string;
+        disabled: boolean | string;
+        effect: boolean | string;
+      };
+      'r-tabs': React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement> & {
+        align: string;
+        type: string;
+        active: string;
+        effect: string;
+      };
+    }
+  }
+}

package/dist/arrow-down-D4qr4m33.js

@@ -1,30 +0,0 @@
-const str2Xml = (xmlStr, format = "text/xml") => {
-  if (window.DOMParser)
-    return new window.DOMParser().parseFromString(xmlStr, format).documentElement;
-  if (typeof window.ActiveXObject !== "undefined") {
-    const xmlDoc = new window.ActiveXObject("Microsoft.XMLDOM");
-    xmlDoc.async = "false";
-    xmlDoc.loadXML(xmlStr);
-    return xmlDoc;
-  }
-  return void 0;
-};
-const __variableDynamicImportRuntimeHelper = (glob, path, segs) => {
-  const v = glob[path];
-  if (v) {
-    return typeof v === "function" ? v() : Promise.resolve(v);
-  }
-  return new Promise((_, reject) => {
-    (typeof queueMicrotask === "function" ? queueMicrotask : setTimeout)(reject.bind(null, new Error("Unknown variable dynamic import: " + path + (path.split("/").length !== segs ? ". Note that variables only represent file names one level deep." : ""))));
-  });
-};
-const arrowDown = { "success": true, "_identification": true, "data": '<svg viewBox="0 0 1024 1024" width="200" height="200" version="1.1"\n    fill="currentColor" xmlns="http://www.w3.org/2000/svg">\n    <path\n        d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"></path>\n</svg>' };
-const arrowDown$1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  default: arrowDown
-}, Symbol.toStringTag, { value: "Module" }));
-export {
-  __variableDynamicImportRuntimeHelper as _,
-  arrowDown$1 as a,
-  str2Xml as s
-};