@bioturing/components 0.15.5 → 0.17.0

package/dist/metadata.js

@@ -1,12 +1,26 @@
 const i = {
+  DragDrop: {
+    name: "DragDrop",
+    link: "/drag-drop",
+    base: "custom",
+    refinements: [
+      "Custom implementation for drag and drop functionality",
+      "Type-safe with TypeScript generics",
+      "Supports custom styling and rendering",
+      "Provides Draggable and Droppable subcomponents",
+      "Handles drag events with proper context management"
+    ],
+    category: "Data Entry",
+    description: "A component for creating drag and drop interfaces with customizable draggable items and drop zones."
+  },
   Badge: {
     name: "Badge",
     link: "/badge",
     base: "antd",
     refinements: [
-      "Applies a BioTuring Design System specific CSS class 'ds-badge'.",
+      "Applies a BioTuring Design System specific CSS class `ds-badge`.",
       "Applies Ant Design's CSS variable class name to ensure proper theming context.",
-      "Sets 'display: inline-flex;' on the 'ds-badge' class via './style.css' for consistent layout."
+      "Sets `display: inline-flex;` on the `ds-badge` class via `./style.css` for consistent layout."
     ],
     category: "Data Display",
     originalDocUrl: "https://ant.design/components/badge",
@@ -17,10 +31,10 @@ const i = {
     link: "/breadcrumb",
     base: "antd",
     refinements: [
-      "Employs a custom 'useItemRender' hook to allow icons (from 'item.icon') to be rendered alongside the title within each breadcrumb link.",
-      "Introduces a 'noWrap' boolean prop for responsive behavior: when true, breadcrumb items attempt to stay on a single line, with text overflow and ellipsis applied to truncatable items.",
-      "Applies BioTuring Design System specific styling via './style.css' for layout (flexbox-based), item spacing, icon integration, and responsive truncation.",
-      "Exports styled 'Breadcrumb.Item' and 'Breadcrumb.Separator' sub-components."
+      "Employs a custom `useItemRender` hook to allow icons (from `item.icon`) to be rendered alongside the title within each breadcrumb link.",
+      "Introduces a `noWrap` boolean prop for responsive behavior: when true, breadcrumb items attempt to stay on a single line, with text overflow and ellipsis applied to truncatable items.",
+      "Applies BioTuring Design System specific styling via `./style.css` for layout (flexbox-based), item spacing, icon integration, and responsive truncation.",
+      "Exports styled `Breadcrumb.Item` and `Breadcrumb.Separator` sub-components."
     ],
     category: "Navigation",
     originalDocUrl: "https://ant.design/components/breadcrumb",
@@ -49,7 +63,7 @@ const i = {
     link: "/code-block",
     base: "custom",
     refinements: [
-      "Custom implementation for syntax highlighting using prism-react-renderer"
+      "Custom implementation for syntax highlighting using `prism-react-renderer`"
     ],
     category: "Data Display",
     packages: ["prism-react-renderer"],
@@ -80,21 +94,34 @@ const i = {
     originalDocUrl: "https://base-ui.com/react/components/menu",
     description: "A menu that appears when a user interacts with a button or other control."
   },
+  Nav: {
+    name: "Nav",
+    link: "/nav",
+    base: "custom",
+    refinements: [
+      "Supports icon and label via a render prop pattern",
+      "Manages hover state to reveal label when collapsed",
+      "Supports active and collapsed/expanded (currentPanel) states",
+      "Uses component-level CSS imports and custom transition classes"
+    ],
+    category: "Navigation",
+    description: "A navigation item with icon and label, supporting active highlighting and hover reveal."
+  },
   Empty: {
     name: "Empty",
     link: "/empty",
     base: "antd",
     refinements: [
-      "Replaces the default Ant Design illustration with a custom SVG icon ('EmptyIcon') defined within the component.",
-      "Introduces a 'size' prop ('small', 'medium', 'large', default 'medium') that controls the font-size of the custom 'EmptyIcon'.",
-      "Applies specific font-sizes for the icon based on the 'size' prop (small: 2rem, medium: 3rem, large: 4rem) via 'style.css'.",
-      "The 'small' size icon also has its color set to 'var(--ds-color-base-solid)'.",
-      "Adjusts the Ant Design Empty image container height to 'auto' via 'style.css'.",
-      "Applies BioTuring Design System specific styling and CSS classes (e.g., 'ds-empty', 'ds-empty-icon')."
+      "Replaces the default Ant Design illustration with a custom SVG icon (`EmptyIcon`) defined within the component.",
+      "Introduces a `size` prop (`small`, `medium`, `large`, default `medium`) that controls the font-size of the custom `EmptyIcon`.",
+      "Applies specific font-sizes for the icon based on the `size` prop (small: 2rem, medium: 3rem, large: 4rem) via `style.css`.",
+      "The `small` size icon also has its color set to `var(--ds-color-base-solid)`.",
+      "Adjusts the Ant Design Empty image container height to `auto` via `style.css`.",
+      "Applies BioTuring Design System specific styling and CSS classes (e.g., `ds-empty`, `ds-empty-icon`)."
     ],
     category: "Data Display",
     originalDocUrl: "https://ant.design/components/empty",
-    description: "A placeholder for when there is no data to display."
+    description: "Displays a placeholder when content is empty or unavailable."
   },
   Field: {
     name: "Field",
@@ -149,37 +176,32 @@ const i = {
     link: "/modal",
     base: "antd",
     refinements: [
-      "Added predefined sizes: 'xsmall', 'small', 'medium', 'large', 'xlarge', 'xxlarge', 'fullscreen'",
-      "Introduced a general 'loading' state prop for the modal content",
-      "Added 'hideOkButton' and 'hideCancelButton' props for straightforward visibility control of footer buttons",
-      "Added 'contentPadding' prop for direct control over modal body padding",
-      "Enhanced header customization with 'afterTitle', 'beforeCloseButton', and 'afterCloseButton' slots for additional elements or actions",
-      "Implemented 'defaultFixedHeaderFooter' behavior: header and footer become fixed when content overflows (controlled by internal overflow detection)",
-      "Changed 'centered' prop to default to 'true'",
-      "Introduced 'type' prop ('default', 'info', 'success', 'error', 'warning') influencing default behaviors like size",
-      "Added 'background' prop ('elevated', 'container') for explicit control over modal background style, with size-dependent defaults",
-      "Uses a custom 'X' icon from '@bioturing/assets' as the default close button icon",
-      "Provides 'bodyScrollable' prop (defaults to true) to manage content scroll behavior within the modal body"
+      "Added predefined sizes: `xsmall`, `small`, `medium`, `large`, `xlarge`, `xxlarge`, `fullscreen`",
+      "Introduced a general `loading` state prop for the modal content",
+      "Added `hideOkButton` and `hideCancelButton` props for straightforward visibility control of footer buttons",
+      "Added `contentPadding` prop for direct control over modal body padding",
+      "Enhanced header customization with `afterTitle`, `beforeCloseButton`, and `afterCloseButton` slots for additional elements or actions",
+      "Implemented `defaultFixedHeaderFooter` behavior: header and footer become fixed when content overflows (controlled by internal overflow detection)",
+      "Changed `centered` prop to default to `true`",
+      "Introduced `type` prop (`default`, `info`, `success`, `error`, `warning`) influencing default behaviors like size",
+      "Added `background` prop (`elevated`, `container`) for explicit control over modal background style, with size-dependent defaults",
+      "Uses a custom `X` icon from `@bioturing/assets` as the default close button icon",
+      "Provides `bodyScrollable` prop (defaults to true) to manage content scroll behavior within the modal body"
     ],
     category: "Overlay",
     originalDocUrl: "https://ant.design/components/modal",
-    description: "A dialog box/popup window that is displayed on top of the current page."
+    description: "A modal dialog that appears in front of the app content to provide critical information or ask for a decision."
   },
   Popover: {
     name: "Popover",
     link: "/popover",
     base: "antd",
     // Retains AntD as 'base' because it aims for API compatibility
-    refinements: [
-      "Refactored to use @base-ui-components/react/popover internally",
-      "Maintains Ant Design API compatibility",
-      "Custom prop mapping for placement and trigger to align with Base UI Popover",
-      "Combined title and content props into a single node for Base UI Popover's content area"
-    ],
+    refinements: [],
     category: "Overlay",
     originalDocUrl: "https://ant.design/components/popover",
     // Original AntD doc for API reference
-    description: "A small overlay that appears when a user interacts with an element, displaying additional information or actions."
+    description: "A floating card popped by clicking or hovering that displays additional information."
   },
   PopupPanel: {
     name: "PopupPanel",
@@ -209,23 +231,23 @@ const i = {
     link: "/scroll-area",
     base: "base-ui",
     refinements: [
-      "Wraps '@base-ui-components/react/ScrollArea' to integrate with the BioTuring Design System.",
-      "Provides consistent 'classNames' prop pattern for styling different parts (viewport, scrollbar, thumb).",
-      "Applies specific BioTuring Design System CSS classes (e.g., 'ds-scroll-area', 'ds-scroll-area-viewport', 'ds-scroll-area-scrollbar', 'ds-scroll-area-thumb') to Base UI component parts.",
-      "Provides extensive custom styling via './style.css' for the root, viewport (including 'focus-visible' styles), scrollbar (opacity transitions on hover/scroll, orientation-based dimensions), and thumb (custom border-radius, background, and border colors using design tokens)."
+      "Wraps `@base-ui-components/react/ScrollArea` to integrate with the BioTuring Design System.",
+      "Provides consistent `classNames` prop pattern for styling different parts (viewport, scrollbar, thumb).",
+      "Applies specific BioTuring Design System CSS classes (e.g., `ds-scroll-area`, `ds-scroll-area-viewport`, `ds-scroll-area-scrollbar`, `ds-scroll-area-thumb`) to Base UI component parts.",
+      "Provides extensive custom styling via `./style.css` for the root, viewport (including `focus-visible` styles), scrollbar (opacity transitions on hover/scroll, orientation-based dimensions), and thumb (custom border-radius, background, and border colors using design tokens)."
     ],
     category: "Layout",
     packages: ["@base-ui-components/react"],
     originalDocUrl: "https://base-ui.com/react/components/scroll-area",
-    description: "Provides a customizable scrollable container for content that exceeds its bounds."
+    description: "A scrollable container with custom scrollbars that blend with the design system."
   },
   Segmented: {
     name: "Segmented",
     link: "/segmented",
     base: "antd",
     refinements: [
-      "Structured as a typed 'forwardRef' wrapper around the Ant Design Segmented component for type safety and consistency.",
-      "Applies custom styles via './style.css' to ensure proper alignment and sizing of item labels and icons within the segmented control (e.g., flex centering for labels and icons, default icon size)."
+      "Structured as a typed `forwardRef` wrapper around the Ant Design Segmented component for type safety and consistency.",
+      "Applies custom styles via `./style.css` to ensure proper alignment and sizing of item labels and icons within the segmented control (e.g., flex centering for labels and icons, default icon size)."
     ],
     category: "Data Entry",
     originalDocUrl: "https://ant.design/components/segmented",
@@ -236,24 +258,24 @@ const i = {
     link: "/select",
     base: "antd",
     refinements: [
-      "Introduced 'enhancePositioner' prop: Utilizes '@floating-ui/react' for robust dropdown positioning, allowing it to break out of overflow containers and intelligently place itself.",
-      "Added 'popupSize' prop (works with 'enhancePositioner'): Controls the dropdown width with predefined sizes (e.g., 'small', 'medium', 'large'), pixel values, or 'fit-content'.",
-      "Replaced default suffix icon with a custom 'CaretDown' icon from '@bioturing/assets'.",
-      "Customized multiple selection mode: Uses Ant Design 'Checkbox' components for indicating selected items in the dropdown.",
-      "Applied specific BioTuring Design System styling and CSS classes, including enhanced popup styles when 'enhancePositioner' is active."
+      "Introduced `enhancePositioner` prop: Utilizes `@floating-ui/react` for robust dropdown positioning, allowing it to break out of overflow containers and intelligently place itself.",
+      "Added `popupSize` prop (works with `enhancePositioner`): Controls the dropdown width with predefined sizes (e.g., `small`, `medium`, `large`), pixel values, or `fit-content`.",
+      "Replaced default suffix icon with a custom `CaretDown` icon from `@bioturing/assets`.",
+      "Customized multiple selection mode: Uses Ant Design `Checkbox` components for indicating selected items in the dropdown.",
+      "Applied specific BioTuring Design System styling and CSS classes, including enhanced popup styles when `enhancePositioner` is active."
     ],
     category: "Data Entry",
     packages: ["@floating-ui/react", "rc-select"],
     originalDocUrl: "https://ant.design/components/select",
-    description: "Allows users to select one or more options from a dropdown list."
+    description: "A dropdown selection component for selecting values from a list of options."
   },
   Slider: {
     name: "Slider",
     link: "/slider",
     base: "antd",
     refinements: [
-      "Applies a BioTuring Design System specific CSS class 'ds-slider'.",
-      "Modifies the default behavior of the slider's tooltip by setting 'tooltip.arrow' to 'false' by default (Ant Design's default is true)."
+      "Applies a BioTuring Design System specific CSS class `ds-slider`.",
+      "Modifies the default behavior of the slider's tooltip by setting `tooltip.arrow` to `false` by default (Ant Design's default is true)."
     ],
     category: "Data Entry",
     originalDocUrl: "https://ant.design/components/slider",
@@ -297,44 +319,54 @@ const i = {
     link: "/switch",
     base: "antd",
     refinements: [
-      "Structured as a typed 'forwardRef' wrapper around Ant Design's Switch component.",
-      "Applies custom CSS to ensure 'checkedChildren' and 'unCheckedChildren' (e.g., icons, text) are properly centered within the switch handle."
+      "Structured as a typed `forwardRef` wrapper around Ant Design's Switch component.",
+      "Applies custom CSS to ensure `checkedChildren` and `unCheckedChildren` (e.g., icons, text) are properly centered within the switch handle."
     ],
     category: "Data Entry",
     originalDocUrl: "https://ant.design/components/switch",
-    description: "A toggle control that allows users to switch between two states, typically on or off."
+    description: "A toggle switch for changing between two states, typically on or off."
   },
   Table: {
     name: "Table",
     link: "/table",
     base: "antd",
     refinements: [
-      "Replaces default sort icons with custom 'CaretUp' and 'CaretDown' icons from '@bioturing/assets'. Displays both when inactive, and a filled version of the active one.",
-      "Replaces default filter icon with a custom 'Funnel' icon (filled) from '@bioturing/assets'.",
-      "Overrides 'locale.emptyText' to use the BioTuring 'Empty' component.",
-      "Adds an 'emptyDescription' prop to customize the message displayed by the 'Empty' component when the table is empty.",
-      "Uses a custom CSS-based loading indicator ('spin-loader') when the 'loading' prop is active.",
-      "Defaults 'scroll.x' to 'fit-content' to optimize horizontal scrolling behavior.",
-      "Applies BioTuring Design System specific styling via './style.css' for overall table appearance, including headers, rows, borders, and hover effects."
+      "Applies BioTuring Design System specific styling via `./style.css`.",
+      "Enhances the default Ant Design Table with additional features."
     ],
     category: "Data Display",
-    packages: ["rc-table"],
     originalDocUrl: "https://ant.design/components/table",
-    description: "Displays data in a structured, tabular format."
+    description: "A table displays rows of data, supporting features like sorting, filtering, and pagination."
   },
   Tag: {
     name: "Tag",
     link: "/tag",
     base: "antd",
     refinements: [
-      "Defaults to using the 'X' icon (bold) from '@bioturing/assets' as the 'closeIcon' if the tag is 'closable' and no custom icon is provided.",
-      "Introduces an 'active' boolean prop (defaults to false).",
-      "When 'active={true}', applies specific styling (background, border, text color using '--ds-color-primary' tokens) via a 'data-active' attribute and 'style.css'.",
-      "Applies BioTuring Design System specific styling via './style.css', including base styles for alignment and consistent close icon coloring ('--ds-color-icon')."
+      "Defaults to using the `X` icon (bold) from `@bioturing/assets` as the `closeIcon` if the tag is `closable` and no custom icon is provided.",
+      "Introduces an `active` boolean prop (defaults to false).",
+      "When `active={true}`, applies specific styling (background, border, text color using `--ds-color-primary` tokens) via a `data-active` attribute and `style.css`.",
+      "Applies BioTuring Design System specific styling via `./style.css`, including base styles for alignment and consistent close icon coloring (`--ds-color-icon`).",
+      "Introduces a `size` prop with options `small`, `medium`, and `large` to control tag dimensions."
     ],
     category: "Data Display",
     originalDocUrl: "https://ant.design/components/tag",
-    description: "Used for marking or categorizing items with small labels."
+    description: "Small UI elements for categorization, filtering, or highlighting items."
+  },
+  ColorSelect: {
+    name: "ColorSelect",
+    link: "/color-select",
+    base: "antd",
+    refinements: [
+      "Combines Ant Design `ColorPicker` with a `Select`-like input for color selection.",
+      "Supports preset colors via the `presetColors` prop and freeform hex input.",
+      "Displays selected colors as closable `Tag`s with color swatches.",
+      "Provides controlled/uncontrolled APIs (`value`/`defaultValue`, `open`/`defaultOpen`).",
+      "Emits a `toast` notification on invalid color entries.",
+      "Uses `Stack` for layout and `style.css` for BioTuring styling."
+    ],
+    category: "Data Entry",
+    description: "A combined color picker and selector allowing preset and custom color selection with tag display."
   },
   ThemeProvider: {
     name: "ThemeProvider",
@@ -365,38 +397,38 @@ const i = {
     link: "/tooltip",
     base: "antd",
     refinements: [
-      "Defaults the 'arrow' prop to 'false', hiding the tooltip arrow by default (Ant Design's default shows an arrow).",
-      "Applies a BioTuring Design System specific CSS class 'ds-tooltip'.",
-      "Custom CSS sets 'min-height: auto;' for the inner content, allowing tooltips to be shorter than Ant Design's default minimum height."
+      "Defaults the `arrow` prop to `false`, hiding the tooltip arrow by default (Ant Design's default shows an arrow).",
+      "Applies a BioTuring Design System specific CSS class `ds-tooltip`.",
+      "Custom CSS sets `min-height: auto;` for the inner content, allowing tooltips to be shorter than Ant Design's default minimum height."
     ],
     category: "Overlay",
     originalDocUrl: "https://ant.design/components/tooltip",
-    description: "A small pop-up that displays information when a user hovers over or focuses on an element."
+    description: "A simple text popup tip that appears when a user hovers over an element."
   },
   Tour: {
     name: "Tour",
     link: "/tour",
     base: "antd",
     refinements: [
-      "Provides a custom default rendering for step indicators ('indicatorsRender') if none is supplied. This includes a 'current / total' text and visual dots for steps.",
-      "Applies BioTuring Design System specific CSS classes (e.g., 'ds-tour') for extensive styling.",
+      "Provides a custom default rendering for step indicators (`indicatorsRender`) if none is supplied. This includes a `current / total` text and visual dots for steps.",
+      "Applies BioTuring Design System specific CSS classes (e.g., `ds-tour`) for extensive styling.",
       "Customizes typography for title, description, and indicator text using design system tokens.",
       "Adjusts layout and spacing for header, footer, and content within the tour description (paragraphs, lists, icons).",
       "Includes specific styling for the appearance of the custom default indicators (wrapper, summary text, active/inactive dots)."
     ],
     category: "Feedback",
     originalDocUrl: "https://ant.design/components/tour",
-    description: "Guides users through new features or UI elements in a step-by-step manner."
+    description: "A guided tour interface that leads users through specific features of an application."
   },
   Transition: {
     name: "Transition",
     link: "/transition",
     base: "base-ui",
     refinements: [
-      "Wraps Base UI utilities (e.g., 'useTransitionStatus', 'useRender') and custom hooks (e.g., 'useAnimationsFinished') to manage element enter/leave transitions.",
-      "Accepts 'starting' and 'ending' props, which can be CSS class strings (for Tailwind) or style objects, to define transition states.",
-      "Dynamically applies 'starting'/'ending' styles and sets 'data-starting'/'data-ending' attributes on the child element based on transition phase.",
-      "Manages mounting/unmounting of children post-animation, with a 'keepMounted' option, using a custom 'useAnimationsFinished' hook.",
+      "Wraps Base UI utilities (e.g., `useTransitionStatus`, `useRender`) and custom hooks (e.g., `useAnimationsFinished`) to manage element enter/leave transitions.",
+      "Accepts `starting` and `ending` props, which can be CSS class strings (for Tailwind) or style objects, to define transition states.",
+      "Dynamically applies `starting`/`ending` styles and sets `data-starting`/`data-ending` attributes on the child element based on transition phase.",
+      "Manages mounting/unmounting of children post-animation, with a `keepMounted` option, using a custom `useAnimationsFinished` hook.",
       "Provides a declarative API for CSS-based transitions."
     ],
     category: "Utility",
@@ -452,13 +484,13 @@ const i = {
     link: "/upload",
     base: "antd",
     refinements: [
-      "Defaults to a custom 'itemRender' function that utilizes a bespoke 'UploadItem' component for the file list.",
-      "'UploadItem' component features: file type icon, middle-truncated file name (using Truncate component), progress bar with status mapping, and a remove button.",
-      "Added 'showRemoveButton' prop (defaults to true) on the 'Upload' component to control visibility of the remove action in 'UploadItem'.",
-      "'UploadItem' includes a slot for 'extraActions' allowing additional custom controls per file.",
-      "Provides a default 'Button' with 'CloudArrowUp' icon and 'Upload Files' text if no children are passed to 'Upload'.",
-      "Includes 'Upload.Dragger' for drag-and-drop functionality, styled for the design system.",
-      "Exports 'Upload.Item' (the UploadItem component) for potential direct use.",
+      "Defaults to a custom `itemRender` function that utilizes a bespoke `UploadItem` component for the file list.",
+      "`UploadItem` component features: file type icon, middle-truncated file name (using Truncate component), progress bar with status mapping, and a remove button.",
+      "Added `showRemoveButton` prop (defaults to true) on the `Upload` component to control visibility of the remove action in `UploadItem`.",
+      "`UploadItem` includes a slot for `extraActions` allowing additional custom controls per file.",
+      "Provides a default `Button` with `CloudArrowUp` icon and 'Upload Files' text if no children are passed to `Upload`.",
+      "Includes `Upload.Dragger` for drag-and-drop functionality, styled for the design system.",
+      "Exports `Upload.Item` (the UploadItem component) for potential direct use.",
       "Applies BioTuring Design System specific styling and CSS classes."
     ],
     category: "Data Entry",
@@ -470,15 +502,15 @@ const i = {
     link: "/vertical-collapsible-panel",
     base: "base-ui",
     refinements: [
-      "Built upon '@base-ui-components/react' Collapsible components ('Collapsible.Root', 'Collapsible.Panel').",
-      "Manages open/closed state with a custom 'useControlledState' hook for controlled/uncontrolled behavior.",
-      "Features custom expand/collapse trigger icons ('MinusCircle', 'PlusCircle' from '@bioturing/assets') via IconButton.",
-      "Automatically truncates string titles using the 'Truncate' component.",
-      "Provides 'afterTitle' and 'actions' slots in the header for additional UI elements, visible when open.",
-      "Integrates the BioTuring 'Transition' component for smooth open/close animations of the panel body, managed with 'useAnimationsFinished' hook.",
-      "Offers a 'contentPadding' prop (default '16px') for customizable body padding via CSS variable '--ds-content-padding'.",
-      "Extensive custom CSS for layout, typography, and a unique feature: header text displays vertically ('writing-mode: vertical-rl') when collapsed.",
-      "Supports 'keepMounted' prop and applies Ant Design CSS variables for theming."
+      "Built upon `@base-ui-components/react` Collapsible components (`Collapsible.Root`, `Collapsible.Panel`).",
+      "Manages open/closed state with a custom `useControlledState` hook for controlled/uncontrolled behavior.",
+      "Features custom expand/collapse trigger icons (`MinusCircle`, `PlusCircle` from `@bioturing/assets`) via IconButton.",
+      "Automatically truncates string titles using the `Truncate` component.",
+      "Provides `afterTitle` and `actions` slots in the header for additional UI elements, visible when open.",
+      "Integrates the BioTuring `Transition` component for smooth open/close animations of the panel body, managed with `useAnimationsFinished` hook.",
+      "Offers a `contentPadding` prop (default `16px`) for customizable body padding via CSS variable `--ds-content-padding`.",
+      "Extensive custom CSS for layout, typography, and a unique feature: header text displays vertically (`writing-mode: vertical-rl`) when collapsed.",
+      "Supports `keepMounted` prop and applies Ant Design CSS variables for theming."
     ],
     category: "Layout",
     packages: ["@base-ui-components/react"],

package/dist/metadata.js.map

@@ -1 +1 @@
-{"version":3,"file":"metadata.js","sources":["../src/metadata.ts"],"sourcesContent":["/**\n * Component metadata for the BioTuring Design System\n * This file provides information about all components including:\n * - name: Component name\n * - link: Documentation link\n * - base: What the component is based on (antd, base-ui, or custom)\n * - refinements: Whether the component has been refined beyond its base\n * - category: Component category for organization\n * - packages: Additional packages used by the component\n */\n\nexport type ComponentMetadata = {\n  name: string;\n  link: string;\n  base: \"antd\" | \"base-ui\" | \"custom\";\n  refinements: string[]; // Renamed from 'customized'\n  category: ComponentCategory;\n  packages?: string[];\n  originalDocUrl?: string;\n  description?: string;\n};\n\nexport type ComponentCategory =\n  | \"Actions\"\n  | \"General\"\n  | \"Layout\"\n  | \"Navigation\"\n  | \"Data Entry\"\n  | \"Data Display\"\n  | \"Feedback\"\n  | \"Overlay\"\n  | \"Utility\";\n\nexport const componentMetadata = {\n  Badge: {\n    name: \"Badge\",\n    link: \"/badge\",\n    base: \"antd\",\n    refinements: [\n      \"Applies a BioTuring Design System specific CSS class 'ds-badge'.\",\n      \"Applies Ant Design's CSS variable class name to ensure proper theming context.\",\n      \"Sets 'display: inline-flex;' on the 'ds-badge' class via './style.css' for consistent layout.\",\n    ],\n    category: \"Data Display\",\n    originalDocUrl: \"https://ant.design/components/badge\",\n    description:\n      \"Used for highlighting new or unread items, or to display a status.\",\n  },\n  Breadcrumb: {\n    name: \"Breadcrumb\",\n    link: \"/breadcrumb\",\n    base: \"antd\",\n    refinements: [\n      \"Employs a custom 'useItemRender' hook to allow icons (from 'item.icon') to be rendered alongside the title within each breadcrumb link.\",\n      \"Introduces a 'noWrap' boolean prop for responsive behavior: when true, breadcrumb items attempt to stay on a single line, with text overflow and ellipsis applied to truncatable items.\",\n      \"Applies BioTuring Design System specific styling via './style.css' for layout (flexbox-based), item spacing, icon integration, and responsive truncation.\",\n      \"Exports styled 'Breadcrumb.Item' and 'Breadcrumb.Separator' sub-components.\",\n    ],\n    category: \"Navigation\",\n    originalDocUrl: \"https://ant.design/components/breadcrumb\",\n    description:\n      \"Displays the path of the current page, allowing for easy navigation back to previous levels.\",\n  },\n  Button: {\n    name: \"Button\",\n    link: \"/button\",\n    base: \"antd\",\n    refinements: [],\n    category: \"Actions\",\n    originalDocUrl: \"https://ant.design/components/button\",\n    description: \"A clickable element used to trigger an action.\",\n  },\n  Checkbox: {\n    name: \"Checkbox\",\n    link: \"/checkbox\",\n    base: \"antd\",\n    refinements: [],\n    category: \"Data Entry\",\n    originalDocUrl: \"https://ant.design/components/checkbox\",\n    description: \"Allows users to select one or more options from a set.\",\n  },\n  CodeBlock: {\n    name: \"CodeBlock\",\n    link: \"/code-block\",\n    base: \"custom\",\n    refinements: [\n      \"Custom implementation for syntax highlighting using prism-react-renderer\",\n    ],\n    category: \"Data Display\",\n    packages: [\"prism-react-renderer\"],\n    description: \"Displays blocks of code with syntax highlighting.\",\n  },\n  Collapse: {\n    name: \"Collapse\",\n    link: \"/collapse\",\n    base: \"antd\",\n    refinements: [],\n    category: \"Data Display\",\n    originalDocUrl: \"https://ant.design/components/collapse\",\n    description: \"A content area that can be expanded or collapsed.\",\n  },\n  DropdownMenu: {\n    name: \"DropdownMenu\",\n    link: \"/dropdown-menu\",\n    base: \"base-ui\",\n    refinements: [\n      \"Built with Base UI Menu components\",\n      \"Provides a customizable dropdown menu experience\",\n    ],\n    category: \"Navigation\",\n    packages: [\n      \"@base-ui-components/react/menu\",\n      \"@base-ui-components/react/utils\",\n    ],\n    originalDocUrl: \"https://base-ui.com/react/components/menu\",\n    description:\n      \"A menu that appears when a user interacts with a button or other control.\",\n  },\n  Empty: {\n    name: \"Empty\",\n    link: \"/empty\",\n    base: \"antd\",\n    refinements: [\n      \"Replaces the default Ant Design illustration with a custom SVG icon ('EmptyIcon') defined within the component.\",\n      \"Introduces a 'size' prop ('small', 'medium', 'large', default 'medium') that controls the font-size of the custom 'EmptyIcon'.\",\n      \"Applies specific font-sizes for the icon based on the 'size' prop (small: 2rem, medium: 3rem, large: 4rem) via 'style.css'.\",\n      \"The 'small' size icon also has its color set to 'var(--ds-color-base-solid)'.\",\n      \"Adjusts the Ant Design Empty image container height to 'auto' via 'style.css'.\",\n      \"Applies BioTuring Design System specific styling and CSS classes (e.g., 'ds-empty', 'ds-empty-icon').\",\n    ],\n    category: \"Data Display\",\n    originalDocUrl: \"https://ant.design/components/empty\",\n    description: \"A placeholder for when there is no data to display.\",\n  },\n  Field: {\n    name: \"Field\",\n    link: \"/field\",\n    base: \"custom\",\n    refinements: [\n      \"Custom component for form fields, providing layout and validation display\",\n    ],\n    category: \"Data Entry\",\n    description:\n      \"A custom component to structure form inputs with labels, help text, and validation messages.\",\n  },\n  Form: {\n    name: \"Form\",\n    link: \"/form\",\n    base: \"antd\",\n    refinements: [],\n    category: \"Data Entry\",\n    originalDocUrl: \"https://ant.design/components/form\",\n    description:\n      \"Provides structure for data input, including layout, validation, and submission capabilities.\",\n  },\n  IconButton: {\n    name: \"Icon Button\",\n    link: \"/icon-button\",\n    base: \"custom\",\n    refinements: [\n      \"Custom button component focused on displaying an icon\",\n      \"Provides consistent styling for icon-only buttons\",\n    ],\n    category: \"Actions\",\n    description:\n      \"A button that primarily displays an icon, used for compact actions.\",\n  },\n  Input: {\n    name: \"Input\",\n    link: \"/input\",\n    base: \"antd\",\n    refinements: [],\n    category: \"Data Entry\",\n    originalDocUrl: \"https://ant.design/components/input\",\n    description: \"A basic text input field for user data entry.\",\n  },\n  Message: {\n    name: \"Message\",\n    link: \"/message\",\n    base: \"antd\",\n    refinements: [],\n    category: \"Feedback\",\n    originalDocUrl: \"https://ant.design/components/message\",\n    description:\n      \"The Message component provides feedback in response to user operations. Unlike notification, messages are simpler and typically auto-dismiss after a short duration.\",\n  },\n  Modal: {\n    name: \"Modal\",\n    link: \"/modal\",\n    base: \"antd\",\n    refinements: [\n      \"Added predefined sizes: 'xsmall', 'small', 'medium', 'large', 'xlarge', 'xxlarge', 'fullscreen'\",\n      \"Introduced a general 'loading' state prop for the modal content\",\n      \"Added 'hideOkButton' and 'hideCancelButton' props for straightforward visibility control of footer buttons\",\n      \"Added 'contentPadding' prop for direct control over modal body padding\",\n      \"Enhanced header customization with 'afterTitle', 'beforeCloseButton', and 'afterCloseButton' slots for additional elements or actions\",\n      \"Implemented 'defaultFixedHeaderFooter' behavior: header and footer become fixed when content overflows (controlled by internal overflow detection)\",\n      \"Changed 'centered' prop to default to 'true'\",\n      \"Introduced 'type' prop ('default', 'info', 'success', 'error', 'warning') influencing default behaviors like size\",\n      \"Added 'background' prop ('elevated', 'container') for explicit control over modal background style, with size-dependent defaults\",\n      \"Uses a custom 'X' icon from '@bioturing/assets' as the default close button icon\",\n      \"Provides 'bodyScrollable' prop (defaults to true) to manage content scroll behavior within the modal body\",\n    ],\n    category: \"Overlay\",\n    originalDocUrl: \"https://ant.design/components/modal\",\n    description:\n      \"A dialog box/popup window that is displayed on top of the current page.\",\n  },\n  Popover: {\n    name: \"Popover\",\n    link: \"/popover\",\n    base: \"antd\", // Retains AntD as 'base' because it aims for API compatibility\n    refinements: [\n      \"Refactored to use @base-ui-components/react/popover internally\",\n      \"Maintains Ant Design API compatibility\",\n      \"Custom prop mapping for placement and trigger to align with Base UI Popover\",\n      \"Combined title and content props into a single node for Base UI Popover's content area\",\n    ],\n    category: \"Overlay\",\n    originalDocUrl: \"https://ant.design/components/popover\", // Original AntD doc for API reference\n    description:\n      \"A small overlay that appears when a user interacts with an element, displaying additional information or actions.\",\n  },\n  PopupPanel: {\n    name: \"PopupPanel\",\n    link: \"/popup-panel\",\n    base: \"base-ui\",\n    refinements: [\n      \"Built with Base UI Popover\",\n      \"Resizable panel functionality\",\n      \"Custom styling and behavior for panel-like popups\",\n    ],\n    category: \"Overlay\",\n    packages: [\"react-use-resizable\", \"@base-ui-components/react/popover\"],\n    originalDocUrl: \"https://base-ui.com/react/components/popover\",\n    description:\n      \"A specialized panel that pops up, often resizable, for displaying rich content or tools.\",\n  },\n  Radio: {\n    name: \"Radio\",\n    link: \"/radio\",\n    base: \"antd\",\n    refinements: [],\n    category: \"Data Entry\",\n    originalDocUrl: \"https://ant.design/components/radio\",\n    description: \"Allows users to select a single option from a set.\",\n  },\n  ScrollArea: {\n    name: \"ScrollArea\",\n    link: \"/scroll-area\",\n    base: \"base-ui\",\n    refinements: [\n      \"Wraps '@base-ui-components/react/ScrollArea' to integrate with the BioTuring Design System.\",\n      \"Provides consistent 'classNames' prop pattern for styling different parts (viewport, scrollbar, thumb).\",\n      \"Applies specific BioTuring Design System CSS classes (e.g., 'ds-scroll-area', 'ds-scroll-area-viewport', 'ds-scroll-area-scrollbar', 'ds-scroll-area-thumb') to Base UI component parts.\",\n      \"Provides extensive custom styling via './style.css' for the root, viewport (including 'focus-visible' styles), scrollbar (opacity transitions on hover/scroll, orientation-based dimensions), and thumb (custom border-radius, background, and border colors using design tokens).\",\n    ],\n    category: \"Layout\",\n    packages: [\"@base-ui-components/react\"],\n    originalDocUrl: \"https://base-ui.com/react/components/scroll-area\",\n    description:\n      \"Provides a customizable scrollable container for content that exceeds its bounds.\",\n  },\n  Segmented: {\n    name: \"Segmented\",\n    link: \"/segmented\",\n    base: \"antd\",\n    refinements: [\n      \"Structured as a typed 'forwardRef' wrapper around the Ant Design Segmented component for type safety and consistency.\",\n      \"Applies custom styles via './style.css' to ensure proper alignment and sizing of item labels and icons within the segmented control (e.g., flex centering for labels and icons, default icon size).\",\n    ],\n    category: \"Data Entry\",\n    originalDocUrl: \"https://ant.design/components/segmented\",\n    description:\n      \"A set of buttons that allows users to switch between different views or options.\",\n  },\n  Select: {\n    name: \"Select\",\n    link: \"/select\",\n    base: \"antd\",\n    refinements: [\n      \"Introduced 'enhancePositioner' prop: Utilizes '@floating-ui/react' for robust dropdown positioning, allowing it to break out of overflow containers and intelligently place itself.\",\n      \"Added 'popupSize' prop (works with 'enhancePositioner'): Controls the dropdown width with predefined sizes (e.g., 'small', 'medium', 'large'), pixel values, or 'fit-content'.\",\n      \"Replaced default suffix icon with a custom 'CaretDown' icon from '@bioturing/assets'.\",\n      \"Customized multiple selection mode: Uses Ant Design 'Checkbox' components for indicating selected items in the dropdown.\",\n      \"Applied specific BioTuring Design System styling and CSS classes, including enhanced popup styles when 'enhancePositioner' is active.\",\n    ],\n    category: \"Data Entry\",\n    packages: [\"@floating-ui/react\", \"rc-select\"],\n    originalDocUrl: \"https://ant.design/components/select\",\n    description:\n      \"Allows users to select one or more options from a dropdown list.\",\n  },\n  Slider: {\n    name: \"Slider\",\n    link: \"/slider\",\n    base: \"antd\",\n    refinements: [\n      \"Applies a BioTuring Design System specific CSS class 'ds-slider'.\",\n      \"Modifies the default behavior of the slider's tooltip by setting 'tooltip.arrow' to 'false' by default (Ant Design's default is true).\",\n    ],\n    category: \"Data Entry\",\n    originalDocUrl: \"https://ant.design/components/slider\",\n    description:\n      \"Allows users to select a value from a continuous or discrete range.\",\n  },\n  Spin: {\n    name: \"Spin\",\n    link: \"/spin\",\n    base: \"antd\",\n    refinements: [],\n    category: \"Feedback\",\n    originalDocUrl: \"https://ant.design/components/spin\",\n    description: \"Indicates a loading state.\",\n  },\n  Splitter: {\n    name: \"Splitter\",\n    link: \"/splitter\",\n    base: \"antd\", // Assuming it's styled like AntD or uses AntD primitives\n    refinements: [\n      \"Custom component for creating resizable layouts, inspired by Ant Design styling\",\n    ],\n    category: \"Layout\",\n    // originalDocUrl: \"https://ant.design/components/layout\", // AntD Layout could be a loose reference, but no direct 'Splitter' component.\n    description:\n      \"Splitter is used to divide and resize multiple elements in a container.\",\n  },\n  Stack: {\n    name: \"Stack\",\n    link: \"/stack\",\n    base: \"custom\",\n    refinements: [\n      \"Custom component for creating horizontal or vertical layouts with consistent spacing\",\n      \"Uses CSS classes for alignment and justification\",\n      \"Provides StackChild component with useRender hook for flexible item control\",\n    ],\n    category: \"Layout\",\n    description: \"A flexible layout component for arranging items in a row or column with consistent spacing.\",\n  },\n  Switch: {\n    name: \"Switch\",\n    link: \"/switch\",\n    base: \"antd\",\n    refinements: [\n      \"Structured as a typed 'forwardRef' wrapper around Ant Design's Switch component.\",\n      \"Applies custom CSS to ensure 'checkedChildren' and 'unCheckedChildren' (e.g., icons, text) are properly centered within the switch handle.\",\n    ],\n    category: \"Data Entry\",\n    originalDocUrl: \"https://ant.design/components/switch\",\n    description:\n      \"A toggle control that allows users to switch between two states, typically on or off.\",\n  },\n  Table: {\n    name: \"Table\",\n    link: \"/table\",\n    base: \"antd\",\n    refinements: [\n      \"Replaces default sort icons with custom 'CaretUp' and 'CaretDown' icons from '@bioturing/assets'. Displays both when inactive, and a filled version of the active one.\",\n      \"Replaces default filter icon with a custom 'Funnel' icon (filled) from '@bioturing/assets'.\",\n      \"Overrides 'locale.emptyText' to use the BioTuring 'Empty' component.\",\n      \"Adds an 'emptyDescription' prop to customize the message displayed by the 'Empty' component when the table is empty.\",\n      \"Uses a custom CSS-based loading indicator ('spin-loader') when the 'loading' prop is active.\",\n      \"Defaults 'scroll.x' to 'fit-content' to optimize horizontal scrolling behavior.\",\n      \"Applies BioTuring Design System specific styling via './style.css' for overall table appearance, including headers, rows, borders, and hover effects.\",\n    ],\n    category: \"Data Display\",\n    packages: [\"rc-table\"],\n    originalDocUrl: \"https://ant.design/components/table\",\n    description: \"Displays data in a structured, tabular format.\",\n  },\n  Tag: {\n    name: \"Tag\",\n    link: \"/tag\",\n    base: \"antd\",\n    refinements: [\n      \"Defaults to using the 'X' icon (bold) from '@bioturing/assets' as the 'closeIcon' if the tag is 'closable' and no custom icon is provided.\",\n      \"Introduces an 'active' boolean prop (defaults to false).\",\n      \"When 'active={true}', applies specific styling (background, border, text color using '--ds-color-primary' tokens) via a 'data-active' attribute and 'style.css'.\",\n      \"Applies BioTuring Design System specific styling via './style.css', including base styles for alignment and consistent close icon coloring ('--ds-color-icon').\",\n    ],\n    category: \"Data Display\",\n    originalDocUrl: \"https://ant.design/components/tag\",\n    description: \"Used for marking or categorizing items with small labels.\",\n  },\n  ThemeProvider: {\n    name: \"ThemeProvider\",\n    link: \"/theme-provider\",\n    base: \"custom\",\n    refinements: [\n      \"Custom utility for managing application-wide themes\",\n      \"Provides context for styling consistency\",\n    ],\n    category: \"Utility\",\n    description:\n      \"A utility component for providing theme context to its children, enabling consistent styling across the application.\",\n  },\n  Toast: {\n    name: \"Toast\",\n    link: \"/toast\",\n    base: \"base-ui\",\n    refinements: [\n      \"Built with Base UI Toast components\",\n      \"Customizable appearance and behavior for notifications\",\n    ],\n    category: \"Feedback\",\n    packages: [\"@base-ui-components/react\"],\n    originalDocUrl: \"https://base-ui.com/react/components/toast\",\n    description:\n      \"Displays brief, auto-expiring messages to provide feedback or alerts, similar to notifications but often less intrusive.\",\n  },\n  Tooltip: {\n    name: \"Tooltip\",\n    link: \"/tooltip\",\n    base: \"antd\",\n    refinements: [\n      \"Defaults the 'arrow' prop to 'false', hiding the tooltip arrow by default (Ant Design's default shows an arrow).\",\n      \"Applies a BioTuring Design System specific CSS class 'ds-tooltip'.\",\n      \"Custom CSS sets 'min-height: auto;' for the inner content, allowing tooltips to be shorter than Ant Design's default minimum height.\",\n    ],\n    category: \"Overlay\",\n    originalDocUrl: \"https://ant.design/components/tooltip\",\n    description:\n      \"A small pop-up that displays information when a user hovers over or focuses on an element.\",\n  },\n  Tour: {\n    name: \"Tour\",\n    link: \"/tour\",\n    base: \"antd\",\n    refinements: [\n      \"Provides a custom default rendering for step indicators ('indicatorsRender') if none is supplied. This includes a 'current / total' text and visual dots for steps.\",\n      \"Applies BioTuring Design System specific CSS classes (e.g., 'ds-tour') for extensive styling.\",\n      \"Customizes typography for title, description, and indicator text using design system tokens.\",\n      \"Adjusts layout and spacing for header, footer, and content within the tour description (paragraphs, lists, icons).\",\n      \"Includes specific styling for the appearance of the custom default indicators (wrapper, summary text, active/inactive dots).\",\n    ],\n    category: \"Feedback\",\n    originalDocUrl: \"https://ant.design/components/tour\",\n    description:\n      \"Guides users through new features or UI elements in a step-by-step manner.\",\n  },\n  Transition: {\n    name: \"Transition\",\n    link: \"/transition\",\n    base: \"base-ui\",\n    refinements: [\n      \"Wraps Base UI utilities (e.g., 'useTransitionStatus', 'useRender') and custom hooks (e.g., 'useAnimationsFinished') to manage element enter/leave transitions.\",\n      \"Accepts 'starting' and 'ending' props, which can be CSS class strings (for Tailwind) or style objects, to define transition states.\",\n      \"Dynamically applies 'starting'/'ending' styles and sets 'data-starting'/'data-ending' attributes on the child element based on transition phase.\",\n      \"Manages mounting/unmounting of children post-animation, with a 'keepMounted' option, using a custom 'useAnimationsFinished' hook.\",\n      \"Provides a declarative API for CSS-based transitions.\",\n    ],\n    category: \"Utility\",\n    packages: [\n      \"@base-ui-components/react/use-render\",\n      \"@base-ui-components/react/merge-props\",\n      \"@base-ui-components/react/utils\",\n    ],\n    originalDocUrl: \"https://base-ui.com/react/components\", // General Base UI components link as specific utility pages might vary\n    description:\n      \"Provides utilities for applying CSS transitions and animations to components.\",\n  },\n  Typography: {\n    name: \"Typography\",\n    link: \"/typography\",\n    base: \"antd\",\n    refinements: [\n      \"Extends Ant Design Typography with custom styles or additional text utilities\",\n    ],\n    category: \"Data Display\",\n    originalDocUrl: \"https://ant.design/components/typography\",\n    description:\n      \"Typography is a component that provides a set of tools for working with text, including text alignment, font size, and font weight.\",\n  },\n  Tree: {\n    name: \"Tree\",\n    link: \"/tree\",\n    base: \"antd\",\n    refinements: [\n      \"Utilizes rc-tree for core functionality\",\n      \"Enhanced features like custom node rendering, drag-and-drop, or advanced filtering\",\n    ],\n    category: \"Data Display\",\n    packages: [\"rc-tree\"],\n    originalDocUrl: \"https://ant.design/components/tree\",\n    description:\n      \"A hierarchical list structure component that presents nested data clearly.\",\n  },\n  Truncate: {\n    name: \"Truncate\",\n    link: \"/truncate\",\n    base: \"custom\",\n    refinements: [\n      \"Custom implementation for text truncation\",\n      \"Supports middle and end truncation\",\n      \"Configurable ellipsis and tooltip on hover\",\n      \"Multi-line truncation with configurable number of lines\",\n      \"Auto-height truncation that adapts to parent container size\",\n    ],\n    category: \"Data Display\",\n    description:\n      \"The Truncate component helps manage text overflow by truncating text elegantly and displaying an ellipsis. It supports truncation at the middle or end of the text.\",\n  },\n  Upload: {\n    name: \"Upload\",\n    link: \"/upload\",\n    base: \"antd\",\n    refinements: [\n      \"Defaults to a custom 'itemRender' function that utilizes a bespoke 'UploadItem' component for the file list.\",\n      \"'UploadItem' component features: file type icon, middle-truncated file name (using Truncate component), progress bar with status mapping, and a remove button.\",\n      \"Added 'showRemoveButton' prop (defaults to true) on the 'Upload' component to control visibility of the remove action in 'UploadItem'.\",\n      \"'UploadItem' includes a slot for 'extraActions' allowing additional custom controls per file.\",\n      \"Provides a default 'Button' with 'CloudArrowUp' icon and 'Upload Files' text if no children are passed to 'Upload'.\",\n      \"Includes 'Upload.Dragger' for drag-and-drop functionality, styled for the design system.\",\n      \"Exports 'Upload.Item' (the UploadItem component) for potential direct use.\",\n      \"Applies BioTuring Design System specific styling and CSS classes.\",\n    ],\n    category: \"Data Entry\",\n    originalDocUrl: \"https://ant.design/components/upload\",\n    description: \"Allows users to select and upload files.\",\n  },\n  VerticalCollapsiblePanel: {\n    name: \"Vertical Collapsible Panel\",\n    link: \"/vertical-collapsible-panel\",\n    base: \"base-ui\",\n    refinements: [\n      \"Built upon '@base-ui-components/react' Collapsible components ('Collapsible.Root', 'Collapsible.Panel').\",\n      \"Manages open/closed state with a custom 'useControlledState' hook for controlled/uncontrolled behavior.\",\n      \"Features custom expand/collapse trigger icons ('MinusCircle', 'PlusCircle' from '@bioturing/assets') via IconButton.\",\n      \"Automatically truncates string titles using the 'Truncate' component.\",\n      \"Provides 'afterTitle' and 'actions' slots in the header for additional UI elements, visible when open.\",\n      \"Integrates the BioTuring 'Transition' component for smooth open/close animations of the panel body, managed with 'useAnimationsFinished' hook.\",\n      \"Offers a 'contentPadding' prop (default '16px') for customizable body padding via CSS variable '--ds-content-padding'.\",\n      \"Extensive custom CSS for layout, typography, and a unique feature: header text displays vertically ('writing-mode: vertical-rl') when collapsed.\",\n      \"Supports 'keepMounted' prop and applies Ant Design CSS variables for theming.\",\n    ],\n    category: \"Layout\",\n    packages: [\"@base-ui-components/react\"],\n    originalDocUrl:\n      \"https://base-ui.com/react/components/vertical-collapsible-panel\", // Assuming this kebab-case name for Base UI docs\n    description:\n      \"A panel that can be collapsed or expanded vertically, often used in sidebars or for sectioning content.\",\n  },\n} satisfies Record<string, ComponentMetadata>;\n\n/**\n * Get all components by category\n */\nexport const getComponentsByCategory = (): Record<\n  ComponentCategory,\n  ComponentMetadata[]\n> => {\n  const categories: Record<ComponentCategory, ComponentMetadata[]> = {\n    Actions: [],\n    General: [],\n    Layout: [],\n    Navigation: [],\n    \"Data Entry\": [],\n    \"Data Display\": [],\n    Feedback: [],\n    Overlay: [],\n    Utility: [],\n  };\n\n  Object.values(componentMetadata).forEach((component) => {\n    categories[component.category].push(component);\n  });\n\n  // Sort components alphabetically within each category\n  Object.keys(categories).forEach((category) => {\n    categories[category as ComponentCategory].sort((a, b) =>\n      a.name.localeCompare(b.name)\n    );\n  });\n\n  return categories;\n};\n"],"names":["componentMetadata","getComponentsByCategory","categories","component","category","a","b"],"mappings":"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"}
+{"version":3,"file":"metadata.js","sources":["../src/metadata.ts"],"sourcesContent":["/**\n * Component metadata for the BioTuring Design System\n * This file provides information about all components including:\n * - name: Component name\n * - link: Documentation link\n * - base: What the component is based on (antd, base-ui, or custom)\n * - refinements: Whether the component has been refined beyond its base\n * - category: Component category for organization\n * - packages: Additional packages used by the component\n */\n\nexport type ComponentMetadata = {\n  name: string;\n  link: string;\n  base: \"antd\" | \"base-ui\" | \"custom\";\n  refinements: string[]; // Renamed from 'customized'\n  category: ComponentCategory;\n  packages?: string[];\n  originalDocUrl?: string;\n  description?: string;\n};\n\nexport type ComponentCategory =\n  | \"Actions\"\n  | \"General\"\n  | \"Layout\"\n  | \"Navigation\"\n  | \"Data Entry\"\n  | \"Data Display\"\n  | \"Feedback\"\n  | \"Overlay\"\n  | \"Utility\";\n\nexport const componentMetadata = {\n  DragDrop: {\n    name: \"DragDrop\",\n    link: \"/drag-drop\",\n    base: \"custom\",\n    refinements: [\n      \"Custom implementation for drag and drop functionality\",\n      \"Type-safe with TypeScript generics\",\n      \"Supports custom styling and rendering\",\n      \"Provides Draggable and Droppable subcomponents\",\n      \"Handles drag events with proper context management\",\n    ],\n    category: \"Data Entry\",\n    description:\n      \"A component for creating drag and drop interfaces with customizable draggable items and drop zones.\",\n  },\n  Badge: {\n    name: \"Badge\",\n    link: \"/badge\",\n    base: \"antd\",\n    refinements: [\n      \"Applies a BioTuring Design System specific CSS class `ds-badge`.\",\n      \"Applies Ant Design's CSS variable class name to ensure proper theming context.\",\n      \"Sets `display: inline-flex;` on the `ds-badge` class via `./style.css` for consistent layout.\",\n    ],\n    category: \"Data Display\",\n    originalDocUrl: \"https://ant.design/components/badge\",\n    description:\n      \"Used for highlighting new or unread items, or to display a status.\",\n  },\n  Breadcrumb: {\n    name: \"Breadcrumb\",\n    link: \"/breadcrumb\",\n    base: \"antd\",\n    refinements: [\n      \"Employs a custom `useItemRender` hook to allow icons (from `item.icon`) to be rendered alongside the title within each breadcrumb link.\",\n      \"Introduces a `noWrap` boolean prop for responsive behavior: when true, breadcrumb items attempt to stay on a single line, with text overflow and ellipsis applied to truncatable items.\",\n      \"Applies BioTuring Design System specific styling via `./style.css` for layout (flexbox-based), item spacing, icon integration, and responsive truncation.\",\n      \"Exports styled `Breadcrumb.Item` and `Breadcrumb.Separator` sub-components.\",\n    ],\n    category: \"Navigation\",\n    originalDocUrl: \"https://ant.design/components/breadcrumb\",\n    description:\n      \"Displays the path of the current page, allowing for easy navigation back to previous levels.\",\n  },\n  Button: {\n    name: \"Button\",\n    link: \"/button\",\n    base: \"antd\",\n    refinements: [],\n    category: \"Actions\",\n    originalDocUrl: \"https://ant.design/components/button\",\n    description: \"A clickable element used to trigger an action.\",\n  },\n  Checkbox: {\n    name: \"Checkbox\",\n    link: \"/checkbox\",\n    base: \"antd\",\n    refinements: [],\n    category: \"Data Entry\",\n    originalDocUrl: \"https://ant.design/components/checkbox\",\n    description: \"Allows users to select one or more options from a set.\",\n  },\n  CodeBlock: {\n    name: \"CodeBlock\",\n    link: \"/code-block\",\n    base: \"custom\",\n    refinements: [\n      \"Custom implementation for syntax highlighting using `prism-react-renderer`\",\n    ],\n    category: \"Data Display\",\n    packages: [\"prism-react-renderer\"],\n    description: \"Displays blocks of code with syntax highlighting.\",\n  },\n  Collapse: {\n    name: \"Collapse\",\n    link: \"/collapse\",\n    base: \"antd\",\n    refinements: [],\n    category: \"Data Display\",\n    originalDocUrl: \"https://ant.design/components/collapse\",\n    description: \"A content area that can be expanded or collapsed.\",\n  },\n  DropdownMenu: {\n    name: \"DropdownMenu\",\n    link: \"/dropdown-menu\",\n    base: \"base-ui\",\n    refinements: [\n      \"Built with Base UI Menu components\",\n      \"Provides a customizable dropdown menu experience\",\n    ],\n    category: \"Navigation\",\n    packages: [\n      \"@base-ui-components/react/menu\",\n      \"@base-ui-components/react/utils\",\n    ],\n    originalDocUrl: \"https://base-ui.com/react/components/menu\",\n    description:\n      \"A menu that appears when a user interacts with a button or other control.\",\n  },\n  Nav: {\n    name: \"Nav\",\n    link: \"/nav\",\n    base: \"custom\",\n    refinements: [\n      \"Supports icon and label via a render prop pattern\",\n      \"Manages hover state to reveal label when collapsed\",\n      \"Supports active and collapsed/expanded (currentPanel) states\",\n      \"Uses component-level CSS imports and custom transition classes\",\n    ],\n    category: \"Navigation\",\n    description:\n      \"A navigation item with icon and label, supporting active highlighting and hover reveal.\",\n  },\n  Empty: {\n    name: \"Empty\",\n    link: \"/empty\",\n    base: \"antd\",\n    refinements: [\n      \"Replaces the default Ant Design illustration with a custom SVG icon (`EmptyIcon`) defined within the component.\",\n      \"Introduces a `size` prop (`small`, `medium`, `large`, default `medium`) that controls the font-size of the custom `EmptyIcon`.\",\n      \"Applies specific font-sizes for the icon based on the `size` prop (small: 2rem, medium: 3rem, large: 4rem) via `style.css`.\",\n      \"The `small` size icon also has its color set to `var(--ds-color-base-solid)`.\",\n      \"Adjusts the Ant Design Empty image container height to `auto` via `style.css`.\",\n      \"Applies BioTuring Design System specific styling and CSS classes (e.g., `ds-empty`, `ds-empty-icon`).\",\n    ],\n    category: \"Data Display\",\n    originalDocUrl: \"https://ant.design/components/empty\",\n    description: \"Displays a placeholder when content is empty or unavailable.\",\n  },\n  Field: {\n    name: \"Field\",\n    link: \"/field\",\n    base: \"custom\",\n    refinements: [\n      \"Custom component for form fields, providing layout and validation display\",\n    ],\n    category: \"Data Entry\",\n    description:\n      \"A custom component to structure form inputs with labels, help text, and validation messages.\",\n  },\n  Form: {\n    name: \"Form\",\n    link: \"/form\",\n    base: \"antd\",\n    refinements: [],\n    category: \"Data Entry\",\n    originalDocUrl: \"https://ant.design/components/form\",\n    description:\n      \"Provides structure for data input, including layout, validation, and submission capabilities.\",\n  },\n  IconButton: {\n    name: \"Icon Button\",\n    link: \"/icon-button\",\n    base: \"custom\",\n    refinements: [\n      \"Custom button component focused on displaying an icon\",\n      \"Provides consistent styling for icon-only buttons\",\n    ],\n    category: \"Actions\",\n    description:\n      \"A button that primarily displays an icon, used for compact actions.\",\n  },\n  Input: {\n    name: \"Input\",\n    link: \"/input\",\n    base: \"antd\",\n    refinements: [],\n    category: \"Data Entry\",\n    originalDocUrl: \"https://ant.design/components/input\",\n    description: \"A basic text input field for user data entry.\",\n  },\n  Message: {\n    name: \"Message\",\n    link: \"/message\",\n    base: \"antd\",\n    refinements: [],\n    category: \"Feedback\",\n    originalDocUrl: \"https://ant.design/components/message\",\n    description:\n      \"The Message component provides feedback in response to user operations. Unlike notification, messages are simpler and typically auto-dismiss after a short duration.\",\n  },\n  Modal: {\n    name: \"Modal\",\n    link: \"/modal\",\n    base: \"antd\",\n    refinements: [\n      \"Added predefined sizes: `xsmall`, `small`, `medium`, `large`, `xlarge`, `xxlarge`, `fullscreen`\",\n      \"Introduced a general `loading` state prop for the modal content\",\n      \"Added `hideOkButton` and `hideCancelButton` props for straightforward visibility control of footer buttons\",\n      \"Added `contentPadding` prop for direct control over modal body padding\",\n      \"Enhanced header customization with `afterTitle`, `beforeCloseButton`, and `afterCloseButton` slots for additional elements or actions\",\n      \"Implemented `defaultFixedHeaderFooter` behavior: header and footer become fixed when content overflows (controlled by internal overflow detection)\",\n      \"Changed `centered` prop to default to `true`\",\n      \"Introduced `type` prop (`default`, `info`, `success`, `error`, `warning`) influencing default behaviors like size\",\n      \"Added `background` prop (`elevated`, `container`) for explicit control over modal background style, with size-dependent defaults\",\n      \"Uses a custom `X` icon from `@bioturing/assets` as the default close button icon\",\n      \"Provides `bodyScrollable` prop (defaults to true) to manage content scroll behavior within the modal body\",\n    ],\n    category: \"Overlay\",\n    originalDocUrl: \"https://ant.design/components/modal\",\n    description:\n      \"A modal dialog that appears in front of the app content to provide critical information or ask for a decision.\",\n  },\n  Popover: {\n    name: \"Popover\",\n    link: \"/popover\",\n    base: \"antd\", // Retains AntD as 'base' because it aims for API compatibility\n    refinements: [],\n    category: \"Overlay\",\n    originalDocUrl: \"https://ant.design/components/popover\", // Original AntD doc for API reference\n    description:\n      \"A floating card popped by clicking or hovering that displays additional information.\",\n  },\n  PopupPanel: {\n    name: \"PopupPanel\",\n    link: \"/popup-panel\",\n    base: \"base-ui\",\n    refinements: [\n      \"Built with Base UI Popover\",\n      \"Resizable panel functionality\",\n      \"Custom styling and behavior for panel-like popups\",\n    ],\n    category: \"Overlay\",\n    packages: [\"react-use-resizable\", \"@base-ui-components/react/popover\"],\n    originalDocUrl: \"https://base-ui.com/react/components/popover\",\n    description:\n      \"A specialized panel that pops up, often resizable, for displaying rich content or tools.\",\n  },\n  Radio: {\n    name: \"Radio\",\n    link: \"/radio\",\n    base: \"antd\",\n    refinements: [],\n    category: \"Data Entry\",\n    originalDocUrl: \"https://ant.design/components/radio\",\n    description: \"Allows users to select a single option from a set.\",\n  },\n  ScrollArea: {\n    name: \"ScrollArea\",\n    link: \"/scroll-area\",\n    base: \"base-ui\",\n    refinements: [\n      \"Wraps `@base-ui-components/react/ScrollArea` to integrate with the BioTuring Design System.\",\n      \"Provides consistent `classNames` prop pattern for styling different parts (viewport, scrollbar, thumb).\",\n      \"Applies specific BioTuring Design System CSS classes (e.g., `ds-scroll-area`, `ds-scroll-area-viewport`, `ds-scroll-area-scrollbar`, `ds-scroll-area-thumb`) to Base UI component parts.\",\n      \"Provides extensive custom styling via `./style.css` for the root, viewport (including `focus-visible` styles), scrollbar (opacity transitions on hover/scroll, orientation-based dimensions), and thumb (custom border-radius, background, and border colors using design tokens).\",\n    ],\n    category: \"Layout\",\n    packages: [\"@base-ui-components/react\"],\n    originalDocUrl: \"https://base-ui.com/react/components/scroll-area\",\n    description:\n      \"A scrollable container with custom scrollbars that blend with the design system.\",\n  },\n  Segmented: {\n    name: \"Segmented\",\n    link: \"/segmented\",\n    base: \"antd\",\n    refinements: [\n      \"Structured as a typed `forwardRef` wrapper around the Ant Design Segmented component for type safety and consistency.\",\n      \"Applies custom styles via `./style.css` to ensure proper alignment and sizing of item labels and icons within the segmented control (e.g., flex centering for labels and icons, default icon size).\",\n    ],\n    category: \"Data Entry\",\n    originalDocUrl: \"https://ant.design/components/segmented\",\n    description:\n      \"A set of buttons that allows users to switch between different views or options.\",\n  },\n  Select: {\n    name: \"Select\",\n    link: \"/select\",\n    base: \"antd\",\n    refinements: [\n      \"Introduced `enhancePositioner` prop: Utilizes `@floating-ui/react` for robust dropdown positioning, allowing it to break out of overflow containers and intelligently place itself.\",\n      \"Added `popupSize` prop (works with `enhancePositioner`): Controls the dropdown width with predefined sizes (e.g., `small`, `medium`, `large`), pixel values, or `fit-content`.\",\n      \"Replaced default suffix icon with a custom `CaretDown` icon from `@bioturing/assets`.\",\n      \"Customized multiple selection mode: Uses Ant Design `Checkbox` components for indicating selected items in the dropdown.\",\n      \"Applied specific BioTuring Design System styling and CSS classes, including enhanced popup styles when `enhancePositioner` is active.\",\n    ],\n    category: \"Data Entry\",\n    packages: [\"@floating-ui/react\", \"rc-select\"],\n    originalDocUrl: \"https://ant.design/components/select\",\n    description:\n      \"A dropdown selection component for selecting values from a list of options.\",\n  },\n  Slider: {\n    name: \"Slider\",\n    link: \"/slider\",\n    base: \"antd\",\n    refinements: [\n      \"Applies a BioTuring Design System specific CSS class `ds-slider`.\",\n      \"Modifies the default behavior of the slider's tooltip by setting `tooltip.arrow` to `false` by default (Ant Design's default is true).\",\n    ],\n    category: \"Data Entry\",\n    originalDocUrl: \"https://ant.design/components/slider\",\n    description:\n      \"Allows users to select a value from a continuous or discrete range.\",\n  },\n  Spin: {\n    name: \"Spin\",\n    link: \"/spin\",\n    base: \"antd\",\n    refinements: [],\n    category: \"Feedback\",\n    originalDocUrl: \"https://ant.design/components/spin\",\n    description: \"Indicates a loading state.\",\n  },\n  Splitter: {\n    name: \"Splitter\",\n    link: \"/splitter\",\n    base: \"antd\", // Assuming it's styled like AntD or uses AntD primitives\n    refinements: [\n      \"Custom component for creating resizable layouts, inspired by Ant Design styling\",\n    ],\n    category: \"Layout\",\n    // originalDocUrl: \"https://ant.design/components/layout\", // AntD Layout could be a loose reference, but no direct 'Splitter' component.\n    description:\n      \"Splitter is used to divide and resize multiple elements in a container.\",\n  },\n  Stack: {\n    name: \"Stack\",\n    link: \"/stack\",\n    base: \"custom\",\n    refinements: [\n      \"Custom component for creating horizontal or vertical layouts with consistent spacing\",\n      \"Uses CSS classes for alignment and justification\",\n      \"Provides StackChild component with useRender hook for flexible item control\",\n    ],\n    category: \"Layout\",\n    description:\n      \"A flexible layout component for arranging items in a row or column with consistent spacing.\",\n  },\n  Switch: {\n    name: \"Switch\",\n    link: \"/switch\",\n    base: \"antd\",\n    refinements: [\n      \"Structured as a typed `forwardRef` wrapper around Ant Design's Switch component.\",\n      \"Applies custom CSS to ensure `checkedChildren` and `unCheckedChildren` (e.g., icons, text) are properly centered within the switch handle.\",\n    ],\n    category: \"Data Entry\",\n    originalDocUrl: \"https://ant.design/components/switch\",\n    description:\n      \"A toggle switch for changing between two states, typically on or off.\",\n  },\n  Table: {\n    name: \"Table\",\n    link: \"/table\",\n    base: \"antd\",\n    refinements: [\n      \"Applies BioTuring Design System specific styling via `./style.css`.\",\n      \"Enhances the default Ant Design Table with additional features.\",\n    ],\n    category: \"Data Display\",\n    originalDocUrl: \"https://ant.design/components/table\",\n    description:\n      \"A table displays rows of data, supporting features like sorting, filtering, and pagination.\",\n  },\n  Tag: {\n    name: \"Tag\",\n    link: \"/tag\",\n    base: \"antd\",\n    refinements: [\n      \"Defaults to using the `X` icon (bold) from `@bioturing/assets` as the `closeIcon` if the tag is `closable` and no custom icon is provided.\",\n      \"Introduces an `active` boolean prop (defaults to false).\",\n      \"When `active={true}`, applies specific styling (background, border, text color using `--ds-color-primary` tokens) via a `data-active` attribute and `style.css`.\",\n      \"Applies BioTuring Design System specific styling via `./style.css`, including base styles for alignment and consistent close icon coloring (`--ds-color-icon`).\",\n      \"Introduces a `size` prop with options `small`, `medium`, and `large` to control tag dimensions.\",\n    ],\n    category: \"Data Display\",\n    originalDocUrl: \"https://ant.design/components/tag\",\n    description:\n      \"Small UI elements for categorization, filtering, or highlighting items.\",\n  },\n  ColorSelect: {\n    name: \"ColorSelect\",\n    link: \"/color-select\",\n    base: \"antd\",\n    refinements: [\n      \"Combines Ant Design `ColorPicker` with a `Select`-like input for color selection.\",\n      \"Supports preset colors via the `presetColors` prop and freeform hex input.\",\n      \"Displays selected colors as closable `Tag`s with color swatches.\",\n      \"Provides controlled/uncontrolled APIs (`value`/`defaultValue`, `open`/`defaultOpen`).\",\n      \"Emits a `toast` notification on invalid color entries.\",\n      \"Uses `Stack` for layout and `style.css` for BioTuring styling.\",\n    ],\n    category: \"Data Entry\",\n    description:\n      \"A combined color picker and selector allowing preset and custom color selection with tag display.\",\n  },\n  ThemeProvider: {\n    name: \"ThemeProvider\",\n    link: \"/theme-provider\",\n    base: \"custom\",\n    refinements: [\n      \"Custom utility for managing application-wide themes\",\n      \"Provides context for styling consistency\",\n    ],\n    category: \"Utility\",\n    description:\n      \"A utility component for providing theme context to its children, enabling consistent styling across the application.\",\n  },\n  Toast: {\n    name: \"Toast\",\n    link: \"/toast\",\n    base: \"base-ui\",\n    refinements: [\n      \"Built with Base UI Toast components\",\n      \"Customizable appearance and behavior for notifications\",\n    ],\n    category: \"Feedback\",\n    packages: [\"@base-ui-components/react\"],\n    originalDocUrl: \"https://base-ui.com/react/components/toast\",\n    description:\n      \"Displays brief, auto-expiring messages to provide feedback or alerts, similar to notifications but often less intrusive.\",\n  },\n  Tooltip: {\n    name: \"Tooltip\",\n    link: \"/tooltip\",\n    base: \"antd\",\n    refinements: [\n      \"Defaults the `arrow` prop to `false`, hiding the tooltip arrow by default (Ant Design's default shows an arrow).\",\n      \"Applies a BioTuring Design System specific CSS class `ds-tooltip`.\",\n      \"Custom CSS sets `min-height: auto;` for the inner content, allowing tooltips to be shorter than Ant Design's default minimum height.\",\n    ],\n    category: \"Overlay\",\n    originalDocUrl: \"https://ant.design/components/tooltip\",\n    description:\n      \"A simple text popup tip that appears when a user hovers over an element.\",\n  },\n  Tour: {\n    name: \"Tour\",\n    link: \"/tour\",\n    base: \"antd\",\n    refinements: [\n      \"Provides a custom default rendering for step indicators (`indicatorsRender`) if none is supplied. This includes a `current / total` text and visual dots for steps.\",\n      \"Applies BioTuring Design System specific CSS classes (e.g., `ds-tour`) for extensive styling.\",\n      \"Customizes typography for title, description, and indicator text using design system tokens.\",\n      \"Adjusts layout and spacing for header, footer, and content within the tour description (paragraphs, lists, icons).\",\n      \"Includes specific styling for the appearance of the custom default indicators (wrapper, summary text, active/inactive dots).\",\n    ],\n    category: \"Feedback\",\n    originalDocUrl: \"https://ant.design/components/tour\",\n    description:\n      \"A guided tour interface that leads users through specific features of an application.\",\n  },\n  Transition: {\n    name: \"Transition\",\n    link: \"/transition\",\n    base: \"base-ui\",\n    refinements: [\n      \"Wraps Base UI utilities (e.g., `useTransitionStatus`, `useRender`) and custom hooks (e.g., `useAnimationsFinished`) to manage element enter/leave transitions.\",\n      \"Accepts `starting` and `ending` props, which can be CSS class strings (for Tailwind) or style objects, to define transition states.\",\n      \"Dynamically applies `starting`/`ending` styles and sets `data-starting`/`data-ending` attributes on the child element based on transition phase.\",\n      \"Manages mounting/unmounting of children post-animation, with a `keepMounted` option, using a custom `useAnimationsFinished` hook.\",\n      \"Provides a declarative API for CSS-based transitions.\",\n    ],\n    category: \"Utility\",\n    packages: [\n      \"@base-ui-components/react/use-render\",\n      \"@base-ui-components/react/merge-props\",\n      \"@base-ui-components/react/utils\",\n    ],\n    originalDocUrl: \"https://base-ui.com/react/components\", // General Base UI components link as specific utility pages might vary\n    description:\n      \"Provides utilities for applying CSS transitions and animations to components.\",\n  },\n  Typography: {\n    name: \"Typography\",\n    link: \"/typography\",\n    base: \"antd\",\n    refinements: [\n      \"Extends Ant Design Typography with custom styles or additional text utilities\",\n    ],\n    category: \"Data Display\",\n    originalDocUrl: \"https://ant.design/components/typography\",\n    description:\n      \"Typography is a component that provides a set of tools for working with text, including text alignment, font size, and font weight.\",\n  },\n  Tree: {\n    name: \"Tree\",\n    link: \"/tree\",\n    base: \"antd\",\n    refinements: [\n      \"Utilizes rc-tree for core functionality\",\n      \"Enhanced features like custom node rendering, drag-and-drop, or advanced filtering\",\n    ],\n    category: \"Data Display\",\n    packages: [\"rc-tree\"],\n    originalDocUrl: \"https://ant.design/components/tree\",\n    description:\n      \"A hierarchical list structure component that presents nested data clearly.\",\n  },\n  Truncate: {\n    name: \"Truncate\",\n    link: \"/truncate\",\n    base: \"custom\",\n    refinements: [\n      \"Custom implementation for text truncation\",\n      \"Supports middle and end truncation\",\n      \"Configurable ellipsis and tooltip on hover\",\n      \"Multi-line truncation with configurable number of lines\",\n      \"Auto-height truncation that adapts to parent container size\",\n    ],\n    category: \"Data Display\",\n    description:\n      \"The Truncate component helps manage text overflow by truncating text elegantly and displaying an ellipsis. It supports truncation at the middle or end of the text.\",\n  },\n  Upload: {\n    name: \"Upload\",\n    link: \"/upload\",\n    base: \"antd\",\n    refinements: [\n      \"Defaults to a custom `itemRender` function that utilizes a bespoke `UploadItem` component for the file list.\",\n      \"`UploadItem` component features: file type icon, middle-truncated file name (using Truncate component), progress bar with status mapping, and a remove button.\",\n      \"Added `showRemoveButton` prop (defaults to true) on the `Upload` component to control visibility of the remove action in `UploadItem`.\",\n      \"`UploadItem` includes a slot for `extraActions` allowing additional custom controls per file.\",\n      \"Provides a default `Button` with `CloudArrowUp` icon and 'Upload Files' text if no children are passed to `Upload`.\",\n      \"Includes `Upload.Dragger` for drag-and-drop functionality, styled for the design system.\",\n      \"Exports `Upload.Item` (the UploadItem component) for potential direct use.\",\n      \"Applies BioTuring Design System specific styling and CSS classes.\",\n    ],\n    category: \"Data Entry\",\n    originalDocUrl: \"https://ant.design/components/upload\",\n    description: \"Allows users to select and upload files.\",\n  },\n  VerticalCollapsiblePanel: {\n    name: \"Vertical Collapsible Panel\",\n    link: \"/vertical-collapsible-panel\",\n    base: \"base-ui\",\n    refinements: [\n      \"Built upon `@base-ui-components/react` Collapsible components (`Collapsible.Root`, `Collapsible.Panel`).\",\n      \"Manages open/closed state with a custom `useControlledState` hook for controlled/uncontrolled behavior.\",\n      \"Features custom expand/collapse trigger icons (`MinusCircle`, `PlusCircle` from `@bioturing/assets`) via IconButton.\",\n      \"Automatically truncates string titles using the `Truncate` component.\",\n      \"Provides `afterTitle` and `actions` slots in the header for additional UI elements, visible when open.\",\n      \"Integrates the BioTuring `Transition` component for smooth open/close animations of the panel body, managed with `useAnimationsFinished` hook.\",\n      \"Offers a `contentPadding` prop (default `16px`) for customizable body padding via CSS variable `--ds-content-padding`.\",\n      \"Extensive custom CSS for layout, typography, and a unique feature: header text displays vertically (`writing-mode: vertical-rl`) when collapsed.\",\n      \"Supports `keepMounted` prop and applies Ant Design CSS variables for theming.\",\n    ],\n    category: \"Layout\",\n    packages: [\"@base-ui-components/react\"],\n    originalDocUrl:\n      \"https://base-ui.com/react/components/vertical-collapsible-panel\", // Assuming this kebab-case name for Base UI docs\n    description:\n      \"A panel that can be collapsed or expanded vertically, often used in sidebars or for sectioning content.\",\n  },\n} satisfies Record<string, ComponentMetadata>;\n\n/**\n * Get all components by category\n */\nexport const getComponentsByCategory = (): Record<\n  ComponentCategory,\n  ComponentMetadata[]\n> => {\n  const categories: Record<ComponentCategory, ComponentMetadata[]> = {\n    Actions: [],\n    General: [],\n    Layout: [],\n    Navigation: [],\n    \"Data Entry\": [],\n    \"Data Display\": [],\n    Feedback: [],\n    Overlay: [],\n    Utility: [],\n  };\n\n  Object.values(componentMetadata).forEach((component) => {\n    categories[component.category].push(component);\n  });\n\n  // Sort components alphabetically within each category\n  Object.keys(categories).forEach((category) => {\n    categories[category as ComponentCategory].sort((a, b) =>\n      a.name.localeCompare(b.name)\n    );\n  });\n\n  return categories;\n};\n"],"names":["componentMetadata","getComponentsByCategory","categories","component","category","a","b"],"mappings":"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"}