tiny-ui 1.0.3 → 1.0.4

package/lib/flip/index.js

@@ -1,9 +1,11 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const flip_1 = tslib_1.__importDefault(require("./flip"));
-const flip_item_1 = tslib_1.__importDefault(require("./flip-item"));
-const DefaultFlip = flip_1.default;
-DefaultFlip.Item = flip_item_1.default;
+require('../style/base.css');
+require('./style/index.css');
+const require_flip = require("./flip.js");
+const require_flip_item = require("./flip-item.js");
+//#region components/flip/index.tsx
+const DefaultFlip = require_flip.default;
+DefaultFlip.Item = require_flip_item.default;
+//#endregion
 exports.default = DefaultFlip;
+
 //# sourceMappingURL=index.js.map

package/lib/flip/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../components/flip/index.tsx"],"names":[],"mappings":";;;AAAA,0DAA0B;AAC1B,oEAAmC;AAMnC,MAAM,WAAW,GAAG,cAAa,CAAC;AAClC,WAAW,CAAC,IAAI,GAAG,mBAAQ,CAAC;AAE5B,kBAAe,WAAW,CAAC"}
+{"version":3,"file":"index.js","names":["Flip","FlipItem"],"sources":["../../components/flip/index.tsx"],"sourcesContent":["import Flip from './flip';\nimport FlipItem from './flip-item';\n\ntype IFlip = typeof Flip & {\n  Item: typeof FlipItem;\n};\n\nconst DefaultFlip = Flip as IFlip;\nDefaultFlip.Item = FlipItem;\n\nexport default DefaultFlip;\n"],"mappings":";;;AAOA,MAAM,cAAcA,aAAAA;AACpB,YAAY,OAAOC,kBAAAA"}

package/lib/flip/style/index.css

@@ -0,0 +1,46 @@
+.ty-flip {
+  display: inline-block;
+  background-color: transparent;
+  box-sizing: border-box;
+  perspective: 1000px;
+}
+.ty-flip:hover .ty-flip__inner_hor {
+  transform: rotateY(-180deg);
+}
+.ty-flip:hover .ty-flip__inner_hor_reverse {
+  transform: rotateY(180deg);
+}
+.ty-flip:hover .ty-flip__inner_ver {
+  transform: rotateX(-180deg);
+}
+.ty-flip:hover .ty-flip__inner_ver_reverse {
+  transform: rotateX(180deg);
+}
+.ty-flip__inner {
+  position: relative;
+  box-sizing: border-box;
+  width: 100%;
+  height: 100%;
+  text-align: center;
+  transition: transform 0.8s;
+  transform-style: preserve-3d;
+}
+.ty-flip__item-front, .ty-flip__item-back {
+  box-sizing: border-box;
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  backface-visibility: hidden;
+}
+.ty-flip__item-back_hor {
+  transform: rotateY(-180deg);
+}
+.ty-flip__item-back_hor_reverse {
+  transform: rotateY(180deg);
+}
+.ty-flip__item-back_ver {
+  transform: rotateX(-180deg);
+}
+.ty-flip__item-back_ver_reverse {
+  transform: rotateX(180deg);
+}

package/lib/flip/style/index.d.ts

@@ -1 +1 @@
-import './index.scss';
+export { };

package/lib/flip/style/index.js

@@ -1,4 +1 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-require("./index.scss");
-//# sourceMappingURL=index.js.map
+require("./index.css");

package/lib/flip/types.d.ts

@@ -1,15 +1,20 @@
-import React from 'react';
-import { BaseProps, DirectionType } from '../_utils/props';
-export interface FlipProps extends BaseProps, React.PropsWithoutRef<JSX.IntrinsicElements['div']> {
-    /** a certain parent width and height to prevent the hover empty issue */
-    width: string | number;
-    height: string | number;
-    /** flip direction */
-    direction?: DirectionType;
-    /** flip from left to right or reverse */
-    reverse?: boolean;
-    children: React.ReactElement<FlipItemProps>;
+import { BaseProps, DirectionType } from "../_utils/props.js";
+import React from "react";
+
+//#region components/flip/types.d.ts
+interface FlipProps extends BaseProps, React.PropsWithoutRef<JSX.IntrinsicElements['div']> {
+  /** a certain parent width and height to prevent the hover empty issue */
+  width: string | number;
+  height: string | number;
+  /** flip direction */
+  direction?: DirectionType;
+  /** flip from left to right or reverse */
+  reverse?: boolean;
+  children: React.ReactElement<FlipItemProps>;
 }
-export interface FlipItemProps extends Omit<BaseProps, 'prefixCls'>, React.PropsWithoutRef<JSX.IntrinsicElements['div']> {
-    children?: React.ReactNode;
+interface FlipItemProps extends Omit<BaseProps, 'prefixCls'>, React.PropsWithoutRef<JSX.IntrinsicElements['div']> {
+  children?: React.ReactNode;
 }
+//#endregion
+export { FlipItemProps, FlipProps };
+//# sourceMappingURL=types.d.ts.map

package/lib/form/form-helper.js

@@ -1,56 +1,38 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getPropName = getPropName;
-exports.getValueFromEvent = getValueFromEvent;
-exports.validate = validate;
+const require_warning = require("../_utils/warning.js");
+//#region components/form/form-helper.ts
 function getPropName(valueProp, type) {
-    return typeof valueProp === 'function' ? valueProp(type) : valueProp;
+	return typeof valueProp === "function" ? valueProp(type) : valueProp;
 }
 function getValueFromEvent(...args) {
-    const e = args[0];
-    return e && e.target ? (e.target.type === 'checkbox' ? e.target.checked : e.target.value) : e;
+	const e = args[0];
+	return e && e.target ? e.target.type === "checkbox" ? e.target.checked : e.target.value : e;
 }
 function validate(value, rule) {
-    const { message, required, max, min, enum: enumVal, len, pattern, transform, type, validator, whitespace, } = rule;
-    const val = transform ? transform(value) : value;
-    if (required && !val) {
-        return message || 'The value is required';
-    }
-    if (type && typeof val !== type) {
-        return message || `The value is not a ${type}`;
-    }
-    if (max || len) {
-        const segment = (max || len);
-        if (typeof val === 'number' && val > segment) {
-            return message || 'The value is greater than the max';
-        }
-        else if ((typeof val === 'string' || Array.isArray(val)) && val.length > segment) {
-            return message || 'The length of value is greater than the max';
-        }
-    }
-    if (min) {
-        if (typeof val === 'number' && val < min) {
-            return message || 'The value is less than the max';
-        }
-        else if ((typeof val === 'string' || Array.isArray(val)) && val.length < min) {
-            return message || 'The length of value is less than the max';
-        }
-    }
-    if (enumVal && !enumVal.includes(val)) {
-        return message || 'The value is not in the enum';
-    }
-    if (pattern && !pattern.test(val)) {
-        return message || 'The value does not find a match';
-    }
-    if (validator) {
-        const res = validator(val);
-        if (res instanceof Promise ? !res.then(val) : !res) {
-            return message || 'The value is validated unsuccessfully';
-        }
-    }
-    if (whitespace && typeof val === 'string' && val.trim().length <= 0) {
-        return message || 'The input contains whitespace';
-    }
-    return undefined;
+	const { message, required, max, min, enum: enumVal, len, pattern, transform, type, validator, whitespace } = rule;
+	const val = transform ? transform(value) : value;
+	if (required && (val === void 0 || val === null || val === "")) return message || "The value is required";
+	if (type && typeof val !== type) return message || `The value is not a ${type}`;
+	if (max || len) {
+		const segment = max || len;
+		if (typeof val === "number" && val > segment) return message || "The value is greater than the max";
+		else if ((typeof val === "string" || Array.isArray(val)) && val.length > segment) return message || "The length of value is greater than the max";
+	}
+	if (min) {
+		if (typeof val === "number" && val < min) return message || "The value is less than the min";
+		else if ((typeof val === "string" || Array.isArray(val)) && val.length < min) return message || "The length of value is less than the min";
+	}
+	if (enumVal && !enumVal.includes(val)) return message || "The value is not in the enum";
+	if (pattern && !pattern.test(val)) return message || "The value does not find a match";
+	if (validator) {
+		const res = validator(val);
+		if (res instanceof Promise) require_warning.default(true, "Async validators are not supported in synchronous validate(). Use a synchronous validator instead.");
+		else if (!res) return message || "The value is validated unsuccessfully";
+	}
+	if (whitespace && typeof val === "string" && val.trim().length <= 0) return message || "The input contains whitespace";
 }
+//#endregion
+exports.getPropName = getPropName;
+exports.getValueFromEvent = getValueFromEvent;
+exports.validate = validate;
+
 //# sourceMappingURL=form-helper.js.map

package/lib/form/form-helper.js.map

@@ -1 +1 @@
-{"version":3,"file":"form-helper.js","sourceRoot":"","sources":["../../components/form/form-helper.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"form-helper.js","names":[],"sources":["../../components/form/form-helper.ts"],"sourcesContent":["import React from 'react';\nimport warning from '../_utils/warning';\nimport { Rule } from './types';\n\nexport function getPropName(valueProp: string | ((type: any) => string), type: any) {\n  return typeof valueProp === 'function' ? valueProp(type) : valueProp;\n}\n\nexport function getValueFromEvent(...args: any[]): any {\n  const e = args[0] as React.ChangeEvent<any>;\n  return e && e.target ? (e.target.type === 'checkbox' ? e.target.checked : e.target.value) : e;\n}\n\nexport function validate(value: any, rule: Rule): string | undefined {\n  const {\n    message,\n    required,\n    max,\n    min,\n    enum: enumVal,\n    len,\n    pattern,\n    transform,\n    type,\n    validator,\n    whitespace,\n  } = rule;\n  const val = transform ? transform(value) : value;\n\n  if (required && (val === undefined || val === null || val === '')) {\n    return message || 'The value is required';\n  }\n  if (type && typeof val !== type) {\n    return message || `The value is not a ${type}`;\n  }\n  if (max || len) {\n    const segment = (max || len) as number;\n    if (typeof val === 'number' && val > segment) {\n      return message || 'The value is greater than the max';\n    } else if ((typeof val === 'string' || Array.isArray(val)) && val.length > segment) {\n      return message || 'The length of value is greater than the max';\n    }\n  }\n  if (min) {\n    if (typeof val === 'number' && val < min) {\n      return message || 'The value is less than the min';\n    } else if ((typeof val === 'string' || Array.isArray(val)) && val.length < min) {\n      return message || 'The length of value is less than the min';\n    }\n  }\n  if (enumVal && !enumVal.includes(val)) {\n    return message || 'The value is not in the enum';\n  }\n  if (pattern && !pattern.test(val)) {\n    return message || 'The value does not find a match';\n  }\n  if (validator) {\n    const res = validator(val);\n    if (res instanceof Promise) {\n      warning(true, 'Async validators are not supported in synchronous validate(). Use a synchronous validator instead.');\n    } else if (!res) {\n      return message || 'The value is validated unsuccessfully';\n    }\n  }\n  if (whitespace && typeof val === 'string' && val.trim().length <= 0) {\n    return message || 'The input contains whitespace';\n  }\n\n  return undefined;\n}\n"],"mappings":";;AAIA,SAAgB,YAAY,WAA6C,MAAW;AAClF,QAAO,OAAO,cAAc,aAAa,UAAU,KAAK,GAAG;;AAG7D,SAAgB,kBAAkB,GAAG,MAAkB;CACrD,MAAM,IAAI,KAAK;AACf,QAAO,KAAK,EAAE,SAAU,EAAE,OAAO,SAAS,aAAa,EAAE,OAAO,UAAU,EAAE,OAAO,QAAS;;AAG9F,SAAgB,SAAS,OAAY,MAAgC;CACnE,MAAM,EACJ,SACA,UACA,KACA,KACA,MAAM,SACN,KACA,SACA,WACA,MACA,WACA,eACE;CACJ,MAAM,MAAM,YAAY,UAAU,MAAM,GAAG;AAE3C,KAAI,aAAa,QAAQ,KAAA,KAAa,QAAQ,QAAQ,QAAQ,IAC5D,QAAO,WAAW;AAEpB,KAAI,QAAQ,OAAO,QAAQ,KACzB,QAAO,WAAW,sBAAsB;AAE1C,KAAI,OAAO,KAAK;EACd,MAAM,UAAW,OAAO;AACxB,MAAI,OAAO,QAAQ,YAAY,MAAM,QACnC,QAAO,WAAW;YACR,OAAO,QAAQ,YAAY,MAAM,QAAQ,IAAI,KAAK,IAAI,SAAS,QACzE,QAAO,WAAW;;AAGtB,KAAI;MACE,OAAO,QAAQ,YAAY,MAAM,IACnC,QAAO,WAAW;YACR,OAAO,QAAQ,YAAY,MAAM,QAAQ,IAAI,KAAK,IAAI,SAAS,IACzE,QAAO,WAAW;;AAGtB,KAAI,WAAW,CAAC,QAAQ,SAAS,IAAI,CACnC,QAAO,WAAW;AAEpB,KAAI,WAAW,CAAC,QAAQ,KAAK,IAAI,CAC/B,QAAO,WAAW;AAEpB,KAAI,WAAW;EACb,MAAM,MAAM,UAAU,IAAI;AAC1B,MAAI,eAAe,QACjB,iBAAA,QAAQ,MAAM,qGAAqG;WAC1G,CAAC,IACV,QAAO,WAAW;;AAGtB,KAAI,cAAc,OAAO,QAAQ,YAAY,IAAI,MAAM,CAAC,UAAU,EAChE,QAAO,WAAW"}

package/lib/form/form-instance-context.js

@@ -1,8 +1,10 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FormInstanceContext = void 0;
-const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importDefault(require("react"));
-const form_instance_1 = tslib_1.__importDefault(require("./form-instance"));
-exports.FormInstanceContext = react_1.default.createContext(new form_instance_1.default());
+const require_runtime = require("../_virtual/_rolldown/runtime.js");
+const require_form_instance = require("./form-instance.js");
+let react = require("react");
+react = require_runtime.__toESM(react);
+//#region components/form/form-instance-context.ts
+const FormInstanceContext = react.default.createContext(new require_form_instance.default());
+//#endregion
+exports.FormInstanceContext = FormInstanceContext;
+
 //# sourceMappingURL=form-instance-context.js.map

package/lib/form/form-instance-context.js.map

@@ -1 +1 @@
-{"version":3,"file":"form-instance-context.js","sourceRoot":"","sources":["../../components/form/form-instance-context.ts"],"names":[],"mappings":";;;;AAAA,0DAA0B;AAC1B,4EAA4C;AAE/B,QAAA,mBAAmB,GAAG,eAAK,CAAC,aAAa,CAAe,IAAI,uBAAY,EAAE,CAAC,CAAC"}
+{"version":3,"file":"form-instance-context.js","names":["React","FormInstance"],"sources":["../../components/form/form-instance-context.ts"],"sourcesContent":["import React from 'react';\nimport FormInstance  from './form-instance';\n\nexport const FormInstanceContext = React.createContext<FormInstance>(new FormInstance());\n"],"mappings":";;;;;AAGA,MAAa,sBAAsBA,MAAAA,QAAM,cAA4B,IAAIC,sBAAAA,SAAc,CAAC"}

package/lib/form/form-instance.d.ts

@@ -1,33 +1,37 @@
-import { Rule } from './types';
-export type FormValues = {
-    [name: string]: any;
+import { Rule } from "./types.js";
+
+//#region components/form/form-instance.d.ts
+type FormValues = {
+  [name: string]: any;
 };
-export type FormErrors = {
-    [name: string]: string[];
+type FormErrors = {
+  [name: string]: string[];
 };
 type FormListener = (name: string) => void;
 /**
  * The form state, including errors and rules of each form item
  */
-export default class FormInstance {
-    private readonly initValues;
-    private values;
-    private rules;
-    private errors;
-    private listeners;
-    constructor(initValues?: FormValues);
-    getFieldValues(): FormValues;
-    getFieldValue(name: string): any;
-    setFieldValue(name: string, val: any): void;
-    setFieldValues(values?: FormValues): void;
-    getFiledErrors(): FormErrors;
-    getFieldError(name: string): string | undefined;
-    setFieldError(name: string, errors: string[]): void;
-    setFiledRules(name: string, rules: Rule[]): void;
-    resetFields(): void;
-    validateField(name: string): void;
-    validateFields(): void;
-    subscribe(listener: FormListener): () => void;
-    notify(name: string): void;
+declare class FormInstance {
+  private readonly initValues;
+  private values;
+  private rules;
+  private errors;
+  private listeners;
+  constructor(initValues?: FormValues);
+  getFieldValues(): FormValues;
+  getFieldValue(name: string): any;
+  setFieldValue(name: string, val: any): void;
+  setFieldValues(values?: FormValues): void;
+  getFieldErrors(): FormErrors;
+  getFieldError(name: string): string | undefined;
+  setFieldError(name: string, errors: string[]): void;
+  setFieldRules(name: string, rules: Rule[]): void;
+  resetFields(): void;
+  validateField(name: string): void;
+  validateFields(): void;
+  subscribe(listener: FormListener): () => void;
+  notify(name: string): void;
 }
-export {};
+//#endregion
+export { FormErrors, FormInstance, FormValues };
+//# sourceMappingURL=form-instance.d.ts.map

package/lib/form/form-instance.js

@@ -1,77 +1,75 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const object_1 = require("../_utils/object");
-const form_helper_1 = require("./form-helper");
+const require_object = require("../_utils/object.js");
+const require_form_helper = require("./form-helper.js");
+//#region components/form/form-instance.ts
 /**
- * The form state, including errors and rules of each form item
- */
-class FormInstance {
-    constructor(initValues = {}) {
-        this.rules = {};
-        this.errors = {};
-        this.listeners = [];
-        this.initValues = initValues;
-        this.values = (0, object_1.deepCopy)(initValues);
-    }
-    getFieldValues() {
-        return this.values;
-    }
-    getFieldValue(name) {
-        return this.values[name];
-    }
-    setFieldValue(name, val) {
-        this.values[name] = val;
-        this.notify(name);
-    }
-    setFieldValues(values = {}) {
-        Object.keys(values).forEach(name => this.setFieldValue(name, values[name]));
-    }
-    getFiledErrors() {
-        return this.errors;
-    }
-    getFieldError(name) {
-        return this.errors[name] && this.errors[name].length > 0 ? this.errors[name][0] : undefined;
-    }
-    setFieldError(name, errors) {
-        this.errors[name] = errors;
-    }
-    setFiledRules(name, rules) {
-        this.rules[name] = rules;
-    }
-    resetFields() {
-        this.errors = {};
-        this.values = (0, object_1.deepCopy)(this.initValues);
-        this.notify('*');
-    }
-    validateField(name) {
-        const rules = this.rules[name];
-        const value = this.values[name];
-        if (rules) {
-            const errMessages = [];
-            rules.forEach(rule => {
-                const res = (0, form_helper_1.validate)(value, rule);
-                if (res !== undefined) {
-                    errMessages.push(res);
-                }
-            });
-            // update filed errors
-            this.setFieldError(name, errMessages);
-            this.notify(name);
-        }
-    }
-    validateFields() {
-        Object.keys(this.rules).forEach(name => this.validateField(name));
-    }
-    subscribe(listener) {
-        this.listeners.push(listener);
-        return () => {
-            const idx = this.listeners.indexOf(listener);
-            idx > -1 && this.listeners.splice(idx, 1);
-        };
-    }
-    notify(name) {
-        this.listeners.forEach((listener) => listener(name));
-    }
-}
+* The form state, including errors and rules of each form item
+*/
+var FormInstance = class {
+	constructor(initValues = {}) {
+		this.rules = {};
+		this.errors = {};
+		this.listeners = [];
+		this.initValues = initValues;
+		this.values = require_object.deepCopy(initValues);
+	}
+	getFieldValues() {
+		return this.values;
+	}
+	getFieldValue(name) {
+		return this.values[name];
+	}
+	setFieldValue(name, val) {
+		this.values[name] = val;
+		this.notify(name);
+	}
+	setFieldValues(values = {}) {
+		Object.keys(values).forEach((name) => this.setFieldValue(name, values[name]));
+	}
+	getFieldErrors() {
+		return this.errors;
+	}
+	getFieldError(name) {
+		return this.errors[name] && this.errors[name].length > 0 ? this.errors[name][0] : void 0;
+	}
+	setFieldError(name, errors) {
+		this.errors[name] = errors;
+	}
+	setFieldRules(name, rules) {
+		this.rules[name] = rules;
+	}
+	resetFields() {
+		this.errors = {};
+		this.values = require_object.deepCopy(this.initValues);
+		this.notify("*");
+	}
+	validateField(name) {
+		const rules = this.rules[name];
+		const value = this.values[name];
+		if (rules) {
+			const errMessages = [];
+			rules.forEach((rule) => {
+				const res = require_form_helper.validate(value, rule);
+				if (res !== void 0) errMessages.push(res);
+			});
+			this.setFieldError(name, errMessages);
+			this.notify(name);
+		}
+	}
+	validateFields() {
+		Object.keys(this.rules).forEach((name) => this.validateField(name));
+	}
+	subscribe(listener) {
+		this.listeners.push(listener);
+		return () => {
+			const idx = this.listeners.indexOf(listener);
+			idx > -1 && this.listeners.splice(idx, 1);
+		};
+	}
+	notify(name) {
+		this.listeners.forEach((listener) => listener(name));
+	}
+};
+//#endregion
 exports.default = FormInstance;
+
 //# sourceMappingURL=form-instance.js.map

package/lib/form/form-instance.js.map

@@ -1 +1 @@
-{"version":3,"file":"form-instance.js","sourceRoot":"","sources":["../../components/form/form-instance.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"form-instance.js","names":["deepCopy","validate"],"sources":["../../components/form/form-instance.ts"],"sourcesContent":["import { deepCopy } from '../_utils/object';\nimport { validate } from './form-helper';\nimport { Rule } from './types';\n\nexport type FormValues = { [name: string]: any };\nexport type FormErrors = { [name: string]: string[] };\ntype FormListener = (name: string) => void;\ntype FormRules = { [name: string]: Rule[] };\n\n/**\n * The form state, including errors and rules of each form item\n */\nexport default class FormInstance {\n  private readonly initValues: FormValues;\n  private values: FormValues;\n  private rules: FormRules = {};\n  private errors: FormErrors = {};\n  private listeners: FormListener[] = [];\n\n  constructor(initValues: FormValues = {}) {\n    this.initValues = initValues;\n    this.values = deepCopy(initValues);\n  }\n\n  getFieldValues(): FormValues {\n    return this.values;\n  }\n\n  getFieldValue(name: string): any {\n    return this.values[name];\n  }\n\n  setFieldValue(name: string, val: any): void {\n    this.values[name] = val;\n    this.notify(name);\n  }\n\n  setFieldValues(values: FormValues = {}): void {\n    Object.keys(values).forEach(name => this.setFieldValue(name, values[name]));\n  }\n\n  getFieldErrors(): FormErrors {\n    return this.errors;\n  }\n\n  getFieldError(name: string): string | undefined {\n    return this.errors[name] && this.errors[name].length > 0 ? this.errors[name][0] : undefined;\n  }\n\n  setFieldError(name: string, errors: string[]): void {\n    this.errors[name] = errors;\n  }\n\n  setFieldRules(name: string, rules: Rule[]): void {\n    this.rules[name] = rules;\n  }\n\n  resetFields(): void {\n    this.errors = {};\n    this.values = deepCopy(this.initValues);\n    this.notify('*');\n  }\n\n  validateField(name: string): void {\n    const rules = this.rules[name];\n    const value = this.values[name];\n    if (rules) {\n      const errMessages: string[] = [];\n      rules.forEach(rule => {\n        const res = validate(value, rule);\n        if (res !== undefined) {\n          errMessages.push(res);\n        }\n      });\n      this.setFieldError(name, errMessages);\n      this.notify(name);\n    }\n  }\n\n  validateFields(): void {\n    Object.keys(this.rules).forEach(name => this.validateField(name));\n  }\n\n  subscribe(listener: FormListener): () => void {\n    this.listeners.push(listener);\n\n    return (): void => {\n      const idx = this.listeners.indexOf(listener);\n      idx > -1 && this.listeners.splice(idx, 1);\n    };\n  }\n\n  notify(name: string): void {\n    this.listeners.forEach((listener) => listener(name));\n  }\n}\n"],"mappings":";;;;;;AAYA,IAAqB,eAArB,MAAkC;CAOhC,YAAY,aAAyB,EAAE,EAAE;AAJzC,OAAQ,QAAmB,EAAE;AAC7B,OAAQ,SAAqB,EAAE;AAC/B,OAAQ,YAA4B,EAAE;AAGpC,OAAK,aAAa;AAClB,OAAK,SAASA,eAAAA,SAAS,WAAW;;CAGpC,iBAA6B;AAC3B,SAAO,KAAK;;CAGd,cAAc,MAAmB;AAC/B,SAAO,KAAK,OAAO;;CAGrB,cAAc,MAAc,KAAgB;AAC1C,OAAK,OAAO,QAAQ;AACpB,OAAK,OAAO,KAAK;;CAGnB,eAAe,SAAqB,EAAE,EAAQ;AAC5C,SAAO,KAAK,OAAO,CAAC,SAAQ,SAAQ,KAAK,cAAc,MAAM,OAAO,MAAM,CAAC;;CAG7E,iBAA6B;AAC3B,SAAO,KAAK;;CAGd,cAAc,MAAkC;AAC9C,SAAO,KAAK,OAAO,SAAS,KAAK,OAAO,MAAM,SAAS,IAAI,KAAK,OAAO,MAAM,KAAK,KAAA;;CAGpF,cAAc,MAAc,QAAwB;AAClD,OAAK,OAAO,QAAQ;;CAGtB,cAAc,MAAc,OAAqB;AAC/C,OAAK,MAAM,QAAQ;;CAGrB,cAAoB;AAClB,OAAK,SAAS,EAAE;AAChB,OAAK,SAASA,eAAAA,SAAS,KAAK,WAAW;AACvC,OAAK,OAAO,IAAI;;CAGlB,cAAc,MAAoB;EAChC,MAAM,QAAQ,KAAK,MAAM;EACzB,MAAM,QAAQ,KAAK,OAAO;AAC1B,MAAI,OAAO;GACT,MAAM,cAAwB,EAAE;AAChC,SAAM,SAAQ,SAAQ;IACpB,MAAM,MAAMC,oBAAAA,SAAS,OAAO,KAAK;AACjC,QAAI,QAAQ,KAAA,EACV,aAAY,KAAK,IAAI;KAEvB;AACF,QAAK,cAAc,MAAM,YAAY;AACrC,QAAK,OAAO,KAAK;;;CAIrB,iBAAuB;AACrB,SAAO,KAAK,KAAK,MAAM,CAAC,SAAQ,SAAQ,KAAK,cAAc,KAAK,CAAC;;CAGnE,UAAU,UAAoC;AAC5C,OAAK,UAAU,KAAK,SAAS;AAE7B,eAAmB;GACjB,MAAM,MAAM,KAAK,UAAU,QAAQ,SAAS;AAC5C,SAAM,MAAM,KAAK,UAAU,OAAO,KAAK,EAAE;;;CAI7C,OAAO,MAAoB;AACzB,OAAK,UAAU,SAAS,aAAa,SAAS,KAAK,CAAC"}

package/lib/form/form-item.d.ts

@@ -1,6 +1,10 @@
-import { FormItemProps } from './types';
+import { FormItemProps } from "./types.js";
+
+//#region components/form/form-item.d.ts
 declare const FormItem: {
-    (props: FormItemProps): JSX.Element;
-    displayName: string;
+  (props: FormItemProps): JSX.Element;
+  displayName: string;
 };
-export default FormItem;
+//#endregion
+export { FormItem };
+//# sourceMappingURL=form-item.d.ts.map