@bitrise/bitkit-v2 0.3.175 → 0.3.176

package/dist/components/BitkitLabel/BitkitLabel.js

@@ -0,0 +1,58 @@
+import e from "../../icons/IconInfoCircle.js";
+import t from "../BitkitTooltip/BitkitTooltip.js";
+import { chakra as n, useSlotRecipe as r } from "@chakra-ui/react/styled-system";
+import { Text as i } from "@chakra-ui/react/text";
+import { cloneElement as a, forwardRef as o, isValidElement as s } from "react";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+import { useFieldContext as u } from "@chakra-ui/react/field";
+import { Flex as d } from "@chakra-ui/react/flex";
+//#region lib/components/BitkitLabel/BitkitLabel.tsx
+var f = {
+	color: "text/disabled",
+	"& > span": { color: "text/disabled" }
+}, p = o((o, p) => {
+	let { badge: m, counterText: h, css: g, disabled: _, children: v, optional: y, tooltip: b, ...x } = o, S = u(), C = r({ key: "field" })(), w = _ ?? S?.disabled, T = y ?? (S ? !S.required : void 0), E = w ? {
+		colorPalette: "neutral",
+		size: "xxs"
+	} : { size: "xxs" }, D = s(m) ? a(m, E) : m;
+	return /* @__PURE__ */ l(n.label, {
+		ref: p,
+		css: [
+			C.label,
+			w && f,
+			g
+		],
+		"data-disabled": w || void 0,
+		...x,
+		children: [
+			v,
+			" ",
+			T && /* @__PURE__ */ c(i, {
+				as: "span",
+				textStyle: "body/md/regular",
+				children: "(optional)"
+			}),
+			!!b && /* @__PURE__ */ c(t, {
+				text: b,
+				children: /* @__PURE__ */ c(e, {
+					size: "16",
+					color: "icon/tertiary"
+				})
+			}),
+			(!!h || !!m) && /* @__PURE__ */ l(d, {
+				alignItems: "center",
+				gap: "4",
+				marginInlineStart: "auto",
+				children: [!!h && /* @__PURE__ */ c(i, {
+					as: "span",
+					color: w ? "text/disabled" : "input/text/helper",
+					textStyle: "comp/input/helperText",
+					children: h
+				}), D]
+			})
+		]
+	});
+});
+p.displayName = "BitkitLabel";
+//#endregion
+export { p as default };

package/dist/components/BitkitNativeSelect/BitkitNativeSelect.d.ts

@@ -1,19 +1,12 @@
-import { FieldRootProps } from '@chakra-ui/react/field';
 import { NativeSelectRootProps } from '@chakra-ui/react/native-select';
 import { ReactNode } from 'react';
 import { BitkitFieldProps } from '../BitkitField/BitkitField.tsx';
-export interface BitkitNativeSelectProps extends FieldRootProps {
-    errorText?: BitkitFieldProps['errorText'];
-    helperText?: BitkitFieldProps['helperText'];
-    label?: BitkitFieldProps['label'];
-    optional?: BitkitFieldProps['optional'];
+export interface BitkitNativeSelectProps extends Omit<BitkitFieldProps, 'children' | 'disabled' | 'invalid' | 'readOnly'> {
+    children: ReactNode;
     placeholder?: string;
     selectProps?: NativeSelectRootProps;
     size?: 'md' | 'lg';
     state?: 'disabled' | 'error' | 'readOnly' | 'warning';
-    tooltip?: BitkitFieldProps['tooltip'];
-    warningText?: BitkitFieldProps['warningText'];
-    children: ReactNode;
 }
 declare const BitkitNativeSelect: import('react').ForwardRefExoticComponent<BitkitNativeSelectProps & import('react').RefAttributes<HTMLDivElement>>;
 export default BitkitNativeSelect;

package/dist/components/BitkitNativeSelect/BitkitNativeSelect.js

@@ -8,37 +8,29 @@ import { jsx as o, jsxs as s } from "react/jsx-runtime";
 import { NativeSelect as c } from "@chakra-ui/react/native-select";
 //#region lib/components/BitkitNativeSelect/BitkitNativeSelect.tsx
 var l = a((a, l) => {
-	let { errorText: u, helperText: d, label: f, optional: p, placeholder: m, selectProps: h, size: g = "md", state: _, tooltip: v, warningText: y, children: b, ...x } = a, S = i({ key: "nativeSelect" })(), C = _ === "warning" || !!y, w = _ === "error" || !!u, T;
-	return w ? T = /* @__PURE__ */ o(t, {
-		size: g === "lg" ? "24" : "16",
-		css: S.statusIcon,
+	let { children: u, placeholder: d, selectProps: f, size: p = "md", state: m, ...h } = a, g = i({ key: "nativeSelect" })(), _ = m === "warning" || !!h.warningText, v = m === "error" || !!h.errorText, y;
+	return v ? y = /* @__PURE__ */ o(t, {
+		size: p === "lg" ? "24" : "16",
+		css: g.statusIcon,
 		color: "icon/negative"
-	}) : C && (T = /* @__PURE__ */ o(n, {
-		size: g === "lg" ? "24" : "16",
-		css: S.statusIcon,
+	}) : _ && (y = /* @__PURE__ */ o(n, {
+		size: p === "lg" ? "24" : "16",
+		css: g.statusIcon,
 		color: "icon/warning"
 	})), /* @__PURE__ */ o(r, {
-		disabled: _ === "disabled",
-		errorText: u,
-		helperText: d,
-		invalid: w,
-		label: f,
-		optional: p,
-		readOnly: _ === "readOnly",
 		ref: l,
-		tooltip: v,
-		warningText: y,
-		...x,
+		state: m,
+		...h,
 		children: /* @__PURE__ */ s(c.Root, {
-			size: g,
-			...h,
+			size: p,
+			...f,
 			className: "group",
 			children: [
 				/* @__PURE__ */ o(c.Field, {
-					placeholder: m,
-					children: b
+					placeholder: d,
+					children: u
 				}),
-				T,
+				y,
 				/* @__PURE__ */ o(c.Indicator, {
 					asChild: !0,
 					children: /* @__PURE__ */ o(e, {})

package/dist/components/BitkitNumberInput/BitkitNumberInput.d.ts

@@ -1,17 +1,10 @@
-import { FieldRootProps } from '@chakra-ui/react/field';
 import { NumberInputRootProps } from '@chakra-ui/react/number-input';
 import { BitkitFieldProps } from '../BitkitField/BitkitField';
-export interface BitkitNumberInputProps extends FieldRootProps {
+export interface BitkitNumberInputProps extends Omit<BitkitFieldProps, 'children' | 'disabled' | 'invalid' | 'readOnly'> {
     defaultValue?: string;
-    errorText?: BitkitFieldProps['errorText'];
-    helperText?: BitkitFieldProps['helperText'];
     inputProps?: NumberInputRootProps;
-    label?: BitkitFieldProps['label'];
-    optional?: BitkitFieldProps['optional'];
     size?: 'md' | 'lg';
     state?: 'disabled' | 'error' | 'readOnly' | 'warning';
-    tooltip?: BitkitFieldProps['tooltip'];
-    warningText?: BitkitFieldProps['warningText'];
 }
 declare const BitkitNumberInput: import('react').ForwardRefExoticComponent<BitkitNumberInputProps & import('react').RefAttributes<HTMLDivElement>>;
 export default BitkitNumberInput;

package/dist/components/BitkitNumberInput/BitkitNumberInput.js

@@ -11,43 +11,35 @@ import { jsx as l, jsxs as u } from "react/jsx-runtime";
 import { NumberInput as d } from "@chakra-ui/react/number-input";
 //#region lib/components/BitkitNumberInput/BitkitNumberInput.tsx
 var f = c((c, f) => {
-	let { defaultValue: p, errorText: m, helperText: h, inputProps: g, label: _, optional: v, size: y, state: b, tooltip: x, warningText: S, ...C } = c, w = b === "warning" || !!S, T = b === "error" || !!m, E;
-	return T ? E = /* @__PURE__ */ l(e, {
-		size: y === "lg" ? "24" : "16",
+	let { defaultValue: p, inputProps: m, size: h, state: g, ..._ } = c, v = g === "warning" || !!_.warningText, y = g === "error" || !!_.errorText, b;
+	return y ? b = /* @__PURE__ */ l(e, {
+		size: h === "lg" ? "24" : "16",
 		color: "icon/negative"
-	}) : w && (E = /* @__PURE__ */ l(r, {
-		size: y === "lg" ? "24" : "16",
+	}) : v && (b = /* @__PURE__ */ l(r, {
+		size: h === "lg" ? "24" : "16",
 		color: "icon/warning"
 	})), /* @__PURE__ */ l(a, {
-		disabled: b === "disabled",
-		errorText: m,
-		helperText: h,
-		invalid: T,
-		label: _,
-		optional: v,
-		readOnly: b === "readOnly",
 		ref: f,
-		tooltip: x,
-		warningText: S,
-		...C,
+		state: g,
+		..._,
 		children: /* @__PURE__ */ u(d.Root, {
-			css: E ? { "--control-width": i(150) } : void 0,
+			css: b ? { "--control-width": i(150) } : void 0,
 			defaultValue: p,
-			size: y,
-			...g,
+			size: h,
+			...m,
 			children: [/* @__PURE__ */ u(d.Control, { children: [
-				E && /* @__PURE__ */ l(s, {
+				b && /* @__PURE__ */ l(s, {
 					paddingInline: "12",
 					display: "flex",
 					alignItems: "center",
 					justifyContent: "center",
-					children: E
+					children: b
 				}),
 				/* @__PURE__ */ l(d.DecrementTrigger, {
-					_before: E ? o : void 0,
-					children: /* @__PURE__ */ l(t, { size: y === "lg" ? "24" : "16" })
+					_before: b ? o : void 0,
+					children: /* @__PURE__ */ l(t, { size: h === "lg" ? "24" : "16" })
 				}),
-				/* @__PURE__ */ l(d.IncrementTrigger, { children: /* @__PURE__ */ l(n, { size: y === "lg" ? "24" : "16" }) })
+				/* @__PURE__ */ l(d.IncrementTrigger, { children: /* @__PURE__ */ l(n, { size: h === "lg" ? "24" : "16" }) })
 			] }), /* @__PURE__ */ l(d.Input, {})]
 		})
 	});

package/dist/components/BitkitPaginationLoadMore/BitkitPaginationLoadMore.d.ts

@@ -0,0 +1,11 @@
+import { BoxProps } from '@chakra-ui/react/box';
+export interface BitkitPaginationLoadMoreProps extends Omit<BoxProps, 'page' | 'size'> {
+    loadingMore?: boolean;
+    onLoadMore: () => void;
+    page: number;
+    pageItemsCount: number;
+    size?: 'md' | 'sm' | 'xs';
+    totalCount: number;
+}
+declare const BitkitPaginationLoadMore: import('react').ForwardRefExoticComponent<BitkitPaginationLoadMoreProps & import('react').RefAttributes<HTMLDivElement>>;
+export default BitkitPaginationLoadMore;

package/dist/components/BitkitPaginationLoadMore/BitkitPaginationLoadMore.js

@@ -0,0 +1,41 @@
+import e from "../BitkitButton/BitkitButton.js";
+import t from "../BitkitInlineLoading/BitkitInlineLoading.js";
+import n from "../BitkitLinkButton/BitkitLinkButton.js";
+import { Box as r } from "@chakra-ui/react/box";
+import { chakra as i, useSlotRecipe as a } from "@chakra-ui/react/styled-system";
+import { forwardRef as o } from "react";
+import { Fragment as s, jsx as c, jsxs as l } from "react/jsx-runtime";
+//#region lib/components/BitkitPaginationLoadMore/BitkitPaginationLoadMore.tsx
+var u = o((o, u) => {
+	let { loadingMore: d = !1, onLoadMore: f, page: p, pageItemsCount: m, size: h = "md", totalCount: g, ..._ } = o, v = a({ key: "paginationLoadMore" })({ size: h }), y = Math.max(1, p), b = Math.max(1, m), x = Math.min(y * b, g), S = x >= g, C = Math.min(b, g - x), w = h === "md" ? "md" : "sm";
+	return /* @__PURE__ */ l(r, {
+		css: v.root,
+		ref: u,
+		..._,
+		children: [/* @__PURE__ */ l(i.span, {
+			css: v.counter,
+			children: [
+				"Showing ",
+				x,
+				" of ",
+				g
+			]
+		}), !S && /* @__PURE__ */ c(s, { children: d ? /* @__PURE__ */ c(t, {
+			color: "text/tertiary",
+			label: "Loading more...",
+			size: w
+		}) : h === "xs" ? /* @__PURE__ */ c(n, {
+			onClick: f,
+			size: "sm",
+			children: `Load ${C} more`
+		}) : /* @__PURE__ */ c(e, {
+			onClick: f,
+			size: h === "md" ? "md" : "sm",
+			variant: "tertiary",
+			children: `Load ${C} more`
+		}) })]
+	});
+});
+u.displayName = "BitkitPaginationLoadMore";
+//#endregion
+export { u as default };

package/dist/components/BitkitSectionHeading/BitkitSectionHeading.d.ts

@@ -0,0 +1,12 @@
+import { BoxProps } from '@chakra-ui/react/box';
+import { ReactNode } from 'react';
+import { BitkitIconComponent } from '../../icons';
+export interface BitkitSectionHeadingProps extends Omit<BoxProps, 'icon'> {
+    children?: ReactNode;
+    helperText?: string | string[];
+    helperTooltip?: string;
+    icon?: BitkitIconComponent;
+    label: string;
+}
+declare const BitkitSectionHeading: import('react').ForwardRefExoticComponent<BitkitSectionHeadingProps & import('react').RefAttributes<HTMLDivElement>>;
+export default BitkitSectionHeading;

package/dist/components/BitkitSectionHeading/BitkitSectionHeading.js

@@ -0,0 +1,48 @@
+import e from "../../icons/IconInfoCircle.js";
+import t from "../BitkitTooltip/BitkitTooltip.js";
+import { Box as n } from "@chakra-ui/react/box";
+import { chakra as r, useSlotRecipe as i } from "@chakra-ui/react/styled-system";
+import { Fragment as a, forwardRef as o } from "react";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+//#region lib/components/BitkitSectionHeading/BitkitSectionHeading.tsx
+var l = "•", u = o((o, u) => {
+	let { children: d, helperText: f, helperTooltip: p, icon: m, label: h, ...g } = o, _ = i({ key: "sectionHeading" })(), v = Array.isArray(f) ? f : f ? [f] : [], y = v.length > 0 || !!p;
+	return /* @__PURE__ */ c(n, {
+		css: _.root,
+		ref: u,
+		...g,
+		children: [/* @__PURE__ */ c(r.div, {
+			css: _.contentBlock,
+			children: [/* @__PURE__ */ c(r.div, {
+				css: _.titleBlock,
+				children: [m && /* @__PURE__ */ s(m, {
+					css: _.icon,
+					size: "24"
+				}), /* @__PURE__ */ s(r.h3, {
+					css: _.label,
+					children: h
+				})]
+			}), y && /* @__PURE__ */ c(r.div, {
+				css: _.helperBlock,
+				children: [v.map((e, t) => /* @__PURE__ */ c(a, { children: [t > 0 && /* @__PURE__ */ s(r.span, {
+					color: "text/tertiary",
+					flexShrink: 0,
+					textStyle: "body/md/regular",
+					children: l
+				}), /* @__PURE__ */ s(r.span, {
+					css: _.helperText,
+					children: e
+				})] }, t)), p && /* @__PURE__ */ s(t, {
+					text: p,
+					children: /* @__PURE__ */ s(e, {
+						color: "icon/secondary",
+						size: "16"
+					})
+				})]
+			})]
+		}), d]
+	});
+});
+u.displayName = "BitkitSectionHeading";
+//#endregion
+export { u as default };

package/dist/components/BitkitSelect/BitkitSelect.d.ts

@@ -1,26 +1,19 @@
-import { FieldRootProps } from '@chakra-ui/react/field';
 import { SelectRootProps, SelectTriggerProps } from '@chakra-ui/react/select';
 import { BitkitFieldProps } from '../BitkitField/BitkitField.tsx';
 import { BitkitSelectContentProps, BitkitSelectMenuCreateItemProps, BitkitSelectMenuItemProps, BitkitSelectMenuSearchProps } from '../BitkitSelectMenu/BitkitSelectMenu.tsx';
 export type BitkitSelectTriggerProps = SelectTriggerProps;
-export type BitkitSelectProps = FieldRootProps & {
+export type BitkitSelectProps = Omit<BitkitFieldProps, 'children' | 'state'> & {
     contentProps?: BitkitSelectContentProps;
     defaultValue?: string;
-    errorText?: BitkitFieldProps['errorText'];
-    helperText?: BitkitFieldProps['helperText'];
     isLoading?: boolean;
     items: Array<BitkitSelectMenuItemProps>;
-    label?: BitkitFieldProps['label'];
     onValueChange?: (newVal: string) => void;
-    optional?: BitkitFieldProps['optional'];
     placeholder?: string;
     selectProps?: Omit<SelectRootProps, 'collection' | 'defaultValue' | 'onValueChange' | 'value'>;
     size?: 'md' | 'lg';
     state?: 'disabled' | 'error' | 'readOnly' | 'warning';
-    tooltip?: BitkitFieldProps['tooltip'];
     triggerProps?: BitkitSelectTriggerProps;
     value?: string;
-    warningText?: BitkitFieldProps['warningText'];
 } & BitkitSelectMenuCreateItemProps & BitkitSelectMenuSearchProps;
 declare const BitkitSelect: import('react').ForwardRefExoticComponent<BitkitSelectProps & import('react').RefAttributes<HTMLDivElement>>;
 export default BitkitSelect;

package/dist/components/BitkitSelect/BitkitSelect.js

@@ -22,46 +22,38 @@ var p = ({ placeholder: e, state: t, size: n }) => {
 		})
 	}) : /* @__PURE__ */ s(d.ValueText, { placeholder: e ?? (t === "readOnly" ? "(not selected)" : "Select an option") });
 }, m = o((a, o) => {
-	let { contentProps: f, createItemHref: m, createItemLabel: h, createItemProps: g, defaultValue: _, errorText: v, hasSearch: y, helperText: b, isLoading: x, items: S, label: C, onCreateItem: w, onSearchChange: T, onValueChange: E, optional: D, placeholder: O, selectProps: k, size: A = "md", state: j, tooltip: M, triggerProps: N, value: P, warningText: F, ...I } = a, L = j === "error" || !!v, R = u({
-		items: S,
+	let { contentProps: f, createItemHref: m, createItemLabel: h, createItemProps: g, defaultValue: _, hasSearch: v, isLoading: y, items: b, onCreateItem: x, onSearchChange: S, onValueChange: C, placeholder: w, selectProps: T, size: E = "md", state: D, triggerProps: O, value: k, ...A } = a, j = u({
+		items: b,
 		groupBy: (e) => e.group || ""
 	});
 	return /* @__PURE__ */ s(i, {
-		disabled: j === "disabled",
-		errorText: v,
-		helperText: b,
-		invalid: L,
-		label: C,
-		optional: D,
-		readOnly: j === "readOnly",
 		ref: o,
-		tooltip: M,
-		warningText: F,
-		...I,
+		state: D,
+		...A,
 		children: /* @__PURE__ */ c(d.Root, {
-			collection: R,
-			size: A,
-			...k,
+			collection: j,
+			size: E,
+			...T,
 			defaultValue: _ ? [_] : void 0,
-			onValueChange: (e) => E?.(e.value[0]),
-			value: P ? [P] : void 0,
+			onValueChange: (e) => C?.(e.value[0]),
+			value: k ? [k] : void 0,
 			children: [
 				/* @__PURE__ */ s(d.HiddenSelect, {}),
 				/* @__PURE__ */ c(d.Control, {
 					className: "group",
 					children: [/* @__PURE__ */ s(d.Trigger, {
-						...N,
+						...O,
 						children: /* @__PURE__ */ s(p, {
-							placeholder: O,
-							size: A,
-							state: j
+							placeholder: w,
+							size: E,
+							state: D
 						})
 					}), /* @__PURE__ */ c(d.IndicatorGroup, { children: [
-						j === "error" && /* @__PURE__ */ s(d.Indicator, { children: /* @__PURE__ */ s(t, {
-							size: A === "lg" ? "24" : "16",
+						D === "error" && /* @__PURE__ */ s(d.Indicator, { children: /* @__PURE__ */ s(t, {
+							size: E === "lg" ? "24" : "16",
 							color: "icon/negative"
 						}) }),
-						j === "warning" && /* @__PURE__ */ s(d.Indicator, { children: /* @__PURE__ */ s(n, { size: A === "lg" ? "24" : "16" }) }),
+						D === "warning" && /* @__PURE__ */ s(d.Indicator, { children: /* @__PURE__ */ s(n, { size: E === "lg" ? "24" : "16" }) }),
 						/* @__PURE__ */ s(d.Indicator, {
 							asChild: !0,
 							children: /* @__PURE__ */ s(e, {})
@@ -69,18 +61,18 @@ var p = ({ placeholder: e, state: t, size: n }) => {
 					] })]
 				}),
 				/* @__PURE__ */ s(l, { children: /* @__PURE__ */ s(d.Positioner, { children: /* @__PURE__ */ s(r, {
-					collection: R,
+					collection: j,
 					createItemHref: m,
 					createItemLabel: h,
 					createItemProps: g,
 					contentProps: f,
-					isLoading: x,
-					onCreateItem: w,
-					...y ? {
+					isLoading: y,
+					onCreateItem: x,
+					...v ? {
 						hasSearch: !0,
-						onSearchChange: T
+						onSearchChange: S
 					} : { hasSearch: !1 },
-					size: A
+					size: E
 				}) }) })
 			]
 		})

package/dist/components/BitkitSelectableTag/BitkitSelectableTag.d.ts

@@ -0,0 +1,17 @@
+import { CheckboxCheckedChangeDetails, CheckboxGroupProps } from '@chakra-ui/react/checkbox';
+import { BitkitIconComponent } from '../../icons';
+export interface BitkitSelectableTagProps extends Omit<CheckboxGroupProps, 'disabled'> {
+    state?: 'disabled';
+}
+export interface BitkitSelectableTagItemProps {
+    children: string;
+    defaultChecked?: boolean;
+    disabled?: boolean;
+    icon?: BitkitIconComponent;
+    onCheckedChange?: (details: CheckboxCheckedChangeDetails) => void;
+    value: string;
+}
+declare const _default: import('react').ForwardRefExoticComponent<BitkitSelectableTagProps & import('react').RefAttributes<HTMLDivElement>> & {
+    Item: import('react').ForwardRefExoticComponent<BitkitSelectableTagItemProps & import('react').RefAttributes<HTMLInputElement>>;
+};
+export default _default;

package/dist/components/BitkitSelectableTag/BitkitSelectableTag.js

@@ -0,0 +1,38 @@
+import { useRecipe as e } from "@chakra-ui/react/styled-system";
+import { forwardRef as t } from "react";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import { Checkbox as i } from "@chakra-ui/react/checkbox";
+//#region lib/components/BitkitSelectableTag/BitkitSelectableTag.tsx
+var a = t((e, t) => {
+	let { children: r, state: a, ...o } = e, s = a === "disabled";
+	return /* @__PURE__ */ n(i.Group, {
+		ref: t,
+		disabled: s,
+		gap: "8",
+		flexDirection: "row",
+		flexWrap: "wrap",
+		...o,
+		children: r
+	});
+});
+a.displayName = "BitkitSelectableTag";
+var o = t((t, a) => {
+	let { children: o, defaultChecked: s, disabled: c, icon: l, onCheckedChange: u, value: d } = t, f = e({ key: "selectableTag" })();
+	return /* @__PURE__ */ r(i.Root, {
+		css: f,
+		defaultChecked: s,
+		disabled: c,
+		onCheckedChange: u,
+		unstyled: !0,
+		value: d,
+		children: [
+			/* @__PURE__ */ n(i.HiddenInput, { ref: a }),
+			!!l && /* @__PURE__ */ n(l, { size: "16" }),
+			o
+		]
+	});
+});
+o.displayName = "BitkitSelectableTagItem";
+var s = Object.assign(a, { Item: o });
+//#endregion
+export { s as default };

package/dist/components/BitkitTagsInput/BitkitTagsInput.d.ts

@@ -1,23 +1,16 @@
-import { FieldRootProps } from '@chakra-ui/react/field';
 import { TagsInput } from '@chakra-ui/react/tags-input';
 import { BitkitFieldProps } from '../BitkitField/BitkitField';
-export interface BitkitTagsInputProps extends Omit<FieldRootProps, 'children' | 'disabled' | 'invalid' | 'readOnly' | 'required'> {
+export interface BitkitTagsInputProps extends Omit<BitkitFieldProps, 'children' | 'state'> {
     addOnPaste?: TagsInput.RootProps['addOnPaste'];
     defaultValue?: string[];
     delimiter?: TagsInput.RootProps['delimiter'];
-    errorText?: BitkitFieldProps['errorText'];
-    helperText?: BitkitFieldProps['helperText'];
-    label?: BitkitFieldProps['label'];
     max?: number;
     onValueChange?: TagsInput.RootProps['onValueChange'];
-    optional?: BitkitFieldProps['optional'];
     placeholder?: string;
     size?: 'md' | 'lg';
     state?: 'disabled' | 'error' | 'readOnly' | 'warning';
-    tooltip?: BitkitFieldProps['tooltip'];
     validate?: TagsInput.RootProps['validate'];
     value?: string[];
-    warningText?: BitkitFieldProps['warningText'];
 }
 declare const BitkitTagsInput: import('react').ForwardRefExoticComponent<BitkitTagsInputProps & import('react').RefAttributes<HTMLDivElement>>;
 export default BitkitTagsInput;

package/dist/components/BitkitTagsInput/BitkitTagsInput.js

@@ -8,50 +8,42 @@ 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, {
+	let { addOnPaste: d, defaultValue: f, delimiter: p = " ", max: m, onValueChange: h, placeholder: g, size: _ = "lg", state: v, validate: y, value: b, ...x } = o, S = a({ key: "tagsInput" })({ size: _ }), C = v === "warning" || !!x.warningText, w = v === "error" || !!x.errorText, T = v === "disabled", E = v === "readOnly", D;
+	return w ? D = /* @__PURE__ */ s(t, {
 		color: "icon/negative",
-		size: x === "lg" ? "24" : "16"
-	}) : k && (N = /* @__PURE__ */ s(n, {
+		size: _ === "lg" ? "24" : "16"
+	}) : C && (D = /* @__PURE__ */ s(n, {
 		color: "icon/warning",
-		size: x === "lg" ? "24" : "16"
+		size: _ === "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,
+		disabled: T,
+		invalid: w,
+		max: m,
+		onValueChange: h,
+		readOnly: E,
+		size: _,
+		validate: y,
+		value: b,
 		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,
+			counterText: m === void 0 ? void 0 : `${t.length}/${m}`,
 			ref: u,
-			tooltip: C,
-			warningText: E,
-			...D,
+			state: v,
+			...x,
 			children: [/* @__PURE__ */ c(l.Control, { children: [/* @__PURE__ */ c(i.div, {
-				css: O.tagsBlock,
+				css: S.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" })
+					children: [/* @__PURE__ */ c(l.ItemPreview, { children: [/* @__PURE__ */ s(l.ItemText, { children: t }), !E && /* @__PURE__ */ s(l.ItemDeleteTrigger, { children: /* @__PURE__ */ s(e, { size: "16" }) })] }), /* @__PURE__ */ s(l.ItemInput, {})]
+				}, t)), /* @__PURE__ */ s(l.Input, { placeholder: g })]
+			}), (D || t.length > 0 && !T && !E) && /* @__PURE__ */ c(i.div, {
+				css: S.suffixBlock,
+				children: [D, t.length > 0 && !T && !E && /* @__PURE__ */ s(l.ClearTrigger, {
+					css: S.clearTrigger,
+					children: /* @__PURE__ */ s(e, { size: _ === "lg" ? "24" : "16" })
 				})]
 			})] }), /* @__PURE__ */ s(l.HiddenInput, {})]
 		}) })

package/dist/components/BitkitTextInput/BitkitTextInput.d.ts

@@ -1,19 +1,12 @@
-import { FieldRootProps } from '@chakra-ui/react/field';
 import { InputProps } from '@chakra-ui/react/input';
 import { BitkitFieldProps } from '../BitkitField/BitkitField';
-export interface BitkitTextInputProps extends FieldRootProps {
+export interface BitkitTextInputProps extends Omit<BitkitFieldProps, 'children' | 'state'> {
     counter?: boolean;
-    errorText?: BitkitFieldProps['errorText'];
-    helperText?: BitkitFieldProps['helperText'];
     inputProps?: InputProps;
-    label?: BitkitFieldProps['label'];
     maxLength?: HTMLInputElement['maxLength'];
-    optional?: BitkitFieldProps['optional'];
     placeholder?: string;
     size?: 'md' | 'lg';
     state?: 'disabled' | 'error' | 'readOnly' | 'warning';
-    tooltip?: BitkitFieldProps['tooltip'];
-    warningText?: BitkitFieldProps['warningText'];
 }
 declare const BitkitTextInput: import('react').ForwardRefExoticComponent<BitkitTextInputProps & import('react').RefAttributes<HTMLDivElement>>;
 export default BitkitTextInput;