@jinmi/ui 0.0.0-stage → 6.0.1

package/es/base-ui/FormKit/style.mjs

@@ -0,0 +1,119 @@
+import { createStaticStyles } from "antd-style";
+//#region src/base-ui/FormKit/style.ts
+const fieldKitStyles = createStaticStyles(({ css, cssVar }) => ({
+	controlFixed: css`
+    flex: none;
+    align-items: stretch;
+  `,
+	extra: css`
+    font-size: 12px;
+    color: ${cssVar.colorTextDescription};
+  `,
+	required: css`
+    margin-inline-start: 4px;
+    color: ${cssVar.colorError};
+  `
+}));
+const listStyles = createStaticStyles(({ css, cssVar }) => ({
+	add: css`
+    cursor: pointer;
+
+    display: inline-flex;
+    gap: 6px;
+    align-items: center;
+
+    height: 28px;
+    padding-inline: 8px;
+    border: none;
+    border-radius: ${cssVar.borderRadiusSM};
+
+    font: inherit;
+    font-size: 13px;
+    font-weight: 500;
+    color: ${cssVar.colorTextSecondary};
+
+    background: none;
+
+    transition:
+      color 150ms ${cssVar.motionEaseOut},
+      background 150ms ${cssVar.motionEaseOut};
+
+    &:hover {
+      color: ${cssVar.colorText};
+      background: ${cssVar.colorFillTertiary};
+    }
+  `,
+	cell: css`
+    min-width: 0;
+
+    /* borderless until focused or invalid, so the table reads as one surface */
+    & > *:not(:focus-within, :has([aria-invalid='true'])) {
+      border-color: transparent;
+      background: transparent;
+      box-shadow: none;
+    }
+
+    & > *:hover:not(:focus-within, :has([aria-invalid='true'])) {
+      background: ${cssVar.colorFillTertiary};
+    }
+  `,
+	empty: css`
+    display: flex;
+    flex-direction: column;
+    gap: 4px;
+    align-items: center;
+
+    padding-block: 20px 16px;
+    padding-inline: 12px;
+
+    font-size: 13px;
+    color: ${cssVar.colorTextSecondary};
+  `,
+	foot: css`
+    padding: 4px;
+  `,
+	head: css`
+    display: grid;
+    gap: 4px;
+
+    padding-inline: 4px;
+    border-block-end: 1px solid ${cssVar.colorBorderSecondary};
+
+    background: ${cssVar.colorFillQuaternary};
+  `,
+	row: css`
+    display: grid;
+    gap: 4px;
+    align-items: center;
+
+    padding: 4px;
+    border-block-end: 1px solid ${cssVar.colorSplit};
+
+    & > :last-child {
+      justify-self: center;
+    }
+  `,
+	table: css`
+    overflow: hidden;
+
+    width: 100%;
+    border: 1px solid ${cssVar.colorBorderSecondary};
+    border-radius: ${cssVar.borderRadiusLG};
+
+    background: ${cssVar.colorBgContainer};
+  `,
+	title: css`
+    padding-block: 8px;
+    padding-inline: 12px;
+
+    font-size: 11px;
+    font-weight: 600;
+    color: ${cssVar.colorTextSecondary};
+    text-transform: uppercase;
+    letter-spacing: 0.08em;
+  `
+}));
+//#endregion
+export { fieldKitStyles, listStyles };
+
+//# sourceMappingURL=style.mjs.map

package/es/base-ui/FormKit/style.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.mjs","names":[],"sources":["../../../src/base-ui/FormKit/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\r\n\r\nexport const fieldKitStyles = createStaticStyles(({ css, cssVar }) => ({\r\n  controlFixed: css`\r\n    flex: none;\r\n    align-items: stretch;\r\n  `,\r\n  extra: css`\r\n    font-size: 12px;\r\n    color: ${cssVar.colorTextDescription};\r\n  `,\r\n  required: css`\r\n    margin-inline-start: 4px;\r\n    color: ${cssVar.colorError};\r\n  `,\r\n}));\r\n\r\nexport const listStyles = createStaticStyles(({ css, cssVar }) => ({\r\n  add: css`\r\n    cursor: pointer;\r\n\r\n    display: inline-flex;\r\n    gap: 6px;\r\n    align-items: center;\r\n\r\n    height: 28px;\r\n    padding-inline: 8px;\r\n    border: none;\r\n    border-radius: ${cssVar.borderRadiusSM};\r\n\r\n    font: inherit;\r\n    font-size: 13px;\r\n    font-weight: 500;\r\n    color: ${cssVar.colorTextSecondary};\r\n\r\n    background: none;\r\n\r\n    transition:\r\n      color 150ms ${cssVar.motionEaseOut},\r\n      background 150ms ${cssVar.motionEaseOut};\r\n\r\n    &:hover {\r\n      color: ${cssVar.colorText};\r\n      background: ${cssVar.colorFillTertiary};\r\n    }\r\n  `,\r\n  cell: css`\r\n    min-width: 0;\r\n\r\n    /* borderless until focused or invalid, so the table reads as one surface */\r\n    & > *:not(:focus-within, :has([aria-invalid='true'])) {\r\n      border-color: transparent;\r\n      background: transparent;\r\n      box-shadow: none;\r\n    }\r\n\r\n    & > *:hover:not(:focus-within, :has([aria-invalid='true'])) {\r\n      background: ${cssVar.colorFillTertiary};\r\n    }\r\n  `,\r\n  empty: css`\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 4px;\r\n    align-items: center;\r\n\r\n    padding-block: 20px 16px;\r\n    padding-inline: 12px;\r\n\r\n    font-size: 13px;\r\n    color: ${cssVar.colorTextSecondary};\r\n  `,\r\n  foot: css`\r\n    padding: 4px;\r\n  `,\r\n  head: css`\r\n    display: grid;\r\n    gap: 4px;\r\n\r\n    padding-inline: 4px;\r\n    border-block-end: 1px solid ${cssVar.colorBorderSecondary};\r\n\r\n    background: ${cssVar.colorFillQuaternary};\r\n  `,\r\n  row: css`\r\n    display: grid;\r\n    gap: 4px;\r\n    align-items: center;\r\n\r\n    padding: 4px;\r\n    border-block-end: 1px solid ${cssVar.colorSplit};\r\n\r\n    & > :last-child {\r\n      justify-self: center;\r\n    }\r\n  `,\r\n  table: css`\r\n    overflow: hidden;\r\n\r\n    width: 100%;\r\n    border: 1px solid ${cssVar.colorBorderSecondary};\r\n    border-radius: ${cssVar.borderRadiusLG};\r\n\r\n    background: ${cssVar.colorBgContainer};\r\n  `,\r\n  title: css`\r\n    padding-block: 8px;\r\n    padding-inline: 12px;\r\n\r\n    font-size: 11px;\r\n    font-weight: 600;\r\n    color: ${cssVar.colorTextSecondary};\r\n    text-transform: uppercase;\r\n    letter-spacing: 0.08em;\r\n  `,\r\n}));\r\n"],"mappings":";;AAEA,MAAa,iBAAiB,oBAAoB,EAAE,KAAK,cAAc;CACrE,cAAc,GAAG;;;;CAIjB,OAAO,GAAG;;aAEC,OAAO,qBAAqB;;CAEvC,UAAU,GAAG;;aAEF,OAAO,WAAW;;AAE/B,EAAE;AAEF,MAAa,aAAa,oBAAoB,EAAE,KAAK,cAAc;CACjE,KAAK,GAAG;;;;;;;;;;qBAUW,OAAO,eAAe;;;;;aAK9B,OAAO,mBAAmB;;;;;oBAKnB,OAAO,cAAc;yBAChB,OAAO,cAAc;;;eAG/B,OAAO,UAAU;oBACZ,OAAO,kBAAkB;;;CAG3C,MAAM,GAAG;;;;;;;;;;;oBAWS,OAAO,kBAAkB;;;CAG3C,OAAO,GAAG;;;;;;;;;;aAUC,OAAO,mBAAmB;;CAErC,MAAM,GAAG;;;CAGT,MAAM,GAAG;;;;;kCAKuB,OAAO,qBAAqB;;kBAE5C,OAAO,oBAAoB;;CAE3C,KAAK,GAAG;;;;;;kCAMwB,OAAO,WAAW;;;;;;CAMlD,OAAO,GAAG;;;;wBAIY,OAAO,qBAAqB;qBAC/B,OAAO,eAAe;;kBAEzB,OAAO,iBAAiB;;CAExC,OAAO,GAAG;;;;;;aAMC,OAAO,mBAAmB;;;;AAIvC,EAAE"}

package/es/base-ui/FormKit/type.d.mts

@@ -0,0 +1,122 @@
+import { IconProps } from "../../Icon/type.mjs";
+import "../../Icon/index.mjs";
+import { FormLayout, FormVariant } from "../Form/type.mjs";
+import { ValidateOn } from "./engine/types.mjs";
+import { FieldValidate, StandardSchema } from "./schema.mjs";
+import { CSSProperties, FormHTMLAttributes, ReactElement, ReactNode, Ref } from "react";
+//#region src/base-ui/FormKit/type.d.ts
+type Depth = [never, 0, 1, 2, 3, 4, 5];
+type IsAny<T> = 0 extends 1 & T ? true : false;
+type FieldPath<T, D extends number = 6> = [D] extends [never] ? string : IsAny<T> extends true ? string : T extends readonly (infer U)[] ? `${number}` | `${number}.${FieldPath<U, Depth[D]>}` : T extends object ? { [K in keyof T & string]: K | (NonNullable<T[K]> extends object ? `${K}.${FieldPath<NonNullable<T[K]>, Depth[D]>}` : never); }[keyof T & string] : never;
+type FieldPathValue<T, P extends string> = IsAny<T> extends true ? any : P extends `${infer K}.${infer Rest}` ? K extends keyof T ? FieldPathValue<NonNullable<T[K]>, Rest> : T extends readonly (infer U)[] ? FieldPathValue<U, Rest> : unknown : P extends keyof T ? T[P] : T extends readonly (infer U)[] ? U : unknown;
+type DeepPartial<T> = T extends object ? { [K in keyof T]?: DeepPartial<T[K]>; } : T;
+type FormValues = Record<string, any>;
+interface SetValueOptions {
+  asUser?: boolean;
+}
+interface FormValidateResult<T> {
+  errors: Partial<Record<FieldPath<T>, string>>;
+  valid: boolean;
+}
+interface FormInstance<T extends FormValues = FormValues> {
+  getValue: <P extends FieldPath<T>>(name: P) => FieldPathValue<T, P>;
+  getValues: () => T;
+  isDirty: () => boolean;
+  isTouched: (name: FieldPath<T>) => boolean;
+  reset: (values?: T) => void;
+  resetField: (name: FieldPath<T>) => void;
+  setErrors: (errors: Partial<Record<FieldPath<T>, string | undefined>>) => void;
+  setSchema: (schema: StandardSchema | undefined) => void;
+  setValue: <P extends FieldPath<T>>(name: P, value: FieldPathValue<T, P>, options?: SetValueOptions) => void;
+  setValues: (values: DeepPartial<T>, options?: SetValueOptions) => void;
+  submit: () => Promise<FormValidateResult<T>>;
+  subscribe: <S>(selector: (values: T) => S, callback: (selected: S) => void) => () => void;
+  validate: (names?: FieldPath<T>[]) => Promise<FormValidateResult<T>>;
+}
+interface UseFormOptions<T extends FormValues> {
+  initialValues?: T;
+  onSubmit?: (values: T) => unknown;
+  onValuesChange?: (changed: DeepPartial<T>, values: T) => void;
+  schema?: StandardSchema;
+  validateOn?: ValidateOn;
+  values?: T;
+  valuesChangeDebounce?: number;
+}
+interface FieldBinding {
+  emptyValue?: unknown;
+  getValue?: (...args: any[]) => unknown;
+  trigger?: string;
+  valueProp?: string;
+}
+interface FieldRenderProps<V = any> {
+  error: string | undefined;
+  name: string;
+  onBlur: () => void;
+  onChange: (value: V) => void;
+  touched: boolean;
+  validating: boolean;
+  value: V;
+}
+interface FormGroupItem<T extends FormValues = FormValues> {
+  children: FormFieldProps<T>[] | ReactNode;
+  collapsible?: boolean;
+  defaultActive?: boolean;
+  desc?: ReactNode;
+  extra?: ReactNode;
+  icon?: IconProps['icon'];
+  key?: string;
+  title: ReactNode;
+  variant?: FormVariant;
+}
+interface FormProps<T extends FormValues = FormValues> extends Omit<FormHTMLAttributes<HTMLFormElement>, 'children' | 'className' | 'onSubmit' | 'style'> {
+  activeKey?: (string | number)[];
+  children?: ReactNode;
+  className?: string;
+  classNames?: {
+    group?: string;
+    item?: string;
+  };
+  collapsible?: boolean;
+  defaultActiveKey?: (string | number)[];
+  footer?: ReactNode;
+  form: FormInstance<T>;
+  gap?: number | string;
+  itemMinWidth?: string | number;
+  items?: FormGroupItem<T>[] | FormFieldProps<T>[];
+  itemsType?: 'group' | 'flat';
+  layout?: FormLayout;
+  onCollapse?: (keys: (string | number)[]) => void;
+  ref?: Ref<HTMLFormElement>;
+  style?: CSSProperties;
+  styles?: {
+    group?: CSSProperties;
+    item?: CSSProperties;
+  };
+  variant?: FormVariant;
+}
+interface FormFieldProps<T extends FormValues = FormValues> extends FieldBinding {
+  avatar?: ReactNode;
+  bare?: boolean;
+  children?: ReactElement | ReactNode;
+  className?: string;
+  deps?: FieldPath<T>[];
+  desc?: ReactNode;
+  divider?: boolean;
+  extra?: ReactNode;
+  hidden?: boolean;
+  label?: ReactNode;
+  layout?: FormLayout;
+  minWidth?: string | number;
+  name?: FieldPath<T>;
+  render?: (field: FieldRenderProps) => ReactNode;
+  required?: boolean | string;
+  style?: CSSProperties;
+  tag?: string;
+  validate?: FieldValidate;
+  validateDebounce?: number;
+  validateOn?: ValidateOn;
+  variant?: FormVariant;
+}
+//#endregion
+export { DeepPartial, FieldBinding, FieldPath, FieldPathValue, FieldRenderProps, type FieldValidate, FormFieldProps, FormGroupItem, FormInstance, FormProps, FormValidateResult, FormValues, SetValueOptions, type StandardSchema, UseFormOptions };
+//# sourceMappingURL=type.d.mts.map

package/es/base-ui/FormKit/useForm.d.mts

@@ -0,0 +1,10 @@
+import { InferSchemaInput, StandardSchema } from "./schema.mjs";
+import { FormInstance, FormValues, UseFormOptions } from "./type.mjs";
+//#region src/base-ui/FormKit/useForm.d.ts
+declare function useForm<S extends StandardSchema<FormValues>>(options: UseFormOptions<InferSchemaInput<S>> & {
+  schema: S;
+}): FormInstance<InferSchemaInput<S>>;
+declare function useForm<T extends FormValues = FormValues>(options?: UseFormOptions<T>): FormInstance<T>;
+//#endregion
+export { useForm };
+//# sourceMappingURL=useForm.d.mts.map

package/es/base-ui/FormKit/useForm.mjs

@@ -0,0 +1,54 @@
+"use client";
+import { createFormInstance, getIn, getInternals, leafPaths, setIn } from "./instance.mjs";
+import { useEffect, useRef, useState } from "react";
+//#region src/base-ui/FormKit/useForm.ts
+function useForm(options = {}) {
+	const [form] = useState(() => createFormInstance({
+		initialValues: options.initialValues ?? options.values ?? {},
+		schema: options.schema,
+		validateOn: options.validateOn ?? "auto"
+	}));
+	const latest = useRef(options);
+	latest.current = options;
+	getInternals(form).onSubmit = (values) => latest.current.onSubmit?.(values);
+	useEffect(() => {
+		const { engine } = getInternals(form);
+		const pending = /* @__PURE__ */ new Set();
+		let timer;
+		const flush = () => {
+			const changed = {};
+			for (const path of pending) setIn(changed, path, engine.getValue(path));
+			pending.clear();
+			latest.current.onValuesChange?.(changed, engine.getValues());
+		};
+		const off = engine.onValueChange(({ path, source }) => {
+			if (source !== "user" || !latest.current.onValuesChange) return;
+			pending.add(path);
+			const debounce = latest.current.valuesChangeDebounce ?? 0;
+			if (debounce <= 0) {
+				flush();
+				return;
+			}
+			clearTimeout(timer);
+			timer = setTimeout(flush, debounce);
+		});
+		return () => {
+			off();
+			clearTimeout(timer);
+		};
+	}, [form]);
+	const { values } = options;
+	useEffect(() => {
+		if (!values) return;
+		const { engine } = getInternals(form);
+		for (const path of leafPaths(values)) {
+			const next = getIn(values, path);
+			if (!engine.isTouched(path) && !Object.is(engine.getValue(path), next)) engine.setValue(path, next, "api");
+		}
+	}, [form, values]);
+	return form;
+}
+//#endregion
+export { useForm };
+
+//# sourceMappingURL=useForm.mjs.map

package/es/base-ui/FormKit/useForm.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useForm.mjs","names":[],"sources":["../../../src/base-ui/FormKit/useForm.ts"],"sourcesContent":["'use client';\r\n\r\nimport { useEffect, useRef, useState } from 'react';\r\n\r\nimport { createFormInstance, getIn, getInternals, leafPaths, setIn } from './instance';\r\nimport type { InferSchemaInput, StandardSchema } from './schema';\r\nimport type { DeepPartial, FormInstance, FormValues, UseFormOptions } from './type';\r\n\r\nexport function useForm<S extends StandardSchema<FormValues>>(\r\n  options: UseFormOptions<InferSchemaInput<S>> & { schema: S },\r\n): FormInstance<InferSchemaInput<S>>;\r\nexport function useForm<T extends FormValues = FormValues>(\r\n  options?: UseFormOptions<T>,\r\n): FormInstance<T>;\r\nexport function useForm<T extends FormValues = FormValues>(\r\n  options: UseFormOptions<T> = {},\r\n): FormInstance<T> {\r\n  const [form] = useState(() =>\r\n    createFormInstance<T>({\r\n      initialValues: options.initialValues ?? options.values ?? {},\r\n      schema: options.schema,\r\n      validateOn: options.validateOn ?? 'auto',\r\n    }),\r\n  );\r\n  const latest = useRef(options);\r\n  latest.current = options;\r\n  getInternals(form).onSubmit = (values) => latest.current.onSubmit?.(values as T);\r\n\r\n  useEffect(() => {\r\n    const { engine } = getInternals(form);\r\n    const pending = new Set<string>();\r\n    let timer: ReturnType<typeof setTimeout> | undefined;\r\n\r\n    const flush = () => {\r\n      const changed: Record<string, unknown> = {};\r\n      for (const path of pending) setIn(changed, path, engine.getValue(path));\r\n      pending.clear();\r\n      latest.current.onValuesChange?.(changed as DeepPartial<T>, engine.getValues() as T);\r\n    };\r\n\r\n    const off = engine.onValueChange(({ path, source }) => {\r\n      if (source !== 'user' || !latest.current.onValuesChange) return;\r\n      pending.add(path);\r\n      const debounce = latest.current.valuesChangeDebounce ?? 0;\r\n      if (debounce <= 0) {\r\n        flush();\r\n        return;\r\n      }\r\n      clearTimeout(timer);\r\n      timer = setTimeout(flush, debounce);\r\n    });\r\n\r\n    return () => {\r\n      off();\r\n      clearTimeout(timer);\r\n    };\r\n  }, [form]);\r\n\r\n  const { values } = options;\r\n  useEffect(() => {\r\n    if (!values) return;\r\n    const { engine } = getInternals(form);\r\n    for (const path of leafPaths(values)) {\r\n      const next = getIn(values, path);\r\n      if (!engine.isTouched(path) && !Object.is(engine.getValue(path), next))\r\n        engine.setValue(path, next, 'api');\r\n    }\r\n  }, [form, values]);\r\n\r\n  return form;\r\n}\r\n"],"mappings":";;;;AAcA,SAAgB,QACd,UAA6B,CAAC,GACb;CACjB,MAAM,CAAC,QAAQ,eACb,mBAAsB;EACpB,eAAe,QAAQ,iBAAiB,QAAQ,UAAU,CAAC;EAC3D,QAAQ,QAAQ;EAChB,YAAY,QAAQ,cAAc;CACpC,CAAC,CACH;CACA,MAAM,SAAS,OAAO,OAAO;CAC7B,OAAO,UAAU;CACjB,aAAa,IAAI,CAAC,CAAC,YAAY,WAAW,OAAO,QAAQ,WAAW,MAAW;CAE/E,gBAAgB;EACd,MAAM,EAAE,WAAW,aAAa,IAAI;EACpC,MAAM,0BAAU,IAAI,IAAY;EAChC,IAAI;EAEJ,MAAM,cAAc;GAClB,MAAM,UAAmC,CAAC;GAC1C,KAAK,MAAM,QAAQ,SAAS,MAAM,SAAS,MAAM,OAAO,SAAS,IAAI,CAAC;GACtE,QAAQ,MAAM;GACd,OAAO,QAAQ,iBAAiB,SAA2B,OAAO,UAAU,CAAM;EACpF;EAEA,MAAM,MAAM,OAAO,eAAe,EAAE,MAAM,aAAa;GACrD,IAAI,WAAW,UAAU,CAAC,OAAO,QAAQ,gBAAgB;GACzD,QAAQ,IAAI,IAAI;GAChB,MAAM,WAAW,OAAO,QAAQ,wBAAwB;GACxD,IAAI,YAAY,GAAG;IACjB,MAAM;IACN;GACF;GACA,aAAa,KAAK;GAClB,QAAQ,WAAW,OAAO,QAAQ;EACpC,CAAC;EAED,aAAa;GACX,IAAI;GACJ,aAAa,KAAK;EACpB;CACF,GAAG,CAAC,IAAI,CAAC;CAET,MAAM,EAAE,WAAW;CACnB,gBAAgB;EACd,IAAI,CAAC,QAAQ;EACb,MAAM,EAAE,WAAW,aAAa,IAAI;EACpC,KAAK,MAAM,QAAQ,UAAU,MAAM,GAAG;GACpC,MAAM,OAAO,MAAM,QAAQ,IAAI;GAC/B,IAAI,CAAC,OAAO,UAAU,IAAI,KAAK,CAAC,OAAO,GAAG,OAAO,SAAS,IAAI,GAAG,IAAI,GACnE,OAAO,SAAS,MAAM,MAAM,KAAK;EACrC;CACF,GAAG,CAAC,MAAM,MAAM,CAAC;CAEjB,OAAO;AACT"}

package/es/base-ui/FormKit/useStoreSelector.mjs

@@ -0,0 +1,25 @@
+import { useCallback, useRef, useSyncExternalStore } from "react";
+//#region src/base-ui/FormKit/useStoreSelector.ts
+const shallowEqual = (a, b) => {
+	if (Object.is(a, b)) return true;
+	if (typeof a !== "object" || typeof b !== "object" || a === null || b === null) return false;
+	const keysA = Object.keys(a);
+	if (keysA.length !== Object.keys(b).length) return false;
+	return keysA.every((key) => Object.is(a[key], b[key]));
+};
+const useStoreSelector = (engine, select) => {
+	const selectRef = useRef(select);
+	selectRef.current = select;
+	const cache = useRef(null);
+	const getSnapshot = useCallback(() => {
+		const next = selectRef.current(engine);
+		if (cache.current && shallowEqual(cache.current.value, next)) return cache.current.value;
+		cache.current = { value: next };
+		return next;
+	}, [engine]);
+	return useSyncExternalStore(engine.subscribe, getSnapshot, getSnapshot);
+};
+//#endregion
+export { shallowEqual, useStoreSelector };
+
+//# sourceMappingURL=useStoreSelector.mjs.map

package/es/base-ui/FormKit/useStoreSelector.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useStoreSelector.mjs","names":[],"sources":["../../../src/base-ui/FormKit/useStoreSelector.ts"],"sourcesContent":["import { useCallback, useRef, useSyncExternalStore } from 'react';\r\n\r\nimport type { FormEngine } from './engine/types';\r\n\r\nexport const shallowEqual = (a: unknown, b: unknown) => {\r\n  if (Object.is(a, b)) return true;\r\n  if (typeof a !== 'object' || typeof b !== 'object' || a === null || b === null) return false;\r\n  const keysA = Object.keys(a);\r\n  if (keysA.length !== Object.keys(b).length) return false;\r\n  return keysA.every((key) => Object.is((a as any)[key], (b as any)[key]));\r\n};\r\n\r\nexport const useStoreSelector = <S>(engine: FormEngine, select: (engine: FormEngine) => S): S => {\r\n  const selectRef = useRef(select);\r\n  selectRef.current = select;\r\n  const cache = useRef<{ value: S } | null>(null);\r\n\r\n  const getSnapshot = useCallback(() => {\r\n    const next = selectRef.current(engine);\r\n    if (cache.current && shallowEqual(cache.current.value, next)) return cache.current.value;\r\n    cache.current = { value: next };\r\n    return next;\r\n  }, [engine]);\r\n\r\n  return useSyncExternalStore(engine.subscribe, getSnapshot, getSnapshot);\r\n};\r\n"],"mappings":";;AAIA,MAAa,gBAAgB,GAAY,MAAe;CACtD,IAAI,OAAO,GAAG,GAAG,CAAC,GAAG,OAAO;CAC5B,IAAI,OAAO,MAAM,YAAY,OAAO,MAAM,YAAY,MAAM,QAAQ,MAAM,MAAM,OAAO;CACvF,MAAM,QAAQ,OAAO,KAAK,CAAC;CAC3B,IAAI,MAAM,WAAW,OAAO,KAAK,CAAC,CAAC,CAAC,QAAQ,OAAO;CACnD,OAAO,MAAM,OAAO,QAAQ,OAAO,GAAI,EAAU,MAAO,EAAU,IAAI,CAAC;AACzE;AAEA,MAAa,oBAAuB,QAAoB,WAAyC;CAC/F,MAAM,YAAY,OAAO,MAAM;CAC/B,UAAU,UAAU;CACpB,MAAM,QAAQ,OAA4B,IAAI;CAE9C,MAAM,cAAc,kBAAkB;EACpC,MAAM,OAAO,UAAU,QAAQ,MAAM;EACrC,IAAI,MAAM,WAAW,aAAa,MAAM,QAAQ,OAAO,IAAI,GAAG,OAAO,MAAM,QAAQ;EACnF,MAAM,UAAU,EAAE,OAAO,KAAK;EAC9B,OAAO;CACT,GAAG,CAAC,MAAM,CAAC;CAEX,OAAO,qBAAqB,OAAO,WAAW,aAAa,WAAW;AACxE"}

package/es/base-ui/FormKit/useWatch.d.mts

@@ -0,0 +1,7 @@
+import { FieldPath, FieldPathValue, FormInstance, FormValues } from "./type.mjs";
+//#region src/base-ui/FormKit/useWatch.d.ts
+declare function useWatch<T extends FormValues, P extends FieldPath<T>>(form: FormInstance<T>, name: P): FieldPathValue<T, P>;
+declare function useWatch<T extends FormValues, S>(form: FormInstance<T>, selector: (values: T) => S): S;
+//#endregion
+export { useWatch };
+//# sourceMappingURL=useWatch.d.mts.map

package/es/base-ui/FormKit/useWatch.mjs

@@ -0,0 +1,12 @@
+"use client";
+import { getInternals } from "./instance.mjs";
+import { useStoreSelector } from "./useStoreSelector.mjs";
+//#region src/base-ui/FormKit/useWatch.ts
+function useWatch(form, nameOrSelector) {
+	const { engine } = getInternals(form);
+	return useStoreSelector(engine, (e) => typeof nameOrSelector === "function" ? nameOrSelector(e.getValues()) : e.getValue(nameOrSelector));
+}
+//#endregion
+export { useWatch };
+
+//# sourceMappingURL=useWatch.mjs.map

package/es/base-ui/FormKit/useWatch.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useWatch.mjs","names":[],"sources":["../../../src/base-ui/FormKit/useWatch.ts"],"sourcesContent":["'use client';\r\n\r\nimport { getInternals } from './instance';\r\nimport type { FieldPath, FieldPathValue, FormInstance, FormValues } from './type';\r\nimport { useStoreSelector } from './useStoreSelector';\r\n\r\nexport function useWatch<T extends FormValues, P extends FieldPath<T>>(\r\n  form: FormInstance<T>,\r\n  name: P,\r\n): FieldPathValue<T, P>;\r\nexport function useWatch<T extends FormValues, S>(\r\n  form: FormInstance<T>,\r\n  selector: (values: T) => S,\r\n): S;\r\nexport function useWatch<T extends FormValues>(\r\n  form: FormInstance<T>,\r\n  nameOrSelector: string | ((values: T) => unknown),\r\n) {\r\n  const { engine } = getInternals(form);\r\n  return useStoreSelector(engine, (e) =>\r\n    typeof nameOrSelector === 'function'\r\n      ? nameOrSelector(e.getValues() as T)\r\n      : e.getValue(nameOrSelector),\r\n  );\r\n}\r\n"],"mappings":";;;;AAcA,SAAgB,SACd,MACA,gBACA;CACA,MAAM,EAAE,WAAW,aAAa,IAAI;CACpC,OAAO,iBAAiB,SAAS,MAC/B,OAAO,mBAAmB,aACtB,eAAe,EAAE,UAAU,CAAM,IACjC,EAAE,SAAS,cAAc,CAC/B;AACF"}

package/es/base-ui/Input/ClearButton.mjs

@@ -0,0 +1,32 @@
+"use client";
+import Icon from "../../Icon/Icon.mjs";
+import common_default from "../../i18n/resources/en/common.mjs";
+import { useTranslation } from "../../i18n/useTranslation.mjs";
+import { styles } from "./style.mjs";
+import { memo } from "react";
+import { jsx } from "react/jsx-runtime";
+import { cx } from "antd-style";
+import { X } from "lucide-react";
+//#region src/base-ui/Input/ClearButton.tsx
+const ClearButton = memo(({ className, onClear }) => {
+	const { t } = useTranslation(common_default);
+	return /* @__PURE__ */ jsx("button", {
+		"aria-label": t("common.clear"),
+		className: cx(styles.clear, className),
+		"data-jinmi-input-clear": "",
+		tabIndex: -1,
+		type: "button",
+		onClick: onClear,
+		onMouseDown: (event) => event.preventDefault(),
+		children: /* @__PURE__ */ jsx(Icon, {
+			icon: X,
+			size: 10,
+			style: { strokeWidth: 3 }
+		})
+	});
+});
+ClearButton.displayName = "InputClearButton";
+//#endregion
+export { ClearButton as default };
+
+//# sourceMappingURL=ClearButton.mjs.map

package/es/base-ui/Input/ClearButton.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ClearButton.mjs","names":["common"],"sources":["../../../src/base-ui/Input/ClearButton.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'antd-style';\nimport { X } from 'lucide-react';\nimport { memo } from 'react';\n\nimport common from '@/i18n/resources/en/common';\nimport { useTranslation } from '@/i18n/useTranslation';\nimport Icon from '@/Icon';\n\nimport { styles } from './style';\n\ninterface ClearButtonProps {\n  className?: string;\n  onClear: () => void;\n}\n\nconst ClearButton = memo<ClearButtonProps>(({ className, onClear }) => {\n  const { t } = useTranslation(common);\n\n  return (\n    <button\n      aria-label={t('common.clear')}\n      className={cx(styles.clear, className)}\n      data-jinmi-input-clear=\"\"\n      tabIndex={-1}\n      type=\"button\"\n      onClick={onClear}\n      onMouseDown={(event) => event.preventDefault()}\n    >\n      <Icon icon={X} size={10} style={{ strokeWidth: 3 }} />\n    </button>\n  );\n});\n\nClearButton.displayName = 'InputClearButton';\n\nexport default ClearButton;\n"],"mappings":";;;;;;;;;;AAiBA,MAAM,cAAc,MAAwB,EAAE,WAAW,cAAc;CACrE,MAAM,EAAE,MAAM,eAAeA,cAAM;CAEnC,OACE,oBAAC,UAAD;EACE,cAAY,EAAE,cAAc;EAC5B,WAAW,GAAG,OAAO,OAAO,SAAS;EACrC,0BAAuB;EACvB,UAAU;EACV,MAAK;EACL,SAAS;EACT,cAAc,UAAU,MAAM,eAAe;EAE7C,UAAA,oBAAC,MAAD;GAAM,MAAM;GAAG,MAAM;GAAI,OAAO,EAAE,aAAa,EAAE;EAAI,CAAA;CAC/C,CAAA;AAEZ,CAAC;AAED,YAAY,cAAc"}

package/es/base-ui/Input/Input.d.mts

@@ -0,0 +1,10 @@
+import { InputProps } from "./type.mjs";
+//#region src/base-ui/Input/Input.d.ts
+declare const _default: import("react").NamedExoticComponent<InputProps> & {
+  formBinding: {
+    readonly emptyValue: "";
+  };
+};
+//#endregion
+export { _default as default };
+//# sourceMappingURL=Input.d.mts.map

package/es/base-ui/Input/Input.mjs

@@ -0,0 +1,70 @@
+"use client";
+import { rootVariants, styles } from "./style.mjs";
+import ClearButton from "./ClearButton.mjs";
+import { clearNativeValue } from "./clearNativeValue.mjs";
+import { isPressEnter } from "./pressEnter.mjs";
+import { memo, useRef, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cx, useThemeMode } from "antd-style";
+import { useMergeRefs } from "react-merge-refs";
+import { Input } from "@base-ui/react/input";
+//#region src/base-ui/Input/Input.tsx
+const hasText = (value) => value !== void 0 && value !== null && String(value).length > 0;
+const Input$1 = memo(({ ref, className, classNames, styles: customStyles, style, variant, shadow, size = "middle", prefix, suffix, disabled, readOnly, allowClear, onClear, onPressEnter, onKeyDown, onChange, value, defaultValue, ...rest }) => {
+	const { isDarkMode } = useThemeMode();
+	const mergedVariant = variant || (isDarkMode ? "filled" : "outlined");
+	const inputRef = useRef(null);
+	const mergedRef = useMergeRefs([ref, inputRef]);
+	const [filled, setFilled] = useState(() => hasText(value ?? defaultValue));
+	const isFilled = value === void 0 ? filled : hasText(value);
+	const showClear = allowClear && isFilled && !disabled && !readOnly;
+	return /* @__PURE__ */ jsxs("div", {
+		className: cx(rootVariants({
+			shadow,
+			size,
+			variant: mergedVariant
+		}), className),
+		"data-disabled": disabled ? "" : void 0,
+		style,
+		children: [
+			prefix && /* @__PURE__ */ jsx("span", {
+				className: cx(styles.slot, classNames?.prefix),
+				style: customStyles?.prefix,
+				children: prefix
+			}),
+			/* @__PURE__ */ jsx(Input, {
+				className: cx(styles.input, classNames?.input),
+				defaultValue,
+				disabled,
+				readOnly,
+				ref: mergedRef,
+				style: customStyles?.input,
+				value,
+				onChange: (event) => {
+					setFilled(event.currentTarget.value.length > 0);
+					onChange?.(event);
+				},
+				onKeyDown: (event) => {
+					if (isPressEnter(event)) onPressEnter?.(event);
+					onKeyDown?.(event);
+				},
+				...rest
+			}),
+			showClear && /* @__PURE__ */ jsx(ClearButton, { onClear: () => {
+				clearNativeValue(inputRef.current);
+				onClear?.();
+			} }),
+			suffix && /* @__PURE__ */ jsx("span", {
+				className: cx(styles.slot, classNames?.suffix),
+				style: customStyles?.suffix,
+				children: suffix
+			})
+		]
+	});
+});
+Input$1.displayName = "Input";
+var Input_default = Object.assign(Input$1, { formBinding: { emptyValue: "" } });
+//#endregion
+export { Input_default as default };
+
+//# sourceMappingURL=Input.mjs.map

package/es/base-ui/Input/Input.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.mjs","names":["Input","BaseInput"],"sources":["../../../src/base-ui/Input/Input.tsx"],"sourcesContent":["'use client';\r\n\r\nimport { Input as BaseInput } from '@base-ui/react/input';\r\nimport { cx, useThemeMode } from 'antd-style';\r\nimport { memo, useRef, useState } from 'react';\r\nimport { useMergeRefs } from 'react-merge-refs';\r\n\r\nimport ClearButton from './ClearButton';\r\nimport { clearNativeValue } from './clearNativeValue';\r\nimport { isPressEnter } from './pressEnter';\r\nimport { rootVariants, styles } from './style';\r\nimport type { InputProps } from './type';\r\n\r\nconst hasText = (value: unknown) =>\r\n  value !== undefined && value !== null && String(value).length > 0;\r\n\r\nconst Input = memo<InputProps>(\r\n  ({\r\n    ref,\r\n    className,\r\n    classNames,\r\n    styles: customStyles,\r\n    style,\r\n    variant,\r\n    shadow,\r\n    size = 'middle',\r\n    prefix,\r\n    suffix,\r\n    disabled,\r\n    readOnly,\r\n    allowClear,\r\n    onClear,\r\n    onPressEnter,\r\n    onKeyDown,\r\n    onChange,\r\n    value,\r\n    defaultValue,\r\n    ...rest\r\n  }) => {\r\n    const { isDarkMode } = useThemeMode();\r\n    const mergedVariant = variant || (isDarkMode ? 'filled' : 'outlined');\r\n    const inputRef = useRef<HTMLInputElement>(null);\r\n    const mergedRef = useMergeRefs([ref, inputRef]);\r\n    const [filled, setFilled] = useState(() => hasText(value ?? defaultValue));\r\n    const isFilled = value === undefined ? filled : hasText(value);\r\n    const showClear = allowClear && isFilled && !disabled && !readOnly;\r\n\r\n    return (\r\n      <div\r\n        className={cx(rootVariants({ shadow, size, variant: mergedVariant }), className)}\r\n        data-disabled={disabled ? '' : undefined}\r\n        style={style}\r\n      >\r\n        {prefix && (\r\n          <span className={cx(styles.slot, classNames?.prefix)} style={customStyles?.prefix}>\r\n            {prefix}\r\n          </span>\r\n        )}\r\n        <BaseInput\r\n          className={cx(styles.input, classNames?.input)}\r\n          defaultValue={defaultValue}\r\n          disabled={disabled}\r\n          readOnly={readOnly}\r\n          ref={mergedRef}\r\n          style={customStyles?.input}\r\n          value={value}\r\n          onChange={(event) => {\r\n            setFilled(event.currentTarget.value.length > 0);\r\n            onChange?.(event);\r\n          }}\r\n          onKeyDown={(event) => {\r\n            if (isPressEnter(event)) onPressEnter?.(event);\r\n            onKeyDown?.(event);\r\n          }}\r\n          {...rest}\r\n        />\r\n        {showClear && (\r\n          <ClearButton\r\n            onClear={() => {\r\n              clearNativeValue(inputRef.current);\r\n              onClear?.();\r\n            }}\r\n          />\r\n        )}\r\n        {suffix && (\r\n          <span className={cx(styles.slot, classNames?.suffix)} style={customStyles?.suffix}>\r\n            {suffix}\r\n          </span>\r\n        )}\r\n      </div>\r\n    );\r\n  },\r\n);\r\n\r\nInput.displayName = 'Input';\r\n\r\nexport default Object.assign(Input, { formBinding: { emptyValue: '' } as const });\r\n"],"mappings":";;;;;;;;;;;AAaA,MAAM,WAAW,UACf,UAAU,KAAA,KAAa,UAAU,QAAQ,OAAO,KAAK,CAAC,CAAC,SAAS;AAElE,MAAMA,UAAQ,MACX,EACC,KACA,WACA,YACA,QAAQ,cACR,OACA,SACA,QACA,OAAO,UACP,QACA,QACA,UACA,UACA,YACA,SACA,cACA,WACA,UACA,OACA,cACA,GAAG,WACC;CACJ,MAAM,EAAE,eAAe,aAAa;CACpC,MAAM,gBAAgB,YAAY,aAAa,WAAW;CAC1D,MAAM,WAAW,OAAyB,IAAI;CAC9C,MAAM,YAAY,aAAa,CAAC,KAAK,QAAQ,CAAC;CAC9C,MAAM,CAAC,QAAQ,aAAa,eAAe,QAAQ,SAAS,YAAY,CAAC;CACzE,MAAM,WAAW,UAAU,KAAA,IAAY,SAAS,QAAQ,KAAK;CAC7D,MAAM,YAAY,cAAc,YAAY,CAAC,YAAY,CAAC;CAE1D,OACE,qBAAC,OAAD;EACE,WAAW,GAAG,aAAa;GAAE;GAAQ;GAAM,SAAS;EAAc,CAAC,GAAG,SAAS;EAC/E,iBAAe,WAAW,KAAK,KAAA;EACxB;EAHT,UAAA;GAKG,UACC,oBAAC,QAAD;IAAM,WAAW,GAAG,OAAO,MAAM,YAAY,MAAM;IAAG,OAAO,cAAc;IACxE,UAAA;GACG,CAAA;GAER,oBAACC,OAAD;IACE,WAAW,GAAG,OAAO,OAAO,YAAY,KAAK;IAC/B;IACJ;IACA;IACV,KAAK;IACL,OAAO,cAAc;IACd;IACP,WAAW,UAAU;KACnB,UAAU,MAAM,cAAc,MAAM,SAAS,CAAC;KAC9C,WAAW,KAAK;IAClB;IACA,YAAY,UAAU;KACpB,IAAI,aAAa,KAAK,GAAG,eAAe,KAAK;KAC7C,YAAY,KAAK;IACnB;IACA,GAAI;GACL,CAAA;GACA,aACC,oBAAC,aAAD,EACE,eAAe;IACb,iBAAiB,SAAS,OAAO;IACjC,UAAU;GACZ,EACD,CAAA;GAEF,UACC,oBAAC,QAAD;IAAM,WAAW,GAAG,OAAO,MAAM,YAAY,MAAM;IAAG,OAAO,cAAc;IACxE,UAAA;GACG,CAAA;EAEL;;AAET,CACF;AAEA,QAAM,cAAc;AAEpB,IAAA,gBAAe,OAAO,OAAOD,SAAO,EAAE,aAAa,EAAE,YAAY,GAAG,EAAW,CAAC"}

package/es/base-ui/Input/InputNumber.d.mts

@@ -0,0 +1,10 @@
+import { InputNumberProps } from "./type.mjs";
+//#region src/base-ui/Input/InputNumber.d.ts
+declare const _default: import("react").NamedExoticComponent<InputNumberProps> & {
+  formBinding: {
+    readonly emptyValue: null;
+  };
+};
+//#endregion
+export { _default as default };
+//# sourceMappingURL=InputNumber.d.mts.map

package/es/base-ui/Input/InputNumber.mjs

@@ -0,0 +1,78 @@
+"use client";
+import Icon from "../../Icon/Icon.mjs";
+import { rootVariants, styles } from "./style.mjs";
+import { isPressEnter } from "./pressEnter.mjs";
+import { memo } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cx, useThemeMode } from "antd-style";
+import { ChevronDown, ChevronUp } from "lucide-react";
+import { NumberField } from "@base-ui/react/number-field";
+//#region src/base-ui/Input/InputNumber.tsx
+const controlIconSize = {
+	large: 13,
+	middle: 12,
+	small: 10
+};
+const InputNumber = memo(({ ref, className, classNames, styles: customStyles, style, variant, shadow, size = "middle", controls = true, changeOnWheel, onChange, placeholder, format, precision, prefix, suffix, onPressEnter, ...rest }) => {
+	const { isDarkMode } = useThemeMode();
+	const mergedVariant = variant || (isDarkMode ? "filled" : "outlined");
+	const controlClassName = cx(styles.numberControl, size === "small" && styles.numberControlSmall, size === "large" && styles.numberControlLarge);
+	const mergedFormat = precision === void 0 ? format : {
+		...format,
+		maximumFractionDigits: precision,
+		minimumFractionDigits: precision
+	};
+	return /* @__PURE__ */ jsxs(NumberField.Root, {
+		allowWheelScrub: changeOnWheel,
+		className: cx(rootVariants({
+			shadow,
+			size,
+			variant: mergedVariant
+		}), className),
+		format: mergedFormat,
+		style,
+		onValueChange: onChange,
+		...rest,
+		children: [
+			prefix && /* @__PURE__ */ jsx("span", {
+				className: styles.slot,
+				children: prefix
+			}),
+			/* @__PURE__ */ jsx(NumberField.Input, {
+				className: cx(styles.input, styles.numberInput, classNames?.input),
+				placeholder,
+				ref,
+				style: customStyles?.input,
+				onKeyDown: (event) => {
+					if (isPressEnter(event)) onPressEnter?.(event);
+				}
+			}),
+			suffix && /* @__PURE__ */ jsx("span", {
+				className: styles.slot,
+				children: suffix
+			}),
+			controls && /* @__PURE__ */ jsxs("div", {
+				className: cx(styles.numberControls, size === "small" && styles.numberControlsSmall),
+				children: [/* @__PURE__ */ jsx(NumberField.Increment, {
+					className: controlClassName,
+					children: /* @__PURE__ */ jsx(Icon, {
+						icon: ChevronUp,
+						size: controlIconSize[size]
+					})
+				}), /* @__PURE__ */ jsx(NumberField.Decrement, {
+					className: controlClassName,
+					children: /* @__PURE__ */ jsx(Icon, {
+						icon: ChevronDown,
+						size: controlIconSize[size]
+					})
+				})]
+			})
+		]
+	});
+});
+InputNumber.displayName = "InputNumber";
+var InputNumber_default = Object.assign(InputNumber, { formBinding: { emptyValue: null } });
+//#endregion
+export { InputNumber_default as default };
+
+//# sourceMappingURL=InputNumber.mjs.map

package/es/base-ui/Input/InputNumber.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputNumber.mjs","names":[],"sources":["../../../src/base-ui/Input/InputNumber.tsx"],"sourcesContent":["'use client';\r\n\r\nimport { NumberField } from '@base-ui/react/number-field';\r\nimport { cx, useThemeMode } from 'antd-style';\r\nimport { ChevronDown, ChevronUp } from 'lucide-react';\r\nimport { memo } from 'react';\r\n\r\nimport Icon from '@/Icon';\r\n\r\nimport { isPressEnter } from './pressEnter';\r\nimport { rootVariants, styles } from './style';\r\nimport type { InputNumberProps } from './type';\r\n\r\nconst controlIconSize = { large: 13, middle: 12, small: 10 } as const;\r\n\r\nconst InputNumber = memo<InputNumberProps>(\r\n  ({\r\n    ref,\r\n    className,\r\n    classNames,\r\n    styles: customStyles,\r\n    style,\r\n    variant,\r\n    shadow,\r\n    size = 'middle',\r\n    controls = true,\r\n    changeOnWheel,\r\n    onChange,\r\n    placeholder,\r\n    format,\r\n    precision,\r\n    prefix,\r\n    suffix,\r\n    onPressEnter,\r\n    ...rest\r\n  }) => {\r\n    const { isDarkMode } = useThemeMode();\r\n    const mergedVariant = variant || (isDarkMode ? 'filled' : 'outlined');\r\n    const controlClassName = cx(\r\n      styles.numberControl,\r\n      size === 'small' && styles.numberControlSmall,\r\n      size === 'large' && styles.numberControlLarge,\r\n    );\r\n    const mergedFormat =\r\n      precision === undefined\r\n        ? format\r\n        : { ...format, maximumFractionDigits: precision, minimumFractionDigits: precision };\r\n\r\n    return (\r\n      <NumberField.Root\r\n        allowWheelScrub={changeOnWheel}\r\n        className={cx(rootVariants({ shadow, size, variant: mergedVariant }), className)}\r\n        format={mergedFormat}\r\n        style={style}\r\n        onValueChange={onChange}\r\n        {...rest}\r\n      >\r\n        {prefix && <span className={styles.slot}>{prefix}</span>}\r\n        <NumberField.Input\r\n          className={cx(styles.input, styles.numberInput, classNames?.input)}\r\n          placeholder={placeholder}\r\n          ref={ref}\r\n          style={customStyles?.input}\r\n          onKeyDown={(event) => {\r\n            if (isPressEnter(event)) onPressEnter?.(event);\r\n          }}\r\n        />\r\n        {suffix && <span className={styles.slot}>{suffix}</span>}\r\n        {controls && (\r\n          <div\r\n            className={cx(styles.numberControls, size === 'small' && styles.numberControlsSmall)}\r\n          >\r\n            <NumberField.Increment className={controlClassName}>\r\n              <Icon icon={ChevronUp} size={controlIconSize[size]} />\r\n            </NumberField.Increment>\r\n            <NumberField.Decrement className={controlClassName}>\r\n              <Icon icon={ChevronDown} size={controlIconSize[size]} />\r\n            </NumberField.Decrement>\r\n          </div>\r\n        )}\r\n      </NumberField.Root>\r\n    );\r\n  },\r\n);\r\n\r\nInputNumber.displayName = 'InputNumber';\r\n\r\nexport default Object.assign(InputNumber, { formBinding: { emptyValue: null } as const });\r\n"],"mappings":";;;;;;;;;;AAaA,MAAM,kBAAkB;CAAE,OAAO;CAAI,QAAQ;CAAI,OAAO;AAAG;AAE3D,MAAM,cAAc,MACjB,EACC,KACA,WACA,YACA,QAAQ,cACR,OACA,SACA,QACA,OAAO,UACP,WAAW,MACX,eACA,UACA,aACA,QACA,WACA,QACA,QACA,cACA,GAAG,WACC;CACJ,MAAM,EAAE,eAAe,aAAa;CACpC,MAAM,gBAAgB,YAAY,aAAa,WAAW;CAC1D,MAAM,mBAAmB,GACvB,OAAO,eACP,SAAS,WAAW,OAAO,oBAC3B,SAAS,WAAW,OAAO,kBAC7B;CACA,MAAM,eACJ,cAAc,KAAA,IACV,SACA;EAAE,GAAG;EAAQ,uBAAuB;EAAW,uBAAuB;CAAU;CAEtF,OACE,qBAAC,YAAY,MAAb;EACE,iBAAiB;EACjB,WAAW,GAAG,aAAa;GAAE;GAAQ;GAAM,SAAS;EAAc,CAAC,GAAG,SAAS;EAC/E,QAAQ;EACD;EACP,eAAe;EACf,GAAI;EANN,UAAA;GAQG,UAAU,oBAAC,QAAD;IAAM,WAAW,OAAO;IAAO,UAAA;GAAa,CAAA;GACvD,oBAAC,YAAY,OAAb;IACE,WAAW,GAAG,OAAO,OAAO,OAAO,aAAa,YAAY,KAAK;IACpD;IACR;IACL,OAAO,cAAc;IACrB,YAAY,UAAU;KACpB,IAAI,aAAa,KAAK,GAAG,eAAe,KAAK;IAC/C;GACD,CAAA;GACA,UAAU,oBAAC,QAAD;IAAM,WAAW,OAAO;IAAO,UAAA;GAAa,CAAA;GACtD,YACC,qBAAC,OAAD;IACE,WAAW,GAAG,OAAO,gBAAgB,SAAS,WAAW,OAAO,mBAAmB;IADrF,UAAA,CAGE,oBAAC,YAAY,WAAb;KAAuB,WAAW;KAChC,UAAA,oBAAC,MAAD;MAAM,MAAM;MAAW,MAAM,gBAAgB;KAAQ,CAAA;IAChC,CAAA,GACvB,oBAAC,YAAY,WAAb;KAAuB,WAAW;KAChC,UAAA,oBAAC,MAAD;MAAM,MAAM;MAAa,MAAM,gBAAgB;KAAQ,CAAA;IAClC,CAAA,CACpB;;EAES;;AAEtB,CACF;AAEA,YAAY,cAAc;AAE1B,IAAA,sBAAe,OAAO,OAAO,aAAa,EAAE,aAAa,EAAE,YAAY,KAAK,EAAW,CAAC"}

package/es/base-ui/Input/InputOTP.d.mts

@@ -0,0 +1,6 @@
+import { InputOTPProps } from "./type.mjs";
+//#region src/base-ui/Input/InputOTP.d.ts
+declare const InputOTP: import("react").NamedExoticComponent<InputOTPProps>;
+//#endregion
+export { InputOTP as default };
+//# sourceMappingURL=InputOTP.d.mts.map