@bioturing/components 0.29.2 → 0.31.0

package/dist/index.js

@@ -1,5 +1,5 @@
 import { componentMetadata as r, getComponentsByCategory as t } from "./metadata.js";
-import { Affix as p, Alert as m, Anchor as f, App as s, AutoComplete as x, Avatar as l, BackTop as n, Calendar as i, Card as C, Carousel as c, Cascader as u, Col as T, ColorPicker as d, ConfigProvider as g, DatePicker as S, Descriptions as h, Divider as A, Drawer as E, Dropdown as P, Flex as k, FloatButton as D, Grid as b, InputNumber as R, Layout as I, List as L, Mentions as O, Menu as y, Pagination as B, Popconfirm as v, Progress as N, QRCode as M, Rate as _, Result as U, Row as w, Skeleton as F, Space as W, Statistic as V, Steps as q, Tabs as G, TimePicker as K, Timeline as Q, Transfer as H, TreeSelect as z, Typography as j, Watermark as J, message as X, notification as Y, theme as Z, unstableSetRender as $, version as oo } from "antd";
+import { Affix as p, Alert as m, Anchor as f, App as s, AutoComplete as x, Avatar as l, BackTop as n, Calendar as i, Card as C, Carousel as c, Cascader as u, Col as T, ColorPicker as d, ConfigProvider as S, DatePicker as g, Descriptions as h, Divider as A, Drawer as E, Dropdown as P, Flex as b, FloatButton as k, Grid as R, InputNumber as D, Layout as I, List as L, Mentions as O, Menu as y, Pagination as B, Popconfirm as v, Progress as N, QRCode as M, Rate as _, Result as w, Row as U, Skeleton as W, Space as F, Statistic as V, Steps as K, Tabs as q, TimePicker as z, Timeline as G, Transfer as Q, 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";
@@ -8,76 +8,82 @@ import { Checkbox as lo } from "./components/checkbox/component.js";
 import { Segmented as io } from "./components/segmented/component.js";
 import { Table as co } from "./components/table/component.js";
 import { Tag as To } from "./components/tag/component.js";
-import { ThemeProvider as So } from "./components/theme-provider/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 bo } from "./components/dropdown-menu/component.js";
+import { Truncate as bo } from "./components/truncate/component.js";
+import { DropdownMenu as Ro } from "./components/dropdown-menu/component.js";
 import { DropdownMenuItem as Io } from "./components/dropdown-menu/item.js";
-import { Transition as Oo } from "./components/transition/component.js";
-import { DefaultUpload as Bo, Upload as vo } from "./components/upload/component.js";
-import { useUploadItemRender as Mo } from "./components/upload/hooks.js";
-import { clsx as Uo, cn as wo, cx as Fo } from "./components/utils/cn.js";
-import { reactNodeToString as Vo } from "./components/utils/reactToString.js";
-import { isTracebackError as Go } from "./components/utils/isTracebackError.js";
-import { isValidHexColor as Qo } from "./components/utils/colors.js";
-import { WithRenderProp as zo } from "./components/utils/WithRenderProp.js";
-import { getReactElementProp as Jo } from "./components/utils/reactElement.js";
-import { useAntdCssVarClassname as Yo, useCls as Zo, useGetPrefixCls as $o } from "./components/utils/antdUtils.js";
-import { WithAntdTokens as ee } from "./components/utils/WithAntdTokens.js";
-import { changeThemeWithoutTransition as te } from "./components/utils/theme.js";
-import { moveTypingCursorToEnd as pe } from "./components/utils/selectionRange.js";
-import { DROPDOWN_COLLISION_AVOIDANCE as fe, POPUP_COLLISION_AVOIDANCE as se } from "./components/utils/constants.js";
-import { buildAntdPlacement as le, parseAntdPlacement as ne } from "./components/utils/placement.js";
-import { ScrollArea as Ce } from "./components/scroll-area/component.js";
-import { Popover as ue } from "./components/popover/component.js";
-import { Slider as de } from "./components/slider/component.js";
-import { Tooltip as Se } from "./components/tooltip/component.js";
-import { Breadcrumb as Ae } from "./components/breadcrumb/component.js";
-import { useUniqueKeysTree as Pe } from "./components/tree/useUniqueKeysTree.js";
-import { getUniqueKeysFromOriginals as De, processTreeData as be } from "./components/tree/helpers.js";
-import { Tree as Ie } from "./components/tree/components.js";
-import { Spin as Oe } from "./components/spin/component.js";
-import { Empty as Be, EmptyIcon as ve } from "./components/empty/component.js";
-import { Form as Me } from "./components/form/component.js";
-import { Field as Ue } from "./components/field/component.js";
-import { Tour as Fe } from "./components/tour/component.js";
-import { Toast as Ve } from "./components/toast/component.js";
-import { toast as Ge, toastManager as Ke } from "./components/toast/function.js";
-import { VerticalCollapsiblePanel as He } from "./components/vertical-collapsible-panel/component.js";
-import { PopupPanel as je } from "./components/popup-panel/component.js";
-import { CodeBlock as Xe } from "./components/code-block/component.js";
-import { StackChild as Ze } from "./components/stack/StackChild.js";
-import { Stack as or } from "./components/stack/index.js";
-import { Collapse as rr } from "./components/collapse/component.js";
-import { Input as ar } from "./components/input/component.js";
-import { Badge as mr, InternalBadge as fr } from "./components/badge/component.js";
-import { Radio as xr } from "./components/radio/component.js";
-import { Button as nr } from "./components/button/component.js";
-import { DSRoot as Cr } from "./components/ds-root/component.js";
-import { DSRootContextProvider as ur, useDS as Tr } from "./components/ds-root/context.js";
-import { DragDrop as gr, DragDropRoot as Sr } from "./components/drag-drop/index.js";
-import { ColorSelect as Ar } from "./components/color-select/component.js";
-import { Nav as Pr } from "./components/nav/index.js";
-import { ChoiceList as Dr } from "./components/choice-list/component.js";
-import { StatusIcon as Rr } from "./components/status-icon/component.js";
-import { Resizable as Lr } from "./components/resizable/component.js";
-import { Combobox as yr } from "./components/combobox/component.js";
-import { SelectTrigger as vr } from "./components/select-trigger/component.js";
-import { useForm as Mr, useWatch as _r } from "antd/es/form/Form";
-import { useBreakpoint as wr, useMessage as Fr, useModal as Wr, useToken as Vr } from "./components/hooks/antd.js";
-import { default as Gr } from "antd/es/app/useApp";
-import { useAnimationsFinished as Qr, useEnhancedEffect as Hr, useEventCallback as zr, useLatestRef as jr } from "./components/hooks/base-ui.js";
-import { useControlledState as Xr } from "./components/hooks/useControlledState.js";
-import { useCharts as Zr } from "./components/hooks/useCharts.js";
-import { useCSSVariables as ot } from "./components/hooks/useCSSVariables.js";
-import { useHover as rt } from "./components/hooks/useHover.js";
-import { useDraggable as at } from "./components/hooks/useDraggable.js";
-import { antdColorTokens as mt, darkTheme as ft, lightTheme as st } from "./tokens/and-theme/tokens.js";
-import { categoricalChartColorKeys as lt, categoricalChartColorTokens as nt, categoricalChartsColors as it, chartColorTokens as Ct, rawChartColorTokens as ct } from "./tokens/charts/palettes/cloudscape.js";
-import { COLORBREWER as Tt } from "./tokens/charts/palettes/colorbrewer.js";
-import { tab10 as gt, tab20 as St, tab20b as ht, tab20c as At } from "./tokens/charts/palettes/tableau.js";
-import { CATEGORICAL_PALETTES as Pt, CATEGORICAL_PALETTE_NAMES as kt, SEQUENTIAL_PALETTES as Dt, SEQUENTIAL_PALETTE_NAMES as bt, getAllCategoricalChartColors as Rt, getAllSequentialChartColors as It, getCategoricalChartColors as Lt, getSequentialChartColors as Ot } from "./tokens/charts/palettes/index.js";
-import { getColorsByTheme as Bt, getTokensByTheme as vt, resolveColorTokens as Nt } from "./tokens/utils.js";
+import { CommandPalette as Oo } from "./components/command-palette/component.js";
+import { KeyboardShortcut as Bo } from "./components/keyboard-shortcut/component.js";
+import { Transition as No } from "./components/transition/component.js";
+import { DefaultUpload as _o, Upload as wo } from "./components/upload/component.js";
+import { useUploadItemRender as Wo } from "./components/upload/hooks.js";
+import { clsx as Vo, cn as Ko, cx as qo } from "./components/utils/cn.js";
+import { reactNodeToString as Go } from "./components/utils/reactToString.js";
+import { isTracebackError as Ho } from "./components/utils/isTracebackError.js";
+import { isValidHexColor as Jo } from "./components/utils/colors.js";
+import { WithRenderProp as Yo } from "./components/utils/WithRenderProp.js";
+import { getReactElementProp as $o } from "./components/utils/reactElement.js";
+import { useAntdCssVarClassname as ee, useCls as re, useGetPrefixCls as te } from "./components/utils/antdUtils.js";
+import { WithAntdTokens as pe } from "./components/utils/WithAntdTokens.js";
+import { changeThemeWithoutTransition as fe } from "./components/utils/theme.js";
+import { moveTypingCursorToEnd as xe } from "./components/utils/selectionRange.js";
+import { DROPDOWN_COLLISION_AVOIDANCE as ne, POPUP_COLLISION_AVOIDANCE as ie } from "./components/utils/constants.js";
+import { buildAntdPlacement as ce, parseAntdPlacement as ue } from "./components/utils/placement.js";
+import { ScrollArea as de } from "./components/scroll-area/component.js";
+import { Popover as ge } from "./components/popover/component.js";
+import { Slider as Ae } from "./components/slider/component.js";
+import { Tooltip as Pe } from "./components/tooltip/component.js";
+import { Breadcrumb as ke } from "./components/breadcrumb/component.js";
+import { useUniqueKeysTree as De } from "./components/tree/useUniqueKeysTree.js";
+import { getUniqueKeysFromOriginals as Le, processTreeData as Oe } from "./components/tree/helpers.js";
+import { Tree as Be } from "./components/tree/components.js";
+import { Spin as Ne } from "./components/spin/component.js";
+import { Empty as _e, EmptyIcon as we } from "./components/empty/component.js";
+import { Form as We } from "./components/form/component.js";
+import { Field as Ve } from "./components/field/component.js";
+import { Tour as qe } from "./components/tour/component.js";
+import { Toast as Ge } from "./components/toast/component.js";
+import { toast as He, toastManager as je } from "./components/toast/function.js";
+import { VerticalCollapsiblePanel as Xe } from "./components/vertical-collapsible-panel/component.js";
+import { PopupPanel as Ze } from "./components/popup-panel/component.js";
+import { CodeBlock as or } from "./components/code-block/component.js";
+import { StackChild as rr } from "./components/stack/StackChild.js";
+import { Stack as ar } from "./components/stack/index.js";
+import { Collapse as mr } from "./components/collapse/component.js";
+import { Input as sr } from "./components/input/component.js";
+import { Badge as lr, InternalBadge as nr } from "./components/badge/component.js";
+import { Radio as Cr } from "./components/radio/component.js";
+import { Button as ur } from "./components/button/component.js";
+import { DSRoot as dr } from "./components/ds-root/component.js";
+import { DSRootContextProvider as gr, useDS as hr } from "./components/ds-root/context.js";
+import { DragDrop as Er, DragDropRoot as Pr } from "./components/drag-drop/index.js";
+import { ColorSelect as kr } from "./components/color-select/component.js";
+import { Nav as Dr } from "./components/nav/index.js";
+import { ChoiceList as Lr } from "./components/choice-list/component.js";
+import { StatusIcon as yr } from "./components/status-icon/component.js";
+import { Resizable as vr } from "./components/resizable/component.js";
+import { Combobox as Mr } from "./components/combobox/component.js";
+import { SelectTrigger as wr } from "./components/select-trigger/component.js";
+import { Loader as Wr } from "./components/loader/component.js";
+import { useForm as Vr, useWatch as Kr } from "antd/es/form/Form";
+import { useMessage as zr, useModal as Gr, useToken as Qr } from "./components/hooks/antd.js";
+import { default as jr } from "antd/es/app/useApp";
+import { useAnimationsFinished as Xr, useEnhancedEffect as Yr, useEventCallback as Zr, useLatestRef as $r } from "./components/hooks/base-ui.js";
+import { useControlledState as et } from "./components/hooks/useControlledState.js";
+import { useCharts as tt } from "./components/hooks/useCharts.js";
+import { useCSSVariables as pt } from "./components/hooks/useCSSVariables.js";
+import { useHover as ft } from "./components/hooks/useHover.js";
+import { useDraggable as xt } from "./components/hooks/useDraggable.js";
+import { BREAKPOINTS as nt, useBreakpoint as it } from "./components/hooks/useBreakpoint.js";
+import { useWindowSize as ct } from "./components/hooks/useWindowSize.js";
+import { useElementSize as Tt, useResizeObserver as dt } from "./components/hooks/useResizeObserver.js";
+import { antdColorTokens as gt, darkTheme as ht, lightTheme as At } from "./tokens/and-theme/tokens.js";
+import { categoricalChartColorKeys as Pt, categoricalChartColorTokens as bt, categoricalChartsColors as kt, chartColorTokens as Rt, rawChartColorTokens as Dt } from "./tokens/charts/palettes/cloudscape.js";
+import { COLORBREWER as Lt } from "./tokens/charts/palettes/colorbrewer.js";
+import { tab10 as yt, tab20 as Bt, tab20b as vt, tab20c as Nt } from "./tokens/charts/palettes/tableau.js";
+import { CATEGORICAL_PALETTES as _t, CATEGORICAL_PALETTE_NAMES as wt, SEQUENTIAL_PALETTES as Ut, SEQUENTIAL_PALETTE_NAMES as Wt, getAllCategoricalChartColors as Ft, getAllSequentialChartColors as Vt, getCategoricalChartColors as Kt, getSequentialChartColors as qt } from "./tokens/charts/palettes/index.js";
+import { getColorsByTheme as Gt, getTokensByTheme as Qt, resolveColorTokens as Ht } from "./tokens/utils.js";
 export {
   p as Affix,
   m as Alert,
@@ -85,168 +91,175 @@ export {
   s as App,
   x as AutoComplete,
   l as Avatar,
+  nt as BREAKPOINTS,
   n as BackTop,
-  mr as Badge,
-  Ae as Breadcrumb,
-  nr as Button,
-  Pt as CATEGORICAL_PALETTES,
-  kt as CATEGORICAL_PALETTE_NAMES,
-  Tt as COLORBREWER,
+  lr as Badge,
+  ke as Breadcrumb,
+  ur as Button,
+  _t as CATEGORICAL_PALETTES,
+  wt as CATEGORICAL_PALETTE_NAMES,
+  Lt as COLORBREWER,
   i as Calendar,
   C as Card,
   c as Carousel,
   u as Cascader,
   lo as Checkbox,
-  Dr as ChoiceList,
-  Xe as CodeBlock,
+  Lr as ChoiceList,
+  or as CodeBlock,
   T as Col,
-  rr as Collapse,
+  mr as Collapse,
   d as ColorPicker,
-  Ar as ColorSelect,
-  yr as Combobox,
-  g as ConfigProvider,
-  fe as DROPDOWN_COLLISION_AVOIDANCE,
-  Cr as DSRoot,
-  ur as DSRootContextProvider,
-  S as DatePicker,
-  Bo as DefaultUpload,
+  kr as ColorSelect,
+  Mr as Combobox,
+  Oo as CommandPalette,
+  S as ConfigProvider,
+  ne as DROPDOWN_COLLISION_AVOIDANCE,
+  dr as DSRoot,
+  gr as DSRootContextProvider,
+  g as DatePicker,
+  _o as DefaultUpload,
   h as Descriptions,
   A as Divider,
-  gr as DragDrop,
-  Sr as DragDropRoot,
+  Er as DragDrop,
+  Pr as DragDropRoot,
   E as Drawer,
   P as Dropdown,
-  bo as DropdownMenu,
+  Ro as DropdownMenu,
   Io as DropdownMenuItem,
-  Be as Empty,
-  ve as EmptyIcon,
-  Ue as Field,
-  k as Flex,
-  D as FloatButton,
-  Me as Form,
-  b as Grid,
+  _e as Empty,
+  we as EmptyIcon,
+  Ve as Field,
+  b as Flex,
+  k as FloatButton,
+  We as Form,
+  R as Grid,
   mo as IconButton,
-  ar as Input,
-  R as InputNumber,
-  fr as InternalBadge,
+  sr as Input,
+  D as InputNumber,
+  nr as InternalBadge,
+  Bo as KeyboardShortcut,
   I as Layout,
   L as List,
+  Wr as Loader,
   O as Mentions,
   y as Menu,
   ao as Modal,
-  Pr as Nav,
-  se as POPUP_COLLISION_AVOIDANCE,
+  Dr as Nav,
+  ie as POPUP_COLLISION_AVOIDANCE,
   B as Pagination,
   v as Popconfirm,
-  ue as Popover,
-  je as PopupPanel,
+  ge as Popover,
+  Ze as PopupPanel,
   N as Progress,
   M as QRCode,
-  xr as Radio,
+  Cr as Radio,
   _ as Rate,
-  Lr as Resizable,
-  U as Result,
-  w as Row,
-  Dt as SEQUENTIAL_PALETTES,
-  bt as SEQUENTIAL_PALETTE_NAMES,
-  Ce as ScrollArea,
+  vr as Resizable,
+  w as Result,
+  U as Row,
+  Ut as SEQUENTIAL_PALETTES,
+  Wt as SEQUENTIAL_PALETTE_NAMES,
+  de as ScrollArea,
   io as Segmented,
   ro as Select,
-  vr as SelectTrigger,
-  F as Skeleton,
-  de as Slider,
-  W as Space,
-  Oe as Spin,
+  wr as SelectTrigger,
+  W as Skeleton,
+  Ae as Slider,
+  F as Space,
+  Ne as Spin,
   Ao as Split,
   Eo as Splitter,
-  or as Stack,
-  Ze as StackChild,
+  ar as Stack,
+  rr as StackChild,
   V as Statistic,
-  Rr as StatusIcon,
-  q as Steps,
+  yr as StatusIcon,
+  K as Steps,
   so as Switch,
   co as Table,
-  G as Tabs,
+  q as Tabs,
   To as Tag,
-  So as ThemeProvider,
-  K as TimePicker,
-  Q as Timeline,
-  Ve as Toast,
-  Se as Tooltip,
-  Fe as Tour,
-  H as Transfer,
-  Oo as Transition,
-  Ie as Tree,
-  z as TreeSelect,
-  ko as Truncate,
+  go as ThemeProvider,
+  z as TimePicker,
+  G as Timeline,
+  Ge as Toast,
+  Pe as Tooltip,
+  qe as Tour,
+  Q as Transfer,
+  No as Transition,
+  Be as Tree,
+  H as TreeSelect,
+  bo as Truncate,
   j as Typography,
-  vo as Upload,
-  He as VerticalCollapsiblePanel,
+  wo as Upload,
+  Xe as VerticalCollapsiblePanel,
   J as Watermark,
-  ee as WithAntdTokens,
-  zo as WithRenderProp,
-  mt as antdColorTokens,
-  le as buildAntdPlacement,
-  lt as categoricalChartColorKeys,
-  nt as categoricalChartColorTokens,
-  it as categoricalChartsColors,
-  te as changeThemeWithoutTransition,
-  Ct as chartColorTokens,
-  Uo as clsx,
-  wo as cn,
+  pe as WithAntdTokens,
+  Yo as WithRenderProp,
+  gt as antdColorTokens,
+  ce as buildAntdPlacement,
+  Pt as categoricalChartColorKeys,
+  bt as categoricalChartColorTokens,
+  kt as categoricalChartsColors,
+  fe as changeThemeWithoutTransition,
+  Rt as chartColorTokens,
+  Vo as clsx,
+  Ko as cn,
   r as componentMetadata,
-  Fo as cx,
-  ft as darkTheme,
-  Rt as getAllCategoricalChartColors,
-  It as getAllSequentialChartColors,
-  Lt as getCategoricalChartColors,
-  Bt as getColorsByTheme,
+  qo as cx,
+  ht as darkTheme,
+  Ft as getAllCategoricalChartColors,
+  Vt as getAllSequentialChartColors,
+  Kt as getCategoricalChartColors,
+  Gt as getColorsByTheme,
   t as getComponentsByCategory,
-  Jo as getReactElementProp,
-  Ot as getSequentialChartColors,
-  vt as getTokensByTheme,
-  De as getUniqueKeysFromOriginals,
-  Go as isTracebackError,
-  Qo as isValidHexColor,
-  st as lightTheme,
+  $o as getReactElementProp,
+  qt as getSequentialChartColors,
+  Qt as getTokensByTheme,
+  Le as getUniqueKeysFromOriginals,
+  Ho as isTracebackError,
+  Jo as isValidHexColor,
+  At as lightTheme,
   X as message,
-  pe as moveTypingCursorToEnd,
+  xe as moveTypingCursorToEnd,
   Y as notification,
-  ne as parseAntdPlacement,
-  be as processTreeData,
-  ct as rawChartColorTokens,
-  Vo as reactNodeToString,
-  Nt as resolveColorTokens,
-  gt as tab10,
-  St as tab20,
-  ht as tab20b,
-  At as tab20c,
+  ue as parseAntdPlacement,
+  Oe as processTreeData,
+  Dt as rawChartColorTokens,
+  Go as reactNodeToString,
+  Ht as resolveColorTokens,
+  yt as tab10,
+  Bt as tab20,
+  vt as tab20b,
+  Nt as tab20c,
   Z as theme,
-  Ge as toast,
-  Ke as toastManager,
+  He as toast,
+  je as toastManager,
   $ as unstableSetRender,
-  Qr as useAnimationsFinished,
-  Yo as useAntdCssVarClassname,
-  Gr as useApp,
-  wr as useBreakpoint,
-  ot as useCSSVariables,
-  Zr as useCharts,
-  Zo as useCls,
-  Xr as useControlledState,
-  Tr as useDS,
-  at as useDraggable,
-  Hr as useEnhancedEffect,
-  zr as useEventCallback,
-  Mr as useForm,
-  $o as useGetPrefixCls,
-  rt as useHover,
-  jr as useLatestRef,
-  Fr as useMessage,
-  Wr as useModal,
-  Vr as useToken,
-  Pe as useUniqueKeysTree,
-  Mo as useUploadItemRender,
-  _r as useWatch,
+  Xr as useAnimationsFinished,
+  ee as useAntdCssVarClassname,
+  jr as useApp,
+  it as useBreakpoint,
+  pt as useCSSVariables,
+  tt as useCharts,
+  re as useCls,
+  et as useControlledState,
+  hr as useDS,
+  xt as useDraggable,
+  Tt as useElementSize,
+  Yr as useEnhancedEffect,
+  Zr as useEventCallback,
+  Vr as useForm,
+  te as useGetPrefixCls,
+  ft as useHover,
+  $r as useLatestRef,
+  zr as useMessage,
+  Gr as useModal,
+  dt as useResizeObserver,
+  Qr as useToken,
+  De as useUniqueKeysTree,
+  Wo as useUploadItemRender,
+  Kr as useWatch,
+  ct as useWindowSize,
   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

@@ -312,6 +312,18 @@ const i = {
     originalDocUrl: "https://ant.design/components/slider",
     description: "Allows users to select a value from a continuous or discrete range."
   },
+  Loader: {
+    name: "Loader",
+    link: "/loader",
+    base: "custom",
+    refinements: [
+      "Custom minimal text-based loading indicator",
+      "Simple span element with configurable loading text",
+      "Provides semantic role='status' for accessibility"
+    ],
+    category: "Feedback",
+    description: "A minimal text-based loading indicator component."
+  },
   Spin: {
     name: "Spin",
     link: "/spin",
@@ -559,6 +571,39 @@ const i = {
     category: "Feedback",
     description: "A component that displays status icons to provide visual feedback for different states and operations."
   },
+  CommandPalette: {
+    name: "CommandPalette",
+    link: "/command-palette",
+    base: "custom",
+    refinements: [
+      "Built on top of cmdk library for command functionality",
+      "Supports both flat items and grouped items with headings",
+      "Customizable keyboard shortcuts with default ⌘K and Ctrl+K support",
+      "Modal overlay with backdrop blur and proper focus management",
+      "Uses design system tokens for consistent styling",
+      "Supports controlled and uncontrolled state management",
+      "Provides search functionality with custom placeholder and empty state",
+      "Includes proper keyboard navigation and accessibility features"
+    ],
+    category: "Navigation",
+    packages: ["cmdk"],
+    description: "A command palette component that provides quick access to actions and navigation through a searchable interface."
+  },
+  KeyboardShortcut: {
+    name: "KeyboardShortcut",
+    link: "/keyboard-shortcut",
+    base: "custom",
+    refinements: [
+      "Custom component for displaying keyboard shortcuts",
+      "Supports common key mappings (⌘, Ctrl, ⇧, etc.)",
+      "Multiple size variants (small, medium, large)",
+      "Automatic key formatting and symbols",
+      "Consistent styling with design system tokens",
+      "Support for key combinations with + separator"
+    ],
+    category: "Data Display",
+    description: "A component for displaying keyboard shortcuts with proper formatting and styling."
+  },
   VerticalCollapsiblePanel: {
     name: "Vertical Collapsible Panel",
     link: "/vertical-collapsible-panel",
@@ -580,7 +625,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: [],
@@ -602,6 +647,6 @@ const i = {
 };
 export {
   i as componentMetadata,
-  s as getComponentsByCategory
+  a as getComponentsByCategory
 };
 //# sourceMappingURL=metadata.js.map