@bitrise/bitkit-v2 0.3.174 → 0.3.176

package/dist/atoms/ImageCropper/ImageCropper.js

@@ -0,0 +1,32 @@
+import { createSlotRecipeContext as e } from "@chakra-ui/react/styled-system";
+import { ImageCropper as t, useImageCropperContext as n } from "@ark-ui/react/image-cropper";
+//#region lib/atoms/ImageCropper/ImageCropper.tsx
+var { withProvider: r, withContext: i, useStyles: a } = e({ key: "imageCropper" }), o = r(i(t.Root, "root", {
+	forwardAsChild: !0,
+	forwardProps: [
+		"aspectRatio",
+		"minWidth",
+		"minHeight",
+		"maxWidth",
+		"maxHeight"
+	]
+}), "root", { forwardProps: [
+	"aspectRatio",
+	"minWidth",
+	"minHeight",
+	"maxWidth",
+	"maxHeight"
+] }), s = i(t.Viewport, "viewport", { forwardAsChild: !0 }), c = i(t.Image, "image", { forwardAsChild: !0 }), l = i(t.Selection, "selection", { forwardAsChild: !0 }), u = i(t.Handle, "handle", {
+	forwardAsChild: !0,
+	forwardProps: ["position"]
+}), d = i(t.Grid, "grid", { forwardAsChild: !0 }), f = {
+	handles: t.handles,
+	Root: o,
+	Viewport: s,
+	Image: c,
+	Selection: l,
+	Handle: u,
+	Grid: d
+};
+//#endregion
+export { f as default, n as useImageCropperContext };

package/dist/components/BitkitCodeSnippet/BitkitCodeSnippet.d.ts

@@ -1,10 +1,18 @@
-export interface BitkitCodeSnippetProps {
+interface BaseProps {
     children: string;
-    disableTooltip?: boolean;
     size?: 'md' | 'lg';
-    startingHeight?: number;
     textToCopy?: string;
-    variant: 'inline' | 'multi' | 'single';
 }
+interface InlineProps extends BaseProps {
+    interactive?: boolean;
+    startingHeight?: never;
+    variant: 'inline';
+}
+interface BlockProps extends BaseProps {
+    interactive?: never;
+    startingHeight?: number;
+    variant: 'multi' | 'single';
+}
+export type BitkitCodeSnippetProps = InlineProps | BlockProps;
 declare const BitkitCodeSnippet: import('react').ForwardRefExoticComponent<BitkitCodeSnippetProps & import('react').RefAttributes<HTMLElement>>;
 export default BitkitCodeSnippet;

package/dist/components/BitkitCodeSnippet/BitkitCodeSnippet.js

@@ -3,80 +3,85 @@ import t from "../../icons/IconCheck.js";
 import n from "../../icons/IconCopy.js";
 import r from "../BitkitTooltip/BitkitTooltip.js";
 import { chakra as i, useSlotRecipe as a } from "@chakra-ui/react/styled-system";
-import { forwardRef as o, useCallback as s, useState as c } from "react";
-import { jsx as l, jsxs as u } from "react/jsx-runtime";
-import { useClipboard as d } from "@ark-ui/react/clipboard";
+import { forwardRef as o, useState as s } from "react";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+import { useClipboard as u } from "@ark-ui/react/clipboard";
 //#region lib/components/BitkitCodeSnippet/BitkitCodeSnippet.tsx
-var f = "Copy to clipboard", p = o((o, p) => {
-	let { children: m, disableTooltip: h, size: g = "lg", startingHeight: _, textToCopy: v, variant: y } = o, b = _ !== void 0, [x, S] = c(!1), { copied: C, copy: w } = d({
+var d = "Copy to clipboard", f = o((o, f) => {
+	let { children: p, interactive: m, size: h = "lg", startingHeight: g, textToCopy: _, variant: v } = o, y = g !== void 0, [b, x] = s(!1), { copied: S, copy: C } = u({
 		timeout: 2e3,
-		value: v ?? m
-	}), T = a({ key: "codeSnippet" })({
-		size: g,
-		variant: y,
-		hasShowMore: b,
-		isExpanded: x
-	}), E = s(() => {
-		S((e) => !e);
-	}, []), D = /* @__PURE__ */ l(i.button, {
-		onClick: w,
-		"aria-label": f,
-		css: T.copyButton,
-		children: l(C ? t : n, { size: "16" })
+		value: _ ?? p
+	}), w = a({ key: "codeSnippet" })({
+		size: h,
+		variant: v,
+		hasShowMore: y,
+		isExpanded: b,
+		interactive: m
+	}), T = () => {
+		x((e) => !e);
+	}, E = (e) => {
+		(e.key === "Enter" || e.key === " ") && (e.preventDefault(), C());
+	}, D = /* @__PURE__ */ c(i.button, {
+		"aria-label": d,
+		css: w.copyButton,
+		onClick: C,
+		type: "button",
+		children: c(S ? t : n, { size: "16" })
 	});
-	if (y === "inline") return /* @__PURE__ */ l(r, {
-		disabled: h,
-		text: f,
-		children: /* @__PURE__ */ l(i.code, {
-			ref: p,
-			css: T.root,
-			onClick: w,
-			onKeyDown: (e) => {
-				(e.key === "Enter" || e.key === " ") && (e.preventDefault(), w());
-			},
+	if (v === "inline") return m ? /* @__PURE__ */ c(r, {
+		text: d,
+		children: /* @__PURE__ */ c(i.code, {
+			ref: f,
+			css: w.root,
+			onClick: C,
+			onKeyDown: E,
 			role: "button",
 			tabIndex: 0,
-			children: m
+			children: p
 		})
+	}) : /* @__PURE__ */ c(i.code, {
+		ref: f,
+		css: w.root,
+		children: p
 	});
-	if (y === "single") return /* @__PURE__ */ u(i.div, {
-		ref: p,
-		css: T.root,
-		children: [/* @__PURE__ */ l(i.code, {
-			css: T.content,
+	if (v === "single") return /* @__PURE__ */ l(i.div, {
+		ref: f,
+		css: w.root,
+		children: [/* @__PURE__ */ c(i.code, {
+			css: w.content,
 			tabIndex: -1,
-			children: m
-		}), /* @__PURE__ */ l(r, {
-			text: f,
+			children: p
+		}), /* @__PURE__ */ c(r, {
+			text: d,
 			children: D
 		})]
 	});
-	let O = b && !x ? _ : void 0;
-	return /* @__PURE__ */ u(i.div, {
-		ref: p,
-		css: T.root,
+	let O = y && !b ? g : void 0;
+	return /* @__PURE__ */ l(i.div, {
+		ref: f,
+		css: w.root,
 		children: [
-			/* @__PURE__ */ l(i.code, {
-				css: T.content,
+			/* @__PURE__ */ c(i.code, {
+				css: w.content,
 				maxHeight: O,
 				tabIndex: -1,
-				children: m
+				children: p
 			}),
-			/* @__PURE__ */ l(r, {
-				text: f,
+			/* @__PURE__ */ c(r, {
+				text: d,
 				children: D
 			}),
-			b && /* @__PURE__ */ u(i.div, {
-				css: T.showMoreContainer,
-				children: [!x && /* @__PURE__ */ l(i.div, { css: T.showMoreGradient }), /* @__PURE__ */ u(i.button, {
-					onClick: E,
-					css: T.showMoreButton,
-					children: [x ? "Show less" : "Show more", /* @__PURE__ */ l(e, { "data-state": x ? "open" : "closed" })]
+			y && /* @__PURE__ */ l(i.div, {
+				css: w.showMoreContainer,
+				children: [!b && /* @__PURE__ */ c(i.div, { css: w.showMoreGradient }), /* @__PURE__ */ l(i.button, {
+					onClick: T,
+					css: w.showMoreButton,
+					children: [b ? "Show less" : "Show more", /* @__PURE__ */ c(e, { "data-state": b ? "open" : "closed" })]
 				})]
 			})
 		]
 	});
 });
-p.displayName = "BitkitCodeSnippet";
+f.displayName = "BitkitCodeSnippet";
 //#endregion
-export { p as default };
+export { f as default };

package/dist/components/BitkitCollapsible/BitkitCollapsible.d.ts

@@ -0,0 +1,23 @@
+import { CollapsibleRootProps } from '@chakra-ui/react/collapsible';
+import { ReactNode } from 'react';
+import { BitkitLabelProps } from '../BitkitLabel/BitkitLabel';
+type UncontrolledProps = {
+    defaultOpen?: boolean;
+    open?: never;
+    onOpenChange?: never;
+};
+type ControlledProps = {
+    defaultOpen?: never;
+    onOpenChange: (open: boolean) => void;
+    open: boolean;
+};
+export type BitkitCollapsibleProps = Omit<CollapsibleRootProps, 'collapsedHeight' | 'defaultOpen' | 'onOpenChange' | 'open'> & {
+    children: ReactNode;
+    closedLabel?: string;
+    collapsedHeight?: string;
+    label?: string;
+    labelProps?: Omit<BitkitLabelProps, 'children'>;
+    openLabel?: string;
+} & (UncontrolledProps | ControlledProps);
+declare const BitkitCollapsible: import('react').ForwardRefExoticComponent<BitkitCollapsibleProps & import('react').RefAttributes<HTMLDivElement>>;
+export default BitkitCollapsible;

package/dist/components/BitkitCollapsible/BitkitCollapsible.js

@@ -0,0 +1,37 @@
+import e from "../../icons/IconChevronDown.js";
+import t from "../../icons/IconChevronUp.js";
+import n from "../BitkitLabel/BitkitLabel.js";
+import { useSlotRecipe as r } from "@chakra-ui/react/styled-system";
+import { forwardRef as i } from "react";
+import { Fragment as a, jsx as o, jsxs as s } from "react/jsx-runtime";
+import { Collapsible as c } from "@chakra-ui/react/collapsible";
+//#region lib/components/BitkitCollapsible/BitkitCollapsible.tsx
+var l = i((i, l) => {
+	let { children: u, closedLabel: d = "Show less", collapsedHeight: f = "48px", defaultOpen: p, label: m, labelProps: h, onOpenChange: g, open: _, openLabel: v = "Show more", ...y } = i, b = r({ key: "collapsible" })(), x = g ? (e) => g(e.open) : void 0;
+	return /* @__PURE__ */ s(c.Root, {
+		ref: l,
+		collapsedHeight: f,
+		css: b.root,
+		defaultOpen: p,
+		onOpenChange: x,
+		open: _,
+		...y,
+		children: [
+			m && /* @__PURE__ */ o(n, {
+				...h,
+				children: m
+			}),
+			/* @__PURE__ */ o(c.Content, {
+				css: b.content,
+				children: u
+			}),
+			/* @__PURE__ */ o(c.Trigger, {
+				css: b.trigger,
+				children: /* @__PURE__ */ o(c.Context, { children: (n) => /* @__PURE__ */ s(a, { children: [n.open ? d : v, n.open ? /* @__PURE__ */ o(t, { size: "16" }) : /* @__PURE__ */ o(e, { size: "16" })] }) })
+			})
+		]
+	});
+});
+l.displayName = "BitkitCollapsible";
+//#endregion
+export { l as default };

package/dist/components/BitkitCombobox/BitkitCombobox.d.ts

@@ -1,21 +1,14 @@
 import { ComboboxRootProps } from '@chakra-ui/react/combobox';
-import { FieldRootProps } from '@chakra-ui/react/field';
 import { BitkitFieldProps } from '../BitkitField/BitkitField';
 import { BitkitSelectContentProps, BitkitSelectMenuCreateItemProps, BitkitSelectMenuItemProps, BitkitSelectMenuSearchProps } from '../BitkitSelectMenu/BitkitSelectMenu';
-export type BitkitComboboxProps = FieldRootProps & {
+export type BitkitComboboxProps = Omit<BitkitFieldProps, 'children' | 'state'> & {
     comboboxProps?: ComboboxRootProps;
     contentProps?: BitkitSelectContentProps;
-    errorText?: BitkitFieldProps['errorText'];
-    helperText?: BitkitFieldProps['helperText'];
     isLoading?: boolean;
     items: Array<BitkitSelectMenuItemProps>;
-    label?: BitkitFieldProps['label'];
-    optional?: BitkitFieldProps['optional'];
     placeholder?: string;
     size?: 'md' | 'lg';
-    state?: 'default' | 'disabled' | 'error' | 'readOnly' | 'warning';
-    tooltip?: BitkitFieldProps['tooltip'];
-    warningText?: BitkitFieldProps['warningText'];
+    state?: 'disabled' | 'error' | 'readOnly' | 'warning';
 } & BitkitSelectMenuCreateItemProps & BitkitSelectMenuSearchProps;
 declare const BitkitCombobox: import('react').ForwardRefExoticComponent<BitkitComboboxProps & import('react').RefAttributes<HTMLDivElement>>;
 export default BitkitCombobox;

package/dist/components/BitkitCombobox/BitkitCombobox.js

@@ -14,64 +14,56 @@ import { useListCollection as p } from "@chakra-ui/react/hooks";
 import { useFilter as m } from "@chakra-ui/react/locale";
 //#region lib/components/BitkitCombobox/BitkitCombobox.tsx
 var h = c((c, h) => {
-	let { comboboxProps: g, contentProps: _, createItemHref: v, createItemLabel: y, createItemProps: b, errorText: x, hasSearch: S, helperText: C, isLoading: w, items: T, label: E, onCreateItem: D, onSearchChange: O, optional: k, placeholder: A = "Enter a value or select", size: j, state: M, tooltip: N, warningText: P, ...F } = c, { contains: I } = m({ sensitivity: "base" }), { collection: L, filter: R } = p({
-		initialItems: T,
-		filter: (e, t, n) => I(n.label, t)
-	}), z = o({ key: "combobox" })({ size: j }), B = M === "warning" || !!P, V = M === "error" || !!x, H = j === "md" ? "16" : "24", U;
-	return V ? U = /* @__PURE__ */ l(t, {
-		size: H,
+	let { comboboxProps: g, contentProps: _, createItemHref: v, createItemLabel: y, createItemProps: b, hasSearch: x, isLoading: S, items: C, onCreateItem: w, onSearchChange: T, placeholder: E = "Enter a value or select", size: D, state: O, ...k } = c, { contains: A } = m({ sensitivity: "base" }), { collection: j, filter: M } = p({
+		initialItems: C,
+		filter: (e, t, n) => A(n.label, t)
+	}), N = o({ key: "combobox" })({ size: D }), P = O === "warning" || !!k.warningText, F = O === "error" || !!k.errorText, I = D === "md" ? "16" : "24", L;
+	return F ? L = /* @__PURE__ */ l(t, {
+		size: I,
 		color: "icon/negative"
-	}) : B && (U = /* @__PURE__ */ l(n, { size: H })), /* @__PURE__ */ l(a, {
-		disabled: M === "disabled",
-		errorText: x,
-		helperText: C,
-		invalid: V,
-		label: E,
-		optional: k,
-		readOnly: M === "readOnly",
+	}) : P && (L = /* @__PURE__ */ l(n, { size: I })), /* @__PURE__ */ l(a, {
 		ref: h,
-		tooltip: N,
-		warningText: P,
-		...F,
+		state: O,
+		...k,
 		children: /* @__PURE__ */ u(f.Root, {
 			...g,
-			collection: L,
-			disabled: M === "disabled",
-			invalid: V,
+			collection: j,
+			disabled: O === "disabled",
+			invalid: F,
 			onInputValueChange: (e) => {
-				R(e.inputValue);
+				M(e.inputValue);
 			},
-			readOnly: M === "readOnly",
-			size: j,
+			readOnly: O === "readOnly",
+			size: D,
 			children: [/* @__PURE__ */ u(f.Control, {
 				className: "group",
-				children: [/* @__PURE__ */ l(f.Input, { placeholder: A }), /* @__PURE__ */ u(f.IndicatorGroup, { children: [
+				children: [/* @__PURE__ */ l(f.Input, { placeholder: E }), /* @__PURE__ */ u(f.IndicatorGroup, { children: [
 					/* @__PURE__ */ l(f.ClearTrigger, {
 						asChild: !0,
 						children: /* @__PURE__ */ l(r, { size: "sm" })
 					}),
-					U,
+					L,
 					/* @__PURE__ */ l(f.Trigger, {
 						asChild: !0,
 						children: /* @__PURE__ */ l(e, {})
 					})
 				] })]
 			}), /* @__PURE__ */ l(d, { children: /* @__PURE__ */ l(f.Positioner, { children: /* @__PURE__ */ u(f.Content, { children: [/* @__PURE__ */ u(f.Empty, { children: ["No items found ", /* @__PURE__ */ l(s, {
-				css: z.emptyHelperText,
+				css: N.emptyHelperText,
 				children: "Enter custom value"
 			})] }), /* @__PURE__ */ l(i, {
-				collection: L,
+				collection: j,
 				createItemHref: v,
 				createItemLabel: y,
 				createItemProps: b,
 				contentProps: _,
-				isLoading: w,
-				onCreateItem: D,
-				size: j,
+				isLoading: S,
+				onCreateItem: w,
+				size: D,
 				variant: "combobox",
-				...S ? {
+				...x ? {
 					hasSearch: !0,
-					onSearchChange: O
+					onSearchChange: T
 				} : { hasSearch: !1 }
 			})] }) }) })]
 		})

package/dist/components/BitkitField/BitkitField.d.ts

@@ -1,12 +1,14 @@
 import { Field } from '@chakra-ui/react/field';
 import { ReactNode } from 'react';
-export interface BitkitFieldProps extends Field.RootProps {
+export interface BitkitFieldProps extends Omit<Field.RootProps, 'disabled' | 'invalid' | 'readOnly'> {
+    badge?: ReactNode;
     children: ReactNode;
     counterText?: string;
     errorText?: ReactNode;
     helperText?: ReactNode;
     label?: string;
     optional?: boolean;
+    state?: 'disabled' | 'error' | 'readOnly' | 'warning';
     tooltip?: string;
     warningText?: ReactNode;
 }

package/dist/components/BitkitField/BitkitField.js

@@ -1,50 +1,38 @@
-import e from "../../icons/IconInfoCircle.js";
-import t from "../BitkitTooltip/BitkitTooltip.js";
-import { Text as n } from "@chakra-ui/react/text";
-import { forwardRef as r } from "react";
-import { jsx as i, jsxs as a } from "react/jsx-runtime";
-import { Field as o } from "@chakra-ui/react/field";
+import e from "../BitkitLabel/BitkitLabel.js";
+import { forwardRef as t } from "react";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import { Field as i } from "@chakra-ui/react/field";
 //#region lib/components/BitkitField/BitkitField.tsx
-var s = r((r, s) => {
-	let { counterText: c, children: l, disabled: u, errorText: d, helperText: f, label: p, optional: m, tooltip: h, warningText: g, ..._ } = r;
-	return /* @__PURE__ */ a(o.Root, {
-		disabled: u,
-		required: !m,
-		ref: s,
-		..._,
+var a = t((t, a) => {
+	let { badge: o, counterText: s, children: c, errorText: l, helperText: u, label: d, optional: f, state: p, tooltip: m, warningText: h, ...g } = t, _ = p === "error" || !!l;
+	return /* @__PURE__ */ r(i.Root, {
+		disabled: p === "disabled",
+		invalid: _,
+		readOnly: p === "readOnly",
+		required: !f,
+		ref: a,
+		...g,
 		children: [
-			p || c ? /* @__PURE__ */ a(o.Label, { children: [
-				p,
-				" ",
-				m && /* @__PURE__ */ i(o.RequiredIndicator, { fallback: /* @__PURE__ */ i(n, {
-					as: "span",
-					textStyle: "body/md/regular",
-					children: "(optional)"
-				}) }),
-				!!h && /* @__PURE__ */ i(t, {
-					text: h ?? "",
-					children: /* @__PURE__ */ i(e, {
-						size: "16",
-						color: "icon/tertiary"
-					})
-				}),
-				c && /* @__PURE__ */ i(n, {
-					as: "span",
-					marginInlineStart: "auto",
-					textStyle: "comp/input/helperText",
-					children: c
+			d || o || s ? /* @__PURE__ */ n(i.Label, {
+				asChild: !0,
+				children: /* @__PURE__ */ n(e, {
+					badge: o,
+					counterText: s,
+					optional: f,
+					tooltip: m,
+					children: d
 				})
-			] }) : null,
-			l,
-			!!f && !d && !g && /* @__PURE__ */ i(o.HelperText, { children: f }),
-			!!g && !d && /* @__PURE__ */ i(o.HelperText, {
+			}) : null,
+			c,
+			!!u && !l && !h && /* @__PURE__ */ n(i.HelperText, { children: u }),
+			!!h && !l && /* @__PURE__ */ n(i.HelperText, {
 				color: "text/body",
-				children: g
+				children: h
 			}),
-			!!d && /* @__PURE__ */ i(o.ErrorText, { children: d })
+			!!l && /* @__PURE__ */ n(i.ErrorText, { children: l })
 		]
 	});
 });
-s.displayName = "BitkitField";
+a.displayName = "BitkitField";
 //#endregion
-export { s as default };
+export { a as default };

package/dist/components/BitkitFileInput/BitkitFileInput.d.ts

@@ -1,10 +1,9 @@
 import { FileUpload } from '@chakra-ui/react/file-upload';
-declare const BitkitFileInput: import('react').ForwardRefExoticComponent<Omit<FileUpload.RootProps, "disabled" | "invalid"> & {
-    state?: "error" | "disabled";
-    errorText?: string;
-    helperText?: string;
+import { BitkitFieldProps } from '../BitkitField/BitkitField';
+declare const BitkitFileInput: import('react').ForwardRefExoticComponent<Omit<BitkitFieldProps, "children" | "state"> & Omit<FileUpload.RootProps, "disabled" | "invalid"> & {
     aspectRatio?: number;
     onCropChange?: (file: File) => void;
     onFileAccepted?: (file: File) => void;
+    state?: "error" | "disabled";
 } & import('react').RefAttributes<HTMLDivElement>>;
 export default BitkitFileInput;

package/dist/components/BitkitFileInput/BitkitFileInput.js

@@ -0,0 +1,112 @@
+import e from "../../icons/IconMinusCircle.js";
+import t from "../../icons/IconUpload.js";
+import n from "../BitkitButton/BitkitButton.js";
+import r from "../BitkitCard/BitkitCard.js";
+import i from "../BitkitField/BitkitField.js";
+import a, { useImageCropperContext as o } from "../../atoms/ImageCropper/ImageCropper.js";
+import { Text as s } from "@chakra-ui/react/text";
+import { forwardRef as c, useEffect as l, useMemo as u } from "react";
+import { Fragment as d, jsx as f, jsxs as p } from "react/jsx-runtime";
+import { FileUpload as m, useFileUploadContext as h } from "@chakra-ui/react/file-upload";
+import { VStack as g } from "@chakra-ui/react/stack";
+import { splitProps as _ } from "@zag-js/file-upload";
+//#region lib/components/BitkitFileInput/BitkitFileInput.tsx
+var v = () => {
+	let { disabled: e } = h(), n = e ? "Cannot upload file" : "Drag and drop file here or click to select";
+	return /* @__PURE__ */ f(m.Dropzone, { children: /* @__PURE__ */ p(m.DropzoneContent, { children: [/* @__PURE__ */ f(t, {}), /* @__PURE__ */ f(s, {
+		as: "span",
+		children: n
+	})] }) });
+}, y = (e) => {
+	let { onCropChange: t } = e, { acceptedFiles: n } = h(), { dragging: r, getCroppedImage: i } = o(), s = n[0], c = u(() => s ? URL.createObjectURL(s) : void 0, [s]);
+	return l(() => () => {
+		c && URL.revokeObjectURL(c);
+	}, [c]), l(() => {
+		if (!t || r || !s) return;
+		let e = !1;
+		return i().then((n) => {
+			!e && n instanceof Blob && t(new File([n], s.name, { type: n.type }));
+		}), () => {
+			e = !0;
+		};
+	}, [
+		i,
+		s,
+		t,
+		r
+	]), /* @__PURE__ */ p(a.Viewport, { children: [/* @__PURE__ */ f(a.Image, { src: c }), /* @__PURE__ */ f(a.Selection, { children: a.handles.map((e) => /* @__PURE__ */ f(a.Handle, {
+		position: e,
+		children: /* @__PURE__ */ f("div", {})
+	}, e)) })] });
+}, b = (e) => {
+	let { aspectRatio: t, onCropChange: n } = e;
+	return /* @__PURE__ */ f(a.Root, {
+		aspectRatio: t,
+		height: "100%",
+		children: /* @__PURE__ */ f(y, { onCropChange: n })
+	});
+}, x = () => {
+	let t = h(), i = t.acceptedFiles[0];
+	return /* @__PURE__ */ p(r, {
+		display: "flex",
+		elevation: !1,
+		paddingBlock: "20",
+		paddingInline: "24",
+		alignItems: "center",
+		flex: "1",
+		children: [/* @__PURE__ */ p(g, {
+			gap: "4",
+			alignItems: "flex-start",
+			flex: "1",
+			minWidth: "0",
+			children: [/* @__PURE__ */ f(s, {
+				textStyle: "comp/input/label",
+				children: "Selected file"
+			}), /* @__PURE__ */ f(s, {
+				whiteSpace: "nowrap",
+				textOverflow: "ellipsis",
+				overflow: "hidden",
+				maxWidth: "100%",
+				children: i.name
+			})]
+		}), /* @__PURE__ */ f(n, {
+			icon: e,
+			variant: "secondary",
+			size: "md",
+			onClick: t.clearFiles,
+			children: "Remove"
+		})]
+	});
+}, S = (e) => {
+	let { variant: t, aspectRatio: n, onCropChange: r } = e, i = h().acceptedFiles[0];
+	return /* @__PURE__ */ p(d, { children: [
+		!i && /* @__PURE__ */ f(v, {}),
+		i && t === "image" && /* @__PURE__ */ f(b, {
+			aspectRatio: n,
+			onCropChange: r
+		}),
+		i && t !== "image" && /* @__PURE__ */ f(x, {})
+	] });
+}, C = c((e, t) => {
+	let { aspectRatio: n, onCropChange: r, onFileAccept: a, onFileAccepted: o, state: s, variant: c, ...l } = e, [u, d] = _(l), h = (e) => {
+		a?.(e), o?.(e.files[0]);
+	}, g = {
+		variant: c,
+		aspectRatio: n,
+		onCropChange: r
+	};
+	return /* @__PURE__ */ f(i, {
+		ref: t,
+		state: s,
+		...d,
+		children: /* @__PURE__ */ p(m.Root, {
+			variant: c,
+			onFileAccept: h,
+			...u,
+			children: [/* @__PURE__ */ f(m.HiddenInput, {}), /* @__PURE__ */ f(S, { ...g })]
+		})
+	});
+});
+C.displayName = "BitkitFileInput";
+//#endregion
+export { C as default };

package/dist/components/BitkitGroupHeading/BitkitGroupHeading.d.ts

@@ -0,0 +1,8 @@
+import { BoxProps } from '@chakra-ui/react/box';
+import { BitkitIconComponent } from '../../icons';
+export interface BitkitGroupHeadingProps extends Omit<BoxProps, 'icon'> {
+    icon?: BitkitIconComponent;
+    label: string;
+}
+declare const BitkitGroupHeading: import('react').ForwardRefExoticComponent<BitkitGroupHeadingProps & import('react').RefAttributes<HTMLDivElement>>;
+export default BitkitGroupHeading;

package/dist/components/BitkitGroupHeading/BitkitGroupHeading.js

@@ -0,0 +1,27 @@
+import { Box as e } from "@chakra-ui/react/box";
+import { chakra as t, useSlotRecipe as n } from "@chakra-ui/react/styled-system";
+import { forwardRef as r } from "react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import { Separator as o } from "@chakra-ui/react/separator";
+//#region lib/components/BitkitGroupHeading/BitkitGroupHeading.tsx
+var s = r((r, s) => {
+	let { icon: c, label: l, ...u } = r, d = n({ key: "groupHeading" })();
+	return /* @__PURE__ */ a(e, {
+		css: d.root,
+		ref: s,
+		...u,
+		children: [/* @__PURE__ */ a(t.div, {
+			css: d.titleBlock,
+			children: [c && /* @__PURE__ */ i(c, {
+				css: d.icon,
+				size: "16"
+			}), /* @__PURE__ */ i(t.span, {
+				css: d.label,
+				children: l
+			})]
+		}), /* @__PURE__ */ i(o, { css: d.separator })]
+	});
+});
+s.displayName = "BitkitGroupHeading";
+//#endregion
+export { s as default };

package/dist/components/BitkitLabel/BitkitLabel.d.ts

@@ -0,0 +1,12 @@
+import { HTMLChakraProps } from '@chakra-ui/react/styled-system';
+import { ReactNode } from 'react';
+export interface BitkitLabelProps extends Omit<HTMLChakraProps<'label'>, 'children'> {
+    badge?: ReactNode;
+    counterText?: string;
+    disabled?: boolean;
+    children?: string;
+    optional?: boolean;
+    tooltip?: string;
+}
+declare const BitkitLabel: import('react').ForwardRefExoticComponent<BitkitLabelProps & import('react').RefAttributes<HTMLLabelElement>>;
+export default BitkitLabel;