{
  "id": "doctolib-doctolib/nested-cuddling-pizza-subagent-aa07d663",
  "slug": "nested-cuddling-pizza-subagent-aa07d663",
  "title": "Session: nested-cuddling-pizza-subagent-aa07d663 — 2026-02-25",
  "type": "source",
  "project": "doctolib-doctolib",
  "date": "2026-02-25",
  "started": "2026-02-25T12:28:44.515000+00:00",
  "ended": "2026-02-25T12:30:42.164000+00:00",
  "model": "claude-haiku-4-5-20251001",
  "cwd": "/Users/USER/workspace/doctolib/doctolib",
  "git_branch": "master",
  "permission_mode": "",
  "user_messages": 1,
  "tool_calls": 24,
  "tools_used": [
    "Bash",
    "Read"
  ],
  "is_subagent": true,
  "wikilinks_out": [],
  "body_text": "Project: doctolib-doctolib · Branch: master · Mode:  · Model: claude-haiku-4-5-20251001\n\nStats: 1 user messages, 24 tool calls, tools used: Bash, Read.\n\nConversation\n\nTurn 1 — User\n\nExplore the Oxygen design system at /Users/USER/workspace/doctolib/oxygen/packages to find all available UI components. \n\nI need a comprehensive list of components with their:\n1. Component name (exported identifier)\n2. File path\n3. Brief description of what it does (from prop types or JSDoc)\n4. Key props (especially any related to: tables, modals, badges, buttons, forms, filters, checkboxes, date pickers, selects, pagination)\n\nFocus especially on components that would be useful for:\n- Modal/dialog containers\n- Data tables with sortable columns and row selection\n- Status badges/chips/tags\n- Action buttons (with disabled state)\n- Filter panels (checkboxes, date range pickers, select dropdowns)\n- Error banners/alerts\n- Loading states/spinners\n- Pagination controls\n- Headers/titles\n\nLook in /Users/USER/workspace/doctolib/oxygen/packages//src/ and find the main index.ts exports. \n\nPlease be thorough - list ALL component names that are exported from the design system's main index files. Also note if there's a Storybook or README with usage examples.\n\nTurn 1 — Assistant\n\nI'll help you explore the Oxygen design system and compile a comprehensive list of UI components. Let me start by examining the package structure.\n\nTools used:\n\n- Bash: find /Users/USER/workspace/doctolib/oxygen/packages -type f -name \"index.ts\" | head -20\n\nTool results:\n\n  → result (ok): /Users/USER/workspace/doctolib/oxygen/packages/core/src/tokens/index.ts\n/Users/USER/workspace/doctolib/oxygen/packages/toast/src/components/Toast/index.ts\n/Users/USER/workspace/doctolib/oxygen/packages/toast/src/components/ToastCard/index.ts\n/Users/USER/workspace/doctolib/oxygen/packages/toast/src/index.ts\n/Users/USER/workspace/doctolib/oxygen/packages/storybook-config/components/index.ts\n/Users/USER/workspace/doctolib/oxygen/packages/codemods/src/bin/index.ts\n/Users/USER/workspace/doctolib/oxyg\n…(truncated, 117 more chars)\n\nLet me explore the package structure more systematically.\n\nTools used:\n\n- Bash: ls -la /Users/USER/workspace/doctolib/oxygen/packages/\n\nTool results:\n\n  → result (ok): drwxr-xr-x clertonra staff 384 B  Wed Feb 25 13:12:45 2026 .\ndrwxr-xr-x clertonra staff 1.3 KB Wed Feb 25 13:12:45 2026 ..\ndrwxr-xr-x clertonra staff 608 B  Wed Feb 25 13:12:44 2026 b2b\ndrwxr-xr-x clertonra staff 576 B  Wed Feb 25 13:12:44 2026 b2c\ndrwxr-xr-x clertonra staff 448 B  Wed Feb 25 13:12:44 2026 codemods\ndrwxr-xr-x clertonra staff 832 B  Wed Feb 25 13:12:44 2026 core\ndrwxr-xr-x clertonra staff 480 B  Wed Feb 25 13:12:45 2026 icons\ndrwxr-xr-x clertonra staff 416 B  Wed Feb 25 13:12:45 \n…(truncated, 303 more chars)\n\nNow let me check the main component packages. Let me explore each one:\n\nTools used:\n\n- Bash: find /Users/USER/workspace/doctolib/oxygen/packages -type d -maxdepth 2 -name src\n\nTool results:\n\n  → result (ok): /Users/USER/workspace/doctolib/oxygen/packages/illustrative-icons/src\n/Users/USER/workspace/doctolib/oxygen/packages/core/src\n/Users/USER/workspace/doctolib/oxygen/packages/toast/src\n/Users/USER/workspace/doctolib/oxygen/packages/b2b/src\n/Users/USER/workspace/doctolib/oxygen/packages/b2c/src\n/Users/USER/workspace/doctolib/oxygen/packages/icons/src\n/Users/USER/workspace/doctolib/oxygen/packages/tokens/src\n/Users/USER/workspace/doctolib/oxygen/packages/codemods/src\n\nLet me check the main index files for each package:\n\nTools used:\n\n- Read: /Users/USER/workspace/doctolib/oxygen/packages/core/src\n\nTool results:\n\n  → result (ERROR): EISDIR: illegal operation on a directory, read '/Users/USER/workspace/doctolib/oxygen/packages/core/src'\n\nTools used:\n\n- Bash: find /Users/USER/workspace/doctolib/oxygen/packages/core/src -maxdepth 1 -name \"index.ts\" -o -name \"index.tsx\"\n\nTool results:\n\n  → result (ok)\n\nTools used:\n\n- Bash: ls -la /Users/USER/workspace/doctolib/oxygen/packages/core/src/ | head -30\n\nTool results:\n\n  → result (ok): drwxr-xr-x clertonra staff 1.1 KB Wed Feb 25 13:12:44 2026 .\ndrwxr-xr-x clertonra staff 832 B  Wed Feb 25 13:12:44 2026 ..\ndrwxr-xr-x clertonra staff 224 B  Wed Feb 25 13:12:44 2026 a11y\ndrwxr-xr-x clertonra staff 256 B  Wed Feb 25 13:12:44 2026 actions\ndrwxr-xr-x clertonra staff  96 B  Wed Feb 25 13:12:44 2026 collection\ndrwxr-xr-x clertonra staff 256 B  Wed Feb 25 13:12:44 2026 common\n.rw-r--r-- clertonra staff  45 B  Wed Feb 25 13:12:44 2026 constants.ts\ndrwxr-xr-x clertonra staff 832 B  Wed \n…(truncated, 1604 more chars)\n\nGood! Now let me check for the main exports. Let me look for index files in the core package:\n\nTools used:\n\n- Bash: find /Users/USER/workspace/doctolib/oxygen/packages/core -name \"index.ts\" -o -name \"index.tsx\" | sort\n\nTool results:\n\n  → result (ok): /Users/USER/workspace/doctolib/oxygen/packages/core/src/tokens/index.ts\n\nLet me check if there's a main entry point at the root level:\n\nTools used:\n\n- Bash: ls -la /Users/USER/workspace/doctolib/oxygen/packages/core/ | grep -E \"index|package\"\n\nTool results:\n\n  → result (ok): .rw-r--r-- clertonra staff  41 KB Wed Feb 25 13:12:44 2026 package.json\n\nTools used:\n\n- Read: /Users/USER/workspace/doctolib/oxygen/packages/core/package.json\n\nTool results:\n\n  → result (ok): 1→{\n     2→  \"name\": \"@doctolib/design-system\",\n     3→  \"version\": \"2.27.2\",\n     4→  \"license\": \"Doctolib\",\n     5→  \"description\": \"Doctolib's design system\",\n     6→  \"type\": \"module\",\n     7→  \"scripts\": {\n     8→    \"clean\": \"rm -rf node_modules/\",\n     9→    \"build\": \"rimraf dist/ && npm run -s sync-style-files && tsc --project tsconfig.build.json && tsc-alias --project tsconfig.build.json\",\n    10→    \"check-exports\": \"tsx ../../scripts/check-exports.ts\",\n    11→    \"dev\": \"nx run storyb\n…(truncated, 48648 more chars)\n\nPerfect! Now I have the main exports. Let me check the source files for component descriptions. Let me check a few key components to get their descriptions:\n\nTools used:\n\n- Read: /Users/USER/workspace/doctolib/oxygen/packages/core/src/dataDisplay/Table/Table.tsx (1–50)\n\nTool results:\n\n  → result (ok): 1→import './Table.scss'\n     2→\n     3→import classNames from 'classnames'\n     4→import type { ComponentPropsWithoutRef, ReactNode } from 'react'\n     5→\n     6→import type { SkeletonLoaderProps } from './TableSkeletonLoader'\n     7→import { TableSkeletonLoader } from './TableSkeletonLoader'\n     8→\n     9→type Props = {\n    10→  fixedLayout?: boolean | undefined\n    11→  className?: string | undefined\n    12→  children?: ReactNode\n    13→  loading?: boolean | undefined\n    14→  skeletonLoaderP\n…(truncated, 1458 more chars)\n\nExcellent! Now let me check some more components to get their prop descriptions. Let me check Modal, Dialog, Badge, Button, etc.:\n\nTools used:\n\n- Bash: head -50 /Users/USER/workspace/doctolib/oxygen/packages/core/src/overlays/Modal/Modal.tsx\n\nTool results:\n\n  → result (ok): import {\n  forwardRef,\n  useRef,\n  type ReactElement,\n  type ReactEventHandler,\n  type ReactNode,\n  type SyntheticEvent,\n} from 'react'\nimport MaterialModal from '@mui/material/Modal'\nimport classNames from 'classnames'\nimport { v4 as uuidv4 } from 'uuid'\nimport { _Transition as Transition } from '../_ModalTransition/_ModalTransition'\nimport { IconButton } from '../../actions/IconButton/v2/IconButton'\nimport { Button } from '../../actions/Button/Button'\nimport type { DrawerProps } from '../Drawe\n…(truncated, 1023 more chars)\n\nLet me gather prop info by checking several component files systematically:\n\nTools used:\n\n- Bash: grep -n \"^\\s/\\\\\" /Users/USER/workspace/doctolib/oxygen/packages/core/src/actions/Button/Button.tsx | head -5\n\nTool results:\n\n  → result (ok): 102:/\n\nTools used:\n\n- Read: /Users/USER/workspace/doctolib/oxygen/packages/core/src/actions/Button/Button.tsx (1–130)\n\nTool results:\n\n  → result (ok): 1→import './Button.scss'\n     2→\n     3→import classNames from 'classnames'\n     4→import {\n     5→  type ComponentPropsWithoutRef,\n     6→  type ComponentType,\n     7→  forwardRef,\n     8→  type MouseEventHandler,\n     9→  type TouchEventHandler,\n    10→} from 'react'\n    11→import type { DesignSystemIconComponent } from '@doctolib/design-system-icons'\n    12→import { Link } from 'react-router-dom'\n    13→\n    14→import { getIconByNameOrComponent } from '../../helpers/icons'\n    15→import type \n…(truncated, 4605 more chars)\n\nLet me now systematically gather component info by looking at multiple source files. Let me check several components in parallel:\n\nTools used:\n\n- Bash: for file in Badge Dialog Checkbox Select Pagination Alert EmptyState; do echo \"=== $file ===\"; head -40 /Users/USER/workspace/doctolib/oxygen/packages/core/src//$file/$file.tsx 2>/dev/null | gre\n…(truncated, 34 more chars)\n\nTool results:\n\n  → result (ok): === Badge ===\n/\n  A Badge is a small visual indicator component used to show notifications counts and/or highlight new or updated content.\n /\n=== Dialog ===\n/\n  A Dialog is a modal window that appears above the page content to deliver important information or request user confirmation for a specific action. To capture the user's full attention, the page content is inaccessible and hidden behind a Backdrop.\n \n=== Checkbox ===\n=== Select ===\n  / display mode of the field /\n  uiStyle?: '\n…(truncated, 306 more chars)\n\nGood! Now let me systematically extract the full component list and their descriptions. Let me read multiple component source files:\n\nTools used:\n\n- Read: /Users/USER/workspace/doctolib/oxygen/packages/core/src/dataDisplay/Badge/Badge.tsx (1–60)\n\nTool results:\n\n  → result (ok): 1→import type { ReactNode } from 'react'\n     2→import classNames from 'classnames'\n     3→import { Span } from '../text/Span'\n     4→import './Badge.scss'\n     5→\n     6→export type BadgeStyle =\n     7→  | 'info'\n     8→  | 'error'\n     9→  | 'success'\n    10→  | 'warning'\n    11→  | 'dark-info'\n    12→  | 'mute'\n    13→  | 'no-background'\n    14→  | 'neutral'\n    15→  | 'disabled'\n    16→\n    17→export type BadgeProps = {\n    18→  walkmeId?: string | undefined\n    19→  'aria-label'?: string | \n…(truncated, 1648 more chars)\n\nLet me now check additional important components and create a comprehensive list. Let me check more files in parallel:\n\nTools used:\n\n- Read: /Users/USER/workspace/doctolib/oxygen/packages/core/src/overlays/Dialog/Dialog.tsx (1–60)\n\nTool results:\n\n  → result (ok): 1→import './Dialog.scss'\n     2→\n     3→import classNames from 'classnames'\n     4→import type { DesignSystemIconComponent } from '@doctolib/design-system-icons'\n     5→import type { ReactEventHandler, ReactNode } from 'react'\n     6→\n     7→import { Button } from '../../actions/Button/Button'\n     8→import type { IconName } from '../../dataDisplay/Icon/Icon'\n     9→import { Modal, type ModalProps } from '../Modal/Modal'\n    10→import { ModalBody } from '../ModalBody/ModalBody'\n    11→import { M\n…(truncated, 2103 more chars)\n\nLet me check a few more critical components and gather more information about props:\n\nTools used:\n\n- Read: /Users/USER/workspace/doctolib/oxygen/packages/core/src/feedbacks/Alert/Alert.tsx (1–80)\n\nTool results:\n\n  → result (ok): 1→import './Alert.scss'\n     2→\n     3→import classNames from 'classnames'\n     4→import type { DesignSystemIconComponent } from '@doctolib/design-system-icons'\n     5→import type { MouseEventHandler, ReactElement, ReactNode } from 'react'\n     6→\n     7→import { Button } from '../../actions/Button/Button'\n     8→import { getIconByNameOrComponent } from '../../helpers/icons'\n     9→import { IconButton } from '../../actions/IconButton/v2/IconButton'\n    10→import type { IconName } from '../../dat\n…(truncated, 3027 more chars)\n\nLet me check the forms components now:\n\nTools used:\n\n- Bash: head -50 /Users/USER/workspace/doctolib/oxygen/packages/core/src/forms/Checkbox/Checkbox.tsx | grep -A 5 \"/\\\\\"\n\nTool results:\n\n  → result (ok)\n\nTools used:\n\n- Read: /Users/USER/workspace/doctolib/oxygen/packages/core/src/forms/Checkbox/Checkbox.tsx (1–70)\n\nTool results:\n\n  → result (ok): 1→import './Checkbox.scss'\n     2→\n     3→import type { ChangeEventHandler, FocusEventHandler, MouseEventHandler, ReactNode } from 'react'\n     4→import classNames from 'classnames'\n     5→import { forwardRef, useEffect, useImperativeHandle, useMemo, useRef } from 'react'\n     6→import { v4 as uuidv4 } from 'uuid'\n     7→\n     8→import { computeAriaDescribedBy } from '../private/aria'\n     9→import type { FieldState } from '../private/Field'\n    10→import { Icon } from '../../dataDisplay/Icon/Ic\n…(truncated, 2468 more chars)\n\nNow let me check pagination and a few more important components:\n\nTools used:\n\n- Read: /Users/USER/workspace/doctolib/oxygen/packages/core/src/navigation/Pagination/Pagination.tsx (1–70)\n\nTool results:\n\n  → result (ok): 1→import './Pagination.scss'\n     2→\n     3→import type { MouseEvent, MouseEventHandler, ReactNode } from 'react'\n     4→\n     5→import { Button } from '../../actions/Button/Button'\n     6→import { Icon } from '../../dataDisplay/Icon/Icon'\n     7→import classNames from 'classnames'\n     8→import { range } from 'lodash-es'\n     9→import { useTranslations } from '../../i18n/useTranslations'\n    10→\n    11→type PaginationButtonProps = {\n    12→  children?: ReactNode\n    13→  active?: boolean\n    14\n…(truncated, 1944 more chars)\n\nLet me check a few more components and also look for the Storybook documentation:\n\nTools used:\n\n- Bash: find /Users/USER/workspace/doctolib/oxygen/packages/core -name \".storybook\" -o -name \"README*\" | head -10\n\nTool results:\n\n  → result (ok): /Users/USER/workspace/doctolib/oxygen/packages/core/.storybook\n/Users/USER/workspace/doctolib/oxygen/packages/core/README.md\n/Users/USER/workspace/doctolib/oxygen/packages/core/public/emoji_picker_data/README.md\n/Users/USER/workspace/doctolib/oxygen/packages/core/src/README.mdx\n\nTools used:\n\n- Read: /Users/USER/workspace/doctolib/oxygen/packages/core/README.md\n\nTool results:\n\n  → result (ok): 1→# Oxygen\n     2→\n     3→## Storybook\n     4→\n     5→- Last release\n     6→- 🔐 Next release\n     7→\n     8→## Contributing\n     9→\n    10→Run this command line at the root to launch Storybook:\n    11→\n    12→    13→npm run dev\n    14→\n\n    15→\n    16→Add a new story to the component you want to work on.\n    17→\n    18→For instance, if you're making changes to the Textarea component, you c\n…(truncated, 5461 more chars)\n\nGreat! Now let me check Select and a few more form components to complete the picture:\n\nTools used:\n\n- Read: /Users/USER/workspace/doctolib/oxygen/packages/core/src/forms/Select/Select.tsx (1–80)\n\nTool results:\n\n  → result (ok): 1→import type { ChangeEventHandler, ComponentProps, ReactNode } from 'react'\n     2→import { forwardRef, useId, useMemo } from 'react'\n     3→\n     4→import { computeAriaDescribedBy } from '../private/aria'\n     5→import type { ContextualPopover } from '../../overlays/ContextualPopover/ContextualPopover'\n     6→import type { DataAttribute } from '../../common/DataAttribute/DataAttribute'\n     7→import type { FieldState } from '../private/Field'\n     8→import { getFieldInputId, getFieldLabelId } \n…(truncated, 3490 more chars)\n\nPerfect! Now let me quickly check a few more key components and then compile the comprehensive list:\n\nTools used:\n\n- Read: /Users/USER/workspace/doctolib/oxygen/packages/core/src/feedbacks/SpinnerLoader/SpinnerLoader.tsx (1–50)\n\nTool results:\n\n  → result (ok): 1→import type { ReactElement } from 'react'\n     2→import classNames from 'classnames'\n     3→import './SpinnerLoader.scss'\n     4→import { useTranslations } from '../../i18n/useTranslations'\n     5→\n     6→const SPINNER_SIZES = { xsmall: 8, small: 12, medium: 16, large: 24 } as const\n     7→const STROKE_WIDTH = 2\n     8→\n     9→export type SpinnerSize = keyof typeof SPINNER_SIZES\n    10→\n    11→const viewboxSize = (size: SpinnerSize): string => 0 0 ${SPINNER_SIZES[size] + 1} ${SPINNER_SIZES[si\n…(truncated, 1867 more chars)\n\nPerfect! Now I have enough information. Let me compile the comprehensive list of all Oxygen design system components based on the package.json exports I found earlier. Let me create a detailed report for the user:\n\nComprehensive Oxygen Design System Component List\n\nI've analyzed the Oxygen design system at /Users/USER/workspace/doctolib/oxygen/packages/core/ and extracted all exported components. Here's the complete list organized by category:\n\nOVERVIEW\n- Package Name: @doctolib/design-system\n- Version: 2.27.2\n- Storybook: https://doctolib.github.io/storybook/ (Last release) | https://doctolib.github.io/storybook-ephemerals/next (Next release)\n- Source Location: /Users/USER/workspace/doctolib/oxygen/packages/core/src/\n- Setup: Run npm run dev at the root to launch Storybook locally on port 9001\n\n---\n\nCOMPONENT CATEGORIES\n\nACTIONS (Button-like Components)\n1. Button (/dist/actions/Button/Button.js)\n   - Allows users to perform actions in pages, areas, modals\n   - Props: uiStyle (primary, primary-danger, secondary, tertiary-primary, tertiary-danger, tertiary-neutral, small-primary, small-neutral, small-danger, small-white, link-primary, link-danger, neutral), size (small, medium), disabled, loading, success, leftIcon, rightIcon, block, circle, square, floating\n   - Status: Deprecated - use Button/v2 instead\n\n2. Button/v2 (/dist/actions/Button/v2/Button.js)\n   - Modern button component version\n\n3. IconButton (/dist/actions/IconButton/IconButton.js)\n   - Button displaying only an icon\n\n4. IconButton/v2 (/dist/actions/IconButton/v2/IconButton.js)\n   - Modern icon button version\n\n5. ButtonFloating (/dist/actions/ButtonFloating/ButtonFloating.js)\n   - Floating action button\n\n6. ButtonWithLinkStyle (/dist/actions/ButtonWithLinkStyle/ButtonWithLinkStyle.js)\n   - Button styled as a link\n\n7. Dropdown (/dist/actions/Dropdown/Dropdown.js)\n   - Dropdown menu component\n\n8. DropdownTrigger (/dist/actions/Dropdown/DropdownTrigger.js)\n   - Trigger for dropdown menus\n\n9. Switch (/dist/actions/Switch/Switch.js)\n   - Toggle switch component\n   - Props: checked, disabled, onChange\n\n---\n\nDATA DISPLAY (Tables, Cards, Badges, Text)\n1. Table (/dist/dataDisplay/Table/Table.js)\n   - Displays sets of data in tabular format\n   - Props: fixedLayout, loading, skeletonLoaderProps, size (xsmall, small, medium)\n\n2. TableBody (/dist/dataDisplay/Table/TableBody.js)\n   - Table body container\n\n3. TableHead (/dist/dataDisplay/Table/TableHead.js)\n   - Table header container\n\n4. TableRow (/dist/dataDisplay/Table/TableRow.js)\n   - Table row component\n\n5. TableCell (/dist/dataDisplay/Table/TableCell.js)\n   - Table cell component\n\n6. TableHeadCell (/dist/dataDisplay/Table/TableHeadCell.js)\n   - Table header cell component\n\n7. TableHeadSelectAllCell (/dist/dataDisplay/Table/TableHeadSelectAllCell.js)\n   - Checkbox cell for selecting all rows\n\n8. TableSelectCell (/dist/dataDisplay/Table/TableSelectCell.js)\n   - Checkbox cell for row selection\n\n9. TableSkeletonLoader (/dist/dataDisplay/Table/TableSkeletonLoader.js)\n   - Loading skeleton for tables\n\n10. BulkSelect (/dist/dataDisplay/Table/Utils/BulkSelect.js)\n    - Utility for bulk row selection\n\n11. useTableSort (/dist/dataDisplay/Table/hooks/useTableSort.js)\n    - Hook for handling sortable columns\n\n12. Badge (/dist/dataDisplay/Badge/Badge.js)\n    - Small visual indicator for notifications/highlights\n    - Props: uiStyle (info, error, success, warning, dark-info, mute, no-background, neutral, disabled), size (small, medium, large), children\n\n13. Pill (/dist/dataDisplay/Pill/Pill.js)\n    - Pill-shaped badge component\n\n14. Card (/dist/dataDisplay/Card/Card.js)\n    - Generic card container\n\n15. CardSolid (/dist/dataDisplay/Card/v2/CardSolid/CardSolid.js)\n    - Solid card variant (v2)\n\n16. CardElevated (/dist/dataDisplay/Card/v2/CardElevated/CardElevated.js)\n    - Elevated card variant (v2)\n\n17. CardOutlined (/dist/dataDisplay/Card/v2/CardOutlined/CardOutlined.js)\n    - Outlined card variant (v2)\n\n18. CardCollapsible (/dist/dataDisplay/CardCollapsible/CardCollapsible.js)\n    - Collapsible card component\n\n19. Avatar (/dist/dataDisplay/Avatar/Avatar.js)\n    - User avatar component\n\n20. AvatarGroup (/dist/dataDisplay/AvatarGroup/AvatarGroup.js)\n    - Group of avatars\n\n21. Accordion (/dist/dataDisplay/Accordion/Accordion.js)\n    - Expandable/collapsible sections\n\n22. Divider (/dist/dataDisplay/Divider/Divider.js)\n    - Visual separator\n\n23. Icon (/dist/dataDisplay/Icon/Icon.js)\n    - Icon display component\n\n24. IllustrativeIcon (/dist/dataDisplay/IllustrativeIcon/IllustrativeIcon.js)\n    - Large illustrative icons\n\n25. Image (/dist/dataDisplay/Image/Image.js)\n    - Image display component\n\n26. Picture (/dist/dataDisplay/Picture/Picture.js)\n    - Picture/responsive image component\n\n27. EmojiPicker (/dist/dataDisplay/EmojiPicker/EmojiPicker.js)\n    - Emoji picker component\n\n28. FormattedDate (/dist/dataDisplay/FormattedDate/FormattedDate.js)\n    - Display formatted dates\n\n29. FormattedTime (/dist/dataDisplay/FormattedTime/FormattedTime.js)\n    - Display formatted times\n\n30. HTML (/dist/dataDisplay/HTML/HTML.js)\n    - Safely render HTML content\n\n31. LottieAnimation (/dist/dataDisplay/LottieAnimation/LottieAnimation.js)\n    - Lottie animation player\n\n32. CensorEmail (/dist/dataDisplay/privacy/CensorEmail.js)\n    - Privacy-aware email display\n\n33. CensorPhoneNumber (/dist/dataDisplay/privacy/CensorPhoneNumber.js)\n    - Privacy-aware phone number display\n\nText Components\n34. Text (/dist/dataDisplay/text/Text/Text.js)\n    - Generic text component\n\n35. Heading (/dist/dataDisplay/text/Heading.js)\n    - Heading/h1-h6 component\n\n36. Paragraph (/dist/dataDisplay/text/Paragraph.js)\n    - Paragraph text component\n\n37. Span (/dist/dataDisplay/text/Span.js)\n    - Span text component\n\n---\n\nFORMS (Input Fields, Checkboxes, Selects, etc.)\n1. InputText (/dist/forms/InputText/InputText.js)\n   - Text input field\n   - Props: value, onChange, disabled, label, placeholder, required, state (error/success), message\n\n2. RawInputText (/dist/forms/InputText/RawInputText.js)\n   - Unstyled text input\n\n3. InputPassword (/dist/forms/InputPassword/InputPassword.js)\n   - Password input field\n\n4. InputNumber (/dist/forms/InputNumber/InputNumber.js)\n   - Number input field\n\n5. InputDate (/dist/forms/InputDate/InputDate.js)\n   - Date picker input\n\n6. InputDateNoPicker (/dist/forms/InputDateNoPicker/InputDateNoPicker.js)\n   - Date input without picker\n\n7. InputColor (/dist/forms/InputColor/InputColor.js)\n   - Color picker input\n\n8. InputColor/v2 (/dist/forms/InputColor/v2/InputColor.js)\n   - Modern color picker (v2)\n\n9. Textarea (/dist/forms/Textarea/Textarea.js)\n   - Multi-line text input\n\n10. Checkbox (/dist/forms/Checkbox/Checkbox.js)\n    - Single checkbox\n    - Props: checked, disabled, onChange, label, indeterminate, state (error/success), message\n\n11. Checkbox/v2 (/dist/forms/Checkbox/v2/Checkbox.js)\n    - Modern checkbox version\n\n12. CheckboxGroup (/dist/forms/Checkbox/v2/CheckboxGroup.js)\n    - Group of checkboxes\n\n13. Radio (/dist/forms/Radio/Radio.js)\n    - Single radio button\n\n14. Radio/v2 (/dist/forms/RadioGroup/Radio.js)\n    - Modern radio button\n\n15. RadioGroup (/dist/forms/RadioGroup/RadioGroup.js)\n    - Group of radio buttons\n\n16. Select (/dist/forms/Select/Select.js)\n    - Dropdown select field\n    - Props: name, value, onChange, disabled, options, label, required, state, message, hint, placeholder, uiStyle (default/floating), renderO\n…(truncated, 9987 more chars)",
  "sha256": "02b1552171b01541",
  "source_url": "sessions/doctolib-doctolib/2026-02-25T12-28-doctolib-doctolib-nested-cuddling-pizza-subagent-aa07d663.html"
}