@bitrise/bitkit-v2 0.3.173 → 0.3.174

package/dist/components/BitkitSelectMenu/BitkitSelectMenu.js

@@ -1,95 +1,95 @@
-import v from "../../icons/IconCheck.js";
-import z from "../../icons/IconMagnifier.js";
-import G from "../../icons/IconPlus.js";
-import { Box as l } from "@chakra-ui/react/box";
-import { useSlotRecipe as L } from "@chakra-ui/react/styled-system";
-import { Text as d } from "@chakra-ui/react/text";
-import { forwardRef as j } from "react";
-import { jsx as e, jsxs as t } from "react/jsx-runtime";
-import { Spinner as B } from "@chakra-ui/react/spinner";
-import { Select as M } from "@chakra-ui/react/select";
-import { Combobox as P } from "@chakra-ui/react/combobox";
-import { Input as w } from "@chakra-ui/react/input";
-import { InputGroup as N } from "@chakra-ui/react/input-group";
-import { Separator as R } from "@chakra-ui/react/separator";
-var E = j((f, h) => {
-  const { collection: u, contentProps: I = {}, createItemHref: c, createItemLabel: x = "Create item", createItemProps: S, hasSearch: g = !1, isLoading: y = !1, onCreateItem: s, onSearchChange: b, size: m, variant: C = "select" } = f, o = C === "combobox" ? P : M, r = L({ key: "select" })({ size: m }), i = m === "md" ? "16" : "24";
-  return /* @__PURE__ */ t(o.Content, {
-    css: r.content,
-    ref: h,
-    ...I,
-    children: [
-      g && /* @__PURE__ */ e(N, {
-        startElement: /* @__PURE__ */ e(z, {
-          size: i,
-          color: "icon/tertiary"
-        }),
-        css: r.searchInputGroup,
-        children: /* @__PURE__ */ e(w, {
-          placeholder: "Search...",
-          css: r.searchInput,
-          onChange: (n) => b?.(n.target.value)
-        })
-      }),
-      /* @__PURE__ */ e(l, {
-        overflowY: "auto",
-        children: y ? /* @__PURE__ */ t(l, {
-          display: "flex",
-          alignItems: "center",
-          gap: "12",
-          justifyContent: "left",
-          css: r.item,
-          children: [/* @__PURE__ */ e(B, { variant: "purple" }), /* @__PURE__ */ e(d, {
-            color: "text/secondary",
-            textStyle: "body/md/regular",
-            children: "Loading..."
-          })]
-        }) : u.group().map(([n, k]) => /* @__PURE__ */ t(o.ItemGroup, { children: [n && /* @__PURE__ */ t(o.ItemGroupLabel, {
-          css: r.itemGroupLabel,
-          children: [/* @__PURE__ */ e(d, {
-            color: "text/tertiary",
-            flexShrink: "0",
-            textStyle: "heading/h6",
-            children: n
-          }), /* @__PURE__ */ e(R, { flex: "1" })]
-        }), k.map((a) => {
-          const p = a.icon;
-          return /* @__PURE__ */ t(o.Item, {
-            css: r.item,
-            item: a,
-            children: [/* @__PURE__ */ t(l, {
-              display: "flex",
-              alignItems: "center",
-              gap: "8",
-              children: [p && /* @__PURE__ */ e(p, {
-                color: "icon/primary",
-                size: i
-              }), a.label]
-            }), /* @__PURE__ */ e(o.ItemIndicator, {
-              asChild: !0,
-              children: /* @__PURE__ */ e(v, {
-                size: i,
-                css: r.itemIndicator
-              })
-            })]
-          }, a.value);
-        })] }, n))
-      }),
-      (c || s) && /* @__PURE__ */ t(l, {
-        as: c ? "a" : "button",
-        css: r.createItem,
-        ...c ? { href: c } : {},
-        onClick: s,
-        ...S,
-        children: [/* @__PURE__ */ e(G, {
-          size: i,
-          color: "button/secondary/icon"
-        }), x]
-      })
-    ]
-  });
+import e from "../../icons/IconCheck.js";
+import t from "../../icons/IconMagnifier.js";
+import n from "../../icons/IconPlus.js";
+import { Box as r } from "@chakra-ui/react/box";
+import { useSlotRecipe as i } from "@chakra-ui/react/styled-system";
+import { Text as a } from "@chakra-ui/react/text";
+import { forwardRef as o } from "react";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+import { Spinner as l } from "@chakra-ui/react/spinner";
+import { Select as u } from "@chakra-ui/react/select";
+import { Combobox as d } from "@chakra-ui/react/combobox";
+import { Input as f } from "@chakra-ui/react/input";
+import { InputGroup as p } from "@chakra-ui/react/input-group";
+import { Separator as m } from "@chakra-ui/react/separator";
+//#region lib/components/BitkitSelectMenu/BitkitSelectMenu.tsx
+var h = o((o, h) => {
+	let { collection: g, contentProps: _ = {}, createItemHref: v, createItemLabel: y = "Create item", createItemProps: b, hasSearch: x = !1, isLoading: S = !1, onCreateItem: C, onSearchChange: w, size: T, variant: E = "select" } = o, D = E === "combobox" ? d : u, O = i({ key: "select" })({ size: T }), k = T === "md" ? "16" : "24";
+	return /* @__PURE__ */ c(D.Content, {
+		css: O.content,
+		ref: h,
+		..._,
+		children: [
+			x && /* @__PURE__ */ s(p, {
+				startElement: /* @__PURE__ */ s(t, {
+					size: k,
+					color: "icon/tertiary"
+				}),
+				css: O.searchInputGroup,
+				children: /* @__PURE__ */ s(f, {
+					placeholder: "Search...",
+					css: O.searchInput,
+					onChange: (e) => w?.(e.target.value)
+				})
+			}),
+			/* @__PURE__ */ s(r, {
+				overflowY: "auto",
+				children: S ? /* @__PURE__ */ c(r, {
+					display: "flex",
+					alignItems: "center",
+					gap: "12",
+					justifyContent: "left",
+					css: O.item,
+					children: [/* @__PURE__ */ s(l, { variant: "purple" }), /* @__PURE__ */ s(a, {
+						color: "text/secondary",
+						textStyle: "body/md/regular",
+						children: "Loading..."
+					})]
+				}) : g.group().map(([t, n]) => /* @__PURE__ */ c(D.ItemGroup, { children: [t && /* @__PURE__ */ c(D.ItemGroupLabel, {
+					css: O.itemGroupLabel,
+					children: [/* @__PURE__ */ s(a, {
+						color: "text/tertiary",
+						flexShrink: "0",
+						textStyle: "heading/h6",
+						children: t
+					}), /* @__PURE__ */ s(m, { flex: "1" })]
+				}), n.map((t) => {
+					let n = t.icon;
+					return /* @__PURE__ */ c(D.Item, {
+						css: O.item,
+						item: t,
+						children: [/* @__PURE__ */ c(r, {
+							display: "flex",
+							alignItems: "center",
+							gap: "8",
+							children: [n && /* @__PURE__ */ s(n, {
+								color: "icon/primary",
+								size: k
+							}), t.label]
+						}), /* @__PURE__ */ s(D.ItemIndicator, {
+							asChild: !0,
+							children: /* @__PURE__ */ s(e, {
+								size: k,
+								css: O.itemIndicator
+							})
+						})]
+					}, t.value);
+				})] }, t))
+			}),
+			(v || C) && /* @__PURE__ */ c(r, {
+				as: v ? "a" : "button",
+				css: O.createItem,
+				...v ? { href: v } : {},
+				onClick: C,
+				...b,
+				children: [/* @__PURE__ */ s(n, {
+					size: k,
+					color: "button/secondary/icon"
+				}), y]
+			})
+		]
+	});
 });
-E.displayName = "BitkitSelectMenu";
-export {
-  E as default
-};
+h.displayName = "BitkitSelectMenu";
+//#endregion
+export { h as default };

package/dist/components/BitkitSplitButton/BitkitSplitButton.js

@@ -1,69 +1,69 @@
-import g from "../../icons/IconChevronDown.js";
-import k from "../BitkitButton/BitkitButton.js";
-import y from "../BitkitIconButton/BitkitIconButton.js";
-import e from "../BitkitActionMenu/BitkitActionMenu.js";
-import { useSlotRecipe as v } from "@chakra-ui/react/styled-system";
-import { Children as x, forwardRef as u, isValidElement as c } from "react";
-import { jsx as n, jsxs as C } from "react/jsx-runtime";
-import { Skeleton as h } from "@chakra-ui/react/skeleton";
-import { createContext as I } from "@chakra-ui/react";
-import { Group as A } from "@chakra-ui/react/group";
-var b = (t) => c(t) && t.type === s, z = (t) => c(t) && (t.type === e.Group || t.type === e.Item || t.type === e.Separator), [G, N] = I({
-  name: "SplitButtonContext",
-  hookName: "useSplitButtonContext",
-  providerName: "<BitkitSplitButton />"
-}), s = u((t, a) => {
-  const { size: l, state: o, styles: i, variant: r } = N();
-  return /* @__PURE__ */ n(k, {
-    ref: a,
-    css: i.action,
-    size: l,
-    variant: r,
-    state: o,
-    ...t
-  });
+import e from "../../icons/IconChevronDown.js";
+import t from "../BitkitButton/BitkitButton.js";
+import n from "../BitkitIconButton/BitkitIconButton.js";
+import r from "../BitkitActionMenu/BitkitActionMenu.js";
+import { useSlotRecipe as i } from "@chakra-ui/react/styled-system";
+import { Children as a, forwardRef as o, isValidElement as s } from "react";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+import { Skeleton as u } from "@chakra-ui/react/skeleton";
+import { createContext as d } from "@chakra-ui/react";
+import { Group as f } from "@chakra-ui/react/group";
+//#region lib/components/BitkitSplitButton/BitkitSplitButton.tsx
+var p = (e) => s(e) && e.type === _, m = (e) => s(e) && (e.type === r.Group || e.type === r.Item || e.type === r.Separator), [h, g] = d({
+	name: "SplitButtonContext",
+	hookName: "useSplitButtonContext",
+	providerName: "<BitkitSplitButton />"
+}), _ = o((e, n) => {
+	let { size: r, state: i, styles: a, variant: o } = g();
+	return /* @__PURE__ */ c(t, {
+		ref: n,
+		css: a.action,
+		size: r,
+		variant: o,
+		state: i,
+		...e
+	});
 });
-s.displayName = "BitkitSplitButtonAction";
-var d = u((t, a) => {
-  const { children: l, size: o = "lg", state: i, variant: r = "primary" } = t, p = x.toArray(l), B = p.find(b), f = p.filter(z), S = o === "lg" ? "lg" : "md", m = v({ key: "splitButton" })({ variant: r });
-  return /* @__PURE__ */ n(G, {
-    value: {
-      size: o,
-      state: i,
-      styles: m,
-      variant: r
-    },
-    children: /* @__PURE__ */ n(h, {
-      asChild: !0,
-      loading: i === "skeleton",
-      children: /* @__PURE__ */ C(A, {
-        ref: a,
-        attached: !0,
-        display: "inline-flex",
-        children: [B, /* @__PURE__ */ n(e.Root, {
-          size: S,
-          trigger: /* @__PURE__ */ n(y, {
-            css: m.trigger,
-            icon: g,
-            label: "Toggle menu",
-            size: o,
-            state: i === "loading" ? "disabled" : i,
-            variant: r
-          }),
-          positioning: { placement: "bottom-end" },
-          children: f
-        })]
-      })
-    })
-  });
+_.displayName = "BitkitSplitButtonAction";
+var v = o((t, o) => {
+	let { children: s, size: d = "lg", state: g, variant: _ = "primary" } = t, v = a.toArray(s), y = v.find(p), b = v.filter(m), x = d === "lg" ? "lg" : "md", S = i({ key: "splitButton" })({ variant: _ });
+	return /* @__PURE__ */ c(h, {
+		value: {
+			size: d,
+			state: g,
+			styles: S,
+			variant: _
+		},
+		children: /* @__PURE__ */ c(u, {
+			asChild: !0,
+			loading: g === "skeleton",
+			children: /* @__PURE__ */ l(f, {
+				ref: o,
+				attached: !0,
+				display: "inline-flex",
+				children: [y, /* @__PURE__ */ c(r.Root, {
+					size: x,
+					trigger: /* @__PURE__ */ c(n, {
+						css: S.trigger,
+						icon: e,
+						label: "Toggle menu",
+						size: d,
+						state: g === "loading" ? "disabled" : g,
+						variant: _
+					}),
+					positioning: { placement: "bottom-end" },
+					children: b
+				})]
+			})
+		})
+	});
 });
-d.displayName = "BitkitSplitButton";
-var _ = Object.assign(d, {
-  Action: s,
-  Group: e.Group,
-  Item: e.Item,
-  Separator: e.Separator
+v.displayName = "BitkitSplitButton";
+var y = Object.assign(v, {
+	Action: _,
+	Group: r.Group,
+	Item: r.Item,
+	Separator: r.Separator
 });
-export {
-  _ as default
-};
+//#endregion
+export { y as default };

package/dist/components/BitkitTabs/BitkitTabs.js

@@ -1,52 +1,49 @@
-import { Box as y } from "@chakra-ui/react/box";
-import { Text as R } from "@chakra-ui/react/text";
-import { forwardRef as p } from "react";
-import { Fragment as m, jsx as t, jsxs as a } from "react/jsx-runtime";
-import { createContext as f } from "@chakra-ui/react";
+import { Box as e } from "@chakra-ui/react/box";
+import { Text as t } from "@chakra-ui/react/text";
+import { forwardRef as n } from "react";
+import { Fragment as r, jsx as i, jsxs as a } from "react/jsx-runtime";
+import { createContext as o } from "@chakra-ui/react";
 import { Tabs as s } from "@chakra-ui/react/tabs";
-var [g, u] = f({
-  name: "RootPropsContext",
-  hookName: "useRootPropsContext",
-  providerName: "<RootProps />"
-}), c = p((o, i) => /* @__PURE__ */ t(g, {
-  value: o,
-  children: /* @__PURE__ */ t(s.Root, {
-    ref: i,
-    ...o
-  })
+//#region lib/components/BitkitTabs/BitkitTabs.tsx
+var [c, l] = o({
+	name: "RootPropsContext",
+	hookName: "useRootPropsContext",
+	providerName: "<RootProps />"
+}), u = n((e, t) => /* @__PURE__ */ i(c, {
+	value: e,
+	children: /* @__PURE__ */ i(s.Root, {
+		ref: t,
+		...e
+	})
 }));
-c.displayName = "BitkitTabs.Root";
-var x = p((o, i) => {
-  const { badge: T, children: n, icon: e, secondaryText: d, ...l } = o, { variant: b } = u();
-  return /* @__PURE__ */ t(s.Trigger, {
-    ref: i,
-    ...l,
-    children: b === "line" ? /* @__PURE__ */ a(m, { children: [
-      e && /* @__PURE__ */ t(e, { size: "24" }),
-      n,
-      T
-    ] }) : /* @__PURE__ */ a(m, { children: [/* @__PURE__ */ a(y, {
-      display: "flex",
-      gap: "16",
-      children: [n, e && /* @__PURE__ */ t(e, { size: "24" })]
-    }), !!d && /* @__PURE__ */ t(R, {
-      as: "span",
-      textStyle: "body/md/regular",
-      color: l.disabled ? "text/on-disabled" : "text/secondary",
-      children: d
-    })] })
-  });
+u.displayName = "BitkitTabs.Root";
+var d = n((n, o) => {
+	let { badge: c, children: u, icon: d, secondaryText: f, ...p } = n, { variant: m } = l();
+	return /* @__PURE__ */ i(s.Trigger, {
+		ref: o,
+		...p,
+		children: m === "line" ? /* @__PURE__ */ a(r, { children: [
+			d && /* @__PURE__ */ i(d, { size: "24" }),
+			u,
+			c
+		] }) : /* @__PURE__ */ a(r, { children: [/* @__PURE__ */ a(e, {
+			display: "flex",
+			gap: "16",
+			children: [u, d && /* @__PURE__ */ i(d, { size: "24" })]
+		}), !!f && /* @__PURE__ */ i(t, {
+			as: "span",
+			textStyle: "body/md/regular",
+			color: p.disabled ? "text/on-disabled" : "text/secondary",
+			children: f
+		})] })
+	});
 });
-x.displayName = "BitkitTabs.Trigger";
-var r = {
-  ...s,
-  Root: c,
-  Trigger: x
-};
-r.Content.displayName = "BitkitTabs.Content";
-r.List.displayName = "BitkitTabs.List";
-r.ContentGroup.displayName = "BitkitTabs.ContentGroup";
-r.Root.displayName = "BitkitTabs.Root";
-export {
-  r as default
+d.displayName = "BitkitTabs.Trigger";
+var f = {
+	...s,
+	Root: u,
+	Trigger: d
 };
+f.Content.displayName = "BitkitTabs.Content", f.List.displayName = "BitkitTabs.List", f.ContentGroup.displayName = "BitkitTabs.ContentGroup", f.Root.displayName = "BitkitTabs.Root";
+//#endregion
+export { f as default };

package/dist/components/BitkitTag/BitkitTag.js

@@ -1,37 +1,37 @@
-import c from "../BitkitCloseButton/BitkitCloseButton.js";
-import { jsx as e, jsxs as m } from "react/jsx-runtime";
-import { Skeleton as h } from "@chakra-ui/react/skeleton";
-import { Tag as t } from "@chakra-ui/react/tag";
-var g = (s) => {
-  const { labelText: n, icon: l, onRemove: r, state: a, ...o } = s, i = a === "skeleton", d = !!o.disabled || a === "disabled";
-  return /* @__PURE__ */ m(t.Root, {
-    ...o,
-    disabled: d,
-    children: [
-      !!l && /* @__PURE__ */ e(t.StartElement, {
-        asChild: !0,
-        children: /* @__PURE__ */ e(l, { size: "16" })
-      }),
-      /* @__PURE__ */ e(h, {
-        loading: i,
-        height: i ? "8" : void 0,
-        overflow: "hidden",
-        borderRadius: "0",
-        children: /* @__PURE__ */ e(t.Label, { children: n })
-      }),
-      !!r && /* @__PURE__ */ e(t.EndElement, {
-        asChild: !0,
-        children: /* @__PURE__ */ e(c, {
-          disabled: d || i,
-          size: "xs",
-          "aria-label": "Remove tag",
-          colorPalette: o.colorPalette,
-          onClick: r
-        })
-      })
-    ]
-  });
-};
-export {
-  g as default
+import e from "../BitkitCloseButton/BitkitCloseButton.js";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+import { Skeleton as r } from "@chakra-ui/react/skeleton";
+import { Tag as i } from "@chakra-ui/react/tag";
+//#region lib/components/BitkitTag/BitkitTag.tsx
+var a = (a) => {
+	let { labelText: o, icon: s, onRemove: c, state: l, ...u } = a, d = l === "skeleton", f = !!u.disabled || l === "disabled";
+	return /* @__PURE__ */ n(i.Root, {
+		...u,
+		disabled: f,
+		children: [
+			!!s && /* @__PURE__ */ t(i.StartElement, {
+				asChild: !0,
+				children: /* @__PURE__ */ t(s, { size: "16" })
+			}),
+			/* @__PURE__ */ t(r, {
+				loading: d,
+				height: d ? "8" : void 0,
+				overflow: "hidden",
+				borderRadius: "0",
+				children: /* @__PURE__ */ t(i.Label, { children: o })
+			}),
+			!!c && /* @__PURE__ */ t(i.EndElement, {
+				asChild: !0,
+				children: /* @__PURE__ */ t(e, {
+					disabled: f || d,
+					size: "xs",
+					"aria-label": "Remove tag",
+					colorPalette: u.colorPalette,
+					onClick: c
+				})
+			})
+		]
+	});
 };
+//#endregion
+export { a as default };

package/dist/components/BitkitTagsInput/BitkitTagsInput.js

@@ -1,63 +1,62 @@
-import I from "../../icons/IconCross.js";
-import P from "../../icons/IconErrorCircleFilled.js";
-import W from "../../icons/IconWarningYellow.js";
-import $ from "../BitkitField/BitkitField.js";
-import { chakra as f, useSlotRecipe as E } from "@chakra-ui/react/styled-system";
-import { forwardRef as H } from "react";
-import { jsx as e, jsxs as r } from "react/jsx-runtime";
-import { TagsInput as i } from "@chakra-ui/react/tags-input";
-var N = H((v, u) => {
-  const { addOnPaste: x, defaultValue: T, delimiter: k = " ", errorText: g, helperText: y, label: w, max: a, onValueChange: C, optional: b, placeholder: z, size: t = "lg", state: l, tooltip: B, validate: O, value: R, warningText: h, ...j } = v, c = E({ key: "tagsInput" })({ size: t }), D = l === "warning" || !!h, m = l === "error" || !!g, o = l === "disabled", n = l === "readOnly";
-  let s;
-  return m ? s = /* @__PURE__ */ e(P, {
-    color: "icon/negative",
-    size: t === "lg" ? "24" : "16"
-  }) : D && (s = /* @__PURE__ */ e(W, {
-    color: "icon/warning",
-    size: t === "lg" ? "24" : "16"
-  })), /* @__PURE__ */ e(i.Root, {
-    addOnPaste: x,
-    defaultValue: T,
-    delimiter: k,
-    disabled: o,
-    invalid: m,
-    max: a,
-    onValueChange: C,
-    readOnly: n,
-    size: t,
-    validate: O,
-    value: R,
-    children: /* @__PURE__ */ e(i.Context, { children: ({ value: d }) => /* @__PURE__ */ r($, {
-      counterText: a !== void 0 ? `${d.length}/${a}` : void 0,
-      disabled: o,
-      errorText: g,
-      helperText: y,
-      invalid: m,
-      label: w,
-      optional: b,
-      readOnly: n,
-      ref: u,
-      tooltip: B,
-      warningText: h,
-      ...j,
-      children: [/* @__PURE__ */ r(i.Control, { children: [/* @__PURE__ */ r(f.div, {
-        css: c.tagsBlock,
-        children: [d.map((p, F) => /* @__PURE__ */ r(i.Item, {
-          index: F,
-          value: p,
-          children: [/* @__PURE__ */ r(i.ItemPreview, { children: [/* @__PURE__ */ e(i.ItemText, { children: p }), !n && /* @__PURE__ */ e(i.ItemDeleteTrigger, { children: /* @__PURE__ */ e(I, { size: "16" }) })] }), /* @__PURE__ */ e(i.ItemInput, {})]
-        }, p)), /* @__PURE__ */ e(i.Input, { placeholder: z })]
-      }), (s || d.length > 0 && !o && !n) && /* @__PURE__ */ r(f.div, {
-        css: c.suffixBlock,
-        children: [s, d.length > 0 && !o && !n && /* @__PURE__ */ e(i.ClearTrigger, {
-          css: c.clearTrigger,
-          children: /* @__PURE__ */ e(I, { size: t === "lg" ? "24" : "16" })
-        })]
-      })] }), /* @__PURE__ */ e(i.HiddenInput, {})]
-    }) })
-  });
+import e from "../../icons/IconCross.js";
+import t from "../../icons/IconErrorCircleFilled.js";
+import n from "../../icons/IconWarningYellow.js";
+import r from "../BitkitField/BitkitField.js";
+import { chakra as i, useSlotRecipe as a } from "@chakra-ui/react/styled-system";
+import { forwardRef as o } from "react";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+import { TagsInput as l } from "@chakra-ui/react/tags-input";
+//#region lib/components/BitkitTagsInput/BitkitTagsInput.tsx
+var u = o((o, u) => {
+	let { addOnPaste: d, defaultValue: f, delimiter: p = " ", errorText: m, helperText: h, label: g, max: _, onValueChange: v, optional: y, placeholder: b, size: x = "lg", state: S, tooltip: C, validate: w, value: T, warningText: E, ...D } = o, O = a({ key: "tagsInput" })({ size: x }), k = S === "warning" || !!E, A = S === "error" || !!m, j = S === "disabled", M = S === "readOnly", N;
+	return A ? N = /* @__PURE__ */ s(t, {
+		color: "icon/negative",
+		size: x === "lg" ? "24" : "16"
+	}) : k && (N = /* @__PURE__ */ s(n, {
+		color: "icon/warning",
+		size: x === "lg" ? "24" : "16"
+	})), /* @__PURE__ */ s(l.Root, {
+		addOnPaste: d,
+		defaultValue: f,
+		delimiter: p,
+		disabled: j,
+		invalid: A,
+		max: _,
+		onValueChange: v,
+		readOnly: M,
+		size: x,
+		validate: w,
+		value: T,
+		children: /* @__PURE__ */ s(l.Context, { children: ({ value: t }) => /* @__PURE__ */ c(r, {
+			counterText: _ === void 0 ? void 0 : `${t.length}/${_}`,
+			disabled: j,
+			errorText: m,
+			helperText: h,
+			invalid: A,
+			label: g,
+			optional: y,
+			readOnly: M,
+			ref: u,
+			tooltip: C,
+			warningText: E,
+			...D,
+			children: [/* @__PURE__ */ c(l.Control, { children: [/* @__PURE__ */ c(i.div, {
+				css: O.tagsBlock,
+				children: [t.map((t, n) => /* @__PURE__ */ c(l.Item, {
+					index: n,
+					value: t,
+					children: [/* @__PURE__ */ c(l.ItemPreview, { children: [/* @__PURE__ */ s(l.ItemText, { children: t }), !M && /* @__PURE__ */ s(l.ItemDeleteTrigger, { children: /* @__PURE__ */ s(e, { size: "16" }) })] }), /* @__PURE__ */ s(l.ItemInput, {})]
+				}, t)), /* @__PURE__ */ s(l.Input, { placeholder: b })]
+			}), (N || t.length > 0 && !j && !M) && /* @__PURE__ */ c(i.div, {
+				css: O.suffixBlock,
+				children: [N, t.length > 0 && !j && !M && /* @__PURE__ */ s(l.ClearTrigger, {
+					css: O.clearTrigger,
+					children: /* @__PURE__ */ s(e, { size: x === "lg" ? "24" : "16" })
+				})]
+			})] }), /* @__PURE__ */ s(l.HiddenInput, {})]
+		}) })
+	});
 });
-N.displayName = "BitkitTagsInput";
-export {
-  N as default
-};
+u.displayName = "BitkitTagsInput";
+//#endregion
+export { u as default };