@bitrise/bitkit-v2 0.3.322 → 0.3.324

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/BitkitRadio/BitkitRadio.d.ts

@@ -1,16 +1,23 @@
 import { RadioGroup } from '@chakra-ui/react/radio-group';
 import { InputHTMLAttributes, ReactNode } from 'react';
+/**
+ * Passthrough attributes for the radio `<input>`. The RadioGroup machine owns the behavioral / state
+ * attributes (`checked`, `value`, `name`, `type`, `disabled`, `onChange`, …), so they're excluded —
+ * setting them here would let the input drift out of sync with its `RadioGroup.Item`. Keep it to
+ * things like `data-testid`.
+ */
+type RadioInputProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'checked' | 'defaultChecked' | 'defaultValue' | 'disabled' | 'name' | 'onChange' | 'type' | 'value'>;
 export type BitkitRadioProps = {
     badge?: 'off' | 'on';
     helperText?: ReactNode;
-    inputProps?: InputHTMLAttributes<HTMLInputElement>;
+    inputProps?: RadioInputProps;
     labelText: ReactNode;
     state?: 'disabled' | 'skeleton';
 } & Omit<RadioGroup.ItemProps, 'disabled'>;
 declare const BitkitRadio: import('react').ForwardRefExoticComponent<{
     badge?: "off" | "on";
     helperText?: ReactNode;
-    inputProps?: InputHTMLAttributes<HTMLInputElement>;
+    inputProps?: RadioInputProps;
     labelText: ReactNode;
     state?: "disabled" | "skeleton";
 } & Omit<RadioGroup.ItemProps, "disabled"> & import('react').RefAttributes<HTMLInputElement>>;

package/dist/components/BitkitRadio/BitkitRadio.js.map

@@ -1 +1 @@
-{"version":3,"file":"BitkitRadio.js","names":[],"sources":["../../../lib/components/BitkitRadio/BitkitRadio.tsx"],"sourcesContent":["import { RadioGroup } from '@chakra-ui/react/radio-group';\nimport { Skeleton } from '@chakra-ui/react/skeleton';\nimport { Text } from '@chakra-ui/react/text';\nimport { forwardRef, type InputHTMLAttributes, type ReactNode } from 'react';\n\nimport BitkitBadge from '../BitkitBadge/BitkitBadge';\n\nexport type BitkitRadioProps = {\n  badge?: 'off' | 'on';\n  helperText?: ReactNode;\n  inputProps?: InputHTMLAttributes<HTMLInputElement>;\n  labelText: ReactNode;\n  state?: 'disabled' | 'skeleton';\n} & Omit<RadioGroup.ItemProps, 'disabled'>;\n\nconst BitkitRadio = forwardRef<HTMLInputElement, BitkitRadioProps>((props, ref) => {\n  const { badge, helperText, inputProps, labelText, state, ...rest } = props;\n\n  return (\n    <RadioGroup.Item disabled={state === 'disabled'} {...rest}>\n      <RadioGroup.ItemHiddenInput ref={ref} {...inputProps} />\n      <Skeleton borderRadius=\"50%\" loading={state === 'skeleton'}>\n        <RadioGroup.ItemIndicator />\n      </Skeleton>\n      {!!badge && (\n        <Skeleton loading={state === 'skeleton'}>\n          <BitkitBadge colorVariant={badge === 'on' ? 'green' : 'neutral'} width=\"40\">\n            {badge}\n          </BitkitBadge>\n        </Skeleton>\n      )}\n      <Skeleton loading={state === 'skeleton'}>\n        <RadioGroup.ItemText as=\"div\">\n          {labelText}\n          {!!helperText && (\n            <Text color={state === 'disabled' ? 'text/disabled' : 'text/helper'} textStyle=\"comp/input/helperText\">\n              {helperText}\n            </Text>\n          )}\n        </RadioGroup.ItemText>\n      </Skeleton>\n    </RadioGroup.Item>\n  );\n});\n\nBitkitRadio.displayName = 'BitkitRadio';\n\nexport default BitkitRadio;\n"],"mappings":";;;;;;;AAeA,IAAM,cAAc,YAAgD,OAAO,QAAQ;CACjF,MAAM,EAAE,OAAO,YAAY,YAAY,WAAW,OAAO,GAAG,SAAS;CAErE,OACE,qBAAC,WAAW,MAAZ;EAAiB,UAAU,UAAU;EAAY,GAAI;YAArD;GACE,oBAAC,WAAW,iBAAZ;IAAiC;IAAK,GAAI;GAAa,CAAA;GACvD,oBAAC,UAAD;IAAU,cAAa;IAAM,SAAS,UAAU;cAC9C,oBAAC,WAAW,eAAZ,CAA2B,CAAA;GACnB,CAAA;GACT,CAAC,CAAC,SACD,oBAAC,UAAD;IAAU,SAAS,UAAU;cAC3B,oBAAC,aAAD;KAAa,cAAc,UAAU,OAAO,UAAU;KAAW,OAAM;eACpE;IACU,CAAA;GACL,CAAA;GAEZ,oBAAC,UAAD;IAAU,SAAS,UAAU;cAC3B,qBAAC,WAAW,UAAZ;KAAqB,IAAG;eAAxB,CACG,WACA,CAAC,CAAC,cACD,oBAAC,MAAD;MAAM,OAAO,UAAU,aAAa,kBAAkB;MAAe,WAAU;gBAC5E;KACG,CAAA,CAEW;;GACb,CAAA;EACK;;AAErB,CAAC;AAED,YAAY,cAAc"}
+{"version":3,"file":"BitkitRadio.js","names":[],"sources":["../../../lib/components/BitkitRadio/BitkitRadio.tsx"],"sourcesContent":["import { RadioGroup } from '@chakra-ui/react/radio-group';\nimport { Skeleton } from '@chakra-ui/react/skeleton';\nimport { Text } from '@chakra-ui/react/text';\nimport { forwardRef, type InputHTMLAttributes, type ReactNode } from 'react';\n\nimport BitkitBadge from '../BitkitBadge/BitkitBadge';\n\n/**\n * Passthrough attributes for the radio `<input>`. The RadioGroup machine owns the behavioral / state\n * attributes (`checked`, `value`, `name`, `type`, `disabled`, `onChange`, …), so they're excluded —\n * setting them here would let the input drift out of sync with its `RadioGroup.Item`. Keep it to\n * things like `data-testid`.\n */\ntype RadioInputProps = Omit<\n  InputHTMLAttributes<HTMLInputElement>,\n  'checked' | 'defaultChecked' | 'defaultValue' | 'disabled' | 'name' | 'onChange' | 'type' | 'value'\n>;\n\nexport type BitkitRadioProps = {\n  badge?: 'off' | 'on';\n  helperText?: ReactNode;\n  inputProps?: RadioInputProps;\n  labelText: ReactNode;\n  state?: 'disabled' | 'skeleton';\n} & Omit<RadioGroup.ItemProps, 'disabled'>;\n\nconst BitkitRadio = forwardRef<HTMLInputElement, BitkitRadioProps>((props, ref) => {\n  const { badge, helperText, inputProps, labelText, state, ...rest } = props;\n\n  return (\n    <RadioGroup.Item disabled={state === 'disabled'} {...rest}>\n      <RadioGroup.ItemHiddenInput ref={ref} {...inputProps} />\n      <Skeleton borderRadius=\"50%\" loading={state === 'skeleton'}>\n        <RadioGroup.ItemIndicator />\n      </Skeleton>\n      {!!badge && (\n        <Skeleton loading={state === 'skeleton'}>\n          <BitkitBadge colorVariant={badge === 'on' ? 'green' : 'neutral'} width=\"40\">\n            {badge}\n          </BitkitBadge>\n        </Skeleton>\n      )}\n      <Skeleton loading={state === 'skeleton'}>\n        <RadioGroup.ItemText as=\"div\">\n          {labelText}\n          {!!helperText && (\n            <Text color={state === 'disabled' ? 'text/disabled' : 'text/helper'} textStyle=\"comp/input/helperText\">\n              {helperText}\n            </Text>\n          )}\n        </RadioGroup.ItemText>\n      </Skeleton>\n    </RadioGroup.Item>\n  );\n});\n\nBitkitRadio.displayName = 'BitkitRadio';\n\nexport default BitkitRadio;\n"],"mappings":";;;;;;;AA0BA,IAAM,cAAc,YAAgD,OAAO,QAAQ;CACjF,MAAM,EAAE,OAAO,YAAY,YAAY,WAAW,OAAO,GAAG,SAAS;CAErE,OACE,qBAAC,WAAW,MAAZ;EAAiB,UAAU,UAAU;EAAY,GAAI;YAArD;GACE,oBAAC,WAAW,iBAAZ;IAAiC;IAAK,GAAI;GAAa,CAAA;GACvD,oBAAC,UAAD;IAAU,cAAa;IAAM,SAAS,UAAU;cAC9C,oBAAC,WAAW,eAAZ,CAA2B,CAAA;GACnB,CAAA;GACT,CAAC,CAAC,SACD,oBAAC,UAAD;IAAU,SAAS,UAAU;cAC3B,oBAAC,aAAD;KAAa,cAAc,UAAU,OAAO,UAAU;KAAW,OAAM;eACpE;IACU,CAAA;GACL,CAAA;GAEZ,oBAAC,UAAD;IAAU,SAAS,UAAU;cAC3B,qBAAC,WAAW,UAAZ;KAAqB,IAAG;eAAxB,CACG,WACA,CAAC,CAAC,cACD,oBAAC,MAAD;MAAM,OAAO,UAAU,aAAa,kBAAkB;MAAe,WAAU;gBAC5E;KACG,CAAA,CAEW;;GACb,CAAA;EACK;;AAErB,CAAC;AAED,YAAY,cAAc"}

package/dist/components/BitkitRadioItem/BitkitRadioItem.d.ts

@@ -0,0 +1,29 @@
+import { RadioGroup } from '@chakra-ui/react/radio-group';
+import { InputHTMLAttributes } from 'react';
+/**
+ * Passthrough attributes for the radio `<input>`. The RadioGroup machine owns the behavioral / state
+ * attributes (`checked`, `value`, `name`, `type`, `disabled`, `onChange`, …), so they're excluded —
+ * setting them here would let the input drift out of sync with its `RadioGroup.Item`. Keep it to
+ * things like `data-testid`.
+ */
+type RadioInputProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'checked' | 'defaultChecked' | 'defaultValue' | 'disabled' | 'name' | 'onChange' | 'type' | 'value'>;
+export interface BitkitRadioItemProps extends Omit<RadioGroup.ItemProps, 'children' | 'disabled'> {
+    /** Props forwarded to the underlying radio `<input>` (e.g. `data-testid`). */
+    inputProps?: RadioInputProps;
+    /**
+     * Accessible name for the radio. Not rendered — this is an icon-only control — so it's required to
+     * keep the radio from ending up with an empty accessible name.
+     */
+    label: string;
+    state?: 'disabled';
+}
+/**
+ * An icon-only radio: the styled indicator without any label chrome. Use it to place radios inside a
+ * custom layout — table cells, a shared CSS grid, a virtualized list — where BitkitRadioGroup's
+ * fieldset wrapper doesn't fit. Compose it under a Chakra `RadioGroup.Root` (kept layout-neutral with
+ * `css` / `asChild`): the grouping semantics come from that root and the Bitkit visual from the
+ * theme, while `label` supplies the required accessible name. Reach for BitkitRadio instead whenever
+ * a visible label fits.
+ */
+declare const BitkitRadioItem: import('react').ForwardRefExoticComponent<BitkitRadioItemProps & import('react').RefAttributes<HTMLInputElement>>;
+export default BitkitRadioItem;

package/dist/components/BitkitRadioItem/BitkitRadioItem.js

@@ -0,0 +1,29 @@
+import { forwardRef } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { RadioGroup } from "@chakra-ui/react/radio-group";
+//#region lib/components/BitkitRadioItem/BitkitRadioItem.tsx
+/**
+* An icon-only radio: the styled indicator without any label chrome. Use it to place radios inside a
+* custom layout — table cells, a shared CSS grid, a virtualized list — where BitkitRadioGroup's
+* fieldset wrapper doesn't fit. Compose it under a Chakra `RadioGroup.Root` (kept layout-neutral with
+* `css` / `asChild`): the grouping semantics come from that root and the Bitkit visual from the
+* theme, while `label` supplies the required accessible name. Reach for BitkitRadio instead whenever
+* a visible label fits.
+*/
+var BitkitRadioItem = forwardRef((props, ref) => {
+	const { inputProps, label, state, ...rest } = props;
+	return /* @__PURE__ */ jsxs(RadioGroup.Item, {
+		disabled: state === "disabled",
+		...rest,
+		children: [/* @__PURE__ */ jsx(RadioGroup.ItemHiddenInput, {
+			ref,
+			...inputProps,
+			"aria-label": label
+		}), /* @__PURE__ */ jsx(RadioGroup.ItemIndicator, {})]
+	});
+});
+BitkitRadioItem.displayName = "BitkitRadioItem";
+//#endregion
+export { BitkitRadioItem as default };
+
+//# sourceMappingURL=BitkitRadioItem.js.map

package/dist/components/BitkitRadioItem/BitkitRadioItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BitkitRadioItem.js","names":[],"sources":["../../../lib/components/BitkitRadioItem/BitkitRadioItem.tsx"],"sourcesContent":["import { RadioGroup } from '@chakra-ui/react/radio-group';\nimport { forwardRef, type InputHTMLAttributes } from 'react';\n\n/**\n * Passthrough attributes for the radio `<input>`. The RadioGroup machine owns the behavioral / state\n * attributes (`checked`, `value`, `name`, `type`, `disabled`, `onChange`, …), so they're excluded —\n * setting them here would let the input drift out of sync with its `RadioGroup.Item`. Keep it to\n * things like `data-testid`.\n */\ntype RadioInputProps = Omit<\n  InputHTMLAttributes<HTMLInputElement>,\n  'checked' | 'defaultChecked' | 'defaultValue' | 'disabled' | 'name' | 'onChange' | 'type' | 'value'\n>;\n\nexport interface BitkitRadioItemProps extends Omit<RadioGroup.ItemProps, 'children' | 'disabled'> {\n  /** Props forwarded to the underlying radio `<input>` (e.g. `data-testid`). */\n  inputProps?: RadioInputProps;\n  /**\n   * Accessible name for the radio. Not rendered — this is an icon-only control — so it's required to\n   * keep the radio from ending up with an empty accessible name.\n   */\n  label: string;\n  state?: 'disabled';\n}\n\n/**\n * An icon-only radio: the styled indicator without any label chrome. Use it to place radios inside a\n * custom layout — table cells, a shared CSS grid, a virtualized list — where BitkitRadioGroup's\n * fieldset wrapper doesn't fit. Compose it under a Chakra `RadioGroup.Root` (kept layout-neutral with\n * `css` / `asChild`): the grouping semantics come from that root and the Bitkit visual from the\n * theme, while `label` supplies the required accessible name. Reach for BitkitRadio instead whenever\n * a visible label fits.\n */\nconst BitkitRadioItem = forwardRef<HTMLInputElement, BitkitRadioItemProps>((props, ref) => {\n  const { inputProps, label, state, ...rest } = props;\n\n  return (\n    <RadioGroup.Item disabled={state === 'disabled'} {...rest}>\n      <RadioGroup.ItemHiddenInput ref={ref} {...inputProps} aria-label={label} />\n      <RadioGroup.ItemIndicator />\n    </RadioGroup.Item>\n  );\n});\n\nBitkitRadioItem.displayName = 'BitkitRadioItem';\n\nexport default BitkitRadioItem;\n"],"mappings":";;;;;;;;;;;;AAiCA,IAAM,kBAAkB,YAAoD,OAAO,QAAQ;CACzF,MAAM,EAAE,YAAY,OAAO,OAAO,GAAG,SAAS;CAE9C,OACE,qBAAC,WAAW,MAAZ;EAAiB,UAAU,UAAU;EAAY,GAAI;YAArD,CACE,oBAAC,WAAW,iBAAZ;GAAiC;GAAK,GAAI;GAAY,cAAY;EAAQ,CAAA,GAC1E,oBAAC,WAAW,eAAZ,CAA2B,CAAA,CACZ;;AAErB,CAAC;AAED,gBAAgB,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/dist/components/index.d.ts

@@ -56,6 +56,7 @@ export { default as BitkitProgressBar, type BitkitProgressBarProps, type BitkitP
 export { default as BitkitPromoBanner, type BitkitPromoBannerProps } from './BitkitPromoBanner/BitkitPromoBanner';
 export { default as BitkitRadio, type BitkitRadioProps } from './BitkitRadio/BitkitRadio';
 export { default as BitkitRadioGroup, type BitkitRadioGroupProps } from './BitkitRadioGroup/BitkitRadioGroup';
+export { default as BitkitRadioItem, type BitkitRadioItemProps } from './BitkitRadioItem/BitkitRadioItem';
 export { default as BitkitRibbon, type BitkitRibbonProps } from './BitkitRibbon/BitkitRibbon';
 export { default as BitkitSearchInput, type BitkitSearchInputProps } from './BitkitSearchInput/BitkitSearchInput';
 export { default as BitkitSectionHeading, type BitkitSectionHeadingProps, } from './BitkitSectionHeading/BitkitSectionHeading';

package/dist/main.js

@@ -346,6 +346,7 @@ import BitkitProgressBar from "./components/BitkitProgressBar/BitkitProgressBar.
 import BitkitPromoBanner from "./components/BitkitPromoBanner/BitkitPromoBanner.js";
 import BitkitRadio from "./components/BitkitRadio/BitkitRadio.js";
 import BitkitRadioGroup from "./components/BitkitRadioGroup/BitkitRadioGroup.js";
+import BitkitRadioItem from "./components/BitkitRadioItem/BitkitRadioItem.js";
 import BitkitRibbon from "./components/BitkitRibbon/BitkitRibbon.js";
 import BitkitTextInput from "./components/BitkitTextInput/BitkitTextInput.js";
 import BitkitSearchInput from "./components/BitkitSearchInput/BitkitSearchInput.js";
@@ -372,4 +373,4 @@ import BitkitTreeView, { createTreeCollection } from "./components/BitkitTreeVie
 import useResponsive, { ResponsiveProvider } from "./hooks/useResponsive.js";
 import bitkitTheme from "./theme/index.js";
 import Provider from "./providers/BitkitProvider.js";
-export { BitkitAccordion, BitkitActionBar, BitkitActionMenu, BitkitAlert, BitkitAvatar, BitkitBadge, BitkitBreadcrumb, BitkitButton, BitkitCalendar, BitkitCheckbox, BitkitCheckboxGroup, BitkitCloseButton, BitkitCodeSnippet, BitkitCollapsible, BitkitColorButton, BitkitCombobox_default as BitkitCombobox, BitkitControlButton, BitkitDataWidget, BitkitDatePicker, BitkitDefinitionTooltip, BitkitDialog_default as BitkitDialog, BitkitDraggableCard, BitkitDrawer, BitkitEmptyState, BitkitExpandableCard, BitkitExpandableRow, BitkitField, BitkitFileInput, BitkitFormDialog_default as BitkitFormDialog, BitkitGroupHeading, BitkitHeading, BitkitIconButton, BitkitInlineLoading, BitkitLabel, BitkitLabelTooltip, BitkitLabeledData, BitkitLightbox, BitkitLink, BitkitLinkButton, BitkitList_default as BitkitList, BitkitMarkdown, BitkitMarkdownCard, BitkitMultiselect_default as BitkitMultiselect, BitkitMultiselectMenu, BitkitNativeSelect, BitkitNoteCard, BitkitNumberInput, BitkitOverflowContent, BitkitOverflowTooltip, BitkitPageFooter_default as BitkitPageFooter, BitkitPagination, BitkitPaginationLoadMore, BitkitPopover, BitkitProgressBar, BitkitPromoBanner, Provider as BitkitProvider, BitkitRadio, BitkitRadioGroup, BitkitRibbon, BitkitSearchInput, BitkitSectionHeading, BitkitSegmentedControl_default as BitkitSegmentedControl, BitkitSelect_default as BitkitSelect, BitkitSelectMenu, BitkitSelectMenuAction, BitkitSelectableTag_default as BitkitSelectableTag, BitkitSettingsCard_default as BitkitSettingsCard, BitkitSidebar_default as BitkitSidebar, BitkitSkeletonGroup, BitkitSortableColumnHeader, BitkitSpinner, BitkitSplitButton_default as BitkitSplitButton, BitkitStat, BitkitStepperDialog_default as BitkitStepperDialog, BitkitSteps_default as BitkitSteps, BitkitStepsCard_default as BitkitStepsCard, BitkitSwitch, BitkitTabs, BitkitTag, BitkitTagsInput, BitkitTextArea, BitkitTextInput, BitkitToggleButton, BitkitTooltip, BitkitTreeView, IconAbortCircle, IconAbortCircleFilled, IconAddons, IconAgent, IconAnchor, IconAndroid, IconApp, IconAppSettings, IconAppStore, IconAppStoreColor, IconApple, IconArchive, IconArchiveDelete, IconArchiveRestore, IconArrowBackAndDown, IconArrowBackAndUp, IconArrowDown, IconArrowForwardAndDown, IconArrowForwardAndUp, IconArrowLeft, IconArrowNortheast, IconArrowNorthwest, IconArrowRight, IconArrowUp, IconArrowsHorizontal, IconArrowsVertical, IconAutomation, IconAws, IconAwsColor, IconBadge3RdParty, IconBadgeBitrise, IconBadgeUpgrade, IconBadgeVersionOk, IconBazel, IconBell, IconBitbot, IconBitbotError, IconBitbucket, IconBitbucketColor, IconBitbucketNeutral, IconBitbucketWhite, IconBlockCircle, IconBook, IconBoxArrowDown, IconBoxDot, IconBoxLinesOverflow, IconBoxLinesWrap, IconBranch, IconBrowserstackColor, IconBug, IconBuild, IconBuildCache, IconBuildCacheFilled, IconBuildEnvSetup, IconBuildHub, IconBuildHubFilled, IconCalendar, IconChangePlan, IconChat, IconCheck, IconCheckCircle, IconCheckCircleFilled, IconChevronDown, IconChevronLeft, IconChevronRight, IconChevronUp, IconCi, IconCiFilled, IconCircle, IconCircleDashed, IconCircleHalfFilled, IconClaude, IconClaudeColor, IconClock, IconCode, IconCodePush, IconCodeSigning, IconCoffee, IconCommit, IconConfigure, IconConnectedAccounts, IconContainer, IconCopy, IconCordova, IconCpu, IconCreditcard, IconCredits, IconCross, IconCrossCircle, IconCrossCircleFilled, IconCrown, IconCycle, IconDashboard, IconDashboardFilled, IconDeployment, IconDetails, IconDoc, IconDollar, IconDot, IconDotnet, IconDotnetColor, IconDotnetText, IconDotnetTextColor, IconDoubleCircle, IconDownload, IconDragHandle, IconEc2Ami, IconEnterprise, IconErrorCircle, IconErrorCircleFilled, IconExpand, IconExtraBuildCapacity, IconEye, IconEyeSlash, IconFastlane, IconFileDoc, IconFilePdf, IconFilePlist, IconFileYml, IconFileZip, IconFilter, IconFlag, IconFlutter, IconFolder, IconFullscreen, IconFullscreenExit, IconGauge, IconGit, IconGithub, IconGitlab, IconGitlabColor, IconGitlabWhite, IconGlobe, IconGo, IconGoogleColor, IconGooglePlay, IconGooglePlayColor, IconGradle, IconGroup, IconHashtag, IconHeadset, IconHeart, IconHistory, IconHourglass, IconImage, IconInfoCircle, IconInfoCircleFilled, IconInsights, IconInsightsFilled, IconInstall, IconInteraction, IconInvoice, IconIonic, IconJapanese, IconJava, IconJavaColor, IconJavaDuke, IconJavaDukeColor, IconKey, IconKotlin, IconKotlinColor, IconKotlinWhite, IconLaptop, IconLaunchdarkly, IconLegacyApp, IconLightbulb, IconLink, IconLinux, IconLock, IconLockOpen, IconLogin, IconLogout, IconMacos, IconMagicWand, IconMagnifier, IconMail, IconMedal, IconMemory, IconMenuGrid, IconMenuHamburger, IconMessage, IconMessageAlert, IconMessageQuestion, IconMicrophone, IconMinus, IconMinusCircle, IconMinusCircleFilled, IconMobile, IconMobileLandscape, IconMonitorChart, IconMoreHorizontal, IconMoreVertical, IconNews, IconNextjs, IconNodejs, IconOpenInNew, IconOther, IconOutsideContributor, IconOverview, IconPause, IconPencil, IconPeople, IconPercent, IconPerson, IconPersonWithDesk, IconPlay, IconPlus, IconPlusCircle, IconPlusCircleFilled, IconPower, IconProject, IconProjectSettings, IconPull, IconPush, IconPuzzle, IconPython, IconPythonColor, IconQuestionCircle, IconQuestionCircleFilled, IconReact, IconRefresh, IconRegex, IconRelease, IconReleaseFilled, IconRemoteAccess, IconReplace, IconResponsiveness, IconReviewerApproved, IconReviewerAssigned, IconReviewerRejected, IconRuby, IconRubyColor, IconSave, IconSecurityShield, IconSettings, IconSettingsFilled, IconShuffle, IconSiren, IconSkip, IconSkipCircle, IconSkipCircleFilled, IconSlack, IconSlackColor, IconSparkle, IconSparkleFilled, IconSpinnerOnDisabled, IconSpinnerPurple, IconSpinnerPurpleDouble, IconSpinnerWhite, IconStability, IconStack, IconStar, IconStep, IconStop, IconStopwatch, IconTag, IconTasks, IconTeams, IconTeamsColor, IconTemplateCode, IconTerminal, IconTestQuarantine, IconThemeDarkToggle, IconThumbDown, IconThumbUp, IconTools, IconTrash, IconTrigger, IconUbuntu, IconUbuntuColor, IconUnity3D, IconUpload, IconValidateShield, IconVideo, IconWarning, IconWarningYellow, IconWebUi, IconWebhooks, IconWorkflow, IconWorkflowFlow, IconXTwitter, IconXamarin, IconXcode, ResponsiveProvider, bitkitIcon, bitkitTheme as bitriseTheme, createBitkitToast, createTreeCollection, dismissBitkitToast, rem, useResponsive, useStepperDialog };
+export { BitkitAccordion, BitkitActionBar, BitkitActionMenu, BitkitAlert, BitkitAvatar, BitkitBadge, BitkitBreadcrumb, BitkitButton, BitkitCalendar, BitkitCheckbox, BitkitCheckboxGroup, BitkitCloseButton, BitkitCodeSnippet, BitkitCollapsible, BitkitColorButton, BitkitCombobox_default as BitkitCombobox, BitkitControlButton, BitkitDataWidget, BitkitDatePicker, BitkitDefinitionTooltip, BitkitDialog_default as BitkitDialog, BitkitDraggableCard, BitkitDrawer, BitkitEmptyState, BitkitExpandableCard, BitkitExpandableRow, BitkitField, BitkitFileInput, BitkitFormDialog_default as BitkitFormDialog, BitkitGroupHeading, BitkitHeading, BitkitIconButton, BitkitInlineLoading, BitkitLabel, BitkitLabelTooltip, BitkitLabeledData, BitkitLightbox, BitkitLink, BitkitLinkButton, BitkitList_default as BitkitList, BitkitMarkdown, BitkitMarkdownCard, BitkitMultiselect_default as BitkitMultiselect, BitkitMultiselectMenu, BitkitNativeSelect, BitkitNoteCard, BitkitNumberInput, BitkitOverflowContent, BitkitOverflowTooltip, BitkitPageFooter_default as BitkitPageFooter, BitkitPagination, BitkitPaginationLoadMore, BitkitPopover, BitkitProgressBar, BitkitPromoBanner, Provider as BitkitProvider, BitkitRadio, BitkitRadioGroup, BitkitRadioItem, BitkitRibbon, BitkitSearchInput, BitkitSectionHeading, BitkitSegmentedControl_default as BitkitSegmentedControl, BitkitSelect_default as BitkitSelect, BitkitSelectMenu, BitkitSelectMenuAction, BitkitSelectableTag_default as BitkitSelectableTag, BitkitSettingsCard_default as BitkitSettingsCard, BitkitSidebar_default as BitkitSidebar, BitkitSkeletonGroup, BitkitSortableColumnHeader, BitkitSpinner, BitkitSplitButton_default as BitkitSplitButton, BitkitStat, BitkitStepperDialog_default as BitkitStepperDialog, BitkitSteps_default as BitkitSteps, BitkitStepsCard_default as BitkitStepsCard, BitkitSwitch, BitkitTabs, BitkitTag, BitkitTagsInput, BitkitTextArea, BitkitTextInput, BitkitToggleButton, BitkitTooltip, BitkitTreeView, IconAbortCircle, IconAbortCircleFilled, IconAddons, IconAgent, IconAnchor, IconAndroid, IconApp, IconAppSettings, IconAppStore, IconAppStoreColor, IconApple, IconArchive, IconArchiveDelete, IconArchiveRestore, IconArrowBackAndDown, IconArrowBackAndUp, IconArrowDown, IconArrowForwardAndDown, IconArrowForwardAndUp, IconArrowLeft, IconArrowNortheast, IconArrowNorthwest, IconArrowRight, IconArrowUp, IconArrowsHorizontal, IconArrowsVertical, IconAutomation, IconAws, IconAwsColor, IconBadge3RdParty, IconBadgeBitrise, IconBadgeUpgrade, IconBadgeVersionOk, IconBazel, IconBell, IconBitbot, IconBitbotError, IconBitbucket, IconBitbucketColor, IconBitbucketNeutral, IconBitbucketWhite, IconBlockCircle, IconBook, IconBoxArrowDown, IconBoxDot, IconBoxLinesOverflow, IconBoxLinesWrap, IconBranch, IconBrowserstackColor, IconBug, IconBuild, IconBuildCache, IconBuildCacheFilled, IconBuildEnvSetup, IconBuildHub, IconBuildHubFilled, IconCalendar, IconChangePlan, IconChat, IconCheck, IconCheckCircle, IconCheckCircleFilled, IconChevronDown, IconChevronLeft, IconChevronRight, IconChevronUp, IconCi, IconCiFilled, IconCircle, IconCircleDashed, IconCircleHalfFilled, IconClaude, IconClaudeColor, IconClock, IconCode, IconCodePush, IconCodeSigning, IconCoffee, IconCommit, IconConfigure, IconConnectedAccounts, IconContainer, IconCopy, IconCordova, IconCpu, IconCreditcard, IconCredits, IconCross, IconCrossCircle, IconCrossCircleFilled, IconCrown, IconCycle, IconDashboard, IconDashboardFilled, IconDeployment, IconDetails, IconDoc, IconDollar, IconDot, IconDotnet, IconDotnetColor, IconDotnetText, IconDotnetTextColor, IconDoubleCircle, IconDownload, IconDragHandle, IconEc2Ami, IconEnterprise, IconErrorCircle, IconErrorCircleFilled, IconExpand, IconExtraBuildCapacity, IconEye, IconEyeSlash, IconFastlane, IconFileDoc, IconFilePdf, IconFilePlist, IconFileYml, IconFileZip, IconFilter, IconFlag, IconFlutter, IconFolder, IconFullscreen, IconFullscreenExit, IconGauge, IconGit, IconGithub, IconGitlab, IconGitlabColor, IconGitlabWhite, IconGlobe, IconGo, IconGoogleColor, IconGooglePlay, IconGooglePlayColor, IconGradle, IconGroup, IconHashtag, IconHeadset, IconHeart, IconHistory, IconHourglass, IconImage, IconInfoCircle, IconInfoCircleFilled, IconInsights, IconInsightsFilled, IconInstall, IconInteraction, IconInvoice, IconIonic, IconJapanese, IconJava, IconJavaColor, IconJavaDuke, IconJavaDukeColor, IconKey, IconKotlin, IconKotlinColor, IconKotlinWhite, IconLaptop, IconLaunchdarkly, IconLegacyApp, IconLightbulb, IconLink, IconLinux, IconLock, IconLockOpen, IconLogin, IconLogout, IconMacos, IconMagicWand, IconMagnifier, IconMail, IconMedal, IconMemory, IconMenuGrid, IconMenuHamburger, IconMessage, IconMessageAlert, IconMessageQuestion, IconMicrophone, IconMinus, IconMinusCircle, IconMinusCircleFilled, IconMobile, IconMobileLandscape, IconMonitorChart, IconMoreHorizontal, IconMoreVertical, IconNews, IconNextjs, IconNodejs, IconOpenInNew, IconOther, IconOutsideContributor, IconOverview, IconPause, IconPencil, IconPeople, IconPercent, IconPerson, IconPersonWithDesk, IconPlay, IconPlus, IconPlusCircle, IconPlusCircleFilled, IconPower, IconProject, IconProjectSettings, IconPull, IconPush, IconPuzzle, IconPython, IconPythonColor, IconQuestionCircle, IconQuestionCircleFilled, IconReact, IconRefresh, IconRegex, IconRelease, IconReleaseFilled, IconRemoteAccess, IconReplace, IconResponsiveness, IconReviewerApproved, IconReviewerAssigned, IconReviewerRejected, IconRuby, IconRubyColor, IconSave, IconSecurityShield, IconSettings, IconSettingsFilled, IconShuffle, IconSiren, IconSkip, IconSkipCircle, IconSkipCircleFilled, IconSlack, IconSlackColor, IconSparkle, IconSparkleFilled, IconSpinnerOnDisabled, IconSpinnerPurple, IconSpinnerPurpleDouble, IconSpinnerWhite, IconStability, IconStack, IconStar, IconStep, IconStop, IconStopwatch, IconTag, IconTasks, IconTeams, IconTeamsColor, IconTemplateCode, IconTerminal, IconTestQuarantine, IconThemeDarkToggle, IconThumbDown, IconThumbUp, IconTools, IconTrash, IconTrigger, IconUbuntu, IconUbuntuColor, IconUnity3D, IconUpload, IconValidateShield, IconVideo, IconWarning, IconWarningYellow, IconWebUi, IconWebhooks, IconWorkflow, IconWorkflowFlow, IconXTwitter, IconXamarin, IconXcode, ResponsiveProvider, bitkitIcon, bitkitTheme as bitriseTheme, createBitkitToast, createTreeCollection, dismissBitkitToast, rem, useResponsive, useStepperDialog };

package/package.json

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