@bioturing/components 0.32.0 → 0.32.1

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

@@ -1 +1 @@
-{"version":3,"file":"WithRenderProp.js","sources":["../../../src/components/utils/WithRenderProp.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport { useRender } from \"@base-ui-components/react/use-render\";\nimport { ElementTypeToDOMType } from \"./types\";\n\nexport type WithRenderPropProps<\n  T extends React.ElementType = \"div\",\n  State extends Record<string | number | symbol, unknown> = Record<\n    string,\n    unknown\n  >\n> = React.ComponentPropsWithoutRef<T> & {\n  render?: useRender.RenderProp<State>;\n  as?: T;\n  state?: State;\n};\n\nconst WithRenderPropInner = <\n  T extends React.ElementType = \"div\",\n  State extends Record<string, unknown> = Record<string, unknown>\n>(\n  props: WithRenderPropProps<T, State>,\n  ref: React.ForwardedRef<T>\n) => {\n  const { render, as: Tag = \"div\", state, ...etc } = props;\n  const renderedElement = useRender({\n    render: render || ((props) => <Tag {...props} />),\n    props: etc,\n    state,\n    ref: ref as unknown as React.Ref<ElementTypeToDOMType<T>>,\n  });\n  return renderedElement;\n};\n\nexport const WithRenderProp = forwardRef(WithRenderPropInner) as <\n  T extends React.ElementType = \"div\",\n  State extends Record<string, unknown> = Record<string, unknown>\n>(\n  props: WithRenderPropProps<T, State> & {\n    ref?: React.Ref<ElementTypeToDOMType<T>>;\n  }\n) => ReturnType<typeof WithRenderPropInner>;\n"],"names":["WithRenderPropInner","props","ref","render","Tag","state","etc","useRender","jsx","WithRenderProp","forwardRef"],"mappings":";;;AAgBA,MAAMA,IAAsB,CAI1BC,GACAC,MACG;AACG,QAAA,EAAE,QAAAC,GAAQ,IAAIC,IAAM,OAAO,OAAAC,GAAO,GAAGC,MAAQL;AAO5C,SANiBM,EAAU;AAAA,IAChC,QAAQJ,MAAW,CAACF,MAAW,gBAAAO,EAAAJ,GAAA,EAAK,GAAGH,EAAO,CAAA;AAAA,IAC9C,OAAOK;AAAA,IACP,OAAAD;AAAA,IACA,KAAAH;AAAA,EAAA,CACD;AAEH,GAEaO,IAAiBC,EAAWV,CAAmB;"}
+{"version":3,"file":"WithRenderProp.js","sources":["../../../src/components/utils/WithRenderProp.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport { useRender } from \"@base-ui-components/react/use-render\";\nimport { ElementTypeToDOMType } from \"./types\";\n\nexport type WithRenderPropProps<\n  T extends React.ElementType = \"div\",\n  State extends Record<string | number | symbol, unknown> = Record<\n    string,\n    unknown\n  >\n> = React.ComponentPropsWithoutRef<T> & {\n  render?: useRender.RenderProp<State>;\n  as?: T;\n  state?: State;\n};\n\nconst WithRenderPropInner = <\n  T extends React.ElementType = \"div\",\n  State extends Record<string, unknown> = Record<string, unknown>\n>(\n  props: WithRenderPropProps<T, State>,\n  ref: React.ForwardedRef<T>\n) => {\n  const { render, as: Tag = \"div\", state, ...etc } = props;\n  const renderedElement = useRender({\n    render: render || ((props) => <Tag {...props} />),\n    props: etc,\n    state,\n    ref: ref as unknown as React.Ref<ElementTypeToDOMType<T>>,\n  });\n  return renderedElement;\n};\n\nexport const WithRenderProp = forwardRef(WithRenderPropInner) as <\n  T extends React.ElementType = \"div\",\n  State extends Record<string, unknown> = Record<string, unknown>\n>(\n  props: WithRenderPropProps<T, State> & {\n    ref?: React.Ref<ElementTypeToDOMType<T>>;\n  }\n) => ReturnType<typeof WithRenderPropInner>;\n"],"names":["WithRenderPropInner","props","ref","render","Tag","state","etc","useRender","jsx","WithRenderProp","forwardRef"],"mappings":";;;AAgBA,MAAMA,IAAsB,CAI1BC,GACAC,MACG;AACH,QAAM,EAAE,QAAAC,GAAQ,IAAIC,IAAM,OAAO,OAAAC,GAAO,GAAGC,MAAQL;AAOnD,SANwBM,EAAU;AAAA,IAChC,QAAQJ,MAAW,CAACF,MAAU,gBAAAO,EAACJ,GAAA,EAAK,GAAGH,EAAAA,CAAO;AAAA,IAC9C,OAAOK;AAAA,IACP,OAAAD;AAAA,IACA,KAAAH;AAAA,EAAA,CACD;AAEH,GAEaO,IAAiBC,EAAWV,CAAmB;"}

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

@@ -0,0 +1,11 @@
+import { ClassValue } from './types';
+export declare const useGetPrefixCls: () => {
+    getPrefixCls: (suffixCls?: string, customizePrefixCls?: string) => string;
+};
+/**
+ *
+ * @returns the antd classname providing css variables
+ */
+export declare const useAntdCssVarClassname: () => string;
+export declare const useCls: () => (...args: ClassValue[]) => string;
+//# sourceMappingURL=antdUtils.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"antdUtils.d.ts","sourceRoot":"","sources":["../../../src/components/utils/antdUtils.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAI1C,eAAO,MAAM,eAAe;;CAG3B,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,sBAAsB,cAGlC,CAAC;AAEF,eAAO,MAAM,MAAM,kBAGL,UAAU,EAAE,WAQzB,CAAC"}

package/dist/components/utils/antdUtils.js

@@ -1,18 +1,15 @@
 "use client";
-import o from "antd/es/config-provider";
-import i from "antd/es/theme/useToken";
-import { useContext as n, useCallback as C } from "react";
-import { cx as c } from "./cn.js";
+import e from "antd/es/config-provider";
+import r from "antd/es/theme/useToken";
+import { useContext as o, useCallback as i } from "react";
+import { cx as C } from "./cn.js";
 const x = () => {
-  const { getPrefixCls: t } = n(o.ConfigContext);
+  const { getPrefixCls: t } = o(e.ConfigContext);
   return { getPrefixCls: t };
-}, a = () => {
-  var e;
-  return (e = i()[4]) == null ? void 0 : e.key;
-}, p = () => {
-  const { getPrefixCls: t } = n(o.ConfigContext);
-  return C(
-    (...s) => c(...s).map((r) => t(r)).join(" "),
+}, a = () => r()[4]?.key, p = () => {
+  const { getPrefixCls: t } = o(e.ConfigContext);
+  return i(
+    (...n) => C(...n).map((s) => t(s)).join(" "),
     [t]
   );
 };

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\n// Placement utilities moved to ./placement.ts\n"],"names":["useGetPrefixCls","getPrefixCls","useContext","ConfigProvider","useAntdCssVarClassname","_a","useToken","useCls","useCallback","args","cx","cls"],"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;"}
+{"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\n// Placement utilities moved to ./placement.ts\n"],"names":["useGetPrefixCls","getPrefixCls","useContext","ConfigProvider","useAntdCssVarClassname","useToken","useCls","useCallback","args","cx","cls"],"mappings":";;;;;AAQO,MAAMA,IAAkB,MAAM;AACnC,QAAM,EAAE,cAAAC,EAAA,IAAiBC,EAAWC,EAAe,aAAa;AAChE,SAAO,EAAE,cAAAF,EAAA;AACX,GAMaG,IAAyB,MACtBC,EAAA,EACD,CAAC,GAAG,KAGNC,IAAS,MAAM;AAC1B,QAAM,EAAE,cAAAL,EAAA,IAAiBC,EAAWC,EAAe,aAAa;AAShE,SARYI;AAAA,IACV,IAAIC,MACKC,EAAG,GAAGD,CAAI,EACd,IAAI,CAACE,MAAQT,EAAaS,CAAG,CAAC,EAC9B,KAAK,GAAG;AAAA,IAEb,CAACT,CAAY;AAAA,EAAA;AAGjB;"}

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

@@ -0,0 +1,6 @@
+export * from './antdUtils';
+export * from './WithAntdTokens';
+export * from './theme';
+export * from './selectionRange';
+export { default as mergeRefs } from 'merge-refs';
+//# sourceMappingURL=client.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"client.d.ts","sourceRoot":"","sources":["../../../src/components/utils/client.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC;AACjC,cAAc,SAAS,CAAC;AACxB,cAAc,kBAAkB,CAAC;AACjC,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,YAAY,CAAC"}

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

@@ -0,0 +1,5 @@
+import { ClassValue } from './types';
+export declare function cx(...args: ClassValue[]): string[];
+export declare function clsx(...args: ClassValue[]): string;
+export declare function cn(...args: ClassValue[]): string;
+//# sourceMappingURL=cn.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"cn.d.ts","sourceRoot":"","sources":["../../../src/components/utils/cn.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAE1C,wBAAgB,EAAE,CAAC,GAAG,IAAI,EAAE,UAAU,EAAE,GAAG,MAAM,EAAE,CAkBlD;AAED,wBAAgB,IAAI,CAAC,GAAG,IAAI,EAAE,UAAU,EAAE,GAAG,MAAM,CAElD;AAED,wBAAgB,EAAE,CAAC,GAAG,IAAI,EAAE,UAAU,EAAE,GAAG,MAAM,CAEhD"}

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,CAAC;AAE3B,aAAWC,KAAOF;AAChB,QAAKE;AAEL,UAAI,OAAOA,KAAQ,YAAY,OAAOA,KAAQ;AACpC,QAAAD,EAAA,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;AACvC,UAAAE,KAAeH,EAAA,KAAKE,CAAG;AAAA;AAK1B,SAAAF;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 { 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;"}

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

@@ -0,0 +1,2 @@
+export declare const isValidHexColor: (hex: string, acceptWithoutPrefix?: boolean) => boolean;
+//# sourceMappingURL=colors.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"colors.d.ts","sourceRoot":"","sources":["../../../src/components/utils/colors.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,eAAe,GAC1B,KAAK,MAAM,EACX,sBAAqB,OAAe,YAOrC,CAAC"}

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

@@ -0,0 +1,15 @@
+/**
+ * Used for dropdowns that usually strictly prefer top/bottom placements and
+ * use `var(--available-height)` to limit their height.
+ */
+export declare const DROPDOWN_COLLISION_AVOIDANCE: {
+    readonly fallbackAxisSide: "none";
+};
+/**
+ * Used by regular popups that usually aren't scrollable and are allowed to
+ * freely flip to any axis of placement.
+ */
+export declare const POPUP_COLLISION_AVOIDANCE: {
+    readonly fallbackAxisSide: "end";
+};
+//# sourceMappingURL=constants.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../src/components/utils/constants.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,eAAO,MAAM,4BAA4B;;CAE/B,CAAC;AAEX;;;GAGG;AACH,eAAO,MAAM,yBAAyB;;CAE5B,CAAC"}

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

@@ -0,0 +1,6 @@
+export * from './main';
+export * from './client';
+export * from './types';
+export * from './constants';
+export * from './placement';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC"}

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

@@ -0,0 +1,2 @@
+export declare function isTracebackError(error: unknown): boolean;
+//# sourceMappingURL=isTracebackError.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"isTracebackError.d.ts","sourceRoot":"","sources":["../../../src/components/utils/isTracebackError.ts"],"names":[],"mappings":"AACA,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,OAAO,GAAG,OAAO,CA0BxD"}

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

@@ -1 +1 @@
-{"version":3,"file":"isTracebackError.js","sources":["../../../src/components/utils/isTracebackError.ts"],"sourcesContent":["// Function to detect traceback or stack trace patterns from Python or Go\nexport function isTracebackError(error: unknown): boolean {\n  // Ensure error is a string or has a string representation\n  if (!error || (typeof error !== \"string\" && !error.toString)) {\n    return false;\n  }\n\n  // Convert error to string\n  const errorString = typeof error === \"string\" ? error : error.toString();\n\n  // Regular expressions for common traceback/stack trace patterns\n  const pythonTracebackRegex = /Traceback \\(most recent call last\\):/;\n  const pythonStackFrameRegex = /File \".*?\", line \\d+, in/;\n  const goStackTraceRegex = /goroutine \\d+ \\[.*\\]:|panic: /;\n  const goStackFrameRegex = /\\/.*\\.go:\\d+/;\n\n  // Check for Python traceback patterns\n  const isPythonTraceback =\n    pythonTracebackRegex.test(errorString) ||\n    pythonStackFrameRegex.test(errorString);\n\n  // Check for Go stack trace patterns\n  const isGoStackTrace =\n    goStackTraceRegex.test(errorString) || goStackFrameRegex.test(errorString);\n\n  // Return true if either Python or Go traceback/stack trace is detected\n  return isPythonTraceback || isGoStackTrace;\n}\n"],"names":["isTracebackError","error","errorString","pythonTracebackRegex","pythonStackFrameRegex","goStackTraceRegex","goStackFrameRegex","isPythonTraceback","isGoStackTrace"],"mappings":"AACO,SAASA,EAAiBC,GAAyB;AAExD,MAAI,CAACA,KAAU,OAAOA,KAAU,YAAY,CAACA,EAAM;AAC1C,WAAA;AAIT,QAAMC,IAAc,OAAOD,KAAU,WAAWA,IAAQA,EAAM,SAAS,GAGjEE,IAAuB,wCACvBC,IAAwB,4BACxBC,IAAoB,iCACpBC,IAAoB,gBAGpBC,IACJJ,EAAqB,KAAKD,CAAW,KACrCE,EAAsB,KAAKF,CAAW,GAGlCM,IACJH,EAAkB,KAAKH,CAAW,KAAKI,EAAkB,KAAKJ,CAAW;AAG3E,SAAOK,KAAqBC;AAC9B;"}
+{"version":3,"file":"isTracebackError.js","sources":["../../../src/components/utils/isTracebackError.ts"],"sourcesContent":["// Function to detect traceback or stack trace patterns from Python or Go\nexport function isTracebackError(error: unknown): boolean {\n  // Ensure error is a string or has a string representation\n  if (!error || (typeof error !== \"string\" && !error.toString)) {\n    return false;\n  }\n\n  // Convert error to string\n  const errorString = typeof error === \"string\" ? error : error.toString();\n\n  // Regular expressions for common traceback/stack trace patterns\n  const pythonTracebackRegex = /Traceback \\(most recent call last\\):/;\n  const pythonStackFrameRegex = /File \".*?\", line \\d+, in/;\n  const goStackTraceRegex = /goroutine \\d+ \\[.*\\]:|panic: /;\n  const goStackFrameRegex = /\\/.*\\.go:\\d+/;\n\n  // Check for Python traceback patterns\n  const isPythonTraceback =\n    pythonTracebackRegex.test(errorString) ||\n    pythonStackFrameRegex.test(errorString);\n\n  // Check for Go stack trace patterns\n  const isGoStackTrace =\n    goStackTraceRegex.test(errorString) || goStackFrameRegex.test(errorString);\n\n  // Return true if either Python or Go traceback/stack trace is detected\n  return isPythonTraceback || isGoStackTrace;\n}\n"],"names":["isTracebackError","error","errorString","pythonTracebackRegex","pythonStackFrameRegex","goStackTraceRegex","goStackFrameRegex","isPythonTraceback","isGoStackTrace"],"mappings":"AACO,SAASA,EAAiBC,GAAyB;AAExD,MAAI,CAACA,KAAU,OAAOA,KAAU,YAAY,CAACA,EAAM;AACjD,WAAO;AAIT,QAAMC,IAAc,OAAOD,KAAU,WAAWA,IAAQA,EAAM,SAAA,GAGxDE,IAAuB,wCACvBC,IAAwB,4BACxBC,IAAoB,iCACpBC,IAAoB,gBAGpBC,IACJJ,EAAqB,KAAKD,CAAW,KACrCE,EAAsB,KAAKF,CAAW,GAGlCM,IACJH,EAAkB,KAAKH,CAAW,KAAKI,EAAkB,KAAKJ,CAAW;AAG3E,SAAOK,KAAqBC;AAC9B;"}

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

@@ -0,0 +1,7 @@
+export * from './cn';
+export * from './reactToString';
+export * from './isTracebackError';
+export * from './colors';
+export * from './WithRenderProp';
+export * from './reactElement';
+//# sourceMappingURL=main.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"main.d.ts","sourceRoot":"","sources":["../../../src/components/utils/main.ts"],"names":[],"mappings":"AAAA,cAAc,MAAM,CAAC;AACrB,cAAc,iBAAiB,CAAC;AAChC,cAAc,oBAAoB,CAAC;AACnC,cAAc,UAAU,CAAC;AACzB,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC"}

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

@@ -0,0 +1,21 @@
+import { PopoverProps } from 'antd/es/popover';
+export type BaseUISide = "top" | "bottom" | "left" | "right";
+export type BaseUIAlign = "start" | "end" | "center";
+export type AntdPlacement = PopoverProps["placement"];
+export interface BaseUIPlacement {
+    side: BaseUISide;
+    align: BaseUIAlign;
+}
+/**
+ * Parse Antd placement string into BaseUI side and align values
+ * @param placement - Antd placement string (e.g., "bottomLeft", "top", "rightTop")
+ * @returns Object with side and align properties for BaseUI components
+ */
+export declare function parseAntdPlacement(placement?: AntdPlacement): BaseUIPlacement;
+/**
+ * Build Antd placement string from BaseUI side and align values
+ * @param placement - Object with side and align properties
+ * @returns Antd placement string
+ */
+export declare function buildAntdPlacement(placement: BaseUIPlacement): AntdPlacement;
+//# sourceMappingURL=placement.d.ts.map

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

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

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,CAAC;AAC1B,MAAIC,IAAc;AAElB,WAASC,IAAI,GAAGA,IAAIH,EAAK,QAAQG,KAAK;AAC9B,UAAAC,IAAOJ,EAAKG,CAAC;AAEnB,IAAIC,KAAQ,OAAOA,KAAQ,OAAOF,EAAY,SAAS,KACrDD,EAAO,KAAKC,CAAW,GACTA,IAAAE,KAECF,KAAAE;AAAA,EACjB;AAGF,SAAIF,KACFD,EAAO,KAAKC,CAAW,GAGlBD,EAAO,SAAS,IAAIA,IAAS,CAACD,CAAI;AAC3C;AAOgB,SAAAK,EACdC,IAA2B,cACV;AACjB,QAAM,CAACC,GAAWC,CAAS,IAAIT,EAAeO,CAAS;AAGnD,MAAAG,GACAC,IAAqB;AAGrB,MAAA,CAAC,OAAO,UAAU,QAAQ,OAAO,EAAE,SAASH,EAAU,YAAY,CAAC;AAIrE,QAHAE,IAAOF,EAAU,YAAY,GAGzBC,GAAW;AACP,YAAAG,IAAiBH,EAAU,YAAY;AAEzC,MAAAC,MAAS,SAASA,MAAS,WAEzBE,MAAmB,SAAgBD,IAAA,UAC9BC,MAAmB,YAAiBD,IAAA,SAGzCC,MAAmB,QAAeD,IAAA,UAC7BC,MAAmB,aAAkBD,IAAA;AAAA,IAChD;AAAA;AAIK,IAAAD,IAAA;AAGF,SAAA;AAAA,IACL,MAAAA;AAAA,IACA,OAAAC;AAAA,EACF;AACF;AAOO,SAASE,EAAmBN,GAA2C;AAC5E,QAAM,EAAE,MAAAG,IAAO,UAAU,OAAAC,IAAQ,SAAa,IAAAJ;AAE9C,MAAII,MAAU;AACL,WAAAD;AAGL,MAAAI;AAGA,MAAAJ,MAAS,SAASA,MAAS;AAC7B,YAAQC,GAAO;AAAA,MACb,KAAK;AACa,QAAAG,IAAA;AAChB;AAAA,MACF,KAAK;AACa,QAAAA,IAAA;AAChB;AAAA,MACF;AACS,eAAAJ;AAAA,IAAA;AAAA;AAKX,YAAQC,GAAO;AAAA,MACb,KAAK;AACa,QAAAG,IAAA;AAChB;AAAA,MACF,KAAK;AACa,QAAAA,IAAA;AAChB;AAAA,MACF;AACS,eAAAJ;AAAA,IAAA;AAIN,SAAA,GAAGA,CAAI,GAAGI,CAAa;AAChC;"}
+{"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;"}

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

@@ -0,0 +1,2 @@
+export declare const getReactElementProp: <T>(el: React.ReactElement, propKey: string, defaultValue?: T) => T;
+//# sourceMappingURL=reactElement.d.ts.map

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

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

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

@@ -0,0 +1,3 @@
+import { ReactNode } from 'react';
+export declare function reactNodeToString(node: ReactNode): string;
+//# sourceMappingURL=reactToString.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"reactToString.d.ts","sourceRoot":"","sources":["../../../src/components/utils/reactToString.ts"],"names":[],"mappings":"AAAA,OAAO,EAAkB,SAAS,EAAE,MAAM,OAAO,CAAC;AAElD,wBAAgB,iBAAiB,CAAC,IAAI,EAAE,SAAS,GAAG,MAAM,CAkCzD"}

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

@@ -1 +1 @@
-{"version":3,"file":"reactToString.js","sources":["../../../src/components/utils/reactToString.ts"],"sourcesContent":["import { isValidElement, ReactNode } from \"react\";\n\nexport function reactNodeToString(node: ReactNode): string {\n    if (node === null || node === undefined) {\n        return \"\";\n    }\n\n    if (typeof node === \"string\") {\n        return node;\n    }\n\n    if (typeof node === \"number\" || typeof node === \"boolean\") {\n        return node.toString();\n    }\n\n    if (Array.isArray(node)) {\n        return node.map(reactNodeToString).join(\"\");\n    }\n\n    if (\n        isValidElement(node) &&\n        \"props\" in node &&\n        node.props &&\n        typeof node.props === \"object\" &&\n        \"children\" in node.props &&\n        node.props.children\n    ) {\n        if (node.type === \"br\") {\n            return \"\\n\";\n        }\n        if (node.props.children) {\n            return reactNodeToString(node.props.children as ReactNode);\n        }\n    }\n\n    return \"\";\n}\n"],"names":["reactNodeToString","node","isValidElement"],"mappings":";AAEO,SAASA,EAAkBC,GAAyB;AACnD,MAAAA,KAAS;AACF,WAAA;AAGP,MAAA,OAAOA,KAAS;AACT,WAAAA;AAGX,MAAI,OAAOA,KAAS,YAAY,OAAOA,KAAS;AAC5C,WAAOA,EAAK,SAAS;AAGrB,MAAA,MAAM,QAAQA,CAAI;AAClB,WAAOA,EAAK,IAAID,CAAiB,EAAE,KAAK,EAAE;AAG9C,MACIE,EAAeD,CAAI,KACnB,WAAWA,KACXA,EAAK,SACL,OAAOA,EAAK,SAAU,YACtB,cAAcA,EAAK,SACnBA,EAAK,MAAM,UACb;AACM,QAAAA,EAAK,SAAS;AACP,aAAA;AAAA;AAEP,QAAAA,EAAK,MAAM;AACJ,aAAAD,EAAkBC,EAAK,MAAM,QAAqB;AAAA,EAC7D;AAGG,SAAA;AACX;"}
+{"version":3,"file":"reactToString.js","sources":["../../../src/components/utils/reactToString.ts"],"sourcesContent":["import { isValidElement, ReactNode } from \"react\";\n\nexport function reactNodeToString(node: ReactNode): string {\n    if (node === null || node === undefined) {\n        return \"\";\n    }\n\n    if (typeof node === \"string\") {\n        return node;\n    }\n\n    if (typeof node === \"number\" || typeof node === \"boolean\") {\n        return node.toString();\n    }\n\n    if (Array.isArray(node)) {\n        return node.map(reactNodeToString).join(\"\");\n    }\n\n    if (\n        isValidElement(node) &&\n        \"props\" in node &&\n        node.props &&\n        typeof node.props === \"object\" &&\n        \"children\" in node.props &&\n        node.props.children\n    ) {\n        if (node.type === \"br\") {\n            return \"\\n\";\n        }\n        if (node.props.children) {\n            return reactNodeToString(node.props.children as ReactNode);\n        }\n    }\n\n    return \"\";\n}\n"],"names":["reactNodeToString","node","isValidElement"],"mappings":";AAEO,SAASA,EAAkBC,GAAyB;AACvD,MAAIA,KAAS;AACT,WAAO;AAGX,MAAI,OAAOA,KAAS;AAChB,WAAOA;AAGX,MAAI,OAAOA,KAAS,YAAY,OAAOA,KAAS;AAC5C,WAAOA,EAAK,SAAA;AAGhB,MAAI,MAAM,QAAQA,CAAI;AAClB,WAAOA,EAAK,IAAID,CAAiB,EAAE,KAAK,EAAE;AAG9C,MACIE,EAAeD,CAAI,KACnB,WAAWA,KACXA,EAAK,SACL,OAAOA,EAAK,SAAU,YACtB,cAAcA,EAAK,SACnBA,EAAK,MAAM,UACb;AACE,QAAIA,EAAK,SAAS;AACd,aAAO;AAAA;AAEX,QAAIA,EAAK,MAAM;AACX,aAAOD,EAAkBC,EAAK,MAAM,QAAqB;AAAA,EAEjE;AAEA,SAAO;AACX;"}

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

@@ -0,0 +1,2 @@
+export declare function moveTypingCursorToEnd(contentEditableElement: HTMLElement): void;
+//# sourceMappingURL=selectionRange.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"selectionRange.d.ts","sourceRoot":"","sources":["../../../src/components/utils/selectionRange.ts"],"names":[],"mappings":"AAEA,wBAAgB,qBAAqB,CAAC,sBAAsB,EAAE,WAAW,QAaxE"}

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

@@ -1 +1 @@
-{"version":3,"file":"selectionRange.js","sources":["../../../src/components/utils/selectionRange.ts"],"sourcesContent":["\"use client\";\n\nexport function moveTypingCursorToEnd(contentEditableElement: HTMLElement) {\n  let range: Range;\n  let selection: Selection | null;\n  if (document.createRange) {\n    range = document.createRange();\n    range.selectNodeContents(contentEditableElement); //Select the entire contents of the element with the range\n    range.collapse(false); //collapse the range to the end point. false means collapse to end rather than the start\n    selection = window.getSelection(); //get the selection object (allows you to change selection)\n    if (selection) {\n      selection.removeAllRanges(); //remove any selections already made\n      selection.addRange(range); //make the range you have just created the visible selection\n    }\n  }\n}\n"],"names":["moveTypingCursorToEnd","contentEditableElement","range","selection"],"mappings":";AAEO,SAASA,EAAsBC,GAAqC;AACrE,MAAAC,GACAC;AACJ,EAAI,SAAS,gBACXD,IAAQ,SAAS,YAAY,GAC7BA,EAAM,mBAAmBD,CAAsB,GAC/CC,EAAM,SAAS,EAAK,GACpBC,IAAY,OAAO,aAAa,GAC5BA,MACFA,EAAU,gBAAgB,GAC1BA,EAAU,SAASD,CAAK;AAG9B;"}
+{"version":3,"file":"selectionRange.js","sources":["../../../src/components/utils/selectionRange.ts"],"sourcesContent":["\"use client\";\n\nexport function moveTypingCursorToEnd(contentEditableElement: HTMLElement) {\n  let range: Range;\n  let selection: Selection | null;\n  if (document.createRange) {\n    range = document.createRange();\n    range.selectNodeContents(contentEditableElement); //Select the entire contents of the element with the range\n    range.collapse(false); //collapse the range to the end point. false means collapse to end rather than the start\n    selection = window.getSelection(); //get the selection object (allows you to change selection)\n    if (selection) {\n      selection.removeAllRanges(); //remove any selections already made\n      selection.addRange(range); //make the range you have just created the visible selection\n    }\n  }\n}\n"],"names":["moveTypingCursorToEnd","contentEditableElement","range","selection"],"mappings":";AAEO,SAASA,EAAsBC,GAAqC;AACzE,MAAIC,GACAC;AACJ,EAAI,SAAS,gBACXD,IAAQ,SAAS,YAAA,GACjBA,EAAM,mBAAmBD,CAAsB,GAC/CC,EAAM,SAAS,EAAK,GACpBC,IAAY,OAAO,aAAA,GACfA,MACFA,EAAU,gBAAA,GACVA,EAAU,SAASD,CAAK;AAG9B;"}

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

@@ -0,0 +1,6 @@
+/**
+ * Changes the theme without transition
+ * @param fn Callback function to change the theme
+ */
+export declare const changeThemeWithoutTransition: (fn: () => void) => void;
+//# sourceMappingURL=theme.d.ts.map

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

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

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":";;AAQa,MAAAA,IAA+B,CAACC,MAAmB;AAExD,QAAAC,IAAM,SAAS,cAAc,OAAO;AACtC,EAAAA,EAAA;AAAA,IACF,SAAS;AAAA,MACP;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAA;AAAA,EAQJ,GACS,SAAA,KAAK,YAAYA,CAAG,GAC7BC,EAAU,MAAM;AACX,IAAAF,EAAA;AAAA,EAAA,CACJ,GAES,OAAO,iBAAiBC,CAAG,EAAE,SAC9B,SAAA,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       -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;"}

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

@@ -0,0 +1,12 @@
+import { JSX } from 'react';
+export type ClassValue = string | number | boolean | null | undefined | ClassDictionary | ClassArray;
+export interface ClassDictionary {
+    [id: string]: boolean | undefined | null;
+}
+export interface ClassArray extends Array<ClassValue> {
+}
+export type GenericHTMLProps = React.HTMLAttributes<any> & {
+    ref?: React.Ref<any> | undefined;
+};
+export type ElementTypeToDOMType<T extends React.ElementType> = T extends keyof JSX.IntrinsicElements ? JSX.IntrinsicElements[T] extends React.DetailedHTMLProps<infer _Props, infer Element> ? Element : never : never;
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/utils/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAE5B,MAAM,MAAM,UAAU,GAClB,MAAM,GACN,MAAM,GACN,OAAO,GACP,IAAI,GACJ,SAAS,GACT,eAAe,GACf,UAAU,CAAC;AAEf,MAAM,WAAW,eAAe;IAC9B,CAAC,EAAE,EAAE,MAAM,GAAG,OAAO,GAAG,SAAS,GAAG,IAAI,CAAC;CAC1C;AAED,MAAM,WAAW,UAAW,SAAQ,KAAK,CAAC,UAAU,CAAC;CAAG;AAIxD,MAAM,MAAM,gBAAgB,GAAG,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,GAAG;IAEzD,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,SAAS,CAAC;CAClC,CAAC;AAGF,MAAM,MAAM,oBAAoB,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,IAC1D,CAAC,SAAS,MAAM,GAAG,CAAC,iBAAiB,GACjC,GAAG,CAAC,iBAAiB,CAAC,CAAC,CAAC,SAAS,KAAK,CAAC,iBAAiB,CACtD,MAAM,MAAM,EACZ,MAAM,OAAO,CACd,GACC,OAAO,GACP,KAAK,GACP,KAAK,CAAC"}

package/dist/components/vertical-collapsible-panel/component.d.ts

@@ -0,0 +1,65 @@
+import { default as React } from 'react';
+export interface VerticalCollapsiblePanelProps {
+    /**
+     * The content of the panel that will be toggled
+     */
+    children: React.ReactNode;
+    /**
+     * The header of the panel
+     */
+    title?: React.ReactNode;
+    /**
+     * Indicate if the title should be used as a trigger
+     * @default true
+     */
+    useTitleAsTrigger?: boolean;
+    /**
+     * Custom Content Padding
+     * @default "24px"
+     */
+    contentPadding?: number | string | boolean;
+    /**
+     * Add more content below the title
+     * Only show when panel is open
+     */
+    afterTitle?: React.ReactNode;
+    /**
+     * Whether the panel is expanded by default
+     */
+    defaultOpen?: boolean;
+    /**
+     * Control the open state (makes the component controlled)
+     */
+    open?: boolean;
+    /**
+     * Callback when the open state changes
+     */
+    onOpenChange?: (open: boolean) => void;
+    /**
+     * Additional class name for the component
+     */
+    className?: string;
+    /**
+     * Addtional class name for the header
+     */
+    headerClassName?: string;
+    /**
+     * Addtional class name for the header
+     */
+    headerInnerClassName?: string;
+    /**
+     * Addtional class name for the body
+     * */
+    bodyClassName?: string;
+    /**
+     * Actions to be displayed in the header
+     * Only show when panel is open
+     */
+    actions?: React.ReactNode;
+    /**
+     * Keeping it as mounted, just hide the content
+     */
+    keepMounted?: boolean;
+}
+export declare const VerticalCollapsiblePanel: React.FC<VerticalCollapsiblePanelProps>;
+//# sourceMappingURL=component.d.ts.map

package/dist/components/vertical-collapsible-panel/component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/components/vertical-collapsible-panel/component.tsx"],"names":[],"mappings":"AACA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAW3D,OAAO,aAAa,CAAC;AAErB,MAAM,WAAW,6BAA6B;IAC5C;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB;;;OAGG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC;IAC3C;;;OAGG;IACH,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE7B;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;OAEG;IACH,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B;;SAEK;IACL,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;;OAGG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,eAAO,MAAM,wBAAwB,EAAE,KAAK,CAAC,EAAE,CAC7C,6BAA6B,CA6H9B,CAAC"}

package/dist/components/vertical-collapsible-panel/component.js.map

@@ -1 +1 @@
-{"version":3,"file":"component.js","sources":["../../../src/components/vertical-collapsible-panel/component.tsx"],"sourcesContent":["\"use client\";\nimport React, { useEffect, useRef, useState } from \"react\";\nimport { Collapsible } from \"@base-ui-components/react\";\nimport { MinusCircle, PlusCircle } from \"@bioturing/assets\";\nimport { useCls, clsx } from \"../utils\";\nimport { useControlledState } from \"../hooks/useControlledState\";\nimport { Transition } from \"../transition\";\nimport { useAnimationsFinished } from \"../hooks\";\nimport { IconButton } from \"../icon-button\";\nimport { Truncate } from \"../truncate\";\n\n// Import component-specific styles\nimport \"./style.css\";\n\nexport interface VerticalCollapsiblePanelProps {\n  /**\n   * The content of the panel that will be toggled\n   */\n  children: React.ReactNode;\n  /**\n   * The header of the panel\n   */\n  title?: React.ReactNode;\n  /**\n   * Indicate if the title should be used as a trigger\n   * @default true\n   */\n  useTitleAsTrigger?: boolean;\n  /**\n   * Custom Content Padding\n   * @default \"24px\"\n   */\n  contentPadding?: number | string | boolean;\n  /**\n   * Add more content below the title\n   * Only show when panel is open\n   */\n  afterTitle?: React.ReactNode;\n\n  /**\n   * Whether the panel is expanded by default\n   */\n  defaultOpen?: boolean;\n  /**\n   * Control the open state (makes the component controlled)\n   */\n  open?: boolean;\n  /**\n   * Callback when the open state changes\n   */\n  onOpenChange?: (open: boolean) => void;\n  /**\n   * Additional class name for the component\n   */\n  className?: string;\n  /**\n   * Addtional class name for the header\n   */\n  headerClassName?: string;\n  /**\n   * Addtional class name for the header\n   */\n  headerInnerClassName?: string;\n  /**\n   * Addtional class name for the body\n   * */\n  bodyClassName?: string;\n  /**\n   * Actions to be displayed in the header\n   * Only show when panel is open\n   */\n  actions?: React.ReactNode;\n  /**\n   * Keeping it as mounted, just hide the content\n   */\n  keepMounted?: boolean;\n}\n\nexport const VerticalCollapsiblePanel: React.FC<\n  VerticalCollapsiblePanelProps\n> = ({\n  children,\n  title,\n  defaultOpen = false,\n  open: controlledOpen,\n  onOpenChange,\n  className,\n  headerClassName,\n  headerInnerClassName,\n  bodyClassName,\n  contentPadding = \"16px\",\n  afterTitle,\n  actions,\n  useTitleAsTrigger = true,\n  keepMounted = false,\n}) => {\n  const cls = useCls();\n  // Use useControlledState for open state\n  const [isOpen, setIsOpen] = useControlledState(\n    controlledOpen,\n    onOpenChange,\n    defaultOpen\n  );\n  const [isBodyOpen, setIsBodyOpen] = useState(isOpen);\n  const ref = useRef<HTMLDivElement>(null);\n  const runOnceAnimationsFinish = useAnimationsFinished(ref, {\n    waitForNextTick: isOpen,\n  });\n  useEffect(() => {\n    runOnceAnimationsFinish(() => {\n      setIsBodyOpen(isOpen);\n    });\n  }, [isOpen, runOnceAnimationsFinish]);\n  return (\n    <Collapsible.Root\n      className={clsx(cls(\"collapsible-panel\"), className)}\n      open={isOpen}\n      onOpenChange={setIsOpen}\n      ref={ref}\n    >\n      <div className={clsx(cls(\"collapsible-panel-header\"), headerClassName)}>\n        <div\n          className={clsx(\n            cls(\"collapsible-panel-header-inner\"),\n            headerInnerClassName\n          )}\n        >\n          <div\n            className={cls(\"collapsible-panel-header-text\")}\n            onClick={\n              useTitleAsTrigger ? () => setIsOpen((open) => !open) : undefined\n            }\n            style={\n              useTitleAsTrigger\n                ? {\n                    cursor: \"pointer\",\n                  }\n                : {}\n            }\n          >\n            {typeof title == \"string\" ? <Truncate>{title}</Truncate> : title}\n          </div>\n          <div className={cls(\"collapsible-panel-header-actions\")}>\n            {isOpen && actions}\n            <Collapsible.Trigger\n              className={cls(\"collapsible-panel-trigger\")}\n              render={\n                isOpen ? (\n                  <IconButton>\n                    <MinusCircle\n                      weight=\"bold\"\n                      className={clsx(\n                        cls(\"collapsible-panel-caret\"),\n                        isOpen && cls(\"collapsible-panel-caret-open\")\n                      )}\n                    />\n                  </IconButton>\n                ) : (\n                  <IconButton>\n                    <PlusCircle\n                      weight=\"bold\"\n                      className={clsx(\n                        cls(\"collapsible-panel-caret\"),\n                        isOpen && cls(\"collapsible-panel-caret-open\")\n                      )}\n                    />\n                  </IconButton>\n                )\n              }\n            ></Collapsible.Trigger>\n          </div>\n        </div>\n        {isOpen && afterTitle && (\n          <div className={cls(\"collapsible-panel-header-after\")}>\n            {afterTitle}\n          </div>\n        )}\n      </div>\n      <Collapsible.Panel\n        className={cls(\"collapsible-panel-content\")}\n        style={\n          (typeof contentPadding != \"undefined\"\n            ? {\n                \"--ds-content-padding\":\n                  contentPadding === false || contentPadding === 0\n                    ? \"0\"\n                    : typeof contentPadding == \"number\"\n                    ? `${contentPadding}px`\n                    : contentPadding,\n              }\n            : {}) as React.CSSProperties\n        }\n        keepMounted={keepMounted}\n      >\n        <Transition\n          show={isBodyOpen}\n          className={clsx(cls(\"collapsible-panel-body\"), bodyClassName)}\n          keepMounted\n        >\n          <div>{children}</div>\n        </Transition>\n      </Collapsible.Panel>\n    </Collapsible.Root>\n  );\n};\n"],"names":["VerticalCollapsiblePanel","children","title","defaultOpen","controlledOpen","onOpenChange","className","headerClassName","headerInnerClassName","bodyClassName","contentPadding","afterTitle","actions","useTitleAsTrigger","keepMounted","cls","useCls","isOpen","setIsOpen","useControlledState","isBodyOpen","setIsBodyOpen","useState","ref","useRef","runOnceAnimationsFinish","useAnimationsFinished","useEffect","jsxs","Collapsible","clsx","jsx","open","Truncate","IconButton","MinusCircle","PlusCircle","Transition"],"mappings":";;;;;;;;;;;;;AA8EO,MAAMA,IAET,CAAC;AAAA,EACH,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,MAAMC;AAAA,EACN,cAAAC;AAAA,EACA,WAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,sBAAAC;AAAA,EACA,eAAAC;AAAA,EACA,gBAAAC,IAAiB;AAAA,EACjB,YAAAC;AAAA,EACA,SAAAC;AAAA,EACA,mBAAAC,IAAoB;AAAA,EACpB,aAAAC,IAAc;AAChB,MAAM;AACJ,QAAMC,IAAMC,EAAO,GAEb,CAACC,GAAQC,CAAS,IAAIC;AAAA,IAC1Bf;AAAA,IACAC;AAAA,IACAF;AAAA,EACF,GACM,CAACiB,GAAYC,CAAa,IAAIC,EAASL,CAAM,GAC7CM,IAAMC,EAAuB,IAAI,GACjCC,IAA0BC,EAAsBH,GAAK;AAAA,IACzD,iBAAiBN;AAAA,EAAA,CAClB;AACD,SAAAU,EAAU,MAAM;AACd,IAAAF,EAAwB,MAAM;AAC5B,MAAAJ,EAAcJ,CAAM;AAAA,IAAA,CACrB;AAAA,EAAA,GACA,CAACA,GAAQQ,CAAuB,CAAC,GAElC,gBAAAG;AAAA,IAACC,EAAY;AAAA,IAAZ;AAAA,MACC,WAAWC,EAAKf,EAAI,mBAAmB,GAAGT,CAAS;AAAA,MACnD,MAAMW;AAAA,MACN,cAAcC;AAAA,MACd,KAAAK;AAAA,MAEA,UAAA;AAAA,QAAA,gBAAAK,EAAC,SAAI,WAAWE,EAAKf,EAAI,0BAA0B,GAAGR,CAAe,GACnE,UAAA;AAAA,UAAA,gBAAAqB;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAWE;AAAA,gBACTf,EAAI,gCAAgC;AAAA,gBACpCP;AAAA,cACF;AAAA,cAEA,UAAA;AAAA,gBAAA,gBAAAuB;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACC,WAAWhB,EAAI,+BAA+B;AAAA,oBAC9C,SACEF,IAAoB,MAAMK,EAAU,CAACc,MAAS,CAACA,CAAI,IAAI;AAAA,oBAEzD,OACEnB,IACI;AAAA,sBACE,QAAQ;AAAA,oBAAA,IAEV,CAAC;AAAA,oBAGN,iBAAOX,KAAS,WAAY,gBAAA6B,EAAAE,GAAA,EAAU,aAAM,IAAc/B;AAAA,kBAAA;AAAA,gBAC7D;AAAA,gBACC,gBAAA0B,EAAA,OAAA,EAAI,WAAWb,EAAI,kCAAkC,GACnD,UAAA;AAAA,kBAAUE,KAAAL;AAAA,kBACX,gBAAAmB;AAAA,oBAACF,EAAY;AAAA,oBAAZ;AAAA,sBACC,WAAWd,EAAI,2BAA2B;AAAA,sBAC1C,QACEE,IACE,gBAAAc,EAACG,GACC,EAAA,UAAA,gBAAAH;AAAA,wBAACI;AAAA,wBAAA;AAAA,0BACC,QAAO;AAAA,0BACP,WAAWL;AAAA,4BACTf,EAAI,yBAAyB;AAAA,4BAC7BE,KAAUF,EAAI,8BAA8B;AAAA,0BAAA;AAAA,wBAC9C;AAAA,sBACF,EAAA,CACF,IAEA,gBAAAgB,EAACG,GACC,EAAA,UAAA,gBAAAH;AAAA,wBAACK;AAAA,wBAAA;AAAA,0BACC,QAAO;AAAA,0BACP,WAAWN;AAAA,4BACTf,EAAI,yBAAyB;AAAA,4BAC7BE,KAAUF,EAAI,8BAA8B;AAAA,0BAAA;AAAA,wBAC9C;AAAA,sBAAA,EAEJ,CAAA;AAAA,oBAAA;AAAA,kBAAA;AAAA,gBAGL,EACH,CAAA;AAAA,cAAA;AAAA,YAAA;AAAA,UACF;AAAA,UACCE,KAAUN,KACR,gBAAAoB,EAAA,OAAA,EAAI,WAAWhB,EAAI,gCAAgC,GACjD,UACHJ,EAAA,CAAA;AAAA,QAAA,GAEJ;AAAA,QACA,gBAAAoB;AAAA,UAACF,EAAY;AAAA,UAAZ;AAAA,YACC,WAAWd,EAAI,2BAA2B;AAAA,YAC1C,OACG,OAAOL,IAAkB,MACtB;AAAA,cACE,wBACEA,MAAmB,MAASA,MAAmB,IAC3C,MACA,OAAOA,KAAkB,WACzB,GAAGA,CAAc,OACjBA;AAAA,YAAA,IAER,CAAC;AAAA,YAEP,aAAAI;AAAA,YAEA,UAAA,gBAAAiB;AAAA,cAACM;AAAA,cAAA;AAAA,gBACC,MAAMjB;AAAA,gBACN,WAAWU,EAAKf,EAAI,wBAAwB,GAAGN,CAAa;AAAA,gBAC5D,aAAW;AAAA,gBAEX,UAAA,gBAAAsB,EAAC,SAAK,UAAA9B,EAAS,CAAA;AAAA,cAAA;AAAA,YAAA;AAAA,UACjB;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAAA,EACF;AAEJ;"}
+{"version":3,"file":"component.js","sources":["../../../src/components/vertical-collapsible-panel/component.tsx"],"sourcesContent":["\"use client\";\nimport React, { useEffect, useRef, useState } from \"react\";\nimport { Collapsible } from \"@base-ui-components/react\";\nimport { MinusCircle, PlusCircle } from \"@bioturing/assets\";\nimport { useCls, clsx } from \"../utils\";\nimport { useControlledState } from \"../hooks/useControlledState\";\nimport { Transition } from \"../transition\";\nimport { useAnimationsFinished } from \"../hooks\";\nimport { IconButton } from \"../icon-button\";\nimport { Truncate } from \"../truncate\";\n\n// Import component-specific styles\nimport \"./style.css\";\n\nexport interface VerticalCollapsiblePanelProps {\n  /**\n   * The content of the panel that will be toggled\n   */\n  children: React.ReactNode;\n  /**\n   * The header of the panel\n   */\n  title?: React.ReactNode;\n  /**\n   * Indicate if the title should be used as a trigger\n   * @default true\n   */\n  useTitleAsTrigger?: boolean;\n  /**\n   * Custom Content Padding\n   * @default \"24px\"\n   */\n  contentPadding?: number | string | boolean;\n  /**\n   * Add more content below the title\n   * Only show when panel is open\n   */\n  afterTitle?: React.ReactNode;\n\n  /**\n   * Whether the panel is expanded by default\n   */\n  defaultOpen?: boolean;\n  /**\n   * Control the open state (makes the component controlled)\n   */\n  open?: boolean;\n  /**\n   * Callback when the open state changes\n   */\n  onOpenChange?: (open: boolean) => void;\n  /**\n   * Additional class name for the component\n   */\n  className?: string;\n  /**\n   * Addtional class name for the header\n   */\n  headerClassName?: string;\n  /**\n   * Addtional class name for the header\n   */\n  headerInnerClassName?: string;\n  /**\n   * Addtional class name for the body\n   * */\n  bodyClassName?: string;\n  /**\n   * Actions to be displayed in the header\n   * Only show when panel is open\n   */\n  actions?: React.ReactNode;\n  /**\n   * Keeping it as mounted, just hide the content\n   */\n  keepMounted?: boolean;\n}\n\nexport const VerticalCollapsiblePanel: React.FC<\n  VerticalCollapsiblePanelProps\n> = ({\n  children,\n  title,\n  defaultOpen = false,\n  open: controlledOpen,\n  onOpenChange,\n  className,\n  headerClassName,\n  headerInnerClassName,\n  bodyClassName,\n  contentPadding = \"16px\",\n  afterTitle,\n  actions,\n  useTitleAsTrigger = true,\n  keepMounted = false,\n}) => {\n  const cls = useCls();\n  // Use useControlledState for open state\n  const [isOpen, setIsOpen] = useControlledState(\n    controlledOpen,\n    onOpenChange,\n    defaultOpen\n  );\n  const [isBodyOpen, setIsBodyOpen] = useState(isOpen);\n  const ref = useRef<HTMLDivElement>(null);\n  const runOnceAnimationsFinish = useAnimationsFinished(ref, {\n    waitForNextTick: isOpen,\n  });\n  useEffect(() => {\n    runOnceAnimationsFinish(() => {\n      setIsBodyOpen(isOpen);\n    });\n  }, [isOpen, runOnceAnimationsFinish]);\n  return (\n    <Collapsible.Root\n      className={clsx(cls(\"collapsible-panel\"), className)}\n      open={isOpen}\n      onOpenChange={setIsOpen}\n      ref={ref}\n    >\n      <div className={clsx(cls(\"collapsible-panel-header\"), headerClassName)}>\n        <div\n          className={clsx(\n            cls(\"collapsible-panel-header-inner\"),\n            headerInnerClassName\n          )}\n        >\n          <div\n            className={cls(\"collapsible-panel-header-text\")}\n            onClick={\n              useTitleAsTrigger ? () => setIsOpen((open) => !open) : undefined\n            }\n            style={\n              useTitleAsTrigger\n                ? {\n                    cursor: \"pointer\",\n                  }\n                : {}\n            }\n          >\n            {typeof title == \"string\" ? <Truncate>{title}</Truncate> : title}\n          </div>\n          <div className={cls(\"collapsible-panel-header-actions\")}>\n            {isOpen && actions}\n            <Collapsible.Trigger\n              className={cls(\"collapsible-panel-trigger\")}\n              render={\n                isOpen ? (\n                  <IconButton>\n                    <MinusCircle\n                      weight=\"bold\"\n                      className={clsx(\n                        cls(\"collapsible-panel-caret\"),\n                        isOpen && cls(\"collapsible-panel-caret-open\")\n                      )}\n                    />\n                  </IconButton>\n                ) : (\n                  <IconButton>\n                    <PlusCircle\n                      weight=\"bold\"\n                      className={clsx(\n                        cls(\"collapsible-panel-caret\"),\n                        isOpen && cls(\"collapsible-panel-caret-open\")\n                      )}\n                    />\n                  </IconButton>\n                )\n              }\n            ></Collapsible.Trigger>\n          </div>\n        </div>\n        {isOpen && afterTitle && (\n          <div className={cls(\"collapsible-panel-header-after\")}>\n            {afterTitle}\n          </div>\n        )}\n      </div>\n      <Collapsible.Panel\n        className={cls(\"collapsible-panel-content\")}\n        style={\n          (typeof contentPadding != \"undefined\"\n            ? {\n                \"--ds-content-padding\":\n                  contentPadding === false || contentPadding === 0\n                    ? \"0\"\n                    : typeof contentPadding == \"number\"\n                    ? `${contentPadding}px`\n                    : contentPadding,\n              }\n            : {}) as React.CSSProperties\n        }\n        keepMounted={keepMounted}\n      >\n        <Transition\n          show={isBodyOpen}\n          className={clsx(cls(\"collapsible-panel-body\"), bodyClassName)}\n          keepMounted\n        >\n          <div>{children}</div>\n        </Transition>\n      </Collapsible.Panel>\n    </Collapsible.Root>\n  );\n};\n"],"names":["VerticalCollapsiblePanel","children","title","defaultOpen","controlledOpen","onOpenChange","className","headerClassName","headerInnerClassName","bodyClassName","contentPadding","afterTitle","actions","useTitleAsTrigger","keepMounted","cls","useCls","isOpen","setIsOpen","useControlledState","isBodyOpen","setIsBodyOpen","useState","ref","useRef","runOnceAnimationsFinish","useAnimationsFinished","useEffect","jsxs","Collapsible","clsx","jsx","open","Truncate","IconButton","MinusCircle","PlusCircle","Transition"],"mappings":"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"}

package/dist/components/vertical-collapsible-panel/index.d.ts

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

package/dist/components/vertical-collapsible-panel/index.d.ts.map

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