@inpageedit/core 0.4.0 → 0.5.0

package/LICENSE

@@ -1,21 +1,21 @@
-MIT License
-
-Copyright (c) 2025 dragon-fish
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+MIT License
+
+Copyright (c) 2025 dragon-fish
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
 SOFTWARE.

package/README.md

@@ -1,55 +1,55 @@
-<div align="center">
-
-[![InPageEdit Logo](https://ipe.js.org/images/logo/InPageEdit.png)](https://ipe.js.org/images/logo/InPageEdit.png)
-
-# InPageEdit NEXT
-
-🚀 MediaWiki 的模块化、可扩展超级增强插件
-
-**InPageEdit NEXT**是由机智的小鱼君开发的一款 MediaWiki 多功能插件。主要功能旨在使许多 MediaWiki 的功能在不打开新标签页的情况下完成(包括但不限于编辑)，极大加快维护 wiki 的速度。模块化设计、类型定义清晰完整，插件可自由热插拔。
-
-</div>
-
-## 快速上手 / Quick Start
-
-[![](https://data.jsdelivr.com/v1/package/npm/@inpageedit/core/badge)](https://www.jsdelivr.com/package/npm/@inpageedit/core)
-
-在*个人 JS 页*添加以下代码：
-
-<!-- prettier-ignore -->
-```javascript
-// InPageEdit NEXT
-$('<script src="https://unpkg.com/@inpageedit/core" type="module"></script>').appendTo('body')
-```
-
-## 特色功能 / Features
-
-**编辑者视角 / For wiki editors**
-
-- 快速编辑 / Quick Edit
-- 快速移动 / Quick Move
-- 快速重定向 / Quick Redirect
-- 快速差异 / Quick Diff
-- 快速预览 / Quick Preview
-
-**开发者视角 / For developers**
-
-- 可热插拔的模块化设计
-- 完全使用 TypeScript 编写
-- 超简单的扩展能力，示例插件：[hello-world](./docs/.templates/examples/plugins/hello-world.js)
-
-## Supported languages
-
-> [!NOTE]
->
-> Currently only English is supported. We're working on i18n support.
-
----
-
-🚀 Modular, Extensible Supercharged Plugin for MediaWiki.
-
-> [MIT License](https://opensource.org/licenses/MIT)
->
-> InPageEdit-NEXT Copyright © 2025-present dragon-fish
-
-See more: [GitHub](https://github.com/inpageedit/inpageedit-next) | [Update logs](https://ipe.js.org/update/) | [File issues](https://github.com/inpageedit/inpageedit-next/issues)
+<div align="center">
+
+[![InPageEdit Logo](https://ipe.js.org/images/logo/InPageEdit.png)](https://ipe.js.org/images/logo/InPageEdit.png)
+
+# InPageEdit NEXT
+
+🚀 MediaWiki 的模块化、可扩展超级增强插件
+
+**InPageEdit NEXT**是由机智的小鱼君开发的一款 MediaWiki 多功能插件。主要功能旨在使许多 MediaWiki 的功能在不打开新标签页的情况下完成(包括但不限于编辑)，极大加快维护 wiki 的速度。模块化设计、类型定义清晰完整，插件可自由热插拔。
+
+</div>
+
+## 快速上手 / Quick Start
+
+[![](https://data.jsdelivr.com/v1/package/npm/@inpageedit/core/badge)](https://www.jsdelivr.com/package/npm/@inpageedit/core)
+
+在*个人 JS 页*添加以下代码：
+
+<!-- prettier-ignore -->
+```javascript
+// InPageEdit NEXT
+$('<script src="https://unpkg.com/@inpageedit/core" type="module"></script>').appendTo('body')
+```
+
+## 特色功能 / Features
+
+**编辑者视角 / For wiki editors**
+
+- 快速编辑 / Quick Edit
+- 快速移动 / Quick Move
+- 快速重定向 / Quick Redirect
+- 快速差异 / Quick Diff
+- 快速预览 / Quick Preview
+
+**开发者视角 / For developers**
+
+- 可热插拔的模块化设计
+- 完全使用 TypeScript 编写
+- 超简单的扩展能力，示例插件：[hello-world](./docs/.templates/examples/plugins/hello-world.js)
+
+## Supported languages
+
+> [!NOTE]
+>
+> Currently only English is supported. We're working on i18n support.
+
+---
+
+🚀 Modular, Extensible Supercharged Plugin for MediaWiki.
+
+> [MIT License](https://opensource.org/licenses/MIT)
+>
+> InPageEdit-NEXT Copyright © 2025-present dragon-fish
+
+See more: [GitHub](https://github.com/inpageedit/inpageedit-next) | [Update logs](https://ipe.js.org/update/) | [File issues](https://github.com/inpageedit/inpageedit-next/issues)

package/dist/ActionButton-BgbTKTg7.js

@@ -0,0 +1,24 @@
+import { c as s } from "./index-CvhkVj_L.js";
+const d = window?.location?.origin, p = ({
+  type: n,
+  tag: t,
+  href: i,
+  target: o,
+  children: a,
+  ...e
+}) => (t = t || (i ? "a" : "button"), typeof o > "u" && i && i.startsWith("http") && !i.startsWith(d) && (o = "_blank"), s(
+  t,
+  {
+    className: `theme-ipe ipe-action-button ipe-modal-btn is-${n || "default"}`,
+    // @ts-ignore
+    href: t === "a" ? i : void 0,
+    target: t === "a" ? o : void 0,
+    "data-href": t !== "a" ? i : void 0,
+    ...e
+  },
+  a
+));
+export {
+  p as A
+};
+//# sourceMappingURL=ActionButton-BgbTKTg7.js.map

package/dist/ActionButton-BgbTKTg7.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionButton-BgbTKTg7.js","sources":["../src/components/ActionButton.tsx"],"sourcesContent":["import { h, JSX, ReactNode } from 'jsx-dom'\n\nexport interface ActionButtonProps {\n  type?: 'primary' | 'secondary' | 'danger' | 'default'\n  tag?: 'a' | 'button' | 'div'\n}\n\nconst origin = window?.location?.origin\n\nexport const ActionButton = ({\n  type,\n  tag,\n  href,\n  target,\n  children,\n  ...rest\n}: ActionButtonProps &\n  Omit<JSX.IntrinsicElements['button'], 'type'> &\n  JSX.IntrinsicElements['a']) => {\n  tag = tag || (href ? 'a' : 'button')\n  if (\n    typeof target === 'undefined' &&\n    href &&\n    href.startsWith('http') &&\n    !href.startsWith(origin)\n  ) {\n    target = '_blank'\n  }\n  return h(\n    tag,\n    {\n      className: `theme-ipe ipe-action-button ipe-modal-btn is-${type || 'default'}`,\n      // @ts-ignore\n      href: tag === 'a' ? href : undefined,\n      target: tag === 'a' ? target : undefined,\n      'data-href': tag !== 'a' ? href : undefined,\n      ...rest,\n    },\n    children\n  )\n}\n"],"names":["origin","ActionButton","type","tag","href","target","children","rest","h"],"mappings":";AAOA,MAAMA,IAAS,QAAQ,UAAU,QAEpBC,IAAe,CAAC;AAAA,EAC3B,MAAAC;AAAA,EACA,KAAAC;AAAA,EACA,MAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACL,OAGEJ,IAAMA,MAAQC,IAAO,MAAM,WAEzB,OAAOC,IAAW,OAClBD,KACAA,EAAK,WAAW,MAAM,KACtB,CAACA,EAAK,WAAWJ,CAAM,MAEvBK,IAAS,WAEJG;AAAAA,EACLL;AAAA,EACA;AAAA,IACE,WAAW,gDAAgDD,KAAQ,SAAS;AAAA;AAAA,IAE5E,MAAMC,MAAQ,MAAMC,IAAO;AAAA,IAC3B,QAAQD,MAAQ,MAAME,IAAS;AAAA,IAC/B,aAAaF,MAAQ,MAAMC,IAAO;AAAA,IAClC,GAAGG;AAAA,EAAA;AAAA,EAELD;AAAA;"}

package/dist/InPageEdit.d.ts

@@ -1,10 +1,5 @@
 import { Context, Inject, Events as CordisEvents } from '@cordisjs/core';
-import { Logger } from './utils/Logger';
-export interface InPageEditCoreConfig {
-    baseURL: string | URL;
-    legacyPreferences: Record<string, any>;
-    logLevel: number;
-}
+import { Logger } from '@inpageedit/logger';
 /**
  * ✏️ InPageEdit NEXT
  *
@@ -13,6 +8,7 @@ export interface InPageEditCoreConfig {
  * @author dragon-fish <dragon-fish@qq.com>
  * @license MIT
  * @see https://github.com/inpageedit/inpageedit-next
+ * @see https://www.ipe.wiki/
  */
 export declare class InPageEdit extends Context {
     #private;
@@ -25,8 +21,13 @@ export declare class InPageEdit extends Context {
     constructor(config?: Partial<InPageEditCoreConfig>);
     useScope(inject: Inject): Promise<this>;
 }
+export interface InPageEditCoreConfig {
+    baseURL: string | URL;
+    legacyPreferences: Record<string, any>;
+    logLevel: number;
+}
 export { default as Schema } from 'schemastery';
-export * from './utils/Logger';
+export * from '@inpageedit/logger';
 export { Inject, Service } from '@cordisjs/core';
 export interface Events<C extends InPageEdit = InPageEdit> extends CordisEvents<C> {
 }

package/dist/InputBox-FIzJ-rPN.js.map

@@ -1 +1 @@
-{"version":3,"file":"InputBox-FIzJ-rPN.js","sources":["../src/components/CheckBox.tsx","../src/components/InputBox.tsx"],"sourcesContent":["import { JSX, ReactNode } from 'jsx-dom'\r\n\r\nexport type CheckBoxProps = {\r\n  id?: string\r\n  name: string\r\n  label?: string | HTMLElement\r\n  checked?: boolean\r\n  inputProps?: JSX.IntrinsicElements['input']\r\n  labelProps?: JSX.IntrinsicElements['span']\r\n} & JSX.IntrinsicElements['label']\r\n\r\nexport const CheckBox = (props: CheckBoxProps) => {\r\n  const { id, name, label, checked, inputProps, labelProps, children, ...rest } = props\r\n  return (\r\n    <label className=\"theme-ipe ipe-checkbox\" {...rest}>\r\n      <input type=\"checkbox\" id={id} name={name} checked={checked} {...inputProps} />\r\n      <span className=\"ipe-checkbox-box\"></span>\r\n      <span {...labelProps}>{label || children}</span>\r\n    </label>\r\n  )\r\n}\r\n","import { JSX } from 'jsx-dom'\r\n\r\nexport type InputBoxProps = {\r\n  label: string\r\n  id?: string\r\n  name: string\r\n  value?: string\r\n  disabled?: boolean\r\n  labelProps?: JSX.IntrinsicElements['label']\r\n  inputProps?: JSX.IntrinsicElements['input']\r\n} & JSX.IntrinsicElements['div']\r\n\r\nexport const InputBox = (props: InputBoxProps) => {\r\n  const { label, id, name, value, disabled, labelProps, inputProps, ...rest } = props\r\n  return (\r\n    <div className=\"theme-ipe ipe-input-box\" {...rest}>\r\n      <label htmlFor={id} style={{ display: 'block' }} {...labelProps}>\r\n        {label}\r\n      </label>\r\n      <input\r\n        id={id}\r\n        name={name}\r\n        value={value}\r\n        disabled={disabled}\r\n        style={{ width: '100%' }}\r\n        {...inputProps}\r\n      />\r\n    </div>\r\n  )\r\n}\r\n"],"names":["CheckBox","props","id","name","label","checked","inputProps","labelProps","children","rest","jsxs","jsx","InputBox","value","disabled"],"mappings":";AAWO,MAAMA,IAAW,CAACC,MAAyB;AAChD,QAAM,EAAE,IAAAC,GAAI,MAAAC,GAAM,OAAAC,GAAO,SAAAC,GAAS,YAAAC,GAAY,YAAAC,GAAY,UAAAC,GAAU,GAAGC,EAAA,IAASR;AAChF,SACES,gBAAAA,EAAC,SAAA,EAAM,WAAU,0BAA0B,GAAGD,GAC5C,UAAA;AAAA,IAAA,gBAAAE,EAAC,WAAM,MAAK,YAAW,IAAAT,GAAQ,MAAAC,GAAY,SAAAE,GAAmB,GAAGC,GAAY;AAAA,IAC7E,gBAAAK,EAAC,QAAA,EAAK,WAAU,mBAAA,CAAmB;AAAA,IACnC,gBAAAA,EAAC,QAAA,EAAM,GAAGJ,GAAa,eAASC,EAAA,CAAS;AAAA,EAAA,GAC3C;AAEJ,GCRaI,IAAW,CAACX,MAAyB;AAChD,QAAM,EAAE,OAAAG,GAAO,IAAAF,GAAI,MAAAC,GAAM,OAAAU,GAAO,UAAAC,GAAU,YAAAP,GAAY,YAAAD,GAAY,GAAGG,EAAA,IAASR;AAC9E,SACES,gBAAAA,EAAC,OAAA,EAAI,WAAU,2BAA2B,GAAGD,GAC3C,UAAA;AAAA,IAAA,gBAAAE,EAAC,SAAA,EAAM,SAAST,GAAI,OAAO,EAAE,SAAS,QAAA,GAAY,GAAGK,GAClD,UAAAH,EAAA,CACH;AAAA,IACA,gBAAAO;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,IAAAT;AAAA,QACA,MAAAC;AAAA,QACA,OAAAU;AAAA,QACA,UAAAC;AAAA,QACA,OAAO,EAAE,OAAO,OAAA;AAAA,QACf,GAAGR;AAAA,MAAA;AAAA,IAAA;AAAA,EACN,GACF;AAEJ;"}
+{"version":3,"file":"InputBox-FIzJ-rPN.js","sources":["../src/components/CheckBox.tsx","../src/components/InputBox.tsx"],"sourcesContent":["import { JSX, ReactNode } from 'jsx-dom'\n\nexport type CheckBoxProps = {\n  id?: string\n  name: string\n  label?: string | HTMLElement\n  checked?: boolean\n  inputProps?: JSX.IntrinsicElements['input']\n  labelProps?: JSX.IntrinsicElements['span']\n} & JSX.IntrinsicElements['label']\n\nexport const CheckBox = (props: CheckBoxProps) => {\n  const { id, name, label, checked, inputProps, labelProps, children, ...rest } = props\n  return (\n    <label className=\"theme-ipe ipe-checkbox\" {...rest}>\n      <input type=\"checkbox\" id={id} name={name} checked={checked} {...inputProps} />\n      <span className=\"ipe-checkbox-box\"></span>\n      <span {...labelProps}>{label || children}</span>\n    </label>\n  )\n}\n","import { JSX } from 'jsx-dom'\n\nexport type InputBoxProps = {\n  label: string\n  id?: string\n  name: string\n  value?: string\n  disabled?: boolean\n  labelProps?: JSX.IntrinsicElements['label']\n  inputProps?: JSX.IntrinsicElements['input']\n} & JSX.IntrinsicElements['div']\n\nexport const InputBox = (props: InputBoxProps) => {\n  const { label, id, name, value, disabled, labelProps, inputProps, ...rest } = props\n  return (\n    <div className=\"theme-ipe ipe-input-box\" {...rest}>\n      <label htmlFor={id} style={{ display: 'block' }} {...labelProps}>\n        {label}\n      </label>\n      <input\n        id={id}\n        name={name}\n        value={value}\n        disabled={disabled}\n        style={{ width: '100%' }}\n        {...inputProps}\n      />\n    </div>\n  )\n}\n"],"names":["CheckBox","props","id","name","label","checked","inputProps","labelProps","children","rest","jsxs","jsx","InputBox","value","disabled"],"mappings":";AAWO,MAAMA,IAAW,CAACC,MAAyB;AAChD,QAAM,EAAE,IAAAC,GAAI,MAAAC,GAAM,OAAAC,GAAO,SAAAC,GAAS,YAAAC,GAAY,YAAAC,GAAY,UAAAC,GAAU,GAAGC,EAAA,IAASR;AAChF,SACES,gBAAAA,EAAC,SAAA,EAAM,WAAU,0BAA0B,GAAGD,GAC5C,UAAA;AAAA,IAAA,gBAAAE,EAAC,WAAM,MAAK,YAAW,IAAAT,GAAQ,MAAAC,GAAY,SAAAE,GAAmB,GAAGC,GAAY;AAAA,IAC7E,gBAAAK,EAAC,QAAA,EAAK,WAAU,mBAAA,CAAmB;AAAA,IACnC,gBAAAA,EAAC,QAAA,EAAM,GAAGJ,GAAa,eAASC,EAAA,CAAS;AAAA,EAAA,GAC3C;AAEJ,GCRaI,IAAW,CAACX,MAAyB;AAChD,QAAM,EAAE,OAAAG,GAAO,IAAAF,GAAI,MAAAC,GAAM,OAAAU,GAAO,UAAAC,GAAU,YAAAP,GAAY,YAAAD,GAAY,GAAGG,EAAA,IAASR;AAC9E,SACES,gBAAAA,EAAC,OAAA,EAAI,WAAU,2BAA2B,GAAGD,GAC3C,UAAA;AAAA,IAAA,gBAAAE,EAAC,SAAA,EAAM,SAAST,GAAI,OAAO,EAAE,SAAS,QAAA,GAAY,GAAGK,GAClD,UAAAH,EAAA,CACH;AAAA,IACA,gBAAAO;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,IAAAT;AAAA,QACA,MAAAC;AAAA,QACA,OAAAU;AAAA,QACA,UAAAC;AAAA,QACA,OAAO,EAAE,OAAO,OAAA;AAAA,QACf,GAAGR;AAAA,MAAA;AAAA,IAAA;AAAA,EACN,GACF;AAEJ;"}

package/dist/Preferences-Bg3J5Ur9.js.map

@@ -1 +1 @@
-{"version":3,"file":"Preferences-Bg3J5Ur9.js","sources":["../src/decorators/Preferences.ts"],"sourcesContent":["import type Schema from 'schemastery'\r\n\r\ntype AnyConstructor<T = any> = new (...args: any[]) => T\r\n\r\nexport type PreferenceAugmented<C extends AnyConstructor, D extends Record<string, any>> = C & {\r\n  PreferencesSchema: Schema<D>\r\n  PreferencesDefaults: D\r\n}\r\n\r\n/**\r\n * Decorator for registering preferences\r\n *\r\n * ```ts\r\n * @RegisterPreferences(\r\n *   Schema.object({\r\n *     foo: Schema.string().description('Foo description'),\r\n *   }),\r\n *   {\r\n *     foo: 'default foo value',\r\n *   }\r\n * )\r\n * class Foo {}\r\n * ```\r\n *\r\n * same as:\r\n *\r\n * ```ts\r\n * class Foo {\r\n *    static ConfigSchema = Schema.object({\r\n *      foo: Schema.string().description('Foo description')\r\n *    })\r\n *    static ConfigDefaults = {\r\n *      foo: 'default foo value'\r\n *    }\r\n * }\r\n * ```\r\n */\r\nexport function RegisterPreferences<D extends Record<string, any>>(schema: Schema<D>, defaults: D) {\r\n  return function <T extends AnyConstructor>(target: T): PreferenceAugmented<T, D> {\r\n    ;(target as any).PreferencesSchema = schema\r\n    ;(target as any).PreferencesDefaults = defaults\r\n    return target as PreferenceAugmented<T, D>\r\n  }\r\n}\r\n"],"names":["RegisterPreferences","schema","defaults","target"],"mappings":"AAqCO,SAASA,EAAmDC,GAAmBC,GAAa;AACjG,SAAO,SAAoCC,GAAsC;AAC7E,WAAAA,EAAe,oBAAoBF,GACnCE,EAAe,sBAAsBD,GAChCC;AAAA,EACT;AACF;"}
+{"version":3,"file":"Preferences-Bg3J5Ur9.js","sources":["../src/decorators/Preferences.ts"],"sourcesContent":["import type Schema from 'schemastery'\n\ntype AnyConstructor<T = any> = new (...args: any[]) => T\n\nexport type PreferenceAugmented<C extends AnyConstructor, D extends Record<string, any>> = C & {\n  PreferencesSchema: Schema<D>\n  PreferencesDefaults: D\n}\n\n/**\n * Decorator for registering preferences\n *\n * ```ts\n * @RegisterPreferences(\n *   Schema.object({\n *     foo: Schema.string().description('Foo description'),\n *   }),\n *   {\n *     foo: 'default foo value',\n *   }\n * )\n * class Foo {}\n * ```\n *\n * same as:\n *\n * ```ts\n * class Foo {\n *    static ConfigSchema = Schema.object({\n *      foo: Schema.string().description('Foo description')\n *    })\n *    static ConfigDefaults = {\n *      foo: 'default foo value'\n *    }\n * }\n * ```\n */\nexport function RegisterPreferences<D extends Record<string, any>>(schema: Schema<D>, defaults: D) {\n  return function <T extends AnyConstructor>(target: T): PreferenceAugmented<T, D> {\n    ;(target as any).PreferencesSchema = schema\n    ;(target as any).PreferencesDefaults = defaults\n    return target as PreferenceAugmented<T, D>\n  }\n}\n"],"names":["RegisterPreferences","schema","defaults","target"],"mappings":"AAqCO,SAASA,EAAmDC,GAAmBC,GAAa;AACjG,SAAO,SAAoCC,GAAsC;AAC7E,WAAAA,EAAe,oBAAoBF,GACnCE,EAAe,sBAAsBD,GAChCC;AAAA,EACT;AACF;"}

package/dist/{RadioBox-BZFhTEo5.js → RadioBox-CaA8VgLu.js}

@@ -1,10 +1,10 @@
 import { j as e } from "./index-CvhkVj_L.js";
-const f = "_mbox_v5fz5_1", u = "_title_v5fz5_12", v = "_content_v5fz5_19", _ = "_close_v5fz5_27", s = {
-  mbox: f,
-  title: u,
-  content: v,
-  close: _
-}, P = (i) => {
+const u = "_mbox_5x43w_1", _ = "_title_5x43w_12", f = "_content_5x43w_19", v = "_close_5x43w_27", s = {
+  mbox: u,
+  title: _,
+  content: f,
+  close: v
+}, N = (i) => {
   const {
     type: t = "default",
     title: n,
@@ -15,9 +15,9 @@ const f = "_mbox_v5fz5_1", u = "_title_v5fz5_12", v = "_content_v5fz5_19", _ = "
     children: p,
     ...m
   } = i;
-  let d = n;
-  typeof n > "u" && t !== "default" && (d = t[0].toUpperCase() + t.slice(1).toLowerCase());
-  const x = async () => {
+  let x = n;
+  typeof n > "u" && t !== "default" && (x = t[0].toUpperCase() + t.slice(1).toLowerCase());
+  const d = async () => {
     if (!o)
       return Promise.resolve();
     const { promise: h, resolve: b } = Promise.withResolvers();
@@ -34,12 +34,12 @@ const f = "_mbox_v5fz5_1", u = "_title_v5fz5_12", v = "_content_v5fz5_19", _ = "
       o.remove(), b();
     }), h;
   }, o = /* @__PURE__ */ e("div", { className: `theme-ipe ipe-mbox mbox-type-${t || "default"} ${s.mbox}`, ...m, children: [
-    d && /* @__PURE__ */ e("div", { className: `ipe-mbox-title ${s.title}`, ...a, children: d }),
+    x && /* @__PURE__ */ e("div", { className: `ipe-mbox-title ${s.title}`, ...a, children: x }),
     /* @__PURE__ */ e("div", { className: `ipe-mbox-content ${s.content}`, ...r, children: p || c }),
-    l && /* @__PURE__ */ e("a", { onClick: x, className: `ipe-mbox-close ${s.close}`, children: "×" })
+    l && /* @__PURE__ */ e("a", { onClick: d, className: `ipe-mbox-close ${s.close}`, children: "×" })
   ] });
-  return o.close = x, o;
-}, g = (i) => {
+  return o.close = d, o;
+}, P = (i) => {
   const { id: t, name: n, value: c, label: l, inputProps: a, labelProps: r, children: p, ...m } = i;
   return /* @__PURE__ */ e("label", { className: "theme-ipe ipe-radio-box", ...m, children: [
     /* @__PURE__ */ e("input", { type: "radio", id: t, name: n, value: c, ...a }),
@@ -48,7 +48,7 @@ const f = "_mbox_v5fz5_1", u = "_title_v5fz5_12", v = "_content_v5fz5_19", _ = "
   ] });
 };
 export {
-  P as M,
-  g as R
+  N as M,
+  P as R
 };
-//# sourceMappingURL=RadioBox-BZFhTEo5.js.map
+//# sourceMappingURL=RadioBox-CaA8VgLu.js.map

package/dist/RadioBox-CaA8VgLu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioBox-CaA8VgLu.js","sources":["../src/components/MBox/index.tsx","../src/components/RadioBox.tsx"],"sourcesContent":["import { ReactNode } from 'jsx-dom'\nimport { JSX } from 'jsx-dom/jsx-runtime'\nimport styles from './styles.module.sass'\n\nexport type MBoxProps = {\n  type?:\n    | ''\n    | 'default'\n    | 'note'\n    | 'info'\n    | 'tip'\n    | 'success'\n    | 'important'\n    | 'done'\n    | 'warning'\n    | 'caution'\n    | 'error'\n  title?: ReactNode\n  content?: ReactNode\n  closeable?: boolean\n  titleProps?: JSX.IntrinsicElements['div']\n  contentProps?: JSX.IntrinsicElements['div']\n} & JSX.IntrinsicElements['div']\n\nexport type MBoxElement = HTMLElement & {\n  close: () => Promise<void>\n}\n\nexport const MBox = (props: MBoxProps) => {\n  const {\n    type = 'default',\n    title,\n    content,\n    closeable = true,\n    titleProps,\n    contentProps,\n    children,\n    ...rest\n  } = props\n  let titleContent = title\n  if (typeof title === 'undefined' && type !== 'default') {\n    titleContent = type[0].toUpperCase() + type.slice(1).toLowerCase()\n  }\n\n  const close = async () => {\n    if (!box) {\n      return Promise.resolve()\n    }\n    const { promise, resolve } = Promise.withResolvers<void>()\n\n    const animation = box.animate(\n      [\n        { opacity: '1', height: box.clientHeight + 'px' },\n        { opacity: '0', height: '0px', margin: '0px' },\n      ],\n      {\n        duration: 300,\n        easing: 'ease',\n      }\n    )\n\n    animation.addEventListener('finish', () => {\n      box.remove()\n      resolve()\n    })\n\n    return promise\n  }\n\n  const box = (\n    <div className={`theme-ipe ipe-mbox mbox-type-${type || 'default'} ${styles.mbox}`} {...rest}>\n      {titleContent && (\n        <div className={`ipe-mbox-title ${styles.title}`} {...titleProps}>\n          {titleContent}\n        </div>\n      )}\n      <div className={`ipe-mbox-content ${styles.content}`} {...contentProps}>\n        {children || content}\n      </div>\n      {closeable && (\n        <a onClick={close} className={`ipe-mbox-close ${styles.close}`}>\n          ×\n        </a>\n      )}\n    </div>\n  ) as MBoxElement\n  box.close = close\n  return box\n}\n","import { JSX, ReactNode } from 'jsx-dom'\n\nexport type RadioBoxProps = {\n  id?: string\n  name: string\n  value: string\n  label?: string | HTMLElement\n  inputProps?: JSX.IntrinsicElements['input']\n  labelProps?: JSX.IntrinsicElements['span']\n} & JSX.IntrinsicElements['label']\n\nexport const RadioBox = (props: RadioBoxProps) => {\n  const { id, name, value, label, inputProps, labelProps, children, ...rest } = props\n  return (\n    <label className=\"theme-ipe ipe-radio-box\" {...rest}>\n      <input type=\"radio\" id={id} name={name} value={value} {...inputProps} />\n      <span className=\"ipe-checkbox-box\"></span>\n      <span {...labelProps}>{label || children}</span>\n    </label>\n  )\n}\n"],"names":["MBox","props","type","title","content","closeable","titleProps","contentProps","children","rest","titleContent","close","box","promise","resolve","jsxs","styles","jsx","RadioBox","id","name","value","label","inputProps","labelProps"],"mappings":";;;;;;GA4BaA,IAAO,CAACC,MAAqB;AACxC,QAAM;AAAA,IACJ,MAAAC,IAAO;AAAA,IACP,OAAAC;AAAA,IACA,SAAAC;AAAA,IACA,WAAAC,IAAY;AAAA,IACZ,YAAAC;AAAA,IACA,cAAAC;AAAA,IACA,UAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACDR;AACJ,MAAIS,IAAeP;AACnB,EAAI,OAAOA,IAAU,OAAeD,MAAS,cAC3CQ,IAAeR,EAAK,CAAC,EAAE,YAAA,IAAgBA,EAAK,MAAM,CAAC,EAAE,YAAA;AAGvD,QAAMS,IAAQ,YAAY;AACxB,QAAI,CAACC;AACH,aAAO,QAAQ,QAAA;AAEjB,UAAM,EAAE,SAAAC,GAAS,SAAAC,MAAY,QAAQ,cAAA;AAarC,WAXkBF,EAAI;AAAA,MACpB;AAAA,QACE,EAAE,SAAS,KAAK,QAAQA,EAAI,eAAe,KAAA;AAAA,QAC3C,EAAE,SAAS,KAAK,QAAQ,OAAO,QAAQ,MAAA;AAAA,MAAM;AAAA,MAE/C;AAAA,QACE,UAAU;AAAA,QACV,QAAQ;AAAA,MAAA;AAAA,IACV,EAGQ,iBAAiB,UAAU,MAAM;AACzC,MAAAA,EAAI,OAAA,GACJE,EAAA;AAAA,IACF,CAAC,GAEMD;AAAA,EACT,GAEMD,IACJG,gBAAAA,EAAC,OAAA,EAAI,WAAW,gCAAgCb,KAAQ,SAAS,IAAIc,EAAO,IAAI,IAAK,GAAGP,GACrF,UAAA;AAAA,IAAAC,KACC,gBAAAO,EAAC,SAAI,WAAW,kBAAkBD,EAAO,KAAK,IAAK,GAAGV,GACnD,UAAAI,EAAA,CACH;AAAA,IAEF,gBAAAO,EAAC,OAAA,EAAI,WAAW,oBAAoBD,EAAO,OAAO,IAAK,GAAGT,GACvD,UAAAC,KAAYJ,EAAA,CACf;AAAA,IACCC,KACC,gBAAAY,EAAC,KAAA,EAAE,SAASN,GAAO,WAAW,kBAAkBK,EAAO,KAAK,IAAI,UAAA,IAAA,CAEhE;AAAA,EAAA,GAEJ;AAEF,SAAAJ,EAAI,QAAQD,GACLC;AACT,GC7EaM,IAAW,CAACjB,MAAyB;AAChD,QAAM,EAAE,IAAAkB,GAAI,MAAAC,GAAM,OAAAC,GAAO,OAAAC,GAAO,YAAAC,GAAY,YAAAC,GAAY,UAAAhB,GAAU,GAAGC,EAAA,IAASR;AAC9E,SACEc,gBAAAA,EAAC,SAAA,EAAM,WAAU,2BAA2B,GAAGN,GAC7C,UAAA;AAAA,IAAA,gBAAAQ,EAAC,WAAM,MAAK,SAAQ,IAAAE,GAAQ,MAAAC,GAAY,OAAAC,GAAe,GAAGE,GAAY;AAAA,IACtE,gBAAAN,EAAC,QAAA,EAAK,WAAU,mBAAA,CAAmB;AAAA,IACnC,gBAAAA,EAAC,QAAA,EAAM,GAAGO,GAAa,eAAShB,EAAA,CAAS;AAAA,EAAA,GAC3C;AAEJ;"}

package/dist/components/TwinSwapInput/index.d.ts

@@ -9,6 +9,7 @@ export interface TwinSwapInputInput {
     name: string;
     value?: string;
     disabled?: boolean;
+    required?: boolean;
     inputProps?: Omit<JSX.IntrinsicElements['input'], 'name' | 'value'>;
 }
 export type TwinSwapElement = HTMLDivElement & {

package/dist/components/index.js

@@ -1,35 +1,34 @@
-import { M as y, R as x } from "../RadioBox-BZFhTEo5.js";
-import { j as i } from "../index-CvhkVj_L.js";
+import { M as y, R as x } from "../RadioBox-CaA8VgLu.js";
+import { j as n } from "../index-CvhkVj_L.js";
 import { P as L } from "../index-CvhkVj_L.js";
-import { T as A } from "../index-BPsDFq9U.js";
-import { A as N } from "../ActionButton-ByMKIthQ.js";
+import { T as g } from "../index-Bh70Udzi.js";
+import { A as N } from "../ActionButton-BgbTKTg7.js";
 import { C as z, I as $ } from "../InputBox-FIzJ-rPN.js";
-const r = "_tabview_zlbug_1", _ = "_labels_container_zlbug_4", b = "_label_zlbug_4", d = "_active_zlbug_32", m = "_contents_container_zlbug_35", t = {
+const r = "_tabview_zlbug_1", _ = "_labels_container_zlbug_4", b = "_label_zlbug_4", d = "_active_zlbug_32", m = "_contents_container_zlbug_35", i = {
   tabview: r,
   labels_container: _,
   label: b,
   active: d,
   contents_container: m
 };
-console.log(t);
 function h({
-  tabs: n = [],
+  tabs: t = [],
   defaultActiveIndex: l = 0
 }) {
-  const c = /* @__PURE__ */ i("div", { className: `ipe-tabView ${t.tabview}`, children: [
-    /* @__PURE__ */ i("ul", { className: `ipe-tabView__labels-container ${t.labels_container}`, children: n.map((a) => /* @__PURE__ */ i(f, { name: a.name, children: a.children }, a.name)) }),
-    /* @__PURE__ */ i("div", { className: `ipe-tabView__contents ${t.contents_container}`, children: n.map((a) => /* @__PURE__ */ i(p, { name: a.name, children: a.content }, a.name)) })
+  const c = /* @__PURE__ */ n("div", { className: `ipe-tabView ${i.tabview}`, children: [
+    /* @__PURE__ */ n("ul", { className: `ipe-tabView__labels-container ${i.labels_container}`, children: t.map((a) => /* @__PURE__ */ n(f, { name: a.name, children: a.children }, a.name)) }),
+    /* @__PURE__ */ n("div", { className: `ipe-tabView__contents ${i.contents_container}`, children: t.map((a) => /* @__PURE__ */ n(p, { name: a.name, children: a.content }, a.name)) })
   ] }), s = c.querySelector(
     `.ipe-tabView__labels-container > .ipe-tabView__label:nth-child(${l + 1})`
   );
   return s && s.click(), c;
 }
-function f({ name: n, children: l }) {
-  return /* @__PURE__ */ i(
+function f({ name: t, children: l }) {
+  return /* @__PURE__ */ n(
     "li",
     {
-      "data-tab-name": n,
-      className: `ipe-tabView__label ${t.label}`,
+      "data-tab-name": t,
+      className: `ipe-tabView__label ${i.label}`,
       onClick: function(c) {
         c.preventDefault();
         const s = this.closest(".ipe-tabView");
@@ -38,24 +37,24 @@ function f({ name: n, children: l }) {
           (e) => e.classList.contains("ipe-tabView__labels")
         )?.children;
         a && Array.from(a).forEach((e) => {
-          e.classList.remove(t.active);
-        }), this.classList.add(t.active);
+          e.classList.remove(i.active);
+        }), this.classList.add(i.active);
         const o = Array.from(s.children).find(
           (e) => e.classList.contains("ipe-tabView__contents")
         )?.children;
         o && Array.from(o).forEach((e) => {
-          e instanceof HTMLElement && (e.dataset.tabName === n ? (e.style.display = "", e.classList.add(t.active)) : (e.style.display = "none", e.classList.remove(t.active)));
+          e instanceof HTMLElement && (e.dataset.tabName === t ? (e.style.display = "", e.classList.add(i.active)) : (e.style.display = "none", e.classList.remove(i.active)));
         });
       },
-      children: /* @__PURE__ */ i("a", { children: l || n })
+      children: /* @__PURE__ */ n("a", { children: l || t })
     }
   );
 }
-function p({ name: n, children: l }) {
-  return /* @__PURE__ */ i(
+function p({ name: t, children: l }) {
+  return /* @__PURE__ */ n(
     "div",
     {
-      "data-tab-name": n,
+      "data-tab-name": t,
       className: "ipe-tabView__content-body",
       style: {
         display: "none"
@@ -74,6 +73,6 @@ export {
   p as TabContent,
   f as TabLabel,
   h as TabView,
-  A as TwinSwapInput
+  g as TwinSwapInput
 };
 //# sourceMappingURL=index.js.map

package/dist/components/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/components/TabView/index.tsx"],"sourcesContent":["import { ReactNode } from 'jsx-dom'\r\nimport styles from './styles.module.sass'\r\n\r\nexport interface TabViewLabelOptions {\r\n  name: string\r\n  children: ReactNode\r\n}\r\n\r\nconsole.log(styles)\r\n\r\nexport function TabView({\r\n  tabs = [],\r\n  defaultActiveIndex = 0,\r\n}: {\r\n  tabs: (TabViewLabelOptions & { content: ReactNode })[]\r\n  defaultActiveIndex?: number\r\n}) {\r\n  const el = (\r\n    <div className={`ipe-tabView ${styles.tabview}`}>\r\n      <ul className={`ipe-tabView__labels-container ${styles.labels_container}`}>\r\n        {tabs.map((tab) => (\r\n          <TabLabel key={tab.name} name={tab.name}>\r\n            {tab.children}\r\n          </TabLabel>\r\n        ))}\r\n      </ul>\r\n      <div className={`ipe-tabView__contents ${styles.contents_container}`}>\r\n        {tabs.map((tab) => (\r\n          <TabContent key={tab.name} name={tab.name}>\r\n            {tab.content}\r\n          </TabContent>\r\n        ))}\r\n      </div>\r\n    </div>\r\n  )\r\n\r\n  const defaultActiveLabel = el.querySelector<HTMLAnchorElement>(\r\n    `.ipe-tabView__labels-container > .ipe-tabView__label:nth-child(${defaultActiveIndex + 1})`\r\n  )\r\n  if (defaultActiveLabel) {\r\n    defaultActiveLabel.click()\r\n  }\r\n\r\n  return el\r\n}\r\n\r\nexport function TabLabel({ name, children }: { name: string; children: ReactNode }) {\r\n  return (\r\n    <li\r\n      data-tab-name={name}\r\n      className={`ipe-tabView__label ${styles.label}`}\r\n      onClick={function (e) {\r\n        e.preventDefault()\r\n        const container = this.closest('.ipe-tabView')\r\n        if (!container) return\r\n        const labels = Array.from(container.children).find((el) =>\r\n          el.classList.contains('ipe-tabView__labels')\r\n        )?.children\r\n        if (labels) {\r\n          Array.from(labels).forEach((label) => {\r\n            label.classList.remove(styles.active)\r\n          })\r\n        }\r\n        this.classList.add(styles.active)\r\n        const contents = Array.from(container.children).find((el) =>\r\n          el.classList.contains('ipe-tabView__contents')\r\n        )?.children\r\n        if (contents) {\r\n          Array.from(contents).forEach((content) => {\r\n            if (content instanceof HTMLElement) {\r\n              if (content.dataset.tabName === name) {\r\n                content.style.display = ''\r\n                content.classList.add(styles.active)\r\n              } else {\r\n                content.style.display = 'none'\r\n                content.classList.remove(styles.active)\r\n              }\r\n            }\r\n          })\r\n        }\r\n      }}\r\n    >\r\n      <a>{children || name}</a>\r\n    </li>\r\n  )\r\n}\r\n\r\nexport function TabContent({ name, children }: { name: string; children: ReactNode }) {\r\n  return (\r\n    <div\r\n      data-tab-name={name}\r\n      className=\"ipe-tabView__content-body\"\r\n      style={{\r\n        display: 'none',\r\n      }}\r\n    >\r\n      {children}\r\n    </div>\r\n  )\r\n}\r\n"],"names":["styles","TabView","tabs","defaultActiveIndex","el","jsxs","jsx","tab","TabLabel","TabContent","defaultActiveLabel","name","children","e","container","labels","label","contents","content"],"mappings":";;;;;;;;;;;;;AAQA,QAAQ,IAAIA,CAAM;AAEX,SAASC,EAAQ;AAAA,EACtB,MAAAC,IAAO,CAAA;AAAA,EACP,oBAAAC,IAAqB;AACvB,GAGG;AACD,QAAMC,IACJC,gBAAAA,EAAC,OAAA,EAAI,WAAW,eAAeL,EAAO,OAAO,IAC3C,UAAA;AAAA,IAAA,gBAAAM,EAAC,MAAA,EAAG,WAAW,iCAAiCN,EAAO,gBAAgB,IACpE,UAAAE,EAAK,IAAI,CAACK,wBACRC,GAAA,EAAwB,MAAMD,EAAI,MAChC,UAAAA,EAAI,YADQA,EAAI,IAEnB,CACD,EAAA,CACH;AAAA,IACA,gBAAAD,EAAC,SAAI,WAAW,yBAAyBN,EAAO,kBAAkB,IAC/D,YAAK,IAAI,CAACO,MACT,gBAAAD,EAACG,GAAA,EAA0B,MAAMF,EAAI,MAClC,YAAI,QAAA,GADUA,EAAI,IAErB,CACD,EAAA,CACH;AAAA,EAAA,GACF,GAGIG,IAAqBN,EAAG;AAAA,IAC5B,kEAAkED,IAAqB,CAAC;AAAA,EAAA;AAE1F,SAAIO,KACFA,EAAmB,MAAA,GAGdN;AACT;AAEO,SAASI,EAAS,EAAE,MAAAG,GAAM,UAAAC,KAAmD;AAClF,SACE,gBAAAN;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,iBAAeK;AAAA,MACf,WAAW,sBAAsBX,EAAO,KAAK;AAAA,MAC7C,SAAS,SAAUa,GAAG;AACpB,QAAAA,EAAE,eAAA;AACF,cAAMC,IAAY,KAAK,QAAQ,cAAc;AAC7C,YAAI,CAACA,EAAW;AAChB,cAAMC,IAAS,MAAM,KAAKD,EAAU,QAAQ,EAAE;AAAA,UAAK,CAACV,MAClDA,EAAG,UAAU,SAAS,qBAAqB;AAAA,QAAA,GAC1C;AACH,QAAIW,KACF,MAAM,KAAKA,CAAM,EAAE,QAAQ,CAACC,MAAU;AACpC,UAAAA,EAAM,UAAU,OAAOhB,EAAO,MAAM;AAAA,QACtC,CAAC,GAEH,KAAK,UAAU,IAAIA,EAAO,MAAM;AAChC,cAAMiB,IAAW,MAAM,KAAKH,EAAU,QAAQ,EAAE;AAAA,UAAK,CAACV,MACpDA,EAAG,UAAU,SAAS,uBAAuB;AAAA,QAAA,GAC5C;AACH,QAAIa,KACF,MAAM,KAAKA,CAAQ,EAAE,QAAQ,CAACC,MAAY;AACxC,UAAIA,aAAmB,gBACjBA,EAAQ,QAAQ,YAAYP,KAC9BO,EAAQ,MAAM,UAAU,IACxBA,EAAQ,UAAU,IAAIlB,EAAO,MAAM,MAEnCkB,EAAQ,MAAM,UAAU,QACxBA,EAAQ,UAAU,OAAOlB,EAAO,MAAM;AAAA,QAG5C,CAAC;AAAA,MAEL;AAAA,MAEA,UAAA,gBAAAM,EAAC,KAAA,EAAG,UAAAM,KAAYD,EAAA,CAAK;AAAA,IAAA;AAAA,EAAA;AAG3B;AAEO,SAASF,EAAW,EAAE,MAAAE,GAAM,UAAAC,KAAmD;AACpF,SACE,gBAAAN;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,iBAAeK;AAAA,MACf,WAAU;AAAA,MACV,OAAO;AAAA,QACL,SAAS;AAAA,MAAA;AAAA,MAGV,UAAAC;AAAA,IAAA;AAAA,EAAA;AAGP;"}
+{"version":3,"file":"index.js","sources":["../../src/components/TabView/index.tsx"],"sourcesContent":["import { ReactNode } from 'jsx-dom'\nimport styles from './styles.module.sass'\n\nexport interface TabViewLabelOptions {\n  name: string\n  children: ReactNode\n}\n\nconsole.log(styles)\n\nexport function TabView({\n  tabs = [],\n  defaultActiveIndex = 0,\n}: {\n  tabs: (TabViewLabelOptions & { content: ReactNode })[]\n  defaultActiveIndex?: number\n}) {\n  const el = (\n    <div className={`ipe-tabView ${styles.tabview}`}>\n      <ul className={`ipe-tabView__labels-container ${styles.labels_container}`}>\n        {tabs.map((tab) => (\n          <TabLabel key={tab.name} name={tab.name}>\n            {tab.children}\n          </TabLabel>\n        ))}\n      </ul>\n      <div className={`ipe-tabView__contents ${styles.contents_container}`}>\n        {tabs.map((tab) => (\n          <TabContent key={tab.name} name={tab.name}>\n            {tab.content}\n          </TabContent>\n        ))}\n      </div>\n    </div>\n  )\n\n  const defaultActiveLabel = el.querySelector<HTMLAnchorElement>(\n    `.ipe-tabView__labels-container > .ipe-tabView__label:nth-child(${defaultActiveIndex + 1})`\n  )\n  if (defaultActiveLabel) {\n    defaultActiveLabel.click()\n  }\n\n  return el\n}\n\nexport function TabLabel({ name, children }: { name: string; children: ReactNode }) {\n  return (\n    <li\n      data-tab-name={name}\n      className={`ipe-tabView__label ${styles.label}`}\n      onClick={function (e) {\n        e.preventDefault()\n        const container = this.closest('.ipe-tabView')\n        if (!container) return\n        const labels = Array.from(container.children).find((el) =>\n          el.classList.contains('ipe-tabView__labels')\n        )?.children\n        if (labels) {\n          Array.from(labels).forEach((label) => {\n            label.classList.remove(styles.active)\n          })\n        }\n        this.classList.add(styles.active)\n        const contents = Array.from(container.children).find((el) =>\n          el.classList.contains('ipe-tabView__contents')\n        )?.children\n        if (contents) {\n          Array.from(contents).forEach((content) => {\n            if (content instanceof HTMLElement) {\n              if (content.dataset.tabName === name) {\n                content.style.display = ''\n                content.classList.add(styles.active)\n              } else {\n                content.style.display = 'none'\n                content.classList.remove(styles.active)\n              }\n            }\n          })\n        }\n      }}\n    >\n      <a>{children || name}</a>\n    </li>\n  )\n}\n\nexport function TabContent({ name, children }: { name: string; children: ReactNode }) {\n  return (\n    <div\n      data-tab-name={name}\n      className=\"ipe-tabView__content-body\"\n      style={{\n        display: 'none',\n      }}\n    >\n      {children}\n    </div>\n  )\n}\n"],"names":["TabView","tabs","defaultActiveIndex","el","jsxs","styles","jsx","tab","TabLabel","TabContent","defaultActiveLabel","name","children","e","container","labels","label","contents","content"],"mappings":";;;;;;;;;;;;;AAUO,SAASA,EAAQ;AAAA,EACtB,MAAAC,IAAO,CAAA;AAAA,EACP,oBAAAC,IAAqB;AACvB,GAGG;AACD,QAAMC,IACJC,gBAAAA,EAAC,OAAA,EAAI,WAAW,eAAeC,EAAO,OAAO,IAC3C,UAAA;AAAA,IAAA,gBAAAC,EAAC,MAAA,EAAG,WAAW,iCAAiCD,EAAO,gBAAgB,IACpE,UAAAJ,EAAK,IAAI,CAACM,wBACRC,GAAA,EAAwB,MAAMD,EAAI,MAChC,UAAAA,EAAI,YADQA,EAAI,IAEnB,CACD,EAAA,CACH;AAAA,IACA,gBAAAD,EAAC,SAAI,WAAW,yBAAyBD,EAAO,kBAAkB,IAC/D,YAAK,IAAI,CAACE,MACT,gBAAAD,EAACG,GAAA,EAA0B,MAAMF,EAAI,MAClC,YAAI,QAAA,GADUA,EAAI,IAErB,CACD,EAAA,CACH;AAAA,EAAA,GACF,GAGIG,IAAqBP,EAAG;AAAA,IAC5B,kEAAkED,IAAqB,CAAC;AAAA,EAAA;AAE1F,SAAIQ,KACFA,EAAmB,MAAA,GAGdP;AACT;AAEO,SAASK,EAAS,EAAE,MAAAG,GAAM,UAAAC,KAAmD;AAClF,SACE,gBAAAN;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,iBAAeK;AAAA,MACf,WAAW,sBAAsBN,EAAO,KAAK;AAAA,MAC7C,SAAS,SAAUQ,GAAG;AACpB,QAAAA,EAAE,eAAA;AACF,cAAMC,IAAY,KAAK,QAAQ,cAAc;AAC7C,YAAI,CAACA,EAAW;AAChB,cAAMC,IAAS,MAAM,KAAKD,EAAU,QAAQ,EAAE;AAAA,UAAK,CAACX,MAClDA,EAAG,UAAU,SAAS,qBAAqB;AAAA,QAAA,GAC1C;AACH,QAAIY,KACF,MAAM,KAAKA,CAAM,EAAE,QAAQ,CAACC,MAAU;AACpC,UAAAA,EAAM,UAAU,OAAOX,EAAO,MAAM;AAAA,QACtC,CAAC,GAEH,KAAK,UAAU,IAAIA,EAAO,MAAM;AAChC,cAAMY,IAAW,MAAM,KAAKH,EAAU,QAAQ,EAAE;AAAA,UAAK,CAACX,MACpDA,EAAG,UAAU,SAAS,uBAAuB;AAAA,QAAA,GAC5C;AACH,QAAIc,KACF,MAAM,KAAKA,CAAQ,EAAE,QAAQ,CAACC,MAAY;AACxC,UAAIA,aAAmB,gBACjBA,EAAQ,QAAQ,YAAYP,KAC9BO,EAAQ,MAAM,UAAU,IACxBA,EAAQ,UAAU,IAAIb,EAAO,MAAM,MAEnCa,EAAQ,MAAM,UAAU,QACxBA,EAAQ,UAAU,OAAOb,EAAO,MAAM;AAAA,QAG5C,CAAC;AAAA,MAEL;AAAA,MAEA,UAAA,gBAAAC,EAAC,KAAA,EAAG,UAAAM,KAAYD,EAAA,CAAK;AAAA,IAAA;AAAA,EAAA;AAG3B;AAEO,SAASF,EAAW,EAAE,MAAAE,GAAM,UAAAC,KAAmD;AACpF,SACE,gBAAAN;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,iBAAeK;AAAA,MACf,WAAU;AAAA,MACV,OAAO;AAAA,QACL,SAAS;AAAA,MAAA;AAAA,MAGV,UAAAC;AAAA,IAAA;AAAA,EAAA;AAGP;"}

package/dist/{index-BPsDFq9U.js → index-Bh70Udzi.js}

@@ -1,11 +1,11 @@
 import { j as n } from "./index-CvhkVj_L.js";
-const x = "_twinSwapInput_1gdgl_9", y = "_inputWrapper_1gdgl_23", L = "_inputLeft_1gdgl_27", W = "_inputRight_1gdgl_30", $ = "_swapButton_1gdgl_46", i = {
-  twinSwapInput: x,
-  inputWrapper: y,
-  inputLeft: L,
-  inputRight: W,
-  swapButton: $
-}, C = (f) => {
+const y = "_twinSwapInput_1gdgl_9", L = "_inputWrapper_1gdgl_23", W = "_inputLeft_1gdgl_27", $ = "_inputRight_1gdgl_30", j = "_swapButton_1gdgl_46", i = {
+  twinSwapInput: y,
+  inputWrapper: L,
+  inputLeft: W,
+  inputRight: $,
+  swapButton: j
+}, M = (f) => {
   const { inputs: l, enableSwap: b = !0, ...v } = f, _ = l?.length === 2 ? l : [l?.[0] ?? {}, l?.[1] ?? {}], s = [null, null];
   let c = 0, o = null, p = null;
   const d = () => s.some((t) => t && t.disabled), w = () => {
@@ -50,23 +50,24 @@ const x = "_twinSwapInput_1gdgl_9", y = "_inputWrapper_1gdgl_23", L = "_inputLef
     }
   ), r = /* @__PURE__ */ n("div", { className: `twin-swap-input ${i.twinSwapInput}`, ...v, children: [
     _.map((t, e) => {
-      const { label: a, id: u, name: h, value: S, disabled: k, inputProps: B } = t, E = e === 0, g = u || h;
+      const { label: a, id: u, name: h, value: S, disabled: k, required: B, inputProps: E } = t, R = e === 0, g = u || h;
       return /* @__PURE__ */ n(
         "div",
         {
-          className: `${i.inputWrapper} ${E ? i.inputLeft : i.inputRight}`,
+          className: `${i.inputWrapper} ${R ? i.inputLeft : i.inputRight}`,
           children: [
             a && /* @__PURE__ */ n("label", { htmlFor: g, children: a }),
             /* @__PURE__ */ n(
               "input",
               {
-                ref: (R) => s[e] = R,
+                ref: (x) => s[e] = x,
                 type: "text",
                 id: g,
                 name: h,
                 value: S,
                 disabled: k,
-                ...B
+                required: B,
+                ...E
               }
             )
           ]
@@ -78,6 +79,6 @@ const x = "_twinSwapInput_1gdgl_9", y = "_inputWrapper_1gdgl_23", L = "_inputLef
   return r.swap = w, r.toggleEnableSwap = m, r;
 };
 export {
-  C as T
+  M as T
 };
-//# sourceMappingURL=index-BPsDFq9U.js.map
+//# sourceMappingURL=index-Bh70Udzi.js.map

package/dist/index-Bh70Udzi.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-Bh70Udzi.js","sources":["../src/components/TwinSwapInput/index.tsx"],"sourcesContent":["import { JSX } from 'jsx-dom/jsx-runtime'\nimport styles from './styles.module.sass'\n\nexport type TwinSwapInputProps = {\n  inputs: [TwinSwapInputInput, TwinSwapInputInput]\n  enableSwap?: boolean\n} & JSX.IntrinsicElements['div']\n\nexport interface TwinSwapInputInput {\n  label?: string\n  id?: string\n  name: string\n  value?: string\n  disabled?: boolean\n  required?: boolean\n  inputProps?: Omit<JSX.IntrinsicElements['input'], 'name' | 'value'>\n}\n\nexport type TwinSwapElement = HTMLDivElement & {\n  swap: () => void\n  toggleEnableSwap: (enable?: boolean) => void\n}\n\nexport const TwinSwapInput = (props: TwinSwapInputProps) => {\n  const { inputs, enableSwap = true, ...rest } = props\n\n  const normalizedInputs =\n    inputs?.length === 2\n      ? inputs\n      : ([inputs?.[0] ?? {}, inputs?.[1] ?? {}] as [TwinSwapInputInput, TwinSwapInputInput])\n\n  // 内部稳定引用\n  const inputRefs: [HTMLInputElement | null, HTMLInputElement | null] = [null, null]\n\n  let swapCount = 0\n  let swapBtnRef: HTMLButtonElement | null = null\n  let svgRef: SVGElement | null = null\n\n  const checkIfInputDisabled = () => inputRefs.some((el) => el && el.disabled)\n\n  const swap = () => {\n    if (!inputRefs[0] || !inputRefs[1]) return\n    if (checkIfInputDisabled()) return\n\n    const a = inputRefs[0]\n    const b = inputRefs[1]\n    const va = a.value\n    const vb = b.value\n    a.value = vb\n    b.value = va\n\n    // 与原实现一致：派发 change（不冒泡）\n    a.dispatchEvent(new Event('change'))\n    b.dispatchEvent(new Event('change'))\n\n    swapCount++\n    if (svgRef) {\n      svgRef.style.transform = `rotateY(${swapCount * -180}deg)`\n      svgRef.style.transition = 'transform 200ms ease'\n    }\n  }\n\n  const toggleEnableSwap = (enable?: boolean) => {\n    if (!swapBtnRef) return\n    const next = enable ?? !swapBtnRef.disabled\n    swapBtnRef.disabled = !next\n    if (next) {\n      // 与原实现一致：开启时把 inputs 解禁\n      inputRefs.forEach((el) => {\n        if (el) el.disabled = false\n      })\n    }\n  }\n\n  const swapButton = (\n    <button\n      type=\"button\"\n      aria-label=\"Swap values\"\n      onClick={swap}\n      disabled={checkIfInputDisabled() || !enableSwap}\n      ref={(el) => (swapBtnRef = el as HTMLButtonElement)}\n    >\n      <svg\n        ref={(el) => (svgRef = el as unknown as SVGElement)}\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width=\"24\"\n        height=\"24\"\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        stroke=\"currentColor\"\n        stroke-width=\"2\"\n        stroke-linecap=\"round\"\n        stroke-linejoin=\"round\"\n        class=\"icon-tabler icons-tabler-outline icon-tabler-transfer\"\n      >\n        <path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\" />\n        <path d=\"M20 10h-16l5.5 -6\" />\n        <path d=\"M4 14h16l-5.5 6\" />\n      </svg>\n    </button>\n  ) as HTMLButtonElement\n\n  const container = (\n    <div className={`twin-swap-input ${styles.twinSwapInput}`} {...rest}>\n      {normalizedInputs.map((input, index) => {\n        const { label, id, name, value, disabled, required, inputProps } = input\n        const isLeft = index === 0\n        const inputId = id || name\n\n        return (\n          <div\n            className={`${styles.inputWrapper} ${isLeft ? styles.inputLeft : styles.inputRight}`}\n          >\n            {label && <label htmlFor={inputId}>{label}</label>}\n            <input\n              ref={(el) => (inputRefs[index] = el as HTMLInputElement)}\n              type=\"text\"\n              id={inputId}\n              name={name}\n              value={value}\n              disabled={disabled}\n              required={required}\n              {...inputProps}\n            />\n          </div>\n        )\n      })}\n\n      <div className={styles.swapButton}>{swapButton}</div>\n    </div>\n  ) as TwinSwapElement\n\n  container.swap = swap\n  container.toggleEnableSwap = toggleEnableSwap\n\n  return container\n}\n"],"names":["TwinSwapInput","props","inputs","enableSwap","rest","normalizedInputs","inputRefs","swapCount","swapBtnRef","svgRef","checkIfInputDisabled","el","swap","a","b","va","vb","toggleEnableSwap","enable","next","swapButton","jsx","jsxs","container","styles","input","index","label","id","name","value","disabled","required","inputProps","isLeft","inputId"],"mappings":";;;;;;;GAuBaA,IAAgB,CAACC,MAA8B;AAC1D,QAAM,EAAE,QAAAC,GAAQ,YAAAC,IAAa,IAAM,GAAGC,MAASH,GAEzCI,IACJH,GAAQ,WAAW,IACfA,IACC,CAACA,IAAS,CAAC,KAAK,CAAA,GAAIA,IAAS,CAAC,KAAK,CAAA,CAAE,GAGtCI,IAAgE,CAAC,MAAM,IAAI;AAEjF,MAAIC,IAAY,GACZC,IAAuC,MACvCC,IAA4B;AAEhC,QAAMC,IAAuB,MAAMJ,EAAU,KAAK,CAACK,MAAOA,KAAMA,EAAG,QAAQ,GAErEC,IAAO,MAAM;AAEjB,QADI,CAACN,EAAU,CAAC,KAAK,CAACA,EAAU,CAAC,KAC7BI,IAAwB;AAE5B,UAAMG,IAAIP,EAAU,CAAC,GACfQ,IAAIR,EAAU,CAAC,GACfS,IAAKF,EAAE,OACPG,IAAKF,EAAE;AACb,IAAAD,EAAE,QAAQG,GACVF,EAAE,QAAQC,GAGVF,EAAE,cAAc,IAAI,MAAM,QAAQ,CAAC,GACnCC,EAAE,cAAc,IAAI,MAAM,QAAQ,CAAC,GAEnCP,KACIE,MACFA,EAAO,MAAM,YAAY,WAAWF,IAAY,IAAI,QACpDE,EAAO,MAAM,aAAa;AAAA,EAE9B,GAEMQ,IAAmB,CAACC,MAAqB;AAC7C,QAAI,CAACV,EAAY;AACjB,UAAMW,IAAOD,KAAU,CAACV,EAAW;AACnC,IAAAA,EAAW,WAAW,CAACW,GACnBA,KAEFb,EAAU,QAAQ,CAACK,MAAO;AACxB,MAAIA,QAAO,WAAW;AAAA,IACxB,CAAC;AAAA,EAEL,GAEMS,IACJ,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,cAAW;AAAA,MACX,SAAST;AAAA,MACT,UAAUF,EAAA,KAA0B,CAACP;AAAA,MACrC,KAAK,CAACQ,MAAQH,IAAaG;AAAA,MAE3B,UAAAW,gBAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UACC,KAAK,CAACX,MAAQF,IAASE;AAAA,UACvB,OAAM;AAAA,UACN,OAAM;AAAA,UACN,QAAO;AAAA,UACP,SAAQ;AAAA,UACR,MAAK;AAAA,UACL,QAAO;AAAA,UACP,gBAAa;AAAA,UACb,kBAAe;AAAA,UACf,mBAAgB;AAAA,UAChB,OAAM;AAAA,UAEN,UAAA;AAAA,YAAA,gBAAAU,EAAC,UAAK,QAAO,QAAO,GAAE,iBAAgB,MAAK,QAAO;AAAA,YAClD,gBAAAA,EAAC,QAAA,EAAK,GAAE,oBAAA,CAAoB;AAAA,YAC5B,gBAAAA,EAAC,QAAA,EAAK,GAAE,kBAAA,CAAkB;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAC5B;AAAA,EAAA,GAIEE,sBACH,OAAA,EAAI,WAAW,mBAAmBC,EAAO,aAAa,IAAK,GAAGpB,GAC5D,UAAA;AAAA,IAAAC,EAAiB,IAAI,CAACoB,GAAOC,MAAU;AACtC,YAAM,EAAE,OAAAC,GAAO,IAAAC,GAAI,MAAAC,GAAM,OAAAC,GAAO,UAAAC,GAAU,UAAAC,GAAU,YAAAC,MAAeR,GAC7DS,IAASR,MAAU,GACnBS,IAAUP,KAAMC;AAEtB,aACEP,gBAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAW,GAAGE,EAAO,YAAY,IAAIU,IAASV,EAAO,YAAYA,EAAO,UAAU;AAAA,UAEjF,UAAA;AAAA,YAAAG,KAAS,gBAAAN,EAAC,SAAA,EAAM,SAASc,GAAU,UAAAR,GAAM;AAAA,YAC1C,gBAAAN;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,KAAK,CAACV,MAAQL,EAAUoB,CAAK,IAAIf;AAAA,gBACjC,MAAK;AAAA,gBACL,IAAIwB;AAAA,gBACJ,MAAAN;AAAA,gBACA,OAAAC;AAAA,gBACA,UAAAC;AAAA,gBACA,UAAAC;AAAA,gBACC,GAAGC;AAAA,cAAA;AAAA,YAAA;AAAA,UACN;AAAA,QAAA;AAAA,MAAA;AAAA,IAGN,CAAC;AAAA,IAED,gBAAAZ,EAAC,OAAA,EAAI,WAAWG,EAAO,YAAa,UAAAJ,EAAA,CAAW;AAAA,EAAA,GACjD;AAGF,SAAAG,EAAU,OAAOX,GACjBW,EAAU,mBAAmBN,GAEtBM;AACT;"}

package/dist/index-Bo1hNwWJ.js

@@ -0,0 +1,96 @@
+import { j as s, F as m, P as j } from "./index-CvhkVj_L.js";
+import { BasePlugin as E, Inject as y } from "./index.js";
+var S = Object.create, _ = Object.defineProperty, F = Object.getOwnPropertyDescriptor, k = (t, i) => (i = Symbol[t]) ? i : Symbol.for("Symbol." + t), x = (t) => {
+  throw TypeError(t);
+}, O = (t, i, r) => i in t ? _(t, i, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[i] = r, Q = (t, i) => _(t, "name", { value: i, configurable: !0 }), T = (t) => [, , , S(t?.[k("metadata")] ?? null)], z = ["class", "method", "getter", "setter", "accessor", "field", "value", "get", "set"], f = (t) => t !== void 0 && typeof t != "function" ? x("Function expected") : t, C = (t, i, r, a, e) => ({ kind: z[t], name: i, metadata: a, addInitializer: (c) => r._ ? x("Already initialized") : e.push(f(c || null)) }), I = (t, i) => O(i, k("metadata"), t[3]), B = (t, i, r, a) => {
+  for (var e = 0, c = t[i >> 1], n = c && c.length; e < n; e++) c[e].call(r);
+  return a;
+}, D = (t, i, r, a, e, c) => {
+  var n, o, u, l = i & 7, w = !1, P = 0, q = t[P] || (t[P] = []), d = l && (e = e.prototype, l < 5 && (l > 3 || !w) && F(e, r));
+  Q(e, r);
+  for (var v = a.length - 1; v >= 0; v--)
+    u = C(l, r, o = {}, t[3], q), n = (0, a[v])(e, u), o._ = 1, f(n) && (e = n);
+  return I(t, e), d && _(e, r, d), w ? l ^ 4 ? c : d : e;
+}, g, h, b;
+g = [y(["api", "wikiPage", "modal"])];
+class p extends (b = E) {
+  constructor(i) {
+    super(i, {}, "quickPreview"), this.ctx = i;
+  }
+  start() {
+    this.ctx.set("quickPreview", this.quickPreview.bind(this)), this.ctx.on("quickEdit/wikiPage", this.injectQuickEdit.bind(this));
+  }
+  stop() {
+    this.ctx.off("quickEdit/wikiPage", this.injectQuickEdit.bind(this));
+  }
+  injectQuickEdit({ ctx: i, modal: r, wikiPage: a }) {
+    let e;
+    r.addButton(
+      {
+        label: "Preview",
+        side: "left",
+        className: "btn btn-secondary",
+        method: () => {
+          e = this.quickPreview(
+            r.get$content().querySelector('textarea[name="text"]')?.value || "",
+            void 0,
+            a,
+            e
+          );
+        }
+      },
+      2
+    );
+  }
+  quickPreview(i, r, a, e) {
+    return a ||= this.ctx.wikiPage.newBlankPage({
+      title: "API"
+    }), (!e || e.isDestroyed) && (e = this.ctx.modal.createObject({
+      className: "in-page-edit ipe-quickPreview",
+      sizeClass: "large",
+      backdrop: !1,
+      draggable: !0
+    }).init()), e.show(), e.setTitle("Preview loading..."), e.setContent(/* @__PURE__ */ s(j, {})), e.bringToFront(), this.ctx.emit("quickPreview/showModal", {
+      ctx: this.ctx,
+      text: i,
+      modal: e,
+      wikiPage: a
+    }), a.preview(i, r).then((c) => {
+      const {
+        data: { parse: n }
+      } = c;
+      e.setTitle(`Preview - ${n.title}`);
+      let o = null;
+      e.setContent(
+        /* @__PURE__ */ s("section", { children: /* @__PURE__ */ s(
+          "div",
+          {
+            ref: (u) => o = u,
+            className: "mw-parser-output",
+            innerHTML: n.text
+          }
+        ) })
+      ), window.mw?.hook("wikipage.content").fire($(o)), this.ctx.emit("quickPreview/loaded", {
+        ctx: this.ctx,
+        modal: e,
+        wikiPage: a,
+        text: i,
+        parseData: n
+      });
+    }).catch((c) => {
+      e.setTitle("Preview failed"), e.setContent(
+        /* @__PURE__ */ s(m, { children: [
+          /* @__PURE__ */ s("p", { children: "Failed to preview" }),
+          /* @__PURE__ */ s("p", { children: c instanceof Error ? c.message : String(c) })
+        ] })
+      );
+    }), e;
+  }
+}
+h = T(b);
+p = D(h, 0, "PluginQuickPreview", g, p);
+B(h, 1, p);
+export {
+  p as PluginQuickPreview
+};
+//# sourceMappingURL=index-Bo1hNwWJ.js.map