@bioturing/components 0.41.1 → 0.42.0-beta.1

package/dist/components/form/FormItem/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/form/FormItem/index.tsx"],"names":[],"mappings":"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"}

package/dist/components/form/FormItem/index.js

@@ -0,0 +1,234 @@
+"use client";
+import { jsx as P } from "react/jsx-runtime";
+import * as d from "react";
+import { FieldContext as ue, ListContext as ce, Field as fe } from "rc-field-form";
+import ge from "rc-util/es/hooks/useState";
+import { supportRef as pe } from "rc-util/es/ref";
+import { cloneElement as he } from "antd/es/_util/reactNode";
+import { devUseWarning as ye } from "antd/es/_util/warning";
+import { ConfigContext as Ce } from "antd/es/config-provider";
+import Se from "antd/es/config-provider/hooks/useCSSVarCls";
+import { FormContext as Ie, NoStyleItemContext as ve } from "antd/es/form/context";
+import we from "antd/es/form/hooks/useChildren";
+import be from "antd/es/form/hooks/useFormItemStatus";
+import Fe from "antd/es/form/hooks/useFrameState";
+import Pe from "antd/es/form/hooks/useItemRef";
+import xe from "antd/es/form/style";
+import { toArray as A, getFieldId as Ne } from "antd/es/form/util";
+import Ve from "antd/es/form/FormItem/StatusProvider";
+import Ee from "./ItemHolder.js";
+import { clsx as Ae } from "../../utils/cn.js";
+const Re = "__SPLIT__";
+function ke(r, o) {
+  const m = Object.keys(r), y = Object.keys(o);
+  return m.length === y.length && m.every((a) => {
+    const w = r[a], c = o[a];
+    return w === c || typeof w == "function" || typeof c == "function";
+  });
+}
+const _e = d.memo(
+  ({ children: r }) => r,
+  (r, o) => ke(r.control, o.control) && r.update === o.update && r.childProps.length === o.childProps.length && r.childProps.every((m, y) => m === o.childProps[y])
+);
+function $() {
+  return {
+    errors: [],
+    warnings: [],
+    touched: !1,
+    validating: !1,
+    name: [],
+    validated: !1
+  };
+}
+function je(r) {
+  const {
+    name: o,
+    noStyle: m,
+    className: y,
+    dependencies: a,
+    prefixCls: w,
+    shouldUpdate: c,
+    rules: z,
+    children: D,
+    required: R,
+    label: k,
+    messageVariables: _,
+    trigger: j = "onChange",
+    validateTrigger: q,
+    hidden: H,
+    help: x,
+    layout: Y,
+    // ============ BioTuring Custom: Extract custom props ============
+    classNames: G,
+    optionalMark: J,
+    requiredMark: Q,
+    labelRender: X
+    // ============ End Custom ============
+  } = r, { getPrefixCls: Z } = d.useContext(Ce), { name: ee } = d.useContext(Ie), s = we(D), b = typeof s == "function", T = d.useContext(ve), { validateTrigger: te } = d.useContext(ue), L = q !== void 0 ? q : te, p = o != null, F = Z("form", w), O = Se(F), [K, re, oe] = xe(F, O), u = ye("Form.Item");
+  process.env.NODE_ENV !== "production" && u(o !== null, "usage", "`null` is passed as `name` property");
+  const ne = d.useContext(ce), U = d.useRef(null), [M, se] = Fe({}), [h, ie] = ge(() => $()), ae = (e) => {
+    const i = ne?.getKey(e.name);
+    if (ie(e.destroy ? $() : e, !0), m && x !== !1 && T) {
+      let n = e.name;
+      if (e.destroy)
+        n = U.current || n;
+      else if (i !== void 0) {
+        const [l, f] = i;
+        n = [l, ...f], U.current = n;
+      }
+      T(e, n);
+    }
+  }, le = (e, i) => {
+    se((n) => {
+      const l = {
+        ...n
+      }, I = [...e.name.slice(0, -1), ...i].join(Re);
+      return e.destroy ? delete l[I] : l[I] = e, l;
+    });
+  }, [C, N] = d.useMemo(() => {
+    const e = [...h.errors], i = [...h.warnings];
+    return Object.values(M).forEach((n) => {
+      e.push(...n.errors || []), i.push(...n.warnings || []);
+    }), [e, i];
+  }, [M, h.errors, h.warnings]), de = Pe();
+  function B(e, i, n) {
+    return m && !H ? /* @__PURE__ */ P(
+      Ve,
+      {
+        prefixCls: F,
+        hasFeedback: r.hasFeedback,
+        validateStatus: r.validateStatus,
+        meta: h,
+        errors: C,
+        warnings: N,
+        noStyle: !0,
+        name: o,
+        children: e
+      }
+    ) : /* @__PURE__ */ P(
+      Ee,
+      {
+        ...r,
+        className: Ae(y, oe, O, re),
+        prefixCls: F,
+        fieldId: i,
+        isRequired: n,
+        errors: C,
+        warnings: N,
+        meta: h,
+        onSubItemMetaChange: le,
+        layout: Y,
+        name: o,
+        classNames: G,
+        optionalMark: J,
+        requiredMark: Q,
+        labelRender: X,
+        children: e
+      },
+      "row"
+    );
+  }
+  if (!p && !b && !a)
+    return K(B(s));
+  let S = {};
+  return typeof k == "string" ? S.label = k : o && (S.label = String(o)), _ && (S = { ...S, ..._ }), K(
+    /* @__PURE__ */ P(
+      fe,
+      {
+        ...r,
+        messageVariables: S,
+        trigger: j,
+        validateTrigger: L,
+        onMetaChange: ae,
+        children: (e, i, n) => {
+          const l = A(o).length && i ? i.name : [], f = Ne(l, ee), I = R !== void 0 ? R : !!z?.some((t) => {
+            if (t && typeof t == "object" && t.required && !t.warningOnly)
+              return !0;
+            if (typeof t == "function") {
+              const E = t(n);
+              return E?.required && !E?.warningOnly;
+            }
+            return !1;
+          }), V = {
+            ...e
+          };
+          let v = null;
+          if (u(
+            !(c && a),
+            "usage",
+            "`shouldUpdate` and `dependencies` shouldn't be used together. See https://u.ant.design/form-deps."
+          ), Array.isArray(s) && p)
+            u(
+              !1,
+              "usage",
+              "A `Form.Item` with a `name` prop must have a single child element. For information on how to render more complex form items, see https://u.ant.design/complex-form-item."
+            ), v = s;
+          else if (b && (!(c || a) || p))
+            u(
+              !!(c || a),
+              "usage",
+              "A `Form.Item` with a render function must have either `shouldUpdate` or `dependencies`."
+            ), u(
+              !p,
+              "usage",
+              "A `Form.Item` with a render function cannot be a field, and thus cannot have a `name` prop."
+            );
+          else if (a && !b && !p)
+            u(
+              !1,
+              "usage",
+              "Must set `name` or use a render function when `dependencies` is set."
+            );
+          else if (d.isValidElement(s)) {
+            u(
+              s.props.defaultValue === void 0,
+              "usage",
+              "`defaultValue` will not work on controlled Field. You should use `initialValues` of Form instead."
+            );
+            const t = {
+              ...s.props,
+              ...V
+            };
+            if (t.id || (t.id = f), x || C.length > 0 || N.length > 0 || r.extra) {
+              const g = [];
+              (x || C.length > 0) && g.push(`${f}_help`), r.extra && g.push(`${f}_extra`), t["aria-describedby"] = g.join(" ");
+            }
+            C.length > 0 && (t["aria-invalid"] = "true"), I && (t["aria-required"] = "true"), pe(s) && (t.ref = de(l, s)), (/* @__PURE__ */ new Set([
+              ...A(j),
+              ...A(L)
+            ])).forEach((g) => {
+              t[g] = (...W) => {
+                V[g]?.(...W), s.props[g]?.(...W);
+              };
+            });
+            const me = [
+              t["aria-required"],
+              t["aria-invalid"],
+              t["aria-describedby"]
+            ];
+            v = /* @__PURE__ */ P(
+              _e,
+              {
+                control: V,
+                update: s,
+                childProps: me,
+                children: he(s, t)
+              }
+            );
+          } else b && (c || a) && !p ? v = s(n) : (u(
+            !l.length || !!m,
+            "usage",
+            "`name` is only used for validate React element. If you are using Form.Item as layout display, please remove `name` instead."
+          ), v = s);
+          return B(v, f, I);
+        }
+      }
+    )
+  );
+}
+const qe = je;
+qe.useStatus = be;
+export {
+  qe as default
+};
+//# sourceMappingURL=index.js.map

package/dist/components/form/FormItem/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/form/FormItem/index.tsx"],"sourcesContent":["/**\n * This file is copied from Ant Design 5.x-stable\n * Source: https://github.com/ant-design/ant-design/blob/5.x-stable/components/form/FormItem/index.tsx\n * \n * Customizations for @bioturing/components:\n * - Added `classNames` prop for styling sub-elements (root, row, label, control, etc.)\n * - Added `optionalMark` prop to show optional indicator\n * - Added enhanced `requiredMark` support (boolean | ReactNode)\n * - Added `labelRender` prop for custom label rendering\n * \n * Last synced with antd version: 5.x-stable (2025-02-04)\n */\n\n\"use client\";\n\nimport * as React from 'react';\nimport type { JSX } from 'react';\nimport { Field, FieldContext, ListContext } from 'rc-field-form';\nimport type { FieldProps } from 'rc-field-form/lib/Field';\nimport type { InternalNamePath, Meta } from 'rc-field-form/lib/interface';\nimport useState from 'rc-util/es/hooks/useState';\nimport { supportRef } from 'rc-util/es/ref';\n\n// ============ BioTuring Utils ============\nimport { clsx as classNames } from '../../utils';\n\n// ============ Ant Design Imports (from antd/es) ============\nimport { cloneElement } from 'antd/es/_util/reactNode';\nimport { devUseWarning } from 'antd/es/_util/warning';\nimport { ConfigContext } from 'antd/es/config-provider';\nimport useCSSVarCls from 'antd/es/config-provider/hooks/useCSSVarCls';\nimport { FormContext, NoStyleItemContext } from 'antd/es/form/context';\nimport type { FormInstance, FormItemLayout } from 'antd/es/form/Form';\nimport type { FormItemInputProps } from 'antd/es/form/FormItemInput';\nimport type { FormItemLabelProps, LabelTooltipType } from 'antd/es/form/FormItemLabel';\nimport useChildren from 'antd/es/form/hooks/useChildren';\nimport useFormItemStatus from 'antd/es/form/hooks/useFormItemStatus';\nimport useFrameState from 'antd/es/form/hooks/useFrameState';\nimport useItemRef from 'antd/es/form/hooks/useItemRef';\nimport useStyle from 'antd/es/form/style';\nimport { getFieldId, toArray } from 'antd/es/form/util';\nimport StatusProvider from 'antd/es/form/FormItem/StatusProvider';\n\n// ============ BioTuring Custom Imports ============\nimport ItemHolder from './ItemHolder';\nimport type { ItemHolderProps } from './ItemHolder';\n\nconst NAME_SPLIT = '__SPLIT__';\n\ninterface FieldError {\n  errors: string[];\n  warnings: string[];\n}\n\nconst _ValidateStatuses = ['success', 'warning', 'error', 'validating', ''] as const;\nexport type ValidateStatus = (typeof _ValidateStatuses)[number];\n\ntype RenderChildren<Values = any> = (form: FormInstance<Values>) => React.ReactNode;\ntype RcFieldProps<Values = any> = Omit<FieldProps<Values>, 'children'>;\ntype ChildrenType<Values = any> = RenderChildren<Values> | React.ReactNode;\n\nexport type FeedbackIcons = (itemStatus: {\n  status: ValidateStatus;\n  errors?: React.ReactNode[];\n  warnings?: React.ReactNode[];\n}) => { [key in ValidateStatus]?: React.ReactNode };\n\ninterface MemoInputProps {\n  control: object;\n  update: any;\n  children: React.ReactNode;\n  childProps: any[];\n}\n\n// https://github.com/ant-design/ant-design/issues/46417\n// `getValueProps` may modify the value props name,\n// we should check if the control is similar.\nfunction isSimilarControl(a: object, b: object) {\n  const keysA = Object.keys(a);\n  const keysB = Object.keys(b);\n\n  return (\n    keysA.length === keysB.length &&\n    keysA.every((key) => {\n      const propValueA = (a as any)[key];\n      const propValueB = (b as any)[key];\n\n      return (\n        propValueA === propValueB ||\n        typeof propValueA === 'function' ||\n        typeof propValueB === 'function'\n      );\n    })\n  );\n}\n\nconst MemoInput = React.memo(\n  ({ children }: MemoInputProps) => children as JSX.Element,\n  (prev, next) =>\n    isSimilarControl(prev.control, next.control) &&\n    prev.update === next.update &&\n    prev.childProps.length === next.childProps.length &&\n    prev.childProps.every((value, index) => value === next.childProps[index]),\n);\n\nexport interface FormItemProps<Values = any>\n  extends Omit<FormItemLabelProps, 'requiredMark'>,\n    FormItemInputProps,\n    RcFieldProps<Values> {\n  prefixCls?: string;\n  noStyle?: boolean;\n  style?: React.CSSProperties;\n  className?: string;\n  rootClassName?: string;\n  children?: ChildrenType<Values>;\n  id?: string;\n  hasFeedback?: boolean | { icons: FeedbackIcons };\n  validateStatus?: ValidateStatus;\n  required?: boolean;\n  hidden?: boolean;\n  initialValue?: any;\n  messageVariables?: Record<string, string>;\n  tooltip?: LabelTooltipType;\n  /** @deprecated No need anymore */\n  fieldKey?: React.Key | React.Key[];\n  layout?: FormItemLayout;\n  \n  // ============ BioTuring Custom Props ============\n  /**\n   * Custom class names for different parts of the form item\n   * @custom BioTuring addition\n   */\n  classNames?: {\n    /** Class name for the form item root wrapper */\n    root?: string;\n    /** Class name for the row container */\n    row?: string;\n    /** Class name for the label column wrapper */\n    label?: string;\n    /** Class name for the label text element */\n    labelText?: string;\n    /** Class name for the label tooltip icon */\n    labelIcon?: string;\n    /** Class name for the control/input wrapper column */\n    control?: string;\n    /** Class name for the control input wrapper */\n    controlInput?: string;\n    /** Class name for the control input content */\n    controlInputContent?: string;\n    /** Class name for the additional wrapper (errors + extra) */\n    additional?: string;\n    /** Class name for the error/help message wrapper */\n    explain?: string;\n    /** Class name for the extra text wrapper */\n    extra?: string;\n    /** Class name for the feedback icon */\n    feedbackIcon?: string;\n  };\n  \n  /**\n   * Whether to show the optional mark\n   * @default false\n   * @custom BioTuring addition\n   */\n  optionalMark?: boolean | React.ReactNode;\n  \n  /**\n   * Custom required mark (enhanced from antd to support ReactNode)\n   * @default true\n   * @custom BioTuring addition - enhanced to support ReactNode\n   */\n  requiredMark?: boolean | React.ReactNode;\n  \n  /**\n   * Custom render function for the label\n   * @custom BioTuring addition\n   */\n  labelRender?: (label: React.ReactElement) => React.ReactElement;\n  // ============ End Custom Props ============\n}\n\nfunction genEmptyMeta(): Meta {\n  return {\n    errors: [],\n    warnings: [],\n    touched: false,\n    validating: false,\n    name: [],\n    validated: false,\n  };\n}\n\nfunction InternalFormItem<Values = any>(props: FormItemProps<Values>): React.ReactElement {\n  const {\n    name,\n    noStyle,\n    className,\n    dependencies,\n    prefixCls: customizePrefixCls,\n    shouldUpdate,\n    rules,\n    children,\n    required,\n    label,\n    messageVariables,\n    trigger = 'onChange',\n    validateTrigger,\n    hidden,\n    help,\n    layout,\n    // ============ BioTuring Custom: Extract custom props ============\n    classNames: customClassNames,\n    optionalMark,\n    requiredMark,\n    labelRender,\n    // ============ End Custom ============\n  } = props;\n  const { getPrefixCls } = React.useContext(ConfigContext);\n  const { name: formName } = React.useContext(FormContext);\n\n  const mergedChildren = useChildren(children);\n\n  const isRenderProps = typeof mergedChildren === 'function';\n  const notifyParentMetaChange = React.useContext(NoStyleItemContext);\n\n  const { validateTrigger: contextValidateTrigger } = React.useContext(FieldContext);\n  const mergedValidateTrigger =\n    validateTrigger !== undefined ? validateTrigger : contextValidateTrigger;\n\n  const hasName = !(name === undefined || name === null);\n\n  const prefixCls = getPrefixCls('form', customizePrefixCls);\n\n  // Style\n  const rootCls = useCSSVarCls(prefixCls);\n  const [wrapCSSVar, hashId, cssVarCls] = useStyle(prefixCls, rootCls);\n\n  // ========================= Warn =========================\n  const warning = devUseWarning('Form.Item');\n\n  if (process.env.NODE_ENV !== 'production') {\n    warning(name !== null, 'usage', '`null` is passed as `name` property');\n  }\n\n  // ========================= MISC =========================\n  // Get `noStyle` required info\n  const listContext = React.useContext(ListContext);\n  const fieldKeyPathRef = React.useRef<InternalNamePath>(null);\n\n  // ======================== Errors ========================\n  // >>>>> Collect sub field errors\n  const [subFieldErrors, setSubFieldErrors] = useFrameState<Record<string, FieldError>>({});\n\n  // >>>>> Current field errors\n  const [meta, setMeta] = useState<Meta>(() => genEmptyMeta());\n\n  const onMetaChange = (nextMeta: Meta & { destroy?: boolean }) => {\n    // This keyInfo is not correct when field is removed\n    // Since origin keyManager no longer keep the origin key anymore\n    // Which means we need cache origin one and reuse when removed\n    const keyInfo = listContext?.getKey(nextMeta.name);\n\n    // Destroy will reset all the meta\n    setMeta(nextMeta.destroy ? genEmptyMeta() : nextMeta, true);\n\n    // Bump to parent since noStyle\n    if (noStyle && help !== false && notifyParentMetaChange) {\n      let namePath = nextMeta.name;\n\n      if (!nextMeta.destroy) {\n        if (keyInfo !== undefined) {\n          const [fieldKey, restPath] = keyInfo;\n          namePath = [fieldKey, ...restPath];\n          fieldKeyPathRef.current = namePath;\n        }\n      } else {\n        // Use origin cache data\n        namePath = fieldKeyPathRef.current || namePath;\n      }\n      notifyParentMetaChange(nextMeta, namePath);\n    }\n  };\n\n  // >>>>> Collect noStyle Field error to the top FormItem\n  const onSubItemMetaChange: ItemHolderProps['onSubItemMetaChange'] = (subMeta, uniqueKeys) => {\n    // Only `noStyle` sub item will trigger\n    setSubFieldErrors((prevSubFieldErrors) => {\n      const clone = {\n        ...prevSubFieldErrors,\n      };\n\n      // name: ['user', 1] + key: [4] = ['user', 4]\n      const mergedNamePath = [...subMeta.name.slice(0, -1), ...uniqueKeys];\n      const mergedNameKey = mergedNamePath.join(NAME_SPLIT);\n\n      if ((subMeta as any).destroy) {\n        // Remove\n        delete clone[mergedNameKey];\n      } else {\n        // Update\n        clone[mergedNameKey] = subMeta;\n      }\n\n      return clone;\n    });\n  };\n\n  // >>>>> Get merged errors\n  const [mergedErrors, mergedWarnings] = React.useMemo(() => {\n    const errorList: string[] = [...meta.errors];\n    const warningList: string[] = [...meta.warnings];\n\n    Object.values(subFieldErrors).forEach((subFieldError) => {\n      errorList.push(...(subFieldError.errors || []));\n      warningList.push(...(subFieldError.warnings || []));\n    });\n\n    return [errorList, warningList];\n  }, [subFieldErrors, meta.errors, meta.warnings]);\n\n  // ===================== Children Ref =====================\n  const getItemRef = useItemRef();\n\n  // ======================== Render ========================\n  function renderLayout(\n    baseChildren: React.ReactNode,\n    fieldId?: string,\n    isRequired?: boolean,\n  ): React.ReactNode {\n    if (noStyle && !hidden) {\n      return (\n        <StatusProvider\n          prefixCls={prefixCls}\n          hasFeedback={props.hasFeedback}\n          validateStatus={props.validateStatus}\n          meta={meta}\n          errors={mergedErrors}\n          warnings={mergedWarnings}\n          noStyle\n          name={name}\n        >\n          {baseChildren}\n        </StatusProvider>\n      );\n    }\n\n    // ============ BioTuring Custom: Pass custom props to ItemHolder ============\n    return (\n      <ItemHolder\n        key=\"row\"\n        {...props}\n        className={classNames(className, cssVarCls, rootCls, hashId)}\n        prefixCls={prefixCls}\n        fieldId={fieldId}\n        isRequired={isRequired}\n        errors={mergedErrors}\n        warnings={mergedWarnings}\n        meta={meta}\n        onSubItemMetaChange={onSubItemMetaChange}\n        layout={layout}\n        name={name}\n        classNames={customClassNames}\n        optionalMark={optionalMark}\n        requiredMark={requiredMark}\n        labelRender={labelRender}\n      >\n        {baseChildren}\n      </ItemHolder>\n    );\n    // ============ End Custom ============\n  }\n\n  if (!hasName && !isRenderProps && !dependencies) {\n    return wrapCSSVar(renderLayout(mergedChildren) as JSX.Element);\n  }\n\n  let variables: Record<string, string> = {};\n  if (typeof label === 'string') {\n    variables.label = label;\n  } else if (name) {\n    variables.label = String(name);\n  }\n  if (messageVariables) {\n    variables = { ...variables, ...messageVariables };\n  }\n\n  // >>>>> With Field\n  return wrapCSSVar(\n    <Field\n      {...props}\n      messageVariables={variables}\n      trigger={trigger}\n      validateTrigger={mergedValidateTrigger}\n      onMetaChange={onMetaChange}\n    >\n      {(control, renderMeta, context) => {\n        const mergedName = toArray(name).length && renderMeta ? renderMeta.name : [];\n        const fieldId = getFieldId(mergedName, formName);\n\n        const isRequired =\n          required !== undefined\n            ? required\n            : !!rules?.some((rule) => {\n                if (rule && typeof rule === 'object' && rule.required && !rule.warningOnly) {\n                  return true;\n                }\n                if (typeof rule === 'function') {\n                  const ruleEntity = rule(context);\n                  return ruleEntity?.required && !ruleEntity?.warningOnly;\n                }\n                return false;\n              });\n\n        // ======================= Children =======================\n        const mergedControl: typeof control = {\n          ...control,\n        };\n\n        let childNode: React.ReactNode = null;\n\n        warning(\n          !(shouldUpdate && dependencies),\n          'usage',\n          \"`shouldUpdate` and `dependencies` shouldn't be used together. See https://u.ant.design/form-deps.\",\n        );\n        if (Array.isArray(mergedChildren) && hasName) {\n          warning(\n            false,\n            'usage',\n            'A `Form.Item` with a `name` prop must have a single child element. For information on how to render more complex form items, see https://u.ant.design/complex-form-item.',\n          );\n          childNode = mergedChildren;\n        } else if (isRenderProps && (!(shouldUpdate || dependencies) || hasName)) {\n          warning(\n            !!(shouldUpdate || dependencies),\n            'usage',\n            'A `Form.Item` with a render function must have either `shouldUpdate` or `dependencies`.',\n          );\n          warning(\n            !hasName,\n            'usage',\n            'A `Form.Item` with a render function cannot be a field, and thus cannot have a `name` prop.',\n          );\n        } else if (dependencies && !isRenderProps && !hasName) {\n          warning(\n            false,\n            'usage',\n            'Must set `name` or use a render function when `dependencies` is set.',\n          );\n        } else if (React.isValidElement<{ defaultValue?: any }>(mergedChildren)) {\n          warning(\n            mergedChildren.props.defaultValue === undefined,\n            'usage',\n            '`defaultValue` will not work on controlled Field. You should use `initialValues` of Form instead.',\n          );\n\n          const childProps: React.ReactElement<any>['props'] = {\n            ...mergedChildren.props,\n            ...mergedControl,\n          };\n\n          if (!childProps.id) {\n            childProps.id = fieldId;\n          }\n\n          if (help || mergedErrors.length > 0 || mergedWarnings.length > 0 || props.extra) {\n            const describedbyArr = [];\n            if (help || mergedErrors.length > 0) {\n              describedbyArr.push(`${fieldId}_help`);\n            }\n            if (props.extra) {\n              describedbyArr.push(`${fieldId}_extra`);\n            }\n            childProps['aria-describedby'] = describedbyArr.join(' ');\n          }\n\n          if (mergedErrors.length > 0) {\n            childProps['aria-invalid'] = 'true';\n          }\n\n          if (isRequired) {\n            childProps['aria-required'] = 'true';\n          }\n\n          if (supportRef(mergedChildren)) {\n            childProps.ref = getItemRef(mergedName, mergedChildren);\n          }\n\n          // We should keep user origin event handler\n          const triggers = new Set<string>([\n            ...toArray(trigger),\n            ...toArray(mergedValidateTrigger),\n          ]);\n\n          triggers.forEach((eventName) => {\n            childProps[eventName] = (...args: any[]) => {\n              mergedControl[eventName]?.(...args);\n              (mergedChildren as React.ReactElement<any>).props[eventName]?.(...args);\n            };\n          });\n\n          // List of props that need to be watched for changes -> if changes are detected in MemoInput -> rerender\n          const watchingChildProps = [\n            childProps['aria-required'],\n            childProps['aria-invalid'],\n            childProps['aria-describedby'],\n          ];\n\n          childNode = (\n            <MemoInput\n              control={mergedControl}\n              update={mergedChildren}\n              childProps={watchingChildProps}\n            >\n              {cloneElement(mergedChildren, childProps)}\n            </MemoInput>\n          );\n        } else if (isRenderProps && (shouldUpdate || dependencies) && !hasName) {\n          childNode = mergedChildren(context as any);\n        } else {\n          warning(\n            !mergedName.length || !!noStyle,\n            'usage',\n            '`name` is only used for validate React element. If you are using Form.Item as layout display, please remove `name` instead.',\n          );\n          childNode = mergedChildren as React.ReactNode;\n        }\n\n        return renderLayout(childNode, fieldId, isRequired);\n      }}\n    </Field>,\n  );\n}\n\ntype InternalFormItemType = typeof InternalFormItem;\n\ntype CompoundedComponent = InternalFormItemType & {\n  useStatus: typeof useFormItemStatus;\n};\n\nconst FormItem = InternalFormItem as CompoundedComponent;\nFormItem.useStatus = useFormItemStatus;\n\nexport default FormItem;\n"],"names":["NAME_SPLIT","isSimilarControl","a","b","keysA","keysB","key","propValueA","propValueB","MemoInput","React","children","prev","next","value","index","genEmptyMeta","InternalFormItem","props","name","noStyle","className","dependencies","customizePrefixCls","shouldUpdate","rules","required","label","messageVariables","trigger","validateTrigger","hidden","help","layout","customClassNames","optionalMark","requiredMark","labelRender","getPrefixCls","ConfigContext","formName","FormContext","mergedChildren","useChildren","isRenderProps","notifyParentMetaChange","NoStyleItemContext","contextValidateTrigger","FieldContext","mergedValidateTrigger","hasName","prefixCls","rootCls","useCSSVarCls","wrapCSSVar","hashId","cssVarCls","useStyle","warning","devUseWarning","listContext","ListContext","fieldKeyPathRef","subFieldErrors","setSubFieldErrors","useFrameState","meta","setMeta","useState","onMetaChange","nextMeta","keyInfo","namePath","fieldKey","restPath","onSubItemMetaChange","subMeta","uniqueKeys","prevSubFieldErrors","clone","mergedNameKey","mergedErrors","mergedWarnings","errorList","warningList","subFieldError","getItemRef","useItemRef","renderLayout","baseChildren","fieldId","isRequired","jsx","StatusProvider","ItemHolder","classNames","variables","Field","control","renderMeta","context","mergedName","toArray","getFieldId","rule","ruleEntity","mergedControl","childNode","childProps","describedbyArr","supportRef","eventName","args","watchingChildProps","cloneElement","FormItem","useFormItemStatus"],"mappings":"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"}

package/dist/components/form/component.d.ts

@@ -10,7 +10,13 @@ export declare const Form: (<Values = unknown>({ ...rest }: InternalFormProps<Va
     useForm: typeof useForm;
     useFormInstance: typeof useFormInstance;
     useWatch: typeof useWatch;
-    Item: <Values = unknown>({ tooltip, label, optionalMark, requiredMark, labelRender, required, rules, children, ...rest }: FormItemProps<Values>) => import("react/jsx-runtime").JSX.Element;
+    Item: (<Values = any>(props: FormItemProps<Values>) => React.ReactElement) & {
+        useStatus: () => {
+            status?: import('antd/es/form/FormItem').ValidateStatus;
+            errors: React.ReactNode[];
+            warnings: React.ReactNode[];
+        };
+    };
     List: React.FC<import('antd/es/form').FormListProps>;
     ErrorList: React.FC<import('antd/es/form').ErrorListProps>;
     Provider: React.FC<import('antd/es/form/context').FormProviderProps>;

package/dist/components/form/component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/components/form/component.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,SAAS,IAAI,aAAa,EAC1B,OAAO,IAAI,gBAAgB,EAC3B,OAAO,EACP,QAAQ,EACT,MAAM,mBAAmB,CAAC;AAG3B,OAAO,eAAe,MAAM,oCAAoC,CAAC;AACjE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAY,KAAK,aAAa,EAAE,MAAM,QAAQ,CAAC;AAItD,OAAO,aAAa,CAAC;AAErB,MAAM,WAAW,SAAS,CAAC,MAAM,GAAG,OAAO,CAAE,SAAQ,aAAa,CAAC,MAAM,CAAC;CAAG;AAE7E,UAAU,iBAAiB,CAAC,MAAM,GAAG,OAAO,CAC1C,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,MAAM,CAAC,CAAC;CAAG;AAQlE,eAAO,MAAM,IAAI,IANK,MAAM,yBAEzB,iBAAiB,CAAC,MAAM,CAAC;;;;;;;;;WAgB2iD,CAAC;;CAHtkD,CAAC;AAEH,YAAY,EAAE,aAAa,EAAE,CAAC"}
+{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/components/form/component.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,SAAS,IAAI,aAAa,EAC1B,OAAO,IAAI,gBAAgB,EAC3B,OAAO,EACP,QAAQ,EACT,MAAM,mBAAmB,CAAC;AAG3B,OAAO,eAAe,MAAM,oCAAoC,CAAC;AACjE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAY,KAAK,aAAa,EAAE,MAAM,QAAQ,CAAC;AAItD,OAAO,aAAa,CAAC;AAErB,MAAM,WAAW,SAAS,CAAC,MAAM,GAAG,OAAO,CAAE,SAAQ,aAAa,CAAC,MAAM,CAAC;CAAG;AAE7E,UAAU,iBAAiB,CAAC,MAAM,GAAG,OAAO,CAC1C,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,MAAM,CAAC,CAAC;CAAG;AAQlE,eAAO,MAAM,IAAI,IANK,MAAM,yBAEzB,iBAAiB,CAAC,MAAM,CAAC;;;;;;kBApBxB,CAAC;;;;;;;;;WAoCiqD,CAAC;;CAHrqD,CAAC;AAEH,YAAY,EAAE,aAAa,EAAE,CAAC"}

package/dist/components/form/component.js

@@ -5,20 +5,20 @@ import t, { useWatch as e, useForm as i } from "antd/es/form/Form";
 import s from "antd/es/form/FormList";
 import { FormProvider as n } from "antd/es/form/context";
 import p from "antd/es/form/hooks/useFormInstance";
-import { FormItem as F } from "./item.js";
-import { FormLabel as f } from "./label.js";
+import { FormLabel as F } from "./label.js";
 import './style.css';/* empty css          */
+import f from "./FormItem/index.js";
 const a = ({
   ...r
 }) => /* @__PURE__ */ o(t, { ...r }), x = Object.assign(a, {
   useForm: i,
   useFormInstance: p,
   useWatch: e,
-  Item: F,
+  Item: f,
   List: s,
   ErrorList: m,
   Provider: n,
-  Label: f
+  Label: F
 });
 export {
   x as Form

package/dist/components/form/item.d.ts

@@ -1,24 +1,28 @@
-import { FormItemProps as AntdFormItemProps } from 'antd/es/form/FormItem';
-import { default as React } from 'react';
-export interface FormItemProps<Values = unknown> extends Omit<AntdFormItemProps<Values>, "children"> {
-    /**
-     * Whether show the optional mark. By default, optional item will not show the optional mark.
-     * @default false
-     */
-    optionalMark?: boolean | React.ReactNode;
-    /**
-     * Whether show the asterisk when the field is required
-     * @default true
-     */
-    requiredMark?: boolean | React.ReactNode;
-    /**
-     * Custom render function for the label
-     */
-    labelRender?: (label: React.ReactElement) => React.ReactElement;
-    /**
-     * Form item children - can be React nodes or render functions
-     */
-    children?: AntdFormItemProps<Values>["children"];
-}
-export declare const FormItem: <Values = unknown>({ tooltip, label, optionalMark, requiredMark, labelRender, required, rules, children, ...rest }: FormItemProps<Values>) => import("react/jsx-runtime").JSX.Element;
+/**
+ * FormItem - Full Ant Design implementation with BioTuring customizations
+ *
+ * This component provides the complete Ant Design FormItem functionality with additional
+ * customization options including:
+ *
+ * Features:
+ * - Custom classNames prop for styling sub-elements (root, row, label, control, input, etc.)
+ * - optionalMark prop to show optional field indicator
+ * - Enhanced requiredMark prop (supports boolean | ReactNode)
+ * - labelRender prop for custom label rendering
+ * - Full Ant Design validation, error handling, and form field features
+ *
+ * Integration:
+ * - Uses custom FormLabel component (from ./label.tsx) for consistent styling
+ * - FormLabel can also be used standalone outside of Form.Item
+ * - Maintains 100% backward compatibility with existing code
+ *
+ * Implementation:
+ * - See ./FormItem/index.tsx for main FormItem logic
+ * - See ./FormItem/ItemHolder.tsx for layout wrapper
+ * - See ./FormItem/FormItemInput.tsx for input/control wrapper
+ * - See ./FormItem/FormItemLabel.tsx for label wrapper with FormLabel integration
+ *
+ * Last updated: 2025-02-04
+ */
+export { default as FormItem, type FormItemProps } from './FormItem';
 //# sourceMappingURL=item.d.ts.map

package/dist/components/form/item.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"item.d.ts","sourceRoot":"","sources":["../../../src/components/form/item.tsx"],"names":[],"mappings":"AACA,OAAO,EAEL,KAAK,aAAa,IAAI,iBAAiB,EACxC,MAAM,uBAAuB,CAAC;AAG/B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,WAAW,aAAa,CAAC,MAAM,GAAG,OAAO,CAC7C,SAAQ,IAAI,CAAC,iBAAiB,CAAC,MAAM,CAAC,EAAE,UAAU,CAAC;IAEnD;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC,SAAS,CAAC;IACzC;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC,SAAS,CAAC;IACzC;;OAEG;IACH,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,YAAY,KAAK,KAAK,CAAC,YAAY,CAAC;IAChE;;OAEG;IACH,QAAQ,CAAC,EAAE,iBAAiB,CAAC,MAAM,CAAC,CAAC,UAAU,CAAC,CAAC;CAClD;AAED,eAAO,MAAM,QAAQ,GAAI,MAAM,GAAG,OAAO,EAAG,iGAUzC,aAAa,CAAC,MAAM,CAAC,4CA0BvB,CAAC"}
+{"version":3,"file":"item.d.ts","sourceRoot":"","sources":["../../../src/components/form/item.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AAEH,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,YAAY,CAAC"}

package/dist/components/form/label.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"label.d.ts","sourceRoot":"","sources":["../../../src/components/form/label.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAEZ,KAAK,WAAW,EAChB,KAAK,GAAG,EACR,qBAAqB,EAEtB,MAAM,OAAO,CAAC;AACf,OAAO,EAEL,mBAAmB,EAEnB,oBAAoB,EAErB,MAAM,UAAU,CAAC;AAGlB,OAAO,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AAEjE,MAAM,MAAM,cAAc,CAAC,CAAC,SAAS,WAAW,GAAG,OAAO,IACxD,mBAAmB,CAAC,CAAC,CAAC,GAAG;IACvB;;OAEG;IACH,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB;;OAEG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,mBAAmB,CAAC;IAChD;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC,SAAS,CAAC;IACzC;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC,SAAS,CAAC;CAC1C,CAAC;AAEJ;;GAEG;AACH,QAAA,MAAM,aAAa,GAAI,CAAC,SAAS,WAAW,GAAG,OAAO,EACpD,gFASG,cAAc,CAAC,CAAC,CAAC,EACpB,KAAK,GAAG,CAAC,oBAAoB,CAAC,CAAC,CAAC,CAAC,4CAqDlC,CAAC;AAGF,eAAO,MAAM,SAAS,EAAgC,CACpD,CAAC,SAAS,WAAW,GAAG,OAAO,EAE/B,KAAK,EAAE,cAAc,CAAC,CAAC,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,qBAAqB,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAA;CAAE,KACjE,UAAU,CAAC,OAAO,aAAa,CAAC,CAAC"}
+{"version":3,"file":"label.d.ts","sourceRoot":"","sources":["../../../src/components/form/label.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAEZ,KAAK,WAAW,EAChB,KAAK,GAAG,EACR,qBAAqB,EAEtB,MAAM,OAAO,CAAC;AACf,OAAO,EAEL,mBAAmB,EAEnB,oBAAoB,EAErB,MAAM,UAAU,CAAC;AAGlB,OAAO,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AAEjE,MAAM,MAAM,cAAc,CAAC,CAAC,SAAS,WAAW,GAAG,OAAO,IACxD,mBAAmB,CAAC,CAAC,CAAC,GAAG;IACvB;;OAEG;IACH,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB;;OAEG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,mBAAmB,CAAC;IAChD;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC,SAAS,CAAC;IACzC;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC,SAAS,CAAC;CAC1C,CAAC;AAEJ;;GAEG;AACH,QAAA,MAAM,aAAa,GAAI,CAAC,SAAS,WAAW,GAAG,OAAO,EACpD,gFASG,cAAc,CAAC,CAAC,CAAC,EACpB,KAAK,GAAG,CAAC,oBAAoB,CAAC,CAAC,CAAC,CAAC,4CAuDlC,CAAC;AAGF,eAAO,MAAM,SAAS,EAAgC,CACpD,CAAC,SAAS,WAAW,GAAG,OAAO,EAE/B,KAAK,EAAE,cAAc,CAAC,CAAC,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,qBAAqB,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAA;CAAE,KACjE,UAAU,CAAC,OAAO,aAAa,CAAC,CAAC"}

package/dist/components/form/label.js

@@ -1,58 +1,60 @@
 "use client";
-import { jsx as o } from "react/jsx-runtime";
-import { forwardRef as b, isValidElement as d } from "react";
-import { QuestionIcon as h } from "@bioturing/assets";
-import { useCls as u } from "../utils/antdUtils.js";
-import { IconButton as y } from "../icon-button/component.js";
-import { cn as N } from "../utils/cn.js";
-import { WithRenderProp as x } from "../utils/WithRenderProp.js";
+import { jsx as e } from "react/jsx-runtime";
+import b, { forwardRef as d, isValidElement as h } from "react";
+import { QuestionIcon as u } from "@bioturing/assets";
+import { useCls as y } from "../utils/antdUtils.js";
+import { IconButton as N } from "../icon-button/component.js";
+import { cn as x } from "../utils/cn.js";
+import { WithRenderProp as F } from "../utils/WithRenderProp.js";
 const I = ({
-  label: n,
+  label: t,
   tooltip: m,
-  optionalMark: l,
-  requiredMark: e,
-  className: t,
-  as: i,
-  render: a,
+  optionalMark: r,
+  requiredMark: o,
+  className: n,
+  as: a,
+  render: i,
   ...s
 }, c) => {
-  const r = u(), f = [
-    n,
-    m && /* @__PURE__ */ o(
-      y,
+  const l = y(), f = [
+    /* @__PURE__ */ e(b.Fragment, { children: t }, "label"),
+    m && /* @__PURE__ */ e(
+      N,
       {
-        className: r("form-item-explaination-icon"),
-        label: typeof m == "string" || d(m) ? m : void 0,
-        children: /* @__PURE__ */ o(h, {})
+        className: l("form-item-explaination-icon"),
+        render: /* @__PURE__ */ e("span", {}),
+        label: typeof m == "string" || h(m) ? m : void 0,
+        title: "",
+        children: /* @__PURE__ */ e(u, {})
       },
       "tooltip"
     ),
-    l && /* @__PURE__ */ o("span", { className: r("form-item-label-optional-mark"), children: typeof l == "boolean" ? "(optional)" : l }, "optional"),
-    e && /* @__PURE__ */ o(
+    r && /* @__PURE__ */ e("span", { className: l("form-item-label-optional-mark"), children: typeof r == "boolean" ? "(optional)" : r }, "optional"),
+    o && /* @__PURE__ */ e(
       "span",
       {
-        className: r(
+        className: l(
           "form-item-label-required-mark",
-          typeof e == "boolean" ? "form-item-label-required-mark-asterisk" : ""
+          typeof o == "boolean" ? "form-item-label-required-mark-asterisk" : ""
         ),
-        children: typeof e == "boolean" ? "*" : e
+        children: typeof o == "boolean" ? "*" : o
       },
       "required"
     )
   ], p = {
     ref: c,
-    className: N(
-      r(
+    className: x(
+      l(
         "form-item-label-inner",
-        e && "form-item-label-with-required-mark"
+        o && "form-item-label-with-required-mark"
       ),
-      t
+      n
     ),
     children: f,
     ...s
   };
-  return /* @__PURE__ */ o(x, { as: i || "span", render: a, ...p });
-}, j = b(I);
+  return /* @__PURE__ */ e(F, { as: a || "span", render: i, ...p });
+}, j = d(I);
 export {
   j as FormLabel
 };

package/dist/components/form/label.js.map

@@ -1 +1 @@
-{"version":3,"file":"label.js","sources":["../../../src/components/form/label.tsx"],"sourcesContent":["\"use client\";\nimport React, {\n  forwardRef,\n  type ElementType,\n  type Ref,\n  ComponentPropsWithRef,\n  isValidElement,\n} from \"react\";\nimport {\n  useCls,\n  WithRenderPropProps,\n  WithRenderProp,\n  ElementTypeToDOMType,\n  cn,\n} from \"../utils\";\nimport { IconButton } from \"../icon-button\";\nimport { QuestionIcon } from \"@bioturing/assets\";\nimport { WrapperTooltipProps } from \"antd/es/form/FormItemLabel\";\n\nexport type FormLabelProps<E extends ElementType = \"label\"> =\n  WithRenderPropProps<E> & {\n    /**\n     * Label content to display\n     */\n    label: React.ReactNode;\n    /**\n     * Optional tooltip to display next to the label\n     */\n    tooltip?: React.ReactNode | WrapperTooltipProps;\n    /**\n     * Whether to show optional mark or custom optional mark content\n     * @default false\n     */\n    optionalMark?: boolean | React.ReactNode;\n    /**\n     * Whether to show required mark or custom required mark content\n     * @default true\n     */\n    requiredMark?: boolean | React.ReactNode;\n  };\n\n/**\n * Implementation of the FormLabel component\n */\nconst FormLabelImpl = <E extends ElementType = \"label\">(\n  {\n    label,\n    tooltip,\n    optionalMark,\n    requiredMark,\n    className,\n    as,\n    render,\n    ...rest\n  }: FormLabelProps<E>,\n  ref: Ref<ElementTypeToDOMType<E>>\n) => {\n  const cls = useCls();\n\n  const labelContent = [\n    label,\n    tooltip && (\n      <IconButton\n        key=\"tooltip\"\n        className={cls(\"form-item-explaination-icon\")}\n        label={\n          typeof tooltip === \"string\" || isValidElement(tooltip)\n            ? tooltip\n            : undefined\n        }\n      >\n        <QuestionIcon />\n      </IconButton>\n    ),\n    optionalMark && (\n      <span key=\"optional\" className={cls(\"form-item-label-optional-mark\")}>\n        {typeof optionalMark === \"boolean\" ? \"(optional)\" : optionalMark}\n      </span>\n    ),\n    requiredMark && (\n      <span\n        key=\"required\"\n        className={cls(\n          \"form-item-label-required-mark\",\n          typeof requiredMark === \"boolean\"\n            ? \"form-item-label-required-mark-asterisk\"\n            : \"\"\n        )}\n      >\n        {typeof requiredMark === \"boolean\" ? \"*\" : requiredMark}\n      </span>\n    ),\n  ];\n\n  const elementProps = {\n    ref,\n    className: cn(\n      cls(\n        \"form-item-label-inner\",\n        requiredMark && \"form-item-label-with-required-mark\"\n      ),\n      className\n    ),\n    children: labelContent,\n    ...rest,\n  };\n\n  return <WithRenderProp as={as || \"span\"} render={render} {...elementProps} />;\n};\n\n// Export with correct typing\nexport const FormLabel = forwardRef(FormLabelImpl) as <\n  E extends ElementType = \"label\"\n>(\n  props: FormLabelProps<E> & { ref?: ComponentPropsWithRef<E>[\"ref\"] }\n) => ReturnType<typeof FormLabelImpl>;\n"],"names":["FormLabelImpl","label","tooltip","optionalMark","requiredMark","className","as","render","rest","ref","cls","useCls","labelContent","jsx","IconButton","isValidElement","QuestionIcon","elementProps","cn","WithRenderProp","FormLabel","forwardRef"],"mappings":";;;;;;;;AA4CA,MAAMA,IAAgB,CACpB;AAAA,EACE,OAAAC;AAAA,EACA,SAAAC;AAAA,EACA,cAAAC;AAAA,EACA,cAAAC;AAAA,EACA,WAAAC;AAAA,EACA,IAAAC;AAAA,EACA,QAAAC;AAAA,EACA,GAAGC;AACL,GACAC,MACG;AACH,QAAMC,IAAMC,EAAA,GAENC,IAAe;AAAA,IACnBX;AAAA,IACAC,KACE,gBAAAW;AAAA,MAACC;AAAA,MAAA;AAAA,QAEC,WAAWJ,EAAI,6BAA6B;AAAA,QAC5C,OACE,OAAOR,KAAY,YAAYa,EAAeb,CAAO,IACjDA,IACA;AAAA,QAGN,4BAACc,GAAA,CAAA,CAAa;AAAA,MAAA;AAAA,MARV;AAAA,IAAA;AAAA,IAWRb,KACE,gBAAAU,EAAC,QAAA,EAAoB,WAAWH,EAAI,+BAA+B,GAChE,UAAA,OAAOP,KAAiB,YAAY,eAAeA,EAAA,GAD5C,UAEV;AAAA,IAEFC,KACE,gBAAAS;AAAA,MAAC;AAAA,MAAA;AAAA,QAEC,WAAWH;AAAA,UACT;AAAA,UACA,OAAON,KAAiB,YACpB,2CACA;AAAA,QAAA;AAAA,QAGL,UAAA,OAAOA,KAAiB,YAAY,MAAMA;AAAA,MAAA;AAAA,MARvC;AAAA,IAAA;AAAA,EASN,GAIEa,IAAe;AAAA,IACnB,KAAAR;AAAA,IACA,WAAWS;AAAA,MACTR;AAAA,QACE;AAAA,QACAN,KAAgB;AAAA,MAAA;AAAA,MAElBC;AAAA,IAAA;AAAA,IAEF,UAAUO;AAAA,IACV,GAAGJ;AAAA,EAAA;AAGL,2BAAQW,GAAA,EAAe,IAAIb,KAAM,QAAQ,QAAAC,GAAiB,GAAGU,GAAc;AAC7E,GAGaG,IAAYC,EAAWrB,CAAa;"}
+{"version":3,"file":"label.js","sources":["../../../src/components/form/label.tsx"],"sourcesContent":["\"use client\";\nimport React, {\n  forwardRef,\n  type ElementType,\n  type Ref,\n  ComponentPropsWithRef,\n  isValidElement,\n} from \"react\";\nimport {\n  useCls,\n  WithRenderPropProps,\n  WithRenderProp,\n  ElementTypeToDOMType,\n  cn,\n} from \"../utils\";\nimport { IconButton } from \"../icon-button\";\nimport { QuestionIcon } from \"@bioturing/assets\";\nimport { WrapperTooltipProps } from \"antd/es/form/FormItemLabel\";\n\nexport type FormLabelProps<E extends ElementType = \"label\"> =\n  WithRenderPropProps<E> & {\n    /**\n     * Label content to display\n     */\n    label: React.ReactNode;\n    /**\n     * Optional tooltip to display next to the label\n     */\n    tooltip?: React.ReactNode | WrapperTooltipProps;\n    /**\n     * Whether to show optional mark or custom optional mark content\n     * @default false\n     */\n    optionalMark?: boolean | React.ReactNode;\n    /**\n     * Whether to show required mark or custom required mark content\n     * @default true\n     */\n    requiredMark?: boolean | React.ReactNode;\n  };\n\n/**\n * Implementation of the FormLabel component\n */\nconst FormLabelImpl = <E extends ElementType = \"label\">(\n  {\n    label,\n    tooltip,\n    optionalMark,\n    requiredMark,\n    className,\n    as,\n    render,\n    ...rest\n  }: FormLabelProps<E>,\n  ref: Ref<ElementTypeToDOMType<E>>,\n) => {\n  const cls = useCls();\n\n  const labelContent = [\n    <React.Fragment key=\"label\">{label}</React.Fragment>,\n    tooltip && (\n      <IconButton\n        key=\"tooltip\"\n        className={cls(\"form-item-explaination-icon\")}\n        render={<span />}\n        label={\n          typeof tooltip === \"string\" || isValidElement(tooltip)\n            ? tooltip\n            : undefined\n        }\n        title=\"\"\n      >\n        <QuestionIcon />\n      </IconButton>\n    ),\n    optionalMark && (\n      <span key=\"optional\" className={cls(\"form-item-label-optional-mark\")}>\n        {typeof optionalMark === \"boolean\" ? \"(optional)\" : optionalMark}\n      </span>\n    ),\n    requiredMark && (\n      <span\n        key=\"required\"\n        className={cls(\n          \"form-item-label-required-mark\",\n          typeof requiredMark === \"boolean\"\n            ? \"form-item-label-required-mark-asterisk\"\n            : \"\",\n        )}\n      >\n        {typeof requiredMark === \"boolean\" ? \"*\" : requiredMark}\n      </span>\n    ),\n  ];\n\n  const elementProps = {\n    ref,\n    className: cn(\n      cls(\n        \"form-item-label-inner\",\n        requiredMark && \"form-item-label-with-required-mark\",\n      ),\n      className,\n    ),\n    children: labelContent,\n    ...rest,\n  };\n\n  return <WithRenderProp as={as || \"span\"} render={render} {...elementProps} />;\n};\n\n// Export with correct typing\nexport const FormLabel = forwardRef(FormLabelImpl) as <\n  E extends ElementType = \"label\",\n>(\n  props: FormLabelProps<E> & { ref?: ComponentPropsWithRef<E>[\"ref\"] },\n) => ReturnType<typeof FormLabelImpl>;\n"],"names":["FormLabelImpl","label","tooltip","optionalMark","requiredMark","className","as","render","rest","ref","cls","useCls","labelContent","jsx","React","IconButton","isValidElement","QuestionIcon","elementProps","cn","WithRenderProp","FormLabel","forwardRef"],"mappings":";;;;;;;;AA4CA,MAAMA,IAAgB,CACpB;AAAA,EACE,OAAAC;AAAA,EACA,SAAAC;AAAA,EACA,cAAAC;AAAA,EACA,cAAAC;AAAA,EACA,WAAAC;AAAA,EACA,IAAAC;AAAA,EACA,QAAAC;AAAA,EACA,GAAGC;AACL,GACAC,MACG;AACH,QAAMC,IAAMC,EAAA,GAENC,IAAe;AAAA,IACnB,gBAAAC,EAACC,EAAM,UAAN,EAA4B,eAAT,OAAe;AAAA,IACnCZ,KACE,gBAAAW;AAAA,MAACE;AAAA,MAAA;AAAA,QAEC,WAAWL,EAAI,6BAA6B;AAAA,QAC5C,0BAAS,QAAA,EAAK;AAAA,QACd,OACE,OAAOR,KAAY,YAAYc,EAAed,CAAO,IACjDA,IACA;AAAA,QAEN,OAAM;AAAA,QAEN,4BAACe,GAAA,CAAA,CAAa;AAAA,MAAA;AAAA,MAVV;AAAA,IAAA;AAAA,IAaRd,KACE,gBAAAU,EAAC,QAAA,EAAoB,WAAWH,EAAI,+BAA+B,GAChE,UAAA,OAAOP,KAAiB,YAAY,eAAeA,EAAA,GAD5C,UAEV;AAAA,IAEFC,KACE,gBAAAS;AAAA,MAAC;AAAA,MAAA;AAAA,QAEC,WAAWH;AAAA,UACT;AAAA,UACA,OAAON,KAAiB,YACpB,2CACA;AAAA,QAAA;AAAA,QAGL,UAAA,OAAOA,KAAiB,YAAY,MAAMA;AAAA,MAAA;AAAA,MARvC;AAAA,IAAA;AAAA,EASN,GAIEc,IAAe;AAAA,IACnB,KAAAT;AAAA,IACA,WAAWU;AAAA,MACTT;AAAA,QACE;AAAA,QACAN,KAAgB;AAAA,MAAA;AAAA,MAElBC;AAAA,IAAA;AAAA,IAEF,UAAUO;AAAA,IACV,GAAGJ;AAAA,EAAA;AAGL,2BAAQY,GAAA,EAAe,IAAId,KAAM,QAAQ,QAAAC,GAAiB,GAAGW,GAAc;AAC7E,GAGaG,IAAYC,EAAWtB,CAAa;"}

package/dist/components/form/style.css

@@ -1 +1 @@
-@layer components{.ds-form-item-label-inner{display:inline-flex;align-items:center;gap:.25rem}.ds-form-item-label-optional-mark{color:var(--ds-color-text-tertiary)}.ds-form-item-label>label.ds-form-item-required:after{display:none}.ds-form-item-label>label.ds-form-item-required:before{display:none}.ds-form-item-label-required-mark{display:inline-block;font-size:var(--ds-font-size);font-family:Inter,sans-serif;line-height:1;content:"*"}.ds-form-item-label-required-mark.ds-form-item-label-required-mark-asterisk{color:var(--ds-form-label-required-mark-color)}.ds-form-item .ds-form-item-label>label:after{display:none}.ds-form-horizontal .ds-form-item .ds-form-item-label .ds-form-item-label-inner:after{content:":";position:relative;margin-block:0;margin-inline-start:var(--ds-form-label-colon-margin-inline-start);margin-inline-end:var(--ds-form-label-colon-margin-inline-end)}.ds-form-item-explain{margin-top:.25rem}.ds-form-item-margin-offset{margin:0!important}.ds-form-item-label{overflow:visible}.ds-form-item-row .ds-form-item-label label{width:100%}}
+@layer components{.ds-form-item-label-inner{display:inline-flex;align-items:center;gap:.25rem}.ds-form-item-label-optional-mark{color:var(--ds-color-text-tertiary)}.ds-form-item-label>label.ds-form-item-required:before{display:none}.ds-form-item-label-required-mark{display:inline-block;font-size:var(--ds-font-size);font-family:Inter,sans-serif;line-height:1;content:"*"}.ds-form-item-label-required-mark.ds-form-item-label-required-mark-asterisk{color:var(--ds-form-label-required-mark-color)}.ds-form-item-explain{margin-top:.25rem}.ds-form-item-margin-offset{margin:0!important}.ds-form-item-label{overflow:visible}.ds-form-item-row .ds-form-item-label label{width:100%}.ds-form-item .ds-form-item-label>label.ds-form-item-no-colon:after,.ds-form-item-vertical .ds-form-item-label>label:after{display:none}.ds-form-item-explaination-icon{cursor:help}}

package/dist/components/toast/function.d.ts

@@ -1,6 +1,6 @@
 import { ToastManagerAddOptions } from '@base-ui/react';
 import { ToastData } from './types';
-export declare const toastManager: import('@base-ui/react').ToastManager;
+export declare const toastManager: import('@base-ui/react').ToastManager<any>;
 export declare const toast: ((message: string, options?: Omit<ToastManagerAddOptions<ToastData>, "data" | "description">) => string) & {
     info: (message: string, options?: Omit<ToastManagerAddOptions<ToastData>, "data" | "description">) => string;
     success: (message: string, options?: Omit<ToastManagerAddOptions<ToastData>, "data" | "description">) => string;

package/dist/components/toast/function.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"function.d.ts","sourceRoot":"","sources":["../../../src/components/toast/function.ts"],"names":[],"mappings":"AACA,OAAO,EAAsB,sBAAsB,EAAE,MAAM,gBAAgB,CAAC;AAC5E,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEzC,eAAO,MAAM,YAAY,uCAAiC,CAAC;AAoB3D,eAAO,MAAM,KAAK,aAhBL,MAAM,YACL,IAAI,CAAC,sBAAsB,CAAC,SAAS,CAAC,EAAE,MAAM,GAAG,aAAa,CAAC;oBADhE,MAAM,YACL,IAAI,CAAC,sBAAsB,CAAC,SAAS,CAAC,EAAE,MAAM,GAAG,aAAa,CAAC;uBADhE,MAAM,YACL,IAAI,CAAC,sBAAsB,CAAC,SAAS,CAAC,EAAE,MAAM,GAAG,aAAa,CAAC;qBADhE,MAAM,YACL,IAAI,CAAC,sBAAsB,CAAC,SAAS,CAAC,EAAE,MAAM,GAAG,aAAa,CAAC;uBADhE,MAAM,YACL,IAAI,CAAC,sBAAsB,CAAC,SAAS,CAAC,EAAE,MAAM,GAAG,aAAa,CAAC;wBADhE,MAAM,YACL,IAAI,CAAC,sBAAsB,CAAC,SAAS,CAAC,EAAE,MAAM,GAAG,aAAa,CAAC;CAqB3E,CAAC"}
+{"version":3,"file":"function.d.ts","sourceRoot":"","sources":["../../../src/components/toast/function.ts"],"names":[],"mappings":"AACA,OAAO,EAAsB,sBAAsB,EAAE,MAAM,gBAAgB,CAAC;AAC5E,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEzC,eAAO,MAAM,YAAY,4CAAiC,CAAC;AAoB3D,eAAO,MAAM,KAAK,aAhBL,MAAM,YACL,IAAI,CAAC,sBAAsB,CAAC,SAAS,CAAC,EAAE,MAAM,GAAG,aAAa,CAAC;oBADhE,MAAM,YACL,IAAI,CAAC,sBAAsB,CAAC,SAAS,CAAC,EAAE,MAAM,GAAG,aAAa,CAAC;uBADhE,MAAM,YACL,IAAI,CAAC,sBAAsB,CAAC,SAAS,CAAC,EAAE,MAAM,GAAG,aAAa,CAAC;qBADhE,MAAM,YACL,IAAI,CAAC,sBAAsB,CAAC,SAAS,CAAC,EAAE,MAAM,GAAG,aAAa,CAAC;uBADhE,MAAM,YACL,IAAI,CAAC,sBAAsB,CAAC,SAAS,CAAC,EAAE,MAAM,GAAG,aAAa,CAAC;wBADhE,MAAM,YACL,IAAI,CAAC,sBAAsB,CAAC,SAAS,CAAC,EAAE,MAAM,GAAG,aAAa,CAAC;CAqB3E,CAAC"}

package/dist/components/utils/renderProp.d.ts

@@ -20,5 +20,5 @@ import { default as React } from 'react';
  *   <button>Click me</button>
  * </Component>
  */
-export declare function createRenderProp<TProps extends object = object, TState = unknown>(children: ((props: TProps, state: TState) => React.ReactElement) | React.ReactElement, props: TProps, state?: TState): React.ReactElement;
+export declare function createRenderProp<TProps extends object = object, TState = unknown, TElement = Element>(children: ((props: TProps, state: TState) => React.ReactElement) | React.ReactElement, props: TProps, state?: TState): React.ReactElement;
 //# sourceMappingURL=renderProp.d.ts.map

package/dist/components/utils/renderProp.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"renderProp.d.ts","sourceRoot":"","sources":["../../../src/components/utils/renderProp.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,wBAAgB,gBAAgB,CAC9B,MAAM,SAAS,MAAM,GAAG,MAAM,EAC9B,MAAM,GAAG,OAAO,EAEhB,QAAQ,EACJ,CAAC,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,KAAK,CAAC,YAAY,CAAC,GACtD,KAAK,CAAC,YAAY,EACtB,KAAK,EAAE,MAAM,EACb,KAAK,CAAC,EAAE,MAAM,GACb,KAAK,CAAC,YAAY,CA0BpB"}
+{"version":3,"file":"renderProp.d.ts","sourceRoot":"","sources":["../../../src/components/utils/renderProp.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,wBAAgB,gBAAgB,CAC9B,MAAM,SAAS,MAAM,GAAG,MAAM,EAC9B,MAAM,GAAG,OAAO,EAChB,QAAQ,GAAG,OAAO,EAElB,QAAQ,EACJ,CAAC,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,KAAK,CAAC,YAAY,CAAC,GACtD,KAAK,CAAC,YAAY,EACtB,KAAK,EAAE,MAAM,EACb,KAAK,CAAC,EAAE,MAAM,GACb,KAAK,CAAC,YAAY,CAgDpB"}

package/dist/components/utils/renderProp.js

@@ -1,19 +1,25 @@
 "use client";
-import n from "react";
-import { clsx as r } from "./cn.js";
-function f(s, e, t) {
+import i from "react";
+import { clsx as N } from "./cn.js";
+import d from "merge-refs";
+function P(s, r, c) {
   if (typeof s == "function")
-    return s(e, t);
+    return s(r, c);
   {
-    const a = s, l = "className" in e ? e.className : void 0, o = r(l, a.props.className), { className: N, ...c } = e, { className: i, ...m } = a.props;
-    return n.cloneElement(a, {
-      ...c,
-      ...m,
-      className: o
+    const e = s, o = r, l = o.className, t = o.ref, m = N(l, e.props.className), a = e.ref, n = t && a ? d(a, t) : t || a, {
+      className: R,
+      ref: u,
+      ...p
+    } = o, { className: C, ...f } = e.props;
+    return i.cloneElement(e, {
+      ...p,
+      ...f,
+      className: m,
+      ref: n
     });
   }
 }
 export {
-  f as createRenderProp
+  P as createRenderProp
 };
 //# sourceMappingURL=renderProp.js.map