@bioturing/components 0.31.0 → 0.32.1

package/dist/components/field/component.js.map

@@ -1 +1 @@
-{"version":3,"file":"component.js","sources":["../../../src/components/field/component.tsx"],"sourcesContent":["\"use client\";\nimport type { InputProps, InputRef, SelectProps } from \"antd\";\nimport { Input, Select } from \"antd\";\nimport { SizeType } from \"antd/es/config-provider/SizeContext\";\nimport { RefSelectProps } from \"antd/es/select\";\nimport { ForwardedRef, forwardRef, useId } from \"react\";\nimport { clsx, useCls, useAntdCssVarClassname } from \"../utils\";\n\n// Import component-specific styles\nimport \"./style.css\";\n\nexport type FieldType = \"input\" | \"select\";\n\ntype RefType<T extends FieldType> = T extends \"input\"\n  ? InputRef\n  : T extends \"select\"\n  ? RefSelectProps\n  : never;\n\ninterface BaseFieldProps extends React.HTMLAttributes<HTMLDivElement> {\n  label?: React.ReactNode;\n  /**\n   * Block or inline display\n   * @default false\n   */\n  block?: boolean;\n  /**\n   * Size of the field\n   * @default \"small\"\n   */\n  size?: SizeType;\n  /**\n   * Colon after label\n   * @default true\n   */\n  colon?: boolean;\n}\n\ntype InputFieldProps = BaseFieldProps & {\n  type?: \"input\";\n  inputProps: InputProps;\n};\n\ntype SelectFieldProps = BaseFieldProps & {\n  type: \"select\";\n  selectProps: SelectProps;\n};\n\nexport type FieldProps<T extends FieldType = \"input\"> = T extends \"input\"\n  ? InputFieldProps\n  : SelectFieldProps;\n\n/**\n * Generic Field component that forwards ref to Input or Select\n */\nconst FieldInner = <T extends FieldType>(\n  {\n    label,\n    className,\n    size = \"small\",\n    colon = true,\n    type = \"input\",\n    ...rest\n  }: FieldProps<T>,\n  ref: ForwardedRef<RefType<T>>\n) => {\n  const cls = useCls();\n  const id = useId();\n  const cssVarClassname = useAntdCssVarClassname();\n  const renderInputOrSelect = () => {\n    if (type === \"select\") {\n      return (\n        // @ts-expect-error: this is a workaround for the type error\n        <Select id={id} ref={ref} size={size} {...(rest.selectProps || {})} />\n      );\n    }\n    // @ts-expect-error: this is a workaround for the type error\n    return <Input id={id} ref={ref} size={size} {...(rest.inputProps || {})} />;\n  };\n  return (\n    <div className={clsx(cls(\"field\"), cssVarClassname, className)}>\n      {label && (\n        <label htmlFor={id} className={cls(\"field-label\")}>\n          {label}\n          {colon ? \":\" : \"\"}\n        </label>\n      )}\n      {renderInputOrSelect()}\n    </div>\n  );\n};\n\nexport const Field = forwardRef(FieldInner) as <T extends FieldType>(\n  props: FieldProps<T> & { ref?: ForwardedRef<RefType<T>> }\n) => ReturnType<typeof FieldInner<T>>;\n"],"names":["FieldInner","label","className","size","colon","type","rest","ref","cls","useCls","id","useId","cssVarClassname","useAntdCssVarClassname","renderInputOrSelect","jsx","Select","Input","jsxs","clsx","Field","forwardRef"],"mappings":";;;;;;;AAuDA,MAAMA,IAAa,CACjB;AAAA,EACE,OAAAC;AAAA,EACA,WAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,OAAAC,IAAQ;AAAA,EACR,MAAAC,IAAO;AAAA,EACP,GAAGC;AACL,GACAC,MACG;AACH,QAAMC,IAAMC,EAAO,GACbC,IAAKC,EAAM,GACXC,IAAkBC,EAAuB,GACzCC,IAAsB,MACtBT,MAAS;AAAA;AAAA,IAGT,gBAAAU,EAACC,KAAO,IAAAN,GAAQ,KAAAH,GAAU,MAAAJ,GAAa,GAAIG,EAAK,eAAe,GAAK,CAAA;AAAA,MAIjE,gBAAAS,EAACE,KAAM,IAAAP,GAAQ,KAAAH,GAAU,MAAAJ,GAAa,GAAIG,EAAK,cAAc,CAAA,GAAK;AAGzE,SAAA,gBAAAY,EAAC,SAAI,WAAWC,EAAKX,EAAI,OAAO,GAAGI,GAAiBV,CAAS,GAC1D,UAAA;AAAA,IAAAD,uBACE,SAAM,EAAA,SAASS,GAAI,WAAWF,EAAI,aAAa,GAC7C,UAAA;AAAA,MAAAP;AAAA,MACAG,IAAQ,MAAM;AAAA,IAAA,GACjB;AAAA,IAEDU,EAAoB;AAAA,EAAA,GACvB;AAEJ,GAEaM,IAAQC,EAAWrB,CAAU;"}
+{"version":3,"file":"component.js","sources":["../../../src/components/field/component.tsx"],"sourcesContent":["\"use client\";\nimport type { InputProps, InputRef, SelectProps } from \"antd\";\nimport { Input, Select } from \"antd\";\nimport { SizeType } from \"antd/es/config-provider/SizeContext\";\nimport { RefSelectProps } from \"antd/es/select\";\nimport { ForwardedRef, forwardRef, useId } from \"react\";\nimport { clsx, useCls, useAntdCssVarClassname } from \"../utils\";\n\n// Import component-specific styles\nimport \"./style.css\";\n\nexport type FieldType = \"input\" | \"select\";\n\ntype RefType<T extends FieldType> = T extends \"input\"\n  ? InputRef\n  : T extends \"select\"\n  ? RefSelectProps\n  : never;\n\ninterface BaseFieldProps extends React.HTMLAttributes<HTMLDivElement> {\n  label?: React.ReactNode;\n  /**\n   * Block or inline display\n   * @default false\n   */\n  block?: boolean;\n  /**\n   * Size of the field\n   * @default \"small\"\n   */\n  size?: SizeType;\n  /**\n   * Colon after label\n   * @default true\n   */\n  colon?: boolean;\n}\n\ntype InputFieldProps = BaseFieldProps & {\n  type?: \"input\";\n  inputProps: InputProps;\n};\n\ntype SelectFieldProps = BaseFieldProps & {\n  type: \"select\";\n  selectProps: SelectProps;\n};\n\nexport type FieldProps<T extends FieldType = \"input\"> = T extends \"input\"\n  ? InputFieldProps\n  : SelectFieldProps;\n\n/**\n * Generic Field component that forwards ref to Input or Select\n */\nconst FieldInner = <T extends FieldType>(\n  {\n    label,\n    className,\n    size = \"small\",\n    colon = true,\n    type = \"input\",\n    ...rest\n  }: FieldProps<T>,\n  ref: ForwardedRef<RefType<T>>\n) => {\n  const cls = useCls();\n  const id = useId();\n  const cssVarClassname = useAntdCssVarClassname();\n  const renderInputOrSelect = () => {\n    if (type === \"select\") {\n      return (\n        // @ts-expect-error: this is a workaround for the type error\n        <Select id={id} ref={ref} size={size} {...(rest.selectProps || {})} />\n      );\n    }\n    // @ts-expect-error: this is a workaround for the type error\n    return <Input id={id} ref={ref} size={size} {...(rest.inputProps || {})} />;\n  };\n  return (\n    <div className={clsx(cls(\"field\"), cssVarClassname, className)}>\n      {label && (\n        <label htmlFor={id} className={cls(\"field-label\")}>\n          {label}\n          {colon ? \":\" : \"\"}\n        </label>\n      )}\n      {renderInputOrSelect()}\n    </div>\n  );\n};\n\nexport const Field = forwardRef(FieldInner) as <T extends FieldType>(\n  props: FieldProps<T> & { ref?: ForwardedRef<RefType<T>> }\n) => ReturnType<typeof FieldInner<T>>;\n"],"names":["FieldInner","label","className","size","colon","type","rest","ref","cls","useCls","id","useId","cssVarClassname","useAntdCssVarClassname","renderInputOrSelect","jsx","Select","Input","jsxs","clsx","Field","forwardRef"],"mappings":";;;;;;;AAuDA,MAAMA,IAAa,CACjB;AAAA,EACE,OAAAC;AAAA,EACA,WAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,OAAAC,IAAQ;AAAA,EACR,MAAAC,IAAO;AAAA,EACP,GAAGC;AACL,GACAC,MACG;AACH,QAAMC,IAAMC,EAAA,GACNC,IAAKC,EAAA,GACLC,IAAkBC,EAAA,GAClBC,IAAsB,MACtBT,MAAS;AAAA;AAAA,IAGT,gBAAAU,EAACC,KAAO,IAAAN,GAAQ,KAAAH,GAAU,MAAAJ,GAAa,GAAIG,EAAK,eAAe,GAAC,CAAI;AAAA,MAIjE,gBAAAS,EAACE,KAAM,IAAAP,GAAQ,KAAAH,GAAU,MAAAJ,GAAa,GAAIG,EAAK,cAAc,CAAA,GAAK;AAE3E,SACE,gBAAAY,EAAC,SAAI,WAAWC,EAAKX,EAAI,OAAO,GAAGI,GAAiBV,CAAS,GAC1D,UAAA;AAAA,IAAAD,uBACE,SAAA,EAAM,SAASS,GAAI,WAAWF,EAAI,aAAa,GAC7C,UAAA;AAAA,MAAAP;AAAA,MACAG,IAAQ,MAAM;AAAA,IAAA,GACjB;AAAA,IAEDU,EAAA;AAAA,EAAoB,GACvB;AAEJ,GAEaM,IAAQC,EAAWrB,CAAU;"}

package/dist/components/field/index.d.ts

@@ -0,0 +1,2 @@
+export * from './component';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/field/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/field/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC"}

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

@@ -0,0 +1,22 @@
+import { FormProps as AntdFormProps, default as AntdInternalForm, useForm, useWatch } from 'antd/es/form/Form';
+import { default as useFormInstance } from 'antd/es/form/hooks/useFormInstance';
+import { FormItemProps } from './item';
+import * as React from "react";
+export interface FormProps<Values = unknown> extends AntdFormProps<Values> {
+}
+interface InternalFormProps<Values = unknown> extends React.ComponentProps<typeof AntdInternalForm<Values>> {
+}
+export declare const Form: (<Values = unknown>({ ...rest }: InternalFormProps<Values>) => import("react/jsx-runtime").JSX.Element) & {
+    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;
+    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>;
+    Label: <E extends React.ElementType = "label">(props: import('./label').FormLabelProps<E> & {
+        ref?: React.ComponentPropsWithRef<E>["ref"];
+    }) => ReturnType<(<E_1 extends React.ElementType = "label">({ label, tooltip, optionalMark, requiredMark, className, as, render, ...rest }: import('./label').FormLabelProps<E_1>, ref: React.Ref<import('..').ElementTypeToDOMType<E_1>>) => import("react/jsx-runtime").JSX.Element)>;
+};
+export type { FormItemProps };
+//# sourceMappingURL=component.d.ts.map

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

@@ -0,0 +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"}

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

@@ -1 +1 @@
-{"version":3,"file":"component.js","sources":["../../../src/components/form/component.tsx"],"sourcesContent":["\"use client\";\nimport ErrorList from \"antd/es/form/ErrorList\";\nimport {\n  FormProps as AntdFormProps,\n  default as AntdInternalForm,\n  useForm,\n  useWatch,\n} from \"antd/es/form/Form\";\nimport FormList from \"antd/es/form/FormList\";\nimport { FormProvider } from \"antd/es/form/context\";\nimport useFormInstance from \"antd/es/form/hooks/useFormInstance\";\nimport * as React from \"react\";\nimport { FormItem, type FormItemProps } from \"./item\";\nimport { FormLabel } from \"./label\";\n\n// Import component-specific styles\nimport \"./style.css\";\n\nexport interface FormProps<Values = unknown> extends AntdFormProps<Values> {}\n\ninterface InternalFormProps<Values = unknown>\n  extends React.ComponentProps<typeof AntdInternalForm<Values>> {}\n\nconst InternalForm = <Values = unknown,>({\n  ...rest\n}: InternalFormProps<Values>) => {\n  return <AntdInternalForm {...rest} />;\n};\n\nexport const Form = Object.assign(InternalForm, {\n  useForm,\n  useFormInstance,\n  useWatch,\n  Item: FormItem,\n  List: FormList,\n  ErrorList,\n  Provider: FormProvider,\n  Label: FormLabel,\n});\n\nexport type { FormItemProps };\n"],"names":["InternalForm","rest","jsx","AntdInternalForm","Form","useForm","useFormInstance","useWatch","FormItem","FormList","ErrorList","FormProvider","FormLabel"],"mappings":";;;;;;;;;;AAuBA,MAAMA,IAAe,CAAoB;AAAA,EACvC,GAAGC;AACL,MACS,gBAAAC,EAACC,GAAkB,EAAA,GAAGF,EAAM,CAAA,GAGxBG,IAAO,OAAO,OAAOJ,GAAc;AAAA,EAC9C,SAAAK;AAAA,EACA,iBAAAC;AAAA,EACA,UAAAC;AAAA,EACA,MAAMC;AAAA,EACN,MAAMC;AAAA,EACN,WAAAC;AAAA,EACA,UAAUC;AAAA,EACV,OAAOC;AACT,CAAC;"}
+{"version":3,"file":"component.js","sources":["../../../src/components/form/component.tsx"],"sourcesContent":["\"use client\";\nimport ErrorList from \"antd/es/form/ErrorList\";\nimport {\n  FormProps as AntdFormProps,\n  default as AntdInternalForm,\n  useForm,\n  useWatch,\n} from \"antd/es/form/Form\";\nimport FormList from \"antd/es/form/FormList\";\nimport { FormProvider } from \"antd/es/form/context\";\nimport useFormInstance from \"antd/es/form/hooks/useFormInstance\";\nimport * as React from \"react\";\nimport { FormItem, type FormItemProps } from \"./item\";\nimport { FormLabel } from \"./label\";\n\n// Import component-specific styles\nimport \"./style.css\";\n\nexport interface FormProps<Values = unknown> extends AntdFormProps<Values> {}\n\ninterface InternalFormProps<Values = unknown>\n  extends React.ComponentProps<typeof AntdInternalForm<Values>> {}\n\nconst InternalForm = <Values = unknown,>({\n  ...rest\n}: InternalFormProps<Values>) => {\n  return <AntdInternalForm {...rest} />;\n};\n\nexport const Form = Object.assign(InternalForm, {\n  useForm,\n  useFormInstance,\n  useWatch,\n  Item: FormItem,\n  List: FormList,\n  ErrorList,\n  Provider: FormProvider,\n  Label: FormLabel,\n});\n\nexport type { FormItemProps };\n"],"names":["InternalForm","rest","jsx","AntdInternalForm","Form","useForm","useFormInstance","useWatch","FormItem","FormList","ErrorList","FormProvider","FormLabel"],"mappings":";;;;;;;;;;AAuBA,MAAMA,IAAe,CAAoB;AAAA,EACvC,GAAGC;AACL,MACS,gBAAAC,EAACC,GAAA,EAAkB,GAAGF,EAAA,CAAM,GAGxBG,IAAO,OAAO,OAAOJ,GAAc;AAAA,EAC9C,SAAAK;AAAA,EACA,iBAAAC;AAAA,EACA,UAAAC;AAAA,EACA,MAAMC;AAAA,EACN,MAAMC;AAAA,EACN,WAAAC;AAAA,EACA,UAAUC;AAAA,EACV,OAAOC;AACT,CAAC;"}

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

@@ -0,0 +1,2 @@
+export * from './component';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/form/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC"}

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

@@ -0,0 +1,24 @@
+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;
+//# sourceMappingURL=item.d.ts.map

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

@@ -0,0 +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"}

package/dist/components/form/item.js

@@ -1,43 +1,43 @@
 "use client";
-import { jsx as a } from "react/jsx-runtime";
+import { jsx as s } from "react/jsx-runtime";
 import q from "antd/es/form/FormItem";
-import { FormLabel as F } from "./label.js";
-import { isPlainObject as b } from "es-toolkit";
-const L = ({
-  tooltip: p,
-  label: t,
-  optionalMark: d = !1,
-  requiredMark: s = !0,
-  labelRender: i,
-  required: m,
-  rules: o,
+import { FormLabel as u } from "./label.js";
+import { isPlainObject as F } from "es-toolkit";
+const I = ({
+  tooltip: a,
+  label: o,
+  optionalMark: p = !1,
+  requiredMark: d = !0,
+  labelRender: t,
+  required: e,
+  rules: i,
   children: c,
   ...f
 }) => {
-  const e = m || (o == null ? void 0 : o.some(
-    (r) => b(r) && "required" in r && r.required
-  )), n = t ? /* @__PURE__ */ a(
-    F,
+  const m = e || i?.some(
+    (r) => F(r) && "required" in r && r.required
+  ), n = o ? /* @__PURE__ */ s(
+    u,
     {
-      label: t,
-      tooltip: p,
-      optionalMark: !e && d,
-      requiredMark: e && s,
+      label: o,
+      tooltip: a,
+      optionalMark: !m && p,
+      requiredMark: m && d,
       as: "span"
     }
   ) : void 0;
-  return /* @__PURE__ */ a(
+  return /* @__PURE__ */ s(
     q,
     {
-      required: m,
-      label: i ? i(n) : n,
-      rules: o,
+      required: e,
+      label: t ? t(n) : n,
+      rules: i,
       ...f,
       children: c
     }
   );
 };
 export {
-  L as FormItem
+  I as FormItem
 };
 //# sourceMappingURL=item.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"item.js","sources":["../../../src/components/form/item.tsx"],"sourcesContent":["\"use client\";\nimport {\n  default as AntdFormItem,\n  type FormItemProps as AntdFormItemProps,\n} from \"antd/es/form/FormItem\";\nimport { FormLabel } from \"./label\";\nimport { isPlainObject } from \"es-toolkit\";\nimport type React from \"react\";\n\nexport interface FormItemProps<Values = unknown>\n  extends Omit<AntdFormItemProps<Values>, \"children\"> {\n  // tooltip?: React.ReactNode | TooltipProps;\n  /**\n   * Whether show the optional mark. By default, optional item will not show the optional mark.\n   * @default false\n   */\n  optionalMark?: boolean | React.ReactNode;\n  /**\n   * Whether show the asterisk when the field is required\n   * @default true\n   */\n  requiredMark?: boolean | React.ReactNode;\n  /**\n   * Custom render function for the label\n   */\n  labelRender?: (label: React.ReactElement) => React.ReactElement;\n  /**\n   * Form item children - can be React nodes or render functions\n   */\n  children?: AntdFormItemProps<Values>[\"children\"];\n}\n\nexport const FormItem = <Values = unknown,>({\n  tooltip,\n  label,\n  optionalMark = false,\n  requiredMark = true,\n  labelRender,\n  required,\n  rules,\n  children,\n  ...rest\n}: FormItemProps<Values>) => {\n  const isRequired =\n    required ||\n    rules?.some(\n      (rule) => isPlainObject(rule) && \"required\" in rule && rule.required\n    );\n  const renderedLabel = label ? (\n    <FormLabel\n      label={label}\n      tooltip={tooltip}\n      optionalMark={!isRequired && optionalMark}\n      requiredMark={isRequired && requiredMark}\n      as=\"span\"\n    />\n  ) : undefined;\n\n  return (\n    <AntdFormItem\n      required={required}\n      label={labelRender ? labelRender(renderedLabel) : renderedLabel}\n      rules={rules}\n      {...rest}\n    >\n      {children}\n    </AntdFormItem>\n  );\n};\n"],"names":["FormItem","tooltip","label","optionalMark","requiredMark","labelRender","required","rules","children","rest","isRequired","rule","isPlainObject","renderedLabel","jsx","FormLabel","AntdFormItem"],"mappings":";;;;;AAgCO,MAAMA,IAAW,CAAoB;AAAA,EAC1C,SAAAC;AAAA,EACA,OAAAC;AAAA,EACA,cAAAC,IAAe;AAAA,EACf,cAAAC,IAAe;AAAA,EACf,aAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACL,MAA6B;AACrB,QAAAC,IACJJ,MACAC,KAAA,gBAAAA,EAAO;AAAA,IACL,CAACI,MAASC,EAAcD,CAAI,KAAK,cAAcA,KAAQA,EAAK;AAAA,MAE1DE,IAAgBX,IACpB,gBAAAY;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAAb;AAAA,MACA,SAAAD;AAAA,MACA,cAAc,CAACS,KAAcP;AAAA,MAC7B,cAAcO,KAAcN;AAAA,MAC5B,IAAG;AAAA,IAAA;AAAA,EAAA,IAEH;AAGF,SAAA,gBAAAU;AAAA,IAACE;AAAA,IAAA;AAAA,MACC,UAAAV;AAAA,MACA,OAAOD,IAAcA,EAAYQ,CAAa,IAAIA;AAAA,MAClD,OAAAN;AAAA,MACC,GAAGE;AAAA,MAEH,UAAAD;AAAA,IAAA;AAAA,EACH;AAEJ;"}
+{"version":3,"file":"item.js","sources":["../../../src/components/form/item.tsx"],"sourcesContent":["\"use client\";\nimport {\n  default as AntdFormItem,\n  type FormItemProps as AntdFormItemProps,\n} from \"antd/es/form/FormItem\";\nimport { FormLabel } from \"./label\";\nimport { isPlainObject } from \"es-toolkit\";\nimport type React from \"react\";\n\nexport interface FormItemProps<Values = unknown>\n  extends Omit<AntdFormItemProps<Values>, \"children\"> {\n  // tooltip?: React.ReactNode | TooltipProps;\n  /**\n   * Whether show the optional mark. By default, optional item will not show the optional mark.\n   * @default false\n   */\n  optionalMark?: boolean | React.ReactNode;\n  /**\n   * Whether show the asterisk when the field is required\n   * @default true\n   */\n  requiredMark?: boolean | React.ReactNode;\n  /**\n   * Custom render function for the label\n   */\n  labelRender?: (label: React.ReactElement) => React.ReactElement;\n  /**\n   * Form item children - can be React nodes or render functions\n   */\n  children?: AntdFormItemProps<Values>[\"children\"];\n}\n\nexport const FormItem = <Values = unknown,>({\n  tooltip,\n  label,\n  optionalMark = false,\n  requiredMark = true,\n  labelRender,\n  required,\n  rules,\n  children,\n  ...rest\n}: FormItemProps<Values>) => {\n  const isRequired =\n    required ||\n    rules?.some(\n      (rule) => isPlainObject(rule) && \"required\" in rule && rule.required\n    );\n  const renderedLabel = label ? (\n    <FormLabel\n      label={label}\n      tooltip={tooltip}\n      optionalMark={!isRequired && optionalMark}\n      requiredMark={isRequired && requiredMark}\n      as=\"span\"\n    />\n  ) : undefined;\n\n  return (\n    <AntdFormItem\n      required={required}\n      label={labelRender ? labelRender(renderedLabel) : renderedLabel}\n      rules={rules}\n      {...rest}\n    >\n      {children}\n    </AntdFormItem>\n  );\n};\n"],"names":["FormItem","tooltip","label","optionalMark","requiredMark","labelRender","required","rules","children","rest","isRequired","rule","isPlainObject","renderedLabel","jsx","FormLabel","AntdFormItem"],"mappings":";;;;;AAgCO,MAAMA,IAAW,CAAoB;AAAA,EAC1C,SAAAC;AAAA,EACA,OAAAC;AAAA,EACA,cAAAC,IAAe;AAAA,EACf,cAAAC,IAAe;AAAA,EACf,aAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACL,MAA6B;AAC3B,QAAMC,IACJJ,KACAC,GAAO;AAAA,IACL,CAACI,MAASC,EAAcD,CAAI,KAAK,cAAcA,KAAQA,EAAK;AAAA,EAAA,GAE1DE,IAAgBX,IACpB,gBAAAY;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAAb;AAAA,MACA,SAAAD;AAAA,MACA,cAAc,CAACS,KAAcP;AAAA,MAC7B,cAAcO,KAAcN;AAAA,MAC5B,IAAG;AAAA,IAAA;AAAA,EAAA,IAEH;AAEJ,SACE,gBAAAU;AAAA,IAACE;AAAA,IAAA;AAAA,MACC,UAAAV;AAAA,MACA,OAAOD,IAAcA,EAAYQ,CAAa,IAAIA;AAAA,MAClD,OAAAN;AAAA,MACC,GAAGE;AAAA,MAEH,UAAAD;AAAA,IAAA;AAAA,EAAA;AAGP;"}

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

@@ -0,0 +1,32 @@
+import { default as React, ElementType, Ref, ComponentPropsWithRef } from 'react';
+import { WithRenderPropProps, ElementTypeToDOMType } from '../utils';
+import { WrapperTooltipProps } from 'antd/es/form/FormItemLabel';
+export type FormLabelProps<E extends ElementType = "label"> = WithRenderPropProps<E> & {
+    /**
+     * Label content to display
+     */
+    label: React.ReactNode;
+    /**
+     * Optional tooltip to display next to the label
+     */
+    tooltip?: React.ReactNode | WrapperTooltipProps;
+    /**
+     * Whether to show optional mark or custom optional mark content
+     * @default false
+     */
+    optionalMark?: boolean | React.ReactNode;
+    /**
+     * Whether to show required mark or custom required mark content
+     * @default true
+     */
+    requiredMark?: boolean | React.ReactNode;
+};
+/**
+ * Implementation of the FormLabel component
+ */
+declare const FormLabelImpl: <E extends ElementType = "label">({ label, tooltip, optionalMark, requiredMark, className, as, render, ...rest }: FormLabelProps<E>, ref: Ref<ElementTypeToDOMType<E>>) => import("react/jsx-runtime").JSX.Element;
+export declare const FormLabel: <E extends ElementType = "label">(props: FormLabelProps<E> & {
+    ref?: ComponentPropsWithRef<E>["ref"];
+}) => ReturnType<typeof FormLabelImpl>;
+export {};
+//# sourceMappingURL=label.d.ts.map

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

@@ -0,0 +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"}

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,EAAO,GAEbC,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,IASN;AAAA,IAEFb,KACE,gBAAAU,EAAC,QAAoB,EAAA,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,QACN;AAAA,QAEC,UAAA,OAAOA,KAAiB,YAAY,MAAMA;AAAA,MAAA;AAAA,MARvC;AAAA,IAAA;AAAA,EAWV,GAEMa,IAAe;AAAA,IACnB,KAAAR;AAAA,IACA,WAAWS;AAAA,MACTR;AAAA,QACE;AAAA,QACAN,KAAgB;AAAA,MAClB;AAAA,MACAC;AAAA,IACF;AAAA,IACA,UAAUO;AAAA,IACV,GAAGJ;AAAA,EACL;AAEA,2BAAQW,GAAe,EAAA,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    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;"}

package/dist/components/hooks/antd.d.ts

@@ -0,0 +1,11 @@
+import { default as useApp } from 'antd/es/app/useApp';
+export declare const useToken: () => {
+    theme: import('@ant-design/cssinjs').Theme<import('antd/es/theme/internal').SeedToken, import('antd/es/theme/internal').AliasToken>;
+    token: import('antd').GlobalToken;
+    hashId: string;
+};
+export { useForm, useWatch } from 'antd/es/form/Form';
+export declare const useMessage: () => import('antd/es/message/interface').MessageInstance;
+export declare const useModal: () => import('antd/es/modal/useModal').HookAPI;
+export { useApp };
+//# sourceMappingURL=antd.d.ts.map

package/dist/components/hooks/antd.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"antd.d.ts","sourceRoot":"","sources":["../../../src/components/hooks/antd.ts"],"names":[],"mappings":"AAGA,OAAO,MAAM,MAAM,oBAAoB,CAAC;AAExC,eAAO,MAAM,QAAQ;kBAGkB,qBAEnC,eAAe,wBAAa,oBACd,wBAAa;;;CANO,CAAC;AAGvC,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAEtD,eAAO,MAAM,UAAU,2DAGtB,CAAC;AAEF,eAAO,MAAM,QAAQ,gDAGpB,CAAC;AAEF,OAAO,EAAE,MAAM,EAAE,CAAC"}

package/dist/components/hooks/antd.js.map

@@ -1 +1 @@
-{"version":3,"file":"antd.js","sources":["../../../src/components/hooks/antd.ts"],"sourcesContent":["\"use client\";\nimport theme from \"antd/es/theme\";\n// import Grid from \"antd/es/grid\";\nimport useApp from \"antd/es/app/useApp\";\n\nexport const useToken = theme.useToken;\n// export const useBreakpoint = Grid.useBreakpoint;\n\nexport { useForm, useWatch } from \"antd/es/form/Form\";\n\nexport const useMessage = () => {\n  const { message } = useApp();\n  return message;\n};\n\nexport const useModal = () => {\n  const { modal } = useApp();\n  return modal;\n};\n\nexport { useApp };\n"],"names":["useToken","theme","useMessage","message","useApp","useModal","modal"],"mappings":";;;;;AAKO,MAAMA,IAAWC,EAAM,UAKjBC,IAAa,MAAM;AACxB,QAAA,EAAE,SAAAC,EAAQ,IAAIC,EAAO;AACpB,SAAAD;AACT,GAEaE,IAAW,MAAM;AACtB,QAAA,EAAE,OAAAC,EAAM,IAAIF,EAAO;AAClB,SAAAE;AACT;"}
+{"version":3,"file":"antd.js","sources":["../../../src/components/hooks/antd.ts"],"sourcesContent":["\"use client\";\nimport theme from \"antd/es/theme\";\n// import Grid from \"antd/es/grid\";\nimport useApp from \"antd/es/app/useApp\";\n\nexport const useToken = theme.useToken;\n// export const useBreakpoint = Grid.useBreakpoint;\n\nexport { useForm, useWatch } from \"antd/es/form/Form\";\n\nexport const useMessage = () => {\n  const { message } = useApp();\n  return message;\n};\n\nexport const useModal = () => {\n  const { modal } = useApp();\n  return modal;\n};\n\nexport { useApp };\n"],"names":["useToken","theme","useMessage","message","useApp","useModal","modal"],"mappings":";;;;;AAKO,MAAMA,IAAWC,EAAM,UAKjBC,IAAa,MAAM;AAC9B,QAAM,EAAE,SAAAC,EAAA,IAAYC,EAAA;AACpB,SAAOD;AACT,GAEaE,IAAW,MAAM;AAC5B,QAAM,EAAE,OAAAC,EAAA,IAAUF,EAAA;AAClB,SAAOE;AACT;"}

package/dist/components/hooks/base-ui.d.ts

@@ -0,0 +1,11 @@
+import { useLayoutEffect } from 'react';
+type AnyFunction = (...args: any[]) => any;
+export declare const useEnhancedEffect: typeof useLayoutEffect;
+export declare function useEventCallback<Fn extends AnyFunction>(fn?: Fn): Fn;
+export declare function useLatestRef<T>(value: T): import('react').RefObject<T>;
+export declare function useAnimationsFinished(ref: React.RefObject<HTMLElement | null>, { waitForNextTick, subtree, }: {
+    waitForNextTick?: boolean;
+    subtree?: boolean;
+}): (fnToExecute: () => void) => void;
+export {};
+//# sourceMappingURL=base-ui.d.ts.map

package/dist/components/hooks/base-ui.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"base-ui.d.ts","sourceRoot":"","sources":["../../../src/components/hooks/base-ui.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAkC,MAAM,OAAO,CAAC;AAIxE,KAAK,WAAW,GAAG,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAC;AAE3C,eAAO,MAAM,iBAAiB,wBAC+B,CAAC;AAE9D,wBAAgB,gBAAgB,CAAC,EAAE,SAAS,WAAW,EAAE,EAAE,CAAC,EAAE,EAAE,GAQzD,EAAE,CACR;AAED,wBAAgB,YAAY,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,gCAMvC;AAED,wBAAgB,qBAAqB,CACnC,GAAG,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,EACxC,EACE,eAAuB,EACvB,OAAe,GAChB,EAAE;IACD,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,iBAYqC,MAAM,IAAI,UAwCjD"}

package/dist/components/hooks/base-ui.js

@@ -1,46 +1,43 @@
 "use client";
-import { useLayoutEffect as p, useEffect as m, useRef as c, useCallback as h } from "react";
+import { useLayoutEffect as p, useEffect as m, useRef as r, useCallback as h } from "react";
 import { flushSync as A } from "react-dom";
 const l = typeof window < "u" ? p : m;
-function a(t) {
-  const e = c(t);
+function a(e) {
+  const t = r(e);
   return l(() => {
-    e.current = t;
+    t.current = e;
   }), h(
-    (...i) => {
-      var n;
-      return (n = e.current) == null ? void 0 : n.call(e, ...i);
-    },
+    (...c) => t.current?.(...c),
     []
   );
 }
-function E(t) {
-  const e = c(t);
+function E(e) {
+  const t = r(e);
   return l(() => {
-    e.current = t;
-  }), e;
+    t.current = e;
+  }), t;
 }
-function R(t, {
-  waitForNextTick: e = !1,
-  subtree: i = !1
+function R(e, {
+  waitForNextTick: t = !1,
+  subtree: c = !1
 }) {
-  const n = c(-1), u = c(-1), s = a(() => {
-    cancelAnimationFrame(n.current), clearTimeout(u.current);
+  const s = r(-1), u = r(-1), i = a(() => {
+    cancelAnimationFrame(s.current), clearTimeout(u.current);
   });
-  return m(() => s, [s]), a((o) => {
-    s();
-    const r = t.current;
-    r && (typeof r.getAnimations != "function" ? o() : n.current = requestAnimationFrame(() => {
+  return m(() => i, [i]), a((o) => {
+    i();
+    const n = e.current;
+    n && (typeof n.getAnimations != "function" ? o() : s.current = requestAnimationFrame(() => {
       function f() {
-        r && Promise.allSettled(
-          r.getAnimations({
-            subtree: i
+        n && Promise.allSettled(
+          n.getAnimations({
+            subtree: c
           }).map((d) => d.finished)
         ).then(() => {
           A(o);
         });
       }
-      e ? u.current = window.setTimeout(f) : f();
+      t ? u.current = window.setTimeout(f) : f();
     }));
   });
 }

package/dist/components/hooks/base-ui.js.map

@@ -1 +1 @@
-{"version":3,"file":"base-ui.js","sources":["../../../src/components/hooks/base-ui.ts"],"sourcesContent":["\"use client\";\nimport { useLayoutEffect, useEffect, useRef, useCallback } from \"react\";\nimport { flushSync } from \"react-dom\";\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\ntype AnyFunction = (...args: any[]) => any;\n\nexport const useEnhancedEffect =\n  typeof window !== \"undefined\" ? useLayoutEffect : useEffect;\n\nexport function useEventCallback<Fn extends AnyFunction>(fn?: Fn) {\n  const ref = useRef(fn);\n  useEnhancedEffect(() => {\n    ref.current = fn;\n  });\n  return useCallback<AnyFunction>(\n    (...args) => ref.current?.(...args),\n    []\n  ) as Fn;\n}\n\nexport function useLatestRef<T>(value: T) {\n  const ref = useRef(value);\n  useEnhancedEffect(() => {\n    ref.current = value;\n  });\n  return ref;\n}\n\nexport function useAnimationsFinished(\n  ref: React.RefObject<HTMLElement | null>,\n  {\n    waitForNextTick = false,\n    subtree = false,\n  }: {\n    waitForNextTick?: boolean;\n    subtree?: boolean;\n  }\n) {\n  const frameRef = useRef(-1);\n  const timeoutRef = useRef(-1);\n\n  const cancelTasks = useEventCallback(() => {\n    cancelAnimationFrame(frameRef.current);\n    clearTimeout(timeoutRef.current);\n  });\n\n  useEffect(() => cancelTasks, [cancelTasks]);\n\n  return useEventCallback((fnToExecute: () => void) => {\n    cancelTasks();\n\n    const element = ref.current;\n\n    if (!element) {\n      return;\n    }\n\n    if (typeof element.getAnimations !== \"function\") {\n      fnToExecute();\n    } else {\n      frameRef.current = requestAnimationFrame(() => {\n        function exec() {\n          if (!element) {\n            return;\n          }\n\n          Promise.allSettled(\n            element\n              .getAnimations({\n                subtree,\n              })\n              .map((anim) => anim.finished)\n          ).then(() => {\n            // Synchronously flush the unmounting of the component so that the browser doesn't\n            // paint: https://github.com/mui/base-ui/issues/979\n            flushSync(fnToExecute);\n          });\n        }\n\n        // `open: true` animations need to wait for the next tick to be detected\n        if (waitForNextTick) {\n          timeoutRef.current = window.setTimeout(exec);\n        } else {\n          exec();\n        }\n      });\n    }\n  });\n}\n"],"names":["useEnhancedEffect","useLayoutEffect","useEffect","useEventCallback","fn","ref","useRef","useCallback","args","_a","useLatestRef","value","useAnimationsFinished","waitForNextTick","subtree","frameRef","timeoutRef","cancelTasks","fnToExecute","element","exec","anim","flushSync"],"mappings":";;;AAOO,MAAMA,IACX,OAAO,SAAW,MAAcC,IAAkBC;AAE7C,SAASC,EAAyCC,GAAS;AAC1D,QAAAC,IAAMC,EAAOF,CAAE;AACrB,SAAAJ,EAAkB,MAAM;AACtB,IAAAK,EAAI,UAAUD;AAAA,EAAA,CACf,GACMG;AAAA,IACL,IAAIC,MAAS;;AAAA,cAAAC,IAAAJ,EAAI,YAAJ,gBAAAI,EAAA,KAAAJ,GAAc,GAAGG;AAAA;AAAA,IAC9B,CAAA;AAAA,EACF;AACF;AAEO,SAASE,EAAgBC,GAAU;AAClC,QAAAN,IAAMC,EAAOK,CAAK;AACxB,SAAAX,EAAkB,MAAM;AACtB,IAAAK,EAAI,UAAUM;AAAA,EAAA,CACf,GACMN;AACT;AAEO,SAASO,EACdP,GACA;AAAA,EACE,iBAAAQ,IAAkB;AAAA,EAClB,SAAAC,IAAU;AACZ,GAIA;AACM,QAAAC,IAAWT,EAAO,EAAE,GACpBU,IAAaV,EAAO,EAAE,GAEtBW,IAAcd,EAAiB,MAAM;AACzC,yBAAqBY,EAAS,OAAO,GACrC,aAAaC,EAAW,OAAO;AAAA,EAAA,CAChC;AAED,SAAAd,EAAU,MAAMe,GAAa,CAACA,CAAW,CAAC,GAEnCd,EAAiB,CAACe,MAA4B;AACvC,IAAAD,EAAA;AAEZ,UAAME,IAAUd,EAAI;AAEpB,IAAKc,MAID,OAAOA,EAAQ,iBAAkB,aACvBD,EAAA,IAEHH,EAAA,UAAU,sBAAsB,MAAM;AAC7C,eAASK,IAAO;AACd,QAAKD,KAIG,QAAA;AAAA,UACNA,EACG,cAAc;AAAA,YACb,SAAAL;AAAA,UACD,CAAA,EACA,IAAI,CAACO,MAASA,EAAK,QAAQ;AAAA,QAChC,EAAE,KAAK,MAAM;AAGX,UAAAC,EAAUJ,CAAW;AAAA,QAAA,CACtB;AAAA,MAAA;AAIH,MAAIL,IACSG,EAAA,UAAU,OAAO,WAAWI,CAAI,IAEtCA,EAAA;AAAA,IACP,CACD;AAAA,EACH,CACD;AACH;"}
+{"version":3,"file":"base-ui.js","sources":["../../../src/components/hooks/base-ui.ts"],"sourcesContent":["\"use client\";\nimport { useLayoutEffect, useEffect, useRef, useCallback } from \"react\";\nimport { flushSync } from \"react-dom\";\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\ntype AnyFunction = (...args: any[]) => any;\n\nexport const useEnhancedEffect =\n  typeof window !== \"undefined\" ? useLayoutEffect : useEffect;\n\nexport function useEventCallback<Fn extends AnyFunction>(fn?: Fn) {\n  const ref = useRef(fn);\n  useEnhancedEffect(() => {\n    ref.current = fn;\n  });\n  return useCallback<AnyFunction>(\n    (...args) => ref.current?.(...args),\n    []\n  ) as Fn;\n}\n\nexport function useLatestRef<T>(value: T) {\n  const ref = useRef(value);\n  useEnhancedEffect(() => {\n    ref.current = value;\n  });\n  return ref;\n}\n\nexport function useAnimationsFinished(\n  ref: React.RefObject<HTMLElement | null>,\n  {\n    waitForNextTick = false,\n    subtree = false,\n  }: {\n    waitForNextTick?: boolean;\n    subtree?: boolean;\n  }\n) {\n  const frameRef = useRef(-1);\n  const timeoutRef = useRef(-1);\n\n  const cancelTasks = useEventCallback(() => {\n    cancelAnimationFrame(frameRef.current);\n    clearTimeout(timeoutRef.current);\n  });\n\n  useEffect(() => cancelTasks, [cancelTasks]);\n\n  return useEventCallback((fnToExecute: () => void) => {\n    cancelTasks();\n\n    const element = ref.current;\n\n    if (!element) {\n      return;\n    }\n\n    if (typeof element.getAnimations !== \"function\") {\n      fnToExecute();\n    } else {\n      frameRef.current = requestAnimationFrame(() => {\n        function exec() {\n          if (!element) {\n            return;\n          }\n\n          Promise.allSettled(\n            element\n              .getAnimations({\n                subtree,\n              })\n              .map((anim) => anim.finished)\n          ).then(() => {\n            // Synchronously flush the unmounting of the component so that the browser doesn't\n            // paint: https://github.com/mui/base-ui/issues/979\n            flushSync(fnToExecute);\n          });\n        }\n\n        // `open: true` animations need to wait for the next tick to be detected\n        if (waitForNextTick) {\n          timeoutRef.current = window.setTimeout(exec);\n        } else {\n          exec();\n        }\n      });\n    }\n  });\n}\n"],"names":["useEnhancedEffect","useLayoutEffect","useEffect","useEventCallback","fn","ref","useRef","useCallback","args","useLatestRef","value","useAnimationsFinished","waitForNextTick","subtree","frameRef","timeoutRef","cancelTasks","fnToExecute","element","exec","anim","flushSync"],"mappings":";;;AAOO,MAAMA,IACX,OAAO,SAAW,MAAcC,IAAkBC;AAE7C,SAASC,EAAyCC,GAAS;AAChE,QAAMC,IAAMC,EAAOF,CAAE;AACrB,SAAAJ,EAAkB,MAAM;AACtB,IAAAK,EAAI,UAAUD;AAAA,EAChB,CAAC,GACMG;AAAA,IACL,IAAIC,MAASH,EAAI,UAAU,GAAGG,CAAI;AAAA,IAClC,CAAA;AAAA,EAAC;AAEL;AAEO,SAASC,EAAgBC,GAAU;AACxC,QAAML,IAAMC,EAAOI,CAAK;AACxB,SAAAV,EAAkB,MAAM;AACtB,IAAAK,EAAI,UAAUK;AAAA,EAChB,CAAC,GACML;AACT;AAEO,SAASM,EACdN,GACA;AAAA,EACE,iBAAAO,IAAkB;AAAA,EAClB,SAAAC,IAAU;AACZ,GAIA;AACA,QAAMC,IAAWR,EAAO,EAAE,GACpBS,IAAaT,EAAO,EAAE,GAEtBU,IAAcb,EAAiB,MAAM;AACzC,yBAAqBW,EAAS,OAAO,GACrC,aAAaC,EAAW,OAAO;AAAA,EACjC,CAAC;AAED,SAAAb,EAAU,MAAMc,GAAa,CAACA,CAAW,CAAC,GAEnCb,EAAiB,CAACc,MAA4B;AACnD,IAAAD,EAAA;AAEA,UAAME,IAAUb,EAAI;AAEpB,IAAKa,MAID,OAAOA,EAAQ,iBAAkB,aACnCD,EAAA,IAEAH,EAAS,UAAU,sBAAsB,MAAM;AAC7C,eAASK,IAAO;AACd,QAAKD,KAIL,QAAQ;AAAA,UACNA,EACG,cAAc;AAAA,YACb,SAAAL;AAAA,UAAA,CACD,EACA,IAAI,CAACO,MAASA,EAAK,QAAQ;AAAA,QAAA,EAC9B,KAAK,MAAM;AAGX,UAAAC,EAAUJ,CAAW;AAAA,QACvB,CAAC;AAAA,MACH;AAGA,MAAIL,IACFG,EAAW,UAAU,OAAO,WAAWI,CAAI,IAE3CA,EAAA;AAAA,IAEJ,CAAC;AAAA,EAEL,CAAC;AACH;"}

package/dist/components/hooks/index.d.ts

@@ -0,0 +1,11 @@
+export * from './antd';
+export * from './base-ui';
+export * from './useControlledState';
+export * from './useCharts';
+export * from './useCSSVariables';
+export * from './useHover';
+export * from './useDraggable';
+export * from './useBreakpoint';
+export * from './useWindowSize';
+export * from './useResizeObserver';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/hooks/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,sBAAsB,CAAC;AACrC,cAAc,aAAa,CAAC;AAC5B,cAAc,mBAAmB,CAAC;AAClC,cAAc,YAAY,CAAC;AAC3B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,cAAc,qBAAqB,CAAC"}

package/dist/components/hooks/useBreakpoint.d.ts

@@ -0,0 +1,39 @@
+type Breakpoint = "sm" | "md" | "lg" | "xl" | "2xl" | "3xl";
+export declare const BREAKPOINTS: {
+    sm: number;
+    md: number;
+    lg: number;
+    xl: number;
+    "2xl": number;
+};
+/**
+ * A responsive breakpoint hook using window.matchMedia for optimal performance.
+ *
+ * @param ssrBreakpoint - The breakpoint to use during SSR and before hydration.
+ *                       Defaults to "lg" for better SEO (search engines typically use desktop viewports).
+ *
+ * @example
+ * ```tsx
+ * // Default: uses "lg" for SSR
+ * const bp = useBreakpoint();
+ *
+ * // Custom SSR breakpoint
+ * const bp = useBreakpoint("md");
+ *
+ * // Usage
+ * bp.breakpoint     // Current breakpoint: "sm" | "md" | "lg" | "xl" | "2xl"
+ * bp.up("md")       // true if screen >= 768px
+ * bp.down("lg")     // true if screen < 1024px
+ * bp.between("md", "xl")  // true if 768px <= screen < 1280px
+ * bp.only("lg")     // true if screen is exactly in "lg" range
+ * ```
+ */
+export declare const useBreakpoint: (ssrBreakpoint?: Breakpoint) => {
+    breakpoint: Breakpoint;
+    up: (bp: Breakpoint) => boolean;
+    down: (bp: Breakpoint) => boolean;
+    between: (minBp: Breakpoint, maxBp: Breakpoint) => boolean;
+    only: (bp: Breakpoint) => boolean;
+};
+export {};
+//# sourceMappingURL=useBreakpoint.d.ts.map

package/dist/components/hooks/useBreakpoint.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useBreakpoint.d.ts","sourceRoot":"","sources":["../../../src/components/hooks/useBreakpoint.ts"],"names":[],"mappings":"AAGA,KAAK,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,GAAG,KAAK,CAAC;AAE5D,eAAO,MAAM,WAAW;;;;;;CAMvB,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,eAAO,MAAM,aAAa,GAAI,gBAAe,UAAiB;;aAoDhC,UAAU;eAUR,UAAU;qBAUJ,UAAU,SAAS,UAAU;eAUnC,UAAU;CAiCzC,CAAC"}

package/dist/components/hooks/useBreakpoint.js

@@ -1,24 +1,23 @@
 "use client";
-import { useState as r, useMemo as M, useEffect as x, useCallback as w } from "react";
+import { useState as c, useMemo as y, useEffect as r, useCallback as m } from "react";
 const e = {
   sm: 640,
   md: 768,
   lg: 1024,
   xl: 1280,
   "2xl": 1536
-}, q = (h = "lg") => {
-  const [i, l] = r(h), [d, u] = r(!1), a = M(() => {
+}, q = (x = "lg") => {
+  const [i, h] = c(x), [d, l] = c(!1), a = y(() => {
     const t = {};
     return typeof window < "u" && (t.sm = window.matchMedia(`(max-width: ${e.md - 1}px)`), t.md = window.matchMedia(`(min-width: ${e.md}px) and (max-width: ${e.lg - 1}px)`), t.lg = window.matchMedia(`(min-width: ${e.lg}px) and (max-width: ${e.xl - 1}px)`), t.xl = window.matchMedia(`(min-width: ${e.xl}px) and (max-width: ${e["2xl"] - 1}px)`), t["2xl"] = window.matchMedia(`(min-width: ${e["2xl"]}px)`)), t;
   }, []);
-  x(() => {
-    u(!0);
-  }, []), x(() => {
+  r(() => {
+    l(!0);
+  }, []), r(() => {
     if (typeof window > "u" || !d) return;
     const t = () => {
-      var m, o, s, c;
       let n = "sm";
-      (m = a["2xl"]) != null && m.matches ? n = "2xl" : (o = a.xl) != null && o.matches ? n = "xl" : (s = a.lg) != null && s.matches ? n = "lg" : (c = a.md) != null && c.matches ? n = "md" : n = "sm", l(n);
+      a["2xl"]?.matches ? n = "2xl" : a.xl?.matches ? n = "xl" : a.lg?.matches ? n = "lg" : a.md?.matches ? n = "md" : n = "sm", h(n);
     };
     return t(), Object.values(a).forEach((n) => {
       n && n.addEventListener("change", t);
@@ -28,19 +27,19 @@ const e = {
       });
     };
   }, [a, d]);
-  const f = w((t) => typeof window > "u" || !d ? e[i] >= e[t] : window.matchMedia(`(min-width: ${e[t]}px)`).matches, [d, i]), p = w((t) => typeof window > "u" || !d ? e[i] < e[t] : window.matchMedia(`(max-width: ${e[t] - 1}px)`).matches, [d, i]), $ = w((t, n) => typeof window > "u" || !d ? e[i] >= e[t] && e[i] < e[n] : window.matchMedia(`(min-width: ${e[t]}px) and (max-width: ${e[n] - 1}px)`).matches, [d, i]), y = w((t) => {
+  const u = m((t) => typeof window > "u" || !d ? e[i] >= e[t] : window.matchMedia(`(min-width: ${e[t]}px)`).matches, [d, i]), f = m((t) => typeof window > "u" || !d ? e[i] < e[t] : window.matchMedia(`(max-width: ${e[t] - 1}px)`).matches, [d, i]), p = m((t, n) => typeof window > "u" || !d ? e[i] >= e[t] && e[i] < e[n] : window.matchMedia(`(min-width: ${e[t]}px) and (max-width: ${e[n] - 1}px)`).matches, [d, i]), $ = m((t) => {
     if (typeof window > "u" || !d)
       return i === t;
-    const n = Object.keys(e), m = n.indexOf(t), o = n[m + 1];
+    const n = Object.keys(e), o = n.indexOf(t), w = n[o + 1];
     let s;
-    return m === 0 ? s = `(max-width: ${e.md - 1}px)` : o ? s = `(min-width: ${e[t]}px) and (max-width: ${e[o] - 1}px)` : s = `(min-width: ${e[t]}px)`, window.matchMedia(s).matches;
+    return o === 0 ? s = `(max-width: ${e.md - 1}px)` : w ? s = `(min-width: ${e[t]}px) and (max-width: ${e[w] - 1}px)` : s = `(min-width: ${e[t]}px)`, window.matchMedia(s).matches;
   }, [d, i]);
   return {
     breakpoint: i,
-    up: f,
-    down: p,
-    between: $,
-    only: y
+    up: u,
+    down: f,
+    between: p,
+    only: $
   };
 };
 export {

package/dist/components/hooks/useBreakpoint.js.map

@@ -1 +1 @@
-{"version":3,"file":"useBreakpoint.js","sources":["../../../src/components/hooks/useBreakpoint.ts"],"sourcesContent":["\"use client\";\nimport { useEffect, useState, useCallback, useMemo } from \"react\";\n\ntype Breakpoint = \"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\" | \"3xl\";\n\nexport const BREAKPOINTS = {\n  sm: 640,\n  md: 768,\n  lg: 1024,\n  xl: 1280,\n  \"2xl\": 1536,\n};\n\n/**\n * A responsive breakpoint hook using window.matchMedia for optimal performance.\n *\n * @param ssrBreakpoint - The breakpoint to use during SSR and before hydration.\n *                       Defaults to \"lg\" for better SEO (search engines typically use desktop viewports).\n *\n * @example\n * ```tsx\n * // Default: uses \"lg\" for SSR\n * const bp = useBreakpoint();\n *\n * // Custom SSR breakpoint\n * const bp = useBreakpoint(\"md\");\n *\n * // Usage\n * bp.breakpoint     // Current breakpoint: \"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\"\n * bp.up(\"md\")       // true if screen >= 768px\n * bp.down(\"lg\")     // true if screen < 1024px\n * bp.between(\"md\", \"xl\")  // true if 768px <= screen < 1280px\n * bp.only(\"lg\")     // true if screen is exactly in \"lg\" range\n * ```\n */\nexport const useBreakpoint = (ssrBreakpoint: Breakpoint = \"lg\") => {\n  const [breakpoint, setBreakpoint] = useState<Breakpoint>(ssrBreakpoint);\n  const [isHydrated, setIsHydrated] = useState(false);\n\n  // Generate media queries\n  const mediaQueries = useMemo(() => {\n    const queries: Record<Breakpoint, MediaQueryList> = {} as any;\n    if (typeof window !== 'undefined') {\n      queries.sm = window.matchMedia(`(max-width: ${BREAKPOINTS.md - 1}px)`);\n      queries.md = window.matchMedia(`(min-width: ${BREAKPOINTS.md}px) and (max-width: ${BREAKPOINTS.lg - 1}px)`);\n      queries.lg = window.matchMedia(`(min-width: ${BREAKPOINTS.lg}px) and (max-width: ${BREAKPOINTS.xl - 1}px)`);\n      queries.xl = window.matchMedia(`(min-width: ${BREAKPOINTS.xl}px) and (max-width: ${BREAKPOINTS[\"2xl\"] - 1}px)`);\n      queries[\"2xl\"] = window.matchMedia(`(min-width: ${BREAKPOINTS[\"2xl\"]}px)`);\n    }\n    return queries;\n  }, []);\n\n  useEffect(() => {\n    setIsHydrated(true);\n  }, []);\n\n  useEffect(() => {\n    if (typeof window === 'undefined' || !isHydrated) return;\n\n    const updateBreakpoint = () => {\n      let currentBp: Breakpoint = \"sm\";\n\n      if (mediaQueries[\"2xl\"]?.matches) currentBp = \"2xl\";\n      else if (mediaQueries.xl?.matches) currentBp = \"xl\";\n      else if (mediaQueries.lg?.matches) currentBp = \"lg\";\n      else if (mediaQueries.md?.matches) currentBp = \"md\";\n      else currentBp = \"sm\";\n\n      setBreakpoint(currentBp);\n    };\n\n    // Initial check\n    updateBreakpoint();\n\n    // Add listeners\n    Object.values(mediaQueries).forEach(mq => {\n      if (mq) mq.addEventListener('change', updateBreakpoint);\n    });\n\n    return () => {\n      Object.values(mediaQueries).forEach(mq => {\n        if (mq) mq.removeEventListener('change', updateBreakpoint);\n      });\n    };\n  }, [mediaQueries, isHydrated]);\n\n  // Min width check: is current width >= breakpoint\n  const up = useCallback((bp: Breakpoint) => {\n    if (typeof window === 'undefined' || !isHydrated) {\n      // SSR fallback: check if ssrBreakpoint >= bp\n      return BREAKPOINTS[breakpoint] >= BREAKPOINTS[bp];\n    }\n    const mq = window.matchMedia(`(min-width: ${BREAKPOINTS[bp]}px)`);\n    return mq.matches;\n  }, [isHydrated, breakpoint]);\n\n  // Max width check: is current width < breakpoint\n  const down = useCallback((bp: Breakpoint) => {\n    if (typeof window === 'undefined' || !isHydrated) {\n      // SSR fallback: check if ssrBreakpoint < bp\n      return BREAKPOINTS[breakpoint] < BREAKPOINTS[bp];\n    }\n    const mq = window.matchMedia(`(max-width: ${BREAKPOINTS[bp] - 1}px)`);\n    return mq.matches;\n  }, [isHydrated, breakpoint]);\n\n  // Range check: is current width between min and max breakpoints\n  const between = useCallback((minBp: Breakpoint, maxBp: Breakpoint) => {\n    if (typeof window === 'undefined' || !isHydrated) {\n      // SSR fallback: check if minBp <= ssrBreakpoint < maxBp\n      return BREAKPOINTS[breakpoint] >= BREAKPOINTS[minBp] && BREAKPOINTS[breakpoint] < BREAKPOINTS[maxBp];\n    }\n    const mq = window.matchMedia(`(min-width: ${BREAKPOINTS[minBp]}px) and (max-width: ${BREAKPOINTS[maxBp] - 1}px)`);\n    return mq.matches;\n  }, [isHydrated, breakpoint]);\n\n  // Only check: is current width only within this breakpoint range\n  const only = useCallback((bp: Breakpoint) => {\n    if (typeof window === 'undefined' || !isHydrated) {\n      // SSR fallback: check if ssrBreakpoint === bp\n      return breakpoint === bp;\n    }\n\n    const breakpointKeys = Object.keys(BREAKPOINTS) as Breakpoint[];\n    const currentIndex = breakpointKeys.indexOf(bp);\n    const nextBp = breakpointKeys[currentIndex + 1];\n\n    let query: string;\n    if (currentIndex === 0) {\n      // For 'sm', check if width < md\n      query = `(max-width: ${BREAKPOINTS.md - 1}px)`;\n    } else if (!nextBp) {\n      // For highest breakpoint, check if width >= current\n      query = `(min-width: ${BREAKPOINTS[bp]}px)`;\n    } else {\n      // For middle breakpoints, check range\n      query = `(min-width: ${BREAKPOINTS[bp]}px) and (max-width: ${BREAKPOINTS[nextBp] - 1}px)`;\n    }\n\n    const mq = window.matchMedia(query);\n    return mq.matches;\n  }, [isHydrated, breakpoint]);\n\n  return {\n    breakpoint,\n    up,\n    down,\n    between,\n    only,\n  };\n};\n"],"names":["BREAKPOINTS","useBreakpoint","ssrBreakpoint","breakpoint","setBreakpoint","useState","isHydrated","setIsHydrated","mediaQueries","useMemo","queries","useEffect","updateBreakpoint","currentBp","_a","_b","_c","_d","mq","up","useCallback","bp","down","between","minBp","maxBp","only","breakpointKeys","currentIndex","nextBp","query"],"mappings":"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"}
+{"version":3,"file":"useBreakpoint.js","sources":["../../../src/components/hooks/useBreakpoint.ts"],"sourcesContent":["\"use client\";\nimport { useEffect, useState, useCallback, useMemo } from \"react\";\n\ntype Breakpoint = \"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\" | \"3xl\";\n\nexport const BREAKPOINTS = {\n  sm: 640,\n  md: 768,\n  lg: 1024,\n  xl: 1280,\n  \"2xl\": 1536,\n};\n\n/**\n * A responsive breakpoint hook using window.matchMedia for optimal performance.\n *\n * @param ssrBreakpoint - The breakpoint to use during SSR and before hydration.\n *                       Defaults to \"lg\" for better SEO (search engines typically use desktop viewports).\n *\n * @example\n * ```tsx\n * // Default: uses \"lg\" for SSR\n * const bp = useBreakpoint();\n *\n * // Custom SSR breakpoint\n * const bp = useBreakpoint(\"md\");\n *\n * // Usage\n * bp.breakpoint     // Current breakpoint: \"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\"\n * bp.up(\"md\")       // true if screen >= 768px\n * bp.down(\"lg\")     // true if screen < 1024px\n * bp.between(\"md\", \"xl\")  // true if 768px <= screen < 1280px\n * bp.only(\"lg\")     // true if screen is exactly in \"lg\" range\n * ```\n */\nexport const useBreakpoint = (ssrBreakpoint: Breakpoint = \"lg\") => {\n  const [breakpoint, setBreakpoint] = useState<Breakpoint>(ssrBreakpoint);\n  const [isHydrated, setIsHydrated] = useState(false);\n\n  // Generate media queries\n  const mediaQueries = useMemo(() => {\n    const queries: Record<Breakpoint, MediaQueryList> = {} as any;\n    if (typeof window !== 'undefined') {\n      queries.sm = window.matchMedia(`(max-width: ${BREAKPOINTS.md - 1}px)`);\n      queries.md = window.matchMedia(`(min-width: ${BREAKPOINTS.md}px) and (max-width: ${BREAKPOINTS.lg - 1}px)`);\n      queries.lg = window.matchMedia(`(min-width: ${BREAKPOINTS.lg}px) and (max-width: ${BREAKPOINTS.xl - 1}px)`);\n      queries.xl = window.matchMedia(`(min-width: ${BREAKPOINTS.xl}px) and (max-width: ${BREAKPOINTS[\"2xl\"] - 1}px)`);\n      queries[\"2xl\"] = window.matchMedia(`(min-width: ${BREAKPOINTS[\"2xl\"]}px)`);\n    }\n    return queries;\n  }, []);\n\n  useEffect(() => {\n    setIsHydrated(true);\n  }, []);\n\n  useEffect(() => {\n    if (typeof window === 'undefined' || !isHydrated) return;\n\n    const updateBreakpoint = () => {\n      let currentBp: Breakpoint = \"sm\";\n\n      if (mediaQueries[\"2xl\"]?.matches) currentBp = \"2xl\";\n      else if (mediaQueries.xl?.matches) currentBp = \"xl\";\n      else if (mediaQueries.lg?.matches) currentBp = \"lg\";\n      else if (mediaQueries.md?.matches) currentBp = \"md\";\n      else currentBp = \"sm\";\n\n      setBreakpoint(currentBp);\n    };\n\n    // Initial check\n    updateBreakpoint();\n\n    // Add listeners\n    Object.values(mediaQueries).forEach(mq => {\n      if (mq) mq.addEventListener('change', updateBreakpoint);\n    });\n\n    return () => {\n      Object.values(mediaQueries).forEach(mq => {\n        if (mq) mq.removeEventListener('change', updateBreakpoint);\n      });\n    };\n  }, [mediaQueries, isHydrated]);\n\n  // Min width check: is current width >= breakpoint\n  const up = useCallback((bp: Breakpoint) => {\n    if (typeof window === 'undefined' || !isHydrated) {\n      // SSR fallback: check if ssrBreakpoint >= bp\n      return BREAKPOINTS[breakpoint] >= BREAKPOINTS[bp];\n    }\n    const mq = window.matchMedia(`(min-width: ${BREAKPOINTS[bp]}px)`);\n    return mq.matches;\n  }, [isHydrated, breakpoint]);\n\n  // Max width check: is current width < breakpoint\n  const down = useCallback((bp: Breakpoint) => {\n    if (typeof window === 'undefined' || !isHydrated) {\n      // SSR fallback: check if ssrBreakpoint < bp\n      return BREAKPOINTS[breakpoint] < BREAKPOINTS[bp];\n    }\n    const mq = window.matchMedia(`(max-width: ${BREAKPOINTS[bp] - 1}px)`);\n    return mq.matches;\n  }, [isHydrated, breakpoint]);\n\n  // Range check: is current width between min and max breakpoints\n  const between = useCallback((minBp: Breakpoint, maxBp: Breakpoint) => {\n    if (typeof window === 'undefined' || !isHydrated) {\n      // SSR fallback: check if minBp <= ssrBreakpoint < maxBp\n      return BREAKPOINTS[breakpoint] >= BREAKPOINTS[minBp] && BREAKPOINTS[breakpoint] < BREAKPOINTS[maxBp];\n    }\n    const mq = window.matchMedia(`(min-width: ${BREAKPOINTS[minBp]}px) and (max-width: ${BREAKPOINTS[maxBp] - 1}px)`);\n    return mq.matches;\n  }, [isHydrated, breakpoint]);\n\n  // Only check: is current width only within this breakpoint range\n  const only = useCallback((bp: Breakpoint) => {\n    if (typeof window === 'undefined' || !isHydrated) {\n      // SSR fallback: check if ssrBreakpoint === bp\n      return breakpoint === bp;\n    }\n\n    const breakpointKeys = Object.keys(BREAKPOINTS) as Breakpoint[];\n    const currentIndex = breakpointKeys.indexOf(bp);\n    const nextBp = breakpointKeys[currentIndex + 1];\n\n    let query: string;\n    if (currentIndex === 0) {\n      // For 'sm', check if width < md\n      query = `(max-width: ${BREAKPOINTS.md - 1}px)`;\n    } else if (!nextBp) {\n      // For highest breakpoint, check if width >= current\n      query = `(min-width: ${BREAKPOINTS[bp]}px)`;\n    } else {\n      // For middle breakpoints, check range\n      query = `(min-width: ${BREAKPOINTS[bp]}px) and (max-width: ${BREAKPOINTS[nextBp] - 1}px)`;\n    }\n\n    const mq = window.matchMedia(query);\n    return mq.matches;\n  }, [isHydrated, breakpoint]);\n\n  return {\n    breakpoint,\n    up,\n    down,\n    between,\n    only,\n  };\n};\n"],"names":["BREAKPOINTS","useBreakpoint","ssrBreakpoint","breakpoint","setBreakpoint","useState","isHydrated","setIsHydrated","mediaQueries","useMemo","queries","useEffect","updateBreakpoint","currentBp","mq","up","useCallback","bp","down","between","minBp","maxBp","only","breakpointKeys","currentIndex","nextBp","query"],"mappings":"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"}

package/dist/components/hooks/useCSSVariables.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Get CSS variables from the document
+ * @param variables CSS variable names
+ * @returns CSS variable values
+ */
+export declare const useCSSVariables: (variables: string | string[]) => Record<string, string>;
+//# sourceMappingURL=useCSSVariables.d.ts.map

package/dist/components/hooks/useCSSVariables.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCSSVariables.d.ts","sourceRoot":"","sources":["../../../src/components/hooks/useCSSVariables.ts"],"names":[],"mappings":"AAEA;;;;GAIG;AACH,eAAO,MAAM,eAAe,GAAI,WAAW,MAAM,GAAG,MAAM,EAAE,2BAQ3D,CAAC"}

package/dist/components/hooks/useCSSVariables.js.map

@@ -1 +1 @@
-{"version":3,"file":"useCSSVariables.js","sources":["../../../src/components/hooks/useCSSVariables.ts"],"sourcesContent":["\"use client\";\n\n/**\n * Get CSS variables from the document\n * @param variables CSS variable names\n * @returns CSS variable values\n */\nexport const useCSSVariables = (variables: string | string[]) => {\n  const variablesList = Array.isArray(variables) ? variables : [variables];\n  const el = window.getComputedStyle(document.body);\n  return variablesList.reduce((acc, variable) => {\n    const variableName = variable.startsWith(\"--\") ? variable : `--${variable}`;\n    acc[variableName] = el.getPropertyValue(variableName);\n    return acc;\n  }, {} as Record<string, string>);\n};\n"],"names":["useCSSVariables","variables","variablesList","el","acc","variable","variableName"],"mappings":";AAOa,MAAAA,IAAkB,CAACC,MAAiC;AAC/D,QAAMC,IAAgB,MAAM,QAAQD,CAAS,IAAIA,IAAY,CAACA,CAAS,GACjEE,IAAK,OAAO,iBAAiB,SAAS,IAAI;AAChD,SAAOD,EAAc,OAAO,CAACE,GAAKC,MAAa;AAC7C,UAAMC,IAAeD,EAAS,WAAW,IAAI,IAAIA,IAAW,KAAKA,CAAQ;AACzE,WAAAD,EAAIE,CAAY,IAAIH,EAAG,iBAAiBG,CAAY,GAC7CF;AAAA,EACT,GAAG,EAA4B;AACjC;"}
+{"version":3,"file":"useCSSVariables.js","sources":["../../../src/components/hooks/useCSSVariables.ts"],"sourcesContent":["\"use client\";\n\n/**\n * Get CSS variables from the document\n * @param variables CSS variable names\n * @returns CSS variable values\n */\nexport const useCSSVariables = (variables: string | string[]) => {\n  const variablesList = Array.isArray(variables) ? variables : [variables];\n  const el = window.getComputedStyle(document.body);\n  return variablesList.reduce((acc, variable) => {\n    const variableName = variable.startsWith(\"--\") ? variable : `--${variable}`;\n    acc[variableName] = el.getPropertyValue(variableName);\n    return acc;\n  }, {} as Record<string, string>);\n};\n"],"names":["useCSSVariables","variables","variablesList","el","acc","variable","variableName"],"mappings":";AAOO,MAAMA,IAAkB,CAACC,MAAiC;AAC/D,QAAMC,IAAgB,MAAM,QAAQD,CAAS,IAAIA,IAAY,CAACA,CAAS,GACjEE,IAAK,OAAO,iBAAiB,SAAS,IAAI;AAChD,SAAOD,EAAc,OAAO,CAACE,GAAKC,MAAa;AAC7C,UAAMC,IAAeD,EAAS,WAAW,IAAI,IAAIA,IAAW,KAAKA,CAAQ;AACzE,WAAAD,EAAIE,CAAY,IAAIH,EAAG,iBAAiBG,CAAY,GAC7CF;AAAA,EACT,GAAG,CAAA,CAA4B;AACjC;"}