@jinmi/ui 6.0.1 → 6.1.0

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

@@ -1 +1 @@
-{"version":3,"file":"instance.mjs","names":[],"sources":["../../../src/base-ui/FormKit/instance.ts"],"sourcesContent":["import { createTanstackEngine } from './engine/tanstack';\r\nimport type { FormEngine, ValidateOn } from './engine/types';\r\nimport { schemaToFormValidator } from './schema';\r\nimport type { FormInstance, FormValues } from './type';\r\n\r\ninterface InstanceInternals {\r\n  engine: FormEngine;\r\n  onSubmit?: (values: FormValues) => unknown;\r\n  validateOn: ValidateOn;\r\n}\r\n\r\nconst internals = new WeakMap<object, InstanceInternals>();\r\n\r\nexport const getInternals = (form: object): InstanceInternals => {\r\n  const found = internals.get(form);\r\n  if (!found) throw new Error('[@jinmi/ui/base-ui/form] form was not created by useForm');\r\n  return found;\r\n};\r\n\r\nconst isPlainObject = (value: unknown): value is Record<string, unknown> => {\r\n  if (typeof value !== 'object' || value === null) return false;\r\n  const proto = Object.getPrototypeOf(value);\r\n  return proto === Object.prototype || proto === null;\r\n};\r\n\r\nexport const leafPaths = (value: unknown, prefix = ''): string[] => {\r\n  if (!isPlainObject(value) || (prefix && Object.keys(value).length === 0))\r\n    return prefix ? [prefix] : [];\r\n  return Object.entries(value).flatMap(([key, child]) =>\r\n    leafPaths(child, prefix ? `${prefix}.${key}` : key),\r\n  );\r\n};\r\n\r\nexport const getIn = (value: unknown, path: string): unknown =>\r\n  path\r\n    .split('.')\r\n    .reduce<unknown>((acc, key) => (acc == null ? undefined : (acc as any)[key]), value);\r\n\r\nexport const setIn = (target: Record<string, unknown>, path: string, value: unknown) => {\r\n  const keys = path.split('.');\r\n  let cursor: Record<string, unknown> = target;\r\n  keys.slice(0, -1).forEach((key) => {\r\n    if (!isPlainObject(cursor[key])) cursor[key] = {};\r\n    cursor = cursor[key] as Record<string, unknown>;\r\n  });\r\n  cursor[keys.at(-1)!] = value;\r\n};\r\n\r\ninterface CreateOptions {\r\n  initialValues: FormValues;\r\n  schema?: Parameters<typeof schemaToFormValidator>[0];\r\n  validateOn: ValidateOn;\r\n}\r\n\r\nexport const createFormInstance = <T extends FormValues>({\r\n  initialValues,\r\n  schema,\r\n  validateOn,\r\n}: CreateOptions): FormInstance<T> => {\r\n  const engine = createTanstackEngine(initialValues);\r\n  if (schema) engine.setFormValidator(schemaToFormValidator(schema));\r\n  const source = (options?: { asUser?: boolean }) => (options?.asUser ? 'user' : 'api');\r\n\r\n  const form: FormInstance<T> = {\r\n    getValue: ((name: string) => engine.getValue(name)) as FormInstance<T>['getValue'],\r\n    getValues: () => engine.getValues() as T,\r\n    isDirty: () => engine.getStatus().dirty,\r\n    isTouched: (name) => engine.isTouched(name),\r\n    reset: (values) => engine.reset(values),\r\n    resetField: (name) => engine.resetField(name),\r\n    setErrors: (errors) => engine.setErrors(errors as Record<string, string | undefined>),\r\n    setSchema: (next) => engine.setFormValidator(next ? schemaToFormValidator(next) : undefined),\r\n    setValue: ((name: string, value: unknown, options?: { asUser?: boolean }) =>\r\n      engine.setValue(name, value, source(options))) as FormInstance<T>['setValue'],\r\n    setValues: (values, options) => {\r\n      for (const path of leafPaths(values))\r\n        engine.setValue(path, getIn(values, path), source(options));\r\n    },\r\n    submit: () =>\r\n      engine.submit((values) => internals.get(form)?.onSubmit?.(values)) as ReturnType<\r\n        FormInstance<T>['submit']\r\n      >,\r\n    subscribe: (selector, callback) => {\r\n      let selected = selector(engine.getValues() as T);\r\n      return engine.subscribe(() => {\r\n        const next = selector(engine.getValues() as T);\r\n        if (Object.is(next, selected)) return;\r\n        selected = next;\r\n        callback(next);\r\n      });\r\n    },\r\n    validate: (names) => engine.validate(names) as ReturnType<FormInstance<T>['validate']>,\r\n  };\r\n\r\n  internals.set(form, { engine, validateOn });\r\n  return form;\r\n};\r\n"],"mappings":";;;AAWA,MAAM,4BAAY,IAAI,QAAmC;AAEzD,MAAa,gBAAgB,SAAoC;CAC/D,MAAM,QAAQ,UAAU,IAAI,IAAI;CAChC,IAAI,CAAC,OAAO,MAAM,IAAI,MAAM,0DAA0D;CACtF,OAAO;AACT;AAEA,MAAM,iBAAiB,UAAqD;CAC1E,IAAI,OAAO,UAAU,YAAY,UAAU,MAAM,OAAO;CACxD,MAAM,QAAQ,OAAO,eAAe,KAAK;CACzC,OAAO,UAAU,OAAO,aAAa,UAAU;AACjD;AAEA,MAAa,aAAa,OAAgB,SAAS,OAAiB;CAClE,IAAI,CAAC,cAAc,KAAK,KAAM,UAAU,OAAO,KAAK,KAAK,CAAC,CAAC,WAAW,GACpE,OAAO,SAAS,CAAC,MAAM,IAAI,CAAC;CAC9B,OAAO,OAAO,QAAQ,KAAK,CAAC,CAAC,SAAS,CAAC,KAAK,WAC1C,UAAU,OAAO,SAAS,GAAG,OAAO,GAAG,QAAQ,GAAG,CACpD;AACF;AAEA,MAAa,SAAS,OAAgB,SACpC,KACG,MAAM,GAAG,CAAC,CACV,QAAiB,KAAK,QAAS,OAAO,OAAO,KAAA,IAAa,IAAY,MAAO,KAAK;AAEvF,MAAa,SAAS,QAAiC,MAAc,UAAmB;CACtF,MAAM,OAAO,KAAK,MAAM,GAAG;CAC3B,IAAI,SAAkC;CACtC,KAAK,MAAM,GAAG,EAAE,CAAC,CAAC,SAAS,QAAQ;EACjC,IAAI,CAAC,cAAc,OAAO,IAAI,GAAG,OAAO,OAAO,CAAC;EAChD,SAAS,OAAO;CAClB,CAAC;CACD,OAAO,KAAK,GAAG,EAAE,KAAM;AACzB;AAQA,MAAa,sBAA4C,EACvD,eACA,QACA,iBACoC;CACpC,MAAM,SAAS,qBAAqB,aAAa;CACjD,IAAI,QAAQ,OAAO,iBAAiB,sBAAsB,MAAM,CAAC;CACjE,MAAM,UAAU,YAAoC,SAAS,SAAS,SAAS;CAE/E,MAAM,OAAwB;EAC5B,YAAY,SAAiB,OAAO,SAAS,IAAI;EACjD,iBAAiB,OAAO,UAAU;EAClC,eAAe,OAAO,UAAU,CAAC,CAAC;EAClC,YAAY,SAAS,OAAO,UAAU,IAAI;EAC1C,QAAQ,WAAW,OAAO,MAAM,MAAM;EACtC,aAAa,SAAS,OAAO,WAAW,IAAI;EAC5C,YAAY,WAAW,OAAO,UAAU,MAA4C;EACpF,YAAY,SAAS,OAAO,iBAAiB,OAAO,sBAAsB,IAAI,IAAI,KAAA,CAAS;EAC3F,YAAY,MAAc,OAAgB,YACxC,OAAO,SAAS,MAAM,OAAO,OAAO,OAAO,CAAC;EAC9C,YAAY,QAAQ,YAAY;GAC9B,KAAK,MAAM,QAAQ,UAAU,MAAM,GACjC,OAAO,SAAS,MAAM,MAAM,QAAQ,IAAI,GAAG,OAAO,OAAO,CAAC;EAC9D;EACA,cACE,OAAO,QAAQ,WAAW,UAAU,IAAI,IAAI,CAAC,EAAE,WAAW,MAAM,CAAC;EAGnE,YAAY,UAAU,aAAa;GACjC,IAAI,WAAW,SAAS,OAAO,UAAU,CAAM;GAC/C,OAAO,OAAO,gBAAgB;IAC5B,MAAM,OAAO,SAAS,OAAO,UAAU,CAAM;IAC7C,IAAI,OAAO,GAAG,MAAM,QAAQ,GAAG;IAC/B,WAAW;IACX,SAAS,IAAI;GACf,CAAC;EACH;EACA,WAAW,UAAU,OAAO,SAAS,KAAK;CAC5C;CAEA,UAAU,IAAI,MAAM;EAAE;EAAQ;CAAW,CAAC;CAC1C,OAAO;AACT"}
+{"version":3,"file":"instance.mjs","names":[],"sources":["../../../src/base-ui/FormKit/instance.ts"],"sourcesContent":["import { createTanstackEngine } from './engine/tanstack';\nimport type { FormEngine, ValidateOn } from './engine/types';\nimport { schemaToFormValidator } from './schema';\nimport type { FormInstance, FormValues } from './type';\n\ninterface InstanceInternals {\n  engine: FormEngine;\n  onSubmit?: (values: FormValues) => unknown;\n  validateOn: ValidateOn;\n}\n\nconst internals = new WeakMap<object, InstanceInternals>();\n\nexport const getInternals = (form: object): InstanceInternals => {\n  const found = internals.get(form);\n  if (!found) throw new Error('[@jinmi/ui/base-ui/form] form was not created by useForm');\n  return found;\n};\n\nconst isPlainObject = (value: unknown): value is Record<string, unknown> => {\n  if (typeof value !== 'object' || value === null) return false;\n  const proto = Object.getPrototypeOf(value);\n  return proto === Object.prototype || proto === null;\n};\n\nexport const leafPaths = (value: unknown, prefix = ''): string[] => {\n  if (!isPlainObject(value) || (prefix && Object.keys(value).length === 0))\n    return prefix ? [prefix] : [];\n  return Object.entries(value).flatMap(([key, child]) =>\n    leafPaths(child, prefix ? `${prefix}.${key}` : key),\n  );\n};\n\nexport const getIn = (value: unknown, path: string): unknown =>\n  path\n    .split('.')\n    .reduce<unknown>((acc, key) => (acc == null ? undefined : (acc as any)[key]), value);\n\nexport const setIn = (target: Record<string, unknown>, path: string, value: unknown) => {\n  const keys = path.split('.');\n  let cursor: Record<string, unknown> = target;\n  keys.slice(0, -1).forEach((key) => {\n    if (!isPlainObject(cursor[key])) cursor[key] = {};\n    cursor = cursor[key] as Record<string, unknown>;\n  });\n  cursor[keys.at(-1)!] = value;\n};\n\ninterface CreateOptions {\n  initialValues: FormValues;\n  schema?: Parameters<typeof schemaToFormValidator>[0];\n  validateOn: ValidateOn;\n}\n\nexport const createFormInstance = <T extends FormValues>({\n  initialValues,\n  schema,\n  validateOn,\n}: CreateOptions): FormInstance<T> => {\n  const engine = createTanstackEngine(initialValues);\n  if (schema) engine.setFormValidator(schemaToFormValidator(schema));\n  const source = (options?: { asUser?: boolean }) => (options?.asUser ? 'user' : 'api');\n\n  const form: FormInstance<T> = {\n    getValue: ((name: string) => engine.getValue(name)) as FormInstance<T>['getValue'],\n    getValues: () => engine.getValues() as T,\n    isDirty: () => engine.getStatus().dirty,\n    isTouched: (name) => engine.isTouched(name),\n    reset: (values) => engine.reset(values),\n    resetField: (name) => engine.resetField(name),\n    setErrors: (errors) => engine.setErrors(errors as Record<string, string | undefined>),\n    setSchema: (next) => engine.setFormValidator(next ? schemaToFormValidator(next) : undefined),\n    setValue: ((name: string, value: unknown, options?: { asUser?: boolean }) =>\n      engine.setValue(name, value, source(options))) as FormInstance<T>['setValue'],\n    setValues: (values, options) => {\n      for (const path of leafPaths(values))\n        engine.setValue(path, getIn(values, path), source(options));\n    },\n    submit: () =>\n      engine.submit((values) => internals.get(form)?.onSubmit?.(values)) as ReturnType<\n        FormInstance<T>['submit']\n      >,\n    subscribe: (selector, callback) => {\n      let selected = selector(engine.getValues() as T);\n      return engine.subscribe(() => {\n        const next = selector(engine.getValues() as T);\n        if (Object.is(next, selected)) return;\n        selected = next;\n        callback(next);\n      });\n    },\n    validate: (names) => engine.validate(names) as ReturnType<FormInstance<T>['validate']>,\n  };\n\n  internals.set(form, { engine, validateOn });\n  return form;\n};\n"],"mappings":";;;AAWA,MAAM,4BAAY,IAAI,QAAmC;AAEzD,MAAa,gBAAgB,SAAoC;CAC/D,MAAM,QAAQ,UAAU,IAAI,IAAI;CAChC,IAAI,CAAC,OAAO,MAAM,IAAI,MAAM,0DAA0D;CACtF,OAAO;AACT;AAEA,MAAM,iBAAiB,UAAqD;CAC1E,IAAI,OAAO,UAAU,YAAY,UAAU,MAAM,OAAO;CACxD,MAAM,QAAQ,OAAO,eAAe,KAAK;CACzC,OAAO,UAAU,OAAO,aAAa,UAAU;AACjD;AAEA,MAAa,aAAa,OAAgB,SAAS,OAAiB;CAClE,IAAI,CAAC,cAAc,KAAK,KAAM,UAAU,OAAO,KAAK,KAAK,CAAC,CAAC,WAAW,GACpE,OAAO,SAAS,CAAC,MAAM,IAAI,CAAC;CAC9B,OAAO,OAAO,QAAQ,KAAK,CAAC,CAAC,SAAS,CAAC,KAAK,WAC1C,UAAU,OAAO,SAAS,GAAG,OAAO,GAAG,QAAQ,GAAG,CACpD;AACF;AAEA,MAAa,SAAS,OAAgB,SACpC,KACG,MAAM,GAAG,CAAC,CACV,QAAiB,KAAK,QAAS,OAAO,OAAO,KAAA,IAAa,IAAY,MAAO,KAAK;AAEvF,MAAa,SAAS,QAAiC,MAAc,UAAmB;CACtF,MAAM,OAAO,KAAK,MAAM,GAAG;CAC3B,IAAI,SAAkC;CACtC,KAAK,MAAM,GAAG,EAAE,CAAC,CAAC,SAAS,QAAQ;EACjC,IAAI,CAAC,cAAc,OAAO,IAAI,GAAG,OAAO,OAAO,CAAC;EAChD,SAAS,OAAO;CAClB,CAAC;CACD,OAAO,KAAK,GAAG,EAAE,KAAM;AACzB;AAQA,MAAa,sBAA4C,EACvD,eACA,QACA,iBACoC;CACpC,MAAM,SAAS,qBAAqB,aAAa;CACjD,IAAI,QAAQ,OAAO,iBAAiB,sBAAsB,MAAM,CAAC;CACjE,MAAM,UAAU,YAAoC,SAAS,SAAS,SAAS;CAE/E,MAAM,OAAwB;EAC5B,YAAY,SAAiB,OAAO,SAAS,IAAI;EACjD,iBAAiB,OAAO,UAAU;EAClC,eAAe,OAAO,UAAU,CAAC,CAAC;EAClC,YAAY,SAAS,OAAO,UAAU,IAAI;EAC1C,QAAQ,WAAW,OAAO,MAAM,MAAM;EACtC,aAAa,SAAS,OAAO,WAAW,IAAI;EAC5C,YAAY,WAAW,OAAO,UAAU,MAA4C;EACpF,YAAY,SAAS,OAAO,iBAAiB,OAAO,sBAAsB,IAAI,IAAI,KAAA,CAAS;EAC3F,YAAY,MAAc,OAAgB,YACxC,OAAO,SAAS,MAAM,OAAO,OAAO,OAAO,CAAC;EAC9C,YAAY,QAAQ,YAAY;GAC9B,KAAK,MAAM,QAAQ,UAAU,MAAM,GACjC,OAAO,SAAS,MAAM,MAAM,QAAQ,IAAI,GAAG,OAAO,OAAO,CAAC;EAC9D;EACA,cACE,OAAO,QAAQ,WAAW,UAAU,IAAI,IAAI,CAAC,EAAE,WAAW,MAAM,CAAC;EAGnE,YAAY,UAAU,aAAa;GACjC,IAAI,WAAW,SAAS,OAAO,UAAU,CAAM;GAC/C,OAAO,OAAO,gBAAgB;IAC5B,MAAM,OAAO,SAAS,OAAO,UAAU,CAAM;IAC7C,IAAI,OAAO,GAAG,MAAM,QAAQ,GAAG;IAC/B,WAAW;IACX,SAAS,IAAI;GACf,CAAC;EACH;EACA,WAAW,UAAU,OAAO,SAAS,KAAK;CAC5C;CAEA,UAAU,IAAI,MAAM;EAAE;EAAQ;CAAW,CAAC;CAC1C,OAAO;AACT"}

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

@@ -1,4 +1,3 @@
-//#region src/base-ui/FormKit/schema.d.ts
 interface StandardSchemaIssue {
   message: string;
   path?: ReadonlyArray<PropertyKey | {
@@ -28,6 +27,5 @@ interface StandardSchema<Input = unknown, Output = Input> {
 }
 type InferSchemaInput<S> = S extends StandardSchema<infer I, any> ? I : never;
 type FieldValidate = StandardSchema | ((value: any, values: any) => string | undefined | Promise<string | undefined>);
-//#endregion
 export { FieldValidate, InferSchemaInput, StandardSchema, StandardSchemaIssue };
 //# sourceMappingURL=schema.d.mts.map

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

@@ -1,4 +1,4 @@
-//#region src/base-ui/FormKit/schema.ts
+// src/base-ui/FormKit/schema.ts
 const isStandardSchema = (value) => typeof value === "object" && value !== null && "~standard" in value;
 const issuePath = (issue) => (issue.path ?? []).map((segment) => String(typeof segment === "object" ? segment.key : segment)).join(".");
 const schemaToFormValidator = (schema) => async (values) => {
@@ -17,7 +17,6 @@ const toFieldValidator = (validate) => {
 		return (await validate["~standard"].validate(value)).issues?.[0]?.message;
 	};
 };
-//#endregion
 export { isStandardSchema, schemaToFormValidator, toFieldValidator };
 
 //# sourceMappingURL=schema.mjs.map

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

@@ -1,5 +1,5 @@
 import { createStaticStyles } from "antd-style";
-//#region src/base-ui/FormKit/style.ts
+// src/base-ui/FormKit/style.ts
 const fieldKitStyles = createStaticStyles(({ css, cssVar }) => ({
 	controlFixed: css`
     flex: none;
@@ -113,7 +113,6 @@ const listStyles = createStaticStyles(({ css, cssVar }) => ({
     letter-spacing: 0.08em;
   `
 }));
-//#endregion
 export { fieldKitStyles, listStyles };
 
 //# sourceMappingURL=style.mjs.map

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

@@ -4,7 +4,6 @@ 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;
@@ -117,6 +116,5 @@ interface FormFieldProps<T extends FormValues = FormValues> extends FieldBinding
   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

@@ -1,10 +1,8 @@
 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

@@ -1,7 +1,7 @@
 "use client";
 import { createFormInstance, getIn, getInternals, leafPaths, setIn } from "./instance.mjs";
 import { useEffect, useRef, useState } from "react";
-//#region src/base-ui/FormKit/useForm.ts
+// src/base-ui/FormKit/useForm.ts
 function useForm(options = {}) {
 	const [form] = useState(() => createFormInstance({
 		initialValues: options.initialValues ?? options.values ?? {},
@@ -48,7 +48,6 @@ function useForm(options = {}) {
 	}, [form, values]);
 	return form;
 }
-//#endregion
 export { useForm };
 
 //# sourceMappingURL=useForm.mjs.map

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

@@ -1,5 +1,5 @@
 import { useCallback, useRef, useSyncExternalStore } from "react";
-//#region src/base-ui/FormKit/useStoreSelector.ts
+// 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;
@@ -19,7 +19,6 @@ const useStoreSelector = (engine, select) => {
 	}, [engine]);
 	return useSyncExternalStore(engine.subscribe, getSnapshot, getSnapshot);
 };
-//#endregion
 export { shallowEqual, useStoreSelector };
 
 //# sourceMappingURL=useStoreSelector.mjs.map

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

@@ -1,7 +1,5 @@
 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

@@ -1,12 +1,11 @@
 "use client";
 import { getInternals } from "./instance.mjs";
 import { useStoreSelector } from "./useStoreSelector.mjs";
-//#region src/base-ui/FormKit/useWatch.ts
+// 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/Input/ClearButton.mjs

@@ -7,7 +7,7 @@ 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
+// src/base-ui/Input/ClearButton.tsx
 const ClearButton = memo(({ className, onClear }) => {
 	const { t } = useTranslation(common_default);
 	return /* @__PURE__ */ jsx("button", {
@@ -26,7 +26,6 @@ const ClearButton = memo(({ className, onClear }) => {
 	});
 });
 ClearButton.displayName = "InputClearButton";
-//#endregion
 export { ClearButton as default };
 
 //# sourceMappingURL=ClearButton.mjs.map

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

@@ -1,10 +1,8 @@
 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

@@ -8,7 +8,7 @@ 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
+// 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();
@@ -64,7 +64,6 @@ const Input$1 = memo(({ ref, className, classNames, styles: customStyles, style,
 });
 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/InputNumber.d.mts

@@ -1,10 +1,8 @@
 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

@@ -7,7 +7,7 @@ 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
+// src/base-ui/Input/InputNumber.tsx
 const controlIconSize = {
 	large: 13,
 	middle: 12,
@@ -72,7 +72,6 @@ const InputNumber = memo(({ ref, className, classNames, styles: customStyles, st
 });
 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/InputOTP.d.mts

@@ -1,6 +1,4 @@
 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

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

@@ -4,7 +4,7 @@ import { memo } from "react";
 import { jsx } from "react/jsx-runtime";
 import { cx, useThemeMode } from "antd-style";
 import { OTPField } from "@base-ui/react/otp-field";
-//#region src/base-ui/Input/InputOTP.tsx
+// src/base-ui/Input/InputOTP.tsx
 const InputOTP = memo(({ className, classNames, styles: customStyles, style, variant, shadow, size = "middle", length = 6, onChange, ...rest }) => {
 	const { isDarkMode } = useThemeMode();
 	const mergedVariant = variant || (isDarkMode ? "filled" : "outlined");
@@ -25,7 +25,6 @@ const InputOTP = memo(({ className, classNames, styles: customStyles, style, var
 	});
 });
 InputOTP.displayName = "InputOTP";
-//#endregion
 export { InputOTP as default };
 
 //# sourceMappingURL=InputOTP.mjs.map

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

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

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

@@ -5,7 +5,7 @@ import Input_default from "./Input.mjs";
 import { memo, useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { Eye, EyeOff } from "lucide-react";
-//#region src/base-ui/Input/InputPassword.tsx
+// src/base-ui/Input/InputPassword.tsx
 const InputPassword = memo(({ visibilityToggle = true, suffix, ...rest }) => {
 	const [visible, setVisible] = useState(false);
 	return /* @__PURE__ */ jsx(Input_default, {
@@ -26,7 +26,6 @@ const InputPassword = memo(({ visibilityToggle = true, suffix, ...rest }) => {
 });
 InputPassword.displayName = "InputPassword";
 var InputPassword_default = Object.assign(InputPassword, { formBinding: { emptyValue: "" } });
-//#endregion
 export { InputPassword_default as default };
 
 //# sourceMappingURL=InputPassword.mjs.map

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

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

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

@@ -8,7 +8,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { cx, useThemeMode } from "antd-style";
 import { useMergeRefs } from "react-merge-refs";
 import { Field } from "@base-ui/react/field";
-//#region src/base-ui/Input/TextArea.tsx
+// src/base-ui/Input/TextArea.tsx
 const textLength = (value) => value === void 0 || value === null ? 0 : Array.from(String(value)).length;
 const TextArea = memo(({ ref, className, classNames, styles: customStyles, style, variant, shadow, autoSize, resize = false, disabled, readOnly, allowClear, onClear, onPressEnter, onKeyDown, onChange, showCount, maxLength, value, defaultValue, ...rest }) => {
 	const { isDarkMode } = useThemeMode();
@@ -75,7 +75,6 @@ const TextArea = memo(({ ref, className, classNames, styles: customStyles, style
 });
 TextArea.displayName = "TextArea";
 var TextArea_default = Object.assign(TextArea, { formBinding: { emptyValue: "" } });
-//#endregion
 export { TextArea_default as default };
 
 //# sourceMappingURL=TextArea.mjs.map

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

@@ -1,4 +1,4 @@
-//#region src/base-ui/Input/clearNativeValue.ts
+// src/base-ui/Input/clearNativeValue.ts
 const clearNativeValue = (element) => {
 	if (!element) return;
 	const prototype = element instanceof HTMLTextAreaElement ? HTMLTextAreaElement.prototype : HTMLInputElement.prototype;
@@ -6,7 +6,6 @@ const clearNativeValue = (element) => {
 	element.dispatchEvent(new Event("input", { bubbles: true }));
 	element.focus();
 };
-//#endregion
 export { clearNativeValue };
 
 //# sourceMappingURL=clearNativeValue.mjs.map

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

@@ -1,6 +1,5 @@
-//#region src/base-ui/Input/pressEnter.ts
+// src/base-ui/Input/pressEnter.ts
 const isPressEnter = (event) => event.key === "Enter" && !event.nativeEvent.isComposing && event.keyCode !== 229;
-//#endregion
 export { isPressEnter };
 
 //# sourceMappingURL=pressEnter.mjs.map

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

@@ -1,4 +1,3 @@
-//#region src/base-ui/Input/style.d.ts
 declare const styles: {
   clear: string;
   count: string;
@@ -30,9 +29,8 @@ declare const styles: {
 };
 declare const rootVariants: (props?: ({
   shadow?: boolean | null | undefined;
-  size?: "large" | "middle" | "small" | null | undefined;
+  size?: "small" | "middle" | "large" | null | undefined;
   variant?: "filled" | "outlined" | "borderless" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
-//#endregion
 export { rootVariants, styles };
 //# sourceMappingURL=style.d.mts.map

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

@@ -2,7 +2,7 @@ import { staticStylish } from "../../styles/theme/customStylishStatic.mjs";
 import { controlHeight } from "../controlSize.mjs";
 import { createStaticStyles } from "antd-style";
 import { cva } from "class-variance-authority";
-//#region src/base-ui/Input/style.ts
+// src/base-ui/Input/style.ts
 const styles = createStaticStyles(({ css, cssVar }) => ({
 	clear: css`
     cursor: pointer;
@@ -305,7 +305,6 @@ const rootVariants = cva([styles.root, styles.invalid], {
 		}
 	}
 });
-//#endregion
 export { rootVariants, styles };
 
 //# sourceMappingURL=style.mjs.map

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

@@ -2,7 +2,6 @@ import { CSSProperties, ComponentProps, KeyboardEvent, ReactNode, Ref } from "re
 import { Input } from "@base-ui/react/input";
 import { NumberField } from "@base-ui/react/number-field";
 import { OTPField } from "@base-ui/react/otp-field";
-//#region src/base-ui/Input/type.d.ts
 type InputVariant = 'filled' | 'outlined' | 'borderless';
 type InputSize = 'small' | 'middle' | 'large';
 interface InputClassNames {
@@ -127,6 +126,5 @@ interface TextAreaProps extends Omit<ComponentProps<'textarea'>, 'prefix'>, Pick
   showCount?: boolean;
   styles?: Pick<InputStyles, 'input'>;
 }
-//#endregion
 export { InputClassNames, InputNumberProps, InputOTPProps, InputPasswordProps, InputProps, InputSize, InputStyles, InputVariant, TextAreaAutoSize, TextAreaProps };
 //# sourceMappingURL=type.d.mts.map

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

@@ -0,0 +1,22 @@
+import { CSSProperties, ReactNode } from "react";
+interface LineTabItem<K extends string = string> {
+  count?: ReactNode;
+  key: K;
+  label: ReactNode;
+}
+interface LineTabsProps<K extends string = string> {
+  className?: string;
+  items: LineTabItem<K>[];
+  /** Accessible name of the tab list. */
+  label: string;
+  onChange: (key: K) => void;
+  style?: CSSProperties;
+  value: K;
+}
+/** Page-level tabs with an ink underline on the current one (detail pages). */
+declare const LineTabs: {
+  <K extends string = string>({ className, items, label, onChange, style, value }: LineTabsProps<K>): import("react").JSX.Element;
+  displayName: string;
+};
+export { LineTabItem, LineTabsProps, LineTabs as default };
+//# sourceMappingURL=LineTabs.d.mts.map

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

@@ -0,0 +1,73 @@
+"use client";
+import { focusRing } from "../focusRing.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { createStaticStyles, cssVar, cx } from "antd-style";
+// src/base-ui/LineTabs/LineTabs.tsx
+const styles = createStaticStyles(({ css }) => ({
+	count: css`
+    font-size: 12px;
+    font-weight: 400;
+    color: ${cssVar.colorTextTertiary};
+  `,
+	list: css`
+    scrollbar-width: none;
+
+    overflow-x: auto;
+    display: flex;
+    gap: 24px;
+
+    border-block-end: 1px solid ${cssVar.colorBorderSecondary};
+  `,
+	tab: css`
+    cursor: pointer;
+
+    display: flex;
+    flex: none;
+    gap: 6px;
+    align-items: center;
+
+    height: 42px;
+    padding: 0;
+    border: 0;
+
+    font: inherit;
+    font-size: 14px;
+    color: ${cssVar.colorTextSecondary};
+
+    background: transparent;
+
+    ${focusRing};
+
+    &:hover {
+      color: ${cssVar.colorText};
+    }
+
+    &[aria-selected='true'] {
+      font-weight: 600;
+      color: ${cssVar.colorText};
+      box-shadow: inset 0 -2px 0 ${cssVar.colorText};
+    }
+  `
+}));
+/** Page-level tabs with an ink underline on the current one (detail pages). */
+const LineTabs = ({ className, items, label, onChange, style, value }) => /* @__PURE__ */ jsx("div", {
+	"aria-label": label,
+	className: cx(styles.list, className),
+	role: "tablist",
+	style,
+	children: items.map((item) => /* @__PURE__ */ jsxs("button", {
+		"aria-selected": item.key === value,
+		className: styles.tab,
+		role: "tab",
+		type: "button",
+		onClick: () => onChange(item.key),
+		children: [item.label, item.count !== void 0 && item.count !== null && item.count !== 0 && /* @__PURE__ */ jsx("span", {
+			className: styles.count,
+			children: item.count
+		})]
+	}, item.key))
+});
+LineTabs.displayName = "LineTabs";
+export { LineTabs as default };
+
+//# sourceMappingURL=LineTabs.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LineTabs.mjs","names":[],"sources":["../../../src/base-ui/LineTabs/LineTabs.tsx"],"sourcesContent":["'use client';\n\nimport { createStaticStyles, cssVar, cx } from 'antd-style';\nimport type { CSSProperties, ReactNode } from 'react';\n\nimport { focusRing } from '@/base-ui/focusRing';\n\nconst styles = createStaticStyles(({ css }) => ({\n  count: css`\n    font-size: 12px;\n    font-weight: 400;\n    color: ${cssVar.colorTextTertiary};\n  `,\n  list: css`\n    scrollbar-width: none;\n\n    overflow-x: auto;\n    display: flex;\n    gap: 24px;\n\n    border-block-end: 1px solid ${cssVar.colorBorderSecondary};\n  `,\n  tab: css`\n    cursor: pointer;\n\n    display: flex;\n    flex: none;\n    gap: 6px;\n    align-items: center;\n\n    height: 42px;\n    padding: 0;\n    border: 0;\n\n    font: inherit;\n    font-size: 14px;\n    color: ${cssVar.colorTextSecondary};\n\n    background: transparent;\n\n    ${focusRing};\n\n    &:hover {\n      color: ${cssVar.colorText};\n    }\n\n    &[aria-selected='true'] {\n      font-weight: 600;\n      color: ${cssVar.colorText};\n      box-shadow: inset 0 -2px 0 ${cssVar.colorText};\n    }\n  `,\n}));\n\nexport interface LineTabItem<K extends string = string> {\n  count?: ReactNode;\n  key: K;\n  label: ReactNode;\n}\n\nexport interface LineTabsProps<K extends string = string> {\n  className?: string;\n  items: LineTabItem<K>[];\n  /** Accessible name of the tab list. */\n  label: string;\n  onChange: (key: K) => void;\n  style?: CSSProperties;\n  value: K;\n}\n\n/** Page-level tabs with an ink underline on the current one (detail pages). */\nconst LineTabs = <K extends string = string>({\n  className,\n  items,\n  label,\n  onChange,\n  style,\n  value,\n}: LineTabsProps<K>) => (\n  <div aria-label={label} className={cx(styles.list, className)} role={'tablist'} style={style}>\n    {items.map((item) => (\n      <button\n        aria-selected={item.key === value}\n        className={styles.tab}\n        key={item.key}\n        role={'tab'}\n        type={'button'}\n        onClick={() => onChange(item.key)}\n      >\n        {item.label}\n        {item.count !== undefined && item.count !== null && item.count !== 0 && (\n          <span className={styles.count}>{item.count}</span>\n        )}\n      </button>\n    ))}\n  </div>\n);\n\nLineTabs.displayName = 'LineTabs';\n\nexport default LineTabs;\n"],"mappings":";;;;;AAOA,MAAM,SAAS,oBAAoB,EAAE,WAAW;CAC9C,OAAO,GAAG;;;aAGC,OAAO,kBAAkB;;CAEpC,MAAM,GAAG;;;;;;;kCAOuB,OAAO,qBAAqB;;CAE5D,KAAK,GAAG;;;;;;;;;;;;;;aAcG,OAAO,mBAAmB;;;;MAIjC,UAAU;;;eAGD,OAAO,UAAU;;;;;eAKjB,OAAO,UAAU;mCACG,OAAO,UAAU;;;AAGpD,EAAE;;AAmBF,MAAM,YAAuC,EAC3C,WACA,OACA,OACA,UACA,OACA,YAEA,oBAAC,OAAD;CAAK,cAAY;CAAO,WAAW,GAAG,OAAO,MAAM,SAAS;CAAG,MAAM;CAAkB;CACpF,UAAA,MAAM,KAAK,SACV,qBAAC,UAAD;EACE,iBAAe,KAAK,QAAQ;EAC5B,WAAW,OAAO;EAElB,MAAM;EACN,MAAM;EACN,eAAe,SAAS,KAAK,GAAG;EANlC,UAAA,CAQG,KAAK,OACL,KAAK,UAAU,KAAA,KAAa,KAAK,UAAU,QAAQ,KAAK,UAAU,KACjE,oBAAC,QAAD;GAAM,WAAW,OAAO;GAAQ,UAAA,KAAK;EAAY,CAAA,CAE7C;CATD,GAAA,KAAK,GASJ,CACT;AACE,CAAA;AAGP,SAAS,cAAc"}

package/es/base-ui/LineTabs/index.d.mts

@@ -0,0 +1,2 @@
+import LineTabs, { LineTabItem, LineTabsProps } from "./LineTabs.mjs";
+export { type LineTabItem, type LineTabsProps, LineTabs as default };

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

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

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

@@ -4,7 +4,7 @@ import ListRow from "./ListRow.mjs";
 import { memo, useState } from "react";
 import { jsx } from "react/jsx-runtime";
 import { cx } from "antd-style";
-//#region src/base-ui/List/List.tsx
+// src/base-ui/List/List.tsx
 const isDivider = (item) => item.type === "divider";
 const variantClass = {
 	borderless: void 0,
@@ -44,7 +44,6 @@ const List = memo(({ activeKey, className, classNames, compact = false, defaultA
 	});
 });
 List.displayName = "List";
-//#endregion
 export { List as default };
 
 //# sourceMappingURL=List.mjs.map

package/es/base-ui/List/ListRow.mjs

@@ -5,7 +5,7 @@ import { styles } from "./style.mjs";
 import { memo } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { cx } from "antd-style";
-//#region src/base-ui/List/ListRow.tsx
+// src/base-ui/List/ListRow.tsx
 const ListRow = memo(({ active, classNames, item, onSelect, styles: customStyles }) => {
 	const { actions, avatar, danger, description, disabled, extra, href, icon, label, showAction } = item;
 	const handleClick = (event) => {
@@ -68,7 +68,6 @@ const ListRow = memo(({ active, classNames, item, onSelect, styles: customStyles
 	});
 });
 ListRow.displayName = "ListRow";
-//#endregion
 export { ListRow as default };
 
 //# sourceMappingURL=ListRow.mjs.map

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

@@ -1,6 +1,6 @@
 import { focusRing } from "../focusRing.mjs";
 import { createStaticStyles } from "antd-style";
-//#region src/base-ui/List/style.ts
+// src/base-ui/List/style.ts
 const styles = createStaticStyles(({ css, cssVar }) => ({
 	actions: css`
     position: absolute;
@@ -140,7 +140,6 @@ const styles = createStaticStyles(({ css, cssVar }) => ({
     }
   `
 }));
-//#endregion
 export { styles };
 
 //# sourceMappingURL=style.mjs.map

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

@@ -1,7 +1,6 @@
 import { IconProps } from "../../Icon/type.mjs";
 import "../../Icon/index.mjs";
 import { CSSProperties, ComponentProps, Key, MouseEvent, ReactNode, Ref } from "react";
-//#region src/base-ui/List/type.d.ts
 interface ListClickInfo {
   domEvent: MouseEvent<HTMLElement>;
   item: ListItemType;
@@ -43,6 +42,5 @@ interface ListProps extends Omit<ComponentProps<'ul'>, 'onClick'> {
   styles?: Partial<Record<ListSemanticName, CSSProperties>>;
   variant?: 'borderless' | 'filled' | 'outlined';
 }
-//#endregion
 export { ListClickInfo, ListDividerType, ListItem, ListItemType, ListProps, ListSemanticName };
 //# sourceMappingURL=type.d.mts.map

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

@@ -1,7 +1,5 @@
 import { ModalComponentProps } from "./type.mjs";
 import React from "react";
-//#region src/base-ui/Modal/Modal.d.ts
 declare const Modal: React.NamedExoticComponent<ModalComponentProps>;
-//#endregion
 export { Modal as default };
 //# sourceMappingURL=Modal.d.mts.map

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

@@ -8,7 +8,7 @@ import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { cx } from "antd-style";
 import { useDragControls } from "motion/react";
 import { Maximize2, Minimize2, X } from "lucide-react";
-//#region src/base-ui/Modal/Modal.tsx
+// src/base-ui/Modal/Modal.tsx
 const OkBtn = ({ confirmLoading, okButtonProps, okText, onOk }) => {
 	const { onClick: userOnClick, ...restOk } = okButtonProps ?? {};
 	return /* @__PURE__ */ jsx(Button, {
@@ -220,7 +220,6 @@ const Modal = memo(({ open, title, children, onOk, onCancel, okText = "OK", canc
 	});
 });
 Modal.displayName = "Modal";
-//#endregion
 export { Modal as default };
 
 //# sourceMappingURL=Modal.mjs.map

package/es/base-ui/Modal/ModalLayerContext.mjs

@@ -1,10 +1,9 @@
 "use client";
 import { createContext, use } from "react";
-//#region src/base-ui/Modal/ModalLayerContext.tsx
+// src/base-ui/Modal/ModalLayerContext.tsx
 const ModalLayerContext = createContext(null);
 const useModalLayer = () => use(ModalLayerContext);
 const ModalLayerProvider = ModalLayerContext.Provider;
-//#endregion
 export { ModalLayerProvider, useModalLayer };
 
 //# sourceMappingURL=ModalLayerContext.mjs.map