@dxtmisha/constructor 0.39.7 → 0.52.1

package/dist/cell.js

@@ -1,282 +1,118 @@
-var y = Object.defineProperty;
-var I = (r, i, t) => i in r ? y(r, i, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[i] = t;
-var e = (r, i, t) => I(r, typeof i != "symbol" ? i + "" : i, t);
-import { computed as d, h } from "vue";
-import { DesignConstructorAbstract as k } from "@dxtmisha/functional";
-import { g as w } from "./getClassTagAStatic-BnVYlXHI.js";
-import { L as T } from "./LabelInclude-D-mLvjK5.js";
-import { C as _ } from "./CaptionInclude-NzS6EYYj.js";
-import { D } from "./DescriptionInclude-D4ane9aR.js";
-import { E as A } from "./EnabledInclude-Dk-rP4jp.js";
-import { E } from "./EventClickInclude-WHJqxZ1b.js";
-import { I as $ } from "./IconTrailingInclude-CdsOcDxv.js";
-import { P as R } from "./ProgressInclude-9MfZWtGP.js";
-import { R as B } from "./RippleInclude-Du5yIzX_.js";
-import { S as L } from "./SkeletonInclude-BIUzAO2s.js";
-import { A as M } from "./AriaStaticInclude-CAURwJMb.js";
-class P {
-  /**
-   * Constructor
-   * @param props input data/ входные данные
-   * @param refs input data in the form of reactive elements/ входные данные в виде реактивных элементов
-   * @param element input element/ элемент ввода
-   * @param classDesign design name/ название дизайна
-   * @param className class name/ название класса
-   * @param components object for working with components/ объект для работы с компонентами
-   * @param slots object for working with slots/ объект для работы со слотами
-   * @param emits the function is called when an event is triggered/ функция вызывается, когда срабатывает событие
-   * @param LabelConstructor class for creating a label/ класс для создания метки
-   * @param CaptionConstructor class for creating a caption/ класс для создания подписи
-   * @param DescriptionConstructor class for creating a description/ класс для создания описания
-   * @param EnabledConstructor class for creating the enabled state/ класс для создания состояния активности
-   * @param IconConstructor class for creating an icon/ класс для создания иконки
-   * @param ProgressConstructor class for creating a progress indicator/ класс для создания индикатора прогресса
-   * @param RippleConstructor class for creating a ripple effect/ класс для создания эффекта волны
-   * @param SkeletonConstructor class for creating a skeleton/ класс для создания скелета
-   * @param EventConstructor class for creating an event/ класс для создания события
-   */
-  constructor(i, t, n, o, s, l, a, c, u = T, m = _, g = D, b = A, v = $, C = R, f = B, S = L, x = E) {
-    e(this, "progress");
-    e(this, "skeleton");
-    e(this, "label");
-    e(this, "description");
-    e(this, "caption");
-    e(this, "enabled");
-    e(this, "icon");
-    e(this, "ripple");
-    e(this, "event");
-    /**
-     * Computed CSS classes for the cell component.
-     *
-     * Вычисляемые CSS классы для компонента ячейки.
-     */
-    e(this, "classes", d(() => ({
-      [`${this.className}--description`]: this.description.is.value,
-      [w(this.classDesign)]: !0
-    })));
-    /**
-     * Computed role for the cell component.
-     *
-     * Вычисляемая роль для компонента ячейки.
-     */
-    e(this, "role", d(() => {
-      if (this.props.role)
-        return this.props.role;
-      if (this.props.dynamic)
-        return "button";
-    }));
-    this.props = i, this.refs = t, this.element = n, this.classDesign = o, this.className = s, this.components = l, this.slots = a, this.emits = c;
-    const p = new C(
-      i,
-      s,
-      l,
-      {
-        position: "bottom"
-      }
-    );
-    this.skeleton = new S(
-      i,
-      o,
-      ["classTextVariant"]
-    ), this.label = new u(
-      i,
-      s,
-      void 0,
-      a,
-      void 0,
-      void 0,
-      void 0,
-      this.skeleton
-    ), this.caption = new m(i, s, a), this.description = new g(i, s, a, this.skeleton), this.enabled = new b(i, p), this.icon = new v(i, s, l), this.progress = p, this.ripple = new f(s, l, this.enabled), this.event = new x(
-      i,
-      this.enabled,
-      c
-    );
-  }
-  /**
-   * Returns a list of sub-element CSS classes for the cell component.
-   *
-   * Возвращает список CSS классов для под-элементов компонента ячейки.
-   */
-  getClassesSub() {
-    return {
-      label: `${this.className}__label`,
-      description: `${this.className}__description`,
-      caption: `${this.className}__caption`,
-      trailing: `${this.className}__trailing`
-    };
-  }
-}
-const X = {
-  tag: "div",
-  // :default [!] System label / Системная метка
-  divider: !0
-};
-class Y extends k {
-  /**
-   * Constructor
-   * @param name class name/ название класса
-   * @param props properties/ свойства
-   * @param options list of additional parameters/ список дополнительных параметров
-   * @param ItemConstructor cell item class/ класс элемента ячейки
-   */
-  constructor(t, n, o, s = P) {
-    super(
-      t,
-      n,
-      o
-    );
-    e(this, "item");
-    /**
-     * Generates text elements.
-     *
-     * Генерирует элементы текста.
-     */
-    e(this, "renderContext", () => {
-      var t;
-      return [
-        h(
-          "div",
-          {
-            key: "context",
-            class: (t = this.classes) == null ? void 0 : t.value.context
-          },
-          [
-            ...this.item.label.render(),
-            ...this.item.caption.render(),
-            ...this.item.description.render()
-          ]
-        )
-      ];
-    });
-    /**
-     * Generates a slot for elements on the right.
-     *
-     * Генерирует слот для элементов справа.
-     */
-    e(this, "renderTrailing", () => {
-      var t;
-      return this.slots && "trailing" in this.slots ? [
-        h(
-          "div",
-          {
-            key: "trailing",
-            class: (t = this.classes) == null ? void 0 : t.value.contextTrailing
-          },
-          this.initSlot("trailing", void 0, this.item.getClassesSub())
-        )
-      ] : [];
-    });
-    /**
-     * Generates a slot for elements on the right.
-     *
-     * Генерирует слот для элементов справа.
-     */
-    e(this, "renderBody", () => {
-      var t;
-      return this.slots && "body" in this.slots ? [
-        h(
-          "div",
-          {
-            key: "body",
-            class: (t = this.classes) == null ? void 0 : t.value.body
-          },
-          this.initSlot("body", void 0, this.item.getClassesSub())
-        )
-      ] : [];
-    });
-    /**
-     * Props for the main element.
-     *
-     * Свойства для главного элемента.
-     */
-    e(this, "propsMain", d(() => {
-      var n;
-      const t = {
-        ...this.getAttrs(),
-        class: (n = this.classes) == null ? void 0 : n.value.main,
-        "data-value": this.props.value,
-        "data-divider": this.props.divider ? "active" : void 0,
-        onClick: this.item.event.onClick,
-        ...M.role(this.item.role.value)
-      };
-      return this.props.dynamic ? {
-        ...t,
-        tabindex: "0"
-      } : t;
-    }));
-    this.item = new s(
-      this.props,
-      this.refs,
-      this.element,
-      this.getDesign(),
-      this.getName(),
-      this.components,
-      this.slots,
-      this.emits
-    ), this.init();
-  }
-  /**
-   * Initialization of all the necessary properties for work
-   *
-   * Инициализация всех необходимых свойств для работы.
-   */
-  initExpose() {
-    return {
-      ...this.item.event.expose
-    };
-  }
-  /**
-   * Improvement of the obtained list of classes.
-   *
-   * Доработка полученного списка классов.
-   */
-  initClasses() {
-    return {
-      main: this.item.classes.value,
-      // :classes [!] System label / Системная метка
-      context: this.getSubClass("context"),
-      contextTrailing: this.getSubClass("contextTrailing"),
-      label: this.getSubClass("label"),
-      description: this.getSubClass("description"),
-      caption: this.getSubClass("caption"),
-      icon: this.getSubClass("icon"),
-      trailing: this.getSubClass("trailing"),
-      body: this.getSubClass("body"),
-      loading: this.getSubClass("loading")
-    };
-  }
-  /**
-   * Refinement of the received list of styles.
-   *
-   * Доработка полученного списка стилей.
-   */
-  initStyles() {
-    return {};
-  }
-  /**
-   * A method for rendering.
-   *
-   * Метод для рендеринга.
-   */
-  initRender() {
-    var t;
-    return h(
-      (t = this.props.tag) != null ? t : "div",
-      this.propsMain.value,
-      [
-        ...this.item.icon.render(),
-        ...this.renderContext(),
-        ...this.renderTrailing(),
-        ...this.renderBody(),
-        ...this.item.ripple.render(),
-        ...this.item.progress.render()
-      ]
-    );
-  }
-}
-export {
-  P as Cell,
-  Y as CellDesign,
-  X as defaultsCell
+import { t as e } from "./AriaStaticInclude-CS1hPGyK.js";
+import { t } from "./defineProperty-hmGKPWdq.js";
+import { t as n } from "./ProgressInclude-BnPBYwJg.js";
+import { t as r } from "./EnabledInclude-CkD_lxMY.js";
+import { t as i } from "./EventClickInclude-6I8kuFc9.js";
+import { t as a } from "./SkeletonInclude-D8on8xmw.js";
+import { t as o } from "./LabelInclude-DoZ7EUYO.js";
+import { t as s } from "./DescriptionInclude-B_Xf_j3l.js";
+import { t as c } from "./getClassTagAStatic-BPIEWyHY.js";
+import { t as l } from "./IconTrailingInclude-BwoB_AQn.js";
+import { t as u } from "./CaptionInclude-CunHUsec.js";
+import { t as d } from "./RippleInclude-BlC1h0Ya.js";
+import { computed as f, h as p } from "vue";
+import { DesignConstructorAbstract as m } from "@dxtmisha/functional";
+//#region src/constructors/Cell/Cell.ts
+var h = class {
+	constructor(e, p, m, h, g, _, v, y, b) {
+		t(this, "progress", void 0), t(this, "skeleton", void 0), t(this, "label", void 0), t(this, "description", void 0), t(this, "caption", void 0), t(this, "enabled", void 0), t(this, "icon", void 0), t(this, "ripple", void 0), t(this, "event", void 0), t(this, "classes", f(() => ({
+			[`${this.className}--description`]: this.description.is.value,
+			[c(this.classDesign)]: !0
+		}))), t(this, "role", f(() => {
+			if (this.props.role) return this.props.role;
+			if (this.props.dynamic) return "button";
+		})), this.props = e, this.refs = p, this.element = m, this.classDesign = h, this.className = g, this.components = _, this.slots = v, this.emits = y;
+		let { CaptionConstructor: x = u, DescriptionConstructor: S = s, EnabledConstructor: C = r, EventConstructor: w = i, IconConstructor: T = l, LabelConstructor: E = o, ProgressConstructor: D = n, RippleConstructor: O = d, SkeletonConstructor: k = a } = b == null ? {} : b, A = new D(e, g, _, { position: "bottom" });
+		this.skeleton = new k(e, h, ["classTextVariant"]), this.label = new E(e, g, void 0, v, void 0, void 0, void 0, this.skeleton), this.caption = new x(e, g, v), this.description = new S(e, g, v, this.skeleton), this.enabled = new C(e, A), this.icon = new T(e, g, _), this.progress = A, this.ripple = new O(g, _, this.enabled), this.event = new w(e, this.enabled, y);
+	}
+	getClassesSub() {
+		return {
+			label: `${this.className}__label`,
+			description: `${this.className}__description`,
+			caption: `${this.className}__caption`,
+			trailing: `${this.className}__trailing`
+		};
+	}
+}, g = {
+	tag: "div",
+	divider: !0
+}, _ = class extends m {
+	constructor(n, r, i, a = h) {
+		super(n, r, i), t(this, "item", void 0), t(this, "renderContext", () => {
+			var e;
+			return [p("div", {
+				key: "context",
+				class: (e = this.classes) == null ? void 0 : e.value.context
+			}, [
+				...this.item.label.render(),
+				...this.item.caption.render(),
+				...this.item.description.render()
+			])];
+		}), t(this, "renderTrailing", () => {
+			if (this.slots && "trailing" in this.slots) {
+				var e;
+				return [p("div", {
+					key: "trailing",
+					class: (e = this.classes) == null ? void 0 : e.value.contextTrailing
+				}, this.initSlot("trailing", void 0, this.item.getClassesSub()))];
+			}
+			return [];
+		}), t(this, "renderBody", () => {
+			if (this.slots && "body" in this.slots) {
+				var e;
+				return [p("div", {
+					key: "body",
+					class: (e = this.classes) == null ? void 0 : e.value.body
+				}, this.initSlot("body", void 0, this.item.getClassesSub()))];
+			}
+			return [];
+		}), t(this, "propsMain", f(() => {
+			var t;
+			let n = {
+				...this.getAttrs(),
+				class: (t = this.classes) == null ? void 0 : t.value.main,
+				"data-value": this.props.value,
+				"data-divider": this.props.divider ? "active" : void 0,
+				...this.item.event.binds,
+				...e.role(this.item.role.value)
+			};
+			return this.props.dynamic ? {
+				...n,
+				tabindex: "0"
+			} : n;
+		})), this.item = new a(this.props, this.refs, this.element, this.getDesign(), this.getName(), this.components, this.slots, this.emits), this.init();
+	}
+	initExpose() {
+		return { ...this.item.event.expose };
+	}
+	initClasses() {
+		return {
+			main: this.item.classes.value,
+			context: this.getSubClass("context"),
+			contextTrailing: this.getSubClass("contextTrailing"),
+			label: this.getSubClass("label"),
+			description: this.getSubClass("description"),
+			caption: this.getSubClass("caption"),
+			icon: this.getSubClass("icon"),
+			trailing: this.getSubClass("trailing"),
+			body: this.getSubClass("body"),
+			loading: this.getSubClass("loading")
+		};
+	}
+	initStyles() {
+		return {};
+	}
+	initRender() {
+		var e;
+		return p((e = this.props.tag) == null ? "div" : e, this.propsMain.value, [
+			...this.item.icon.render(),
+			...this.renderContext(),
+			...this.renderTrailing(),
+			...this.renderBody(),
+			...this.item.ripple.render(),
+			...this.item.progress.render()
+		]);
+	}
 };
+//#endregion
+export { h as Cell, _ as CellDesign, g as defaultsCell };

package/dist/checkbox.js

@@ -0,0 +1,112 @@
+import { t as e } from "./AriaStaticInclude-CS1hPGyK.js";
+import { t } from "./defineProperty-hmGKPWdq.js";
+import { t as n } from "./ProgressInclude-BnPBYwJg.js";
+import { t as r } from "./EnabledInclude-CkD_lxMY.js";
+import { t as i } from "./SkeletonInclude-D8on8xmw.js";
+import { t as a } from "./LabelInclude-DoZ7EUYO.js";
+import { t as o } from "./DescriptionInclude-B_Xf_j3l.js";
+import { t as s } from "./RippleInclude-BlC1h0Ya.js";
+import { n as c, r as l } from "./FieldInputCheckInclude-czZ02ymY.js";
+import { a as u, i as d, n as f, r as p, t as m } from "./FieldEventInclude-DLX__9aJ.js";
+import { t as h } from "./FieldMessageInclude-6cxMqgIx.js";
+import { computed as g, h as _ } from "vue";
+import { DesignConstructorAbstract as v, getBind as y, toBinds as b } from "@dxtmisha/functional";
+//#region src/constructors/Checkbox/CheckboxIcon.ts
+var x = class {
+	constructor(e, n) {
+		t(this, "item", g(() => y(this.getIcon(), "value"))), this.props = e, this.value = n;
+	}
+	getIcon() {
+		if (this.value.boolean.value && !this.props.loading) return this.props.indeterminate ? this.props.iconIndeterminate : this.props.iconCheckbox;
+	}
+}, S = class {
+	constructor(e, g, _, v, y, b, S, C, w) {
+		t(this, "type", "checkbox"), t(this, "attributes", void 0), t(this, "change", void 0), t(this, "code", void 0), t(this, "description", void 0), t(this, "elementItem", void 0), t(this, "enabled", void 0), t(this, "event", void 0), t(this, "icon", void 0), t(this, "label", void 0), t(this, "message", void 0), t(this, "progress", void 0), t(this, "ripple", void 0), t(this, "skeleton", void 0), t(this, "validation", void 0), t(this, "value", void 0), this.props = e, this.refs = g, this.element = _, this.classDesign = v, this.className = y, this.components = b, this.slots = S, this.emits = C;
+		let { CheckboxIconConstructor: T = x, DescriptionConstructor: E = o, EnabledConstructor: D = r, FieldAttributesIncludeConstructor: O = u, FieldChangeIncludeConstructor: k = d, FieldCodeIncludeConstructor: A = p, FieldElementIncludeConstructor: j = l, FieldEventIncludeConstructor: M = m, FieldMessageConstructor: N = h, FieldValidationIncludeConstructor: P = f, FieldValueIncludeConstructor: F = c, LabelConstructor: I = a, ProgressConstructor: L = n, RippleConstructor: R = s, SkeletonConstructor: z = i } = w == null ? {} : w;
+		this.skeleton = new z(this.props, this.classDesign, ["classText"]), this.progress = new L(this.props, this.className, this.components, {
+			circular: !0,
+			inverse: !0
+		}), this.change = new k(this.props), this.elementItem = new j(this.props, this.element), this.attributes = new O(this.props), this.value = new F(this.props, this.refs, this.elementItem), this.code = new A(this.props), this.validation = new P(this.props, this.attributes, this.value, this.change, this.code), this.event = new M(this.props, this.change, this.value, this.validation, this.emits), this.message = new N(this.props, this.className, this.components, this.validation.message), this.icon = new T(this.props, this.value), this.label = new I(e, y, void 0, S, void 0, void 0, void 0, this.skeleton), this.description = new E(e, y, S, this.skeleton), this.enabled = new D(e, this.progress), this.ripple = new R(y, b, this.enabled);
+	}
+}, C = {
+	valueVariantHide: "0",
+	block: !0,
+	itemCenter: !0
+}, w = class extends v {
+	constructor(n, r, i, a = S) {
+		super(n, r, i), t(this, "item", void 0), t(this, "renderBody", () => {
+			var e;
+			let t = [...this.renderChecked(), ...this.renderInfo()];
+			return _("span", { class: (e = this.classes) == null ? void 0 : e.value.body }, t);
+		}), t(this, "renderInput", () => {
+			var t;
+			return _("input", b(this.item.attributes.listForCheckbox.value, {
+				class: (t = this.classes) == null ? void 0 : t.value.input,
+				type: this.item.type,
+				checked: this.item.value.item.value,
+				onInput: this.item.event.onChecked,
+				...e.invalid(this.item.validation.isError())
+			}));
+		}), t(this, "renderInputHidden", () => _("input", {
+			name: this.props.name,
+			type: "hidden",
+			value: this.props.valueVariantHide
+		})), t(this, "renderChecked", () => {
+			var t, n;
+			return [_("span", {
+				class: (t = this.classes) == null ? void 0 : t.value.item,
+				...e.hidden()
+			}, [
+				...this.item.progress.render(),
+				_("span", { class: [(n = this.classes) == null ? void 0 : n.value.icon, this.item.skeleton.classesSkeleton.classBackground] }, [this.components.renderOne("image", this.item.icon.item.value)]),
+				...this.item.ripple.render()
+			])];
+		}), t(this, "renderInfo", () => {
+			if (this.item.label.is.value || this.item.description.is.value) {
+				var e;
+				return [_("span", { class: (e = this.classes) == null ? void 0 : e.value.info }, [
+					...this.item.label.render(),
+					...this.item.description.render(),
+					...this.item.message.render()
+				])];
+			}
+			return [];
+		}), this.item = new a(this.props, this.refs, this.element, this.getDesign(), this.getName(), this.components, this.slots, this.emits), this.init();
+	}
+	initExpose() {
+		return {
+			value: this.item.value.item,
+			checkValidity: this.item.validation.checkValidity,
+			validationMessage: this.item.validation.message
+		};
+	}
+	initClasses() {
+		return {
+			main: {},
+			input: this.getSubClass("input"),
+			body: this.getSubClass("body"),
+			item: this.getSubClass("item"),
+			icon: this.getSubClass("icon"),
+			loading: this.getSubClass("loading"),
+			info: this.getSubClass("info"),
+			label: this.getSubClass("label")
+		};
+	}
+	initStyles() {
+		return {};
+	}
+	initRender() {
+		var e;
+		return _("label", {
+			...this.getAttrs(),
+			ref: this.element,
+			class: (e = this.classes) == null ? void 0 : e.value.main
+		}, [
+			this.renderInputHidden(),
+			this.renderInput(),
+			this.renderBody()
+		]);
+	}
+};
+//#endregion
+export { S as Checkbox, w as CheckboxDesign, x as CheckboxIcon, C as defaultsCheckbox };

package/dist/chip.js

@@ -1,82 +1,25 @@
-var l = Object.defineProperty;
-var d = (t, s, i) => s in t ? l(t, s, { enumerable: !0, configurable: !0, writable: !0, value: i }) : t[s] = i;
-var h = (t, s, i) => d(t, typeof s != "symbol" ? s + "" : s, i);
-import { toBinds as m, getBind as u, getRef as r } from "@dxtmisha/functional";
-import { a as b } from "./ButtonDesign-DgZNw44L.js";
-import { computed as f } from "vue";
-class B {
-  /**
-   * Constructor
-   * @param props input data/ входные данные
-   * @param refs input data in the form of reactive elements/ входные данные в виде реактивных элементов
-   * @param element input element/ элемент ввода
-   * @param classDesign design name/ название дизайна
-   * @param className class name/ название класса
-   * @param components object for working with components/ объект для работы с компонентами
-   * @param slots object for working with slots/ объект для работы со слотами
-   * @param emits the function is called when an event is triggered/ функция вызывается, когда срабатывает событие
-   */
-  constructor(s, i, e, n, o, p, a, c) {
-    this.props = s, this.refs = i, this.element = e, this.classDesign = n, this.className = o, this.components = p, this.slots = a, this.emits = c;
-  }
-}
-const D = {
-  tag: "span"
-};
-class N extends b {
-}
-class A {
-  /**
-   * Constructor
-   * @param props input parameter/ входной параметр
-   * @param className class name/ название класса
-   * @param components object for working with components/ объект для работы с компонентами
-   * @param extra additional parameter/ дополнительный параметр
-   * @param index index identifier/ идентификатор индекса
-   */
-  constructor(s, i, e, n, o) {
-    /**
-     * Computed bindings for the chip/ Вычисляемые привязки для чипа
-     */
-    h(this, "binds", f(
-      () => m(
-        this.props.chipAttrs,
-        u(
-          r(this.props),
-          r(this.extra),
-          "label"
-        )
-      )
-    ));
-    /**
-     * Renders the chip component with provided properties and configuration.
-     * Returns an array of VNode elements representing the rendered chip, or an empty
-     * array if the component cannot be rendered.
-     *
-     * Отрисовывает компонент чипа с предоставленными свойствами и конфигурацией.
-     * Возвращает массив VNode элементов, представляющих отрисованный чип, или пустой
-     * массив, если компонент не может быть отрисован.
-     *
-     * @param props additional properties/ дополнительные свойства
-     */
-    h(this, "render", (s) => {
-      var i;
-      return this.components && ("label" in this.binds.value || "icon" in this.binds.value || "iconTrailing" in this.binds.value) ? this.components.render(
-        "chip",
-        {
-          ...this.binds.value,
-          ...r(s)
-        },
-        void 0,
-        (i = this.index) != null ? i : "chip"
-      ) : [];
-    });
-    this.props = s, this.className = i, this.components = e, this.extra = n, this.index = o;
-  }
-}
-export {
-  B as Chip,
-  N as ChipDesign,
-  A as ChipInclude,
-  D as defaultsChip
+import { t as e } from "./defineProperty-hmGKPWdq.js";
+import { t } from "./ButtonDesign-DTihOCBe.js";
+import { computed as n } from "vue";
+import { getBind as r, getRef as i, toBinds as a } from "@dxtmisha/functional";
+//#region src/constructors/Chip/Chip.ts
+var o = class {
+	constructor(e, t, n, r, i, a, o, s) {
+		this.props = e, this.refs = t, this.element = n, this.classDesign = r, this.className = i, this.components = a, this.slots = o, this.emits = s;
+	}
+}, s = { tag: "span" }, c = class extends t {}, l = class {
+	constructor(t, o, s, c, l) {
+		e(this, "binds", n(() => a(this.props.chipAttrs, r(i(this.props), i(this.extra), "label")))), e(this, "render", (e) => {
+			if (this.components && ("label" in this.binds.value || "icon" in this.binds.value || "iconTrailing" in this.binds.value)) {
+				var t;
+				return this.components.render("chip", {
+					...this.binds.value,
+					...i(e)
+				}, void 0, (t = this.index) == null ? "chip" : t);
+			}
+			return [];
+		}), this.props = t, this.className = o, this.components = s, this.extra = c, this.index = l;
+	}
 };
+//#endregion
+export { o as Chip, c as ChipDesign, l as ChipInclude, s as defaultsChip };