@bitrise/bitkit-v2 0.3.322 → 0.3.323

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

@@ -2,15 +2,37 @@ import { NativeSelectRootProps } from '@chakra-ui/react/native-select';
 import { ChangeEventHandler, ReactNode } from 'react';
 import { BitkitFieldProps } from '../BitkitField/BitkitField.tsx';
 export interface BitkitNativeSelectProps extends Omit<BitkitFieldProps, 'children' | 'disabled' | 'invalid' | 'onChange' | 'readOnly'> {
+    /** The `<option>` (and `<optgroup>`) elements to render inside the select. */
     children: ReactNode;
+    /** Initially selected option value, for uncontrolled usage. */
     defaultValue?: string;
+    /** Form field name submitted with the enclosing form. */
     name?: string;
+    /**
+     * Native `change` event of the underlying `<select>`. Reach for `onValueChange` when you only need
+     * the selected value.
+     */
     onChange?: ChangeEventHandler<HTMLSelectElement>;
+    /** Convenience change handler that receives the selected value directly, without `event.target.value`. */
+    onValueChange?: (value: string) => void;
+    /** Placeholder option shown while no value is selected. */
     placeholder?: string;
+    /** Escape hatch for the underlying Chakra `NativeSelect.Root` wrapper. */
     selectProps?: NativeSelectRootProps;
+    /** Field size — controls height and typography. */
     size?: 'md' | 'lg';
+    /**
+     * Field state. `error`/`warning` are also implied by `errorText`/`warningText`; `disabled` and
+     * `readOnly` gate interaction.
+     */
     state?: 'disabled' | 'error' | 'readOnly' | 'warning';
+    /** Controlled selected value. Pair with `onValueChange` or the native `onChange`. */
     value?: string;
 }
+/**
+ * A dropdown built on the native `<select>` — pass the `<option>` elements as children. Reflect the
+ * selection with `value` + `onValueChange` (or the native `onChange`); `selectProps` is the escape
+ * hatch for the underlying wrapper. Includes the standard label and helper/error/warning chrome.
+ */
 declare const BitkitNativeSelect: import('react').ForwardRefExoticComponent<BitkitNativeSelectProps & import('react').RefAttributes<HTMLSelectElement>>;
 export default BitkitNativeSelect;

package/dist/components/BitkitNativeSelect/BitkitNativeSelect.js

@@ -15,8 +15,13 @@ var FIELD_PROPS = [
 	"placeholder",
 	"value"
 ];
+/**
+* A dropdown built on the native `<select>` — pass the `<option>` elements as children. Reflect the
+* selection with `value` + `onValueChange` (or the native `onChange`); `selectProps` is the escape
+* hatch for the underlying wrapper. Includes the standard label and helper/error/warning chrome.
+*/
 var BitkitNativeSelect = forwardRef((props, ref) => {
-	const { children, selectProps, size = "md", state, ...rest } = props;
+	const { children, onValueChange, selectProps, size = "md", state, ...rest } = props;
 	const [nativeFieldProps, bitkitFieldProps] = splitProps(rest, [...FIELD_PROPS]);
 	const styles = useSlotRecipe({ key: "nativeSelect" })();
 	const hasWarning = state === "warning" || !!bitkitFieldProps.warningText;
@@ -31,6 +36,11 @@ var BitkitNativeSelect = forwardRef((props, ref) => {
 		size: size === "lg" ? "24" : "16",
 		css: styles.statusIcon
 	});
+	const { onChange: fieldOnChange, ...restFieldProps } = nativeFieldProps;
+	const handleChange = onValueChange || fieldOnChange ? (event) => {
+		onValueChange?.(event.target.value);
+		fieldOnChange?.(event);
+	} : void 0;
 	return /* @__PURE__ */ jsx(BitkitField, {
 		state,
 		...bitkitFieldProps,
@@ -41,7 +51,8 @@ var BitkitNativeSelect = forwardRef((props, ref) => {
 			children: [
 				/* @__PURE__ */ jsx(NativeSelect.Field, {
 					ref,
-					...nativeFieldProps,
+					onChange: handleChange,
+					...restFieldProps,
 					children
 				}),
 				statusIcon,

package/dist/components/BitkitNativeSelect/BitkitNativeSelect.js.map

@@ -1 +1 @@
-{"version":3,"file":"BitkitNativeSelect.js","names":[],"sources":["../../../lib/components/BitkitNativeSelect/BitkitNativeSelect.tsx"],"sourcesContent":["import { NativeSelect, type NativeSelectRootProps } from '@chakra-ui/react/native-select';\nimport { useSlotRecipe } from '@chakra-ui/react/styled-system';\nimport { splitProps } from '@zag-js/utils';\nimport { type ChangeEventHandler, forwardRef, type ReactNode } from 'react';\n\nimport { IconErrorCircleFilled, IconWarningYellow } from '../../icons';\nimport AssetSelectChevron from '../../utilities/AssetSelectChevron.tsx';\nimport BitkitField, { type BitkitFieldProps } from '../BitkitField/BitkitField.tsx';\n\nconst FIELD_PROPS = ['defaultValue', 'name', 'onChange', 'placeholder', 'value'] as const;\n\nexport interface BitkitNativeSelectProps extends Omit<\n  BitkitFieldProps,\n  'children' | 'disabled' | 'invalid' | 'onChange' | 'readOnly'\n> {\n  children: ReactNode;\n  defaultValue?: string;\n  name?: string;\n  onChange?: ChangeEventHandler<HTMLSelectElement>;\n  placeholder?: string;\n  selectProps?: NativeSelectRootProps;\n  size?: 'md' | 'lg';\n  state?: 'disabled' | 'error' | 'readOnly' | 'warning';\n  value?: string;\n}\n\nconst BitkitNativeSelect = forwardRef<HTMLSelectElement, BitkitNativeSelectProps>(\n  (props: BitkitNativeSelectProps, ref) => {\n    const { children, selectProps, size = 'md', state, ...rest } = props;\n    const [nativeFieldProps, bitkitFieldProps] = splitProps(rest, [...FIELD_PROPS]);\n\n    const recipe = useSlotRecipe({ key: 'nativeSelect' });\n    const styles = recipe();\n\n    const hasWarning = state === 'warning' || !!bitkitFieldProps.warningText;\n    const isInvalid = state === 'error' || !!bitkitFieldProps.errorText;\n\n    let statusIcon = undefined;\n    if (isInvalid) {\n      statusIcon = (\n        <IconErrorCircleFilled size={size === 'lg' ? '24' : '16'} css={styles.statusIcon} color=\"icon/negative\" />\n      );\n    } else if (hasWarning) {\n      statusIcon = <IconWarningYellow size={size === 'lg' ? '24' : '16'} css={styles.statusIcon} />;\n    }\n\n    return (\n      <BitkitField state={state} {...bitkitFieldProps}>\n        <NativeSelect.Root size={size} {...selectProps} className=\"group\">\n          <NativeSelect.Field ref={ref} {...nativeFieldProps}>\n            {children}\n          </NativeSelect.Field>\n          {statusIcon}\n          <NativeSelect.Indicator asChild>\n            <AssetSelectChevron pointerEvents=\"none\" />\n          </NativeSelect.Indicator>\n        </NativeSelect.Root>\n      </BitkitField>\n    );\n  },\n);\n\nBitkitNativeSelect.displayName = 'BitkitNativeSelect';\n\nexport default BitkitNativeSelect;\n"],"mappings":";;;;;;;;;;AASA,IAAM,cAAc;CAAC;CAAgB;CAAQ;CAAY;CAAe;AAAO;AAiB/E,IAAM,qBAAqB,YACxB,OAAgC,QAAQ;CACvC,MAAM,EAAE,UAAU,aAAa,OAAO,MAAM,OAAO,GAAG,SAAS;CAC/D,MAAM,CAAC,kBAAkB,oBAAoB,WAAW,MAAM,CAAC,GAAG,WAAW,CAAC;CAG9E,MAAM,SADS,cAAc,EAAE,KAAK,eAAe,CACpC,CAAA,CAAO;CAEtB,MAAM,aAAa,UAAU,aAAa,CAAC,CAAC,iBAAiB;CAC7D,MAAM,YAAY,UAAU,WAAW,CAAC,CAAC,iBAAiB;CAE1D,IAAI,aAAa,KAAA;CACjB,IAAI,WACF,aACE,oBAAC,uBAAD;EAAuB,MAAM,SAAS,OAAO,OAAO;EAAM,KAAK,OAAO;EAAY,OAAM;CAAiB,CAAA;MAEtG,IAAI,YACT,aAAa,oBAAC,mBAAD;EAAmB,MAAM,SAAS,OAAO,OAAO;EAAM,KAAK,OAAO;CAAa,CAAA;CAG9F,OACE,oBAAC,aAAD;EAAoB;EAAO,GAAI;YAC7B,qBAAC,aAAa,MAAd;GAAyB;GAAM,GAAI;GAAa,WAAU;aAA1D;IACE,oBAAC,aAAa,OAAd;KAAyB;KAAK,GAAI;KAC/B;IACiB,CAAA;IACnB;IACD,oBAAC,aAAa,WAAd;KAAwB,SAAA;eACtB,oBAAC,oBAAD,EAAoB,eAAc,OAAQ,CAAA;IACpB,CAAA;GACP;;CACR,CAAA;AAEjB,CACF;AAEA,mBAAmB,cAAc"}
+{"version":3,"file":"BitkitNativeSelect.js","names":[],"sources":["../../../lib/components/BitkitNativeSelect/BitkitNativeSelect.tsx"],"sourcesContent":["import { NativeSelect, type NativeSelectRootProps } from '@chakra-ui/react/native-select';\nimport { useSlotRecipe } from '@chakra-ui/react/styled-system';\nimport { splitProps } from '@zag-js/utils';\nimport { type ChangeEventHandler, forwardRef, type ReactNode } from 'react';\n\nimport { IconErrorCircleFilled, IconWarningYellow } from '../../icons';\nimport AssetSelectChevron from '../../utilities/AssetSelectChevron.tsx';\nimport BitkitField, { type BitkitFieldProps } from '../BitkitField/BitkitField.tsx';\n\nconst FIELD_PROPS = ['defaultValue', 'name', 'onChange', 'placeholder', 'value'] as const;\n\nexport interface BitkitNativeSelectProps extends Omit<\n  BitkitFieldProps,\n  'children' | 'disabled' | 'invalid' | 'onChange' | 'readOnly'\n> {\n  /** The `<option>` (and `<optgroup>`) elements to render inside the select. */\n  children: ReactNode;\n  /** Initially selected option value, for uncontrolled usage. */\n  defaultValue?: string;\n  /** Form field name submitted with the enclosing form. */\n  name?: string;\n  /**\n   * Native `change` event of the underlying `<select>`. Reach for `onValueChange` when you only need\n   * the selected value.\n   */\n  onChange?: ChangeEventHandler<HTMLSelectElement>;\n  /** Convenience change handler that receives the selected value directly, without `event.target.value`. */\n  onValueChange?: (value: string) => void;\n  /** Placeholder option shown while no value is selected. */\n  placeholder?: string;\n  /** Escape hatch for the underlying Chakra `NativeSelect.Root` wrapper. */\n  selectProps?: NativeSelectRootProps;\n  /** Field size — controls height and typography. */\n  size?: 'md' | 'lg';\n  /**\n   * Field state. `error`/`warning` are also implied by `errorText`/`warningText`; `disabled` and\n   * `readOnly` gate interaction.\n   */\n  state?: 'disabled' | 'error' | 'readOnly' | 'warning';\n  /** Controlled selected value. Pair with `onValueChange` or the native `onChange`. */\n  value?: string;\n}\n\n/**\n * A dropdown built on the native `<select>` — pass the `<option>` elements as children. Reflect the\n * selection with `value` + `onValueChange` (or the native `onChange`); `selectProps` is the escape\n * hatch for the underlying wrapper. Includes the standard label and helper/error/warning chrome.\n */\nconst BitkitNativeSelect = forwardRef<HTMLSelectElement, BitkitNativeSelectProps>(\n  (props: BitkitNativeSelectProps, ref) => {\n    const { children, onValueChange, selectProps, size = 'md', state, ...rest } = props;\n    const [nativeFieldProps, bitkitFieldProps] = splitProps(rest, [...FIELD_PROPS]);\n\n    const recipe = useSlotRecipe({ key: 'nativeSelect' });\n    const styles = recipe();\n\n    const hasWarning = state === 'warning' || !!bitkitFieldProps.warningText;\n    const isInvalid = state === 'error' || !!bitkitFieldProps.errorText;\n\n    let statusIcon = undefined;\n    if (isInvalid) {\n      statusIcon = (\n        <IconErrorCircleFilled size={size === 'lg' ? '24' : '16'} css={styles.statusIcon} color=\"icon/negative\" />\n      );\n    } else if (hasWarning) {\n      statusIcon = <IconWarningYellow size={size === 'lg' ? '24' : '16'} css={styles.statusIcon} />;\n    }\n\n    // `onValueChange` fires alongside the native `onChange`, with the selected value.\n    const { onChange: fieldOnChange, ...restFieldProps } = nativeFieldProps;\n    const handleChange: ChangeEventHandler<HTMLSelectElement> | undefined =\n      onValueChange || fieldOnChange\n        ? (event) => {\n            onValueChange?.(event.target.value);\n            fieldOnChange?.(event);\n          }\n        : undefined;\n\n    return (\n      <BitkitField state={state} {...bitkitFieldProps}>\n        <NativeSelect.Root size={size} {...selectProps} className=\"group\">\n          <NativeSelect.Field ref={ref} onChange={handleChange} {...restFieldProps}>\n            {children}\n          </NativeSelect.Field>\n          {statusIcon}\n          <NativeSelect.Indicator asChild>\n            <AssetSelectChevron pointerEvents=\"none\" />\n          </NativeSelect.Indicator>\n        </NativeSelect.Root>\n      </BitkitField>\n    );\n  },\n);\n\nBitkitNativeSelect.displayName = 'BitkitNativeSelect';\n\nexport default BitkitNativeSelect;\n"],"mappings":";;;;;;;;;;AASA,IAAM,cAAc;CAAC;CAAgB;CAAQ;CAAY;CAAe;AAAO;;;;;;AAuC/E,IAAM,qBAAqB,YACxB,OAAgC,QAAQ;CACvC,MAAM,EAAE,UAAU,eAAe,aAAa,OAAO,MAAM,OAAO,GAAG,SAAS;CAC9E,MAAM,CAAC,kBAAkB,oBAAoB,WAAW,MAAM,CAAC,GAAG,WAAW,CAAC;CAG9E,MAAM,SADS,cAAc,EAAE,KAAK,eAAe,CACpC,CAAA,CAAO;CAEtB,MAAM,aAAa,UAAU,aAAa,CAAC,CAAC,iBAAiB;CAC7D,MAAM,YAAY,UAAU,WAAW,CAAC,CAAC,iBAAiB;CAE1D,IAAI,aAAa,KAAA;CACjB,IAAI,WACF,aACE,oBAAC,uBAAD;EAAuB,MAAM,SAAS,OAAO,OAAO;EAAM,KAAK,OAAO;EAAY,OAAM;CAAiB,CAAA;MAEtG,IAAI,YACT,aAAa,oBAAC,mBAAD;EAAmB,MAAM,SAAS,OAAO,OAAO;EAAM,KAAK,OAAO;CAAa,CAAA;CAI9F,MAAM,EAAE,UAAU,eAAe,GAAG,mBAAmB;CACvD,MAAM,eACJ,iBAAiB,iBACZ,UAAU;EACT,gBAAgB,MAAM,OAAO,KAAK;EAClC,gBAAgB,KAAK;CACvB,IACA,KAAA;CAEN,OACE,oBAAC,aAAD;EAAoB;EAAO,GAAI;YAC7B,qBAAC,aAAa,MAAd;GAAyB;GAAM,GAAI;GAAa,WAAU;aAA1D;IACE,oBAAC,aAAa,OAAd;KAAyB;KAAK,UAAU;KAAc,GAAI;KACvD;IACiB,CAAA;IACnB;IACD,oBAAC,aAAa,WAAd;KAAwB,SAAA;eACtB,oBAAC,oBAAD,EAAoB,eAAc,OAAQ,CAAA;IACpB,CAAA;GACP;;CACR,CAAA;AAEjB,CACF;AAEA,mBAAmB,cAAc"}

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

@@ -1,10 +1,37 @@
 import { NumberInputRootProps } from '@chakra-ui/react/number-input';
 import { BitkitFieldProps } from '../BitkitField/BitkitField';
 export interface BitkitNumberInputProps extends Omit<BitkitFieldProps, 'children' | 'disabled' | 'invalid' | 'readOnly'> {
+    /** Initial value for uncontrolled usage (a string, as Ark tracks the value as a string). */
     defaultValue?: string;
+    /**
+     * Escape hatch for Ark's `NumberInput.Root` — options like `min`, `max`, `step`, or
+     * `formatOptions`, plus its detail-rich `onValueChange`. On conflict, values here win over the
+     * top-level `value`/`onValueChange`.
+     */
     inputProps?: NumberInputRootProps;
+    /**
+     * Convenience change handler that receives the value directly. For Ark's full details (including
+     * `valueAsNumber`), use `inputProps.onValueChange`. The object wins if both are set.
+     */
+    onValueChange?: (value: string) => void;
+    /** Field size — controls height and typography. */
     size?: 'md' | 'lg';
+    /**
+     * Field state. `error`/`warning` are also implied by `errorText`/`warningText`; `disabled` and
+     * `readOnly` gate interaction.
+     */
     state?: 'disabled' | 'error' | 'readOnly' | 'warning';
+    /**
+     * Controlled value (a string). Pair with `onValueChange`. Can also be supplied via `inputProps`,
+     * which wins on conflict.
+     */
+    value?: string;
 }
+/**
+ * A numeric field with increment/decrement steppers, built on Ark's NumberInput. Reflect the value
+ * with `value` + `onValueChange` (a string), or start uncontrolled with `defaultValue`; use
+ * `inputProps` for Ark options like `min`/`max`/`step` and its detail-rich `onValueChange`. Includes
+ * the standard label and helper/error/warning chrome.
+ */
 declare const BitkitNumberInput: import('react').ForwardRefExoticComponent<BitkitNumberInputProps & import('react').RefAttributes<HTMLDivElement>>;
 export default BitkitNumberInput;

package/dist/components/BitkitNumberInput/BitkitNumberInput.js

@@ -10,8 +10,14 @@ import { forwardRef } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { NumberInput } from "@chakra-ui/react/number-input";
 //#region lib/components/BitkitNumberInput/BitkitNumberInput.tsx
+/**
+* A numeric field with increment/decrement steppers, built on Ark's NumberInput. Reflect the value
+* with `value` + `onValueChange` (a string), or start uncontrolled with `defaultValue`; use
+* `inputProps` for Ark options like `min`/`max`/`step` and its detail-rich `onValueChange`. Includes
+* the standard label and helper/error/warning chrome.
+*/
 var BitkitNumberInput = forwardRef((props, ref) => {
-	const { defaultValue, inputProps, size, state, ...fieldProps } = props;
+	const { defaultValue, inputProps, onValueChange, size, state, value, ...fieldProps } = props;
 	const hasWarning = state === "warning" || !!fieldProps.warningText;
 	const isInvalid = state === "error" || !!fieldProps.errorText;
 	let statusIcon = void 0;
@@ -20,6 +26,12 @@ var BitkitNumberInput = forwardRef((props, ref) => {
 		color: "icon/negative"
 	});
 	else if (hasWarning) statusIcon = /* @__PURE__ */ jsx(IconWarningYellow, { size: size === "lg" ? "24" : "16" });
+	const { onValueChange: rootOnValueChange, value: rootValue, ...restInputProps } = inputProps ?? {};
+	const resolvedValue = rootValue ?? value;
+	const handleValueChange = onValueChange || rootOnValueChange ? (details) => {
+		onValueChange?.(details.value);
+		rootOnValueChange?.(details);
+	} : void 0;
 	return /* @__PURE__ */ jsx(BitkitField, {
 		ref,
 		state,
@@ -27,8 +39,10 @@ var BitkitNumberInput = forwardRef((props, ref) => {
 		children: /* @__PURE__ */ jsxs(NumberInput.Root, {
 			css: statusIcon ? { "--control-width": rem(150) } : void 0,
 			defaultValue,
+			onValueChange: handleValueChange,
 			size,
-			...inputProps,
+			value: resolvedValue,
+			...restInputProps,
 			children: [/* @__PURE__ */ jsxs(NumberInput.Control, { children: [
 				statusIcon && /* @__PURE__ */ jsx(Box, {
 					paddingInline: "12",

package/dist/components/BitkitNumberInput/BitkitNumberInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"BitkitNumberInput.js","names":[],"sources":["../../../lib/components/BitkitNumberInput/BitkitNumberInput.tsx"],"sourcesContent":["import { Box } from '@chakra-ui/react/box';\nimport { NumberInput, type NumberInputRootProps } from '@chakra-ui/react/number-input';\nimport { forwardRef } from 'react';\n\nimport { IconErrorCircleFilled, IconMinus, IconPlus, IconWarningYellow } from '../../icons';\nimport { triggerSeparatorStyle } from '../../theme/slot-recipes/NumberInput.recipe';\nimport { rem } from '../../theme/themeUtils';\nimport BitkitField, { type BitkitFieldProps } from '../BitkitField/BitkitField';\n\nexport interface BitkitNumberInputProps extends Omit<\n  BitkitFieldProps,\n  'children' | 'disabled' | 'invalid' | 'readOnly'\n> {\n  defaultValue?: string;\n  inputProps?: NumberInputRootProps;\n  size?: 'md' | 'lg';\n  state?: 'disabled' | 'error' | 'readOnly' | 'warning';\n}\n\nconst BitkitNumberInput = forwardRef<HTMLDivElement, BitkitNumberInputProps>((props: BitkitNumberInputProps, ref) => {\n  const { defaultValue, inputProps, size, state, ...fieldProps } = props;\n\n  const hasWarning = state === 'warning' || !!fieldProps.warningText;\n  const isInvalid = state === 'error' || !!fieldProps.errorText;\n\n  let statusIcon = undefined;\n  if (isInvalid) {\n    statusIcon = <IconErrorCircleFilled size={size === 'lg' ? '24' : '16'} color=\"icon/negative\" />;\n  } else if (hasWarning) {\n    statusIcon = <IconWarningYellow size={size === 'lg' ? '24' : '16'} />;\n  }\n\n  return (\n    <BitkitField ref={ref} state={state} {...fieldProps}>\n      <NumberInput.Root\n        css={statusIcon ? { '--control-width': rem(150) } : undefined}\n        defaultValue={defaultValue}\n        size={size}\n        {...inputProps}\n      >\n        <NumberInput.Control>\n          {statusIcon && (\n            <Box paddingInline=\"12\" display=\"flex\" alignItems=\"center\" justifyContent=\"center\">\n              {statusIcon}\n            </Box>\n          )}\n          <NumberInput.DecrementTrigger _before={statusIcon ? triggerSeparatorStyle : undefined}>\n            <IconMinus size={size === 'lg' ? '24' : '16'} />\n          </NumberInput.DecrementTrigger>\n          <NumberInput.IncrementTrigger>\n            <IconPlus size={size === 'lg' ? '24' : '16'} />\n          </NumberInput.IncrementTrigger>\n        </NumberInput.Control>\n        <NumberInput.Input />\n      </NumberInput.Root>\n    </BitkitField>\n  );\n});\n\nBitkitNumberInput.displayName = 'BitkitNumberInput';\n\nexport default BitkitNumberInput;\n"],"mappings":";;;;;;;;;;;;AAmBA,IAAM,oBAAoB,YAAoD,OAA+B,QAAQ;CACnH,MAAM,EAAE,cAAc,YAAY,MAAM,OAAO,GAAG,eAAe;CAEjE,MAAM,aAAa,UAAU,aAAa,CAAC,CAAC,WAAW;CACvD,MAAM,YAAY,UAAU,WAAW,CAAC,CAAC,WAAW;CAEpD,IAAI,aAAa,KAAA;CACjB,IAAI,WACF,aAAa,oBAAC,uBAAD;EAAuB,MAAM,SAAS,OAAO,OAAO;EAAM,OAAM;CAAiB,CAAA;MACzF,IAAI,YACT,aAAa,oBAAC,mBAAD,EAAmB,MAAM,SAAS,OAAO,OAAO,KAAO,CAAA;CAGtE,OACE,oBAAC,aAAD;EAAkB;EAAY;EAAO,GAAI;YACvC,qBAAC,YAAY,MAAb;GACE,KAAK,aAAa,EAAE,mBAAmB,IAAI,GAAG,EAAE,IAAI,KAAA;GACtC;GACR;GACN,GAAI;aAJN,CAME,qBAAC,YAAY,SAAb,EAAA,UAAA;IACG,cACC,oBAAC,KAAD;KAAK,eAAc;KAAK,SAAQ;KAAO,YAAW;KAAS,gBAAe;eACvE;IACE,CAAA;IAEP,oBAAC,YAAY,kBAAb;KAA8B,SAAS,aAAa,wBAAwB,KAAA;eAC1E,oBAAC,WAAD,EAAW,MAAM,SAAS,OAAO,OAAO,KAAO,CAAA;IACnB,CAAA;IAC9B,oBAAC,YAAY,kBAAb,EAAA,UACE,oBAAC,UAAD,EAAU,MAAM,SAAS,OAAO,OAAO,KAAO,CAAA,EAClB,CAAA;GACX,EAAA,CAAA,GACrB,oBAAC,YAAY,OAAb,CAAoB,CAAA,CACJ;;CACP,CAAA;AAEjB,CAAC;AAED,kBAAkB,cAAc"}
+{"version":3,"file":"BitkitNumberInput.js","names":[],"sources":["../../../lib/components/BitkitNumberInput/BitkitNumberInput.tsx"],"sourcesContent":["import { Box } from '@chakra-ui/react/box';\nimport { NumberInput, type NumberInputRootProps } from '@chakra-ui/react/number-input';\nimport { forwardRef } from 'react';\n\nimport { IconErrorCircleFilled, IconMinus, IconPlus, IconWarningYellow } from '../../icons';\nimport { triggerSeparatorStyle } from '../../theme/slot-recipes/NumberInput.recipe';\nimport { rem } from '../../theme/themeUtils';\nimport BitkitField, { type BitkitFieldProps } from '../BitkitField/BitkitField';\n\nexport interface BitkitNumberInputProps extends Omit<\n  BitkitFieldProps,\n  'children' | 'disabled' | 'invalid' | 'readOnly'\n> {\n  /** Initial value for uncontrolled usage (a string, as Ark tracks the value as a string). */\n  defaultValue?: string;\n  /**\n   * Escape hatch for Ark's `NumberInput.Root` — options like `min`, `max`, `step`, or\n   * `formatOptions`, plus its detail-rich `onValueChange`. On conflict, values here win over the\n   * top-level `value`/`onValueChange`.\n   */\n  inputProps?: NumberInputRootProps;\n  /**\n   * Convenience change handler that receives the value directly. For Ark's full details (including\n   * `valueAsNumber`), use `inputProps.onValueChange`. The object wins if both are set.\n   */\n  onValueChange?: (value: string) => void;\n  /** Field size — controls height and typography. */\n  size?: 'md' | 'lg';\n  /**\n   * Field state. `error`/`warning` are also implied by `errorText`/`warningText`; `disabled` and\n   * `readOnly` gate interaction.\n   */\n  state?: 'disabled' | 'error' | 'readOnly' | 'warning';\n  /**\n   * Controlled value (a string). Pair with `onValueChange`. Can also be supplied via `inputProps`,\n   * which wins on conflict.\n   */\n  value?: string;\n}\n\n/**\n * A numeric field with increment/decrement steppers, built on Ark's NumberInput. Reflect the value\n * with `value` + `onValueChange` (a string), or start uncontrolled with `defaultValue`; use\n * `inputProps` for Ark options like `min`/`max`/`step` and its detail-rich `onValueChange`. Includes\n * the standard label and helper/error/warning chrome.\n */\nconst BitkitNumberInput = forwardRef<HTMLDivElement, BitkitNumberInputProps>((props: BitkitNumberInputProps, ref) => {\n  const { defaultValue, inputProps, onValueChange, size, state, value, ...fieldProps } = props;\n\n  const hasWarning = state === 'warning' || !!fieldProps.warningText;\n  const isInvalid = state === 'error' || !!fieldProps.errorText;\n\n  let statusIcon = undefined;\n  if (isInvalid) {\n    statusIcon = <IconErrorCircleFilled size={size === 'lg' ? '24' : '16'} color=\"icon/negative\" />;\n  } else if (hasWarning) {\n    statusIcon = <IconWarningYellow size={size === 'lg' ? '24' : '16'} />;\n  }\n\n  // `value` / `onValueChange` may come in at the top level or via `inputProps` — the object wins on\n  // conflict. The top-level `onValueChange` gets the string value; `inputProps.onValueChange` still\n  // fires with Ark's full details.\n  const { onValueChange: rootOnValueChange, value: rootValue, ...restInputProps } = inputProps ?? {};\n  const resolvedValue = rootValue ?? value;\n  const handleValueChange: NumberInputRootProps['onValueChange'] =\n    onValueChange || rootOnValueChange\n      ? (details) => {\n          onValueChange?.(details.value);\n          rootOnValueChange?.(details);\n        }\n      : undefined;\n\n  return (\n    <BitkitField ref={ref} state={state} {...fieldProps}>\n      <NumberInput.Root\n        css={statusIcon ? { '--control-width': rem(150) } : undefined}\n        defaultValue={defaultValue}\n        onValueChange={handleValueChange}\n        size={size}\n        value={resolvedValue}\n        {...restInputProps}\n      >\n        <NumberInput.Control>\n          {statusIcon && (\n            <Box paddingInline=\"12\" display=\"flex\" alignItems=\"center\" justifyContent=\"center\">\n              {statusIcon}\n            </Box>\n          )}\n          <NumberInput.DecrementTrigger _before={statusIcon ? triggerSeparatorStyle : undefined}>\n            <IconMinus size={size === 'lg' ? '24' : '16'} />\n          </NumberInput.DecrementTrigger>\n          <NumberInput.IncrementTrigger>\n            <IconPlus size={size === 'lg' ? '24' : '16'} />\n          </NumberInput.IncrementTrigger>\n        </NumberInput.Control>\n        <NumberInput.Input />\n      </NumberInput.Root>\n    </BitkitField>\n  );\n});\n\nBitkitNumberInput.displayName = 'BitkitNumberInput';\n\nexport default BitkitNumberInput;\n"],"mappings":";;;;;;;;;;;;;;;;;;AA8CA,IAAM,oBAAoB,YAAoD,OAA+B,QAAQ;CACnH,MAAM,EAAE,cAAc,YAAY,eAAe,MAAM,OAAO,OAAO,GAAG,eAAe;CAEvF,MAAM,aAAa,UAAU,aAAa,CAAC,CAAC,WAAW;CACvD,MAAM,YAAY,UAAU,WAAW,CAAC,CAAC,WAAW;CAEpD,IAAI,aAAa,KAAA;CACjB,IAAI,WACF,aAAa,oBAAC,uBAAD;EAAuB,MAAM,SAAS,OAAO,OAAO;EAAM,OAAM;CAAiB,CAAA;MACzF,IAAI,YACT,aAAa,oBAAC,mBAAD,EAAmB,MAAM,SAAS,OAAO,OAAO,KAAO,CAAA;CAMtE,MAAM,EAAE,eAAe,mBAAmB,OAAO,WAAW,GAAG,mBAAmB,cAAc,CAAC;CACjG,MAAM,gBAAgB,aAAa;CACnC,MAAM,oBACJ,iBAAiB,qBACZ,YAAY;EACX,gBAAgB,QAAQ,KAAK;EAC7B,oBAAoB,OAAO;CAC7B,IACA,KAAA;CAEN,OACE,oBAAC,aAAD;EAAkB;EAAY;EAAO,GAAI;YACvC,qBAAC,YAAY,MAAb;GACE,KAAK,aAAa,EAAE,mBAAmB,IAAI,GAAG,EAAE,IAAI,KAAA;GACtC;GACd,eAAe;GACT;GACN,OAAO;GACP,GAAI;aANN,CAQE,qBAAC,YAAY,SAAb,EAAA,UAAA;IACG,cACC,oBAAC,KAAD;KAAK,eAAc;KAAK,SAAQ;KAAO,YAAW;KAAS,gBAAe;eACvE;IACE,CAAA;IAEP,oBAAC,YAAY,kBAAb;KAA8B,SAAS,aAAa,wBAAwB,KAAA;eAC1E,oBAAC,WAAD,EAAW,MAAM,SAAS,OAAO,OAAO,KAAO,CAAA;IACnB,CAAA;IAC9B,oBAAC,YAAY,kBAAb,EAAA,UACE,oBAAC,UAAD,EAAU,MAAM,SAAS,OAAO,OAAO,KAAO,CAAA,EAClB,CAAA;GACX,EAAA,CAAA,GACrB,oBAAC,YAAY,OAAb,CAAoB,CAAA,CACJ;;CACP,CAAA;AAEjB,CAAC;AAED,kBAAkB,cAAc"}

package/dist/components/BitkitTextArea/BitkitTextArea.d.ts

@@ -1,13 +1,46 @@
 import { TextareaProps } from '@chakra-ui/react/textarea';
+import { ChangeEventHandler } from 'react';
 import { BitkitFieldProps } from '../BitkitField/BitkitField';
-export interface BitkitTextAreaProps extends Omit<BitkitFieldProps, 'children' | 'state'> {
+export interface BitkitTextAreaProps extends Omit<BitkitFieldProps, 'children' | 'onChange' | 'state' | 'value'> {
+    /** Grow the field to fit its content instead of showing a scrollbar. */
     autoresize?: boolean;
+    /**
+     * Native change event — the same handler you could put on `textareaProps`, promoted to the top
+     * level. Reach for `onValueChange` when you only need the value. If both this and
+     * `textareaProps.onChange` are set, `textareaProps.onChange` wins (it's the same event).
+     */
+    onChange?: ChangeEventHandler<HTMLTextAreaElement>;
+    /** Convenience change handler that receives the value directly, without `event.target.value`. */
+    onValueChange?: (value: string) => void;
+    /** Placeholder text shown while the field is empty. */
     placeholder?: string;
+    /** Whether the user can drag to resize: `vertical` (default) allows height changes, `none` locks it. */
     resize?: 'none' | 'vertical';
+    /** Number of visible text lines — sets the field's starting/minimum height (default 3). */
     rows?: number;
+    /** Field size — controls height and typography. */
     size?: 'md' | 'lg';
+    /**
+     * Field state. `error`/`warning` are also implied by `errorText`/`warningText`; `disabled` and
+     * `readOnly` gate interaction.
+     */
     state?: 'disabled' | 'error' | 'readOnly' | 'warning';
+    /**
+     * Escape hatch for the underlying Chakra `Textarea` — extra native attributes or a spread
+     * `{...register()}`. On conflict, values here win over the top-level `value`/`onChange`.
+     */
     textareaProps?: TextareaProps;
+    /**
+     * Controlled value. Pair with `onValueChange` or `onChange`. Can also be supplied via
+     * `textareaProps`, which wins on conflict.
+     */
+    value?: string;
 }
+/**
+ * A multi-line text field wrapping the native `<textarea>`, with a label and helper/error/warning
+ * text. Height is `rows`-based (default 3); unless `resize="none"` the user can drag to grow it, and
+ * `autoresize` grows it to fit its content. Reflect the value with `value` + `onValueChange` (or the
+ * native `onChange`); `textareaProps` is the escape hatch for any other native attribute.
+ */
 declare const BitkitTextArea: import('react').ForwardRefExoticComponent<BitkitTextAreaProps & import('react').RefAttributes<HTMLTextAreaElement>>;
 export default BitkitTextArea;

package/dist/components/BitkitTextArea/BitkitTextArea.js

@@ -7,8 +7,14 @@ import { forwardRef } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Textarea } from "@chakra-ui/react/textarea";
 //#region lib/components/BitkitTextArea/BitkitTextArea.tsx
+/**
+* A multi-line text field wrapping the native `<textarea>`, with a label and helper/error/warning
+* text. Height is `rows`-based (default 3); unless `resize="none"` the user can drag to grow it, and
+* `autoresize` grows it to fit its content. Reflect the value with `value` + `onValueChange` (or the
+* native `onChange`); `textareaProps` is the escape hatch for any other native attribute.
+*/
 var BitkitTextArea = forwardRef((props, ref) => {
-	const { autoresize, placeholder, resize, rows = 3, size = "lg", state, textareaProps, ...fieldProps } = props;
+	const { autoresize, onChange, onValueChange, placeholder, resize, rows = 3, size = "lg", state, textareaProps, value, ...fieldProps } = props;
 	const isInvalid = state === "error" || !!fieldProps.errorText;
 	const hasWarning = state === "warning" || !!fieldProps.warningText;
 	const iconSize = size === "md" ? "16" : "24";
@@ -23,7 +29,13 @@ var BitkitTextArea = forwardRef((props, ref) => {
 		size: iconSize,
 		...iconInset
 	}) : null;
-	const { css: consumerCss, ...restTextareaProps } = textareaProps ?? {};
+	const { css: consumerCss, onChange: textareaOnChange, value: textareaValue, ...restTextareaProps } = textareaProps ?? {};
+	const resolvedValue = textareaValue ?? value;
+	const nativeOnChange = textareaOnChange ?? onChange;
+	const handleChange = onValueChange || nativeOnChange ? (event) => {
+		onValueChange?.(event.target.value);
+		nativeOnChange?.(event);
+	} : void 0;
 	const textareaCss = statusIcon != null ? [{ paddingInlineEnd }, consumerCss] : consumerCss;
 	return /* @__PURE__ */ jsx(BitkitField, {
 		state,
@@ -34,10 +46,12 @@ var BitkitTextArea = forwardRef((props, ref) => {
 				ref,
 				autoresize,
 				css: textareaCss,
+				onChange: handleChange,
 				placeholder,
 				resize,
 				rows,
 				size,
+				value: resolvedValue,
 				...restTextareaProps
 			}), statusIcon]
 		})

package/dist/components/BitkitTextArea/BitkitTextArea.js.map

@@ -1 +1 @@
-{"version":3,"file":"BitkitTextArea.js","names":[],"sources":["../../../lib/components/BitkitTextArea/BitkitTextArea.tsx"],"sourcesContent":["import { Box } from '@chakra-ui/react/box';\nimport { Textarea, type TextareaProps } from '@chakra-ui/react/textarea';\nimport { forwardRef } from 'react';\n\nimport { IconErrorCircleFilled, IconWarningYellow } from '../../icons';\nimport { textareaStatusIcon } from '../../theme/recipes/Textarea.recipe';\nimport BitkitField, { type BitkitFieldProps } from '../BitkitField/BitkitField';\n\nexport interface BitkitTextAreaProps extends Omit<BitkitFieldProps, 'children' | 'state'> {\n  autoresize?: boolean;\n  placeholder?: string;\n  resize?: 'none' | 'vertical';\n  rows?: number;\n  size?: 'md' | 'lg';\n  state?: 'disabled' | 'error' | 'readOnly' | 'warning';\n  textareaProps?: TextareaProps;\n}\n\nconst BitkitTextArea = forwardRef<HTMLTextAreaElement, BitkitTextAreaProps>((props, ref) => {\n  const { autoresize, placeholder, resize, rows = 3, size = 'lg', state, textareaProps, ...fieldProps } = props;\n\n  const isInvalid = state === 'error' || !!fieldProps.errorText;\n  const hasWarning = state === 'warning' || !!fieldProps.warningText;\n  const iconSize = size === 'md' ? '16' : '24';\n\n  const { paddingInlineEnd, ...iconInset } = textareaStatusIcon[size];\n  const statusIcon = isInvalid ? (\n    <IconErrorCircleFilled color=\"icon/negative\" position=\"absolute\" size={iconSize} {...iconInset} />\n  ) : hasWarning ? (\n    <IconWarningYellow position=\"absolute\" size={iconSize} {...iconInset} />\n  ) : null;\n\n  const { css: consumerCss, ...restTextareaProps } = textareaProps ?? {};\n  const textareaCss = statusIcon != null ? [{ paddingInlineEnd }, consumerCss] : consumerCss;\n\n  return (\n    <BitkitField state={state} {...fieldProps}>\n      <Box position=\"relative\">\n        <Textarea\n          ref={ref}\n          autoresize={autoresize}\n          css={textareaCss}\n          placeholder={placeholder}\n          resize={resize}\n          rows={rows}\n          size={size}\n          {...restTextareaProps}\n        />\n        {statusIcon}\n      </Box>\n    </BitkitField>\n  );\n});\n\nBitkitTextArea.displayName = 'BitkitTextArea';\n\nexport default BitkitTextArea;\n"],"mappings":";;;;;;;;;AAkBA,IAAM,iBAAiB,YAAsD,OAAO,QAAQ;CAC1F,MAAM,EAAE,YAAY,aAAa,QAAQ,OAAO,GAAG,OAAO,MAAM,OAAO,eAAe,GAAG,eAAe;CAExG,MAAM,YAAY,UAAU,WAAW,CAAC,CAAC,WAAW;CACpD,MAAM,aAAa,UAAU,aAAa,CAAC,CAAC,WAAW;CACvD,MAAM,WAAW,SAAS,OAAO,OAAO;CAExC,MAAM,EAAE,kBAAkB,GAAG,cAAc,mBAAmB;CAC9D,MAAM,aAAa,YACjB,oBAAC,uBAAD;EAAuB,OAAM;EAAgB,UAAS;EAAW,MAAM;EAAU,GAAI;CAAY,CAAA,IAC/F,aACF,oBAAC,mBAAD;EAAmB,UAAS;EAAW,MAAM;EAAU,GAAI;CAAY,CAAA,IACrE;CAEJ,MAAM,EAAE,KAAK,aAAa,GAAG,sBAAsB,iBAAiB,CAAC;CACrE,MAAM,cAAc,cAAc,OAAO,CAAC,EAAE,iBAAiB,GAAG,WAAW,IAAI;CAE/E,OACE,oBAAC,aAAD;EAAoB;EAAO,GAAI;YAC7B,qBAAC,KAAD;GAAK,UAAS;aAAd,CACE,oBAAC,UAAD;IACO;IACO;IACZ,KAAK;IACQ;IACL;IACF;IACA;IACN,GAAI;GACL,CAAA,GACA,UACE;;CACM,CAAA;AAEjB,CAAC;AAED,eAAe,cAAc"}
+{"version":3,"file":"BitkitTextArea.js","names":[],"sources":["../../../lib/components/BitkitTextArea/BitkitTextArea.tsx"],"sourcesContent":["import { Box } from '@chakra-ui/react/box';\nimport { Textarea, type TextareaProps } from '@chakra-ui/react/textarea';\nimport { type ChangeEventHandler, forwardRef } from 'react';\n\nimport { IconErrorCircleFilled, IconWarningYellow } from '../../icons';\nimport { textareaStatusIcon } from '../../theme/recipes/Textarea.recipe';\nimport BitkitField, { type BitkitFieldProps } from '../BitkitField/BitkitField';\n\nexport interface BitkitTextAreaProps extends Omit<BitkitFieldProps, 'children' | 'onChange' | 'state' | 'value'> {\n  /** Grow the field to fit its content instead of showing a scrollbar. */\n  autoresize?: boolean;\n  /**\n   * Native change event — the same handler you could put on `textareaProps`, promoted to the top\n   * level. Reach for `onValueChange` when you only need the value. If both this and\n   * `textareaProps.onChange` are set, `textareaProps.onChange` wins (it's the same event).\n   */\n  onChange?: ChangeEventHandler<HTMLTextAreaElement>;\n  /** Convenience change handler that receives the value directly, without `event.target.value`. */\n  onValueChange?: (value: string) => void;\n  /** Placeholder text shown while the field is empty. */\n  placeholder?: string;\n  /** Whether the user can drag to resize: `vertical` (default) allows height changes, `none` locks it. */\n  resize?: 'none' | 'vertical';\n  /** Number of visible text lines — sets the field's starting/minimum height (default 3). */\n  rows?: number;\n  /** Field size — controls height and typography. */\n  size?: 'md' | 'lg';\n  /**\n   * Field state. `error`/`warning` are also implied by `errorText`/`warningText`; `disabled` and\n   * `readOnly` gate interaction.\n   */\n  state?: 'disabled' | 'error' | 'readOnly' | 'warning';\n  /**\n   * Escape hatch for the underlying Chakra `Textarea` — extra native attributes or a spread\n   * `{...register()}`. On conflict, values here win over the top-level `value`/`onChange`.\n   */\n  textareaProps?: TextareaProps;\n  /**\n   * Controlled value. Pair with `onValueChange` or `onChange`. Can also be supplied via\n   * `textareaProps`, which wins on conflict.\n   */\n  value?: string;\n}\n\n/**\n * A multi-line text field wrapping the native `<textarea>`, with a label and helper/error/warning\n * text. Height is `rows`-based (default 3); unless `resize=\"none\"` the user can drag to grow it, and\n * `autoresize` grows it to fit its content. Reflect the value with `value` + `onValueChange` (or the\n * native `onChange`); `textareaProps` is the escape hatch for any other native attribute.\n */\nconst BitkitTextArea = forwardRef<HTMLTextAreaElement, BitkitTextAreaProps>((props, ref) => {\n  const {\n    autoresize,\n    onChange,\n    onValueChange,\n    placeholder,\n    resize,\n    rows = 3,\n    size = 'lg',\n    state,\n    textareaProps,\n    value,\n    ...fieldProps\n  } = props;\n\n  const isInvalid = state === 'error' || !!fieldProps.errorText;\n  const hasWarning = state === 'warning' || !!fieldProps.warningText;\n  const iconSize = size === 'md' ? '16' : '24';\n\n  const { paddingInlineEnd, ...iconInset } = textareaStatusIcon[size];\n  const statusIcon = isInvalid ? (\n    <IconErrorCircleFilled color=\"icon/negative\" position=\"absolute\" size={iconSize} {...iconInset} />\n  ) : hasWarning ? (\n    <IconWarningYellow position=\"absolute\" size={iconSize} {...iconInset} />\n  ) : null;\n\n  // `value` / `onChange` may come in at the top level or via `textareaProps` — the object wins on\n  // conflict (natural for a spread `{...register()}`). `onValueChange` always fires with the value.\n  const {\n    css: consumerCss,\n    onChange: textareaOnChange,\n    value: textareaValue,\n    ...restTextareaProps\n  } = textareaProps ?? {};\n  const resolvedValue = textareaValue ?? value;\n  const nativeOnChange = textareaOnChange ?? onChange;\n  const handleChange: ChangeEventHandler<HTMLTextAreaElement> | undefined =\n    onValueChange || nativeOnChange\n      ? (event) => {\n          onValueChange?.(event.target.value);\n          nativeOnChange?.(event);\n        }\n      : undefined;\n\n  const textareaCss = statusIcon != null ? [{ paddingInlineEnd }, consumerCss] : consumerCss;\n\n  return (\n    <BitkitField state={state} {...fieldProps}>\n      <Box position=\"relative\">\n        <Textarea\n          ref={ref}\n          autoresize={autoresize}\n          css={textareaCss}\n          onChange={handleChange}\n          placeholder={placeholder}\n          resize={resize}\n          rows={rows}\n          size={size}\n          value={resolvedValue}\n          {...restTextareaProps}\n        />\n        {statusIcon}\n      </Box>\n    </BitkitField>\n  );\n});\n\nBitkitTextArea.displayName = 'BitkitTextArea';\n\nexport default BitkitTextArea;\n"],"mappings":";;;;;;;;;;;;;;;AAkDA,IAAM,iBAAiB,YAAsD,OAAO,QAAQ;CAC1F,MAAM,EACJ,YACA,UACA,eACA,aACA,QACA,OAAO,GACP,OAAO,MACP,OACA,eACA,OACA,GAAG,eACD;CAEJ,MAAM,YAAY,UAAU,WAAW,CAAC,CAAC,WAAW;CACpD,MAAM,aAAa,UAAU,aAAa,CAAC,CAAC,WAAW;CACvD,MAAM,WAAW,SAAS,OAAO,OAAO;CAExC,MAAM,EAAE,kBAAkB,GAAG,cAAc,mBAAmB;CAC9D,MAAM,aAAa,YACjB,oBAAC,uBAAD;EAAuB,OAAM;EAAgB,UAAS;EAAW,MAAM;EAAU,GAAI;CAAY,CAAA,IAC/F,aACF,oBAAC,mBAAD;EAAmB,UAAS;EAAW,MAAM;EAAU,GAAI;CAAY,CAAA,IACrE;CAIJ,MAAM,EACJ,KAAK,aACL,UAAU,kBACV,OAAO,eACP,GAAG,sBACD,iBAAiB,CAAC;CACtB,MAAM,gBAAgB,iBAAiB;CACvC,MAAM,iBAAiB,oBAAoB;CAC3C,MAAM,eACJ,iBAAiB,kBACZ,UAAU;EACT,gBAAgB,MAAM,OAAO,KAAK;EAClC,iBAAiB,KAAK;CACxB,IACA,KAAA;CAEN,MAAM,cAAc,cAAc,OAAO,CAAC,EAAE,iBAAiB,GAAG,WAAW,IAAI;CAE/E,OACE,oBAAC,aAAD;EAAoB;EAAO,GAAI;YAC7B,qBAAC,KAAD;GAAK,UAAS;aAAd,CACE,oBAAC,UAAD;IACO;IACO;IACZ,KAAK;IACL,UAAU;IACG;IACL;IACF;IACA;IACN,OAAO;IACP,GAAI;GACL,CAAA,GACA,UACE;;CACM,CAAA;AAEjB,CAAC;AAED,eAAe,cAAc"}

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

@@ -1,20 +1,60 @@
 import { InputProps } from '@chakra-ui/react/input';
 import { InputAddonProps } from '@chakra-ui/react/input-addon';
-import { ReactNode } from 'react';
+import { ChangeEventHandler, ReactNode } from 'react';
 import { BitkitFieldProps } from '../BitkitField/BitkitField';
-export interface BitkitTextInputProps extends Omit<BitkitFieldProps, 'children' | 'state'> {
+export interface BitkitTextInputProps extends Omit<BitkitFieldProps, 'children' | 'onChange' | 'state' | 'value'> {
+    /**
+     * Show a live character counter (`length/maxLength`) next to the label. Requires `maxLength` and a
+     * known `value`.
+     */
     counter?: boolean;
+    /** Content attached to the trailing edge, outside the input border (e.g. a unit label or button). */
     endAddon?: ReactNode;
+    /** Props forwarded to the trailing `InputAddon` wrapper. */
     endAddonProps?: InputAddonProps;
+    /** Inline content rendered inside the input, at the trailing edge (e.g. an icon or reveal button). */
     endElement?: ReactNode;
+    /**
+     * Escape hatch for the underlying Chakra `Input` — extra native attributes or a spread
+     * `{...register()}`. On conflict, values here win over the top-level `value`/`onChange`.
+     */
     inputProps?: InputProps;
+    /** Maximum number of characters accepted; also feeds the optional `counter`. */
     maxLength?: HTMLInputElement['maxLength'];
+    /**
+     * Native change event — the same handler you could put on `inputProps`, promoted to the top level.
+     * Reach for `onValueChange` when you only need the value. If both this and `inputProps.onChange` are
+     * set, `inputProps.onChange` wins (it's the same event, so they shouldn't both be set).
+     */
+    onChange?: ChangeEventHandler<HTMLInputElement>;
+    /** Convenience change handler that receives the value directly, without `event.target.value`. */
+    onValueChange?: (value: string) => void;
+    /** Placeholder text shown while the field is empty. */
     placeholder?: string;
+    /** Field size — controls height and typography. */
     size?: 'md' | 'lg';
+    /** Content attached to the leading edge, outside the input border (e.g. a unit label or button). */
     startAddon?: ReactNode;
+    /** Props forwarded to the leading `InputAddon` wrapper. */
     startAddonProps?: InputAddonProps;
+    /** Inline content rendered inside the input, at the leading edge (e.g. an icon). */
     startElement?: ReactNode;
+    /**
+     * Field state. `error`/`warning` are also implied by `errorText`/`warningText`; `disabled` and
+     * `readOnly` gate interaction.
+     */
     state?: 'disabled' | 'error' | 'readOnly' | 'warning';
+    /**
+     * Controlled value. Pair with `onValueChange` or `onChange`. Can also be supplied via `inputProps`,
+     * which wins on conflict.
+     */
+    value?: string;
 }
+/**
+ * A single-line text field wrapping the native `<input>`, with a label and helper/error/warning
+ * text. Reflect the value with `value` + `onValueChange` (or the native `onChange`); `inputProps` is
+ * the escape hatch for any other native attribute. `startAddon`/`endAddon` sit outside the border,
+ * `startElement`/`endElement` inline inside it, and `counter` pairs with `maxLength`.
+ */
 declare const BitkitTextInput: import('react').ForwardRefExoticComponent<BitkitTextInputProps & import('react').RefAttributes<HTMLDivElement>>;
 export default BitkitTextInput;

package/dist/components/BitkitTextInput/BitkitTextInput.js

@@ -9,8 +9,14 @@ import { Group } from "@chakra-ui/react/group";
 import { Input } from "@chakra-ui/react/input";
 import { InputAddon } from "@chakra-ui/react/input-addon";
 //#region lib/components/BitkitTextInput/BitkitTextInput.tsx
+/**
+* A single-line text field wrapping the native `<input>`, with a label and helper/error/warning
+* text. Reflect the value with `value` + `onValueChange` (or the native `onChange`); `inputProps` is
+* the escape hatch for any other native attribute. `startAddon`/`endAddon` sit outside the border,
+* `startElement`/`endElement` inline inside it, and `counter` pairs with `maxLength`.
+*/
 var BitkitTextInput = forwardRef((props, ref) => {
-	const { counter, endAddon, endAddonProps, endElement, inputProps, maxLength, placeholder, size = "lg", startAddon, startAddonProps, startElement, state, ...rest } = props;
+	const { counter, endAddon, endAddonProps, endElement, inputProps, maxLength, onChange, onValueChange, placeholder, size = "lg", startAddon, startAddonProps, startElement, state, value, ...rest } = props;
 	const styles = useSlotRecipe({ key: "textInput" })({ size });
 	const iconSize = size === "md" ? "16" : "24";
 	const addonSize = size === "md" ? "md" : "lg";
@@ -22,7 +28,14 @@ var BitkitTextInput = forwardRef((props, ref) => {
 		size: iconSize
 	});
 	else if (hasWarning) statusIcon = /* @__PURE__ */ jsx(IconWarningYellow, { size: iconSize });
-	const counterText = counter && maxLength && inputProps?.value !== void 0 ? `${inputProps.value.toString().length}/${maxLength}` : void 0;
+	const { onChange: inputOnChange, value: inputValue, ...restInputProps } = inputProps ?? {};
+	const resolvedValue = inputValue ?? value;
+	const nativeOnChange = inputOnChange ?? onChange;
+	const handleChange = onValueChange || nativeOnChange ? (event) => {
+		onValueChange?.(event.target.value);
+		nativeOnChange?.(event);
+	} : void 0;
+	const counterText = counter && maxLength && resolvedValue !== void 0 ? `${resolvedValue.toString().length}/${maxLength}` : void 0;
 	const stateAttrs = {
 		"data-disabled": state === "disabled" ? "" : void 0,
 		"data-invalid": isInvalid ? "" : void 0,
@@ -58,8 +71,10 @@ var BitkitTextInput = forwardRef((props, ref) => {
 						/* @__PURE__ */ jsx(Input, {
 							css: styles.input,
 							maxLength,
+							onChange: handleChange,
 							placeholder,
-							...inputProps,
+							value: resolvedValue,
+							...restInputProps,
 							unstyled: true
 						}),
 						statusIcon != null && /* @__PURE__ */ jsx(Box, {

package/dist/components/BitkitTextInput/BitkitTextInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"BitkitTextInput.js","names":[],"sources":["../../../lib/components/BitkitTextInput/BitkitTextInput.tsx"],"sourcesContent":["import { Box } from '@chakra-ui/react/box';\nimport { Group } from '@chakra-ui/react/group';\nimport { Input, type InputProps } from '@chakra-ui/react/input';\nimport { InputAddon, type InputAddonProps } from '@chakra-ui/react/input-addon';\nimport { useSlotRecipe } from '@chakra-ui/react/styled-system';\nimport { forwardRef, type ReactNode } from 'react';\n\nimport { IconErrorCircleFilled, IconWarningYellow } from '../../icons';\nimport BitkitField, { type BitkitFieldProps } from '../BitkitField/BitkitField';\n\nexport interface BitkitTextInputProps extends Omit<BitkitFieldProps, 'children' | 'state'> {\n  counter?: boolean;\n  endAddon?: ReactNode;\n  endAddonProps?: InputAddonProps;\n  endElement?: ReactNode;\n  inputProps?: InputProps;\n  maxLength?: HTMLInputElement['maxLength'];\n  placeholder?: string;\n  size?: 'md' | 'lg';\n  startAddon?: ReactNode;\n  startAddonProps?: InputAddonProps;\n  startElement?: ReactNode;\n  state?: 'disabled' | 'error' | 'readOnly' | 'warning';\n}\n\nconst BitkitTextInput = forwardRef<HTMLDivElement, BitkitTextInputProps>((props, ref) => {\n  const {\n    counter,\n    endAddon,\n    endAddonProps,\n    endElement,\n    inputProps,\n    maxLength,\n    placeholder,\n    size = 'lg',\n    startAddon,\n    startAddonProps,\n    startElement,\n    state,\n    ...rest\n  } = props;\n\n  const recipe = useSlotRecipe({ key: 'textInput' });\n  const styles = recipe({ size });\n\n  const iconSize = size === 'md' ? '16' : '24';\n  const addonSize = size === 'md' ? 'md' : 'lg';\n\n  const hasWarning = state === 'warning' || !!rest.warningText;\n  const isInvalid = state === 'error' || !!rest.errorText;\n\n  let statusIcon: ReactNode = null;\n  if (isInvalid) {\n    statusIcon = <IconErrorCircleFilled color=\"icon/negative\" size={iconSize} />;\n  } else if (hasWarning) {\n    statusIcon = <IconWarningYellow size={iconSize} />;\n  }\n\n  const counterText =\n    counter && maxLength && inputProps?.value !== undefined\n      ? `${inputProps.value.toString().length}/${maxLength}`\n      : undefined;\n\n  const stateAttrs = {\n    'data-disabled': state === 'disabled' ? '' : undefined,\n    'data-invalid': isInvalid ? '' : undefined,\n    'data-readonly': state === 'readOnly' ? '' : undefined,\n  };\n\n  return (\n    <BitkitField counterText={counterText} ref={ref} state={state} {...rest}>\n      <Group attached width=\"100%\">\n        {startAddon != null && (\n          <InputAddon position=\"start\" size={addonSize} {...stateAttrs} {...startAddonProps}>\n            {startAddon}\n          </InputAddon>\n        )}\n        <Box css={styles.field} data-has-end-element={endElement != null ? '' : undefined} flex=\"1\" {...stateAttrs}>\n          {startElement != null && (\n            <Box css={styles.element} {...stateAttrs}>\n              {startElement}\n            </Box>\n          )}\n          <Input css={styles.input} maxLength={maxLength} placeholder={placeholder} {...inputProps} unstyled />\n          {statusIcon != null && (\n            <Box css={styles.element} {...stateAttrs}>\n              {statusIcon}\n            </Box>\n          )}\n          {endElement != null && (\n            <Box css={styles.element} {...stateAttrs}>\n              {endElement}\n            </Box>\n          )}\n        </Box>\n        {endAddon != null && (\n          <InputAddon position=\"end\" size={addonSize} {...stateAttrs} {...endAddonProps}>\n            {endAddon}\n          </InputAddon>\n        )}\n      </Group>\n    </BitkitField>\n  );\n});\n\nBitkitTextInput.displayName = 'BitkitTextInput';\n\nexport default BitkitTextInput;\n"],"mappings":";;;;;;;;;;;AAyBA,IAAM,kBAAkB,YAAkD,OAAO,QAAQ;CACvF,MAAM,EACJ,SACA,UACA,eACA,YACA,YACA,WACA,aACA,OAAO,MACP,YACA,iBACA,cACA,OACA,GAAG,SACD;CAGJ,MAAM,SADS,cAAc,EAAE,KAAK,YAAY,CACjC,CAAA,CAAO,EAAE,KAAK,CAAC;CAE9B,MAAM,WAAW,SAAS,OAAO,OAAO;CACxC,MAAM,YAAY,SAAS,OAAO,OAAO;CAEzC,MAAM,aAAa,UAAU,aAAa,CAAC,CAAC,KAAK;CACjD,MAAM,YAAY,UAAU,WAAW,CAAC,CAAC,KAAK;CAE9C,IAAI,aAAwB;CAC5B,IAAI,WACF,aAAa,oBAAC,uBAAD;EAAuB,OAAM;EAAgB,MAAM;CAAW,CAAA;MACtE,IAAI,YACT,aAAa,oBAAC,mBAAD,EAAmB,MAAM,SAAW,CAAA;CAGnD,MAAM,cACJ,WAAW,aAAa,YAAY,UAAU,KAAA,IAC1C,GAAG,WAAW,MAAM,SAAS,CAAC,CAAC,OAAO,GAAG,cACzC,KAAA;CAEN,MAAM,aAAa;EACjB,iBAAiB,UAAU,aAAa,KAAK,KAAA;EAC7C,gBAAgB,YAAY,KAAK,KAAA;EACjC,iBAAiB,UAAU,aAAa,KAAK,KAAA;CAC/C;CAEA,OACE,oBAAC,aAAD;EAA0B;EAAkB;EAAY;EAAO,GAAI;YACjE,qBAAC,OAAD;GAAO,UAAA;GAAS,OAAM;aAAtB;IACG,cAAc,QACb,oBAAC,YAAD;KAAY,UAAS;KAAQ,MAAM;KAAW,GAAI;KAAY,GAAI;eAC/D;IACS,CAAA;IAEd,qBAAC,KAAD;KAAK,KAAK,OAAO;KAAO,wBAAsB,cAAc,OAAO,KAAK,KAAA;KAAW,MAAK;KAAI,GAAI;eAAhG;MACG,gBAAgB,QACf,oBAAC,KAAD;OAAK,KAAK,OAAO;OAAS,GAAI;iBAC3B;MACE,CAAA;MAEP,oBAAC,OAAD;OAAO,KAAK,OAAO;OAAkB;OAAwB;OAAa,GAAI;OAAY,UAAA;MAAU,CAAA;MACnG,cAAc,QACb,oBAAC,KAAD;OAAK,KAAK,OAAO;OAAS,GAAI;iBAC3B;MACE,CAAA;MAEN,cAAc,QACb,oBAAC,KAAD;OAAK,KAAK,OAAO;OAAS,GAAI;iBAC3B;MACE,CAAA;KAEJ;;IACJ,YAAY,QACX,oBAAC,YAAD;KAAY,UAAS;KAAM,MAAM;KAAW,GAAI;KAAY,GAAI;eAC7D;IACS,CAAA;GAET;;CACI,CAAA;AAEjB,CAAC;AAED,gBAAgB,cAAc"}
+{"version":3,"file":"BitkitTextInput.js","names":[],"sources":["../../../lib/components/BitkitTextInput/BitkitTextInput.tsx"],"sourcesContent":["import { Box } from '@chakra-ui/react/box';\nimport { Group } from '@chakra-ui/react/group';\nimport { Input, type InputProps } from '@chakra-ui/react/input';\nimport { InputAddon, type InputAddonProps } from '@chakra-ui/react/input-addon';\nimport { useSlotRecipe } from '@chakra-ui/react/styled-system';\nimport { type ChangeEventHandler, forwardRef, type ReactNode } from 'react';\n\nimport { IconErrorCircleFilled, IconWarningYellow } from '../../icons';\nimport BitkitField, { type BitkitFieldProps } from '../BitkitField/BitkitField';\n\nexport interface BitkitTextInputProps extends Omit<BitkitFieldProps, 'children' | 'onChange' | 'state' | 'value'> {\n  /**\n   * Show a live character counter (`length/maxLength`) next to the label. Requires `maxLength` and a\n   * known `value`.\n   */\n  counter?: boolean;\n  /** Content attached to the trailing edge, outside the input border (e.g. a unit label or button). */\n  endAddon?: ReactNode;\n  /** Props forwarded to the trailing `InputAddon` wrapper. */\n  endAddonProps?: InputAddonProps;\n  /** Inline content rendered inside the input, at the trailing edge (e.g. an icon or reveal button). */\n  endElement?: ReactNode;\n  /**\n   * Escape hatch for the underlying Chakra `Input` — extra native attributes or a spread\n   * `{...register()}`. On conflict, values here win over the top-level `value`/`onChange`.\n   */\n  inputProps?: InputProps;\n  /** Maximum number of characters accepted; also feeds the optional `counter`. */\n  maxLength?: HTMLInputElement['maxLength'];\n  /**\n   * Native change event — the same handler you could put on `inputProps`, promoted to the top level.\n   * Reach for `onValueChange` when you only need the value. If both this and `inputProps.onChange` are\n   * set, `inputProps.onChange` wins (it's the same event, so they shouldn't both be set).\n   */\n  onChange?: ChangeEventHandler<HTMLInputElement>;\n  /** Convenience change handler that receives the value directly, without `event.target.value`. */\n  onValueChange?: (value: string) => void;\n  /** Placeholder text shown while the field is empty. */\n  placeholder?: string;\n  /** Field size — controls height and typography. */\n  size?: 'md' | 'lg';\n  /** Content attached to the leading edge, outside the input border (e.g. a unit label or button). */\n  startAddon?: ReactNode;\n  /** Props forwarded to the leading `InputAddon` wrapper. */\n  startAddonProps?: InputAddonProps;\n  /** Inline content rendered inside the input, at the leading edge (e.g. an icon). */\n  startElement?: ReactNode;\n  /**\n   * Field state. `error`/`warning` are also implied by `errorText`/`warningText`; `disabled` and\n   * `readOnly` gate interaction.\n   */\n  state?: 'disabled' | 'error' | 'readOnly' | 'warning';\n  /**\n   * Controlled value. Pair with `onValueChange` or `onChange`. Can also be supplied via `inputProps`,\n   * which wins on conflict.\n   */\n  value?: string;\n}\n\n/**\n * A single-line text field wrapping the native `<input>`, with a label and helper/error/warning\n * text. Reflect the value with `value` + `onValueChange` (or the native `onChange`); `inputProps` is\n * the escape hatch for any other native attribute. `startAddon`/`endAddon` sit outside the border,\n * `startElement`/`endElement` inline inside it, and `counter` pairs with `maxLength`.\n */\nconst BitkitTextInput = forwardRef<HTMLDivElement, BitkitTextInputProps>((props, ref) => {\n  const {\n    counter,\n    endAddon,\n    endAddonProps,\n    endElement,\n    inputProps,\n    maxLength,\n    onChange,\n    onValueChange,\n    placeholder,\n    size = 'lg',\n    startAddon,\n    startAddonProps,\n    startElement,\n    state,\n    value,\n    ...rest\n  } = props;\n\n  const recipe = useSlotRecipe({ key: 'textInput' });\n  const styles = recipe({ size });\n\n  const iconSize = size === 'md' ? '16' : '24';\n  const addonSize = size === 'md' ? 'md' : 'lg';\n\n  const hasWarning = state === 'warning' || !!rest.warningText;\n  const isInvalid = state === 'error' || !!rest.errorText;\n\n  let statusIcon: ReactNode = null;\n  if (isInvalid) {\n    statusIcon = <IconErrorCircleFilled color=\"icon/negative\" size={iconSize} />;\n  } else if (hasWarning) {\n    statusIcon = <IconWarningYellow size={iconSize} />;\n  }\n\n  // `value` / `onChange` may come in at the top level or via `inputProps` — the object wins on\n  // conflict (natural for a spread `{...register()}`). `onValueChange` always fires with the value.\n  const { onChange: inputOnChange, value: inputValue, ...restInputProps } = inputProps ?? {};\n  const resolvedValue = inputValue ?? value;\n  const nativeOnChange = inputOnChange ?? onChange;\n  const handleChange: ChangeEventHandler<HTMLInputElement> | undefined =\n    onValueChange || nativeOnChange\n      ? (event) => {\n          onValueChange?.(event.target.value);\n          nativeOnChange?.(event);\n        }\n      : undefined;\n\n  const counterText =\n    counter && maxLength && resolvedValue !== undefined ? `${resolvedValue.toString().length}/${maxLength}` : undefined;\n\n  const stateAttrs = {\n    'data-disabled': state === 'disabled' ? '' : undefined,\n    'data-invalid': isInvalid ? '' : undefined,\n    'data-readonly': state === 'readOnly' ? '' : undefined,\n  };\n\n  return (\n    <BitkitField counterText={counterText} ref={ref} state={state} {...rest}>\n      <Group attached width=\"100%\">\n        {startAddon != null && (\n          <InputAddon position=\"start\" size={addonSize} {...stateAttrs} {...startAddonProps}>\n            {startAddon}\n          </InputAddon>\n        )}\n        <Box css={styles.field} data-has-end-element={endElement != null ? '' : undefined} flex=\"1\" {...stateAttrs}>\n          {startElement != null && (\n            <Box css={styles.element} {...stateAttrs}>\n              {startElement}\n            </Box>\n          )}\n          <Input\n            css={styles.input}\n            maxLength={maxLength}\n            onChange={handleChange}\n            placeholder={placeholder}\n            value={resolvedValue}\n            {...restInputProps}\n            unstyled\n          />\n          {statusIcon != null && (\n            <Box css={styles.element} {...stateAttrs}>\n              {statusIcon}\n            </Box>\n          )}\n          {endElement != null && (\n            <Box css={styles.element} {...stateAttrs}>\n              {endElement}\n            </Box>\n          )}\n        </Box>\n        {endAddon != null && (\n          <InputAddon position=\"end\" size={addonSize} {...stateAttrs} {...endAddonProps}>\n            {endAddon}\n          </InputAddon>\n        )}\n      </Group>\n    </BitkitField>\n  );\n});\n\nBitkitTextInput.displayName = 'BitkitTextInput';\n\nexport default BitkitTextInput;\n"],"mappings":";;;;;;;;;;;;;;;;;AAiEA,IAAM,kBAAkB,YAAkD,OAAO,QAAQ;CACvF,MAAM,EACJ,SACA,UACA,eACA,YACA,YACA,WACA,UACA,eACA,aACA,OAAO,MACP,YACA,iBACA,cACA,OACA,OACA,GAAG,SACD;CAGJ,MAAM,SADS,cAAc,EAAE,KAAK,YAAY,CACjC,CAAA,CAAO,EAAE,KAAK,CAAC;CAE9B,MAAM,WAAW,SAAS,OAAO,OAAO;CACxC,MAAM,YAAY,SAAS,OAAO,OAAO;CAEzC,MAAM,aAAa,UAAU,aAAa,CAAC,CAAC,KAAK;CACjD,MAAM,YAAY,UAAU,WAAW,CAAC,CAAC,KAAK;CAE9C,IAAI,aAAwB;CAC5B,IAAI,WACF,aAAa,oBAAC,uBAAD;EAAuB,OAAM;EAAgB,MAAM;CAAW,CAAA;MACtE,IAAI,YACT,aAAa,oBAAC,mBAAD,EAAmB,MAAM,SAAW,CAAA;CAKnD,MAAM,EAAE,UAAU,eAAe,OAAO,YAAY,GAAG,mBAAmB,cAAc,CAAC;CACzF,MAAM,gBAAgB,cAAc;CACpC,MAAM,iBAAiB,iBAAiB;CACxC,MAAM,eACJ,iBAAiB,kBACZ,UAAU;EACT,gBAAgB,MAAM,OAAO,KAAK;EAClC,iBAAiB,KAAK;CACxB,IACA,KAAA;CAEN,MAAM,cACJ,WAAW,aAAa,kBAAkB,KAAA,IAAY,GAAG,cAAc,SAAS,CAAC,CAAC,OAAO,GAAG,cAAc,KAAA;CAE5G,MAAM,aAAa;EACjB,iBAAiB,UAAU,aAAa,KAAK,KAAA;EAC7C,gBAAgB,YAAY,KAAK,KAAA;EACjC,iBAAiB,UAAU,aAAa,KAAK,KAAA;CAC/C;CAEA,OACE,oBAAC,aAAD;EAA0B;EAAkB;EAAY;EAAO,GAAI;YACjE,qBAAC,OAAD;GAAO,UAAA;GAAS,OAAM;aAAtB;IACG,cAAc,QACb,oBAAC,YAAD;KAAY,UAAS;KAAQ,MAAM;KAAW,GAAI;KAAY,GAAI;eAC/D;IACS,CAAA;IAEd,qBAAC,KAAD;KAAK,KAAK,OAAO;KAAO,wBAAsB,cAAc,OAAO,KAAK,KAAA;KAAW,MAAK;KAAI,GAAI;eAAhG;MACG,gBAAgB,QACf,oBAAC,KAAD;OAAK,KAAK,OAAO;OAAS,GAAI;iBAC3B;MACE,CAAA;MAEP,oBAAC,OAAD;OACE,KAAK,OAAO;OACD;OACX,UAAU;OACG;OACb,OAAO;OACP,GAAI;OACJ,UAAA;MACD,CAAA;MACA,cAAc,QACb,oBAAC,KAAD;OAAK,KAAK,OAAO;OAAS,GAAI;iBAC3B;MACE,CAAA;MAEN,cAAc,QACb,oBAAC,KAAD;OAAK,KAAK,OAAO;OAAS,GAAI;iBAC3B;MACE,CAAA;KAEJ;;IACJ,YAAY,QACX,oBAAC,YAAD;KAAY,UAAS;KAAM,MAAM;KAAW,GAAI;KAAY,GAAI;eAC7D;IACS,CAAA;GAET;;CACI,CAAA;AAEjB,CAAC;AAED,gBAAgB,cAAc"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@bitrise/bitkit-v2",
   "private": false,
-  "version": "0.3.322",
+  "version": "0.3.323",
   "description": "Bitrise Design System Components built with Chakra UI V3",
   "keywords": [
     "react",