@bioturing/components 0.25.0 → 0.27.0

package/dist/index.js

@@ -1,6 +1,6 @@
-import { componentMetadata as e, getComponentsByCategory as t } from "./metadata.js";
-import { Affix as p, Alert as m, Anchor as s, App as f, AutoComplete as l, Avatar as n, BackTop as x, Calendar as i, Card as C, Carousel as c, Cascader as T, Col as u, ColorPicker as d, ConfigProvider as S, DatePicker as g, Descriptions as h, Divider as A, Drawer as E, Dropdown as P, Flex as k, FloatButton as D, Grid as R, InputNumber as I, Layout as L, List as b, Mentions as O, Menu as y, Pagination as B, Popconfirm as N, Progress as v, QRCode as M, Rate as _, Result as U, Row as F, Skeleton as W, Space as w, Statistic as V, Steps as q, Tabs as G, TimePicker as K, Timeline as Q, Transfer as H, TreeSelect as j, Typography as z, Watermark as J, message as X, notification as Y, theme as Z, unstableSetRender as $, version as oo } from "antd";
-import { Select as eo } from "./components/select/component.js";
+import { componentMetadata as r, getComponentsByCategory as t } from "./metadata.js";
+import { Affix as p, Alert as m, Anchor as s, App as f, AutoComplete as l, Avatar as n, BackTop as x, Calendar as i, Card as C, Carousel as c, Cascader as T, Col as u, ColorPicker as d, ConfigProvider as S, DatePicker as g, Descriptions as h, Divider as A, Drawer as E, Dropdown as P, Flex as k, FloatButton as R, Grid as D, InputNumber as b, Layout as I, List as L, Mentions as O, Menu as y, Pagination as B, Popconfirm as N, Progress as v, QRCode as M, Rate as _, Result as U, Row as F, Skeleton as W, Space as w, Statistic as V, Steps as q, Tabs as G, TimePicker as K, Timeline as Q, Transfer as z, TreeSelect as H, Typography as j, Watermark as J, message as X, notification as Y, theme as Z, unstableSetRender as $, version as oo } from "antd";
+import { Select as ro } from "./components/select/component.js";
 import { Modal as ao } from "./components/modal/index.js";
 import { IconButton as mo } from "./components/icon-button/component.js";
 import { Switch as fo } from "./components/switch/component.js";
@@ -11,65 +11,68 @@ import { Tag as uo } from "./components/tag/component.js";
 import { ThemeProvider as go } from "./components/theme-provider/component.js";
 import { Split as Ao, Splitter as Eo } from "./components/splitter/component.js";
 import { Truncate as ko } from "./components/truncate/component.js";
-import { DropdownMenu as Ro } from "./components/dropdown-menu/component.js";
-import { clsx as Lo, cn as bo, cx as Oo } from "./components/utils/cn.js";
+import { DropdownMenu as Do } from "./components/dropdown-menu/component.js";
+import { clsx as Io, cn as Lo, cx as Oo } from "./components/utils/cn.js";
 import { reactNodeToString as Bo } from "./components/utils/reactToString.js";
 import { isTracebackError as vo } from "./components/utils/isTracebackError.js";
 import { isValidHexColor as _o } from "./components/utils/colors.js";
 import { WithRenderProp as Fo } from "./components/utils/WithRenderProp.js";
-import { parseAntdPlacement as wo, useAntdCssVarClassname as Vo, useCls as qo, useGetPrefixCls as Go } from "./components/utils/antdUtils.js";
-import { WithAntdTokens as Qo } from "./components/utils/WithAntdTokens.js";
+import { getReactElementProp as wo } from "./components/utils/reactElement.js";
+import { useAntdCssVarClassname as qo, useCls as Go, useGetPrefixCls as Ko } from "./components/utils/antdUtils.js";
+import { WithAntdTokens as zo } from "./components/utils/WithAntdTokens.js";
 import { changeThemeWithoutTransition as jo } from "./components/utils/theme.js";
-import { moveTypingCursorToEnd as Jo } from "./components/utils/selectionRange.js";
-import { DROPDOWN_COLLISION_AVOIDANCE as Yo, POPUP_COLLISION_AVOIDANCE as Zo } from "./components/utils/constants.js";
-import { Transition as or } from "./components/transition/component.js";
-import { DefaultUpload as er, Upload as tr } from "./components/upload/component.js";
-import { useUploadItemRender as pr } from "./components/upload/hooks.js";
-import { ScrollArea as sr } from "./components/scroll-area/component.js";
-import { Popover as lr } from "./components/popover/component.js";
-import { Slider as xr } from "./components/slider/component.js";
-import { Tooltip as Cr } from "./components/tooltip/component.js";
-import { Breadcrumb as Tr } from "./components/breadcrumb/component.js";
-import { useUniqueKeysTree as dr } from "./components/tree/useUniqueKeysTree.js";
-import { getUniqueKeysFromOriginals as gr, processTreeData as hr } from "./components/tree/helpers.js";
-import { Tree as Er } from "./components/tree/components.js";
-import { Spin as kr } from "./components/spin/component.js";
-import { Empty as Rr, EmptyIcon as Ir } from "./components/empty/component.js";
-import { Form as br } from "./components/form/component.js";
-import { Field as yr } from "./components/field/component.js";
-import { Tour as Nr } from "./components/tour/component.js";
-import { Toast as Mr } from "./components/toast/component.js";
-import { toast as Ur, toastManager as Fr } from "./components/toast/function.js";
-import { VerticalCollapsiblePanel as wr } from "./components/vertical-collapsible-panel/component.js";
-import { PopupPanel as qr } from "./components/popup-panel/component.js";
-import { CodeBlock as Kr } from "./components/code-block/component.js";
-import { StackChild as Hr } from "./components/stack/StackChild.js";
-import { Stack as zr } from "./components/stack/index.js";
-import { Collapse as Xr } from "./components/collapse/component.js";
-import { Input as Zr } from "./components/input/component.js";
-import { Badge as oe, InternalBadge as re } from "./components/badge/component.js";
-import { Radio as te } from "./components/radio/component.js";
-import { Button as pe } from "./components/button/component.js";
-import { DSRoot as se } from "./components/ds-root/component.js";
-import { DSRootContextProvider as le, useDS as ne } from "./components/ds-root/context.js";
-import { DragDrop as ie, DragDropRoot as Ce } from "./components/drag-drop/index.js";
-import { ColorSelect as Te } from "./components/color-select/component.js";
-import { Nav as de } from "./components/nav/index.js";
-import { ChoiceList as ge } from "./components/choice-list/component.js";
-import { StatusIcon as Ae } from "./components/status-icon/component.js";
-import { useForm as Pe, useWatch as ke } from "antd/es/form/Form";
-import { useBreakpoint as Re, useMessage as Ie, useModal as Le, useToken as be } from "./components/hooks/antd.js";
-import { default as ye } from "antd/es/app/useApp";
-import { useAnimationsFinished as Ne, useEnhancedEffect as ve, useEventCallback as Me, useLatestRef as _e } from "./components/hooks/base-ui.js";
-import { useControlledState as Fe } from "./components/hooks/useControlledState.js";
-import { useCharts as we } from "./components/hooks/useCharts.js";
-import { useCSSVariables as qe } from "./components/hooks/useCSSVariables.js";
-import { antdColorTokens as Ke, darkTheme as Qe, lightTheme as He } from "./tokens/and-theme/tokens.js";
-import { categoricalChartColorKeys as ze, categoricalChartColorTokens as Je, categoricalChartsColors as Xe, chartColorTokens as Ye, rawChartColorTokens as Ze } from "./tokens/charts/palettes/cloudscape.js";
-import { COLORBREWER as ot } from "./tokens/charts/palettes/colorbrewer.js";
-import { tab10 as et, tab20 as tt, tab20b as at, tab20c as pt } from "./tokens/charts/palettes/tableau.js";
-import { CATEGORICAL_PALETTES as st, CATEGORICAL_PALETTE_NAMES as ft, SEQUENTIAL_PALETTES as lt, SEQUENTIAL_PALETTE_NAMES as nt, getAllCategoricalChartColors as xt, getAllSequentialChartColors as it, getCategoricalChartColors as Ct, getSequentialChartColors as ct } from "./tokens/charts/palettes/index.js";
-import { getColorsByTheme as ut, getTokensByTheme as dt, resolveColorTokens as St } from "./tokens/utils.js";
+import { moveTypingCursorToEnd as Xo } from "./components/utils/selectionRange.js";
+import { DROPDOWN_COLLISION_AVOIDANCE as Zo, POPUP_COLLISION_AVOIDANCE as $o } from "./components/utils/constants.js";
+import { buildAntdPlacement as ee, parseAntdPlacement as re } from "./components/utils/placement.js";
+import { Transition as ae } from "./components/transition/component.js";
+import { DefaultUpload as me, Upload as se } from "./components/upload/component.js";
+import { useUploadItemRender as le } from "./components/upload/hooks.js";
+import { ScrollArea as xe } from "./components/scroll-area/component.js";
+import { Popover as Ce } from "./components/popover/component.js";
+import { Slider as Te } from "./components/slider/component.js";
+import { Tooltip as de } from "./components/tooltip/component.js";
+import { Breadcrumb as ge } from "./components/breadcrumb/component.js";
+import { useUniqueKeysTree as Ae } from "./components/tree/useUniqueKeysTree.js";
+import { getUniqueKeysFromOriginals as Pe, processTreeData as ke } from "./components/tree/helpers.js";
+import { Tree as De } from "./components/tree/components.js";
+import { Spin as Ie } from "./components/spin/component.js";
+import { Empty as Oe, EmptyIcon as ye } from "./components/empty/component.js";
+import { Form as Ne } from "./components/form/component.js";
+import { Field as Me } from "./components/field/component.js";
+import { Tour as Ue } from "./components/tour/component.js";
+import { Toast as We } from "./components/toast/component.js";
+import { toast as Ve, toastManager as qe } from "./components/toast/function.js";
+import { VerticalCollapsiblePanel as Ke } from "./components/vertical-collapsible-panel/component.js";
+import { PopupPanel as ze } from "./components/popup-panel/component.js";
+import { CodeBlock as je } from "./components/code-block/component.js";
+import { StackChild as Xe } from "./components/stack/StackChild.js";
+import { Stack as Ze } from "./components/stack/index.js";
+import { Collapse as or } from "./components/collapse/component.js";
+import { Input as rr } from "./components/input/component.js";
+import { Badge as ar, InternalBadge as pr } from "./components/badge/component.js";
+import { Radio as sr } from "./components/radio/component.js";
+import { Button as lr } from "./components/button/component.js";
+import { DSRoot as xr } from "./components/ds-root/component.js";
+import { DSRootContextProvider as Cr, useDS as cr } from "./components/ds-root/context.js";
+import { DragDrop as ur, DragDropRoot as dr } from "./components/drag-drop/index.js";
+import { ColorSelect as gr } from "./components/color-select/component.js";
+import { Nav as Ar } from "./components/nav/index.js";
+import { ChoiceList as Pr } from "./components/choice-list/component.js";
+import { StatusIcon as Rr } from "./components/status-icon/component.js";
+import { Resizable as br } from "./components/resizable/component.js";
+import { useForm as Lr, useWatch as Or } from "antd/es/form/Form";
+import { useBreakpoint as Br, useMessage as Nr, useModal as vr, useToken as Mr } from "./components/hooks/antd.js";
+import { default as Ur } from "antd/es/app/useApp";
+import { useAnimationsFinished as Wr, useEnhancedEffect as wr, useEventCallback as Vr, useLatestRef as qr } from "./components/hooks/base-ui.js";
+import { useControlledState as Kr } from "./components/hooks/useControlledState.js";
+import { useCharts as zr } from "./components/hooks/useCharts.js";
+import { useCSSVariables as jr } from "./components/hooks/useCSSVariables.js";
+import { antdColorTokens as Xr, darkTheme as Yr, lightTheme as Zr } from "./tokens/and-theme/tokens.js";
+import { categoricalChartColorKeys as ot, categoricalChartColorTokens as et, categoricalChartsColors as rt, chartColorTokens as tt, rawChartColorTokens as at } from "./tokens/charts/palettes/cloudscape.js";
+import { COLORBREWER as mt } from "./tokens/charts/palettes/colorbrewer.js";
+import { tab10 as ft, tab20 as lt, tab20b as nt, tab20c as xt } from "./tokens/charts/palettes/tableau.js";
+import { CATEGORICAL_PALETTES as Ct, CATEGORICAL_PALETTE_NAMES as ct, SEQUENTIAL_PALETTES as Tt, SEQUENTIAL_PALETTE_NAMES as ut, getAllCategoricalChartColors as dt, getAllSequentialChartColors as St, getCategoricalChartColors as gt, getSequentialChartColors as ht } from "./tokens/charts/palettes/index.js";
+import { getColorsByTheme as Et, getTokensByTheme as Pt, resolveColorTokens as kt } from "./tokens/utils.js";
 export {
   p as Affix,
   m as Alert,
@@ -78,79 +81,80 @@ export {
   l as AutoComplete,
   n as Avatar,
   x as BackTop,
-  oe as Badge,
-  Tr as Breadcrumb,
-  pe as Button,
-  st as CATEGORICAL_PALETTES,
-  ft as CATEGORICAL_PALETTE_NAMES,
-  ot as COLORBREWER,
+  ar as Badge,
+  ge as Breadcrumb,
+  lr as Button,
+  Ct as CATEGORICAL_PALETTES,
+  ct as CATEGORICAL_PALETTE_NAMES,
+  mt as COLORBREWER,
   i as Calendar,
   C as Card,
   c as Carousel,
   T as Cascader,
   no as Checkbox,
-  ge as ChoiceList,
-  Kr as CodeBlock,
+  Pr as ChoiceList,
+  je as CodeBlock,
   u as Col,
-  Xr as Collapse,
+  or as Collapse,
   d as ColorPicker,
-  Te as ColorSelect,
+  gr as ColorSelect,
   S as ConfigProvider,
-  Yo as DROPDOWN_COLLISION_AVOIDANCE,
-  se as DSRoot,
-  le as DSRootContextProvider,
+  Zo as DROPDOWN_COLLISION_AVOIDANCE,
+  xr as DSRoot,
+  Cr as DSRootContextProvider,
   g as DatePicker,
-  er as DefaultUpload,
+  me as DefaultUpload,
   h as Descriptions,
   A as Divider,
-  ie as DragDrop,
-  Ce as DragDropRoot,
+  ur as DragDrop,
+  dr as DragDropRoot,
   E as Drawer,
   P as Dropdown,
-  Ro as DropdownMenu,
-  Rr as Empty,
-  Ir as EmptyIcon,
-  yr as Field,
+  Do as DropdownMenu,
+  Oe as Empty,
+  ye as EmptyIcon,
+  Me as Field,
   k as Flex,
-  D as FloatButton,
-  br as Form,
-  R as Grid,
+  R as FloatButton,
+  Ne as Form,
+  D as Grid,
   mo as IconButton,
-  Zr as Input,
-  I as InputNumber,
-  re as InternalBadge,
-  L as Layout,
-  b as List,
+  rr as Input,
+  b as InputNumber,
+  pr as InternalBadge,
+  I as Layout,
+  L as List,
   O as Mentions,
   y as Menu,
   ao as Modal,
-  de as Nav,
-  Zo as POPUP_COLLISION_AVOIDANCE,
+  Ar as Nav,
+  $o as POPUP_COLLISION_AVOIDANCE,
   B as Pagination,
   N as Popconfirm,
-  lr as Popover,
-  qr as PopupPanel,
+  Ce as Popover,
+  ze as PopupPanel,
   v as Progress,
   M as QRCode,
-  te as Radio,
+  sr as Radio,
   _ as Rate,
+  br as Resizable,
   U as Result,
   F as Row,
-  lt as SEQUENTIAL_PALETTES,
-  nt as SEQUENTIAL_PALETTE_NAMES,
-  sr as ScrollArea,
+  Tt as SEQUENTIAL_PALETTES,
+  ut as SEQUENTIAL_PALETTE_NAMES,
+  xe as ScrollArea,
   io as Segmented,
-  eo as Select,
+  ro as Select,
   W as Skeleton,
-  xr as Slider,
+  Te as Slider,
   w as Space,
-  kr as Spin,
+  Ie as Spin,
   Ao as Split,
   Eo as Splitter,
-  zr as Stack,
-  Hr as StackChild,
+  Ze as Stack,
+  Xe as StackChild,
   V as Statistic,
-  Ae as StatusIcon,
+  Rr as StatusIcon,
   q as Steps,
   fo as Switch,
   co as Table,
@@ -159,78 +163,80 @@ export {
   go as ThemeProvider,
   K as TimePicker,
   Q as Timeline,
-  Mr as Toast,
-  Cr as Tooltip,
-  Nr as Tour,
-  H as Transfer,
-  or as Transition,
-  Er as Tree,
-  j as TreeSelect,
+  We as Toast,
+  de as Tooltip,
+  Ue as Tour,
+  z as Transfer,
+  ae as Transition,
+  De as Tree,
+  H as TreeSelect,
   ko as Truncate,
-  z as Typography,
-  tr as Upload,
-  wr as VerticalCollapsiblePanel,
+  j as Typography,
+  se as Upload,
+  Ke as VerticalCollapsiblePanel,
   J as Watermark,
-  Qo as WithAntdTokens,
+  zo as WithAntdTokens,
   Fo as WithRenderProp,
-  Ke as antdColorTokens,
-  ze as categoricalChartColorKeys,
-  Je as categoricalChartColorTokens,
-  Xe as categoricalChartsColors,
+  Xr as antdColorTokens,
+  ee as buildAntdPlacement,
+  ot as categoricalChartColorKeys,
+  et as categoricalChartColorTokens,
+  rt as categoricalChartsColors,
   jo as changeThemeWithoutTransition,
-  Ye as chartColorTokens,
-  Lo as clsx,
-  bo as cn,
-  e as componentMetadata,
+  tt as chartColorTokens,
+  Io as clsx,
+  Lo as cn,
+  r as componentMetadata,
   Oo as cx,
-  Qe as darkTheme,
-  xt as getAllCategoricalChartColors,
-  it as getAllSequentialChartColors,
-  Ct as getCategoricalChartColors,
-  ut as getColorsByTheme,
+  Yr as darkTheme,
+  dt as getAllCategoricalChartColors,
+  St as getAllSequentialChartColors,
+  gt as getCategoricalChartColors,
+  Et as getColorsByTheme,
   t as getComponentsByCategory,
-  ct as getSequentialChartColors,
-  dt as getTokensByTheme,
-  gr as getUniqueKeysFromOriginals,
+  wo as getReactElementProp,
+  ht as getSequentialChartColors,
+  Pt as getTokensByTheme,
+  Pe as getUniqueKeysFromOriginals,
   vo as isTracebackError,
   _o as isValidHexColor,
-  He as lightTheme,
+  Zr as lightTheme,
   X as message,
-  Jo as moveTypingCursorToEnd,
+  Xo as moveTypingCursorToEnd,
   Y as notification,
-  wo as parseAntdPlacement,
-  hr as processTreeData,
-  Ze as rawChartColorTokens,
+  re as parseAntdPlacement,
+  ke as processTreeData,
+  at as rawChartColorTokens,
   Bo as reactNodeToString,
-  St as resolveColorTokens,
-  et as tab10,
-  tt as tab20,
-  at as tab20b,
-  pt as tab20c,
+  kt as resolveColorTokens,
+  ft as tab10,
+  lt as tab20,
+  nt as tab20b,
+  xt as tab20c,
   Z as theme,
-  Ur as toast,
-  Fr as toastManager,
+  Ve as toast,
+  qe as toastManager,
   $ as unstableSetRender,
-  Ne as useAnimationsFinished,
-  Vo as useAntdCssVarClassname,
-  ye as useApp,
-  Re as useBreakpoint,
-  qe as useCSSVariables,
-  we as useCharts,
-  qo as useCls,
-  Fe as useControlledState,
-  ne as useDS,
-  ve as useEnhancedEffect,
-  Me as useEventCallback,
-  Pe as useForm,
-  Go as useGetPrefixCls,
-  _e as useLatestRef,
-  Ie as useMessage,
-  Le as useModal,
-  be as useToken,
-  dr as useUniqueKeysTree,
-  pr as useUploadItemRender,
-  ke as useWatch,
+  Wr as useAnimationsFinished,
+  qo as useAntdCssVarClassname,
+  Ur as useApp,
+  Br as useBreakpoint,
+  jr as useCSSVariables,
+  zr as useCharts,
+  Go as useCls,
+  Kr as useControlledState,
+  cr as useDS,
+  wr as useEnhancedEffect,
+  Vr as useEventCallback,
+  Lr as useForm,
+  Ko as useGetPrefixCls,
+  qr as useLatestRef,
+  Nr as useMessage,
+  vr as useModal,
+  Mr as useToken,
+  Ae as useUniqueKeysTree,
+  le as useUploadItemRender,
+  Or as useWatch,
   oo as version
 };
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/metadata.js

@@ -231,6 +231,26 @@ const i = {
     originalDocUrl: "https://base-ui.com/react/components/popover",
     description: "A specialized panel that pops up, often resizable, for displaying rich content or tools."
   },
+  Resizable: {
+    name: "Resizable",
+    link: "/resizable",
+    base: "custom",
+    refinements: [
+      "Custom implementation using react-use-resizable hook",
+      "Configurable resize handles for bottom, left, and right edges (all enabled by default)",
+      "Can be toggled on/off with resizable prop",
+      "Optional absolutePositioning prop for use in absolutely positioned containers",
+      "Always uses WithRenderProp to avoid wrapper elements",
+      "Directly enhances the child element with resize functionality",
+      "Validates that children is a single React element",
+      "When disabled, acts as a transparent wrapper",
+      "Manages user selection during resize operations",
+      "Supports custom styling via classNames prop"
+    ],
+    category: "Utility",
+    packages: ["react-use-resizable", "merge-refs"],
+    description: "A utility wrapper component that can be resized by dragging handles, useful for creating adjustable layouts and panels."
+  },
   Radio: {
     name: "Radio",
     link: "/radio",
@@ -546,7 +566,7 @@ const i = {
     // Assuming this kebab-case name for Base UI docs
     description: "A panel that can be collapsed or expanded vertically, often used in sidebars or for sectioning content."
   }
-}, s = () => {
+}, a = () => {
   const e = {
     Actions: [],
     General: [],
@@ -568,6 +588,6 @@ const i = {
 };
 export {
   i as componentMetadata,
-  s as getComponentsByCategory
+  a as getComponentsByCategory
 };
 //# sourceMappingURL=metadata.js.map