@bioturing/components 0.42.0 → 0.44.0

package/dist/components/utils/cn.js

@@ -1,27 +1,119 @@
-import { twMerge as i } from "tailwind-merge";
-function n(...r) {
-  const t = [];
-  for (const e of r)
-    if (e) {
-      if (typeof e == "string" || typeof e == "number")
-        t.push(String(e));
-      else if (Array.isArray(e))
-        t.push(...n(...e));
-      else if (typeof e == "object")
-        for (const [o, f] of Object.entries(e))
-          f && t.push(o);
+import { extendTailwindMerge as t } from "tailwind-merge";
+const l = [
+  "ds-color-primary",
+  "ds-color-primary-hover",
+  "ds-color-primary-active",
+  "ds-color-primary-text",
+  "ds-color-primary-text-hover",
+  "ds-color-primary-text-active",
+  "ds-color-primary-bg",
+  "ds-color-primary-bg-hover",
+  "ds-color-primary-border",
+  "ds-color-primary-border-hover",
+  "ds-color-warning",
+  "ds-color-warning-hover",
+  "ds-color-warning-active",
+  "ds-color-warning-text",
+  "ds-color-warning-text-hover",
+  "ds-color-warning-text-active",
+  "ds-color-warning-bg",
+  "ds-color-warning-bg-hover",
+  "ds-color-warning-border",
+  "ds-color-warning-border-hover",
+  "ds-color-success",
+  "ds-color-success-hover",
+  "ds-color-success-active",
+  "ds-color-success-text",
+  "ds-color-success-text-hover",
+  "ds-color-success-text-active",
+  "ds-color-success-bg",
+  "ds-color-success-bg-hover",
+  "ds-color-success-border",
+  "ds-color-success-border-hover",
+  "ds-color-error",
+  "ds-color-error-hover",
+  "ds-color-error-active",
+  "ds-color-error-text",
+  "ds-color-error-text-hover",
+  "ds-color-error-text-active",
+  "ds-color-error-bg",
+  "ds-color-error-bg-hover",
+  "ds-color-error-border",
+  "ds-color-error-border-hover",
+  "ds-color-text-base",
+  "ds-color-text",
+  "ds-color-text-secondary",
+  "ds-color-text-tertiary",
+  "ds-color-text-quaternary",
+  "ds-color-bg-base",
+  "ds-color-bg-container",
+  "ds-color-bg-elevated",
+  "ds-color-bg-layout",
+  "ds-color-bg-spotlight",
+  "ds-color-bg-mask",
+  "ds-color-fill",
+  "ds-color-fill-secondary",
+  "ds-color-fill-tertiary",
+  "ds-color-fill-quaternary",
+  "ds-color-fill-alter",
+  "ds-color-border",
+  "ds-color-border-secondary",
+  "ds-color-split",
+  "ds-color-text-placeholder",
+  "ds-color-text-disabled",
+  "ds-color-text-heading",
+  "ds-color-text-label",
+  "ds-color-text-description",
+  "ds-color-text-light-solid",
+  "ds-color-highlight",
+  "ds-color-bg-text-hover",
+  "ds-color-bg-text-active",
+  "ds-color-icon",
+  "ds-color-icon-hover",
+  "ds-segment-color-bg-active"
+], i = [
+  "ds-sm",
+  "ds-md",
+  "ds-lg",
+  "ds-xl",
+  "ds-h1",
+  "ds-h2",
+  "ds-h3",
+  "ds-h4",
+  "ds-h5",
+  "ds-subheading",
+  "ds-subheading2"
+], n = t({
+  extend: {
+    theme: {
+      color: l,
+      text: i
     }
-  return t;
+  }
+});
+function e(...r) {
+  const s = [];
+  for (const o of r)
+    if (o) {
+      if (typeof o == "string" || typeof o == "number")
+        s.push(String(o));
+      else if (Array.isArray(o))
+        s.push(...e(...o));
+      else if (typeof o == "object")
+        for (const [c, d] of Object.entries(o))
+          d && s.push(c);
+    }
+  return s;
 }
-function c(...r) {
-  return n(...r).join(" ");
+function g(...r) {
+  return e(...r).join(" ");
 }
-function u(...r) {
-  return i(n(...r));
+function b(...r) {
+  return n(e(...r));
 }
 export {
-  c as clsx,
-  u as cn,
-  n as cx
+  g as clsx,
+  b as cn,
+  e as cx
 };
 //# sourceMappingURL=cn.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"cn.js","sources":["../../../src/components/utils/cn.ts"],"sourcesContent":["import { twMerge } from \"tailwind-merge\";\nimport type { ClassValue } from \"./types\";\n\nexport function cx(...args: ClassValue[]): string[] {\n  const classes: string[] = [];\n\n  for (const arg of args) {\n    if (!arg) continue;\n\n    if (typeof arg === \"string\" || typeof arg === \"number\") {\n      classes.push(String(arg));\n    } else if (Array.isArray(arg)) {\n      classes.push(...cx(...arg));\n    } else if (typeof arg === \"object\") {\n      for (const [key, value] of Object.entries(arg)) {\n        if (value) classes.push(key);\n      }\n    }\n  }\n\n  return classes;\n}\n\nexport function clsx(...args: ClassValue[]): string {\n  return cx(...args).join(\" \");\n}\n\nexport function cn(...args: ClassValue[]): string {\n  return twMerge(cx(...args));\n}\n"],"names":["cx","args","classes","arg","key","value","clsx","cn","twMerge"],"mappings":";AAGO,SAASA,KAAMC,GAA8B;AAClD,QAAMC,IAAoB,CAAA;AAE1B,aAAWC,KAAOF;AAChB,QAAKE;AAEL,UAAI,OAAOA,KAAQ,YAAY,OAAOA,KAAQ;AAC5C,QAAAD,EAAQ,KAAK,OAAOC,CAAG,CAAC;AAAA,eACf,MAAM,QAAQA,CAAG;AAC1B,QAAAD,EAAQ,KAAK,GAAGF,EAAG,GAAGG,CAAG,CAAC;AAAA,eACjB,OAAOA,KAAQ;AACxB,mBAAW,CAACC,GAAKC,CAAK,KAAK,OAAO,QAAQF,CAAG;AAC3C,UAAIE,KAAOH,EAAQ,KAAKE,CAAG;AAAA;AAKjC,SAAOF;AACT;AAEO,SAASI,KAAQL,GAA4B;AAClD,SAAOD,EAAG,GAAGC,CAAI,EAAE,KAAK,GAAG;AAC7B;AAEO,SAASM,KAAMN,GAA4B;AAChD,SAAOO,EAAQR,EAAG,GAAGC,CAAI,CAAC;AAC5B;"}
+{"version":3,"file":"cn.js","sources":["../../../src/components/utils/cn.ts"],"sourcesContent":["import { extendTailwindMerge } from \"tailwind-merge\";\nimport type { ClassValue } from \"./types\";\n\n// Copied from `src/tokens/tailwind.css` by converting the base `--color-*`\n// and `--text-*` theme variable names into Tailwind theme scale keys.\nconst DS_TAILWIND_COLOR_THEME_SCALE = [\n  \"ds-color-primary\",\n  \"ds-color-primary-hover\",\n  \"ds-color-primary-active\",\n  \"ds-color-primary-text\",\n  \"ds-color-primary-text-hover\",\n  \"ds-color-primary-text-active\",\n  \"ds-color-primary-bg\",\n  \"ds-color-primary-bg-hover\",\n  \"ds-color-primary-border\",\n  \"ds-color-primary-border-hover\",\n  \"ds-color-warning\",\n  \"ds-color-warning-hover\",\n  \"ds-color-warning-active\",\n  \"ds-color-warning-text\",\n  \"ds-color-warning-text-hover\",\n  \"ds-color-warning-text-active\",\n  \"ds-color-warning-bg\",\n  \"ds-color-warning-bg-hover\",\n  \"ds-color-warning-border\",\n  \"ds-color-warning-border-hover\",\n  \"ds-color-success\",\n  \"ds-color-success-hover\",\n  \"ds-color-success-active\",\n  \"ds-color-success-text\",\n  \"ds-color-success-text-hover\",\n  \"ds-color-success-text-active\",\n  \"ds-color-success-bg\",\n  \"ds-color-success-bg-hover\",\n  \"ds-color-success-border\",\n  \"ds-color-success-border-hover\",\n  \"ds-color-error\",\n  \"ds-color-error-hover\",\n  \"ds-color-error-active\",\n  \"ds-color-error-text\",\n  \"ds-color-error-text-hover\",\n  \"ds-color-error-text-active\",\n  \"ds-color-error-bg\",\n  \"ds-color-error-bg-hover\",\n  \"ds-color-error-border\",\n  \"ds-color-error-border-hover\",\n  \"ds-color-text-base\",\n  \"ds-color-text\",\n  \"ds-color-text-secondary\",\n  \"ds-color-text-tertiary\",\n  \"ds-color-text-quaternary\",\n  \"ds-color-bg-base\",\n  \"ds-color-bg-container\",\n  \"ds-color-bg-elevated\",\n  \"ds-color-bg-layout\",\n  \"ds-color-bg-spotlight\",\n  \"ds-color-bg-mask\",\n  \"ds-color-fill\",\n  \"ds-color-fill-secondary\",\n  \"ds-color-fill-tertiary\",\n  \"ds-color-fill-quaternary\",\n  \"ds-color-fill-alter\",\n  \"ds-color-border\",\n  \"ds-color-border-secondary\",\n  \"ds-color-split\",\n  \"ds-color-text-placeholder\",\n  \"ds-color-text-disabled\",\n  \"ds-color-text-heading\",\n  \"ds-color-text-label\",\n  \"ds-color-text-description\",\n  \"ds-color-text-light-solid\",\n  \"ds-color-highlight\",\n  \"ds-color-bg-text-hover\",\n  \"ds-color-bg-text-active\",\n  \"ds-color-icon\",\n  \"ds-color-icon-hover\",\n  \"ds-segment-color-bg-active\",\n] as const;\n\nconst DS_TAILWIND_TEXT_THEME_SCALE = [\n  \"ds-sm\",\n  \"ds-md\",\n  \"ds-lg\",\n  \"ds-xl\",\n  \"ds-h1\",\n  \"ds-h2\",\n  \"ds-h3\",\n  \"ds-h4\",\n  \"ds-h5\",\n  \"ds-subheading\",\n  \"ds-subheading2\",\n] as const;\n\nconst twMerge = extendTailwindMerge({\n  extend: {\n    theme: {\n      color: DS_TAILWIND_COLOR_THEME_SCALE,\n      text: DS_TAILWIND_TEXT_THEME_SCALE,\n    },\n  },\n});\n\nexport function cx(...args: ClassValue[]): string[] {\n  const classes: string[] = [];\n\n  for (const arg of args) {\n    if (!arg) continue;\n\n    if (typeof arg === \"string\" || typeof arg === \"number\") {\n      classes.push(String(arg));\n    } else if (Array.isArray(arg)) {\n      classes.push(...cx(...arg));\n    } else if (typeof arg === \"object\") {\n      for (const [key, value] of Object.entries(arg)) {\n        if (value) classes.push(key);\n      }\n    }\n  }\n\n  return classes;\n}\n\nexport function clsx(...args: ClassValue[]): string {\n  return cx(...args).join(\" \");\n}\n\nexport function cn(...args: ClassValue[]): string {\n  return twMerge(cx(...args));\n}\n"],"names":["DS_TAILWIND_COLOR_THEME_SCALE","DS_TAILWIND_TEXT_THEME_SCALE","twMerge","extendTailwindMerge","cx","args","classes","arg","key","value","clsx","cn"],"mappings":";AAKA,MAAMA,IAAgC;AAAA,EACpC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAEMC,IAA+B;AAAA,EACnC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAEMC,IAAUC,EAAoB;AAAA,EAClC,QAAQ;AAAA,IACN,OAAO;AAAA,MACL,OAAOH;AAAA,MACP,MAAMC;AAAA,IAAA;AAAA,EACR;AAEJ,CAAC;AAEM,SAASG,KAAMC,GAA8B;AAClD,QAAMC,IAAoB,CAAA;AAE1B,aAAWC,KAAOF;AAChB,QAAKE;AAEL,UAAI,OAAOA,KAAQ,YAAY,OAAOA,KAAQ;AAC5C,QAAAD,EAAQ,KAAK,OAAOC,CAAG,CAAC;AAAA,eACf,MAAM,QAAQA,CAAG;AAC1B,QAAAD,EAAQ,KAAK,GAAGF,EAAG,GAAGG,CAAG,CAAC;AAAA,eACjB,OAAOA,KAAQ;AACxB,mBAAW,CAACC,GAAKC,CAAK,KAAK,OAAO,QAAQF,CAAG;AAC3C,UAAIE,KAAOH,EAAQ,KAAKE,CAAG;AAAA;AAKjC,SAAOF;AACT;AAEO,SAASI,KAAQL,GAA4B;AAClD,SAAOD,EAAG,GAAGC,CAAI,EAAE,KAAK,GAAG;AAC7B;AAEO,SAASM,KAAMN,GAA4B;AAChD,SAAOH,EAAQE,EAAG,GAAGC,CAAI,CAAC;AAC5B;"}

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

@@ -1,11 +1,17 @@
 import { PopoverProps } from 'antd/es/popover';
-export type BaseUISide = "top" | "bottom" | "left" | "right";
-export type BaseUIAlign = "start" | "end" | "center";
+import { Popover } from '@base-ui/react/popover';
+export type BaseUISide = Popover.Positioner.State["side"];
+export type BaseUIAlign = Popover.Positioner.State["align"];
+type PhysicalSide = Extract<BaseUISide, "top" | "bottom" | "left" | "right">;
 export type AntdPlacement = PopoverProps["placement"];
 export interface BaseUIPlacement {
     side: BaseUISide;
     align: BaseUIAlign;
 }
+/**
+ * Normalize Base UI logical side values into physical sides.
+ */
+export declare function normalizeBaseUISide(side: BaseUISide): PhysicalSide;
 /**
  * Parse Antd placement string into BaseUI side and align values
  * @param placement - Antd placement string (e.g., "bottomLeft", "top", "rightTop")
@@ -18,4 +24,5 @@ export declare function parseAntdPlacement(placement?: AntdPlacement): BaseUIPla
  * @returns Antd placement string
  */
 export declare function buildAntdPlacement(placement: BaseUIPlacement): AntdPlacement;
+export {};
 //# sourceMappingURL=placement.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"placement.d.ts","sourceRoot":"","sources":["../../../src/components/utils/placement.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAGpD,MAAM,MAAM,UAAU,GAAG,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;AAC7D,MAAM,MAAM,WAAW,GAAG,OAAO,GAAG,KAAK,GAAG,QAAQ,CAAC;AAGrD,MAAM,MAAM,aAAa,GAAG,YAAY,CAAC,WAAW,CAAC,CAAC;AAGtD,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,UAAU,CAAC;IACjB,KAAK,EAAE,WAAW,CAAC;CACpB;AA4BD;;;;GAIG;AACH,wBAAgB,kBAAkB,CAChC,SAAS,GAAE,aAA4B,GACtC,eAAe,CAkCjB;AAED;;;;GAIG;AACH,wBAAgB,kBAAkB,CAAC,SAAS,EAAE,eAAe,GAAG,aAAa,CAqC5E"}
+{"version":3,"file":"placement.d.ts","sourceRoot":"","sources":["../../../src/components/utils/placement.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AACpD,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAGtD,MAAM,MAAM,UAAU,GAAG,OAAO,CAAC,UAAU,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;AAC1D,MAAM,MAAM,WAAW,GAAG,OAAO,CAAC,UAAU,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;AAC5D,KAAK,YAAY,GAAG,OAAO,CAAC,UAAU,EAAE,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC;AAG7E,MAAM,MAAM,aAAa,GAAG,YAAY,CAAC,WAAW,CAAC,CAAC;AAGtD,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,UAAU,CAAC;IACjB,KAAK,EAAE,WAAW,CAAC;CACpB;AAED;;GAEG;AACH,wBAAgB,mBAAmB,CAAC,IAAI,EAAE,UAAU,GAAG,YAAY,CASlE;AA4BD;;;;GAIG;AACH,wBAAgB,kBAAkB,CAChC,SAAS,GAAE,aAA4B,GACtC,eAAe,CAkCjB;AAED;;;;GAIG;AACH,wBAAgB,kBAAkB,CAAC,SAAS,EAAE,eAAe,GAAG,aAAa,CAsC5E"}

package/dist/components/utils/placement.js

@@ -1,34 +1,44 @@
 function i(r) {
+  switch (r) {
+    case "inline-start":
+      return "left";
+    case "inline-end":
+      return "right";
+    default:
+      return r;
+  }
+}
+function a(r) {
   const e = [];
-  let o = "";
+  let n = "";
   for (let t = 0; t < r.length; t++) {
-    const n = r[t];
-    n >= "A" && n <= "Z" && o.length > 0 ? (e.push(o), o = n) : o += n;
+    const o = r[t];
+    o >= "A" && o <= "Z" && n.length > 0 ? (e.push(n), n = o) : n += o;
   }
-  return o && e.push(o), e.length > 0 ? e : [r];
+  return n && e.push(n), e.length > 0 ? e : [r];
 }
-function a(r = "bottomLeft") {
-  const [e, o] = i(r);
-  let t, n = "center";
+function l(r = "bottomLeft") {
+  const [e, n] = a(r);
+  let t, o = "center";
   if (["top", "bottom", "left", "right"].includes(e.toLowerCase())) {
-    if (t = e.toLowerCase(), o) {
-      const s = o.toLowerCase();
-      t === "top" || t === "bottom" ? s === "left" ? n = "start" : s === "right" && (n = "end") : s === "top" ? n = "start" : s === "bottom" && (n = "end");
+    if (t = e.toLowerCase(), n) {
+      const s = n.toLowerCase();
+      t === "top" || t === "bottom" ? s === "left" ? o = "start" : s === "right" && (o = "end") : s === "top" ? o = "start" : s === "bottom" && (o = "end");
     }
   } else
     t = "bottom";
   return {
     side: t,
-    align: n
+    align: o
   };
 }
-function l(r) {
-  const { side: e = "bottom", align: o = "center" } = r;
-  if (o === "center")
+function c(r) {
+  const e = i(r.side ?? "bottom"), { align: n = "center" } = r;
+  if (n === "center")
     return e;
   let t;
   if (e === "top" || e === "bottom")
-    switch (o) {
+    switch (n) {
       case "start":
         t = "Left";
         break;
@@ -39,7 +49,7 @@ function l(r) {
         return e;
     }
   else
-    switch (o) {
+    switch (n) {
       case "start":
         t = "Top";
         break;
@@ -52,7 +62,8 @@ function l(r) {
   return `${e}${t}`;
 }
 export {
-  l as buildAntdPlacement,
-  a as parseAntdPlacement
+  c as buildAntdPlacement,
+  i as normalizeBaseUISide,
+  l as parseAntdPlacement
 };
 //# sourceMappingURL=placement.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"placement.js","sources":["../../../src/components/utils/placement.ts"],"sourcesContent":["import type { PopoverProps } from \"antd/es/popover\";\n\n// Base UI placement types\nexport type BaseUISide = \"top\" | \"bottom\" | \"left\" | \"right\";\nexport type BaseUIAlign = \"start\" | \"end\" | \"center\";\n\n// Antd placement type (re-export for convenience)\nexport type AntdPlacement = PopoverProps[\"placement\"];\n\n// Base UI placement interface - used for both parsing and building\nexport interface BaseUIPlacement {\n  side: BaseUISide;\n  align: BaseUIAlign;\n}\n\n/**\n * Utility to split camelCase strings into parts\n * e.g., \"bottomLeft\" -> [\"bottom\", \"Left\"]\n */\nfunction splitCamelCase(text: string): string[] {\n  const result: string[] = [];\n  let currentWord = \"\";\n\n  for (let i = 0; i < text.length; i++) {\n    const char = text[i];\n\n    if (char >= \"A\" && char <= \"Z\" && currentWord.length > 0) {\n      result.push(currentWord);\n      currentWord = char;\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\n/**\n * Parse Antd placement string into BaseUI side and align values\n * @param placement - Antd placement string (e.g., \"bottomLeft\", \"top\", \"rightTop\")\n * @returns Object with side and align properties for BaseUI components\n */\nexport function parseAntdPlacement(\n  placement: AntdPlacement = \"bottomLeft\"\n): BaseUIPlacement {\n  const [position1, position2] = splitCamelCase(placement);\n\n  // Determine primary placement\n  let side: BaseUISide;\n  let align: BaseUIAlign = \"center\";\n\n  // Check if first position is a side\n  if ([\"top\", \"bottom\", \"left\", \"right\"].includes(position1.toLowerCase())) {\n    side = position1.toLowerCase() as BaseUISide;\n\n    // Determine alignment based on side and secondary position\n    if (position2) {\n      const secondaryLower = position2.toLowerCase();\n      \n      if (side === \"top\" || side === \"bottom\") {\n        // For vertical sides, Left/Right become start/end\n        if (secondaryLower === \"left\") align = \"start\";\n        else if (secondaryLower === \"right\") align = \"end\";\n      } else {\n        // For horizontal sides, Top/Bottom become start/end\n        if (secondaryLower === \"top\") align = \"start\";\n        else if (secondaryLower === \"bottom\") align = \"end\";\n      }\n    }\n  } else {\n    // Fallback for invalid placement\n    side = \"bottom\";\n  }\n\n  return {\n    side,\n    align,\n  };\n}\n\n/**\n * Build Antd placement string from BaseUI side and align values\n * @param placement - Object with side and align properties\n * @returns Antd placement string\n */\nexport function buildAntdPlacement(placement: BaseUIPlacement): AntdPlacement {\n  const { side = \"bottom\", align = \"center\" } = placement;\n  \n  if (align === \"center\") {\n    return side;\n  }\n\n  let alignmentPart: string;\n\n  // For vertical sides (top/bottom), alignment is horizontal\n  if (side === \"top\" || side === \"bottom\") {\n    switch (align) {\n      case \"start\":\n        alignmentPart = \"Left\";\n        break;\n      case \"end\":\n        alignmentPart = \"Right\";\n        break;\n      default:\n        return side;\n    }\n  }\n  // For horizontal sides (left/right), alignment is vertical\n  else {\n    switch (align) {\n      case \"start\":\n        alignmentPart = \"Top\";\n        break;\n      case \"end\":\n        alignmentPart = \"Bottom\";\n        break;\n      default:\n        return side;\n    }\n  }\n\n  return `${side}${alignmentPart}` as AntdPlacement;\n}"],"names":["splitCamelCase","text","result","currentWord","i","char","parseAntdPlacement","placement","position1","position2","side","align","secondaryLower","buildAntdPlacement","alignmentPart"],"mappings":"AAmBA,SAASA,EAAeC,GAAwB;AAC9C,QAAMC,IAAmB,CAAA;AACzB,MAAIC,IAAc;AAElB,WAASC,IAAI,GAAGA,IAAIH,EAAK,QAAQG,KAAK;AACpC,UAAMC,IAAOJ,EAAKG,CAAC;AAEnB,IAAIC,KAAQ,OAAOA,KAAQ,OAAOF,EAAY,SAAS,KACrDD,EAAO,KAAKC,CAAW,GACvBA,IAAcE,KAEdF,KAAeE;AAAA,EAEnB;AAEA,SAAIF,KACFD,EAAO,KAAKC,CAAW,GAGlBD,EAAO,SAAS,IAAIA,IAAS,CAACD,CAAI;AAC3C;AAOO,SAASK,EACdC,IAA2B,cACV;AACjB,QAAM,CAACC,GAAWC,CAAS,IAAIT,EAAeO,CAAS;AAGvD,MAAIG,GACAC,IAAqB;AAGzB,MAAI,CAAC,OAAO,UAAU,QAAQ,OAAO,EAAE,SAASH,EAAU,YAAA,CAAa;AAIrE,QAHAE,IAAOF,EAAU,YAAA,GAGbC,GAAW;AACb,YAAMG,IAAiBH,EAAU,YAAA;AAEjC,MAAIC,MAAS,SAASA,MAAS,WAEzBE,MAAmB,SAAQD,IAAQ,UAC9BC,MAAmB,YAASD,IAAQ,SAGzCC,MAAmB,QAAOD,IAAQ,UAC7BC,MAAmB,aAAUD,IAAQ;AAAA,IAElD;AAAA;AAGA,IAAAD,IAAO;AAGT,SAAO;AAAA,IACL,MAAAA;AAAA,IACA,OAAAC;AAAA,EAAA;AAEJ;AAOO,SAASE,EAAmBN,GAA2C;AAC5E,QAAM,EAAE,MAAAG,IAAO,UAAU,OAAAC,IAAQ,aAAaJ;AAE9C,MAAII,MAAU;AACZ,WAAOD;AAGT,MAAII;AAGJ,MAAIJ,MAAS,SAASA,MAAS;AAC7B,YAAQC,GAAA;AAAA,MACN,KAAK;AACH,QAAAG,IAAgB;AAChB;AAAA,MACF,KAAK;AACH,QAAAA,IAAgB;AAChB;AAAA,MACF;AACE,eAAOJ;AAAA,IAAA;AAAA;AAKX,YAAQC,GAAA;AAAA,MACN,KAAK;AACH,QAAAG,IAAgB;AAChB;AAAA,MACF,KAAK;AACH,QAAAA,IAAgB;AAChB;AAAA,MACF;AACE,eAAOJ;AAAA,IAAA;AAIb,SAAO,GAAGA,CAAI,GAAGI,CAAa;AAChC;"}
+{"version":3,"file":"placement.js","sources":["../../../src/components/utils/placement.ts"],"sourcesContent":["import type { PopoverProps } from \"antd/es/popover\";\nimport type { Popover } from \"@base-ui/react/popover\";\n\n// Base UI placement types\nexport type BaseUISide = Popover.Positioner.State[\"side\"];\nexport type BaseUIAlign = Popover.Positioner.State[\"align\"];\ntype PhysicalSide = Extract<BaseUISide, \"top\" | \"bottom\" | \"left\" | \"right\">;\n\n// Antd placement type (re-export for convenience)\nexport type AntdPlacement = PopoverProps[\"placement\"];\n\n// Base UI placement interface - used for both parsing and building\nexport interface BaseUIPlacement {\n  side: BaseUISide;\n  align: BaseUIAlign;\n}\n\n/**\n * Normalize Base UI logical side values into physical sides.\n */\nexport function normalizeBaseUISide(side: BaseUISide): PhysicalSide {\n  switch (side) {\n    case \"inline-start\":\n      return \"left\";\n    case \"inline-end\":\n      return \"right\";\n    default:\n      return side;\n  }\n}\n\n/**\n * Utility to split camelCase strings into parts\n * e.g., \"bottomLeft\" -> [\"bottom\", \"Left\"]\n */\nfunction splitCamelCase(text: string): string[] {\n  const result: string[] = [];\n  let currentWord = \"\";\n\n  for (let i = 0; i < text.length; i++) {\n    const char = text[i];\n\n    if (char >= \"A\" && char <= \"Z\" && currentWord.length > 0) {\n      result.push(currentWord);\n      currentWord = char;\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\n/**\n * Parse Antd placement string into BaseUI side and align values\n * @param placement - Antd placement string (e.g., \"bottomLeft\", \"top\", \"rightTop\")\n * @returns Object with side and align properties for BaseUI components\n */\nexport function parseAntdPlacement(\n  placement: AntdPlacement = \"bottomLeft\"\n): BaseUIPlacement {\n  const [position1, position2] = splitCamelCase(placement);\n\n  // Determine primary placement\n  let side: BaseUISide;\n  let align: BaseUIAlign = \"center\";\n\n  // Check if first position is a side\n  if ([\"top\", \"bottom\", \"left\", \"right\"].includes(position1.toLowerCase())) {\n    side = position1.toLowerCase() as BaseUISide;\n\n    // Determine alignment based on side and secondary position\n    if (position2) {\n      const secondaryLower = position2.toLowerCase();\n      \n      if (side === \"top\" || side === \"bottom\") {\n        // For vertical sides, Left/Right become start/end\n        if (secondaryLower === \"left\") align = \"start\";\n        else if (secondaryLower === \"right\") align = \"end\";\n      } else {\n        // For horizontal sides, Top/Bottom become start/end\n        if (secondaryLower === \"top\") align = \"start\";\n        else if (secondaryLower === \"bottom\") align = \"end\";\n      }\n    }\n  } else {\n    // Fallback for invalid placement\n    side = \"bottom\";\n  }\n\n  return {\n    side,\n    align,\n  };\n}\n\n/**\n * Build Antd placement string from BaseUI side and align values\n * @param placement - Object with side and align properties\n * @returns Antd placement string\n */\nexport function buildAntdPlacement(placement: BaseUIPlacement): AntdPlacement {\n  const side = normalizeBaseUISide(placement.side ?? \"bottom\");\n  const { align = \"center\" } = placement;\n  \n  if (align === \"center\") {\n    return side;\n  }\n\n  let alignmentPart: string;\n\n  // For vertical sides (top/bottom), alignment is horizontal\n  if (side === \"top\" || side === \"bottom\") {\n    switch (align) {\n      case \"start\":\n        alignmentPart = \"Left\";\n        break;\n      case \"end\":\n        alignmentPart = \"Right\";\n        break;\n      default:\n        return side;\n    }\n  }\n  // For horizontal sides (left/right), alignment is vertical\n  else {\n    switch (align) {\n      case \"start\":\n        alignmentPart = \"Top\";\n        break;\n      case \"end\":\n        alignmentPart = \"Bottom\";\n        break;\n      default:\n        return side;\n    }\n  }\n\n  return `${side}${alignmentPart}` as AntdPlacement;\n}\n"],"names":["normalizeBaseUISide","side","splitCamelCase","text","result","currentWord","i","char","parseAntdPlacement","placement","position1","position2","align","secondaryLower","buildAntdPlacement","alignmentPart"],"mappings":"AAoBO,SAASA,EAAoBC,GAAgC;AAClE,UAAQA,GAAA;AAAA,IACN,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT;AACE,aAAOA;AAAA,EAAA;AAEb;AAMA,SAASC,EAAeC,GAAwB;AAC9C,QAAMC,IAAmB,CAAA;AACzB,MAAIC,IAAc;AAElB,WAASC,IAAI,GAAGA,IAAIH,EAAK,QAAQG,KAAK;AACpC,UAAMC,IAAOJ,EAAKG,CAAC;AAEnB,IAAIC,KAAQ,OAAOA,KAAQ,OAAOF,EAAY,SAAS,KACrDD,EAAO,KAAKC,CAAW,GACvBA,IAAcE,KAEdF,KAAeE;AAAA,EAEnB;AAEA,SAAIF,KACFD,EAAO,KAAKC,CAAW,GAGlBD,EAAO,SAAS,IAAIA,IAAS,CAACD,CAAI;AAC3C;AAOO,SAASK,EACdC,IAA2B,cACV;AACjB,QAAM,CAACC,GAAWC,CAAS,IAAIT,EAAeO,CAAS;AAGvD,MAAIR,GACAW,IAAqB;AAGzB,MAAI,CAAC,OAAO,UAAU,QAAQ,OAAO,EAAE,SAASF,EAAU,YAAA,CAAa;AAIrE,QAHAT,IAAOS,EAAU,YAAA,GAGbC,GAAW;AACb,YAAME,IAAiBF,EAAU,YAAA;AAEjC,MAAIV,MAAS,SAASA,MAAS,WAEzBY,MAAmB,SAAQD,IAAQ,UAC9BC,MAAmB,YAASD,IAAQ,SAGzCC,MAAmB,QAAOD,IAAQ,UAC7BC,MAAmB,aAAUD,IAAQ;AAAA,IAElD;AAAA;AAGA,IAAAX,IAAO;AAGT,SAAO;AAAA,IACL,MAAAA;AAAA,IACA,OAAAW;AAAA,EAAA;AAEJ;AAOO,SAASE,EAAmBL,GAA2C;AAC5E,QAAMR,IAAOD,EAAoBS,EAAU,QAAQ,QAAQ,GACrD,EAAE,OAAAG,IAAQ,SAAA,IAAaH;AAE7B,MAAIG,MAAU;AACZ,WAAOX;AAGT,MAAIc;AAGJ,MAAId,MAAS,SAASA,MAAS;AAC7B,YAAQW,GAAA;AAAA,MACN,KAAK;AACH,QAAAG,IAAgB;AAChB;AAAA,MACF,KAAK;AACH,QAAAA,IAAgB;AAChB;AAAA,MACF;AACE,eAAOd;AAAA,IAAA;AAAA;AAKX,YAAQW,GAAA;AAAA,MACN,KAAK;AACH,QAAAG,IAAgB;AAChB;AAAA,MACF,KAAK;AACH,QAAAA,IAAgB;AAChB;AAAA,MACF;AACE,eAAOd;AAAA,IAAA;AAIb,SAAO,GAAGA,CAAI,GAAGc,CAAa;AAChC;"}

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

@@ -1,2 +1,4 @@
+import { default as React } from 'react';
 export declare const getReactElementProp: <T>(el: React.ReactElement, propKey: string, defaultValue?: T) => T;
+export declare const getReactElementRef: <TElement = Element>(el: React.ReactElement) => React.Ref<TElement>;
 //# sourceMappingURL=reactElement.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"reactElement.d.ts","sourceRoot":"","sources":["../../../src/components/utils/reactElement.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,mBAAmB,GAAI,CAAC,EACnC,IAAI,KAAK,CAAC,YAAY,EACtB,SAAS,MAAM,EACf,eAAe,CAAC,MAQjB,CAAC"}
+{"version":3,"file":"reactElement.d.ts","sourceRoot":"","sources":["../../../src/components/utils/reactElement.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAU1B,eAAO,MAAM,mBAAmB,GAAI,CAAC,EACnC,IAAI,KAAK,CAAC,YAAY,EACtB,SAAS,MAAM,EACf,eAAe,CAAC,MAQjB,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAAI,QAAQ,GAAG,OAAO,EACnD,IAAI,KAAK,CAAC,YAAY,wBAavB,CAAC"}

package/dist/components/utils/reactElement.js

@@ -1,5 +1,13 @@
-const r = (o, p, t) => o.props && typeof o.props == "object" && p in o.props && o.props[p] !== void 0 ? o.props[p] : t;
+import s from "react";
+const n = 18, R = 19, o = Number.parseInt(s.version, 10), p = Number.isNaN(o) ? n : o, c = (r, t, e) => r.props && typeof r.props == "object" && t in r.props && r.props[t] !== void 0 ? r.props[t] : e, _ = (r) => {
+  const t = c(r, "ref");
+  if (t !== void 0)
+    return t;
+  if (p < R)
+    return r.ref;
+};
 export {
-  r as getReactElementProp
+  c as getReactElementProp,
+  _ as getReactElementRef
 };
 //# sourceMappingURL=reactElement.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"reactElement.js","sources":["../../../src/components/utils/reactElement.ts"],"sourcesContent":["export const getReactElementProp = <T>(\n  el: React.ReactElement,\n  propKey: string,\n  defaultValue?: T\n) => {\n  return el.props &&\n    typeof el.props === \"object\" &&\n    propKey in el.props &&\n    el.props[propKey] !== undefined\n    ? (el.props[propKey] as T)\n    : defaultValue;\n};\n"],"names":["getReactElementProp","el","propKey","defaultValue"],"mappings":"AAAO,MAAMA,IAAsB,CACjCC,GACAC,GACAC,MAEOF,EAAG,SACR,OAAOA,EAAG,SAAU,YACpBC,KAAWD,EAAG,SACdA,EAAG,MAAMC,CAAO,MAAM,SACnBD,EAAG,MAAMC,CAAO,IACjBC;"}
+{"version":3,"file":"reactElement.js","sources":["../../../src/components/utils/reactElement.ts"],"sourcesContent":["import React from \"react\";\n\nconst DEFAULT_REACT_MAJOR_VERSION = 18;\nconst REACT_19_MAJOR_VERSION = 19;\n\nconst parsedReactMajorVersion = Number.parseInt(React.version, 10);\nconst REACT_MAJOR_VERSION = Number.isNaN(parsedReactMajorVersion)\n  ? DEFAULT_REACT_MAJOR_VERSION\n  : parsedReactMajorVersion;\n\nexport const getReactElementProp = <T>(\n  el: React.ReactElement,\n  propKey: string,\n  defaultValue?: T\n) => {\n  return el.props &&\n    typeof el.props === \"object\" &&\n    propKey in el.props &&\n    el.props[propKey] !== undefined\n    ? (el.props[propKey] as T)\n    : defaultValue;\n};\n\nexport const getReactElementRef = <TElement = Element>(\n  el: React.ReactElement,\n) => {\n  const propsRef = getReactElementProp<React.Ref<TElement>>(el, \"ref\");\n\n  if (propsRef !== undefined) {\n    return propsRef;\n  }\n\n  if (REACT_MAJOR_VERSION < REACT_19_MAJOR_VERSION) {\n    return (el as React.ReactElement & { ref?: React.Ref<TElement> }).ref;\n  }\n\n  return undefined;\n};\n"],"names":["DEFAULT_REACT_MAJOR_VERSION","REACT_19_MAJOR_VERSION","parsedReactMajorVersion","React","REACT_MAJOR_VERSION","getReactElementProp","el","propKey","defaultValue","getReactElementRef","propsRef"],"mappings":";AAEA,MAAMA,IAA8B,IAC9BC,IAAyB,IAEzBC,IAA0B,OAAO,SAASC,EAAM,SAAS,EAAE,GAC3DC,IAAsB,OAAO,MAAMF,CAAuB,IAC5DF,IACAE,GAESG,IAAsB,CACjCC,GACAC,GACAC,MAEOF,EAAG,SACR,OAAOA,EAAG,SAAU,YACpBC,KAAWD,EAAG,SACdA,EAAG,MAAMC,CAAO,MAAM,SACnBD,EAAG,MAAMC,CAAO,IACjBC,GAGOC,IAAqB,CAChCH,MACG;AACH,QAAMI,IAAWL,EAAyCC,GAAI,KAAK;AAEnE,MAAII,MAAa;AACf,WAAOA;AAGT,MAAIN,IAAsBH;AACxB,WAAQK,EAA0D;AAItE;"}

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

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

package/dist/components/utils/renderProp.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"renderProp.js","sources":["../../../src/components/utils/renderProp.tsx"],"sourcesContent":["\"use client\";\nimport React from \"react\";\nimport { clsx } from \"./cn\";\nimport type { ClassValue } from \"./types\";\nimport mergeRefs from \"merge-refs\";\n\n/**\n * Utility function to handle render prop patterns with proper TypeScript typing.\n * Supports both function render props and ReactElement children.\n *\n * @param children - Either a render function or a ReactElement\n * @param props - Props to pass to the render function or merge with the ReactElement\n * @param state - Optional state to pass to the render function\n * @returns The rendered element\n *\n * @example\n * // With function children\n * <Component>\n *   {(props, state) => <button {...props}>Click me</button>}\n * </Component>\n *\n * @example\n * // With ReactElement children\n * <Component>\n *   <button>Click me</button>\n * </Component>\n */\nexport function createRenderProp<\n  TProps extends object = object,\n  TState = unknown,\n  TElement = Element,\n>(\n  children:\n    | ((props: TProps, state: TState) => React.ReactElement)\n    | React.ReactElement,\n  props: TProps,\n  state?: TState,\n): React.ReactElement {\n  if (typeof children === \"function\") {\n    return children(props, state as TState);\n  } else {\n    const childElement = children as React.ReactElement<{\n      className?: ClassValue;\n      ref?: React.Ref<TElement>;\n    }>;\n\n    // Extract className and ref from props with proper typing\n    const propsWithPossibleClassNameAndRef = props as TProps & {\n      className?: ClassValue;\n      ref?: React.Ref<TElement>;\n    };\n\n    const propsClassName = propsWithPossibleClassNameAndRef.className;\n    const propsRef = propsWithPossibleClassNameAndRef.ref;\n    const mergedClassName = clsx(propsClassName, childElement.props.className);\n\n    // Merge refs from both props and child element\n    // React internally stores ref on the element, so we need to access it\n    const childRef = (\n      childElement as React.ReactElement & { ref?: React.Ref<TElement> }\n    ).ref;\n    const mergedRef =\n      propsRef && childRef\n        ? mergeRefs(childRef, propsRef)\n        : propsRef || childRef;\n\n    // Remove className and ref from props to handle them separately\n    const {\n      className: _propsClassName,\n      ref: _propsRef,\n      ...propsWithoutClassNameAndRef\n    } = propsWithPossibleClassNameAndRef;\n    const { className: _childClassName, ...childPropsWithoutClassName } =\n      childElement.props;\n\n    // Spread trigger props first, then child props on top to preserve child's explicit props\n    // This ensures that props like 'type', 'size', etc. from the child element are preserved\n    const clonedElement = React.cloneElement(childElement, {\n      ...propsWithoutClassNameAndRef,\n      ...childPropsWithoutClassName,\n      className: mergedClassName,\n      ref: mergedRef,\n    } as React.HTMLAttributes<TElement> & { ref?: React.Ref<TElement> });\n    return clonedElement;\n  }\n}\n"],"names":["createRenderProp","children","props","state","childElement","propsWithPossibleClassNameAndRef","propsClassName","propsRef","mergedClassName","clsx","childRef","mergedRef","mergeRefs","_propsClassName","_propsRef","propsWithoutClassNameAndRef","_childClassName","childPropsWithoutClassName","React"],"mappings":";;;;AA2BO,SAASA,EAKdC,GAGAC,GACAC,GACoB;AACpB,MAAI,OAAOF,KAAa;AACtB,WAAOA,EAASC,GAAOC,CAAe;AACjC;AACL,UAAMC,IAAeH,GAMfI,IAAmCH,GAKnCI,IAAiBD,EAAiC,WAClDE,IAAWF,EAAiC,KAC5CG,IAAkBC,EAAKH,GAAgBF,EAAa,MAAM,SAAS,GAInEM,IACJN,EACA,KACIO,IACJJ,KAAYG,IACRE,EAAUF,GAAUH,CAAQ,IAC5BA,KAAYG,GAGZ;AAAA,MACJ,WAAWG;AAAA,MACX,KAAKC;AAAA,MACL,GAAGC;AAAA,IAAA,IACDV,GACE,EAAE,WAAWW,GAAiB,GAAGC,EAAA,IACrCb,EAAa;AAUf,WANsBc,EAAM,aAAad,GAAc;AAAA,MACrD,GAAGW;AAAA,MACH,GAAGE;AAAA,MACH,WAAWT;AAAA,MACX,KAAKG;AAAA,IAAA,CAC4D;AAAA,EAErE;AACF;"}
+{"version":3,"file":"renderProp.js","sources":["../../../src/components/utils/renderProp.tsx"],"sourcesContent":["\"use client\";\nimport React from \"react\";\nimport { clsx } from \"./cn\";\nimport { getReactElementRef } from \"./reactElement\";\nimport type { ClassValue } from \"./types\";\nimport mergeRefs from \"merge-refs\";\n\n/**\n * Utility function to handle render prop patterns with proper TypeScript typing.\n * Supports both function render props and ReactElement children.\n *\n * @param children - Either a render function or a ReactElement\n * @param props - Props to pass to the render function or merge with the ReactElement\n * @param state - Optional state to pass to the render function\n * @returns The rendered element\n *\n * @example\n * // With function children\n * <Component>\n *   {(props, state) => <button {...props}>Click me</button>}\n * </Component>\n *\n * @example\n * // With ReactElement children\n * <Component>\n *   <button>Click me</button>\n * </Component>\n */\nexport function createRenderProp<\n  TProps extends object = object,\n  TState = unknown,\n  TElement = Element,\n>(\n  children:\n    | ((props: TProps, state: TState) => React.ReactElement)\n    | React.ReactElement,\n  props: TProps,\n  state?: TState,\n): React.ReactElement {\n  if (typeof children === \"function\") {\n    return children(props, state as TState);\n  } else {\n    const childElement = children as React.ReactElement<{\n      className?: ClassValue;\n      ref?: React.Ref<TElement>;\n    }>;\n\n    // Extract className and ref from props with proper typing\n    const propsWithPossibleClassNameAndRef = props as TProps & {\n      className?: ClassValue;\n      ref?: React.Ref<TElement>;\n    };\n\n    const propsClassName = propsWithPossibleClassNameAndRef.className;\n    const propsRef = propsWithPossibleClassNameAndRef.ref;\n    const mergedClassName = clsx(propsClassName, childElement.props.className);\n\n    // Merge refs from both props and child element.\n    const childRef = getReactElementRef<TElement>(childElement);\n    const mergedRef =\n      propsRef && childRef\n        ? mergeRefs(childRef, propsRef)\n        : propsRef || childRef;\n\n    // Remove className and ref from props to handle them separately\n    const {\n      className: _propsClassName,\n      ref: _propsRef,\n      ...propsWithoutClassNameAndRef\n    } = propsWithPossibleClassNameAndRef;\n    const { className: _childClassName, ...childPropsWithoutClassName } =\n      childElement.props;\n\n    // Spread trigger props first, then child props on top to preserve child's explicit props\n    // This ensures that props like 'type', 'size', etc. from the child element are preserved\n    const clonedElement = React.cloneElement(childElement, {\n      ...propsWithoutClassNameAndRef,\n      ...childPropsWithoutClassName,\n      className: mergedClassName,\n      ref: mergedRef,\n    } as React.HTMLAttributes<TElement> & { ref?: React.Ref<TElement> });\n    return clonedElement;\n  }\n}\n"],"names":["createRenderProp","children","props","state","childElement","propsWithPossibleClassNameAndRef","propsClassName","propsRef","mergedClassName","clsx","childRef","getReactElementRef","mergedRef","mergeRefs","_propsClassName","_propsRef","propsWithoutClassNameAndRef","_childClassName","childPropsWithoutClassName","React"],"mappings":";;;;;AA4BO,SAASA,EAKdC,GAGAC,GACAC,GACoB;AACpB,MAAI,OAAOF,KAAa;AACtB,WAAOA,EAASC,GAAOC,CAAe;AACjC;AACL,UAAMC,IAAeH,GAMfI,IAAmCH,GAKnCI,IAAiBD,EAAiC,WAClDE,IAAWF,EAAiC,KAC5CG,IAAkBC,EAAKH,GAAgBF,EAAa,MAAM,SAAS,GAGnEM,IAAWC,EAA6BP,CAAY,GACpDQ,IACJL,KAAYG,IACRG,EAAUH,GAAUH,CAAQ,IAC5BA,KAAYG,GAGZ;AAAA,MACJ,WAAWI;AAAA,MACX,KAAKC;AAAA,MACL,GAAGC;AAAA,IAAA,IACDX,GACE,EAAE,WAAWY,GAAiB,GAAGC,EAAA,IACrCd,EAAa;AAUf,WANsBe,EAAM,aAAaf,GAAc;AAAA,MACrD,GAAGY;AAAA,MACH,GAAGE;AAAA,MACH,WAAWV;AAAA,MACX,KAAKI;AAAA,IAAA,CAC4D;AAAA,EAErE;AACF;"}

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

@@ -1 +1 @@
-{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/components/utils/theme.ts"],"names":[],"mappings":"AAIA;;;GAGG;AACH,eAAO,MAAM,4BAA4B,GAAI,IAAI,MAAM,IAAI,SAqB1D,CAAC"}
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/components/utils/theme.ts"],"names":[],"mappings":"AAIA;;;GAGG;AACH,eAAO,MAAM,4BAA4B,GAAI,IAAI,MAAM,IAAI,SAuB1D,CAAC"}

package/dist/components/utils/theme.js

@@ -4,7 +4,9 @@ const i = (n) => {
   const t = document.createElement("style");
   t.appendChild(
     document.createTextNode(
-      `* {
+      `*,
+       *::before,
+       *::after {
        -webkit-transition: none !important;
        -moz-transition: none !important;
        -o-transition: none !important;

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

@@ -1 +1 @@
-{"version":3,"file":"theme.js","sources":["../../../src/components/utils/theme.ts"],"sourcesContent":["\"use client\";\n\nimport { flushSync } from \"react-dom\";\n\n/**\n * Changes the theme without transition\n * @param fn Callback function to change the theme\n */\nexport const changeThemeWithoutTransition = (fn: () => void) => {\n  // https://paco.me/writing/disable-theme-transitions\n  const css = document.createElement(\"style\");\n  css.appendChild(\n    document.createTextNode(\n      `* {\n       -webkit-transition: none !important;\n       -moz-transition: none !important;\n       -o-transition: none !important;\n       -ms-transition: none !important;\n       transition: none !important;\n    }`\n    )\n  );\n  document.head.appendChild(css);\n  flushSync(() => {\n    fn();\n  });\n  // force reflow\n  const _ = window.getComputedStyle(css).opacity;\n  document.head.removeChild(css);\n};\n"],"names":["changeThemeWithoutTransition","fn","css","flushSync"],"mappings":";;AAQO,MAAMA,IAA+B,CAACC,MAAmB;AAE9D,QAAMC,IAAM,SAAS,cAAc,OAAO;AAC1C,EAAAA,EAAI;AAAA,IACF,SAAS;AAAA,MACP;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAA;AAAA,EAOF,GAEF,SAAS,KAAK,YAAYA,CAAG,GAC7BC,EAAU,MAAM;AACd,IAAAF,EAAA;AAAA,EACF,CAAC,GAES,OAAO,iBAAiBC,CAAG,EAAE,SACvC,SAAS,KAAK,YAAYA,CAAG;AAC/B;"}
+{"version":3,"file":"theme.js","sources":["../../../src/components/utils/theme.ts"],"sourcesContent":["\"use client\";\n\nimport { flushSync } from \"react-dom\";\n\n/**\n * Changes the theme without transition\n * @param fn Callback function to change the theme\n */\nexport const changeThemeWithoutTransition = (fn: () => void) => {\n  // https://paco.me/writing/disable-theme-transitions\n  const css = document.createElement(\"style\");\n  css.appendChild(\n    document.createTextNode(\n      `*,\n       *::before,\n       *::after {\n       -webkit-transition: none !important;\n       -moz-transition: none !important;\n       -o-transition: none !important;\n       -ms-transition: none !important;\n       transition: none !important;\n    }`,\n    ),\n  );\n  document.head.appendChild(css);\n  flushSync(() => {\n    fn();\n  });\n  // force reflow\n  const _ = window.getComputedStyle(css).opacity;\n  document.head.removeChild(css);\n};\n"],"names":["changeThemeWithoutTransition","fn","css","flushSync"],"mappings":";;AAQO,MAAMA,IAA+B,CAACC,MAAmB;AAE9D,QAAMC,IAAM,SAAS,cAAc,OAAO;AAC1C,EAAAA,EAAI;AAAA,IACF,SAAS;AAAA,MACP;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAA;AAAA,EASF,GAEF,SAAS,KAAK,YAAYA,CAAG,GAC7BC,EAAU,MAAM;AACd,IAAAF,EAAA;AAAA,EACF,CAAC,GAES,OAAO,iBAAiBC,CAAG,EAAE,SACvC,SAAS,KAAK,YAAYA,CAAG;AAC/B;"}