@dowel-ui/react 0.7.0 → 0.8.0

package/dist/registry/components.js.map

@@ -1 +1 @@
-{"version":3,"file":"components.js","names":["accordionMeta","activityFeedMeta","aiActionLedgerMeta","aiAgentPlanMeta","aiAgentStatusMeta","aiApprovalRequestMeta","aiConversationMeta","aiDisclosureMeta","aiExtractionReviewMeta","aiInlineCompletionMeta","aiMessageMeta","aiModelSelectorMeta","aiPromptInputMeta","aiReasoningMeta","aiResponseMeta","aiSourcesMeta","aiStructuredOutputMeta","aiSuggestedValueMeta","aiTokenUsageMeta","aiToolMeta","alertMeta","avatarMeta","badgeMeta","breadcrumbMeta","buttonMeta","calendarMeta","cardMeta","checkboxMeta","codeBlockMeta","collapsibleMeta","comboboxMeta","commandMeta","confirmTypedMeta","cronEditorMeta","dataTableMeta","datePickerMeta","dialogMeta","directionMeta","diffViewerMeta","dnsRecordMeta","drawerMeta","dropdownMenuMeta","emptyStateMeta","fileUploadMeta","formMeta","inputMeta","labelMeta","logViewerMeta","meterMeta","metricDeltaMeta","paginationMeta","permissionMatrixMeta","popoverMeta","progressMeta","radioGroupMeta","recordDiffMeta","secretFieldMeta","selectMeta","separatorMeta","sessionExpiryMeta","sheetMeta","sidebarMeta","shortcutRecorderMeta","skeletonMeta","sliderMeta","spinnerMeta","switchMeta","syncStatusMeta","tableMeta","tabsMeta","tagsInputMeta","timeRangePickerMeta","textareaMeta","toastMeta","tooltipMeta"],"sources":["../../src/registry/components.ts"],"sourcesContent":["import type { ComponentMeta } from \"./schema\";\n\nimport { meta as accordionMeta } from \"@/components/accordion/meta\";\nimport { meta as activityFeedMeta } from \"@/components/activity-feed/meta\";\nimport { meta as aiActionLedgerMeta } from \"@/components/ai-action-ledger/meta\";\nimport { meta as aiAgentPlanMeta } from \"@/components/ai-agent-plan/meta\";\nimport { meta as aiAgentStatusMeta } from \"@/components/ai-agent-status/meta\";\nimport { meta as aiApprovalRequestMeta } from \"@/components/ai-approval-request/meta\";\nimport { meta as aiConversationMeta } from \"@/components/ai-conversation/meta\";\nimport { meta as aiDisclosureMeta } from \"@/components/ai-disclosure/meta\";\nimport { meta as aiExtractionReviewMeta } from \"@/components/ai-extraction-review/meta\";\nimport { meta as aiInlineCompletionMeta } from \"@/components/ai-inline-completion/meta\";\nimport { meta as aiMessageMeta } from \"@/components/ai-message/meta\";\nimport { meta as aiModelSelectorMeta } from \"@/components/ai-model-selector/meta\";\nimport { meta as aiPromptInputMeta } from \"@/components/ai-prompt-input/meta\";\nimport { meta as aiReasoningMeta } from \"@/components/ai-reasoning/meta\";\nimport { meta as aiResponseMeta } from \"@/components/ai-response/meta\";\nimport { meta as aiSourcesMeta } from \"@/components/ai-sources/meta\";\nimport { meta as aiStructuredOutputMeta } from \"@/components/ai-structured-output/meta\";\nimport { meta as aiSuggestedValueMeta } from \"@/components/ai-suggested-value/meta\";\nimport { meta as aiTokenUsageMeta } from \"@/components/ai-token-usage/meta\";\nimport { meta as aiToolMeta } from \"@/components/ai-tool/meta\";\nimport { meta as alertMeta } from \"@/components/alert/meta\";\nimport { meta as avatarMeta } from \"@/components/avatar/meta\";\nimport { meta as badgeMeta } from \"@/components/badge/meta\";\nimport { meta as breadcrumbMeta } from \"@/components/breadcrumb/meta\";\nimport { meta as buttonMeta } from \"@/components/button/meta\";\nimport { meta as calendarMeta } from \"@/components/calendar/meta\";\nimport { meta as cardMeta } from \"@/components/card/meta\";\nimport { meta as checkboxMeta } from \"@/components/checkbox/meta\";\nimport { meta as codeBlockMeta } from \"@/components/code-block/meta\";\nimport { meta as collapsibleMeta } from \"@/components/collapsible/meta\";\nimport { meta as comboboxMeta } from \"@/components/combobox/meta\";\nimport { meta as commandMeta } from \"@/components/command/meta\";\nimport { meta as confirmTypedMeta } from \"@/components/confirm-typed/meta\";\nimport { meta as cronEditorMeta } from \"@/components/cron-editor/meta\";\nimport { meta as dataTableMeta } from \"@/components/data-table/meta\";\nimport { meta as datePickerMeta } from \"@/components/date-picker/meta\";\nimport { meta as directionMeta } from \"@/components/direction/meta\";\nimport { meta as dialogMeta } from \"@/components/dialog/meta\";\nimport { meta as diffViewerMeta } from \"@/components/diff-viewer/meta\";\nimport { meta as dnsRecordMeta } from \"@/components/dns-record/meta\";\nimport { meta as drawerMeta } from \"@/components/drawer/meta\";\nimport { meta as dropdownMenuMeta } from \"@/components/dropdown-menu/meta\";\nimport { meta as emptyStateMeta } from \"@/components/empty-state/meta\";\nimport { meta as fileUploadMeta } from \"@/components/file-upload/meta\";\nimport { meta as formMeta } from \"@/components/form/meta\";\nimport { meta as inputMeta } from \"@/components/input/meta\";\nimport { meta as labelMeta } from \"@/components/label/meta\";\nimport { meta as logViewerMeta } from \"@/components/log-viewer/meta\";\nimport { meta as meterMeta } from \"@/components/meter/meta\";\nimport { meta as metricDeltaMeta } from \"@/components/metric-delta/meta\";\nimport { meta as paginationMeta } from \"@/components/pagination/meta\";\nimport { meta as permissionMatrixMeta } from \"@/components/permission-matrix/meta\";\nimport { meta as popoverMeta } from \"@/components/popover/meta\";\nimport { meta as progressMeta } from \"@/components/progress/meta\";\nimport { meta as radioGroupMeta } from \"@/components/radio-group/meta\";\nimport { meta as recordDiffMeta } from \"@/components/record-diff/meta\";\nimport { meta as secretFieldMeta } from \"@/components/secret-field/meta\";\nimport { meta as selectMeta } from \"@/components/select/meta\";\nimport { meta as separatorMeta } from \"@/components/separator/meta\";\nimport { meta as sessionExpiryMeta } from \"@/components/session-expiry/meta\";\nimport { meta as sidebarMeta } from \"@/components/sidebar/meta\";\nimport { meta as sheetMeta } from \"@/components/sheet/meta\";\nimport { meta as shortcutRecorderMeta } from \"@/components/shortcut-recorder/meta\";\nimport { meta as skeletonMeta } from \"@/components/skeleton/meta\";\nimport { meta as sliderMeta } from \"@/components/slider/meta\";\nimport { meta as spinnerMeta } from \"@/components/spinner/meta\";\nimport { meta as switchMeta } from \"@/components/switch/meta\";\nimport { meta as syncStatusMeta } from \"@/components/sync-status/meta\";\nimport { meta as tableMeta } from \"@/components/table/meta\";\nimport { meta as tabsMeta } from \"@/components/tabs/meta\";\nimport { meta as tagsInputMeta } from \"@/components/tags-input/meta\";\nimport { meta as timeRangePickerMeta } from \"@/components/time-range-picker/meta\";\nimport { meta as textareaMeta } from \"@/components/textarea/meta\";\nimport { meta as toastMeta } from \"@/components/toast/meta\";\nimport { meta as tooltipMeta } from \"@/components/tooltip/meta\";\n\n/**\n * Every component in the registry.\n *\n * An explicit list rather than a glob: the registry build runs in plain Node,\n * where bundler-only globbing is unavailable, and a static list is also what\n * lets the bundle tree-shake. `meta.test.ts` fails if a component directory\n * exists that is missing from here, so it cannot silently fall out of date.\n *\n * Identifiers carry a `Meta` suffix because component names include reserved\n * words — `switch` cannot be a binding name.\n */\nexport const componentMetas: ComponentMeta[] = [\n  accordionMeta,\n  activityFeedMeta,\n  aiActionLedgerMeta,\n  aiAgentPlanMeta,\n  aiAgentStatusMeta,\n  aiApprovalRequestMeta,\n  aiConversationMeta,\n  aiDisclosureMeta,\n  aiExtractionReviewMeta,\n  aiInlineCompletionMeta,\n  aiMessageMeta,\n  aiModelSelectorMeta,\n  aiPromptInputMeta,\n  aiReasoningMeta,\n  aiResponseMeta,\n  aiSourcesMeta,\n  aiStructuredOutputMeta,\n  aiSuggestedValueMeta,\n  aiTokenUsageMeta,\n  aiToolMeta,\n  alertMeta,\n  avatarMeta,\n  badgeMeta,\n  breadcrumbMeta,\n  buttonMeta,\n  calendarMeta,\n  cardMeta,\n  checkboxMeta,\n  codeBlockMeta,\n  collapsibleMeta,\n  comboboxMeta,\n  commandMeta,\n  confirmTypedMeta,\n  cronEditorMeta,\n  dataTableMeta,\n  datePickerMeta,\n  dialogMeta,\n  directionMeta,\n  diffViewerMeta,\n  dnsRecordMeta,\n  drawerMeta,\n  dropdownMenuMeta,\n  emptyStateMeta,\n  fileUploadMeta,\n  formMeta,\n  inputMeta,\n  labelMeta,\n  logViewerMeta,\n  meterMeta,\n  metricDeltaMeta,\n  paginationMeta,\n  permissionMatrixMeta,\n  popoverMeta,\n  progressMeta,\n  radioGroupMeta,\n  recordDiffMeta,\n  secretFieldMeta,\n  selectMeta,\n  separatorMeta,\n  sessionExpiryMeta,\n  sheetMeta,\n  sidebarMeta,\n  shortcutRecorderMeta,\n  skeletonMeta,\n  sliderMeta,\n  spinnerMeta,\n  switchMeta,\n  syncStatusMeta,\n  tableMeta,\n  tabsMeta,\n  tagsInputMeta,\n  timeRangePickerMeta,\n  textareaMeta,\n  toastMeta,\n  tooltipMeta,\n];\n\n// This file is the `@dowel-ui/react/registry` entry point, so the block barrel is\n// re-exported here — the registry build reads both through one import.\nexport { blockMetas } from \"./blocks\";\nexport { COMPONENT_CATEGORIES, COMPONENT_STATUSES } from \"./schema\";\nexport type { ComponentCategory, ComponentMeta, ComponentStatus } from \"./schema\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyFA,MAAa,iBAAkC;CAC7CA;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;AACF"}
+{"version":3,"file":"components.js","names":["accordionMeta","activityFeedMeta","aiActionLedgerMeta","aiAgentPlanMeta","aiAgentStatusMeta","aiApprovalRequestMeta","aiConversationMeta","aiDisclosureMeta","aiExtractionReviewMeta","aiInlineCompletionMeta","aiMessageMeta","aiModelSelectorMeta","aiPromptInputMeta","aiReasoningMeta","aiResponseMeta","aiSourcesMeta","aiStructuredOutputMeta","aiSuggestedValueMeta","aiTokenUsageMeta","aiToolMeta","alertMeta","avatarMeta","badgeMeta","breadcrumbMeta","buttonMeta","calendarMeta","cardMeta","checkboxMeta","codeBlockMeta","collapsibleMeta","comboboxMeta","commandMeta","confirmTypedMeta","cronEditorMeta","dataTableMeta","datePickerMeta","dialogMeta","directionMeta","diffViewerMeta","dnsRecordMeta","drawerMeta","dropdownMenuMeta","emptyStateMeta","fileUploadMeta","formMeta","inputMeta","labelMeta","logViewerMeta","meterMeta","metricDeltaMeta","paginationMeta","permissionMatrixMeta","popoverMeta","progressMeta","radioGroupMeta","recordDiffMeta","secretFieldMeta","selectMeta","separatorMeta","sessionExpiryMeta","sheetMeta","sidebarMeta","shortcutRecorderMeta","skeletonMeta","sliderMeta","spinnerMeta","switchMeta","syncStatusMeta","tableMeta","tabsMeta","tagsInputMeta","timeRangePickerMeta","textareaMeta","toastMeta","tooltipMeta","dotsLoaderMeta","ringLoaderMeta","barLoaderMeta","shapeLoaderMeta","textLoaderMeta","gridLoaderMeta","morphButtonMeta","effectButtonMeta","magneticButtonMeta","dotMorphButtonMeta","focusBlurLinksMeta","copyButtonMeta","textEffectMeta","textSwapMeta","shimmerTextMeta","scrambleTextMeta","typewriterTextMeta","scrollRevealTextMeta","numberFlowMeta","cardSpreadMeta","carousel3dMeta","timeStackMeta","expandableCardsMeta","glowCardMeta","photoStackMeta","cardStackMeta","bookMeta","productCardMeta","marqueeMeta","reviewsCarouselMeta","inviteCarouselMeta","swipeCarouselMeta","imageAccordionMeta","tiltCardMeta","ditherCanvasMeta","ditherDonutMeta","ditherBarMeta","ditherAreaMeta","ditherLineMeta","ditherHeatmapMeta","ditherGaugeMeta","ditherScatterMeta","ditherFunnelMeta","ditherMeterMeta","uptimeMatrixMeta","avatarGroupMeta","appStackMeta","contributionGraphMeta","starCountMeta","notificationBadgeMeta","switchboardCardMeta","islandMeta","morphSurfaceMeta","gooeyPopoverMeta","richPopoverMeta","commentBubbleMeta","accountMenuMeta","exposureSliderMeta","scrubberMeta","imageSelectorMeta","imageMetadataMeta","photoTabsMeta","socialSelectorMeta","expandableListMeta","otpInputMeta","stepperMeta","contextMenuMeta","tweetCardMeta","cursorFollowMeta","gradientOrbMeta","orbFaceMeta","pixelAvatarMeta","aiLoaderMeta","aiSuggestionsMeta","aiBranchMeta","aiArtifactMeta","shaderTransitionMeta","magneticSelectMeta","aspectMorphMeta","createMenuMeta","radialMenuMeta","canvasToolbarMeta","gooTabsMeta","assigneePickerMeta","selectionListMeta","browserTabsMeta","actionNodeMeta","gooBallMeta","glassBubbleMeta","dragStepperMeta","sloshSliderMeta","reorderListMeta","magnifyDockMeta","rangeDialMeta","foldingFrameMeta","slideToConfirmMeta","pullToRefreshMeta","todoTowerMeta","paletteGeneratorMeta","inlineConfirmMeta","liquidToggleMeta","animatedChecklistMeta","nowPlayingMeta","notifyButtonMeta","tickProgressMeta","escapeButtonMeta","expandingSearchMeta","dialMeta","commandBarMeta"],"sources":["../../src/registry/components.ts"],"sourcesContent":["import type { ComponentMeta } from \"./schema\";\n\nimport { meta as accordionMeta } from \"@/components/accordion/meta\";\nimport { meta as activityFeedMeta } from \"@/components/activity-feed/meta\";\nimport { meta as aiActionLedgerMeta } from \"@/components/ai-action-ledger/meta\";\nimport { meta as aiAgentPlanMeta } from \"@/components/ai-agent-plan/meta\";\nimport { meta as aiAgentStatusMeta } from \"@/components/ai-agent-status/meta\";\nimport { meta as aiApprovalRequestMeta } from \"@/components/ai-approval-request/meta\";\nimport { meta as aiConversationMeta } from \"@/components/ai-conversation/meta\";\nimport { meta as aiDisclosureMeta } from \"@/components/ai-disclosure/meta\";\nimport { meta as aiExtractionReviewMeta } from \"@/components/ai-extraction-review/meta\";\nimport { meta as aiInlineCompletionMeta } from \"@/components/ai-inline-completion/meta\";\nimport { meta as aiMessageMeta } from \"@/components/ai-message/meta\";\nimport { meta as aiModelSelectorMeta } from \"@/components/ai-model-selector/meta\";\nimport { meta as aiPromptInputMeta } from \"@/components/ai-prompt-input/meta\";\nimport { meta as aiReasoningMeta } from \"@/components/ai-reasoning/meta\";\nimport { meta as aiResponseMeta } from \"@/components/ai-response/meta\";\nimport { meta as aiSourcesMeta } from \"@/components/ai-sources/meta\";\nimport { meta as aiStructuredOutputMeta } from \"@/components/ai-structured-output/meta\";\nimport { meta as aiSuggestedValueMeta } from \"@/components/ai-suggested-value/meta\";\nimport { meta as aiTokenUsageMeta } from \"@/components/ai-token-usage/meta\";\nimport { meta as aiToolMeta } from \"@/components/ai-tool/meta\";\nimport { meta as alertMeta } from \"@/components/alert/meta\";\nimport { meta as avatarMeta } from \"@/components/avatar/meta\";\nimport { meta as badgeMeta } from \"@/components/badge/meta\";\nimport { meta as breadcrumbMeta } from \"@/components/breadcrumb/meta\";\nimport { meta as buttonMeta } from \"@/components/button/meta\";\nimport { meta as calendarMeta } from \"@/components/calendar/meta\";\nimport { meta as cardMeta } from \"@/components/card/meta\";\nimport { meta as checkboxMeta } from \"@/components/checkbox/meta\";\nimport { meta as codeBlockMeta } from \"@/components/code-block/meta\";\nimport { meta as collapsibleMeta } from \"@/components/collapsible/meta\";\nimport { meta as comboboxMeta } from \"@/components/combobox/meta\";\nimport { meta as commandMeta } from \"@/components/command/meta\";\nimport { meta as confirmTypedMeta } from \"@/components/confirm-typed/meta\";\nimport { meta as cronEditorMeta } from \"@/components/cron-editor/meta\";\nimport { meta as dataTableMeta } from \"@/components/data-table/meta\";\nimport { meta as datePickerMeta } from \"@/components/date-picker/meta\";\nimport { meta as directionMeta } from \"@/components/direction/meta\";\nimport { meta as dialogMeta } from \"@/components/dialog/meta\";\nimport { meta as diffViewerMeta } from \"@/components/diff-viewer/meta\";\nimport { meta as dnsRecordMeta } from \"@/components/dns-record/meta\";\nimport { meta as drawerMeta } from \"@/components/drawer/meta\";\nimport { meta as dropdownMenuMeta } from \"@/components/dropdown-menu/meta\";\nimport { meta as emptyStateMeta } from \"@/components/empty-state/meta\";\nimport { meta as fileUploadMeta } from \"@/components/file-upload/meta\";\nimport { meta as formMeta } from \"@/components/form/meta\";\nimport { meta as inputMeta } from \"@/components/input/meta\";\nimport { meta as labelMeta } from \"@/components/label/meta\";\nimport { meta as logViewerMeta } from \"@/components/log-viewer/meta\";\nimport { meta as meterMeta } from \"@/components/meter/meta\";\nimport { meta as metricDeltaMeta } from \"@/components/metric-delta/meta\";\nimport { meta as paginationMeta } from \"@/components/pagination/meta\";\nimport { meta as permissionMatrixMeta } from \"@/components/permission-matrix/meta\";\nimport { meta as popoverMeta } from \"@/components/popover/meta\";\nimport { meta as progressMeta } from \"@/components/progress/meta\";\nimport { meta as radioGroupMeta } from \"@/components/radio-group/meta\";\nimport { meta as recordDiffMeta } from \"@/components/record-diff/meta\";\nimport { meta as secretFieldMeta } from \"@/components/secret-field/meta\";\nimport { meta as selectMeta } from \"@/components/select/meta\";\nimport { meta as separatorMeta } from \"@/components/separator/meta\";\nimport { meta as sessionExpiryMeta } from \"@/components/session-expiry/meta\";\nimport { meta as sidebarMeta } from \"@/components/sidebar/meta\";\nimport { meta as sheetMeta } from \"@/components/sheet/meta\";\nimport { meta as shortcutRecorderMeta } from \"@/components/shortcut-recorder/meta\";\nimport { meta as skeletonMeta } from \"@/components/skeleton/meta\";\nimport { meta as sliderMeta } from \"@/components/slider/meta\";\nimport { meta as spinnerMeta } from \"@/components/spinner/meta\";\nimport { meta as switchMeta } from \"@/components/switch/meta\";\nimport { meta as syncStatusMeta } from \"@/components/sync-status/meta\";\nimport { meta as tableMeta } from \"@/components/table/meta\";\nimport { meta as tabsMeta } from \"@/components/tabs/meta\";\nimport { meta as tagsInputMeta } from \"@/components/tags-input/meta\";\nimport { meta as timeRangePickerMeta } from \"@/components/time-range-picker/meta\";\nimport { meta as textareaMeta } from \"@/components/textarea/meta\";\nimport { meta as toastMeta } from \"@/components/toast/meta\";\nimport { meta as tooltipMeta } from \"@/components/tooltip/meta\";\nimport { meta as dotsLoaderMeta } from \"@/components/dots-loader/meta\";\nimport { meta as ringLoaderMeta } from \"@/components/ring-loader/meta\";\nimport { meta as barLoaderMeta } from \"@/components/bar-loader/meta\";\nimport { meta as shapeLoaderMeta } from \"@/components/shape-loader/meta\";\nimport { meta as textLoaderMeta } from \"@/components/text-loader/meta\";\nimport { meta as gridLoaderMeta } from \"@/components/grid-loader/meta\";\nimport { meta as morphButtonMeta } from \"@/components/morph-button/meta\";\nimport { meta as effectButtonMeta } from \"@/components/effect-button/meta\";\nimport { meta as magneticButtonMeta } from \"@/components/magnetic-button/meta\";\nimport { meta as dotMorphButtonMeta } from \"@/components/dot-morph-button/meta\";\nimport { meta as focusBlurLinksMeta } from \"@/components/focus-blur-links/meta\";\nimport { meta as copyButtonMeta } from \"@/components/copy-button/meta\";\nimport { meta as textEffectMeta } from \"@/components/text-effect/meta\";\nimport { meta as textSwapMeta } from \"@/components/text-swap/meta\";\nimport { meta as shimmerTextMeta } from \"@/components/shimmer-text/meta\";\nimport { meta as scrambleTextMeta } from \"@/components/scramble-text/meta\";\nimport { meta as typewriterTextMeta } from \"@/components/typewriter-text/meta\";\nimport { meta as scrollRevealTextMeta } from \"@/components/scroll-reveal-text/meta\";\nimport { meta as numberFlowMeta } from \"@/components/number-flow/meta\";\nimport { meta as cardSpreadMeta } from \"@/components/card-spread/meta\";\nimport { meta as carousel3dMeta } from \"@/components/carousel-3d/meta\";\nimport { meta as timeStackMeta } from \"@/components/time-stack/meta\";\nimport { meta as expandableCardsMeta } from \"@/components/expandable-cards/meta\";\nimport { meta as glowCardMeta } from \"@/components/glow-card/meta\";\nimport { meta as photoStackMeta } from \"@/components/photo-stack/meta\";\nimport { meta as cardStackMeta } from \"@/components/card-stack/meta\";\nimport { meta as bookMeta } from \"@/components/book/meta\";\nimport { meta as productCardMeta } from \"@/components/product-card/meta\";\nimport { meta as marqueeMeta } from \"@/components/marquee/meta\";\nimport { meta as reviewsCarouselMeta } from \"@/components/reviews-carousel/meta\";\nimport { meta as inviteCarouselMeta } from \"@/components/invite-carousel/meta\";\nimport { meta as swipeCarouselMeta } from \"@/components/swipe-carousel/meta\";\nimport { meta as imageAccordionMeta } from \"@/components/image-accordion/meta\";\nimport { meta as tiltCardMeta } from \"@/components/tilt-card/meta\";\nimport { meta as ditherCanvasMeta } from \"@/components/dither-canvas/meta\";\nimport { meta as ditherDonutMeta } from \"@/components/dither-donut/meta\";\nimport { meta as ditherBarMeta } from \"@/components/dither-bar/meta\";\nimport { meta as ditherAreaMeta } from \"@/components/dither-area/meta\";\nimport { meta as ditherLineMeta } from \"@/components/dither-line/meta\";\nimport { meta as ditherHeatmapMeta } from \"@/components/dither-heatmap/meta\";\nimport { meta as ditherGaugeMeta } from \"@/components/dither-gauge/meta\";\nimport { meta as ditherScatterMeta } from \"@/components/dither-scatter/meta\";\nimport { meta as ditherFunnelMeta } from \"@/components/dither-funnel/meta\";\nimport { meta as ditherMeterMeta } from \"@/components/dither-meter/meta\";\nimport { meta as uptimeMatrixMeta } from \"@/components/uptime-matrix/meta\";\nimport { meta as avatarGroupMeta } from \"@/components/avatar-group/meta\";\nimport { meta as appStackMeta } from \"@/components/app-stack/meta\";\nimport { meta as contributionGraphMeta } from \"@/components/contribution-graph/meta\";\nimport { meta as starCountMeta } from \"@/components/star-count/meta\";\nimport { meta as notificationBadgeMeta } from \"@/components/notification-badge/meta\";\nimport { meta as switchboardCardMeta } from \"@/components/switchboard-card/meta\";\nimport { meta as islandMeta } from \"@/components/island/meta\";\nimport { meta as morphSurfaceMeta } from \"@/components/morph-surface/meta\";\nimport { meta as gooeyPopoverMeta } from \"@/components/gooey-popover/meta\";\nimport { meta as richPopoverMeta } from \"@/components/rich-popover/meta\";\nimport { meta as commentBubbleMeta } from \"@/components/comment-bubble/meta\";\nimport { meta as accountMenuMeta } from \"@/components/account-menu/meta\";\nimport { meta as exposureSliderMeta } from \"@/components/exposure-slider/meta\";\nimport { meta as scrubberMeta } from \"@/components/scrubber/meta\";\nimport { meta as imageSelectorMeta } from \"@/components/image-selector/meta\";\nimport { meta as imageMetadataMeta } from \"@/components/image-metadata/meta\";\nimport { meta as photoTabsMeta } from \"@/components/photo-tabs/meta\";\nimport { meta as socialSelectorMeta } from \"@/components/social-selector/meta\";\nimport { meta as expandableListMeta } from \"@/components/expandable-list/meta\";\nimport { meta as otpInputMeta } from \"@/components/otp-input/meta\";\nimport { meta as stepperMeta } from \"@/components/stepper/meta\";\nimport { meta as contextMenuMeta } from \"@/components/context-menu/meta\";\nimport { meta as tweetCardMeta } from \"@/components/tweet-card/meta\";\nimport { meta as cursorFollowMeta } from \"@/components/cursor-follow/meta\";\nimport { meta as gradientOrbMeta } from \"@/components/gradient-orb/meta\";\nimport { meta as orbFaceMeta } from \"@/components/orb-face/meta\";\nimport { meta as pixelAvatarMeta } from \"@/components/pixel-avatar/meta\";\nimport { meta as aiLoaderMeta } from \"@/components/ai-loader/meta\";\nimport { meta as aiSuggestionsMeta } from \"@/components/ai-suggestions/meta\";\nimport { meta as aiBranchMeta } from \"@/components/ai-branch/meta\";\nimport { meta as aiArtifactMeta } from \"@/components/ai-artifact/meta\";\nimport { meta as shaderTransitionMeta } from \"@/components/shader-transition/meta\";\nimport { meta as magneticSelectMeta } from \"@/components/magnetic-select/meta\";\nimport { meta as aspectMorphMeta } from \"@/components/aspect-morph/meta\";\nimport { meta as createMenuMeta } from \"@/components/create-menu/meta\";\nimport { meta as radialMenuMeta } from \"@/components/radial-menu/meta\";\nimport { meta as canvasToolbarMeta } from \"@/components/canvas-toolbar/meta\";\nimport { meta as gooTabsMeta } from \"@/components/goo-tabs/meta\";\nimport { meta as assigneePickerMeta } from \"@/components/assignee-picker/meta\";\nimport { meta as selectionListMeta } from \"@/components/selection-list/meta\";\nimport { meta as browserTabsMeta } from \"@/components/browser-tabs/meta\";\nimport { meta as actionNodeMeta } from \"@/components/action-node/meta\";\nimport { meta as gooBallMeta } from \"@/components/goo-ball/meta\";\nimport { meta as glassBubbleMeta } from \"@/components/glass-bubble/meta\";\nimport { meta as dragStepperMeta } from \"@/components/drag-stepper/meta\";\nimport { meta as sloshSliderMeta } from \"@/components/slosh-slider/meta\";\nimport { meta as reorderListMeta } from \"@/components/reorder-list/meta\";\nimport { meta as magnifyDockMeta } from \"@/components/magnify-dock/meta\";\nimport { meta as rangeDialMeta } from \"@/components/range-dial/meta\";\nimport { meta as foldingFrameMeta } from \"@/components/folding-frame/meta\";\nimport { meta as slideToConfirmMeta } from \"@/components/slide-to-confirm/meta\";\nimport { meta as pullToRefreshMeta } from \"@/components/pull-to-refresh/meta\";\nimport { meta as todoTowerMeta } from \"@/components/todo-tower/meta\";\nimport { meta as paletteGeneratorMeta } from \"@/components/palette-generator/meta\";\nimport { meta as inlineConfirmMeta } from \"@/components/inline-confirm/meta\";\nimport { meta as liquidToggleMeta } from \"@/components/liquid-toggle/meta\";\nimport { meta as animatedChecklistMeta } from \"@/components/animated-checklist/meta\";\nimport { meta as nowPlayingMeta } from \"@/components/now-playing/meta\";\nimport { meta as notifyButtonMeta } from \"@/components/notify-button/meta\";\nimport { meta as tickProgressMeta } from \"@/components/tick-progress/meta\";\nimport { meta as escapeButtonMeta } from \"@/components/escape-button/meta\";\nimport { meta as expandingSearchMeta } from \"@/components/expanding-search/meta\";\nimport { meta as dialMeta } from \"@/components/dial/meta\";\nimport { meta as commandBarMeta } from \"@/components/command-bar/meta\";\n\n/**\n * Every component in the registry.\n *\n * An explicit list rather than a glob: the registry build runs in plain Node,\n * where bundler-only globbing is unavailable, and a static list is also what\n * lets the bundle tree-shake. `meta.test.ts` fails if a component directory\n * exists that is missing from here, so it cannot silently fall out of date.\n *\n * Identifiers carry a `Meta` suffix because component names include reserved\n * words — `switch` cannot be a binding name.\n */\nexport const componentMetas: ComponentMeta[] = [\n  accordionMeta,\n  activityFeedMeta,\n  aiActionLedgerMeta,\n  aiAgentPlanMeta,\n  aiAgentStatusMeta,\n  aiApprovalRequestMeta,\n  aiConversationMeta,\n  aiDisclosureMeta,\n  aiExtractionReviewMeta,\n  aiInlineCompletionMeta,\n  aiMessageMeta,\n  aiModelSelectorMeta,\n  aiPromptInputMeta,\n  aiReasoningMeta,\n  aiResponseMeta,\n  aiSourcesMeta,\n  aiStructuredOutputMeta,\n  aiSuggestedValueMeta,\n  aiTokenUsageMeta,\n  aiToolMeta,\n  alertMeta,\n  avatarMeta,\n  badgeMeta,\n  breadcrumbMeta,\n  buttonMeta,\n  calendarMeta,\n  cardMeta,\n  checkboxMeta,\n  codeBlockMeta,\n  collapsibleMeta,\n  comboboxMeta,\n  commandMeta,\n  confirmTypedMeta,\n  cronEditorMeta,\n  dataTableMeta,\n  datePickerMeta,\n  dialogMeta,\n  directionMeta,\n  diffViewerMeta,\n  dnsRecordMeta,\n  drawerMeta,\n  dropdownMenuMeta,\n  emptyStateMeta,\n  fileUploadMeta,\n  formMeta,\n  inputMeta,\n  labelMeta,\n  logViewerMeta,\n  meterMeta,\n  metricDeltaMeta,\n  paginationMeta,\n  permissionMatrixMeta,\n  popoverMeta,\n  progressMeta,\n  radioGroupMeta,\n  recordDiffMeta,\n  secretFieldMeta,\n  selectMeta,\n  separatorMeta,\n  sessionExpiryMeta,\n  sheetMeta,\n  sidebarMeta,\n  shortcutRecorderMeta,\n  skeletonMeta,\n  sliderMeta,\n  spinnerMeta,\n  switchMeta,\n  syncStatusMeta,\n  tableMeta,\n  tabsMeta,\n  tagsInputMeta,\n  timeRangePickerMeta,\n  textareaMeta,\n  toastMeta,\n  tooltipMeta,\n  dotsLoaderMeta,\n  ringLoaderMeta,\n  barLoaderMeta,\n  shapeLoaderMeta,\n  textLoaderMeta,\n  gridLoaderMeta,\n  morphButtonMeta,\n  effectButtonMeta,\n  magneticButtonMeta,\n  dotMorphButtonMeta,\n  focusBlurLinksMeta,\n  copyButtonMeta,\n  textEffectMeta,\n  textSwapMeta,\n  shimmerTextMeta,\n  scrambleTextMeta,\n  typewriterTextMeta,\n  scrollRevealTextMeta,\n  numberFlowMeta,\n  cardSpreadMeta,\n  carousel3dMeta,\n  timeStackMeta,\n  expandableCardsMeta,\n  glowCardMeta,\n  photoStackMeta,\n  cardStackMeta,\n  bookMeta,\n  productCardMeta,\n  marqueeMeta,\n  reviewsCarouselMeta,\n  inviteCarouselMeta,\n  swipeCarouselMeta,\n  imageAccordionMeta,\n  tiltCardMeta,\n  ditherCanvasMeta,\n  ditherDonutMeta,\n  ditherBarMeta,\n  ditherAreaMeta,\n  ditherLineMeta,\n  ditherHeatmapMeta,\n  ditherGaugeMeta,\n  ditherScatterMeta,\n  ditherFunnelMeta,\n  ditherMeterMeta,\n  uptimeMatrixMeta,\n  avatarGroupMeta,\n  appStackMeta,\n  contributionGraphMeta,\n  starCountMeta,\n  notificationBadgeMeta,\n  switchboardCardMeta,\n  islandMeta,\n  morphSurfaceMeta,\n  gooeyPopoverMeta,\n  richPopoverMeta,\n  commentBubbleMeta,\n  accountMenuMeta,\n  exposureSliderMeta,\n  scrubberMeta,\n  imageSelectorMeta,\n  imageMetadataMeta,\n  photoTabsMeta,\n  socialSelectorMeta,\n  expandableListMeta,\n  otpInputMeta,\n  stepperMeta,\n  contextMenuMeta,\n  tweetCardMeta,\n  cursorFollowMeta,\n  gradientOrbMeta,\n  orbFaceMeta,\n  pixelAvatarMeta,\n  aiLoaderMeta,\n  aiSuggestionsMeta,\n  aiBranchMeta,\n  aiArtifactMeta,\n  shaderTransitionMeta,\n  magneticSelectMeta,\n  aspectMorphMeta,\n  createMenuMeta,\n  radialMenuMeta,\n  canvasToolbarMeta,\n  gooTabsMeta,\n  assigneePickerMeta,\n  selectionListMeta,\n  browserTabsMeta,\n  actionNodeMeta,\n  gooBallMeta,\n  glassBubbleMeta,\n  dragStepperMeta,\n  sloshSliderMeta,\n  reorderListMeta,\n  magnifyDockMeta,\n  rangeDialMeta,\n  foldingFrameMeta,\n  slideToConfirmMeta,\n  pullToRefreshMeta,\n  todoTowerMeta,\n  paletteGeneratorMeta,\n  inlineConfirmMeta,\n  liquidToggleMeta,\n  animatedChecklistMeta,\n  nowPlayingMeta,\n  notifyButtonMeta,\n  tickProgressMeta,\n  escapeButtonMeta,\n  expandingSearchMeta,\n  dialMeta,\n  commandBarMeta,\n];\n\n// This file is the `@dowel-ui/react/registry` entry point, so the block barrel is\n// re-exported here — the registry build reads both through one import.\nexport { blockMetas } from \"./blocks\";\nexport { COMPONENT_CATEGORIES, COMPONENT_STATUSES } from \"./schema\";\nexport type { ComponentCategory, ComponentMeta, ComponentStatus } from \"./schema\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsMA,MAAa,iBAAkC;CAC7CA;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;AACF"}

package/dist/registry/schema.d.ts

@@ -7,7 +7,7 @@
  * every declaration against the source's real imports, so metadata cannot drift
  * from the code it describes. See docs/architecture/0003-registry-metadata.md.
  */
-declare const COMPONENT_CATEGORIES: readonly ["foundation", "display", "navigation", "overlay", "layout", "form", "feedback", "data", "ai"];
+declare const COMPONENT_CATEGORIES: readonly ["foundation", "display", "navigation", "overlay", "layout", "form", "feedback", "data", "ai", "effects"];
 type ComponentCategory = (typeof COMPONENT_CATEGORIES)[number];
 declare const COMPONENT_STATUSES: readonly ["stable", "beta", "experimental"];
 type ComponentStatus = (typeof COMPONENT_STATUSES)[number];

package/dist/registry/schema.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"schema.d.ts","names":[],"sources":["../../src/registry/schema.ts"],"mappings":";;;;;;;;;cASa;KAYD,4BAA4B;cAE3B;KAED,0BAA0B;UAErB;;EAEf;;;;;;;;EAQA;;EAEA;;EAEA;EACA,UAAU;EACV,QAAQ;;EAER;;EAEA;;EAEA;;EAEA;;;;;;;;EAQA;;;iBAIc,iBAAiB,UAAU,eAAe,MAAM,IAAI"}
+{"version":3,"file":"schema.d.ts","names":[],"sources":["../../src/registry/schema.ts"],"mappings":";;;;;;;;;cASa;KAaD,4BAA4B;cAE3B;KAED,0BAA0B;UAErB;;EAEf;;;;;;;;EAQA;;EAEA;;EAEA;EACA,UAAU;EACV,QAAQ;;EAER;;EAEA;;EAEA;;EAEA;;;;;;;;EAQA;;;iBAIc,iBAAiB,UAAU,eAAe,MAAM,IAAI"}

package/dist/registry/schema.js

@@ -16,7 +16,8 @@ const COMPONENT_CATEGORIES = [
 	"form",
 	"feedback",
 	"data",
-	"ai"
+	"ai",
+	"effects"
 ];
 const COMPONENT_STATUSES = [
 	"stable",

package/dist/registry/schema.js.map

@@ -1 +1 @@
-{"version":3,"file":"schema.js","names":[],"sources":["../../src/registry/schema.ts"],"sourcesContent":["/**\n * Registry metadata contract.\n *\n * Every component ships a `meta.ts` describing what the CLI must install\n * alongside it. This file defines the *type* only; `meta.test.ts` validates\n * every declaration against the source's real imports, so metadata cannot drift\n * from the code it describes. See docs/architecture/0003-registry-metadata.md.\n */\n\nexport const COMPONENT_CATEGORIES = [\n  \"foundation\",\n  \"display\",\n  \"navigation\",\n  \"overlay\",\n  \"layout\",\n  \"form\",\n  \"feedback\",\n  \"data\",\n  \"ai\",\n] as const;\n\nexport type ComponentCategory = (typeof COMPONENT_CATEGORIES)[number];\n\nexport const COMPONENT_STATUSES = [\"stable\", \"beta\", \"experimental\"] as const;\n\nexport type ComponentStatus = (typeof COMPONENT_STATUSES)[number];\n\nexport interface ComponentMeta {\n  /** Registry id. Must match the directory name and the CLI argument. */\n  name: string;\n  /**\n   * What kind of registry entry this is.\n   *\n   * Components are the building blocks; blocks are whole sections assembled\n   * from them. They install into different places and are browsed differently,\n   * so the distinction is explicit rather than inferred from the category.\n   */\n  kind?: \"component\" | \"block\";\n  /** Display name for docs and Storybook. */\n  title: string;\n  /** One sentence, used on listing pages and by `<cli> list`. */\n  description: string;\n  category: ComponentCategory;\n  status: ComponentStatus;\n  /** npm packages the source imports. Peer deps (react) are excluded. */\n  dependencies: string[];\n  /** Other registry components this one imports. */\n  registryDependencies: string[];\n  /** Files the CLI copies, relative to the component directory. */\n  files: string[];\n  /** Accessibility notes surfaced on the docs page. */\n  a11y?: string;\n  /**\n   * Whether the source is public.\n   *\n   * Omitted means `free`, and free is a promise: an item that has shipped\n   * installable without a licence stays that way. Marking an existing component\n   * `pro` breaks every project that already installs it.\n   */\n  access?: \"free\" | \"pro\";\n}\n\n/** Identity helper that gives editors autocomplete inside `meta.ts`. */\nexport function defineMeta<const T extends ComponentMeta>(meta: T): T {\n  return meta;\n}\n"],"mappings":";;;;;;;;;AASA,MAAa,uBAAuB;CAClC;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AACF;AAIA,MAAa,qBAAqB;CAAC;CAAU;CAAQ;AAAc;;AAwCnE,SAAgB,WAA0C,MAAY;CACpE,OAAO;AACT"}
+{"version":3,"file":"schema.js","names":[],"sources":["../../src/registry/schema.ts"],"sourcesContent":["/**\n * Registry metadata contract.\n *\n * Every component ships a `meta.ts` describing what the CLI must install\n * alongside it. This file defines the *type* only; `meta.test.ts` validates\n * every declaration against the source's real imports, so metadata cannot drift\n * from the code it describes. See docs/architecture/0003-registry-metadata.md.\n */\n\nexport const COMPONENT_CATEGORIES = [\n  \"foundation\",\n  \"display\",\n  \"navigation\",\n  \"overlay\",\n  \"layout\",\n  \"form\",\n  \"feedback\",\n  \"data\",\n  \"ai\",\n  \"effects\",\n] as const;\n\nexport type ComponentCategory = (typeof COMPONENT_CATEGORIES)[number];\n\nexport const COMPONENT_STATUSES = [\"stable\", \"beta\", \"experimental\"] as const;\n\nexport type ComponentStatus = (typeof COMPONENT_STATUSES)[number];\n\nexport interface ComponentMeta {\n  /** Registry id. Must match the directory name and the CLI argument. */\n  name: string;\n  /**\n   * What kind of registry entry this is.\n   *\n   * Components are the building blocks; blocks are whole sections assembled\n   * from them. They install into different places and are browsed differently,\n   * so the distinction is explicit rather than inferred from the category.\n   */\n  kind?: \"component\" | \"block\";\n  /** Display name for docs and Storybook. */\n  title: string;\n  /** One sentence, used on listing pages and by `<cli> list`. */\n  description: string;\n  category: ComponentCategory;\n  status: ComponentStatus;\n  /** npm packages the source imports. Peer deps (react) are excluded. */\n  dependencies: string[];\n  /** Other registry components this one imports. */\n  registryDependencies: string[];\n  /** Files the CLI copies, relative to the component directory. */\n  files: string[];\n  /** Accessibility notes surfaced on the docs page. */\n  a11y?: string;\n  /**\n   * Whether the source is public.\n   *\n   * Omitted means `free`, and free is a promise: an item that has shipped\n   * installable without a licence stays that way. Marking an existing component\n   * `pro` breaks every project that already installs it.\n   */\n  access?: \"free\" | \"pro\";\n}\n\n/** Identity helper that gives editors autocomplete inside `meta.ts`. */\nexport function defineMeta<const T extends ComponentMeta>(meta: T): T {\n  return meta;\n}\n"],"mappings":";;;;;;;;;AASA,MAAa,uBAAuB;CAClC;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AACF;AAIA,MAAa,qBAAqB;CAAC;CAAU;CAAQ;AAAc;;AAwCnE,SAAgB,WAA0C,MAAY;CACpE,OAAO;AACT"}

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "@dowel-ui/react",
-  "version": "0.7.0",
+  "version": "0.8.0",
   "type": "module",
-  "description": "Source-first React components for SaaS and AI products — 75 accessible components you install as code you own, not as a dependency.",
+  "description": "Source-first React components for SaaS and AI products — 184 accessible components you install as code you own, not as a dependency.",
   "keywords": [
     "react",
     "ui",
@@ -68,6 +68,7 @@
     "class-variance-authority": "0.7.1",
     "clsx": "2.1.1",
     "diff": "9.0.0",
+    "motion": "^13.4.0",
     "radix-ui": "1.6.7",
     "react-day-picker": "10.0.1",
     "tailwind-merge": "3.6.0"
@@ -96,8 +97,8 @@
     "vite": "8.2.2",
     "vitest": "4.1.10",
     "zod": "4.5.4",
-    "@dowel-ui/themes": "0.7.0",
-    "@dowel-ui/config": "0.7.0"
+    "@dowel-ui/config": "0.8.0",
+    "@dowel-ui/themes": "0.8.0"
   },
   "scripts": {
     "build": "tsdown",

package/src/components/account-menu/account-menu.tsx

@@ -0,0 +1,338 @@
+"use client";
+
+// Ported from SmoothUI User Account Avatar (MIT, © 2024 Eduardo Calvo). See THIRD_PARTY_NOTICES.md.
+import {
+  createContext,
+  useContext,
+  useId,
+  useState,
+  type ComponentPropsWithRef,
+  type FormEvent,
+  type ReactNode,
+} from "react";
+
+import { Avatar, AvatarFallback, AvatarImage } from "@/components/avatar";
+import { Button } from "@/components/button";
+import { Input } from "@/components/input";
+import { Label } from "@/components/label";
+import {
+  Popover,
+  PopoverContent,
+  PopoverTrigger,
+  type PopoverContentProps,
+} from "@/components/popover";
+import { Progress } from "@/components/progress";
+import { focusRing } from "@/lib/styles";
+import { cn } from "@/lib/utils";
+
+/*
+ * An avatar that opens an account panel of collapsible sections — edit the
+ * profile, check recent orders. The sections hold forms, so this is a
+ * popover of disclosures, not a menu: role="menu" cannot contain text
+ * fields. Sections open with a CSS grid-rows transition (0fr → 1fr) and a
+ * blur, replacing the source's motion height springs; one is open at a time.
+ */
+
+export interface AccountMenuUser {
+  name: string;
+  email: string;
+  avatarUrl?: string;
+}
+
+interface AccountMenuContextValue {
+  user: AccountMenuUser;
+  section: string | null;
+  setSection: (section: string | null) => void;
+}
+
+const AccountMenuContext = createContext<AccountMenuContextValue | null>(null);
+const SectionContext = createContext({ expanded: false, close: () => {} });
+
+function useAccountMenu() {
+  const context = useContext(AccountMenuContext);
+  if (!context) throw new Error("AccountMenu parts must be used inside <AccountMenu>.");
+  return context;
+}
+
+export interface AccountMenuProps extends Omit<PopoverContentProps, "children"> {
+  user: AccountMenuUser;
+  children: ReactNode;
+  /** The trigger's accessible name. Defaults to "Account menu for <name>". */
+  triggerLabel?: string;
+  triggerClassName?: string;
+  open?: boolean;
+  defaultOpen?: boolean;
+  onOpenChange?: (open: boolean) => void;
+  /** The expanded section's value, or null (controlled). */
+  section?: string | null;
+  defaultSection?: string | null;
+  onSectionChange?: (section: string | null) => void;
+}
+
+/** An avatar button that opens an account panel of collapsible sections. */
+export function AccountMenu({
+  className,
+  user,
+  children,
+  triggerLabel,
+  triggerClassName,
+  open,
+  defaultOpen,
+  onOpenChange,
+  section: sectionProp,
+  defaultSection = null,
+  onSectionChange,
+  ...props
+}: AccountMenuProps) {
+  const [uncontrolled, setUncontrolled] = useState(defaultSection);
+  const section = sectionProp === undefined ? uncontrolled : sectionProp;
+  const headingId = useId();
+
+  function setSection(next: string | null) {
+    if (sectionProp === undefined) setUncontrolled(next);
+    onSectionChange?.(next);
+  }
+
+  return (
+    <Popover open={open} defaultOpen={defaultOpen} onOpenChange={onOpenChange}>
+      <PopoverTrigger asChild>
+        <button
+          type="button"
+          data-slot="account-menu-trigger"
+          aria-label={triggerLabel ?? `Account menu for ${user.name}`}
+          className={cn(
+            "rounded-full border border-border bg-background",
+            focusRing,
+            triggerClassName,
+          )}
+        >
+          <Avatar size="lg">
+            {user.avatarUrl ? (
+              <AvatarImage src={user.avatarUrl} alt="" draggable={false} />
+            ) : null}
+            <AvatarFallback>{user.name.charAt(0).toUpperCase()}</AvatarFallback>
+          </Avatar>
+        </button>
+      </PopoverTrigger>
+      <PopoverContent
+        align="end"
+        aria-labelledby={headingId}
+        {...props}
+        data-slot="account-menu-content"
+        className={cn("w-72 overflow-hidden rounded-xl p-0", className)}
+      >
+        <div className="border-b border-border px-4 py-3">
+          <p id={headingId} className="truncate text-sm font-semibold">
+            {user.name}
+          </p>
+          <p className="truncate text-xs text-muted-foreground">{user.email}</p>
+        </div>
+        <AccountMenuContext.Provider value={{ user, section, setSection }}>
+          <div className="flex flex-col divide-y divide-border p-1">{children}</div>
+        </AccountMenuContext.Provider>
+      </PopoverContent>
+    </Popover>
+  );
+}
+
+export interface AccountMenuSectionProps extends Omit<ComponentPropsWithRef<"div">, "title"> {
+  value: string;
+  label: ReactNode;
+  /** A leading icon. Decorative. */
+  icon?: ReactNode;
+}
+
+/** A collapsible section: a disclosure button and the panel it reveals. */
+export function AccountMenuSection({
+  className,
+  value,
+  label,
+  icon,
+  children,
+  ...props
+}: AccountMenuSectionProps) {
+  const { section, setSection } = useAccountMenu();
+  const expanded = section === value;
+  const panelId = useId();
+  const state = expanded ? "open" : "closed";
+
+  return (
+    <div
+      data-slot="account-menu-section"
+      data-state={state}
+      className={cn("py-0.5", className)}
+      {...props}
+    >
+      <button
+        type="button"
+        aria-expanded={expanded}
+        aria-controls={panelId}
+        onClick={() => setSection(expanded ? null : value)}
+        className={cn(
+          "flex w-full items-center gap-2 rounded-lg px-3 py-2.5 text-sm font-medium transition-colors duration-[var(--duration-fast)]",
+          "[&_svg]:size-4 [&_svg]:shrink-0",
+          expanded ? "bg-primary text-primary-foreground" : "hover:bg-accent",
+          focusRing,
+        )}
+      >
+        {icon ? (
+          <span aria-hidden="true" className="flex">
+            {icon}
+          </span>
+        ) : null}
+        {label}
+      </button>
+      <div
+        id={panelId}
+        role="region"
+        aria-label={typeof label === "string" ? label : undefined}
+        inert={!expanded}
+        data-state={state}
+        className={cn(
+          "grid transition-[grid-template-rows,opacity,filter] duration-[var(--duration-normal)] ease-[var(--ease-out-quint)]",
+          "data-[state=closed]:grid-rows-[0fr] data-[state=closed]:opacity-0 data-[state=closed]:blur-[10px] data-[state=open]:grid-rows-[1fr]",
+        )}
+      >
+        <div className="min-h-0 overflow-hidden">
+          <SectionContext.Provider value={{ expanded, close: () => setSection(null) }}>
+            {children}
+          </SectionContext.Provider>
+        </div>
+      </div>
+    </div>
+  );
+}
+
+export interface AccountMenuProfileFormProps extends Omit<
+  ComponentPropsWithRef<"form">,
+  "onSubmit"
+> {
+  /** Called with the edited user; the section then collapses. */
+  onSave?: (user: AccountMenuUser) => void;
+  saveLabel?: string;
+}
+
+/** The source's "Edit Profile" form: name and email, prefilled from the user. */
+export function AccountMenuProfileForm({
+  className,
+  onSave,
+  saveLabel = "Save changes",
+  ...props
+}: AccountMenuProfileFormProps) {
+  const { user } = useAccountMenu();
+  const { close } = useContext(SectionContext);
+  const id = useId();
+
+  function handleSubmit(event: FormEvent<HTMLFormElement>) {
+    event.preventDefault();
+    const data = new FormData(event.currentTarget);
+    const field = (key: string) => {
+      const value = data.get(key);
+      return typeof value === "string" ? value : "";
+    };
+    onSave?.({ ...user, name: field("name"), email: field("email") });
+    close();
+  }
+
+  return (
+    <form
+      className={cn("flex flex-col gap-3 p-3", className)}
+      onSubmit={handleSubmit}
+      {...props}
+    >
+      <div className="flex flex-col gap-1.5">
+        <Label htmlFor={`${id}-name`}>Name</Label>
+        <Input id={`${id}-name`} name="name" defaultValue={user.name} autoComplete="name" />
+      </div>
+      <div className="flex flex-col gap-1.5">
+        <Label htmlFor={`${id}-email`}>Email</Label>
+        <Input
+          id={`${id}-email`}
+          name="email"
+          type="email"
+          defaultValue={user.email}
+          autoComplete="email"
+        />
+      </div>
+      <Button type="submit" className="mt-1">
+        {saveLabel}
+      </Button>
+    </form>
+  );
+}
+
+export interface AccountMenuOrder {
+  id: string;
+  date: string;
+  status: "processing" | "shipped" | "delivered";
+  /** 0–100. */
+  progress: number;
+}
+
+export interface AccountMenuOrdersProps extends ComponentPropsWithRef<"ul"> {
+  orders: AccountMenuOrder[];
+  onView?: (orderId: string) => void;
+}
+
+const STATUS_TONE = {
+  processing: "primary",
+  shipped: "warning",
+  delivered: "success",
+} as const;
+
+/** The source's "Last Orders": each order's status, progress and a view button. */
+export function AccountMenuOrders({
+  className,
+  orders,
+  onView,
+  ...props
+}: AccountMenuOrdersProps) {
+  const { expanded } = useContext(SectionContext);
+  return (
+    <ul className={cn("flex flex-col gap-2 p-3", className)} {...props}>
+      {orders.map((order) => (
+        <li
+          key={order.id}
+          className="flex flex-col gap-2 rounded-lg border border-border bg-muted/30 p-3"
+        >
+          <div className="flex items-center justify-between">
+            <span className="text-sm font-semibold">{order.id}</span>
+            <span className="text-xs text-muted-foreground">{order.date}</span>
+          </div>
+          <div className="flex items-center gap-3">
+            <div className="flex-1 space-y-2">
+              <div className="flex items-center justify-between text-xs">
+                <span className="font-medium capitalize">{order.status}</span>
+                <span className="text-muted-foreground">{order.progress}%</span>
+              </div>
+              {/* Fills from empty each time the section opens, as the source did. */}
+              <Progress
+                size="sm"
+                tone={STATUS_TONE[order.status]}
+                value={expanded ? order.progress : 0}
+                aria-label={`Order ${order.id} progress`}
+              />
+            </div>
+            <Button
+              variant="outline"
+              size="icon-sm"
+              aria-label={`View order ${order.id}`}
+              onClick={() => onView?.(order.id)}
+            >
+              <svg
+                viewBox="0 0 24 24"
+                fill="none"
+                stroke="currentColor"
+                strokeWidth={2}
+                aria-hidden="true"
+              >
+                <path d="M2 12s3.5-7 10-7 10 7 10 7-3.5 7-10 7S2 12 2 12Z" />
+                <circle cx="12" cy="12" r="3" />
+              </svg>
+            </Button>
+          </div>
+        </li>
+      ))}
+    </ul>
+  );
+}

package/src/components/account-menu/index.ts

@@ -0,0 +1,12 @@
+export {
+  AccountMenu,
+  AccountMenuOrders,
+  AccountMenuProfileForm,
+  AccountMenuSection,
+  type AccountMenuOrder,
+  type AccountMenuOrdersProps,
+  type AccountMenuProfileFormProps,
+  type AccountMenuProps,
+  type AccountMenuSectionProps,
+  type AccountMenuUser,
+} from "./account-menu";

package/src/components/account-menu/meta.ts

@@ -0,0 +1,19 @@
+import { defineMeta } from "@/registry/schema";
+
+export const meta = defineMeta({
+  name: "account-menu",
+  title: "Account Menu",
+  description:
+    "An avatar that opens an account panel of collapsible sections — edit the profile, check recent orders.",
+  category: "overlay",
+  status: "beta",
+  dependencies: [],
+  registryDependencies: ["avatar", "button", "input", "label", "popover", "progress"],
+  files: ["account-menu.tsx"],
+  a11y:
+    'The avatar trigger is named "Account menu for <name>" and opens Dowel\'s Popover: a role="dialog" labelled by ' +
+    "the user's name, with focus moved inside, Escape and outside-press dismissal and focus returned to the " +
+    'trigger. It is deliberately not role="menu": sections contain form fields. Each section is a disclosure ' +
+    "button (aria-expanded, aria-controls) revealing a named region that is inert while collapsed. Form fields " +
+    "are labelled; order progress bars and view buttons name their order. Transitions stop under reduced motion.",
+});

package/src/components/action-node/action-node-spring.ts

@@ -0,0 +1,34 @@
+// Ported from bencho (MIT, © 2026 Lorenzo Cabra). See THIRD_PARTY_NOTICES.md.
+/*
+ * A damped spring expressed as a CSS `linear()` easing, so a state-driven
+ * spring (overshoot, settle) runs as a plain CSS transition: no animation
+ * library, and the global reduced-motion rule and --motion-scale still apply.
+ *
+ * `bounce` 0..1 (0 = critically damped, no overshoot; 1 = very lively).
+ * Returns the easing string. Pair it with a duration from the caller.
+ * Browsers without linear() drop the declaration, so set it through a CSS
+ * variable consumed inside `@supports (transition-timing-function: linear(0, 1))`
+ * in the hoisted stylesheet, with a cubic-bezier fallback in the class list.
+ */
+export function springEasing(bounce: number, samples = 48): string {
+  const b = Math.min(Math.max(bounce, 0), 1);
+  const zeta = 1 - b * 0.7; // damping ratio 1 → 0.3
+  // Choose ω so the envelope has decayed to ~0.1% at t = 1.
+  const omega = Math.log(1000) / zeta;
+  const points: string[] = [];
+  for (let i = 0; i <= samples; i += 1) {
+    const t = i / samples;
+    let x: number;
+    if (zeta >= 0.999) {
+      x = 1 - Math.exp(-omega * t) * (1 + omega * t);
+    } else {
+      const wd = omega * Math.sqrt(1 - zeta * zeta);
+      x =
+        1 -
+        Math.exp(-zeta * omega * t) *
+          (Math.cos(wd * t) + ((zeta * omega) / wd) * Math.sin(wd * t));
+    }
+    points.push(i === samples ? "1" : String(Math.round(x * 1000) / 1000));
+  }
+  return `linear(${points.join(", ")})`;
+}