@bioturing/components 0.15.4 → 0.16.0

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  waitForNextTick = false\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.getAnimations().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","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;AAEgB,SAAAO,EACdP,GACAQ,IAAkB,IAClB;AACM,QAAAC,IAAWR,EAAO,EAAE,GACpBS,IAAaT,EAAO,EAAE,GAEtBU,IAAcb,EAAiB,MAAM;AACzC,yBAAqBW,EAAS,OAAO,GACrC,aAAaC,EAAW,OAAO;AAAA,EAAA,CAChC;AAED,SAAAb,EAAU,MAAMc,GAAa,CAACA,CAAW,CAAC,GAEnCb,EAAiB,CAACc,MAA4B;AACvC,IAAAD,EAAA;AAEZ,UAAME,IAAUb,EAAI;AAEpB,IAAKa,MAID,OAAOA,EAAQ,iBAAkB,aACvBD,EAAA,IAEHH,EAAA,UAAU,sBAAsB,MAAM;AAC7C,eAASK,IAAO;AACd,QAAKD,KAIG,QAAA;AAAA,UACNA,EAAQ,cAAc,EAAE,IAAI,CAACE,MAASA,EAAK,QAAQ;AAAA,QACrD,EAAE,KAAK,MAAM;AAGX,UAAAC,EAAUJ,CAAW;AAAA,QAAA,CACtB;AAAA,MAAA;AAIH,MAAIJ,IACSE,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","_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;"}

package/dist/components/hooks/useControlledState.js

@@ -1,15 +1,23 @@
-import { useState as a, useCallback as l } from "react";
-function S(t, o, s) {
-  const [f, c] = a(s), n = typeof t < "u", i = l(
-    (e) => {
-      const r = typeof e == "function" ? e(t) : e;
-      typeof o == "function" && o(r), n || c(e);
+"use client";
+import { useState as a, useCallback as d } from "react";
+function m(l, t, c) {
+  const [r, f] = a(
+    c
+  ), e = l !== void 0, o = e ? l : r, n = d(
+    function(s, ...u) {
+      const i = typeof s == "function" ? s(o) : s;
+      e || f(i), t && typeof t == "function" && (t.length > 1 ? t(
+        i,
+        ...u
+      ) : t(
+        i
+      ));
     },
-    [t, o, n]
+    [e, t, o]
   );
-  return [n ? t : f, i];
+  return [o, n];
 }
 export {
-  S as useControlledState
+  m as useControlledState
 };
 //# sourceMappingURL=useControlledState.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useControlledState.js","sources":["../../../src/components/hooks/useControlledState.ts"],"sourcesContent":["\"use client\";\nimport { useCallback, useState } from \"react\";\n\n// Ref:\n// https://github.com/adobe/react-spectrum/blob/main/packages/%40react-stately/utils/src/useControlledState.ts\n// https://github.com/chakra-ui/chakra-ui/tree/main/packages/hooks/use-controllable-state\n\nexport function useControlledState<T>(\n  value: T | undefined,\n  onChange: ((value: T, ...args: any[]) => void) | undefined,\n  defaultValue: T | undefined\n) {\n  const [internalState, setInternalState] = useState(defaultValue);\n\n  const isControlled = typeof value !== \"undefined\";\n\n  const setState = useCallback(\n    (next: T) => {\n      const nextValue = typeof next === \"function\" ? next(value) : next;\n      if (typeof onChange === \"function\") onChange(nextValue);\n      if (!isControlled) setInternalState(next);\n    },\n    [value, onChange, isControlled]\n  );\n\n  const state = isControlled ? value : internalState;\n\n  return [state, setState] as [T, React.Dispatch<React.SetStateAction<T>>];\n}\n"],"names":["useControlledState","value","onChange","defaultValue","internalState","setInternalState","useState","isControlled","setState","useCallback","next","nextValue"],"mappings":";AAOgB,SAAAA,EACdC,GACAC,GACAC,GACA;AACA,QAAM,CAACC,GAAeC,CAAgB,IAAIC,EAASH,CAAY,GAEzDI,IAAe,OAAON,IAAU,KAEhCO,IAAWC;AAAA,IACf,CAACC,MAAY;AACX,YAAMC,IAAY,OAAOD,KAAS,aAAaA,EAAKT,CAAK,IAAIS;AAC7D,MAAI,OAAOR,KAAa,cAAYA,EAASS,CAAS,GACjDJ,KAAcF,EAAiBK,CAAI;AAAA,IAC1C;AAAA,IACA,CAACT,GAAOC,GAAUK,CAAY;AAAA,EAChC;AAIO,SAAA,CAFOA,IAAeN,IAAQG,GAEtBI,CAAQ;AACzB;"}
+{"version":3,"file":"useControlledState.js","sources":["../../../src/components/hooks/useControlledState.ts"],"sourcesContent":["\"use client\";\nimport { useCallback, useState } from \"react\";\n\n// Ref:\n// https://github.com/adobe/react-spectrum/blob/main/packages/%40react-stately/utils/src/useControlledState.ts\n// https://github.com/chakra-ui/chakra-ui/tree/main/packages/hooks/use-controllable-state\n\n/**\n * A hook that manages state that can be either controlled or uncontrolled.\n *\n * @param value - The controlled value\n * @param onChange - Callback when the value changes\n * @param defaultValue - Default value for uncontrolled state\n * @returns [currentValue, setValue] - Current value and setter function\n */\nexport function useControlledState<T, K extends unknown[] = []>(\n  value?: T,\n  onChange?:\n    | ((value: T, ...args: K | []) => void)\n    | React.Dispatch<React.SetStateAction<T>>,\n  defaultValue?: T\n): [\n  T | undefined,\n  (value: T | ((prev: T | undefined) => T), ...args: K | []) => void\n] {\n  const [internalState, setInternalState] = useState<T | undefined>(\n    defaultValue\n  );\n\n  const isControlled = value !== undefined;\n  const currentValue = isControlled ? value : internalState;\n\n  // This is a generic setter function that works with both controlled and uncontrolled modes\n  // and preserves the ability to pass additional arguments to the onChange handler\n  const setValue = useCallback(\n    function setValue(\n      nextValue: T | ((prev: T | undefined) => T),\n      ...args: K | []\n    ): void {\n      // If nextValue is a function, call it with the current value\n      const resolvedValue =\n        typeof nextValue === \"function\"\n          ? (nextValue as (prev: T | undefined) => T)(currentValue)\n          : nextValue;\n\n      // Only update internal state if we're not controlled\n      if (!isControlled) {\n        setInternalState(resolvedValue);\n      }\n\n      // Call onChange if provided\n      if (onChange) {\n        if (typeof onChange === \"function\") {\n          // Check if onChange is the multi-argument form\n          if (onChange.length > 1) {\n            // It's the form: (value: T, ...args: K) => void\n            // Use a type assertion to handle the variable arguments\n            (onChange as (value: T, ...args: K) => void)(\n              resolvedValue,\n              ...(args as K)\n            );\n          } else {\n            // It's the React.Dispatch form or a simple (value: T) => void\n            (onChange as React.Dispatch<React.SetStateAction<T>>)(\n              resolvedValue\n            );\n          }\n        }\n      }\n    },\n    [isControlled, onChange, currentValue]\n  );\n\n  return [currentValue, setValue];\n}\n"],"names":["useControlledState","value","onChange","defaultValue","internalState","setInternalState","useState","isControlled","currentValue","setValue","useCallback","nextValue","args","resolvedValue"],"mappings":";;AAegB,SAAAA,EACdC,GACAC,GAGAC,GAIA;AACM,QAAA,CAACC,GAAeC,CAAgB,IAAIC;AAAA,IACxCH;AAAA,EACF,GAEMI,IAAeN,MAAU,QACzBO,IAAeD,IAAeN,IAAQG,GAItCK,IAAWC;AAAA,IACf,SACEC,MACGC,GACG;AAEN,YAAMC,IACJ,OAAOF,KAAc,aAChBA,EAAyCH,CAAY,IACtDG;AAGN,MAAKJ,KACHF,EAAiBQ,CAAa,GAI5BX,KACE,OAAOA,KAAa,eAElBA,EAAS,SAAS,IAGnBA;AAAA,QACCW;AAAA,QACA,GAAID;AAAA,MACN,IAGCV;AAAA,QACCW;AAAA,MACF;AAAA,IAIR;AAAA,IACA,CAACN,GAAcL,GAAUM,CAAY;AAAA,EACvC;AAEO,SAAA,CAACA,GAAcC,CAAQ;AAChC;"}

package/dist/components/utils/WithAntdTokens.js

@@ -1,22 +1,23 @@
-import { jsx as p } from "react/jsx-runtime";
-import { useRender as a } from "@base-ui-components/react";
+"use client";
+import { jsx as m } from "react/jsx-runtime";
+import { useRender as d } from "@base-ui-components/react";
 import { useAntdCssVarClassname as c } from "./antdUtils.js";
-import { clsx as d } from "./cn.js";
+import { clsx as p } from "./cn.js";
 const x = ({
-  as: r = "div",
-  ref: s,
-  className: e,
-  ...o
+  as: e = "div",
+  ref: r,
+  className: s,
+  ...n
 }) => {
-  const n = r, t = c(), { renderElement: m } = a({
-    render: /* @__PURE__ */ p(n, {}),
-    refs: [s],
+  const o = e, t = c();
+  return d({
+    render: /* @__PURE__ */ m(o, {}),
+    ref: r,
     props: {
-      ...o,
-      className: d(e, t)
+      ...n,
+      className: p(s, t)
     }
   });
-  return m();
 };
 export {
   x as WithAntdTokens

package/dist/components/utils/WithAntdTokens.js.map

@@ -1 +1 @@
-{"version":3,"file":"WithAntdTokens.js","sources":["../../../src/components/utils/WithAntdTokens.tsx"],"sourcesContent":["\"use client\";\n\nimport { useRender } from \"@base-ui-components/react\";\nimport type {\n  ElementType,\n  JSX,\n  ComponentProps,\n  JSXElementConstructor,\n} from \"react\";\nimport { useAntdCssVarClassname } from \"./antdUtils\";\nimport { clsx } from \"./cn\";\n\ntype IntrinsicElement =\n  | keyof JSX.IntrinsicElements\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  | JSXElementConstructor<any>;\n\nexport type WidthAntdTokensProps<T extends IntrinsicElement> = {\n  as?: IntrinsicElement;\n} & ComponentProps<T>;\n\nexport const WithAntdTokens = <T extends IntrinsicElement = \"div\">({\n  as: Tag = \"div\",\n  ref,\n  className,\n  ...rest\n}: WidthAntdTokensProps<T>) => {\n  const Component = Tag as ElementType;\n  const cssVar = useAntdCssVarClassname();\n  const { renderElement } = useRender({\n    render: <Component />,\n    refs: [ref],\n    props: {\n      ...rest,\n      className: clsx(className, cssVar),\n    },\n  });\n  return renderElement();\n};\n"],"names":["WithAntdTokens","Tag","ref","className","rest","Component","cssVar","useAntdCssVarClassname","renderElement","useRender","clsx"],"mappings":";;;;AAqBO,MAAMA,IAAiB,CAAqC;AAAA,EACjE,IAAIC,IAAM;AAAA,EACV,KAAAC;AAAA,EACA,WAAAC;AAAA,EACA,GAAGC;AACL,MAA+B;AAC7B,QAAMC,IAAYJ,GACZK,IAASC,EAAuB,GAChC,EAAE,eAAAC,EAAc,IAAIC,EAAU;AAAA,IAClC,0BAASJ,GAAU,EAAA;AAAA,IACnB,MAAM,CAACH,CAAG;AAAA,IACV,OAAO;AAAA,MACL,GAAGE;AAAA,MACH,WAAWM,EAAKP,GAAWG,CAAM;AAAA,IAAA;AAAA,EACnC,CACD;AACD,SAAOE,EAAc;AACvB;"}
+{"version":3,"file":"WithAntdTokens.js","sources":["../../../src/components/utils/WithAntdTokens.tsx"],"sourcesContent":["\"use client\";\n\nimport { useRender } from \"@base-ui-components/react\";\nimport type {\n  ElementType,\n  JSX,\n  ComponentProps,\n  JSXElementConstructor,\n} from \"react\";\nimport { useAntdCssVarClassname } from \"./antdUtils\";\nimport { clsx } from \"./cn\";\n\ntype IntrinsicElement =\n  | keyof JSX.IntrinsicElements\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  | JSXElementConstructor<any>;\n\nexport type WidthAntdTokensProps<T extends IntrinsicElement> = {\n  as?: IntrinsicElement;\n} & ComponentProps<T>;\n\nexport const WithAntdTokens = <T extends IntrinsicElement = \"div\">({\n  as: Tag = \"div\",\n  ref,\n  className,\n  ...rest\n}: WidthAntdTokensProps<T>) => {\n  const Component = Tag as ElementType;\n  const cssVar = useAntdCssVarClassname();\n  const renderedElement = useRender({\n    render: <Component />,\n    ref,\n    props: {\n      ...rest,\n      className: clsx(className, cssVar),\n    },\n  });\n  return renderedElement;\n};\n"],"names":["WithAntdTokens","Tag","ref","className","rest","Component","cssVar","useAntdCssVarClassname","useRender","clsx"],"mappings":";;;;;AAqBO,MAAMA,IAAiB,CAAqC;AAAA,EACjE,IAAIC,IAAM;AAAA,EACV,KAAAC;AAAA,EACA,WAAAC;AAAA,EACA,GAAGC;AACL,MAA+B;AAC7B,QAAMC,IAAYJ,GACZK,IAASC,EAAuB;AAS/B,SARiBC,EAAU;AAAA,IAChC,0BAASH,GAAU,EAAA;AAAA,IACnB,KAAAH;AAAA,IACA,OAAO;AAAA,MACL,GAAGE;AAAA,MACH,WAAWK,EAAKN,GAAWG,CAAM;AAAA,IAAA;AAAA,EACnC,CACD;AAEH;"}

package/dist/components/utils/antdUtils.js

@@ -1,3 +1,4 @@
+"use client";
 import n from "antd/es/config-provider";
 import c from "antd/es/theme/useToken";
 import { useContext as i, useCallback as a } from "react";

package/dist/components/utils/antdUtils.js.map

@@ -1 +1 @@
-{"version":3,"file":"antdUtils.js","sources":["../../../src/components/utils/antdUtils.ts"],"sourcesContent":["\"use client\";\nimport { default as ConfigProvider } from \"antd/es/config-provider\";\nimport useToken from \"antd/es/theme/useToken\";\nimport { useCallback, useContext } from \"react\";\nimport type { ClassValue } from \"./types\";\nimport { cx } from \"./cn\";\nimport { PopoverProps } from \"antd/es/popover\";\n\nexport const useGetPrefixCls = () => {\n  const { getPrefixCls } = useContext(ConfigProvider.ConfigContext);\n  return { getPrefixCls };\n};\n\n/**\n *\n * @returns the antd classname providing css variables\n */\nexport const useAntdCssVarClassname = () => {\n  const token = useToken();\n  return token[4]?.key;\n};\n\nexport const useCls = () => {\n  const { getPrefixCls } = useContext(ConfigProvider.ConfigContext);\n  const cls = useCallback(\n    (...args: ClassValue[]) => {\n      return cx(...args)\n        .map((cls) => getPrefixCls(cls))\n        .join(\" \");\n    },\n    [getPrefixCls]\n  );\n  return cls;\n};\n\nfunction splitCamelCase(text: string): string[] {\n  const result: string[] = [];\n  let currentWord = \"\";\n\n  for (const char of text) {\n    if (char >= \"A\" && char <= \"Z\") {\n      if (currentWord) {\n        result.push(currentWord);\n      }\n      currentWord = char.toLowerCase();\n    } else {\n      currentWord += char;\n    }\n  }\n\n  if (currentWord) {\n    result.push(currentWord);\n  }\n\n  return result.length > 0 ? result : [text];\n}\n\nexport const parseAntdPlacement = (\n  placement: PopoverProps[\"placement\"] = \"bottomLeft\"\n): {\n  placement: \"top\" | \"bottom\" | \"left\" | \"right\";\n  align: \"start\" | \"end\" | \"center\";\n} => {\n  const [position1, position2] = splitCamelCase(placement);\n\n  // Determine primary placement\n  let primaryPlacement: \"top\" | \"bottom\" | \"left\" | \"right\";\n  let align: \"start\" | \"end\" | \"center\" = \"center\";\n\n  // First check if it's a vertical or horizontal primary placement\n  if (position1 === \"top\" || position1 === \"bottom\") {\n    primaryPlacement = position1;\n    if (position2) {\n      switch (position2) {\n        case \"left\":\n          align = \"start\";\n          break;\n        case \"right\":\n          align = \"end\";\n          break;\n        // \"top\" or \"bottom\" as second position is invalid, defaults to center\n      }\n    }\n  } else if (position1 === \"left\" || position1 === \"right\") {\n    primaryPlacement = position1;\n    if (position2) {\n      switch (position2) {\n        case \"top\":\n          align = \"start\";\n          break;\n        case \"bottom\":\n          align = \"end\";\n          break;\n        // \"left\" or \"right\" as second position is invalid, defaults to center\n      }\n    }\n  } else {\n    // Fallback for invalid placement\n    primaryPlacement = \"bottom\";\n  }\n\n  return {\n    placement: primaryPlacement,\n    align,\n  };\n};\n"],"names":["useGetPrefixCls","getPrefixCls","useContext","ConfigProvider","useAntdCssVarClassname","_a","useToken","useCls","useCallback","args","cx","cls","splitCamelCase","text","result","currentWord","char","parseAntdPlacement","placement","position1","position2","primaryPlacement","align"],"mappings":";;;;AAQO,MAAMA,IAAkB,MAAM;AACnC,QAAM,EAAE,cAAAC,EAAiB,IAAAC,EAAWC,EAAe,aAAa;AAChE,SAAO,EAAE,cAAAF,EAAa;AACxB,GAMaG,IAAyB,MAAM;;AAEnC,UAAAC,IADOC,EAAS,EACV,CAAC,MAAP,gBAAAD,EAAU;AACnB,GAEaE,IAAS,MAAM;AAC1B,QAAM,EAAE,cAAAN,EAAiB,IAAAC,EAAWC,EAAe,aAAa;AASzD,SARKK;AAAA,IACV,IAAIC,MACKC,EAAG,GAAGD,CAAI,EACd,IAAI,CAACE,MAAQV,EAAaU,CAAG,CAAC,EAC9B,KAAK,GAAG;AAAA,IAEb,CAACV,CAAY;AAAA,EACf;AAEF;AAEA,SAASW,EAAeC,GAAwB;AAC9C,QAAMC,IAAmB,CAAC;AAC1B,MAAIC,IAAc;AAElB,aAAWC,KAAQH;AACb,IAAAG,KAAQ,OAAOA,KAAQ,OACrBD,KACFD,EAAO,KAAKC,CAAW,GAEzBA,IAAcC,EAAK,YAAY,KAEhBD,KAAAC;AAInB,SAAID,KACFD,EAAO,KAAKC,CAAW,GAGlBD,EAAO,SAAS,IAAIA,IAAS,CAACD,CAAI;AAC3C;AAEa,MAAAI,IAAqB,CAChCC,IAAuC,iBAIpC;AACH,QAAM,CAACC,GAAWC,CAAS,IAAIR,EAAeM,CAAS;AAGnD,MAAAG,GACAC,IAAoC;AAGpC,MAAAH,MAAc,SAASA,MAAc;AAEvC,QADmBE,IAAAF,GACfC;AACF,cAAQA,GAAW;AAAA,QACjB,KAAK;AACK,UAAAE,IAAA;AACR;AAAA,QACF,KAAK;AACK,UAAAA,IAAA;AACR;AAAA,MAAA;AAAA,aAIGH,MAAc,UAAUA,MAAc;AAE/C,QADmBE,IAAAF,GACfC;AACF,cAAQA,GAAW;AAAA,QACjB,KAAK;AACK,UAAAE,IAAA;AACR;AAAA,QACF,KAAK;AACK,UAAAA,IAAA;AACR;AAAA,MAAA;AAAA;AAMa,IAAAD,IAAA;AAGd,SAAA;AAAA,IACL,WAAWA;AAAA,IACX,OAAAC;AAAA,EACF;AACF;"}
+{"version":3,"file":"antdUtils.js","sources":["../../../src/components/utils/antdUtils.ts"],"sourcesContent":["\"use client\";\nimport { default as ConfigProvider } from \"antd/es/config-provider\";\nimport useToken from \"antd/es/theme/useToken\";\nimport { useCallback, useContext } from \"react\";\nimport type { ClassValue } from \"./types\";\nimport { cx } from \"./cn\";\nimport { PopoverProps } from \"antd/es/popover\";\n\nexport const useGetPrefixCls = () => {\n  const { getPrefixCls } = useContext(ConfigProvider.ConfigContext);\n  return { getPrefixCls };\n};\n\n/**\n *\n * @returns the antd classname providing css variables\n */\nexport const useAntdCssVarClassname = () => {\n  const token = useToken();\n  return token[4]?.key;\n};\n\nexport const useCls = () => {\n  const { getPrefixCls } = useContext(ConfigProvider.ConfigContext);\n  const cls = useCallback(\n    (...args: ClassValue[]) => {\n      return cx(...args)\n        .map((cls) => getPrefixCls(cls))\n        .join(\" \");\n    },\n    [getPrefixCls]\n  );\n  return cls;\n};\n\nfunction splitCamelCase(text: string): string[] {\n  const result: string[] = [];\n  let currentWord = \"\";\n\n  for (const char of text) {\n    if (char >= \"A\" && char <= \"Z\") {\n      if (currentWord) {\n        result.push(currentWord);\n      }\n      currentWord = char.toLowerCase();\n    } else {\n      currentWord += char;\n    }\n  }\n\n  if (currentWord) {\n    result.push(currentWord);\n  }\n\n  return result.length > 0 ? result : [text];\n}\n\nexport const parseAntdPlacement = (\n  placement: PopoverProps[\"placement\"] = \"bottomLeft\"\n): {\n  placement: \"top\" | \"bottom\" | \"left\" | \"right\";\n  align: \"start\" | \"end\" | \"center\";\n} => {\n  const [position1, position2] = splitCamelCase(placement);\n\n  // Determine primary placement\n  let primaryPlacement: \"top\" | \"bottom\" | \"left\" | \"right\";\n  let align: \"start\" | \"end\" | \"center\" = \"center\";\n\n  // First check if it's a vertical or horizontal primary placement\n  if (position1 === \"top\" || position1 === \"bottom\") {\n    primaryPlacement = position1;\n    if (position2) {\n      switch (position2) {\n        case \"left\":\n          align = \"start\";\n          break;\n        case \"right\":\n          align = \"end\";\n          break;\n        // \"top\" or \"bottom\" as second position is invalid, defaults to center\n      }\n    }\n  } else if (position1 === \"left\" || position1 === \"right\") {\n    primaryPlacement = position1;\n    if (position2) {\n      switch (position2) {\n        case \"top\":\n          align = \"start\";\n          break;\n        case \"bottom\":\n          align = \"end\";\n          break;\n        // \"left\" or \"right\" as second position is invalid, defaults to center\n      }\n    }\n  } else {\n    // Fallback for invalid placement\n    primaryPlacement = \"bottom\";\n  }\n\n  return {\n    placement: primaryPlacement,\n    align,\n  };\n};\n"],"names":["useGetPrefixCls","getPrefixCls","useContext","ConfigProvider","useAntdCssVarClassname","_a","useToken","useCls","useCallback","args","cx","cls","splitCamelCase","text","result","currentWord","char","parseAntdPlacement","placement","position1","position2","primaryPlacement","align"],"mappings":";;;;;AAQO,MAAMA,IAAkB,MAAM;AACnC,QAAM,EAAE,cAAAC,EAAiB,IAAAC,EAAWC,EAAe,aAAa;AAChE,SAAO,EAAE,cAAAF,EAAa;AACxB,GAMaG,IAAyB,MAAM;;AAEnC,UAAAC,IADOC,EAAS,EACV,CAAC,MAAP,gBAAAD,EAAU;AACnB,GAEaE,IAAS,MAAM;AAC1B,QAAM,EAAE,cAAAN,EAAiB,IAAAC,EAAWC,EAAe,aAAa;AASzD,SARKK;AAAA,IACV,IAAIC,MACKC,EAAG,GAAGD,CAAI,EACd,IAAI,CAACE,MAAQV,EAAaU,CAAG,CAAC,EAC9B,KAAK,GAAG;AAAA,IAEb,CAACV,CAAY;AAAA,EACf;AAEF;AAEA,SAASW,EAAeC,GAAwB;AAC9C,QAAMC,IAAmB,CAAC;AAC1B,MAAIC,IAAc;AAElB,aAAWC,KAAQH;AACb,IAAAG,KAAQ,OAAOA,KAAQ,OACrBD,KACFD,EAAO,KAAKC,CAAW,GAEzBA,IAAcC,EAAK,YAAY,KAEhBD,KAAAC;AAInB,SAAID,KACFD,EAAO,KAAKC,CAAW,GAGlBD,EAAO,SAAS,IAAIA,IAAS,CAACD,CAAI;AAC3C;AAEa,MAAAI,IAAqB,CAChCC,IAAuC,iBAIpC;AACH,QAAM,CAACC,GAAWC,CAAS,IAAIR,EAAeM,CAAS;AAGnD,MAAAG,GACAC,IAAoC;AAGpC,MAAAH,MAAc,SAASA,MAAc;AAEvC,QADmBE,IAAAF,GACfC;AACF,cAAQA,GAAW;AAAA,QACjB,KAAK;AACK,UAAAE,IAAA;AACR;AAAA,QACF,KAAK;AACK,UAAAA,IAAA;AACR;AAAA,MAAA;AAAA,aAIGH,MAAc,UAAUA,MAAc;AAE/C,QADmBE,IAAAF,GACfC;AACF,cAAQA,GAAW;AAAA,QACjB,KAAK;AACK,UAAAE,IAAA;AACR;AAAA,QACF,KAAK;AACK,UAAAA,IAAA;AACR;AAAA,MAAA;AAAA;AAMa,IAAAD,IAAA;AAGd,SAAA;AAAA,IACL,WAAWA;AAAA,IACX,OAAAC;AAAA,EACF;AACF;"}